@sanctum-key/react-native-sdk 1.0.0

package/build/components/KYCElements/PhoneVerificationTemplate.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TemplateComponent } from '../../types/KYC.types';
+interface PhoneVerificationTemplateProps {
+    component: TemplateComponent;
+    value?: any;
+    onValueChange: (data: any) => void;
+    error?: string;
+    language?: string;
+}
+export declare const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps>;
+export {};
+//# sourceMappingURL=PhoneVerificationTemplate.d.ts.map

package/build/components/KYCElements/PhoneVerificationTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneVerificationTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/PhoneVerificationTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAiB,MAAM,uBAAuB,CAAC;AAKzE,UAAU,8BAA8B;IACpC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAID,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAuJ9E,CAAC"}

package/build/components/KYCElements/PhoneVerificationTemplate.js

@@ -0,0 +1,185 @@
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, TextInput, TouchableOpacity, Alert } from 'react-native';
+import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
+import { useI18n } from '../../hooks/useI18n';
+import { Button } from '../ui/Button';
+export const PhoneVerificationTemplate = ({ component, value, onValueChange, error: propError, }) => {
+    const { actions, getLocalizedText } = useTemplateKYCFlowContext();
+    const { t } = useI18n();
+    // const config = component.config as PhoneVerificationConfig;
+    // State
+    const [step, setStep] = useState('phone');
+    const [phone, setPhone] = useState('');
+    const [otp, setOtp] = useState('');
+    const [localError, setLocalError] = useState(null);
+    const [isSimulating, setIsSimulating] = useState(false);
+    const title = getLocalizedText(component.labels);
+    const instructions = getLocalizedText(component.instructions);
+    // Determine button text based on step
+    const verifyButtonText = getLocalizedText(component.ui.buttonText) || t('common.verify') || 'Verify';
+    const sendButtonText = t('common.sendCode') || 'Send Verification Code';
+    const buttonText = step === 'phone' ? sendButtonText : verifyButtonText;
+    const handleSendCode = () => {
+        if (!phone || phone.length < 5) {
+            setLocalError(t('errors.invalidPhone') || 'Please enter a valid phone number');
+            return;
+        }
+        setLocalError(null);
+        setIsSimulating(true);
+        // Simulate API call to send code
+        setTimeout(() => {
+            setIsSimulating(false);
+            setStep('otp');
+        }, 1500);
+    };
+    const handleVerifyCode = () => {
+        if (!otp || otp.length < 4) {
+            setLocalError(t('errors.invalidCode') || 'Please enter the 6-digit code');
+            return;
+        }
+        setLocalError(null);
+        setIsSimulating(true);
+        // Simulate verification API
+        setTimeout(() => {
+            setIsSimulating(false);
+            // Mock validation logic
+            if (otp === '123456') {
+                onValueChange({ phone, otp, verified: true });
+                actions.nextComponent();
+            }
+            else {
+                setLocalError(t('errors.wrongCode') || 'Invalid verification code. Try 123456');
+            }
+        }, 1500);
+    };
+    const onChangePhone = (text) => {
+        setPhone(text);
+        if (localError)
+            setLocalError(null);
+    };
+    const onChangeOtp = (text) => {
+        setOtp(text);
+        if (localError)
+            setLocalError(null);
+    };
+    const handleBackToPhone = () => {
+        setStep('phone');
+        setOtp('');
+        setLocalError(null);
+    };
+    return (<View style={styles.container}>
+            <Text style={styles.title}>{title}</Text>
+            <Text style={styles.instructions}>
+                {step === 'phone' ? instructions : (t('kyc.enterCodeSent') || `Please enter the code sent to ${phone}`)}
+            </Text>
+
+            <View style={styles.contentContainer}>
+                {step === 'phone' ? (<View style={styles.inputContainer}>
+                        <Text style={styles.label}>{t('common.phone') || 'Phone Number'}</Text>
+                        <TextInput style={styles.input} placeholder="+1234567890" value={phone} onChangeText={onChangePhone} keyboardType="phone-pad" autoComplete="tel" editable={!isSimulating}/>
+                    </View>) : (<View style={styles.inputContainer}>
+                        <Text style={styles.label}>{t('common.verificationCode') || 'Verification Code'}</Text>
+                        <TextInput style={styles.input} placeholder="123456" value={otp} onChangeText={onChangeOtp} keyboardType="number-pad" maxLength={6} editable={!isSimulating}/>
+                        <TouchableOpacity onPress={handleBackToPhone} style={styles.changeLink}>
+                            <Text style={styles.changeText}>{t('common.back') || 'Change number'}</Text>
+                        </TouchableOpacity>
+                    </View>)}
+
+                {(localError || propError) && (<Text style={styles.errorText}>{localError || propError}</Text>)}
+
+                <Button title={isSimulating ? (t('common.processing') || 'Processing...') : buttonText} onPress={step === 'phone' ? handleSendCode : handleVerifyCode} style={styles.button} disabled={isSimulating ||
+            (step === 'phone' ? !phone : !otp)}/>
+
+                {step === 'otp' && (<TouchableOpacity onPress={() => {
+                // Resend logic
+                Alert.alert(t('common.codeResent') || 'Code Resent', t('common.codeResentMessage', { email: phone }) || 'Code resent to ' + phone);
+            }} style={styles.resendButton} disabled={isSimulating}>
+                        <Text style={styles.resendText}>{t('common.resendCode') || 'Resend Code'}</Text>
+                    </TouchableOpacity>)}
+            </View>
+        </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        padding: 24,
+        backgroundColor: 'white',
+        borderRadius: 16,
+        margin: 16,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.1,
+        shadowRadius: 12,
+        elevation: 5,
+        width: '95%',
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: '700',
+        marginBottom: 8,
+        color: '#1a1a1a',
+        textAlign: 'center',
+    },
+    instructions: {
+        fontSize: 16,
+        color: '#666',
+        marginBottom: 32,
+        lineHeight: 24,
+        textAlign: 'center',
+    },
+    contentContainer: {
+    // width: '100%',
+    },
+    inputContainer: {
+        marginBottom: 24,
+    },
+    label: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#333',
+        marginBottom: 8,
+        marginLeft: 4,
+    },
+    input: {
+        borderWidth: 1,
+        borderColor: '#e0e0e0',
+        padding: 16,
+        borderRadius: 12,
+        fontSize: 16,
+        backgroundColor: '#f8f9fa',
+        color: '#333',
+    },
+    errorText: {
+        color: '#dc2626',
+        marginBottom: 16,
+        fontSize: 14,
+        textAlign: 'center',
+        backgroundColor: '#fee2e2',
+        padding: 8,
+        borderRadius: 8,
+        overflow: 'hidden',
+    },
+    button: {
+        height: 50,
+        borderRadius: 12,
+        width: "100%"
+    },
+    changeLink: {
+        alignSelf: 'flex-end',
+        marginTop: 8,
+    },
+    changeText: {
+        color: '#2DBD60',
+        fontSize: 14,
+        fontWeight: '500',
+    },
+    resendButton: {
+        marginTop: 16,
+        alignItems: 'center',
+    },
+    resendText: {
+        color: '#666',
+        fontSize: 14,
+        textDecorationLine: 'underline',
+    },
+});
+//# sourceMappingURL=PhoneVerificationTemplate.js.map

