@hexar/biometric-identity-sdk-react-native 1.0.0

package/dist/components/CameraCapture.js

@@ -0,0 +1,238 @@
+"use strict";
+/**
+ * Camera Capture Component for React Native
+ * Handles ID document photo capture
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CameraCapture = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const { width, height } = react_native_1.Dimensions.get('window');
+const CameraCapture = ({ mode, theme, onCapture, onCancel, }) => {
+    const [isCapturing, setIsCapturing] = (0, react_1.useState)(false);
+    const cameraRef = (0, react_1.useRef)(null);
+    const handleCapture = async () => {
+        if (isCapturing)
+            return;
+        try {
+            setIsCapturing(true);
+            // In real implementation, this would use react-native-vision-camera
+            // For now, simulate capture
+            await new Promise(resolve => setTimeout(resolve, 500));
+            // Mock captured image data
+            const mockImageData = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD...';
+            onCapture(mockImageData);
+        }
+        catch (error) {
+            console.error('Capture error:', error);
+            setIsCapturing(false);
+        }
+    };
+    const instructions = mode === 'front'
+        ? 'Position the front of your ID within the frame'
+        : 'Position the back of your ID within the frame';
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(react_native_1.View, { style: styles.cameraContainer },
+            react_1.default.createElement(react_native_1.View, { style: styles.mockCamera },
+                react_1.default.createElement(react_native_1.Text, { style: styles.mockCameraText }, "Camera View"),
+                react_1.default.createElement(react_native_1.Text, { style: styles.mockCameraSubtext }, "(In production, this uses react-native-vision-camera)")),
+            react_1.default.createElement(react_native_1.View, { style: styles.overlay },
+                react_1.default.createElement(react_native_1.View, { style: styles.frameContainer },
+                    react_1.default.createElement(react_native_1.View, { style: styles.frame },
+                        react_1.default.createElement(react_native_1.View, { style: [styles.corner, styles.cornerTopLeft] }),
+                        react_1.default.createElement(react_native_1.View, { style: [styles.corner, styles.cornerTopRight] }),
+                        react_1.default.createElement(react_native_1.View, { style: [styles.corner, styles.cornerBottomLeft] }),
+                        react_1.default.createElement(react_native_1.View, { style: [styles.corner, styles.cornerBottomRight] }))))),
+        react_1.default.createElement(react_native_1.View, { style: styles.instructionsContainer },
+            react_1.default.createElement(react_native_1.Text, { style: styles.instructionsText }, instructions),
+            react_1.default.createElement(react_native_1.Text, { style: styles.tipsText },
+                "\u2022 Ensure good lighting",
+                '\n',
+                "\u2022 Avoid glare and shadows",
+                '\n',
+                "\u2022 Keep document flat and complete")),
+        react_1.default.createElement(react_native_1.View, { style: styles.controls },
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.button, styles.cancelButton], onPress: onCancel },
+                react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, "Cancel")),
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                    styles.button,
+                    styles.captureButton,
+                    { backgroundColor: theme?.primaryColor || '#6366F1' },
+                    isCapturing && styles.captureButtonDisabled,
+                ], onPress: handleCapture, disabled: isCapturing },
+                react_1.default.createElement(react_native_1.View, { style: styles.captureButtonInner })),
+            react_1.default.createElement(react_native_1.View, { style: styles.buttonPlaceholder }))));
+};
+exports.CameraCapture = CameraCapture;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#000000',
+    },
+    cameraContainer: {
+        flex: 1,
+        position: 'relative',
+    },
+    mockCamera: {
+        flex: 1,
+        backgroundColor: '#1F2937',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    mockCameraText: {
+        color: '#FFFFFF',
+        fontSize: 20,
+        fontWeight: 'bold',
+        marginBottom: 8,
+    },
+    mockCameraSubtext: {
+        color: '#9CA3AF',
+        fontSize: 12,
+        textAlign: 'center',
+        paddingHorizontal: 32,
+    },
+    overlay: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    frameContainer: {
+        width: width * 0.85,
+        height: width * 0.85 * 0.63, // ID card aspect ratio
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    frame: {
+        width: '100%',
+        height: '100%',
+        borderWidth: 2,
+        borderColor: '#FFFFFF',
+        borderRadius: 8,
+        borderStyle: 'dashed',
+    },
+    corner: {
+        position: 'absolute',
+        width: 24,
+        height: 24,
+        borderColor: '#FFFFFF',
+    },
+    cornerTopLeft: {
+        top: -2,
+        left: -2,
+        borderTopWidth: 4,
+        borderLeftWidth: 4,
+        borderTopLeftRadius: 8,
+    },
+    cornerTopRight: {
+        top: -2,
+        right: -2,
+        borderTopWidth: 4,
+        borderRightWidth: 4,
+        borderTopRightRadius: 8,
+    },
+    cornerBottomLeft: {
+        bottom: -2,
+        left: -2,
+        borderBottomWidth: 4,
+        borderLeftWidth: 4,
+        borderBottomLeftRadius: 8,
+    },
+    cornerBottomRight: {
+        bottom: -2,
+        right: -2,
+        borderBottomWidth: 4,
+        borderRightWidth: 4,
+        borderBottomRightRadius: 8,
+    },
+    instructionsContainer: {
+        paddingVertical: 24,
+        paddingHorizontal: 32,
+        backgroundColor: 'rgba(0, 0, 0, 0.7)',
+    },
+    instructionsText: {
+        color: '#FFFFFF',
+        fontSize: 16,
+        fontWeight: '600',
+        textAlign: 'center',
+        marginBottom: 12,
+    },
+    tipsText: {
+        color: '#D1D5DB',
+        fontSize: 14,
+        lineHeight: 20,
+    },
+    controls: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingVertical: 32,
+        paddingHorizontal: 32,
+        backgroundColor: 'rgba(0, 0, 0, 0.9)',
+    },
+    button: {
+        paddingVertical: 12,
+        paddingHorizontal: 24,
+        borderRadius: 8,
+    },
+    cancelButton: {
+        backgroundColor: '#374151',
+    },
+    buttonText: {
+        color: '#FFFFFF',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+    captureButton: {
+        width: 72,
+        height: 72,
+        borderRadius: 36,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    captureButtonInner: {
+        width: 60,
+        height: 60,
+        borderRadius: 30,
+        backgroundColor: '#FFFFFF',
+    },
+    captureButtonDisabled: {
+        opacity: 0.5,
+    },
+    buttonPlaceholder: {
+        width: 80,
+    },
+});
+exports.default = exports.CameraCapture;

package/dist/components/ErrorScreen.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Error Screen Component
+ */
+import React from 'react';
+import { BiometricError, ThemeConfig, SupportedLanguage } from '@hexar/biometric-identity-sdk-core';
+export interface ErrorScreenProps {
+    error: BiometricError;
+    theme?: ThemeConfig;
+    language?: SupportedLanguage;
+    onRetry: () => void;
+    onClose: () => void;
+}
+export declare const ErrorScreen: React.FC<ErrorScreenProps>;
+export default ErrorScreen;
+//# sourceMappingURL=ErrorScreen.d.ts.map

