@transfergratis/react-native-sdk 0.1.24 → 0.1.25

package/build/components/KYCElements/AdditionalDocumentsTemplate.js

@@ -0,0 +1,283 @@
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ScrollView, Image } from 'react-native';
+import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
+import { useI18n } from '../../hooks/useI18n';
+import { Button } from '../ui/Button';
+import NativeCameraModule from '../../modules/camera/NativeCameraModule';
+import { useKYCStore } from '../../stores/kycStore';
+import { showAlert } from '../../utils/platformAlert';
+export const AdditionalDocumentsTemplate = ({ component, value, onValueChange, error, language = 'en', }) => {
+    const { actions, getLocalizedText } = useTemplateKYCFlowContext();
+    const { t } = useI18n();
+    const { setProcessing } = useKYCStore();
+    const config = component.config;
+    // State
+    const [uploadedFiles, setUploadedFiles] = useState([]);
+    const [isUploading, setIsUploading] = useState(false);
+    const title = getLocalizedText(component.labels);
+    const instructions = getLocalizedText(component.instructions);
+    const buttonText = getLocalizedText(component.ui.buttonText) || t('common.continue');
+    // Parse max size from config string (e.g. "5MB" -> bytes)
+    const parseMaxSize = (sizeStr) => {
+        if (!sizeStr)
+            return 10 * 1024 * 1024; // Default 10MB
+        const value = parseFloat(sizeStr);
+        if (sizeStr.toLowerCase().includes('kb'))
+            return value * 1024;
+        if (sizeStr.toLowerCase().includes('gb'))
+            return value * 1024 * 1024 * 1024;
+        return value * 1024 * 1024; // Default to MB if only number or MB
+    };
+    const maxSizeBytes = parseMaxSize(config.maxSizeEach);
+    const maxFiles = config.maxDocuments || 3;
+    const pickDocument = async () => {
+        if (uploadedFiles.length >= maxFiles) {
+            showAlert(t('common.limitReached') || 'Limit Reached', t('errors.maxFilesReached', { max: maxFiles }) || `You can only upload ${maxFiles} files.`);
+            return;
+        }
+        try {
+            setIsUploading(true);
+            setProcessing(true);
+            // Default allowed types since AdditionalDocumentsConfig structure is complex for categories
+            const allowedTypes = ['application/pdf', 'image/jpeg', 'image/png'];
+            const result = await NativeCameraModule.openFilePicker(allowedTypes);
+            if (result.success && result.uri && result.path) {
+                const fileName = result.path.split('/').pop() || 'Document';
+                const fileSize = result.size || 0;
+                if (fileSize > maxSizeBytes) {
+                    showAlert(t('errors.fileTooLarge') || 'File too large', t('errors.maxFileSize', { size: config.maxSizeEach }) || `Max file size is ${config.maxSizeEach}`);
+                    return;
+                }
+                const newFile = {
+                    uri: result.uri,
+                    path: result.path,
+                    name: fileName,
+                    size: fileSize
+                };
+                const updatedFiles = [...uploadedFiles, newFile];
+                setUploadedFiles(updatedFiles);
+                onValueChange({ documents: updatedFiles }); // Matching expected data structure
+            }
+            else if (result.error) {
+                // Ignore cancellation errors or show generic if needed
+                if (result.error !== 'Canceled') {
+                    showAlert(t('common.error') || 'Error', result.error);
+                }
+            }
+        }
+        catch (error) {
+            console.error('Error selecting file:', error);
+            showAlert(t('common.error') || 'Error', t('errors.unknownError') || 'Failed to select file');
+        }
+        finally {
+            setIsUploading(false);
+            setProcessing(false);
+        }
+    };
+    const removeFile = (index) => {
+        const updatedFiles = uploadedFiles.filter((_, i) => i !== index);
+        setUploadedFiles(updatedFiles);
+        onValueChange({ documents: updatedFiles });
+    };
+    const handleContinue = () => {
+        actions.nextComponent();
+    };
+    // Helpers for UI
+    const getFileIcon = (fileName) => {
+        const extension = fileName.split('.').pop()?.toLowerCase();
+        switch (extension) {
+            case 'pdf': return '📄';
+            case 'jpg':
+            case 'jpeg':
+            case 'png': return '🖼️';
+            default: return '📎';
+        }
+    };
+    const isImageFile = (fileName) => {
+        const extension = fileName.split('.').pop()?.toLowerCase();
+        return ['jpg', 'jpeg', 'png', 'webp'].includes(extension || '');
+    };
+    const formatFileSize = (bytes) => {
+        if (bytes === 0)
+            return '0 Bytes';
+        const k = 1024;
+        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+    };
+    return (<View style={styles.container}>
+            <Text style={styles.title}>{title}</Text>
+            <Text style={styles.instructions}>{instructions}</Text>
+
+            <View style={styles.uploadArea}>
+                <TouchableOpacity style={[
+            styles.uploadButton,
+            isUploading && styles.uploadButtonDisabled,
+            { borderColor: component.ui.themeColor || '#2DBD60' }
+        ]} onPress={pickDocument} disabled={isUploading}>
+                    <Text style={styles.uploadIcon}>📁</Text>
+                    <Text style={[
+            styles.uploadText,
+            { color: component.ui.themeColor || '#2DBD60' }
+        ]}>
+                        {isUploading ? (t('common.processing') || 'Processing...') : (t('kyc.additionalDocs.add') || 'Select Files')}
+                    </Text>
+                    <Text style={styles.uploadSubtext}>
+                        {t('kyc.additionalDocs.maxSize', { size: config.maxSizeEach }) || `Max size: ${config.maxSizeEach}`}
+                    </Text>
+                </TouchableOpacity>
+            </View>
+
+            {uploadedFiles.length > 0 && (<View style={styles.filesContainer}>
+                    <Text style={styles.subTitle}>
+                        {t('kyc.additionalDocs.uploaded') || 'Uploaded Documents'} ({uploadedFiles.length}/{maxFiles})
+                    </Text>
+                    <ScrollView style={styles.filesList} showsVerticalScrollIndicator={false}>
+                        {uploadedFiles.map((file, index) => (<View key={index} style={styles.fileItem}>
+                                {isImageFile(file.name) ? (<Image source={{ uri: file.uri }} style={styles.fileThumbnail}/>) : (<View style={styles.fileIcon}>
+                                        <Text style={styles.fileIconText}>{getFileIcon(file.name)}</Text>
+                                    </View>)}
+                                <View style={styles.fileInfo}>
+                                    <Text style={styles.fileName} numberOfLines={1}>{file.name}</Text>
+                                    <Text style={styles.fileSize}>{formatFileSize(file.size)}</Text>
+                                </View>
+                                <TouchableOpacity style={styles.removeButton} onPress={() => removeFile(index)}>
+                                    <Text style={styles.removeButtonText}>✕</Text>
+                                </TouchableOpacity>
+                            </View>))}
+                    </ScrollView>
+                </View>)}
+
+            {error && <Text style={styles.errorText}>{error}</Text>}
+
+            <Button title={buttonText} onPress={handleContinue} fullWidth style={styles.button} disabled={config.required && uploadedFiles.length < (config.minDocuments || 1)}/>
+        </View>);
+};
+const styles = StyleSheet.create({
+    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,
+    },
+    subTitle: {
+        fontSize: 16,
+        fontWeight: '600',
+        marginBottom: 10,
+        color: '#333',
+    },
+    uploadArea: {
+        marginBottom: 20,
+    },
+    uploadButton: {
+        borderWidth: 2,
+        borderStyle: 'dashed',
+        borderRadius: 12,
+        padding: 24,
+        alignItems: 'center',
+        backgroundColor: '#f0f9f0',
+    },
+    uploadButtonDisabled: {
+        opacity: 0.6,
+    },
+    uploadIcon: {
+        fontSize: 32,
+        marginBottom: 8,
+    },
+    uploadText: {
+        fontSize: 16,
+        fontWeight: '600',
+        marginBottom: 4,
+    },
+    uploadSubtext: {
+        fontSize: 12,
+        color: '#666',
+    },
+    filesContainer: {
+        flex: 1,
+        marginBottom: 10,
+    },
+    filesList: {
+        maxHeight: 200,
+    },
+    fileItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 10,
+        backgroundColor: '#f9f9f9',
+        borderRadius: 8,
+        marginBottom: 8,
+        borderWidth: 1,
+        borderColor: '#eee',
+    },
+    fileThumbnail: {
+        width: 36,
+        height: 36,
+        borderRadius: 4,
+        marginRight: 10,
+    },
+    fileIcon: {
+        width: 36,
+        height: 36,
+        borderRadius: 4,
+        backgroundColor: '#eee',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginRight: 10,
+    },
+    fileIconText: {
+        fontSize: 18,
+    },
+    fileInfo: {
+        flex: 1,
+    },
+    fileName: {
+        fontSize: 14,
+        fontWeight: '500',
+        color: '#333',
+    },
+    fileSize: {
+        fontSize: 12,
+        color: '#888',
+    },
+    removeButton: {
+        width: 24,
+        height: 24,
+        borderRadius: 12,
+        backgroundColor: '#ff4444',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginLeft: 8,
+    },
+    removeButtonText: {
+        color: 'white',
+        fontSize: 12,
+        fontWeight: 'bold',
+    },
+    errorText: {
+        color: 'red',
+        marginBottom: 10,
+    },
+    button: {
+        marginTop: 10,
+    },
+});
+//# sourceMappingURL=AdditionalDocumentsTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalDocumentsTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/AdditionalDocumentsTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { View, Text, StyleSheet, TouchableOpacity, ScrollView, Image } from 'react-native';\nimport { TemplateComponent, AdditionalDocumentsConfig, LocalizedText } from '../../types/KYC.types';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport { Button } from '../ui/Button';\nimport NativeCameraModule from '../../modules/camera/NativeCameraModule';\nimport { useKYCStore } from '../../stores/kycStore';\nimport { showAlert } from '../../utils/platformAlert';\n\ninterface AdditionalDocumentsTemplateProps {\n    component: TemplateComponent;\n    value?: any;\n    onValueChange: (data: any) => void;\n    error?: string;\n    language?: string;\n}\n\ninterface UploadedFile {\n    uri: string;\n    path: string;\n    name: string;\n    size: number;\n}\n\nexport const AdditionalDocumentsTemplate: React.FC<AdditionalDocumentsTemplateProps> = ({\n    component,\n    value,\n    onValueChange,\n    error,\n    language = 'en',\n}) => {\n    const { actions, getLocalizedText } = useTemplateKYCFlowContext();\n    const { t } = useI18n();\n    const { setProcessing } = useKYCStore();\n    const config = component.config as AdditionalDocumentsConfig;\n\n    // State\n    const [uploadedFiles, setUploadedFiles] = useState<UploadedFile[]>([]);\n    const [isUploading, setIsUploading] = useState(false);\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.continue');\n\n    // Parse max size from config string (e.g. \"5MB\" -> bytes)\n    const parseMaxSize = (sizeStr: string): number => {\n        if (!sizeStr) return 10 * 1024 * 1024; // Default 10MB\n        const value = parseFloat(sizeStr);\n        if (sizeStr.toLowerCase().includes('kb')) return value * 1024;\n        if (sizeStr.toLowerCase().includes('gb')) return value * 1024 * 1024 * 1024;\n        return value * 1024 * 1024; // Default to MB if only number or MB\n    };\n\n    const maxSizeBytes = parseMaxSize(config.maxSizeEach);\n    const maxFiles = config.maxDocuments || 3;\n\n    const pickDocument = async () => {\n        if (uploadedFiles.length >= maxFiles) {\n            showAlert(\n                t('common.limitReached') || 'Limit Reached',\n                t('errors.maxFilesReached', { max: maxFiles }) || `You can only upload ${maxFiles} files.`\n            );\n            return;\n        }\n\n        try {\n            setIsUploading(true);\n            setProcessing(true);\n\n            // Default allowed types since AdditionalDocumentsConfig structure is complex for categories\n            const allowedTypes = ['application/pdf', 'image/jpeg', 'image/png'];\n\n            const result = await NativeCameraModule.openFilePicker(allowedTypes);\n\n            if (result.success && result.uri && result.path) {\n                const fileName = result.path.split('/').pop() || 'Document';\n                const fileSize = (result as any).size || 0;\n\n                if (fileSize > maxSizeBytes) {\n                    showAlert(\n                        t('errors.fileTooLarge') || 'File too large',\n                        t('errors.maxFileSize', { size: config.maxSizeEach }) || `Max file size is ${config.maxSizeEach}`\n                    );\n                    return;\n                }\n\n                const newFile: UploadedFile = {\n                    uri: result.uri,\n                    path: result.path,\n                    name: fileName,\n                    size: fileSize\n                };\n\n                const updatedFiles = [...uploadedFiles, newFile];\n                setUploadedFiles(updatedFiles);\n                onValueChange({ documents: updatedFiles }); // Matching expected data structure\n            } else if (result.error) {\n                // Ignore cancellation errors or show generic if needed\n                if (result.error !== 'Canceled') {\n                    showAlert(t('common.error') || 'Error', result.error);\n                }\n            }\n        } catch (error) {\n            console.error('Error selecting file:', error);\n            showAlert(t('common.error') || 'Error', t('errors.unknownError') || 'Failed to select file');\n        } finally {\n            setIsUploading(false);\n            setProcessing(false);\n        }\n    };\n\n    const removeFile = (index: number) => {\n        const updatedFiles = uploadedFiles.filter((_, i) => i !== index);\n        setUploadedFiles(updatedFiles);\n        onValueChange({ documents: updatedFiles });\n    };\n\n    const handleContinue = () => {\n        actions.nextComponent();\n    };\n\n    // Helpers for UI\n    const getFileIcon = (fileName: string) => {\n        const extension = fileName.split('.').pop()?.toLowerCase();\n        switch (extension) {\n            case 'pdf': return '📄';\n            case 'jpg':\n            case 'jpeg':\n            case 'png': return '🖼️';\n            default: return '📎';\n        }\n    };\n\n    const isImageFile = (fileName: string): boolean => {\n        const extension = fileName.split('.').pop()?.toLowerCase();\n        return ['jpg', 'jpeg', 'png', 'webp'].includes(extension || '');\n    };\n\n    const formatFileSize = (bytes: number): string => {\n        if (bytes === 0) return '0 Bytes';\n        const k = 1024;\n        const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n        const i = Math.floor(Math.log(bytes) / Math.log(k));\n        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n    };\n\n    return (\n        <View style={styles.container}>\n            <Text style={styles.title}>{title}</Text>\n            <Text style={styles.instructions}>{instructions}</Text>\n\n            <View style={styles.uploadArea}>\n                <TouchableOpacity\n                    style={[\n                        styles.uploadButton,\n                        isUploading && styles.uploadButtonDisabled,\n                        { borderColor: component.ui.themeColor as string || '#2DBD60' }\n                    ]}\n                    onPress={pickDocument}\n                    disabled={isUploading}\n                >\n                    <Text style={styles.uploadIcon}>📁</Text>\n                    <Text style={[\n                        styles.uploadText,\n                        { color: component.ui.themeColor as string || '#2DBD60' }\n                    ]}>\n                        {isUploading ? (t('common.processing') || 'Processing...') : (t('kyc.additionalDocs.add') || 'Select Files')}\n                    </Text>\n                    <Text style={styles.uploadSubtext}>\n                        {t('kyc.additionalDocs.maxSize', { size: config.maxSizeEach }) || `Max size: ${config.maxSizeEach}`}\n                    </Text>\n                </TouchableOpacity>\n            </View>\n\n            {uploadedFiles.length > 0 && (\n                <View style={styles.filesContainer}>\n                    <Text style={styles.subTitle}>\n                        {t('kyc.additionalDocs.uploaded') || 'Uploaded Documents'} ({uploadedFiles.length}/{maxFiles})\n                    </Text>\n                    <ScrollView style={styles.filesList} showsVerticalScrollIndicator={false}>\n                        {uploadedFiles.map((file, index) => (\n                            <View key={index} style={styles.fileItem}>\n                                {isImageFile(file.name) ? (\n                                    <Image source={{ uri: file.uri }} style={styles.fileThumbnail} />\n                                ) : (\n                                    <View style={styles.fileIcon}>\n                                        <Text style={styles.fileIconText}>{getFileIcon(file.name)}</Text>\n                                    </View>\n                                )}\n                                <View style={styles.fileInfo}>\n                                    <Text style={styles.fileName} numberOfLines={1}>{file.name}</Text>\n                                    <Text style={styles.fileSize}>{formatFileSize(file.size)}</Text>\n                                </View>\n                                <TouchableOpacity\n                                    style={styles.removeButton}\n                                    onPress={() => removeFile(index)}\n                                >\n                                    <Text style={styles.removeButtonText}>✕</Text>\n                                </TouchableOpacity>\n                            </View>\n                        ))}\n                    </ScrollView>\n                </View>\n            )}\n\n            {error && <Text style={styles.errorText}>{error}</Text>}\n\n            <Button\n                title={buttonText}\n                onPress={handleContinue}\n                fullWidth\n                style={styles.button}\n                disabled={config.required && uploadedFiles.length < (config.minDocuments || 1)}\n            />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\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    subTitle: {\n        fontSize: 16,\n        fontWeight: '600',\n        marginBottom: 10,\n        color: '#333',\n    },\n    uploadArea: {\n        marginBottom: 20,\n    },\n    uploadButton: {\n        borderWidth: 2,\n        borderStyle: 'dashed',\n        borderRadius: 12,\n        padding: 24,\n        alignItems: 'center',\n        backgroundColor: '#f0f9f0',\n    },\n    uploadButtonDisabled: {\n        opacity: 0.6,\n    },\n    uploadIcon: {\n        fontSize: 32,\n        marginBottom: 8,\n    },\n    uploadText: {\n        fontSize: 16,\n        fontWeight: '600',\n        marginBottom: 4,\n    },\n    uploadSubtext: {\n        fontSize: 12,\n        color: '#666',\n    },\n    filesContainer: {\n        flex: 1,\n        marginBottom: 10,\n    },\n    filesList: {\n        maxHeight: 200,\n    },\n    fileItem: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        padding: 10,\n        backgroundColor: '#f9f9f9',\n        borderRadius: 8,\n        marginBottom: 8,\n        borderWidth: 1,\n        borderColor: '#eee',\n    },\n    fileThumbnail: {\n        width: 36,\n        height: 36,\n        borderRadius: 4,\n        marginRight: 10,\n    },\n    fileIcon: {\n        width: 36,\n        height: 36,\n        borderRadius: 4,\n        backgroundColor: '#eee',\n        justifyContent: 'center',\n        alignItems: 'center',\n        marginRight: 10,\n    },\n    fileIconText: {\n        fontSize: 18,\n    },\n    fileInfo: {\n        flex: 1,\n    },\n    fileName: {\n        fontSize: 14,\n        fontWeight: '500',\n        color: '#333',\n    },\n    fileSize: {\n        fontSize: 12,\n        color: '#888',\n    },\n    removeButton: {\n        width: 24,\n        height: 24,\n        borderRadius: 12,\n        backgroundColor: '#ff4444',\n        justifyContent: 'center',\n        alignItems: 'center',\n        marginLeft: 8,\n    },\n    removeButtonText: {\n        color: 'white',\n        fontSize: 12,\n        fontWeight: 'bold',\n    },\n    errorText: {\n        color: 'red',\n        marginBottom: 10,\n    },\n    button: {\n        marginTop: 10,\n    },\n});\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmailVerificationTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/EmailVerificationTemplate.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,CAiK9E,CAAC"}