package/build/components/KYCElements/PhoneVerificationTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneVerificationTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/PhoneVerificationTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { View, Text, StyleSheet, TextInput, TouchableOpacity, Alert } from 'react-native';\nimport { TemplateComponent, LocalizedText } from '../../types/KYC.types';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport { Button } from '../ui/Button';\n\ninterface PhoneVerificationTemplateProps {\n    component: TemplateComponent;\n    value?: any;\n    onValueChange: (data: any) => void;\n    error?: string;\n    language?: string;\n}\n\ntype VerificationStep = 'phone' | 'otp';\n\nexport const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps> = ({\n    component,\n    value,\n    onValueChange,\n    error: propError,\n}) => {\n    const { actions, getLocalizedText } = useTemplateKYCFlowContext();\n    const { t } = useI18n();\n    // const config = component.config as PhoneVerificationConfig;\n\n    // State\n    const [step, setStep] = useState<VerificationStep>('phone');\n    const [phone, setPhone] = useState('');\n    const [otp, setOtp] = useState('');\n    const [localError, setLocalError] = useState<string | null>(null);\n    const [isSimulating, setIsSimulating] = useState(false);\n\n    const title = getLocalizedText(component.labels as LocalizedText);\n    const instructions = getLocalizedText(component.instructions as LocalizedText);\n\n    // Determine button text based on step\n    const verifyButtonText = getLocalizedText((component.ui as any).buttonText) || t('common.verify') || 'Verify';\n    const sendButtonText = t('common.sendCode') || 'Send Verification Code';\n    const buttonText = step === 'phone' ? sendButtonText : verifyButtonText;\n\n    const handleSendCode = () => {\n        if (!phone || phone.length < 5) {\n            setLocalError(t('errors.invalidPhone') || 'Please enter a valid phone number');\n            return;\n        }\n\n        setLocalError(null);\n        setIsSimulating(true);\n\n        // Simulate API call to send code\n        setTimeout(() => {\n            setIsSimulating(false);\n            setStep('otp');\n        }, 1500);\n    };\n\n    const handleVerifyCode = () => {\n        if (!otp || otp.length < 4) {\n            setLocalError(t('errors.invalidCode') || 'Please enter the 6-digit code');\n            return;\n        }\n\n        setLocalError(null);\n        setIsSimulating(true);\n\n        // Simulate verification API\n        setTimeout(() => {\n            setIsSimulating(false);\n\n            // Mock validation logic\n            if (otp === '123456') {\n                onValueChange({ phone, otp, verified: true });\n                actions.nextComponent();\n            } else {\n                setLocalError(t('errors.wrongCode') || 'Invalid verification code. Try 123456');\n            }\n        }, 1500);\n    };\n\n    const onChangePhone = (text: string) => {\n        setPhone(text);\n        if (localError) setLocalError(null);\n    };\n\n    const onChangeOtp = (text: string) => {\n        setOtp(text);\n        if (localError) setLocalError(null);\n    };\n\n    const handleBackToPhone = () => {\n        setStep('phone');\n        setOtp('');\n        setLocalError(null);\n    };\n\n    return (\n        <View style={styles.container}>\n            <Text style={styles.title}>{title}</Text>\n            <Text style={styles.instructions}>\n                {step === 'phone' ? instructions : (t('kyc.enterCodeSent') || `Please enter the code sent to ${phone}`)}\n            </Text>\n\n            <View style={styles.contentContainer}>\n                {step === 'phone' ? (\n                    <View style={styles.inputContainer}>\n                        <Text style={styles.label}>{t('common.phone') || 'Phone Number'}</Text>\n                        <TextInput\n                            style={styles.input}\n                            placeholder=\"+1234567890\"\n                            value={phone}\n                            onChangeText={onChangePhone}\n                            keyboardType=\"phone-pad\"\n                            autoComplete=\"tel\"\n                            editable={!isSimulating}\n                        />\n                    </View>\n                ) : (\n                    <View style={styles.inputContainer}>\n                        <Text style={styles.label}>{t('common.verificationCode') || 'Verification Code'}</Text>\n                        <TextInput\n                            style={styles.input}\n                            placeholder=\"123456\"\n                            value={otp}\n                            onChangeText={onChangeOtp}\n                            keyboardType=\"number-pad\"\n                            maxLength={6}\n                            editable={!isSimulating}\n                        />\n                        <TouchableOpacity onPress={handleBackToPhone} style={styles.changeLink}>\n                            <Text style={styles.changeText}>{t('common.back') || 'Change number'}</Text>\n                        </TouchableOpacity>\n                    </View>\n                )}\n\n                {(localError || propError) && (\n                    <Text style={styles.errorText}>{localError || propError}</Text>\n                )}\n\n                <Button\n                    title={isSimulating ? (t('common.processing') || 'Processing...') : buttonText}\n                    onPress={step === 'phone' ? handleSendCode : handleVerifyCode}\n                    style={styles.button}\n                    disabled={\n                        isSimulating ||\n                        (step === 'phone' ? !phone : !otp)\n                    }\n                />\n\n                {step === 'otp' && (\n                    <TouchableOpacity\n                        onPress={() => {\n                            // Resend logic\n                            Alert.alert(\n                                t('common.codeResent') || 'Code Resent',\n                                t('common.codeResentMessage', { email: phone }) || 'Code resent to ' + phone\n                            );\n                        }}\n                        style={styles.resendButton}\n                        disabled={isSimulating}\n                    >\n                        <Text style={styles.resendText}>{t('common.resendCode') || 'Resend Code'}</Text>\n                    </TouchableOpacity>\n                )}\n            </View>\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        padding: 24,\n        backgroundColor: 'white',\n        borderRadius: 16,\n        margin: 16,\n        shadowColor: '#000',\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.1,\n        shadowRadius: 12,\n        elevation: 5,\n        width: '95%',\n    },\n    title: {\n        fontSize: 24,\n        fontWeight: '700',\n        marginBottom: 8,\n        color: '#1a1a1a',\n        textAlign: 'center',\n    },\n    instructions: {\n        fontSize: 16,\n        color: '#666',\n        marginBottom: 32,\n        lineHeight: 24,\n        textAlign: 'center',\n    },\n    contentContainer: {\n        // width: '100%',\n    },\n    inputContainer: {\n        marginBottom: 24,\n    },\n    label: {\n        fontSize: 14,\n        fontWeight: '600',\n        color: '#333',\n        marginBottom: 8,\n        marginLeft: 4,\n    },\n    input: {\n        borderWidth: 1,\n        borderColor: '#e0e0e0',\n        padding: 16,\n        borderRadius: 12,\n        fontSize: 16,\n        backgroundColor: '#f8f9fa',\n        color: '#333',\n    },\n    errorText: {\n        color: '#dc2626',\n        marginBottom: 16,\n        fontSize: 14,\n        textAlign: 'center',\n        backgroundColor: '#fee2e2',\n        padding: 8,\n        borderRadius: 8,\n        overflow: 'hidden',\n    },\n    button: {\n        height: 50,\n        borderRadius: 12,\n        width: \"100%\"\n    },\n    changeLink: {\n        alignSelf: 'flex-end',\n        marginTop: 8,\n    },\n    changeText: {\n        color: '#2DBD60',\n        fontSize: 14,\n        fontWeight: '500',\n    },\n    resendButton: {\n        marginTop: 16,\n        alignItems: 'center',\n    },\n    resendText: {\n        color: '#666',\n        fontSize: 14,\n        textDecorationLine: 'underline',\n    },\n});\n"]}

package/build/components/KYCElements/ReviewSubmitTemplate.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TemplateComponent } from '../../types/KYC.types';
+interface ReviewSubmitTemplateProps {
+    component: TemplateComponent;
+    value: unknown;
+    onValueChange: (data: unknown) => void;
+    error?: string;
+    language?: string;
+}
+export declare const ReviewSubmitTemplate: React.FC<ReviewSubmitTemplateProps>;
+export {};
+//# sourceMappingURL=ReviewSubmitTemplate.d.ts.map