package/dist/components/ErrorScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../src/components/ErrorScreen.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEpG,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqGlD,CAAC;AA4EF,eAAe,WAAW,CAAC"}

package/dist/components/ErrorScreen.js

@@ -0,0 +1,142 @@
+"use strict";
+/**
+ * Error Screen Component
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorScreen = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const ErrorScreen = ({ error, theme, language = 'en', onRetry, onClose, }) => {
+    const getErrorMessage = () => {
+        const messages = {
+            CAMERA_PERMISSION_DENIED: {
+                en: 'Camera permission is required to capture your ID and face video.',
+                es: 'Se requiere permiso de cámara para capturar tu documento y video facial.',
+            },
+            FACE_NOT_DETECTED: {
+                en: 'No face detected in the document. Please ensure the photo is clear.',
+                es: 'No se detectó rostro en el documento. Asegúrate de que la foto sea clara.',
+            },
+            POOR_IMAGE_QUALITY: {
+                en: 'Image quality is insufficient. Please avoid glare, blur, and ensure good lighting.',
+                es: 'La calidad de la imagen es insuficiente. Evita brillos, desenfoque y asegura buena iluminación.',
+            },
+            LIVENESS_CHECK_FAILED: {
+                en: 'Liveness verification failed. Please record a new video following the instructions.',
+                es: 'La verificación de presencia vital falló. Por favor graba un nuevo video siguiendo las instrucciones.',
+            },
+            FACE_MATCH_FAILED: {
+                en: 'The face in the video does not match the document photo.',
+                es: 'El rostro en el video no coincide con la foto del documento.',
+            },
+            DOCUMENT_TAMPERED: {
+                en: 'Document appears to be tampered or altered.',
+                es: 'El documento parece estar adulterado o alterado.',
+            },
+        };
+        const message = messages[error.code] || {
+            en: 'An unexpected error occurred. Please try again.',
+            es: 'Ocurrió un error inesperado. Por favor intenta de nuevo.',
+        };
+        return language === 'es' ? message.es : message.en;
+    };
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(react_native_1.View, { style: styles.content },
+            react_1.default.createElement(react_native_1.View, { style: [
+                    styles.iconContainer,
+                    { backgroundColor: theme?.errorColor || '#EF4444' },
+                ] },
+                react_1.default.createElement(react_native_1.Text, { style: styles.icon }, "\u2717")),
+            react_1.default.createElement(react_native_1.Text, { style: [styles.title, { color: theme?.textColor || '#000000' }] }, language === 'es' ? 'Error de Verificación' : 'Verification Error'),
+            react_1.default.createElement(react_native_1.Text, { style: [styles.message, { color: theme?.secondaryTextColor || '#6B7280' }] }, getErrorMessage()),
+            react_1.default.createElement(react_native_1.View, { style: styles.codeContainer },
+                react_1.default.createElement(react_native_1.Text, { style: styles.codeLabel }, language === 'es' ? 'Código de Error:' : 'Error Code:'),
+                react_1.default.createElement(react_native_1.Text, { style: styles.codeText }, error.code)),
+            react_1.default.createElement(react_native_1.View, { style: styles.buttonsContainer },
+                react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                        styles.button,
+                        styles.retryButton,
+                        { backgroundColor: theme?.primaryColor || '#6366F1' },
+                    ], onPress: onRetry },
+                    react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, language === 'es' ? 'Reintentar' : 'Try Again')),
+                react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.button, styles.closeButton], onPress: onClose },
+                    react_1.default.createElement(react_native_1.Text, { style: [styles.buttonText, { color: theme?.textColor || '#000000' }] }, language === 'es' ? 'Cerrar' : 'Close'))))));
+};
+exports.ErrorScreen = ErrorScreen;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#FFFFFF',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    content: {
+        width: '85%',
+        alignItems: 'center',
+    },
+    iconContainer: {
+        width: 80,
+        height: 80,
+        borderRadius: 40,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginBottom: 24,
+    },
+    icon: {
+        fontSize: 40,
+        color: '#FFFFFF',
+        fontWeight: 'bold',
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        marginBottom: 16,
+        textAlign: 'center',
+    },
+    message: {
+        fontSize: 16,
+        textAlign: 'center',
+        lineHeight: 24,
+        marginBottom: 24,
+    },
+    codeContainer: {
+        backgroundColor: '#F3F4F6',
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        borderRadius: 8,
+        marginBottom: 32,
+    },
+    codeLabel: {
+        fontSize: 12,
+        color: '#6B7280',
+        marginBottom: 4,
+    },
+    codeText: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#111827',
+    },
+    buttonsContainer: {
+        width: '100%',
+    },
+    button: {
+        paddingVertical: 16,
+        paddingHorizontal: 32,
+        borderRadius: 8,
+        alignItems: 'center',
+        marginVertical: 8,
+    },
+    retryButton: {},
+    closeButton: {
+        backgroundColor: '#F3F4F6',
+    },
+    buttonText: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#FFFFFF',
+    },
+});
+exports.default = exports.ErrorScreen;

package/dist/components/InstructionsScreen.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Instructions Screen Component
+ * Shows initial instructions before starting verification
+ */
+import React from 'react';
+import { ThemeConfig, SupportedLanguage } from '@hexar/biometric-identity-sdk-core';
+export interface InstructionsScreenProps {
+    theme?: ThemeConfig;
+    language?: SupportedLanguage;
+    onStart: () => void;
+}
+export declare const InstructionsScreen: React.FC<InstructionsScreenProps>;
+export default InstructionsScreen;
+//# sourceMappingURL=InstructionsScreen.d.ts.map

