@transfergratis/react-native-sdk 0.1.24 → 0.1.25

package/build/components/KYCElements/PersonalInformationTemplate.js

@@ -0,0 +1,120 @@
+import React, { useState, useEffect } from 'react';
+import { View, Text, StyleSheet, TextInput, KeyboardAvoidingView, Platform, ScrollView } from 'react-native';
+import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
+import { useI18n } from '../../hooks/useI18n';
+import { Button } from '../ui/Button';
+export const PersonalInformationTemplate = ({ component, value, onValueChange, error, }) => {
+    const { actions, getLocalizedText } = useTemplateKYCFlowContext();
+    const { t } = useI18n();
+    const config = component.config;
+    const [formData, setFormData] = useState({});
+    const title = getLocalizedText(component.labels);
+    const instructions = getLocalizedText(component.instructions);
+    const buttonText = getLocalizedText(component.ui.buttonText) || t('common.submit');
+    useEffect(() => {
+        if (value) {
+            setFormData(value);
+        }
+    }, [value]);
+    const handleChange = (fieldId, text) => {
+        const newData = { ...formData, [fieldId]: text };
+        setFormData(newData);
+        onValueChange(newData);
+    };
+    const handleCreate = () => {
+        actions.nextComponent();
+    };
+    const isFormValid = () => {
+        if (!config.fields)
+            return true;
+        return config.fields.every(field => {
+            if (field.required && !formData[field.id])
+                return false;
+            return true;
+        });
+    };
+    return (<KeyboardAvoidingView behavior={Platform.OS === "ios" ? "padding" : "height"} style={styles.keyboardAvoidingView}>
+            <ScrollView contentContainerStyle={styles.scrollContainer} showsVerticalScrollIndicator={false}>
+                <View style={styles.container}>
+                    <Text style={styles.title}>{title}</Text>
+                    <Text style={styles.instructions}>{instructions}</Text>
+
+                    <View style={styles.formContainer}>
+                        {config.fields && config.fields.map((field) => (<View key={field.id} style={styles.fieldContainer}>
+                                <Text style={styles.label}>
+                                    {field.label} {field.type === 'date' && field.dateFormat ? `(${field.dateFormat})` : ''} {field.required && '*'}
+                                </Text>
+                                <TextInput style={styles.input} placeholder={field.placeholder || field.label} value={formData[field.id] || ''} onChangeText={(text) => handleChange(field.id, text)} autoCapitalize="words"/>
+                            </View>))}
+                    </View>
+
+                    {error && <Text style={styles.errorText}>{error}</Text>}
+
+                    <Button title={buttonText} onPress={handleCreate} fullWidth style={styles.button} disabled={!isFormValid()}/>
+                </View>
+            </ScrollView>
+        </KeyboardAvoidingView>);
+};
+const styles = StyleSheet.create({
+    keyboardAvoidingView: {
+        flex: 1,
+        width: '100%',
+    },
+    scrollContainer: {
+        flexGrow: 1,
+        justifyContent: 'center',
+        paddingBottom: 20,
+    },
+    container: {
+        padding: 20,
+        backgroundColor: 'white',
+        borderRadius: 12,
+        margin: 16,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 3,
+        width: '95%',
+    },
+    title: {
+        fontSize: 22,
+        fontWeight: 'bold',
+        marginBottom: 10,
+        color: '#333',
+    },
+    instructions: {
+        fontSize: 16,
+        color: '#666',
+        marginBottom: 20,
+        lineHeight: 22,
+    },
+    formContainer: {
+        marginBottom: 20,
+    },
+    fieldContainer: {
+        marginBottom: 16,
+    },
+    label: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#333',
+        marginBottom: 6,
+    },
+    input: {
+        borderWidth: 1,
+        borderColor: '#ddd',
+        padding: 12,
+        borderRadius: 8,
+        fontSize: 16,
+        backgroundColor: '#f9f9f9',
+    },
+    errorText: {
+        color: 'red',
+        marginBottom: 10,
+    },
+    button: {
+        marginTop: 10,
+    },
+});
+//# sourceMappingURL=PersonalInformationTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalInformationTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/PersonalInformationTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { View, Text, StyleSheet, TextInput, KeyboardAvoidingView, Platform, ScrollView } from 'react-native';\nimport { TemplateComponent, PersonalInformationConfig, LocalizedText } from '../../types/KYC.types';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport { Button } from '../ui/Button';\n\ninterface PersonalInformationTemplateProps {\n    component: TemplateComponent;\n    value?: any;\n    onValueChange: (data: any) => void;\n    error?: string;\n    language?: string;\n}\n\nexport const PersonalInformationTemplate: React.FC<PersonalInformationTemplateProps> = ({\n    component,\n    value,\n    onValueChange,\n    error,\n}) => {\n    const { actions, getLocalizedText } = useTemplateKYCFlowContext();\n    const { t } = useI18n();\n    const config = component.config as PersonalInformationConfig;\n    const [formData, setFormData] = useState<Record<string, string>>({});\n\n    const title = getLocalizedText(component.labels as LocalizedText);\n    const instructions = getLocalizedText(component.instructions as LocalizedText);\n    const buttonText = getLocalizedText((component.ui as any).buttonText) || t('common.submit');\n\n    useEffect(() => {\n        if (value) {\n            setFormData(value);\n        }\n    }, [value]);\n\n    const handleChange = (fieldId: string, text: string) => {\n        const newData = { ...formData, [fieldId]: text };\n        setFormData(newData);\n        onValueChange(newData);\n    };\n\n    const handleCreate = () => {\n        actions.nextComponent();\n    };\n\n    const isFormValid = () => {\n        if (!config.fields) return true;\n        return config.fields.every(field => {\n            if (field.required && !formData[field.id]) return false;\n            return true;\n        });\n    };\n\n    return (\n        <KeyboardAvoidingView\n            behavior={Platform.OS === \"ios\" ? \"padding\" : \"height\"}\n            style={styles.keyboardAvoidingView}\n        >\n            <ScrollView contentContainerStyle={styles.scrollContainer} showsVerticalScrollIndicator={false}>\n                <View style={styles.container}>\n                    <Text style={styles.title}>{title}</Text>\n                    <Text style={styles.instructions}>{instructions}</Text>\n\n                    <View style={styles.formContainer}>\n                        {config.fields && config.fields.map((field) => (\n                            <View key={field.id} style={styles.fieldContainer}>\n                                <Text style={styles.label}>\n                                    {field.label} {field.type === 'date' && field.dateFormat ? `(${field.dateFormat})` : ''} {field.required && '*'}\n                                </Text>\n                                <TextInput\n                                    style={styles.input}\n                                    placeholder={field.placeholder || field.label}\n                                    value={formData[field.id] || ''}\n                                    onChangeText={(text) => handleChange(field.id, text)}\n                                    autoCapitalize=\"words\"\n                                />\n                            </View>\n                        ))}\n                    </View>\n\n                    {error && <Text style={styles.errorText}>{error}</Text>}\n\n                    <Button\n                        title={buttonText}\n                        onPress={handleCreate}\n                        fullWidth\n                        style={styles.button}\n                        disabled={!isFormValid()}\n                    />\n                </View>\n            </ScrollView>\n        </KeyboardAvoidingView>\n    );\n};\n\nconst styles = StyleSheet.create({\n    keyboardAvoidingView: {\n        flex: 1,\n        width: '100%',\n    },\n    scrollContainer: {\n        flexGrow: 1,\n        justifyContent: 'center',\n        paddingBottom: 20,\n    },\n    container: {\n        padding: 20,\n        backgroundColor: 'white',\n        borderRadius: 12,\n        margin: 16,\n        shadowColor: '#000',\n        shadowOffset: { width: 0, height: 2 },\n        shadowOpacity: 0.1,\n        shadowRadius: 4,\n        elevation: 3,\n        width: '95%',\n    },\n    title: {\n        fontSize: 22,\n        fontWeight: 'bold',\n        marginBottom: 10,\n        color: '#333',\n    },\n    instructions: {\n        fontSize: 16,\n        color: '#666',\n        marginBottom: 20,\n        lineHeight: 22,\n    },\n    formContainer: {\n        marginBottom: 20,\n    },\n    fieldContainer: {\n        marginBottom: 16,\n    },\n    label: {\n        fontSize: 14,\n        fontWeight: '600',\n        color: '#333',\n        marginBottom: 6,\n    },\n    input: {\n        borderWidth: 1,\n        borderColor: '#ddd',\n        padding: 12,\n        borderRadius: 8,\n        fontSize: 16,\n        backgroundColor: '#f9f9f9',\n    },\n    errorText: {\n        color: 'red',\n        marginBottom: 10,\n    },\n    button: {\n        marginTop: 10,\n    },\n});\n"]}

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/SelfieCaptureTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelfieCaptureTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/SelfieCaptureTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAgF,MAAM,uBAAuB,CAAC;AAUxI,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AACD,UAAU,0BAA0B;IAClC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,SAAS,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAyatE,CAAC"}
+{"version":3,"file":"SelfieCaptureTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/SelfieCaptureTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAgF,MAAM,uBAAuB,CAAC;AAUxI,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AACD,UAAU,0BAA0B;IAClC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,SAAS,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA4atE,CAAC"}