package/build/components/KYCElements/ReviewSubmitTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewSubmitTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/ReviewSubmitTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,UAAU,yBAAyB;IACjC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAsGpE,CAAC"}

package/build/components/KYCElements/ReviewSubmitTemplate.js

@@ -0,0 +1,171 @@
+import React, { useMemo } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ScrollView } from 'react-native';
+import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
+import { useI18n } from '../../hooks/useI18n';
+export const ReviewSubmitTemplate = () => {
+    const { t } = useI18n();
+    const { state, actions, getLocalizedText } = useTemplateKYCFlowContext();
+    const idSection = useMemo(() => {
+        const idComp = state.template.components.find(c => c.type === 'id_card');
+        return idComp ? state.componentData[idComp.id] : null;
+    }, [state.template.components, state.componentData]);
+    // Helper to coerce possibly-nested localized configs into the expected shape
+    const coerceLocalized = (value, fallback) => {
+        if (value && typeof value === 'object') {
+            if (typeof value.en === 'string' || typeof value.fr === 'string') {
+                return {
+                    en: typeof value.en === 'string' ? value.en : fallback.en,
+                    fr: typeof value.fr === 'string' ? value.fr : fallback.fr,
+                    ...value,
+                };
+            }
+        }
+        return fallback;
+    };
+    // const reviewComp = useMemo(() => {
+    //   return state.template.components.find(c => c.type === 'review_submit');
+    // }, [state.template.components]);
+    const dynamicComponents = useMemo(() => {
+        return state.template.components.filter(c => c.type !== 'review_submit' && c.type !== 'verification_progress');
+    }, [state.template.components]);
+    const handleSubmit = async () => {
+        await actions.nextComponent();
+    };
+    return (<View style={styles.container}>
+      <Text style={styles.title}>{t('kyc.reviewSubmit.title')}</Text>
+      <Text style={styles.subtitle}>{t('kyc.reviewSubmit.subtitle')}</Text>
+
+      <ScrollView contentContainerStyle={styles.scrollContent}>
+        {dynamicComponents.map((comp) => {
+            const compData = state.componentData[comp.id] || {};
+            const isCompleted = state.completedComponents.includes(comp.id);
+            if (comp.type === 'id_card') {
+                const hasFront = !!(compData.front || compData.front_base64 || compData.front_mrz);
+                const hasBack = !!(compData.back || compData.back_base64 || compData.back_mrz);
+                return (<View key={comp.id} style={styles.section}>
+                <Text style={styles.sectionTitle}>{t('kyc.reviewSubmit.documentInfo')}</Text>
+                <View style={styles.row}>
+                  <View style={[styles.tile, hasFront ? styles.active : null]}>
+                    <Text style={styles.tileLabel}>{t('kyc.idCardCapture.frontSide')}</Text>
+                    {hasFront ? <Text style={styles.check}>✓</Text> : null}
+                  </View>
+                  <View style={[styles.tile, hasBack ? styles.active : null]}>
+                    <Text style={styles.tileLabel}>{t('kyc.idCardCapture.backSide')}</Text>
+                    {hasBack ? <Text style={styles.check}>✓</Text> : null}
+                  </View>
+                </View>
+                {idSection?.documentType ? (<Text style={styles.caption}>{idSection.documentType}</Text>) : null}
+              </View>);
+            }
+            if (comp.type === 'selfie') {
+                const orientations = (comp.config?.orientations || ['center', 'right', 'left']);
+                return (<View key={comp.id} style={styles.section}>
+                <Text style={styles.sectionTitle}>{t('kyc.selfieCapture.title')}</Text>
+                <View style={styles.row}>
+                  {orientations.map((o) => {
+                        const has = !!compData[o];
+                        const colorStyle = o === 'center' ? styles.pink : o === 'right' ? styles.blue : styles.purple;
+                        return (<View key={o} style={[styles.tile, colorStyle, has ? styles.active : null]}>
+                        <Text style={styles.tileLabel}>{t(`kyc.reviewSubmit.selfieSide.${o}`)}</Text>
+                        {has ? <Text style={styles.check}>✓</Text> : null}
+                      </View>);
+                    })}
+                </View>
+                <Text style={styles.caption}>{t('kyc.selfieCapture.success')}</Text>
+              </View>);
+            }
+            // Generic fallback for other component types
+            return (<View key={comp.id} style={styles.section}>
+              <Text style={styles.sectionTitle}>{getLocalizedText(coerceLocalized(comp.labels, { en: comp.type, fr: comp.type }))}</Text>
+              <Text style={styles.caption}>{isCompleted ? t('common.success') : t('kyc.verificationProgress.status.pending')}</Text>
+            </View>);
+        })}
+      </ScrollView>
+
+      <TouchableOpacity style={[styles.button, styles.primary]} onPress={handleSubmit}>
+        <Text style={styles.buttonText}>{t('kyc.reviewSubmit.submitButton')}</Text>
+      </TouchableOpacity>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        width: '100%',
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#111827',
+        marginBottom: 4,
+    },
+    subtitle: {
+        fontSize: 14,
+        color: '#6B7280',
+        marginBottom: 16,
+    },
+    section: {
+        backgroundColor: 'white',
+        borderRadius: 16,
+        padding: 16,
+        marginBottom: 16,
+    },
+    sectionTitle: {
+        fontSize: 18,
+        fontWeight: '700',
+        color: '#111827',
+        marginBottom: 12,
+    },
+    scrollContent: {
+        paddingBottom: 24,
+    },
+    row: {
+        flexDirection: 'row',
+        gap: 12,
+    },
+    tile: {
+        flex: 1,
+        height: 110,
+        borderRadius: 16,
+        backgroundColor: '#F3F4F6',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    tileLabel: {
+        fontSize: 14,
+        color: '#111827',
+        marginBottom: 8,
+    },
+    check: {
+        fontSize: 18,
+        color: '#10B981',
+        fontWeight: '700',
+    },
+    active: {
+        backgroundColor: '#DDE9FF',
+    },
+    pink: { backgroundColor: '#FDE2E7' },
+    blue: { backgroundColor: '#DDE9FF' },
+    purple: { backgroundColor: '#EDE2FF' },
+    caption: {
+        marginTop: 10,
+        fontSize: 12,
+        color: '#6B7280',
+    },
+    button: {
+        paddingVertical: 14,
+        borderRadius: 10,
+        alignItems: 'center',
+        marginTop: 12,
+    },
+    primary: {
+        backgroundColor: '#2DBD60',
+    },
+    buttonText: {
+        color: 'white',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+});
+//# sourceMappingURL=ReviewSubmitTemplate.js.map

package/build/components/KYCElements/ReviewSubmitTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewSubmitTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/ReviewSubmitTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\nimport { View, Text, StyleSheet, TouchableOpacity, ScrollView } from 'react-native';\nimport { TemplateComponent } from '../../types/KYC.types';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\n\ninterface ReviewSubmitTemplateProps {\n  component: TemplateComponent;\n  value: unknown;\n  onValueChange: (data: unknown) => void;\n  error?: string;\n  language?: string;\n}\n\nexport const ReviewSubmitTemplate: React.FC<ReviewSubmitTemplateProps> = () => {\n  const { t } = useI18n();\n  const { state, actions, getLocalizedText } = useTemplateKYCFlowContext();\n\n  const idSection = useMemo(() => {\n    const idComp = state.template.components.find(c => c.type === 'id_card');\n    return idComp ? state.componentData[idComp.id] : null;\n  }, [state.template.components, state.componentData]);\n\n  // Helper to coerce possibly-nested localized configs into the expected shape\n  const coerceLocalized = (value: any, fallback: { en: string; fr: string }) => {\n    if (value && typeof value === 'object') {\n      if (typeof value.en === 'string' || typeof value.fr === 'string') {\n        return {\n          en: typeof value.en === 'string' ? value.en : fallback.en,\n          fr: typeof value.fr === 'string' ? value.fr : fallback.fr,\n          ...value,\n        } as { [key: string]: string; en: string; fr: string };\n      }\n    }\n    return fallback;\n  };\n\n  // const reviewComp = useMemo(() => {\n  //   return state.template.components.find(c => c.type === 'review_submit');\n  // }, [state.template.components]);\n\n  const dynamicComponents = useMemo(() => {\n    return state.template.components.filter(c => c.type !== 'review_submit' && c.type !== 'verification_progress');\n  }, [state.template.components]);\n\n  const handleSubmit = async () => {\n    await actions.nextComponent();\n  };\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>{t('kyc.reviewSubmit.title')}</Text>\n      <Text style={styles.subtitle}>{t('kyc.reviewSubmit.subtitle')}</Text>\n\n      <ScrollView contentContainerStyle={styles.scrollContent}>\n        {dynamicComponents.map((comp) => {\n          const compData = state.componentData[comp.id] || {};\n          const isCompleted = state.completedComponents.includes(comp.id);\n          if (comp.type === 'id_card') {\n            const hasFront = !!(compData.front || compData.front_base64 || compData.front_mrz);\n            const hasBack = !!(compData.back || compData.back_base64 || compData.back_mrz);\n            return (\n              <View key={comp.id} style={styles.section}>\n                <Text style={styles.sectionTitle}>{t('kyc.reviewSubmit.documentInfo')}</Text>\n                <View style={styles.row}>\n                  <View style={[styles.tile, hasFront ? styles.active : null]}>\n                    <Text style={styles.tileLabel}>{t('kyc.idCardCapture.frontSide')}</Text>\n                    {hasFront ? <Text style={styles.check}>✓</Text> : null}\n                  </View>\n                  <View style={[styles.tile, hasBack ? styles.active : null]}>\n                    <Text style={styles.tileLabel}>{t('kyc.idCardCapture.backSide')}</Text>\n                    {hasBack ? <Text style={styles.check}>✓</Text> : null}\n                  </View>\n                </View>\n                {idSection?.documentType ? (\n                  <Text style={styles.caption}>{idSection.documentType}</Text>\n                ) : null}\n              </View>\n            );\n          }\n          if (comp.type === 'selfie') {\n            const orientations = ((comp.config as any)?.orientations || ['center', 'right', 'left']) as string[];\n            return (\n              <View key={comp.id} style={styles.section}>\n                <Text style={styles.sectionTitle}>{t('kyc.selfieCapture.title')}</Text>\n                <View style={styles.row}>\n                  {orientations.map((o) => {\n                    const has = !!compData[o];\n                    const colorStyle = o === 'center' ? styles.pink : o === 'right' ? styles.blue : styles.purple;\n                    return (\n                      <View key={o} style={[styles.tile, colorStyle, has ? styles.active : null]}>\n                        <Text style={styles.tileLabel}>{t(`kyc.reviewSubmit.selfieSide.${o}`)}</Text>\n                        {has ? <Text style={styles.check}>✓</Text> : null}\n                      </View>\n                    );\n                  })}\n                </View>\n                <Text style={styles.caption}>{t('kyc.selfieCapture.success')}</Text>\n              </View>\n            );\n          }\n          // Generic fallback for other component types\n          return (\n            <View key={comp.id} style={styles.section}>\n              <Text style={styles.sectionTitle}>{getLocalizedText(coerceLocalized(comp.labels, { en: comp.type, fr: comp.type }))}</Text>\n              <Text style={styles.caption}>{isCompleted ? t('common.success') : t('kyc.verificationProgress.status.pending')}</Text>\n            </View>\n          );\n        })}\n      </ScrollView>\n\n      <TouchableOpacity style={[styles.button, styles.primary]} onPress={handleSubmit}>\n        <Text style={styles.buttonText}>{t('kyc.reviewSubmit.submitButton')}</Text>\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%',\n    paddingHorizontal: 16,\n    paddingVertical: 12,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#111827',\n    marginBottom: 4,\n  },\n  subtitle: {\n    fontSize: 14,\n    color: '#6B7280',\n    marginBottom: 16,\n  },\n  section: {\n    backgroundColor: 'white',\n    borderRadius: 16,\n    padding: 16,\n    marginBottom: 16,\n  },\n  sectionTitle: {\n    fontSize: 18,\n    fontWeight: '700',\n    color: '#111827',\n    marginBottom: 12,\n  },\n  scrollContent: {\n    paddingBottom: 24,\n  },\n  row: {\n    flexDirection: 'row',\n    gap: 12,\n  },\n  tile: {\n    flex: 1,\n    height: 110,\n    borderRadius: 16,\n    backgroundColor: '#F3F4F6',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  tileLabel: {\n    fontSize: 14,\n    color: '#111827',\n    marginBottom: 8,\n  },\n  check: {\n    fontSize: 18,\n    color: '#10B981',\n    fontWeight: '700',\n  },\n  active: {\n    backgroundColor: '#DDE9FF',\n  },\n  pink: { backgroundColor: '#FDE2E7' },\n  blue: { backgroundColor: '#DDE9FF' },\n  purple: { backgroundColor: '#EDE2FF' },\n  caption: {\n    marginTop: 10,\n    fontSize: 12,\n    color: '#6B7280',\n  },\n  button: {\n    paddingVertical: 14,\n    borderRadius: 10,\n    alignItems: 'center',\n    marginTop: 12,\n  },\n  primary: {\n    backgroundColor: '#2DBD60',\n  },\n  buttonText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: '600',\n  },\n});\n\n\n"]}

package/build/components/KYCElements/SelfieCapture.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { KYCElement } from '../../types/KYC.types';
+interface SelfieCaptureProps {
+    element: KYCElement;
+    value?: string;
+    onValueChange: (value: string) => void;
+    error?: string;
+}
+export declare const SelfieCapture: React.FC<SelfieCaptureProps>;
+export {};
+//# sourceMappingURL=SelfieCapture.d.ts.map

package/build/components/KYCElements/SelfieCapture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfieCapture.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/SelfieCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiHtD,CAAC"}