import { BreadcrumbItem, UserKycVerification } from '@/types'; import { Head, useForm } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import SettingsLayout from '@/layouts/settings/layout'; import HeadingSmall from '@/components/heading-small'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'; import { Phone, Info, ChevronLeft } from 'lucide-react'; import { Link } from '@inertiajs/react'; import InputError from '@/components/input-error'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Settings', href: '/settings/profile', }, { title: 'KYC Verification', href: '/settings/kyc', }, { title: 'Basic Verification', href: '/settings/kyc/basic', }, ]; interface Props { kyc: UserKycVerification | null; } export default function KycBasic({ kyc }: Props) { const { data, setData, post, processing, errors } = useForm({ phone_number: kyc?.phone_number || '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post('/settings/kyc/basic'); }; return (
{/* Header */}
{/* Info Alert */} Verification Required

Verify your phone number to complete KYC verification and unlock access to all platform features.

{/* Verification Form */}
Phone Number Verification Enter your phone number to receive a verification code
setData('phone_number', e.target.value)} placeholder="+1234567890" className="font-mono" disabled={processing} required />

Enter your phone number in international format (E.164), starting with +

Important Notes:

  • • You will receive a 6-digit verification code via SMS
  • • The code expires in 10 minutes
  • • You have 5 attempts to enter the correct code
  • • Standard SMS rates may apply
 {/* Privacy Notice */}

Privacy & Security

Your phone number is securely stored and encrypted. We use it solely for identity verification and will never share it with third parties without your consent.

By proceeding, you agree to receive SMS verification messages from our service.

); }