@hexar/biometric-identity-sdk-react-native 1.1.0 → 1.1.2

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

@@ -1 +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"}
+{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../src/components/ErrorScreen.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAA2B,MAAM,oCAAoC,CAAC;AAE7H,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,CAoGlD,CAAC;AA4EF,eAAe,WAAW,CAAC"}

package/dist/components/ErrorScreen.js

@@ -2,46 +2,73 @@
 /**
  * Error Screen Component
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+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.ErrorScreen = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const ErrorScreen = ({ error, theme, language = 'en', onRetry, onClose, }) => {
+const biometric_identity_sdk_core_1 = require("@hexar/biometric-identity-sdk-core");
+const ErrorScreen = ({ error, theme, language, onRetry, onClose, }) => {
+    (0, react_1.useEffect)(() => {
+        if (language) {
+            (0, biometric_identity_sdk_core_1.setLanguage)(language);
+        }
+    }, [language]);
+    const strings = (0, biometric_identity_sdk_core_1.getStrings)();
     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.',
-            },
+        if (error.message) {
+            return error.message;
+        }
+        const getCameraPermissionMessage = () => {
+            const permissionError = strings.errors.cameraPermissionDenied;
+            if (typeof permissionError === 'object' && permissionError?.message) {
+                return permissionError.message;
+            }
+            return typeof permissionError === 'string' ? permissionError : 'Camera permission is required.';
         };
-        const message = messages[error.code] || {
-            en: 'An unexpected error occurred. Please try again.',
-            es: 'Ocurrió un error inesperado. Por favor intenta de nuevo.',
+        const errorMessageMap = {
+            CAMERA_PERMISSION_DENIED: getCameraPermissionMessage(),
+            FACE_NOT_DETECTED: strings.errors.faceNotDetected || 'No face detected.',
+            POOR_IMAGE_QUALITY: strings.errors.poorImageQuality || 'Image quality is insufficient.',
+            LIVENESS_CHECK_FAILED: strings.errors.livenessCheckFailed || 'Liveness verification failed.',
+            FACE_MATCH_FAILED: strings.errors.faceMatchFailed || 'Face match failed.',
+            DOCUMENT_TAMPERED: strings.errors.documentTampered || 'Document appears to be tampered.',
+            NETWORK_ERROR: strings.errors.networkError || 'Network error.',
+            VALIDATION_TIMEOUT: strings.errors.timeout || 'Validation timeout.',
         };
-        return language === 'es' ? message.es : message.en;
+        return errorMessageMap[error.code] || strings.errors.unknownError || 'An unexpected error occurred.';
     };
     return (react_1.default.createElement(react_native_1.View, { style: styles.container },
         react_1.default.createElement(react_native_1.View, { style: styles.content },
@@ -50,10 +77,10 @@ const ErrorScreen = ({ error, theme, language = 'en', onRetry, onClose, }) => {
                     { 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.title, { color: theme?.textColor || '#000000' }] }, strings.result.failure.title || strings.errors.unknownError || '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.codeLabel }, strings.common.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: [
@@ -61,9 +88,9 @@ const ErrorScreen = ({ error, theme, language = 'en', onRetry, onClose, }) => {
                         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.Text, { style: styles.buttonText }, strings.common.retry || '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'))))));
+                    react_1.default.createElement(react_native_1.Text, { style: [styles.buttonText, { color: theme?.textColor || '#000000' }] }, strings.common.close || 'Close'))))));
 };
 exports.ErrorScreen = ErrorScreen;
 const styles = react_native_1.StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"file":"ProfilePictureCapture.d.ts","sourceRoot":"","sources":["../../src/components/ProfilePictureCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAmC,cAAc,EAAsB,MAAM,oCAAoC,CAAC;AAGzJ,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,CAAC,MAAM,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmMtE,CAAC;AAuCF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ProfilePictureCapture.d.ts","sourceRoot":"","sources":["../../src/components/ProfilePictureCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAmC,cAAc,EAAsB,MAAM,oCAAoC,CAAC;AAGzJ,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,CAAC,MAAM,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAwKtE,CAAC;AAuCF,eAAe,qBAAqB,CAAC"}

package/dist/components/ProfilePictureCapture.js

@@ -38,8 +38,9 @@ const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const VideoRecorder_1 = require("./VideoRecorder");
 const biometric_identity_sdk_core_1 = require("@hexar/biometric-identity-sdk-core");
-const biometric_identity_sdk_core_2 = require("@hexar/biometric-identity-sdk-core");
+const useBiometricSDK_1 = require("../hooks/useBiometricSDK");
 const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language, }) => {
+    const { sdk, isInitialized, isUsingBackend, } = (0, useBiometricSDK_1.useBiometricSDK)();
     const [isValidating, setIsValidating] = (0, react_1.useState)(false);
     const [validationError, setValidationError] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
@@ -50,8 +51,11 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
     const strings = (0, biometric_identity_sdk_core_1.getStrings)();
     const validateWithBackend = (0, react_1.useCallback)(async (videoResult) => {
         try {
-            const sdk = biometric_identity_sdk_core_2.BiometricIdentitySDK.getInstance();
-            if (!sdk.isUsingBackend()) {
+            if (!isInitialized) {
+                biometric_identity_sdk_core_1.logger.error('SDK not initialized');
+                throw new Error('NETWORK_ERROR');
+            }
+            if (!isUsingBackend) {
                 biometric_identity_sdk_core_1.logger.error('Backend not available - SDK not configured with backend');
                 throw new Error('NETWORK_ERROR');
             }
@@ -60,60 +64,43 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
                 biometric_identity_sdk_core_1.logger.error('Session ID not available');
                 throw new Error('VALIDATION_ERROR');
             }
-            const backendClient = sdk.backendClient;
-            const config = backendClient.config;
-            const requestBody = {
-                session_id: sessionId,
-                video_frames: videoResult.frames,
-                video_duration_ms: videoResult.duration,
-                challenges_completed: videoResult.challengesCompleted || [],
-            };
             biometric_identity_sdk_core_1.logger.info('Validating profile picture with backend', {
                 sessionId,
                 framesCount: videoResult.frames.length,
                 duration: videoResult.duration,
-                endpoint: config.apiEndpoint,
+                isUsingBackend,
             });
-            const url = `${config.apiEndpoint}/profile/validate-face`;
-            const response = await fetch(url, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'X-API-Key': config.apiKey,
-                },
-                body: JSON.stringify(requestBody),
+            const result = await sdk.validateProfilePicture({
+                sessionId,
+                videoFrames: videoResult.frames,
+                videoDurationMs: videoResult.duration,
+                challengesCompleted: videoResult.challengesCompleted || [],
             });
-            if (!response.ok) {
-                const errorData = await response.json().catch(() => ({}));
-                biometric_identity_sdk_core_1.logger.error('Backend validation failed', { status: response.status, error: errorData });
-                throw new Error('VALIDATION_ERROR');
-            }
-            const data = await response.json();
             biometric_identity_sdk_core_1.logger.info('Profile picture validation result', {
-                isValid: data.is_valid,
-                livenessScore: data.liveness_score,
-                faceDetected: data.face_detected,
+                isValid: result.isValid,
+                livenessScore: result.livenessScore,
+                faceDetected: result.faceDetected,
             });
             return {
-                isValid: data.is_valid,
-                profilePicture: data.profile_picture,
-                livenessScore: data.liveness_score,
-                faceDetected: data.face_detected,
-                warnings: data.warnings || [],
+                isValid: result.isValid,
+                profilePicture: result.profilePicture,
+                livenessScore: result.livenessScore,
+                faceDetected: result.faceDetected,
+                warnings: result.warnings || [],
             };
         }
         catch (error) {
             biometric_identity_sdk_core_1.logger.error('Profile picture validation error', error);
             throw error;
         }
-    }, []);
+    }, [isInitialized, isUsingBackend, sdk]);
     const handleVideoComplete = (0, react_1.useCallback)(async (videoResult) => {
         setIsValidating(true);
         setValidationError(null);
         try {
             const result = await validateWithBackend(videoResult);
             if (!result.isValid) {
-                setValidationError('La validación de liveness falló. Por favor, intenta nuevamente.');
+                setValidationError(strings.errors.livenessCheckFailed || 'Liveness check failed');
                 setIsValidating(false);
                 return;
             }
@@ -122,46 +109,32 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
         }
         catch (error) {
             setIsValidating(false);
+            if (error && typeof error === 'object' && 'code' in error) {
+                onError(error);
+                return;
+            }
             let errorCode = biometric_identity_sdk_core_1.BiometricErrorCode.UNKNOWN_ERROR;
-            const getErrorMessage = (code) => {
-                const messages = {
-                    NETWORK_ERROR: {
-                        en: 'Connection error. Please check your internet connection.',
-                        es: 'Error de conexión. Verifica tu conexión a internet.',
-                    },
-                    VALIDATION_TIMEOUT: {
-                        en: 'Validation took too long. Please try again.',
-                        es: 'La validación tardó demasiado. Intenta nuevamente.',
-                    },
-                    LIVENESS_CHECK_FAILED: {
-                        en: 'Liveness verification failed. Please try again.',
-                        es: 'La verificación de presencia vital falló. Por favor intenta de nuevo.',
-                    },
-                    UNKNOWN_ERROR: {
-                        en: 'An unexpected error occurred. Please try again.',
-                        es: 'Ocurrió un error inesperado. Por favor intenta de nuevo.',
-                    },
-                };
-                const message = messages[code] || messages.UNKNOWN_ERROR;
-                return language === 'es' || language === 'es-AR' ? message.es : message.en;
-            };
-            if (error.message === 'NETWORK_ERROR' || (error.message && error.message.toLowerCase().includes('network'))) {
+            let errorMessage = strings.errors.unknownError || 'An unexpected error occurred.';
+            if (error?.message === 'NETWORK_ERROR' || (error?.message && error.message.toLowerCase().includes('network'))) {
                 errorCode = biometric_identity_sdk_core_1.BiometricErrorCode.NETWORK_ERROR;
+                errorMessage = strings.errors.networkError || 'Network error. Please check your connection.';
             }
-            else if (error.message && error.message.toLowerCase().includes('timeout')) {
+            else if (error?.message && error.message.toLowerCase().includes('timeout')) {
                 errorCode = biometric_identity_sdk_core_1.BiometricErrorCode.VALIDATION_TIMEOUT;
+                errorMessage = strings.errors.timeout || 'Timeout. Please try again.';
             }
-            else if (error.message && error.message.toLowerCase().includes('liveness')) {
+            else if (error?.message && error.message.toLowerCase().includes('liveness')) {
                 errorCode = biometric_identity_sdk_core_1.BiometricErrorCode.LIVENESS_CHECK_FAILED;
+                errorMessage = strings.errors.livenessCheckFailed || 'Liveness check failed. Please try again.';
             }
             const biometricError = {
                 name: 'BiometricError',
-                message: getErrorMessage(errorCode),
+                message: errorMessage,
                 code: errorCode,
             };
             onError(biometricError);
         }
-    }, [validateWithBackend, onComplete, onError]);
+    }, [validateWithBackend, onComplete, onError, strings, language]);
     const handleVideoCancel = (0, react_1.useCallback)(() => {
         if (onCancel) {
             onCancel();
@@ -171,13 +144,13 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
         return (react_1.default.createElement(react_native_1.SafeAreaView, { style: [styles.container, { backgroundColor: theme?.backgroundColor || '#FFFFFF' }] },
             react_1.default.createElement(react_native_1.View, { style: styles.loadingContainer },
                 react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: theme?.primaryColor || '#4f46e5' }),
-                react_1.default.createElement(react_native_1.Text, { style: [styles.loadingText, { color: theme?.textColor || '#1e1b4b' }] }, strings.liveness.processing || 'Validando foto de perfil...'),
-                react_1.default.createElement(react_native_1.Text, { style: [styles.loadingSubtext, { color: theme?.secondaryTextColor || '#64748b' }] }, "Esto puede tardar unos segundos"))));
+                react_1.default.createElement(react_native_1.Text, { style: [styles.loadingText, { color: theme?.textColor || '#1e1b4b' }] }, strings.liveness.processing || strings.validation.checkingLiveness || 'Processing...'),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.loadingSubtext, { color: theme?.secondaryTextColor || '#64748b' }] }, strings.validation.almostDone || strings.common.loading || 'This may take a few seconds'))));
     }
     if (validationError) {
         return (react_1.default.createElement(react_native_1.SafeAreaView, { style: [styles.container, { backgroundColor: theme?.backgroundColor || '#FFFFFF' }] },
             react_1.default.createElement(react_native_1.View, { style: styles.errorContainer },
-                react_1.default.createElement(react_native_1.Text, { style: [styles.errorTitle, { color: theme?.errorColor || '#EF4444' }] }, "Error de validaci\u00F3n"),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.errorTitle, { color: theme?.errorColor || '#EF4444' }] }, strings.errors.unknownError || strings.validation.title || 'Error'),
                 react_1.default.createElement(react_native_1.Text, { style: [styles.errorText, { color: theme?.textColor || '#1e1b4b' }] }, validationError))));
     }
     return (react_1.default.createElement(VideoRecorder_1.VideoRecorder, { theme: theme, language: language, duration: 8000, smartMode: true, onComplete: handleVideoComplete, onCancel: handleVideoCancel }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexar/biometric-identity-sdk-react-native",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "React Native wrapper for Biometric Identity SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/ErrorScreen.tsx

@@ -2,14 +2,14 @@
  * Error Screen Component
  */
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import {
   View,
   Text,
   StyleSheet,
   TouchableOpacity,
 } from 'react-native';
-import { BiometricError, ThemeConfig, SupportedLanguage } from '@hexar/biometric-identity-sdk-core';
+import { BiometricError, ThemeConfig, SupportedLanguage, getStrings, setLanguage } from '@hexar/biometric-identity-sdk-core';
 
 export interface ErrorScreenProps {
   error: BiometricError;
@@ -22,44 +22,43 @@ export interface ErrorScreenProps {
 export const ErrorScreen: React.FC<ErrorScreenProps> = ({
   error,
   theme,
-  language = 'en',
+  language,
   onRetry,
   onClose,
 }) => {
+  useEffect(() => {
+    if (language) {
+      setLanguage(language);
+    }
+  }, [language]);
+
+  const strings = getStrings();
+
   const getErrorMessage = () => {
-    const messages: Record<string, { en: string; es: string }> = {
-      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.',
-      },
+    if (error.message) {
+      return error.message;
+    }
+
+    const getCameraPermissionMessage = () => {
+      const permissionError = strings.errors.cameraPermissionDenied;
+      if (typeof permissionError === 'object' && permissionError?.message) {
+        return permissionError.message;
+      }
+      return typeof permissionError === 'string' ? permissionError : 'Camera permission is required.';
     };
 
-    const message = messages[error.code] || {
-      en: 'An unexpected error occurred. Please try again.',
-      es: 'Ocurrió un error inesperado. Por favor intenta de nuevo.',
+    const errorMessageMap: Record<string, string> = {
+      CAMERA_PERMISSION_DENIED: getCameraPermissionMessage(),
+      FACE_NOT_DETECTED: strings.errors.faceNotDetected || 'No face detected.',
+      POOR_IMAGE_QUALITY: strings.errors.poorImageQuality || 'Image quality is insufficient.',
+      LIVENESS_CHECK_FAILED: strings.errors.livenessCheckFailed || 'Liveness verification failed.',
+      FACE_MATCH_FAILED: strings.errors.faceMatchFailed || 'Face match failed.',
+      DOCUMENT_TAMPERED: strings.errors.documentTampered || 'Document appears to be tampered.',
+      NETWORK_ERROR: strings.errors.networkError || 'Network error.',
+      VALIDATION_TIMEOUT: strings.errors.timeout || 'Validation timeout.',
     };
 
-    return language === 'es' ? message.es : message.en;
+    return errorMessageMap[error.code] || strings.errors.unknownError || 'An unexpected error occurred.';
   };
 
   return (
@@ -77,7 +76,7 @@ export const ErrorScreen: React.FC<ErrorScreenProps> = ({
 
         {/* Error Title */}
         <Text style={[styles.title, { color: theme?.textColor || '#000000' }]}>
-          {language === 'es' ? 'Error de Verificación' : 'Verification Error'}
+          {strings.result.failure.title || strings.errors.unknownError || 'Verification Error'}
         </Text>
 
         {/* Error Message */}
@@ -88,7 +87,7 @@ export const ErrorScreen: React.FC<ErrorScreenProps> = ({
         {/* Error Code */}
         <View style={styles.codeContainer}>
           <Text style={styles.codeLabel}>
-            {language === 'es' ? 'Código de Error:' : 'Error Code:'}
+            {strings.common.error || 'Error Code:'}
           </Text>
           <Text style={styles.codeText}>{error.code}</Text>
         </View>
@@ -104,7 +103,7 @@ export const ErrorScreen: React.FC<ErrorScreenProps> = ({
             onPress={onRetry}
           >
             <Text style={styles.buttonText}>
-              {language === 'es' ? 'Reintentar' : 'Try Again'}
+              {strings.common.retry || 'Try Again'}
             </Text>
           </TouchableOpacity>
 
@@ -113,7 +112,7 @@ export const ErrorScreen: React.FC<ErrorScreenProps> = ({
             onPress={onClose}
           >
             <Text style={[styles.buttonText, { color: theme?.textColor || '#000000' }]}>
-              {language === 'es' ? 'Cerrar' : 'Close'}
+              {strings.common.close || 'Close'}
             </Text>
           </TouchableOpacity>
         </View>

package/src/components/ProfilePictureCapture.tsx

@@ -8,7 +8,7 @@ import {
 } from 'react-native';
 import { VideoRecorder, VideoRecordingResult } from './VideoRecorder';
 import { ThemeConfig, SupportedLanguage, getStrings, setLanguage, logger, BiometricError, BiometricErrorCode } from '@hexar/biometric-identity-sdk-core';
-import { BiometricIdentitySDK } from '@hexar/biometric-identity-sdk-core';
+import { useBiometricSDK } from '../hooks/useBiometricSDK';
 
 export interface ProfilePictureValidationResult {
   isValid: boolean;
@@ -33,6 +33,12 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
   theme,
   language,
 }) => {
+  const {
+    sdk,
+    isInitialized,
+    isUsingBackend,
+  } = useBiometricSDK();
+
   const [isValidating, setIsValidating] = useState(false);
   const [validationError, setValidationError] = useState<string | null>(null);
 
@@ -46,9 +52,12 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
 
   const validateWithBackend = useCallback(async (videoResult: VideoRecordingResult): Promise<ProfilePictureValidationResult> => {
     try {
-      const sdk = BiometricIdentitySDK.getInstance();
-      
-      if (!sdk.isUsingBackend()) {
+      if (!isInitialized) {
+        logger.error('SDK not initialized');
+        throw new Error('NETWORK_ERROR');
+      }
+
+      if (!isUsingBackend) {
         logger.error('Backend not available - SDK not configured with backend');
         throw new Error('NETWORK_ERROR');
       }
@@ -59,60 +68,38 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
         throw new Error('VALIDATION_ERROR');
       }
 
-      const backendClient = (sdk as any).backendClient;
-      const config = backendClient.config;
-      
-      const requestBody = {
-        session_id: sessionId,
-        video_frames: videoResult.frames,
-        video_duration_ms: videoResult.duration,
-        challenges_completed: videoResult.challengesCompleted || [],
-      };
-
       logger.info('Validating profile picture with backend', {
         sessionId,
         framesCount: videoResult.frames.length,
         duration: videoResult.duration,
-        endpoint: config.apiEndpoint,
+        isUsingBackend,
       });
 
-      const url = `${config.apiEndpoint}/profile/validate-face`;
-      
-      const response = await fetch(url, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'X-API-Key': config.apiKey,
-        },
-        body: JSON.stringify(requestBody),
+      const result = await (sdk as any).validateProfilePicture({
+        sessionId,
+        videoFrames: videoResult.frames,
+        videoDurationMs: videoResult.duration,
+        challengesCompleted: videoResult.challengesCompleted || [],
       });
 
-      if (!response.ok) {
-        const errorData = await response.json().catch(() => ({}));
-        logger.error('Backend validation failed', { status: response.status, error: errorData });
-        throw new Error('VALIDATION_ERROR');
-      }
-
-      const data = await response.json();
-
       logger.info('Profile picture validation result', {
-        isValid: data.is_valid,
-        livenessScore: data.liveness_score,
-        faceDetected: data.face_detected,
+        isValid: result.isValid,
+        livenessScore: result.livenessScore,
+        faceDetected: result.faceDetected,
       });
 
       return {
-        isValid: data.is_valid,
-        profilePicture: data.profile_picture,
-        livenessScore: data.liveness_score,
-        faceDetected: data.face_detected,
-        warnings: data.warnings || [],
+        isValid: result.isValid,
+        profilePicture: result.profilePicture,
+        livenessScore: result.livenessScore,
+        faceDetected: result.faceDetected,
+        warnings: result.warnings || [],
       };
     } catch (error: any) {
       logger.error('Profile picture validation error', error);
       throw error;
     }
-  }, []);
+  }, [isInitialized, isUsingBackend, sdk]);
 
   const handleVideoComplete = useCallback(async (videoResult: VideoRecordingResult) => {
     setIsValidating(true);
@@ -122,7 +109,7 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
       const result = await validateWithBackend(videoResult);
       
       if (!result.isValid) {
-        setValidationError('La validación de liveness falló. Por favor, intenta nuevamente.');
+        setValidationError(strings.errors.livenessCheckFailed || 'Liveness check failed');
         setIsValidating(false);
         return;
       }
@@ -131,48 +118,34 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
       onComplete(result);
     } catch (error: any) {
       setIsValidating(false);
-      let errorCode = BiometricErrorCode.UNKNOWN_ERROR;
       
-      const getErrorMessage = (code: BiometricErrorCode): string => {
-        const messages: Record<string, { en: string; es: string }> = {
-          NETWORK_ERROR: {
-            en: 'Connection error. Please check your internet connection.',
-            es: 'Error de conexión. Verifica tu conexión a internet.',
-          },
-          VALIDATION_TIMEOUT: {
-            en: 'Validation took too long. Please try again.',
-            es: 'La validación tardó demasiado. Intenta nuevamente.',
-          },
-          LIVENESS_CHECK_FAILED: {
-            en: 'Liveness verification failed. Please try again.',
-            es: 'La verificación de presencia vital falló. Por favor intenta de nuevo.',
-          },
-          UNKNOWN_ERROR: {
-            en: 'An unexpected error occurred. Please try again.',
-            es: 'Ocurrió un error inesperado. Por favor intenta de nuevo.',
-          },
-        };
+      if (error && typeof error === 'object' && 'code' in error) {
+        onError(error as BiometricError);
+        return;
+      }
 
-        const message = messages[code] || messages.UNKNOWN_ERROR;
-        return language === 'es' || language === 'es-AR' ? message.es : message.en;
-      };
-      
-      if (error.message === 'NETWORK_ERROR' || (error.message && error.message.toLowerCase().includes('network'))) {
+      let errorCode = BiometricErrorCode.UNKNOWN_ERROR;
+      let errorMessage = strings.errors.unknownError || 'An unexpected error occurred.';
+
+      if (error?.message === 'NETWORK_ERROR' || (error?.message && error.message.toLowerCase().includes('network'))) {
         errorCode = BiometricErrorCode.NETWORK_ERROR;
-      } else if (error.message && error.message.toLowerCase().includes('timeout')) {
+        errorMessage = strings.errors.networkError || 'Network error. Please check your connection.';
+      } else if (error?.message && error.message.toLowerCase().includes('timeout')) {
         errorCode = BiometricErrorCode.VALIDATION_TIMEOUT;
-      } else if (error.message && error.message.toLowerCase().includes('liveness')) {
+        errorMessage = strings.errors.timeout || 'Timeout. Please try again.';
+      } else if (error?.message && error.message.toLowerCase().includes('liveness')) {
         errorCode = BiometricErrorCode.LIVENESS_CHECK_FAILED;
+        errorMessage = strings.errors.livenessCheckFailed || 'Liveness check failed. Please try again.';
       }
 
       const biometricError: BiometricError = {
         name: 'BiometricError',
-        message: getErrorMessage(errorCode),
+        message: errorMessage,
         code: errorCode,
       } as BiometricError;
       onError(biometricError);
     }
-  }, [validateWithBackend, onComplete, onError]);
+  }, [validateWithBackend, onComplete, onError, strings, language]);
 
   const handleVideoCancel = useCallback(() => {
     if (onCancel) {
@@ -186,10 +159,10 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
         <View style={styles.loadingContainer}>
           <ActivityIndicator size="large" color={theme?.primaryColor || '#4f46e5'} />
           <Text style={[styles.loadingText, { color: theme?.textColor || '#1e1b4b' }]}>
-            {strings.liveness.processing || 'Validando foto de perfil...'}
+            {strings.liveness.processing || strings.validation.checkingLiveness || 'Processing...'}
           </Text>
           <Text style={[styles.loadingSubtext, { color: theme?.secondaryTextColor || '#64748b' }]}>
-            Esto puede tardar unos segundos
+            {strings.validation.almostDone || strings.common.loading || 'This may take a few seconds'}
           </Text>
         </View>
       </SafeAreaView>
@@ -201,7 +174,7 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
       <SafeAreaView style={[styles.container, { backgroundColor: theme?.backgroundColor || '#FFFFFF' }]}>
         <View style={styles.errorContainer}>
           <Text style={[styles.errorTitle, { color: theme?.errorColor || '#EF4444' }]}>
-            Error de validación
+            {strings.errors.unknownError || strings.validation.title || 'Error'}
           </Text>
           <Text style={[styles.errorText, { color: theme?.textColor || '#1e1b4b' }]}>
             {validationError}