import * as React from "react"; import { IntegrationDetailComplianceFirstFive } from "@/registry/integration-detail-compliance-first-five/integration-detail-compliance-first-five"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; type ComponentProps = React.ComponentPropsWithoutRef< typeof IntegrationDetailComplianceFirstFive >; type IntegrationDetailComplianceFirstFiveBadge = NonNullable< ComponentProps["badges"] >[number]; type IntegrationDetailComplianceFirstFiveSection = NonNullable< ComponentProps["sections"] >[number]; type IntegrationDetailComplianceFirstFiveAccordionItem = ComponentProps["sections"][number]["accordion"][number]; type IntegrationDetailComplianceFirstFiveHighlight = NonNullable< ComponentProps["highlights"] >[number]; type IntegrationDetailComplianceFirstFiveChangelogEntry = NonNullable< ComponentProps["changelog"] >[number]; type IntegrationDetailComplianceFirstFiveContact = NonNullable< ComponentProps["contacts"] >[number]; export function IntegrationDetailComplianceFirstFiveDemo() { const badges: IntegrationDetailComplianceFirstFiveBadge[] = [ { id: "soc2", label: "SOC 2 Type II", tone: "primary" }, { id: "iso", label: "ISO 27001", tone: "indigo" }, { id: "gdpr", label: "GDPR-ready", tone: "emerald" }, ]; const highlights: IntegrationDetailComplianceFirstFiveHighlight[] = [ { id: "rls", title: "Row level security", description: "Granular policies across tables ensure only region-specific data syncs to Horizon.", }, { id: "encryption", title: "Encryption", description: "TLS 1.3 in transit, AES-256 at rest, and customer-managed keys for enterprise tenants.", }, { id: "audits", title: "Audit cadence", description: "Annual SOC 2 Type II attestation, quarterly penetration tests, and continuous monitoring.", }, ]; const contacts: IntegrationDetailComplianceFirstFiveContact[] = [ { id: "security", label: "Security lead", value: "security@nextbase.com", href: "mailto:security@nextbase.com", }, { id: "legal", label: "Legal & privacy", value: "legal@nextbase.com", href: "mailto:legal@nextbase.com", }, { id: "dpa", label: "Data protection officer", value: "dpo@nextbase.com", href: "mailto:dpo@nextbase.com", }, ]; const dataFlowAccordion: IntegrationDetailComplianceFirstFiveAccordionItem[] = [ { id: "diagram", title: "Data flow diagram", description: "Visualize ingestion, processing, and retention across partner systems.", content: (

), }, { id: "storage", title: "Storage locations", content: ( Region Provider Purpose US-East Snowflake Primary data warehouse EU-West BigQuery Regional analytics mirror

), }, ]; const privacyAccordion: IntegrationDetailComplianceFirstFiveAccordionItem[] = [ { id: "processing", title: "Data processing commitments", content: (

Process personal data solely to fulfill mutual obligations defined in the MSA.
Retain data no longer than 30 days in staging and 90 days in backups.
Support subject access requests within 5 business days.

), }, { id: "subprocessors", title: "Sub-processor list", content: ( Provider Service Region Amazon Web Services Application hosting United States, Ireland Snowflake Data warehouse United States, Germany

), }, ]; const auditAccordion: IntegrationDetailComplianceFirstFiveAccordionItem[] = [ { id: "logs", title: "Audit trail sample", content: (

          {`2024-09-15T08:42:14Z user=svc-sync action=WRITE object=deal-49878 status=SUCCESS
2024-09-15T08:42:16Z user=svc-sync action=READ object=deal-49878 status=SUCCESS
2024-09-15T08:42:18Z user=svc-sync action=PATCH object=deal-49878 status=SUCCESS`}

), }, { id: "controls", title: "Control coverage", content: (

Continuous vulnerability scanning
Quarterly access reviews
SOC 2 mapped to ISO 27001 controls
Dedicated incident response hotline

), }, ]; const sections: IntegrationDetailComplianceFirstFiveSection[] = [ { id: "data-flow", title: "Data flow and residency", description: "Understand how information moves between Nextbase and Horizon, including retention boundaries.", accordion: dataFlowAccordion, supportingContent: ( Residency commitments EU data processed within Frankfurt region with failover to Dublin. Customer-managed keys supported for finance verticals. ), }, { id: "privacy", title: "Privacy commitments", description: "Alignment with GDPR, CCPA, and industry-specific requirements.", accordion: privacyAccordion, }, { id: "audit", title: "Audit trail and monitoring", description: "Sample logs, control coverage, and escalation workflows for compliance teams.", accordion: auditAccordion, }, ]; const changelog: IntegrationDetailComplianceFirstFiveChangelogEntry[] = [ { id: "v2", version: "v2.3 · Oct 2024", date: "2024-10-02", summary: "Added regional KMS support and refreshed SOC 2 Type II audit evidence.", }, { id: "v1", version: "v2.2 · Jun 2024", date: "2024-06-18", summary: "Expanded DPA templates for HIPAA and PCI readiness assessments.", }, ]; return ( { console.log("Request security packet for", email); await new Promise((resolve) => setTimeout(resolve, 700)); }} /> ); } const Example = IntegrationDetailComplianceFirstFiveDemo export default IntegrationDetailComplianceFirstFiveDemo;

Simple