package/dist/components/InstructionsScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstructionsScreen.d.ts","sourceRoot":"","sources":["../../src/components/InstructionsScreen.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAc,MAAM,oCAAoC,CAAC;AAEhG,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwEhE,CAAC;AA6KF,eAAe,kBAAkB,CAAC"}

package/dist/components/InstructionsScreen.js

@@ -0,0 +1,181 @@
+"use strict";
+/**
+ * Instructions Screen Component
+ * Shows initial instructions before starting verification
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstructionsScreen = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const InstructionsScreen = ({ theme, language = 'en', onStart, }) => {
+    const content = language === 'es' ? spanishContent : englishContent;
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(react_native_1.ScrollView, { contentContainerStyle: styles.content },
+            react_1.default.createElement(react_native_1.Text, { style: [styles.title, { color: theme?.textColor || '#000000' }] }, content.title),
+            react_1.default.createElement(react_native_1.Text, { style: [styles.subtitle, { color: theme?.secondaryTextColor || '#6B7280' }] }, content.subtitle),
+            react_1.default.createElement(react_native_1.View, { style: styles.stepsContainer },
+                react_1.default.createElement(InstructionStep, { number: 1, title: content.step1Title, description: content.step1Description, theme: theme }),
+                react_1.default.createElement(InstructionStep, { number: 2, title: content.step2Title, description: content.step2Description, theme: theme }),
+                react_1.default.createElement(InstructionStep, { number: 3, title: content.step3Title, description: content.step3Description, theme: theme })),
+            react_1.default.createElement(react_native_1.View, { style: styles.tipsContainer },
+                react_1.default.createElement(react_native_1.Text, { style: [styles.tipsTitle, { color: theme?.textColor || '#000000' }] }, content.tipsTitle),
+                content.tips.map((tip, index) => (react_1.default.createElement(react_native_1.Text, { key: index, style: styles.tipText },
+                    "\u2022 ",
+                    tip)))),
+            react_1.default.createElement(react_native_1.View, { style: styles.privacyContainer },
+                react_1.default.createElement(react_native_1.Text, { style: styles.privacyText }, content.privacy))),
+        react_1.default.createElement(react_native_1.View, { style: styles.footer },
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                    styles.button,
+                    { backgroundColor: theme?.primaryColor || '#6366F1' },
+                ], onPress: onStart },
+                react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, content.startButton)))));
+};
+exports.InstructionsScreen = InstructionsScreen;
+const InstructionStep = ({ number, title, description, theme, }) => (react_1.default.createElement(react_native_1.View, { style: stepStyles.container },
+    react_1.default.createElement(react_native_1.View, { style: [
+            stepStyles.numberContainer,
+            { backgroundColor: theme?.primaryColor || '#6366F1' },
+        ] },
+        react_1.default.createElement(react_native_1.Text, { style: stepStyles.number }, number)),
+    react_1.default.createElement(react_native_1.View, { style: stepStyles.content },
+        react_1.default.createElement(react_native_1.Text, { style: [stepStyles.title, { color: theme?.textColor || '#000000' }] }, title),
+        react_1.default.createElement(react_native_1.Text, { style: [stepStyles.description, { color: theme?.secondaryTextColor || '#6B7280' }] }, description))));
+const stepStyles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        marginBottom: 24,
+    },
+    numberContainer: {
+        width: 40,
+        height: 40,
+        borderRadius: 20,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginRight: 16,
+    },
+    number: {
+        fontSize: 18,
+        fontWeight: 'bold',
+        color: '#FFFFFF',
+    },
+    content: {
+        flex: 1,
+    },
+    title: {
+        fontSize: 16,
+        fontWeight: '600',
+        marginBottom: 4,
+    },
+    description: {
+        fontSize: 14,
+        lineHeight: 20,
+    },
+});
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#FFFFFF',
+    },
+    content: {
+        padding: 24,
+    },
+    title: {
+        fontSize: 28,
+        fontWeight: 'bold',
+        marginBottom: 8,
+    },
+    subtitle: {
+        fontSize: 16,
+        marginBottom: 32,
+        lineHeight: 24,
+    },
+    stepsContainer: {
+        marginBottom: 32,
+    },
+    tipsContainer: {
+        backgroundColor: '#F9FAFB',
+        padding: 16,
+        borderRadius: 8,
+        marginBottom: 24,
+    },
+    tipsTitle: {
+        fontSize: 16,
+        fontWeight: '600',
+        marginBottom: 12,
+    },
+    tipText: {
+        fontSize: 14,
+        color: '#6B7280',
+        marginVertical: 4,
+        lineHeight: 20,
+    },
+    privacyContainer: {
+        backgroundColor: '#EEF2FF',
+        padding: 16,
+        borderRadius: 8,
+    },
+    privacyText: {
+        fontSize: 12,
+        color: '#4F46E5',
+        lineHeight: 18,
+    },
+    footer: {
+        padding: 24,
+        borderTopWidth: 1,
+        borderTopColor: '#E5E7EB',
+    },
+    button: {
+        paddingVertical: 16,
+        paddingHorizontal: 32,
+        borderRadius: 8,
+        alignItems: 'center',
+    },
+    buttonText: {
+        color: '#FFFFFF',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+});
+const englishContent = {
+    title: 'Identity Verification',
+    subtitle: 'We need to verify your identity to continue. This process takes about 2 minutes.',
+    step1Title: 'Capture ID Front',
+    step1Description: 'Take a clear photo of the front of your ID document.',
+    step2Title: 'Capture ID Back',
+    step2Description: 'Take a clear photo of the back of your ID document.',
+    step3Title: 'Record Face Video',
+    step3Description: 'Record a short video of your face while following on-screen instructions.',
+    tipsTitle: 'Tips for Success',
+    tips: [
+        'Ensure good lighting without glare or shadows',
+        'Keep your ID flat and all edges visible',
+        'Remove glasses and face coverings',
+        'Find a quiet place without distractions',
+    ],
+    privacy: '🔒 Your data is encrypted and processed securely. We do not store your biometric data locally.',
+    startButton: 'Start Verification',
+};
+const spanishContent = {
+    title: 'Verificación de Identidad',
+    subtitle: 'Necesitamos verificar tu identidad para continuar. Este proceso toma aproximadamente 2 minutos.',
+    step1Title: 'Captura Frente del Documento',
+    step1Description: 'Toma una foto clara del frente de tu documento de identidad.',
+    step2Title: 'Captura Reverso del Documento',
+    step2Description: 'Toma una foto clara del reverso de tu documento de identidad.',
+    step3Title: 'Graba Video Facial',
+    step3Description: 'Graba un video corto de tu rostro siguiendo las instrucciones en pantalla.',
+    tipsTitle: 'Consejos para el Éxito',
+    tips: [
+        'Asegura buena iluminación sin brillos o sombras',
+        'Mantén tu documento plano y todos los bordes visibles',
+        'Quítate los lentes y cubiertas faciales',
+        'Encuentra un lugar tranquilo sin distracciones',
+    ],
+    privacy: '🔒 Tus datos están encriptados y procesados de forma segura. No almacenamos tus datos biométricos localmente.',
+    startButton: 'Iniciar Verificación',
+};
+exports.default = exports.InstructionsScreen;

package/dist/components/ResultScreen.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Result Screen Component
+ * Shows validation result (pass/fail)
+ */
+import React from 'react';
+import { ValidationResult, ThemeConfig, SupportedLanguage } from '@hexar/biometric-identity-sdk-core';
+export interface ResultScreenProps {
+    result: ValidationResult;
+    theme?: ThemeConfig;
+    language?: SupportedLanguage;
+    onClose: () => void;
+}
+export declare const ResultScreen: React.FC<ResultScreenProps>;
+export default ResultScreen;
+//# sourceMappingURL=ResultScreen.d.ts.map

package/dist/components/ResultScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultScreen.d.ts","sourceRoot":"","sources":["../../src/components/ResultScreen.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEtG,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoHpD,CAAC;AAgKF,eAAe,YAAY,CAAC"}