package/build/components/KYCElements/EmailVerificationTemplate.js

@@ -0,0 +1,193 @@
+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 EmailVerificationTemplate = ({ component, value, onValueChange, error: propError, }) => {
+    const { actions, getLocalizedText } = useTemplateKYCFlowContext();
+    const { t } = useI18n();
+    // const config = component.config as EmailVerificationConfig; // Keep for future use
+    // State
+    const [step, setStep] = useState('email');
+    const [email, setEmail] = 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 === 'email' ? sendButtonText : verifyButtonText;
+    const handleSendCode = () => {
+        if (!email || !email.includes('@')) {
+            setLocalError(t('errors.invalidEmail') || 'Please enter a valid email address');
+            return;
+        }
+        setLocalError(null);
+        setIsSimulating(true);
+        // Simulate API call to send code
+        setTimeout(() => {
+            setIsSimulating(false);
+            setStep('otp');
+            // For demo purposes, we could show an alert or toast here with the code
+            // But we'll just expect them to know 123456 or type anything for now if not strict
+        }, 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
+            // Let's accept '123456' as the correct code or any code for testing if strictly requested?
+            // User said "verify with error message" implying we should support failure.
+            // Let's say if code is "000000" it fails, otherwise success, OR hardcode a success one.
+            // User said "verify with error message and next component if is a good one"
+            // Let's make "123456" the good one for clarity.
+            if (otp === '123456') {
+                onValueChange({ email, otp, verified: true });
+                actions.nextComponent();
+            }
+            else {
+                setLocalError(t('errors.wrongCode') || 'Invalid verification code. Try 123456');
+            }
+        }, 1500);
+    };
+    const onChangeEmail = (text) => {
+        setEmail(text);
+        if (localError)
+            setLocalError(null);
+    };
+    const onChangeOtp = (text) => {
+        setOtp(text);
+        if (localError)
+            setLocalError(null);
+    };
+    const handleBackToEmail = () => {
+        setStep('email');
+        setOtp('');
+        setLocalError(null);
+    };
+    return (<View style={styles.container}>
+            <Text style={styles.title}>{title}</Text>
+            <Text style={styles.instructions}>
+                {step === 'email' ? instructions : (t('kyc.enterCodeSent') || `Please enter the code sent to ${email}`)}
+            </Text>
+
+            <View style={styles.contentContainer}>
+                {step === 'email' ? (<View style={styles.inputContainer}>
+                        <Text style={styles.label}>{t('common.email') || 'Email'}</Text>
+                        <TextInput style={styles.input} placeholder="name@example.com" value={email} onChangeText={onChangeEmail} keyboardType="email-address" autoCapitalize="none" autoCorrect={false} 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={handleBackToEmail} style={styles.changeEmailLink}>
+                            <Text style={styles.changeEmailText}>{t('common.changeEmail') || 'Change email'}</Text>
+                        </TouchableOpacity>
+                    </View>)}
+
+                {(localError || propError) && (<Text style={styles.errorText}>{localError || propError}</Text>)}
+
+                <Button title={isSimulating ? (t('common.processing') || 'Processing...') : buttonText} onPress={step === 'email' ? handleSendCode : handleVerifyCode} disabled={isSimulating ||
+            (step === 'email' ? !email : !otp)}/>
+
+                {step === 'otp' && (<TouchableOpacity onPress={() => {
+                // Resend logic
+                Alert.alert(t('common.codeResent') || 'Code Resent', t('common.codeResentMessage', { email }) || 'Code resent to ' + email);
+            }} 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%"
+    },
+    changeEmailLink: {
+        alignSelf: 'flex-end',
+        marginTop: 8,
+    },
+    changeEmailText: {
+        color: '#2DBD60',
+        fontSize: 14,
+        fontWeight: '500',
+    },
+    resendButton: {
+        marginTop: 16,
+        alignItems: 'center',
+        width: "100%"
+    },
+    resendText: {
+        color: '#666',
+        fontSize: 14,
+        textDecorationLine: 'underline',
+    },
+});
+//# sourceMappingURL=EmailVerificationTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmailVerificationTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/EmailVerificationTemplate.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 EmailVerificationTemplateProps {\n    component: TemplateComponent;\n    value?: any;\n    onValueChange: (data: any) => void;\n    error?: string;\n    language?: string;\n}\n\ntype VerificationStep = 'email' | 'otp';\n\nexport const EmailVerificationTemplate: React.FC<EmailVerificationTemplateProps> = ({\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 EmailVerificationConfig; // Keep for future use\n\n    // State\n    const [step, setStep] = useState<VerificationStep>('email');\n    const [email, setEmail] = 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 === 'email' ? sendButtonText : verifyButtonText;\n\n    const handleSendCode = () => {\n        if (!email || !email.includes('@')) {\n            setLocalError(t('errors.invalidEmail') || 'Please enter a valid email address');\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            // For demo purposes, we could show an alert or toast here with the code\n            // But we'll just expect them to know 123456 or type anything for now if not strict\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            // Let's accept '123456' as the correct code or any code for testing if strictly requested?\n            // User said \"verify with error message\" implying we should support failure.\n            // Let's say if code is \"000000\" it fails, otherwise success, OR hardcode a success one.\n            // User said \"verify with error message and next component if is a good one\"\n            // Let's make \"123456\" the good one for clarity.\n\n            if (otp === '123456') {\n                onValueChange({ email, 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 onChangeEmail = (text: string) => {\n        setEmail(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 handleBackToEmail = () => {\n        setStep('email');\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 === 'email' ? instructions : (t('kyc.enterCodeSent') || `Please enter the code sent to ${email}`)}\n            </Text>\n\n            <View style={styles.contentContainer}>\n                {step === 'email' ? (\n                    <View style={styles.inputContainer}>\n                        <Text style={styles.label}>{t('common.email') || 'Email'}</Text>\n                        <TextInput\n                            style={styles.input}\n                            placeholder=\"name@example.com\"\n                            value={email}\n                            onChangeText={onChangeEmail}\n                            keyboardType=\"email-address\"\n                            autoCapitalize=\"none\"\n                            autoCorrect={false}\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={handleBackToEmail} style={styles.changeEmailLink}>\n                            <Text style={styles.changeEmailText}>{t('common.changeEmail') || 'Change email'}</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 === 'email' ? handleSendCode : handleVerifyCode}\n\n\n                    disabled={\n                        isSimulating ||\n                        (step === 'email' ? !email : !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 }) || 'Code resent to ' + email\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    changeEmailLink: {\n        alignSelf: 'flex-end',\n        marginTop: 8,\n    },\n    changeEmailText: {\n        color: '#2DBD60',\n        fontSize: 14,\n        fontWeight: '500',\n    },\n    resendButton: {\n        marginTop: 16,\n        alignItems: 'center',\n        width: \"100%\"\n    },\n    resendText: {\n        color: '#666',\n        fontSize: 14,\n        textDecorationLine: 'underline',\n    },\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"IDCardCapture.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/IDCardCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,iBAAiB,EAAoI,MAAM,uBAAuB,CAAC;AAc5L,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyiBtD,CAAC"}
+{"version":3,"file":"IDCardCapture.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/IDCardCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,iBAAiB,EAAoI,MAAM,uBAAuB,CAAC;AAe5L,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmrBtD,CAAC"}