import * as React from "react"; import { MultiStepFormComplianceKycIdentityVerificationThree } from "@/registry/multi-step-form-compliance-kyc-identity-verification-three/multi-step-form-compliance-kyc-identity-verification-three"; 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 MultiStepFormComplianceKycIdentityVerificationThree >; type KycSupportedCountry = NonNullable[number]; type KycDocumentTypeOption = NonNullable< ComponentProps["documentTypes"] >[number]; type KycFormValues = Parameters>[0]; const COUNTRIES: KycSupportedCountry[] = [ { code: "US", label: "United States" }, { code: "GB", label: "United Kingdom" }, { code: "DE", label: "Germany" }, ]; const DOCUMENT_TYPES: KycDocumentTypeOption[] = [ { value: "passport", label: "Passport", description: "Upload both the photo page and signature page if applicable.", }, { value: "national-id", label: "National identity card", description: "Provide front and back copies with clear MRZ codes.", }, { value: "driver-licence", label: "Driver licence", description: "Accepted for applicants residing in the same issuing country.", }, ]; const INITIAL_VALUES: Partial = { firstName: "Jordan", lastName: "Lee", citizenshipCountry: "US", identificationType: "passport", documentUploadMethod: "upload", }; export function MultiStepFormComplianceKycIdentityVerificationThreeDemo() { const [lastSubmission, setLastSubmission] = React.useState(null); return (

{ await new Promise((resolve) => setTimeout(resolve, 900)); setLastSubmission(values); }} /> {lastSubmission ? (

          {JSON.stringify(lastSubmission, null, 2)}

) : null}

); } export default MultiStepFormComplianceKycIdentityVerificationThreeDemo;

Simple