package/build/components/KYCElements/SelfieCaptureTemplate.js

@@ -13,7 +13,7 @@ export const SelfieCaptureTemplate = ({ component, value, onValueChange, error,
     const { t } = useI18n();
     // const config = component.config as SelfieConfig;
     const orientations = (['center', 'left', 'right']);
-    const { actions, state, } = useTemplateKYCFlowContext();
+    const { actions, state, env } = useTemplateKYCFlowContext();
     const [silentCaptureResult, setSilentCaptureResult] = useState({ success: false, isAnalyzing: false });
     const [showCamera, setShowCamera] = useState(false);
     const [showPreview, setShowPreview] = useState(false);
@@ -118,10 +118,14 @@ export const SelfieCaptureTemplate = ({ component, value, onValueChange, error,
         }
         if (result.success && result.path) {
             setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: true, success: false, error: '' }));
-            selfieVerification(result.path).then((response) => {
+            selfieVerification(result.path, env).then((response) => {
                 if (response.length > 0) {
                     const res = response[0];
-                    if (res?.orientation_direction === getOrientationOpposite(currentOrientation) && res?.capture) {
+                    // In SANDBOX mode, always accept the result regardless of orientation
+                    if (env === 'SANDBOX' && res?.capture) {
+                        setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: true, error: '', path: result.path }));
+                    }
+                    else if (res?.orientation_direction === getOrientationOpposite(currentOrientation) && res?.capture) {
                         setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: true, error: '', path: result.path }));
                     }
                     else {

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

@@ -1 +1 @@
-{"version":3,"file":"SelfieCaptureTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/SelfieCaptureTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { View, Text, StyleSheet, ScrollView, Image, TouchableOpacity } from 'react-native';\nimport { showAlert } from '../../utils/platformAlert';\nimport { TemplateComponent, LocalizedText, ISilentCaptureResult, OrientationType, GovernmentDocumentType } from '../../types/KYC.types';\nimport { EnhancedCameraView } from '../EnhancedCameraView';\nimport { Button } from '../ui/Button';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport SelfieOverlay from '../OverLay/SelfieOverlay';\nimport selfieVerification from '../../modules/api/SelfieVerification';\nimport pathToBase64 from '../../utils/pathToBase64';\nimport { truncateFields } from '../../modules/api/KYCService';\n\ninterface IImagePayload {\n  dir: string;\n  file: string;\n}\ninterface SelfieCaptureTemplateProps {\n  component: TemplateComponent;\n  value: Record<string, IImagePayload> | undefined;\n  onValueChange: (value: Record<string, IImagePayload | string>) => void;\n  error?: string;\n  language: string;\n}\n\nexport const SelfieCaptureTemplate: React.FC<SelfieCaptureTemplateProps> = ({\n  component,\n  value,\n  onValueChange,\n  error,\n  language,\n}) => {\n  const { t } = useI18n();\n  // const config = component.config as SelfieConfig;\n  const orientations: OrientationType[] = (['center','left','right']) as OrientationType[];\n  const { actions, state, } = useTemplateKYCFlowContext();\n\n  const [silentCaptureResult, setSilentCaptureResult] = useState<ISilentCaptureResult>({ success: false, isAnalyzing: false });\n\n  const [showCamera, setShowCamera] = useState(false);\n  const [showPreview, setShowPreview] = useState(false);\n  const [previewImagePath, setPreviewImagePath] = useState<string | null>(null);\n  const [currentOrientation, setCurrentOrientation] = useState<OrientationType>(orientations[0]);\n  const [capturedImages, setCapturedImages] = useState<Record<string, IImagePayload>>(value || {});\n\n  const getLocalizedText = (text: LocalizedText | Record<string, LocalizedText>): string => {\n    if (!text) return '';\n    // If text is a nested record (e.g., per theme/device), try to pick a default then localize\n    const maybeNested = text as Record<string, LocalizedText>;\n    if (maybeNested && typeof maybeNested === 'object' && 'en' in maybeNested === false && 'fr' in maybeNested === false) {\n      const firstKey = Object.keys(maybeNested)[0];\n      const nested = maybeNested[firstKey] as LocalizedText;\n      return nested?.[language] || nested?.en || '';\n    }\n    const loc = text as LocalizedText;\n    return loc[language] || loc.en || '';\n  };\n\n  const getOrientationInstructions = (orientation: OrientationType): string => {\n    switch (orientation) {\n      case 'center':\n        return state.currentLanguage === \"en\" ? \"Take a selfie of face, look straight ahead you\" : \"Prenez un selfie de face, regardez droit devant vous\";\n      case 'left':\n        return state.currentLanguage === \"en\" ? \"Turn your head to the left, keep your shoulders straight\" : \"Tournez votre tête vers la gauche, gardez les épaules droites\";\n      case 'right':\n        return state.currentLanguage === \"en\" ? \"Turn your head to the right, keep your shoulders straight\" : \"Tournez votre tête vers la droite, gardez les épaules droites\";\n      default:\n        return getLocalizedText(component.instructions as LocalizedText);\n    }\n  };\n\n  useEffect(() => {\n    actions.showCustomStepper(!showCamera);\n  }, [showCamera]);\n\n  const getOrientationLabel = (orientation: OrientationType): string => {\n    switch (orientation) {\n      case 'center':\n        return state.currentLanguage === \"en\" ? \"Front Profil Selfie\" : \"Selfie de face\";\n      case 'left':\n        return state.currentLanguage === \"en\" ? \"Left Profil Selfie\" : \"Selfie profil gauche\";\n      case 'right':\n        return state.currentLanguage === \"en\" ? \"Right Profile Selfie\" : \"Selfie profil droit\";\n      default:\n        return getLocalizedText(component.labels as LocalizedText);\n    }\n  };\n  const getOrientationOpposite = (orientation: OrientationType): OrientationType => {\n    switch (orientation) {\n      case 'center':\n        return 'center';\n      case 'left':\n        return 'left';\n      case 'right':\n        return 'right';\n      default:\n        return orientation;\n    }\n  }\n  // const countryData = useMemo(() => {\n  //   const geCountryID = Object.keys(state.componentData).find((c: string) => c === \"6\");\n\n  //   if (geCountryID) {\n  //     const countryMapping = state.componentData[geCountryID];\n  //     return countryMapping?.code;\n  //   }\n  //   return null;\n  // }, [state.componentData]);\n\n  const getInstructions = (orientation: OrientationType): { title: string, subtitle: string } => {\n    const lang = state.currentLanguage;\n    switch (orientation) {\n      case 'center':\n        return {\n          title:\n\n            lang === \"en\" ? 'Center your face' : 'Mettez votre face au centre',\n          subtitle: lang === \"en\"\n            ? 'Align your face to the center of the selfie area and then take a photo'\n            : 'Alignez votre visage au centre de la zone selfie puis prenez une photo'\n        };\n      case 'left':\n        return {\n          title:\n            lang === 'en'\n              ? 'Turn your head left'\n              : 'Tournez la tête vers la gauche',\n          subtitle:\n            lang === 'en'\n              ? 'Slowly turn your head to the left while keeping your face in the selfie area'\n              : 'Tournez lentement la tête vers la gauche en gardant votre visage dans la zone selfie'\n        };\n      case 'right':\n        return {\n          title:\n            lang === 'en'\n              ? 'Turn your head right'\n              : 'Tournez la tête vers la droite',\n          subtitle:\n            lang === 'en'\n              ? 'Slowly turn your head to the right while keeping your face in the selfie area'\n              : 'Tournez lentement la tête vers la droite en gardant votre visage dans la zone selfie'\n        };\n      default:\n        return { title: getLocalizedText(component.labels as LocalizedText), subtitle: getLocalizedText(component.instructions as LocalizedText) };\n    }\n  };\n\n  const handleSilentCapture = (result: { success: boolean; path?: string; error?: string }) => {\n    if (silentCaptureResult.isAnalyzing) {\n      return;\n    }\n    if (result.success && result.path) {\n      setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: true, success: false, error: '' }));\n      selfieVerification(result.path).then((response) => {\n        if (response.length > 0) {\n          const res = response[0];\n          if (res?.orientation_direction === getOrientationOpposite(currentOrientation) && res?.capture) {\n            setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: true, error: '', path: result.path }));\n          } else {\n            setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: 'Le selfie n\\'est pas correct' }));\n          }\n        } else {\n          setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: 'Le selfie n\\'est pas correct' }));\n        }\n      }).catch((e: any) => {\n        setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: e?.message || 'Erreur de vérification du selfie' }));\n      });\n    }\n  }\n\n  // Capture manuelle - affiche le preview\n  const handleCapture = async (result: { success: boolean; path?: string; error?: string }) => {\n    console.log(\"handleCapture called\", result, silentCaptureResult);\n\n    // Priorité 1: Si la capture silencieuse a réussi, utiliser ce path\n    if (silentCaptureResult.success && silentCaptureResult.path) {\n      setPreviewImagePath(silentCaptureResult.path);\n      setShowCamera(false);\n      setShowPreview(true);\n      return;\n    }\n\n    // Priorité 2: Capture manuelle normale\n    if (result.success && result.path) {\n      setPreviewImagePath(result.path);\n      setShowCamera(false);\n      setShowPreview(true);\n    }\n  };\n\n  // Confirmer la capture depuis le preview\n  const handleConfirmCapture = async () => {\n    if (!previewImagePath) return;\n\n    try {\n      const base64 = await pathToBase64(previewImagePath);\n      const newImages: Record<string, any> = {\n        ...capturedImages,\n        [currentOrientation]: { dir: previewImagePath, file: base64 } as IImagePayload,\n      };\n      setCapturedImages(newImages);\n      onValueChange(newImages);\n      setShowPreview(false);\n      setPreviewImagePath(null);\n      setSilentCaptureResult({ success: false, isAnalyzing: false });\n\n      // Passer à l'orientation suivante si disponible\n      const currentIndex = orientations.indexOf(currentOrientation as OrientationType);\n      if (currentIndex < orientations.length - 1) {\n        const nextOrientation = orientations[currentIndex + 1];\n        setCurrentOrientation(nextOrientation);\n        // Rouvrir automatiquement la caméra pour la prochaine orientation\n        setShowCamera(true);\n      }\n      // Si toutes les orientations sont complétées, on reste sur la vue principale\n    } catch (e) {\n      console.error(\"Error confirming capture\", e);\n      showAlert('Erreur', 'Erreur lors de la sauvegarde de l\\'image');\n    }\n  };\n\n  // Reprendre la photo depuis le preview\n  const handleRetakeFromPreview = () => {\n    setShowPreview(false);\n    setPreviewImagePath(null);\n    setSilentCaptureResult({ success: false, isAnalyzing: false });\n    setShowCamera(true);\n  };\n  const idCardData = useMemo(() => {\n    const idCardID = Object.keys(state.componentData).find((c: string) => c === \"1\");\n    if (idCardID) {\n      const _idCardData = state.componentData[idCardID];\n      const documentType = _idCardData?.documentType;\n      // Map national_id to identity_card for selfie capture\n      const mappedDocumentType = documentType === 'national_id' ? 'identity_card' : documentType;\n      return {\n        country: _idCardData?.country,\n        documentType: mappedDocumentType as GovernmentDocumentType\n      };\n    }\n    return null;\n  }, [state.componentData]);\n  console.log(\"idCardData\", truncateFields(idCardData), JSON.stringify(truncateFields(state.componentData), null, 2));\n\n\n  const handleError = (event: { message: string }) => {\n    showAlert('Erreur', event.message);\n    setShowCamera(false);\n  };\n\n\n  const isOrientationCompleted = (orientation: OrientationType): boolean => {\n    return !!capturedImages[orientation];\n  };\n\n  const isAllOrientationsCompleted = (): boolean => {\n    return orientations.every(orientation => isOrientationCompleted(orientation));\n  };\n  console.log(\"Current Orientation\", currentOrientation);\n\n  // Vue Preview\n  if (showPreview && previewImagePath) {\n    return (\n      <View style={styles.containerCamera}>\n        <View style={styles.previewContainer}>\n          <View style={styles.previewHeader}>\n            <TouchableOpacity onPress={handleRetakeFromPreview} style={styles.backButton}>\n              <Text style={styles.backButtonText}>←</Text>\n            </TouchableOpacity>\n            <Text style={styles.previewTitle}>\n              {state.currentLanguage === \"en\" ? \"Preview\" : \"Aperçu\"}\n            </Text>\n            <View style={{ width: 40 }} />\n          </View>\n\n          <View style={styles.previewImageContainer}>\n            <Image\n              source={{ uri: previewImagePath }}\n              style={styles.previewImage}\n              resizeMode=\"contain\"\n            />\n          </View>\n\n          <Text style={styles.previewInstructions}>\n            {state.currentLanguage === \"en\"\n              ? \"Is your face clearly visible?\"\n              : \"Votre visage est-il clairement visible ?\"}\n          </Text>\n\n          <View style={styles.previewButtonsContainer}>\n            <TouchableOpacity\n              style={styles.retakeButton}\n              onPress={handleRetakeFromPreview}\n            >\n              <Text style={styles.retakeButtonText}>\n                {state.currentLanguage === \"en\" ? \"Retake\" : \"Reprendre\"}\n              </Text>\n            </TouchableOpacity>\n\n            <TouchableOpacity\n              style={styles.confirmButton}\n              onPress={handleConfirmCapture}\n            >\n              <Text style={styles.confirmButtonText}>\n                {state.currentLanguage === \"en\" ? \"Use Photo\" : \"Utiliser\"}\n              </Text>\n            </TouchableOpacity>\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  // Vue Camera\n  if (showCamera) {\n    return (\n      <View style={styles.containerCamera}>\n        <EnhancedCameraView\n          instructions={getOrientationInstructions(currentOrientation)}\n          showCamera={true}\n          cameraType=\"front\"\n          style={styles.camera}\n          onCapture={handleCapture}\n          onError={handleError}\n          onClose={() => setShowCamera(false)}\n          quality=\"high\"\n          showCaptureButton={true}\n          showSwitchCamera={false}\n          enableFlash={false}\n          silentCaptureResult={silentCaptureResult}\n          onSilentCapture={handleSilentCapture}\n          overlayComponent={<SelfieOverlay\n            xMin={20}\n            yMin={140}\n            xMax={370}\n            yMax={340}\n            cornerOpacity={1}\n            instructions={\"\"}\n            language={state.currentLanguage}\n            orientation={currentOrientation as 'center' | 'left' | 'right'}\n            instructionsTile={getInstructions(currentOrientation).title}\n            instructionsSubtitle={getInstructions(currentOrientation).subtitle}\n            stepperProps={{\n              back: () => {\n                setShowCamera(false);\n              },\n              selectedDocumentType: \"Selfie\",\n              step: state.currentComponentIndex + 1,\n              totalSteps: state.template.components.length,\n              side: currentOrientation,\n            }} />}\n        />\n      </View>\n    );\n  }\n\n  return (\n    <View style={[{\n      maxWidth: 760,\n      width: '100%',\n      height: '100%',\n    }]}>\n      <View style={styles.container}>\n        <Text style={styles.title}>{getLocalizedText(component.labels as LocalizedText)}</Text>\n        <Text style={styles.description}>{getLocalizedText(component.instructions as LocalizedText)}</Text>\n\n        <ScrollView style={styles.orientationsContainer} showsVerticalScrollIndicator={false}>\n          <View style={{ flexDirection: 'column', alignItems: 'center', gap: 10 }}>\n\n            {orientations.map((orientation, key) => (\n              <View key={orientation} style={{\n                backgroundColor: '#F3F4F6',\n                borderRadius: 12,\n                flexDirection: 'row',\n                alignItems: 'center',\n                gap: 10,\n                width: '100%',\n                paddingVertical: 10,\n                paddingHorizontal: 10,\n              }}>\n                <View style={{\n                  flexDirection: 'row',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  backgroundColor: isOrientationCompleted(orientation) ? '#2DBE60' : '#D1D5DB',\n                  borderRadius: 100,\n                  width: 30,\n                  height: 30,\n                }}>\n                  <Text style={{ color: 'white', fontSize: 16, fontWeight: 'bold' }}>{key + 1}</Text>\n                </View>\n\n\n                <Text style={styles.orientationTitle}>\n                  {getOrientationLabel(orientation)}\n                </Text>\n\n\n\n              </View>\n            ))}\n            <View style={{ backgroundColor: \"#F6CB0D1A\", width: \"100%\", padding: 10, borderRadius: 10 }} >\n              <Text style={{ color: '#997E06', fontSize: 16, fontWeight: 'bold' }}>\n                {state.currentLanguage === \"en\"\n                  ? \"Tips for a good selfie:\"\n                  : \"Conseils pour une bonne photo selfie :\"}\n              </Text>\n              <View style={{ paddingLeft: 10, paddingTop: 4 }}>\n                <Text style={{ color: '#997E06', fontSize: 14, fontWeight: 'bold' }}>\n                  {state.currentLanguage === \"en\"\n                    ? `• Remove glasses and hat \\n• Look directly at the camera \\n• Ensure good lighting \\n`\n                    : `• Retirez vos lunettes et votre chapeau \\n• Regardez directement la caméra \\n• Assurez-vous d'une bonne luminosité \\n`\n                  }\n                </Text>\n              </View>\n            </View>\n            <View style={{ height: 10 }} />\n            {isAllOrientationsCompleted() ? <>\n              <Button title={t('common.continue')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={async () => {\n                const value = {\n                  ...capturedImages,\n                  ...(idCardData?.country ? { country: idCardData.country } : {}),\n                  ...(idCardData?.documentType ? { documentType: idCardData.documentType } : {}),\n                }\n                console.log(\"value\", JSON.stringify(truncateFields(value), null, 2));\n                onValueChange(value);\n                actions.nextComponent();\n              }} />\n            </> : (\n              <Button title={t('kyc.selfieCapture.captureButton')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={() => {\n                if (isAllOrientationsCompleted()) {\n\n                  actions.nextComponent();\n                } else {\n                  setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: '' }));\n                  setShowCamera(true);\n                }\n              }} />\n            )}\n\n          </View>\n        </ScrollView>\n\n        {error && (\n          <Text style={styles.errorText}>{error}</Text>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    paddingVertical: 10,\n  },\n  container: {\n    backgroundColor: 'white',\n    margin: 15,\n    borderRadius: 20,\n    paddingVertical: 20,\n    paddingHorizontal: 16,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.35,\n    shadowRadius: 4.84,\n    elevation: 10,\n  },\n  containerCamera: {\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    backgroundColor: '#000',\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    marginBottom: 20,\n    lineHeight: 22,\n    textAlign: 'center',\n  },\n  camera: {\n    flex: 1,\n    overflow: 'hidden',\n  },\n  attemptsText: {\n    fontSize: 14,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 10,\n  },\n  orientationsContainer: {\n  },\n  orientationContainer: {\n    backgroundColor: 'white',\n    borderRadius: 12,\n    padding: 16,\n    marginBottom: 16,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  orientationTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n  },\n  capturedImageContainer: {\n    alignItems: 'center',\n  },\n  capturedImage: {\n    width: 200,\n    height: 200,\n    borderRadius: 12,\n    marginBottom: 12,\n  },\n  captureButton: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#2DBD60',\n    paddingVertical: 16,\n    paddingHorizontal: 24,\n    borderRadius: 12,\n    marginTop: 8,\n  },\n  captureIcon: {\n    fontSize: 24,\n    marginRight: 8,\n  },\n  captureText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: 'white',\n  },\n  // Preview styles\n  previewContainer: {\n    flex: 1,\n    backgroundColor: '#000',\n    justifyContent: 'space-between',\n  },\n  previewHeader: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingHorizontal: 16,\n    paddingTop: 50,\n    paddingBottom: 16,\n  },\n  backButton: {\n    width: 40,\n    height: 40,\n    borderRadius: 20,\n    backgroundColor: 'rgba(255,255,255,0.2)',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  backButtonText: {\n    color: 'white',\n    fontSize: 24,\n    fontWeight: 'bold',\n  },\n  previewTitle: {\n    color: 'white',\n    fontSize: 18,\n    fontWeight: '600',\n  },\n  previewImageContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingHorizontal: 20,\n  },\n  previewImage: {\n    width: '100%',\n    height: '80%',\n    borderRadius: 16,\n  },\n  previewInstructions: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    paddingHorizontal: 20,\n    marginBottom: 20,\n  },\n  previewButtonsContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingHorizontal: 20,\n    paddingBottom: 40,\n    gap: 16,\n  },\n  retakeButton: {\n    flex: 1,\n    backgroundColor: 'rgba(255,255,255,0.2)',\n    paddingVertical: 16,\n    paddingHorizontal: 20,\n    borderRadius: 12,\n    alignItems: 'center',\n  },\n  retakeButtonText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: 'white',\n  },\n  confirmButton: {\n    flex: 1,\n    backgroundColor: '#2DBD60',\n    paddingVertical: 16,\n    paddingHorizontal: 20,\n    borderRadius: 12,\n    alignItems: 'center',\n  },\n  confirmButtonText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: 'white',\n  },\n  completionContainer: {\n    alignItems: 'center',\n    padding: 20,\n  },\n  completionText: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#2DBD60',\n    marginBottom: 16,\n  },\n  retakeAllButton: {\n    backgroundColor: '#FF6B6B',\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    borderRadius: 8,\n  },\n  retakeAllButtonText: {\n    fontSize: 14,\n    fontWeight: '600',\n    color: 'white',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    textAlign: 'center',\n    marginTop: 10,\n  },\n}); "]}
+{"version":3,"file":"SelfieCaptureTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/SelfieCaptureTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { View, Text, StyleSheet, ScrollView, Image, TouchableOpacity } from 'react-native';\nimport { showAlert } from '../../utils/platformAlert';\nimport { TemplateComponent, LocalizedText, ISilentCaptureResult, OrientationType, GovernmentDocumentType } from '../../types/KYC.types';\nimport { EnhancedCameraView } from '../EnhancedCameraView';\nimport { Button } from '../ui/Button';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport SelfieOverlay from '../OverLay/SelfieOverlay';\nimport selfieVerification from '../../modules/api/SelfieVerification';\nimport pathToBase64 from '../../utils/pathToBase64';\nimport { truncateFields } from '../../modules/api/KYCService';\n\ninterface IImagePayload {\n  dir: string;\n  file: string;\n}\ninterface SelfieCaptureTemplateProps {\n  component: TemplateComponent;\n  value: Record<string, IImagePayload> | undefined;\n  onValueChange: (value: Record<string, IImagePayload | string>) => void;\n  error?: string;\n  language: string;\n}\n\nexport const SelfieCaptureTemplate: React.FC<SelfieCaptureTemplateProps> = ({\n  component,\n  value,\n  onValueChange,\n  error,\n  language,\n}) => {\n  const { t } = useI18n();\n  // const config = component.config as SelfieConfig;\n  const orientations: OrientationType[] = (['center','left','right']) as OrientationType[];\n  const { actions, state, env } = useTemplateKYCFlowContext();\n\n  const [silentCaptureResult, setSilentCaptureResult] = useState<ISilentCaptureResult>({ success: false, isAnalyzing: false });\n\n  const [showCamera, setShowCamera] = useState(false);\n  const [showPreview, setShowPreview] = useState(false);\n  const [previewImagePath, setPreviewImagePath] = useState<string | null>(null);\n  const [currentOrientation, setCurrentOrientation] = useState<OrientationType>(orientations[0]);\n  const [capturedImages, setCapturedImages] = useState<Record<string, IImagePayload>>(value || {});\n\n  const getLocalizedText = (text: LocalizedText | Record<string, LocalizedText>): string => {\n    if (!text) return '';\n    // If text is a nested record (e.g., per theme/device), try to pick a default then localize\n    const maybeNested = text as Record<string, LocalizedText>;\n    if (maybeNested && typeof maybeNested === 'object' && 'en' in maybeNested === false && 'fr' in maybeNested === false) {\n      const firstKey = Object.keys(maybeNested)[0];\n      const nested = maybeNested[firstKey] as LocalizedText;\n      return nested?.[language] || nested?.en || '';\n    }\n    const loc = text as LocalizedText;\n    return loc[language] || loc.en || '';\n  };\n\n  const getOrientationInstructions = (orientation: OrientationType): string => {\n    switch (orientation) {\n      case 'center':\n        return state.currentLanguage === \"en\" ? \"Take a selfie of face, look straight ahead you\" : \"Prenez un selfie de face, regardez droit devant vous\";\n      case 'left':\n        return state.currentLanguage === \"en\" ? \"Turn your head to the left, keep your shoulders straight\" : \"Tournez votre tête vers la gauche, gardez les épaules droites\";\n      case 'right':\n        return state.currentLanguage === \"en\" ? \"Turn your head to the right, keep your shoulders straight\" : \"Tournez votre tête vers la droite, gardez les épaules droites\";\n      default:\n        return getLocalizedText(component.instructions as LocalizedText);\n    }\n  };\n\n  useEffect(() => {\n    actions.showCustomStepper(!showCamera);\n  }, [showCamera]);\n\n  const getOrientationLabel = (orientation: OrientationType): string => {\n    switch (orientation) {\n      case 'center':\n        return state.currentLanguage === \"en\" ? \"Front Profil Selfie\" : \"Selfie de face\";\n      case 'left':\n        return state.currentLanguage === \"en\" ? \"Left Profil Selfie\" : \"Selfie profil gauche\";\n      case 'right':\n        return state.currentLanguage === \"en\" ? \"Right Profile Selfie\" : \"Selfie profil droit\";\n      default:\n        return getLocalizedText(component.labels as LocalizedText);\n    }\n  };\n  const getOrientationOpposite = (orientation: OrientationType): OrientationType => {\n    switch (orientation) {\n      case 'center':\n        return 'center';\n      case 'left':\n        return 'left';\n      case 'right':\n        return 'right';\n      default:\n        return orientation;\n    }\n  }\n  // const countryData = useMemo(() => {\n  //   const geCountryID = Object.keys(state.componentData).find((c: string) => c === \"6\");\n\n  //   if (geCountryID) {\n  //     const countryMapping = state.componentData[geCountryID];\n  //     return countryMapping?.code;\n  //   }\n  //   return null;\n  // }, [state.componentData]);\n\n  const getInstructions = (orientation: OrientationType): { title: string, subtitle: string } => {\n    const lang = state.currentLanguage;\n    switch (orientation) {\n      case 'center':\n        return {\n          title:\n\n            lang === \"en\" ? 'Center your face' : 'Mettez votre face au centre',\n          subtitle: lang === \"en\"\n            ? 'Align your face to the center of the selfie area and then take a photo'\n            : 'Alignez votre visage au centre de la zone selfie puis prenez une photo'\n        };\n      case 'left':\n        return {\n          title:\n            lang === 'en'\n              ? 'Turn your head left'\n              : 'Tournez la tête vers la gauche',\n          subtitle:\n            lang === 'en'\n              ? 'Slowly turn your head to the left while keeping your face in the selfie area'\n              : 'Tournez lentement la tête vers la gauche en gardant votre visage dans la zone selfie'\n        };\n      case 'right':\n        return {\n          title:\n            lang === 'en'\n              ? 'Turn your head right'\n              : 'Tournez la tête vers la droite',\n          subtitle:\n            lang === 'en'\n              ? 'Slowly turn your head to the right while keeping your face in the selfie area'\n              : 'Tournez lentement la tête vers la droite en gardant votre visage dans la zone selfie'\n        };\n      default:\n        return { title: getLocalizedText(component.labels as LocalizedText), subtitle: getLocalizedText(component.instructions as LocalizedText) };\n    }\n  };\n\n  const handleSilentCapture = (result: { success: boolean; path?: string; error?: string }) => {\n    if (silentCaptureResult.isAnalyzing) {\n      return;\n    }\n    if (result.success && result.path) {\n      setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: true, success: false, error: '' }));\n      selfieVerification(result.path, env).then((response) => {\n        if (response.length > 0) {\n          const res = response[0];\n          // In SANDBOX mode, always accept the result regardless of orientation\n          if (env === 'SANDBOX' && res?.capture) {\n            setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: true, error: '', path: result.path }));\n          } else if (res?.orientation_direction === getOrientationOpposite(currentOrientation) && res?.capture) {\n            setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: true, error: '', path: result.path }));\n          } else {\n            setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: 'Le selfie n\\'est pas correct' }));\n          }\n        } else {\n          setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: 'Le selfie n\\'est pas correct' }));\n        }\n      }).catch((e: any) => {\n        setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: e?.message || 'Erreur de vérification du selfie' }));\n      });\n    }\n  }\n\n  // Capture manuelle - affiche le preview\n  const handleCapture = async (result: { success: boolean; path?: string; error?: string }) => {\n    console.log(\"handleCapture called\", result, silentCaptureResult);\n\n    // Priorité 1: Si la capture silencieuse a réussi, utiliser ce path\n    if (silentCaptureResult.success && silentCaptureResult.path) {\n      setPreviewImagePath(silentCaptureResult.path);\n      setShowCamera(false);\n      setShowPreview(true);\n      return;\n    }\n\n    // Priorité 2: Capture manuelle normale\n    if (result.success && result.path) {\n      setPreviewImagePath(result.path);\n      setShowCamera(false);\n      setShowPreview(true);\n    }\n  };\n\n  // Confirmer la capture depuis le preview\n  const handleConfirmCapture = async () => {\n    if (!previewImagePath) return;\n\n    try {\n      const base64 = await pathToBase64(previewImagePath);\n      const newImages: Record<string, any> = {\n        ...capturedImages,\n        [currentOrientation]: { dir: previewImagePath, file: base64 } as IImagePayload,\n      };\n      setCapturedImages(newImages);\n      onValueChange(newImages);\n      setShowPreview(false);\n      setPreviewImagePath(null);\n      setSilentCaptureResult({ success: false, isAnalyzing: false });\n\n      // Passer à l'orientation suivante si disponible\n      const currentIndex = orientations.indexOf(currentOrientation as OrientationType);\n      if (currentIndex < orientations.length - 1) {\n        const nextOrientation = orientations[currentIndex + 1];\n        setCurrentOrientation(nextOrientation);\n        // Rouvrir automatiquement la caméra pour la prochaine orientation\n        setShowCamera(true);\n      }\n      // Si toutes les orientations sont complétées, on reste sur la vue principale\n    } catch (e) {\n      console.error(\"Error confirming capture\", e);\n      showAlert('Erreur', 'Erreur lors de la sauvegarde de l\\'image');\n    }\n  };\n\n  // Reprendre la photo depuis le preview\n  const handleRetakeFromPreview = () => {\n    setShowPreview(false);\n    setPreviewImagePath(null);\n    setSilentCaptureResult({ success: false, isAnalyzing: false });\n    setShowCamera(true);\n  };\n  const idCardData = useMemo(() => {\n    const idCardID = Object.keys(state.componentData).find((c: string) => c === \"1\");\n    if (idCardID) {\n      const _idCardData = state.componentData[idCardID];\n      const documentType = _idCardData?.documentType;\n      // Map national_id to identity_card for selfie capture\n      const mappedDocumentType = documentType === 'national_id' ? 'identity_card' : documentType;\n      return {\n        country: _idCardData?.country,\n        documentType: mappedDocumentType as GovernmentDocumentType\n      };\n    }\n    return null;\n  }, [state.componentData]);\n  console.log(\"idCardData\", truncateFields(idCardData), JSON.stringify(truncateFields(state.componentData), null, 2));\n\n\n  const handleError = (event: { message: string }) => {\n    showAlert('Erreur', event.message);\n    setShowCamera(false);\n  };\n\n\n  const isOrientationCompleted = (orientation: OrientationType): boolean => {\n    return !!capturedImages[orientation];\n  };\n\n  const isAllOrientationsCompleted = (): boolean => {\n    return orientations.every(orientation => isOrientationCompleted(orientation));\n  };\n  console.log(\"Current Orientation\", currentOrientation);\n\n  // Vue Preview\n  if (showPreview && previewImagePath) {\n    return (\n      <View style={styles.containerCamera}>\n        <View style={styles.previewContainer}>\n          <View style={styles.previewHeader}>\n            <TouchableOpacity onPress={handleRetakeFromPreview} style={styles.backButton}>\n              <Text style={styles.backButtonText}>←</Text>\n            </TouchableOpacity>\n            <Text style={styles.previewTitle}>\n              {state.currentLanguage === \"en\" ? \"Preview\" : \"Aperçu\"}\n            </Text>\n            <View style={{ width: 40 }} />\n          </View>\n\n          <View style={styles.previewImageContainer}>\n            <Image\n              source={{ uri: previewImagePath }}\n              style={styles.previewImage}\n              resizeMode=\"contain\"\n            />\n          </View>\n\n          <Text style={styles.previewInstructions}>\n            {state.currentLanguage === \"en\"\n              ? \"Is your face clearly visible?\"\n              : \"Votre visage est-il clairement visible ?\"}\n          </Text>\n\n          <View style={styles.previewButtonsContainer}>\n            <TouchableOpacity\n              style={styles.retakeButton}\n              onPress={handleRetakeFromPreview}\n            >\n              <Text style={styles.retakeButtonText}>\n                {state.currentLanguage === \"en\" ? \"Retake\" : \"Reprendre\"}\n              </Text>\n            </TouchableOpacity>\n\n            <TouchableOpacity\n              style={styles.confirmButton}\n              onPress={handleConfirmCapture}\n            >\n              <Text style={styles.confirmButtonText}>\n                {state.currentLanguage === \"en\" ? \"Use Photo\" : \"Utiliser\"}\n              </Text>\n            </TouchableOpacity>\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  // Vue Camera\n  if (showCamera) {\n    return (\n      <View style={styles.containerCamera}>\n        <EnhancedCameraView\n          instructions={getOrientationInstructions(currentOrientation)}\n          showCamera={true}\n          cameraType=\"front\"\n          style={styles.camera}\n          onCapture={handleCapture}\n          onError={handleError}\n          onClose={() => setShowCamera(false)}\n          quality=\"high\"\n          showCaptureButton={true}\n          showSwitchCamera={false}\n          enableFlash={false}\n          silentCaptureResult={silentCaptureResult}\n          onSilentCapture={handleSilentCapture}\n          overlayComponent={<SelfieOverlay\n            xMin={20}\n            yMin={140}\n            xMax={370}\n            yMax={340}\n            cornerOpacity={1}\n            instructions={\"\"}\n            language={state.currentLanguage}\n            orientation={currentOrientation as 'center' | 'left' | 'right'}\n            instructionsTile={getInstructions(currentOrientation).title}\n            instructionsSubtitle={getInstructions(currentOrientation).subtitle}\n            stepperProps={{\n              back: () => {\n                setShowCamera(false);\n              },\n              selectedDocumentType: \"Selfie\",\n              step: state.currentComponentIndex + 1,\n              totalSteps: state.template.components.length,\n              side: currentOrientation,\n            }} />}\n        />\n      </View>\n    );\n  }\n\n  return (\n    <View style={[{\n      maxWidth: 760,\n      width: '100%',\n      height: '100%',\n    }]}>\n      <View style={styles.container}>\n        <Text style={styles.title}>{getLocalizedText(component.labels as LocalizedText)}</Text>\n        <Text style={styles.description}>{getLocalizedText(component.instructions as LocalizedText)}</Text>\n\n        <ScrollView style={styles.orientationsContainer} showsVerticalScrollIndicator={false}>\n          <View style={{ flexDirection: 'column', alignItems: 'center', gap: 10 }}>\n\n            {orientations.map((orientation, key) => (\n              <View key={orientation} style={{\n                backgroundColor: '#F3F4F6',\n                borderRadius: 12,\n                flexDirection: 'row',\n                alignItems: 'center',\n                gap: 10,\n                width: '100%',\n                paddingVertical: 10,\n                paddingHorizontal: 10,\n              }}>\n                <View style={{\n                  flexDirection: 'row',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  backgroundColor: isOrientationCompleted(orientation) ? '#2DBE60' : '#D1D5DB',\n                  borderRadius: 100,\n                  width: 30,\n                  height: 30,\n                }}>\n                  <Text style={{ color: 'white', fontSize: 16, fontWeight: 'bold' }}>{key + 1}</Text>\n                </View>\n\n\n                <Text style={styles.orientationTitle}>\n                  {getOrientationLabel(orientation)}\n                </Text>\n\n\n\n              </View>\n            ))}\n            <View style={{ backgroundColor: \"#F6CB0D1A\", width: \"100%\", padding: 10, borderRadius: 10 }} >\n              <Text style={{ color: '#997E06', fontSize: 16, fontWeight: 'bold' }}>\n                {state.currentLanguage === \"en\"\n                  ? \"Tips for a good selfie:\"\n                  : \"Conseils pour une bonne photo selfie :\"}\n              </Text>\n              <View style={{ paddingLeft: 10, paddingTop: 4 }}>\n                <Text style={{ color: '#997E06', fontSize: 14, fontWeight: 'bold' }}>\n                  {state.currentLanguage === \"en\"\n                    ? `• Remove glasses and hat \\n• Look directly at the camera \\n• Ensure good lighting \\n`\n                    : `• Retirez vos lunettes et votre chapeau \\n• Regardez directement la caméra \\n• Assurez-vous d'une bonne luminosité \\n`\n                  }\n                </Text>\n              </View>\n            </View>\n            <View style={{ height: 10 }} />\n            {isAllOrientationsCompleted() ? <>\n              <Button title={t('common.continue')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={async () => {\n                const value = {\n                  ...capturedImages,\n                  ...(idCardData?.country ? { country: idCardData.country } : {}),\n                  ...(idCardData?.documentType ? { documentType: idCardData.documentType } : {}),\n                }\n                console.log(\"value\", JSON.stringify(truncateFields(value), null, 2));\n                onValueChange(value);\n                actions.nextComponent();\n              }} />\n            </> : (\n              <Button title={t('kyc.selfieCapture.captureButton')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={() => {\n                if (isAllOrientationsCompleted()) {\n\n                  actions.nextComponent();\n                } else {\n                  setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: '' }));\n                  setShowCamera(true);\n                }\n              }} />\n            )}\n\n          </View>\n        </ScrollView>\n\n        {error && (\n          <Text style={styles.errorText}>{error}</Text>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    paddingVertical: 10,\n  },\n  container: {\n    backgroundColor: 'white',\n    margin: 15,\n    borderRadius: 20,\n    paddingVertical: 20,\n    paddingHorizontal: 16,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.35,\n    shadowRadius: 4.84,\n    elevation: 10,\n  },\n  containerCamera: {\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    backgroundColor: '#000',\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    marginBottom: 20,\n    lineHeight: 22,\n    textAlign: 'center',\n  },\n  camera: {\n    flex: 1,\n    overflow: 'hidden',\n  },\n  attemptsText: {\n    fontSize: 14,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 10,\n  },\n  orientationsContainer: {\n  },\n  orientationContainer: {\n    backgroundColor: 'white',\n    borderRadius: 12,\n    padding: 16,\n    marginBottom: 16,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  orientationTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n  },\n  capturedImageContainer: {\n    alignItems: 'center',\n  },\n  capturedImage: {\n    width: 200,\n    height: 200,\n    borderRadius: 12,\n    marginBottom: 12,\n  },\n  captureButton: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#2DBD60',\n    paddingVertical: 16,\n    paddingHorizontal: 24,\n    borderRadius: 12,\n    marginTop: 8,\n  },\n  captureIcon: {\n    fontSize: 24,\n    marginRight: 8,\n  },\n  captureText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: 'white',\n  },\n  // Preview styles\n  previewContainer: {\n    flex: 1,\n    backgroundColor: '#000',\n    justifyContent: 'space-between',\n  },\n  previewHeader: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingHorizontal: 16,\n    paddingTop: 50,\n    paddingBottom: 16,\n  },\n  backButton: {\n    width: 40,\n    height: 40,\n    borderRadius: 20,\n    backgroundColor: 'rgba(255,255,255,0.2)',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  backButtonText: {\n    color: 'white',\n    fontSize: 24,\n    fontWeight: 'bold',\n  },\n  previewTitle: {\n    color: 'white',\n    fontSize: 18,\n    fontWeight: '600',\n  },\n  previewImageContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingHorizontal: 20,\n  },\n  previewImage: {\n    width: '100%',\n    height: '80%',\n    borderRadius: 16,\n  },\n  previewInstructions: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    paddingHorizontal: 20,\n    marginBottom: 20,\n  },\n  previewButtonsContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingHorizontal: 20,\n    paddingBottom: 40,\n    gap: 16,\n  },\n  retakeButton: {\n    flex: 1,\n    backgroundColor: 'rgba(255,255,255,0.2)',\n    paddingVertical: 16,\n    paddingHorizontal: 20,\n    borderRadius: 12,\n    alignItems: 'center',\n  },\n  retakeButtonText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: 'white',\n  },\n  confirmButton: {\n    flex: 1,\n    backgroundColor: '#2DBD60',\n    paddingVertical: 16,\n    paddingHorizontal: 20,\n    borderRadius: 12,\n    alignItems: 'center',\n  },\n  confirmButtonText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: 'white',\n  },\n  completionContainer: {\n    alignItems: 'center',\n    padding: 20,\n  },\n  completionText: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#2DBD60',\n    marginBottom: 16,\n  },\n  retakeAllButton: {\n    backgroundColor: '#FF6B6B',\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    borderRadius: 8,\n  },\n  retakeAllButtonText: {\n    fontSize: 14,\n    fontWeight: '600',\n    color: 'white',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    textAlign: 'center',\n    marginTop: 10,\n  },\n}); "]}