@hexar/biometric-identity-sdk-react-native 1.9.0 → 1.11.0

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

@@ -1 +1 @@
-{"version":3,"file":"CameraCapture.d.ts","sourceRoot":"","sources":["../../src/components/CameraCapture.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAY3D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAmC,MAAM,oCAAoC,CAAC;AAIrH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgQtD,CAAC;AA0JF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CameraCapture.d.ts","sourceRoot":"","sources":["../../src/components/CameraCapture.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAY3D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAmC,MAAM,oCAAoC,CAAC;AAIrH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8OtD,CAAC;AA0JF,eAAe,aAAa,CAAC"}

package/dist/components/CameraCapture.js

@@ -129,36 +129,19 @@ const CameraCapture = ({ mode, theme, language, onCapture, onCancel, }) => {
                 // Convert to base64
                 try {
                     const RNFS = require('react-native-fs');
-                    const base64 = await RNFS.readFile(processedPath.replace('file://', ''), 'base64');
-                    const sizeKB = Math.round(base64.length / 1024);
-                    biometric_identity_sdk_core_1.logger.info('Image converted to base64:', { sizeKB, path: processedPath });
-                    onCapture(base64);
-                }
-                catch (fsError) {
-                    // Fallback: try fetch method
+                    // Try with original path first, then strip file:// prefix
+                    let base64;
                     try {
-                        const fileUri = react_native_1.Platform.OS === 'android' ? `file://${processedPath}` : processedPath;
-                        const response = await fetch(fileUri);
-                        const blob = await response.blob();
-                        const reader = new FileReader();
-                        reader.onloadend = () => {
-                            const base64data = reader.result;
-                            const base64 = base64data.includes(',')
-                                ? base64data.split(',')[1]
-                                : base64data;
-                            onCapture(base64);
-                            setIsCapturing(false);
-                        };
-                        reader.onerror = () => {
-                            throw new Error('Failed to read photo file');
-                        };
-                        reader.readAsDataURL(blob);
-                        return;
+                        base64 = await RNFS.readFile(processedPath, 'base64');
                     }
-                    catch (fetchError) {
-                        biometric_identity_sdk_core_1.logger.warn('Could not convert to base64, using file path:', processedPath);
-                        onCapture(processedPath);
+                    catch {
+                        base64 = await RNFS.readFile(processedPath.replace('file://', ''), 'base64');
                     }
+                    onCapture(base64);
+                }
+                catch (fsError) {
+                    biometric_identity_sdk_core_1.logger.warn('Could not convert to base64, using file path:', processedPath);
+                    onCapture(processedPath);
                 }
             }
             catch (error) {

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;AAWxE,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,CAkWtE,CAAC;AA4EF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ProfilePictureCapture.d.ts","sourceRoot":"","sources":["../../src/components/ProfilePictureCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAYxE,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,CAyYtE,CAAC;AA4EF,eAAe,qBAAqB,CAAC"}

package/dist/components/ProfilePictureCapture.js

@@ -46,6 +46,7 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
     const [isValidating, setIsValidating] = (0, react_1.useState)(false);
     const [currentChallenges, setCurrentChallenges] = (0, react_1.useState)([]);
     const [isLoadingChallenges, setIsLoadingChallenges] = (0, react_1.useState)(false);
+    const [loadingTimedOut, setLoadingTimedOut] = (0, react_1.useState)(false);
     const animatedProgress = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
     const [displayProgress, setDisplayProgress] = (0, react_1.useState)(0);
     const animationRef = (0, react_1.useRef)(null);
@@ -58,6 +59,19 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
             (0, biometric_identity_sdk_core_1.setLanguage)(language);
         }
     }, [language]);
+    // 15-second timeout on initial loading (challenge fetch / SDK init)
+    (0, react_1.useEffect)(() => {
+        const isLoading = !isInitialized || (isUsingBackend && isLoadingChallenges);
+        if (isLoading) {
+            const timer = setTimeout(() => {
+                setLoadingTimedOut(true);
+            }, 15000);
+            return () => clearTimeout(timer);
+        }
+        else {
+            setLoadingTimedOut(false);
+        }
+    }, [isInitialized, isUsingBackend, isLoadingChallenges]);
     (0, react_1.useEffect)(() => {
         if (isInitialized && isUsingBackend) {
             const loadChallenges = async () => {
@@ -151,10 +165,10 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
             hasStartedAnimation.current = true;
             animatedProgress.setValue(0);
             setDisplayProgress(0);
-            // Start animation to 90% over 60 seconds
+            // Start animation to 90% over 25 seconds
             animationRef.current = react_native_1.Animated.timing(animatedProgress, {
                 toValue: 90,
-                duration: 60000, // 60 seconds
+                duration: 25000, // 25 seconds
                 useNativeDriver: false,
             });
             animationRef.current.start();
@@ -301,6 +315,15 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
     }
     // Wait for initialization and challenge loading before showing guide or VideoRecorder
     if (!isInitialized || (isUsingBackend && isLoadingChallenges)) {
+        if (loadingTimedOut) {
+            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.Text, { style: { fontSize: 48, marginBottom: 16 } }, "\u23F3"),
+                    react_1.default.createElement(react_native_1.Text, { style: [styles.loadingText, { color: theme?.textColor || '#1e1b4b', fontSize: 20, fontWeight: 'bold' }] }, strings.errors.systemBusy),
+                    react_1.default.createElement(react_native_1.Text, { style: { fontSize: 15, color: theme?.secondaryTextColor || '#64748b', textAlign: 'center', marginTop: 12, paddingHorizontal: 24, lineHeight: 22 } }, strings.errors.systemBusyMessage),
+                    onCancel && (react_1.default.createElement(react_native_1.TouchableOpacity, { style: { backgroundColor: theme?.primaryColor || '#4f46e5', paddingVertical: 14, paddingHorizontal: 32, borderRadius: 12, marginTop: 32 }, onPress: onCancel },
+                        react_1.default.createElement(react_native_1.Text, { style: { color: '#FFFFFF', fontSize: 16, fontWeight: '600' } }, strings.common?.back || 'Go back'))))));
+        }
         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' }),

package/dist/components/ValidationProgress.js

@@ -55,10 +55,10 @@ const ValidationProgress = ({ progress, theme, language = 'en', }) => {
         // Start animation from 0 to 90% over 60 seconds (1 minute) - only once
         if (!hasStartedAnimation.current) {
             hasStartedAnimation.current = true;
-            // Start animation to 90% over 70 seconds, regardless of backend progress
+            // Start animation to 90% over 35 seconds, regardless of backend progress
             animationRef.current = react_native_1.Animated.timing(animatedProgress, {
                 toValue: 90,
-                duration: 70000, // 70 seconds
+                duration: 35000, // 35 seconds
                 useNativeDriver: false,
             });
             animationRef.current.start();

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

@@ -1 +1 @@
-{"version":3,"file":"VideoRecorder.d.ts","sourceRoot":"","sources":["../../src/components/VideoRecorder.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,iBAAiB,EAAmC,MAAM,oCAAoC,CAAC;AAE1I,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,UAAU,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAm6BtD,CAAC;AA6OF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"VideoRecorder.d.ts","sourceRoot":"","sources":["../../src/components/VideoRecorder.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,iBAAiB,EAAmC,MAAM,oCAAoC,CAAC;AAE1I,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,UAAU,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAg5BtD,CAAC;AA6OF,eAAe,aAAa,CAAC"}

package/dist/components/VideoRecorder.js

@@ -347,7 +347,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
             framesRef.current = [];
             let consecutiveErrors = 0;
             const maxConsecutiveErrors = 10;
-            const MAX_FRAMES = 150;
+            const MAX_FRAMES = 30;
             // Serial capture: each frame is captured only after the previous one
             // finishes, preventing overlapping takePhoto() calls that cause the
             // camera to throw "busy" errors and kill the capture loop.
@@ -364,41 +364,21 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                         let base64Data = null;
                         try {
                             const RNFS = require('react-native-fs');
-                            base64Data = await RNFS.readFile(photo.path, 'base64');
-                        }
-                        catch (fsError) {
+                            // Try with original path first, then strip file:// prefix
                             try {
-                                const fileUri = react_native_1.Platform.OS === 'android' ? `file://${photo.path}` : photo.path;
-                                const response = await fetch(fileUri);
-                                const blob = await response.blob();
-                                base64Data = await new Promise((resolve, reject) => {
-                                    const reader = new FileReader();
-                                    reader.onloadend = () => {
-                                        const result = reader.result;
-                                        const base64 = result.includes(',') ? result.split(',')[1] : result;
-                                        resolve(base64);
-                                    };
-                                    reader.onerror = reject;
-                                    reader.readAsDataURL(blob);
-                                });
+                                base64Data = await RNFS.readFile(photo.path, 'base64');
                             }
-                            catch (fetchError) {
-                                biometric_identity_sdk_core_1.logger.error('Failed to read photo file as base64:', fetchError);
-                                base64Data = null;
+                            catch {
+                                base64Data = await RNFS.readFile(photo.path.replace('file://', ''), 'base64');
                             }
                         }
-                        if (base64Data) {
-                            setFrames(prev => {
-                                const newFrames = prev.length < MAX_FRAMES ? [...prev, base64Data] : prev;
-                                framesRef.current = newFrames;
-                                if (newFrames.length % 10 === 0) {
-                                    biometric_identity_sdk_core_1.logger.info('Captured frames:', newFrames.length);
-                                }
-                                return newFrames;
-                            });
-                        }
-                        else {
+                        catch (fsError) {
                             biometric_identity_sdk_core_1.logger.warn('Could not convert photo to base64, skipping frame');
+                            base64Data = null;
+                        }
+                        if (base64Data) {
+                            framesRef.current = [...framesRef.current, base64Data];
+                            setFrames(framesRef.current);
                         }
                     }
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexar/biometric-identity-sdk-react-native",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "React Native wrapper for Biometric Identity SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
     "clean": "rm -rf dist"
   },
   "peerDependencies": {
-    "@hexar/biometric-identity-sdk-core": ">=1.4.0",
+    "@hexar/biometric-identity-sdk-core": ">=1.7.0",
     "react": ">=18.0.0",
     "react-native": ">=0.70.0",
     "react-native-permissions": ">=4.0.0",

package/src/components/CameraCapture.tsx

@@ -133,35 +133,17 @@ export const CameraCapture: React.FC<CameraCaptureProps> = ({
         // Convert to base64
         try {
           const RNFS = require('react-native-fs');
-          const base64 = await RNFS.readFile(processedPath.replace('file://', ''), 'base64');
-          const sizeKB = Math.round(base64.length / 1024);
-          logger.info('Image converted to base64:', { sizeKB, path: processedPath });
-          onCapture(base64);
-        } catch (fsError) {
-          // Fallback: try fetch method
+          // Try with original path first, then strip file:// prefix
+          let base64: string;
           try {
-            const fileUri = Platform.OS === 'android' ? `file://${processedPath}` : processedPath;
-            const response = await fetch(fileUri);
-            const blob = await response.blob();
-            
-            const reader = new FileReader();
-            reader.onloadend = () => {
-              const base64data = reader.result as string;
-              const base64 = base64data.includes(',') 
-                ? base64data.split(',')[1] 
-                : base64data;
-              onCapture(base64);
-              setIsCapturing(false);
-            };
-            reader.onerror = () => {
-              throw new Error('Failed to read photo file');
-            };
-            reader.readAsDataURL(blob);
-            return;
-          } catch (fetchError) {
-            logger.warn('Could not convert to base64, using file path:', processedPath);
-            onCapture(processedPath);
+            base64 = await RNFS.readFile(processedPath, 'base64');
+          } catch {
+            base64 = await RNFS.readFile(processedPath.replace('file://', ''), 'base64');
           }
+          onCapture(base64);
+        } catch (fsError) {
+          logger.warn('Could not convert to base64, using file path:', processedPath);
+          onCapture(processedPath);
         }
       } catch (error) {
         logger.error('Error processing image:', error);

package/src/components/ProfilePictureCapture.tsx

@@ -6,6 +6,7 @@ import {
   ActivityIndicator,
   SafeAreaView,
   Animated,
+  TouchableOpacity,
 } from 'react-native';
 import { VideoRecorder, VideoRecordingResult } from './VideoRecorder';
 import { FacePositioningGuide } from './FacePositioningGuide';
@@ -47,6 +48,7 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
   const [isValidating, setIsValidating] = useState(false);
   const [currentChallenges, setCurrentChallenges] = useState<any[]>([]);
   const [isLoadingChallenges, setIsLoadingChallenges] = useState(false);
+  const [loadingTimedOut, setLoadingTimedOut] = useState(false);
   const animatedProgress = useRef(new Animated.Value(0)).current;
   const [displayProgress, setDisplayProgress] = useState(0);
   const animationRef = useRef<Animated.CompositeAnimation | null>(null);
@@ -62,6 +64,19 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
     }
   }, [language]);
 
+  // 15-second timeout on initial loading (challenge fetch / SDK init)
+  useEffect(() => {
+    const isLoading = !isInitialized || (isUsingBackend && isLoadingChallenges);
+    if (isLoading) {
+      const timer = setTimeout(() => {
+        setLoadingTimedOut(true);
+      }, 15000);
+      return () => clearTimeout(timer);
+    } else {
+      setLoadingTimedOut(false);
+    }
+  }, [isInitialized, isUsingBackend, isLoadingChallenges]);
+
   useEffect(() => {
     if (isInitialized && isUsingBackend) {
       const loadChallenges = async () => {
@@ -163,10 +178,10 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
       animatedProgress.setValue(0);
       setDisplayProgress(0);
       
-      // Start animation to 90% over 60 seconds
+      // Start animation to 90% over 25 seconds
       animationRef.current = Animated.timing(animatedProgress, {
         toValue: 90,
-        duration: 60000, // 60 seconds
+        duration: 25000, // 25 seconds
         useNativeDriver: false,
       });
       
@@ -347,6 +362,31 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
 
   // Wait for initialization and challenge loading before showing guide or VideoRecorder
   if (!isInitialized || (isUsingBackend && isLoadingChallenges)) {
+    if (loadingTimedOut) {
+      return (
+        <SafeAreaView style={[styles.container, { backgroundColor: theme?.backgroundColor || '#FFFFFF' }]}>
+          <View style={styles.loadingContainer}>
+            <Text style={{ fontSize: 48, marginBottom: 16 }}>⏳</Text>
+            <Text style={[styles.loadingText, { color: theme?.textColor || '#1e1b4b', fontSize: 20, fontWeight: 'bold' }]}>
+              {strings.errors.systemBusy}
+            </Text>
+            <Text style={{ fontSize: 15, color: theme?.secondaryTextColor || '#64748b', textAlign: 'center', marginTop: 12, paddingHorizontal: 24, lineHeight: 22 }}>
+              {strings.errors.systemBusyMessage}
+            </Text>
+            {onCancel && (
+              <TouchableOpacity
+                style={{ backgroundColor: theme?.primaryColor || '#4f46e5', paddingVertical: 14, paddingHorizontal: 32, borderRadius: 12, marginTop: 32 }}
+                onPress={onCancel}
+              >
+                <Text style={{ color: '#FFFFFF', fontSize: 16, fontWeight: '600' }}>
+                  {strings.common?.back || 'Go back'}
+                </Text>
+              </TouchableOpacity>
+            )}
+          </View>
+        </SafeAreaView>
+      );
+    }
     return (
       <SafeAreaView style={[styles.container, { backgroundColor: theme?.backgroundColor || '#FFFFFF' }]}>
         <View style={styles.loadingContainer}>

package/src/components/ValidationProgress.tsx

@@ -40,10 +40,10 @@ export const ValidationProgress: React.FC<ValidationProgressProps> = ({
     if (!hasStartedAnimation.current) {
       hasStartedAnimation.current = true;
       
-      // Start animation to 90% over 70 seconds, regardless of backend progress
+      // Start animation to 90% over 35 seconds, regardless of backend progress
       animationRef.current = Animated.timing(animatedProgress, {
         toValue: 90,
-        duration: 70000, // 70 seconds
+        duration: 35000, // 35 seconds
         useNativeDriver: false,
       });
       

package/src/components/VideoRecorder.tsx

@@ -415,7 +415,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
       framesRef.current = [];
       let consecutiveErrors = 0;
       const maxConsecutiveErrors = 10;
-      const MAX_FRAMES = 150;
+      const MAX_FRAMES = 30;
 
       // Serial capture: each frame is captured only after the previous one
       // finishes, preventing overlapping takePhoto() calls that cause the
@@ -436,39 +436,20 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
 
             try {
               const RNFS = require('react-native-fs');
-              base64Data = await RNFS.readFile(photo.path, 'base64');
-            } catch (fsError) {
+              // Try with original path first, then strip file:// prefix
               try {
-                const fileUri = Platform.OS === 'android' ? `file://${photo.path}` : photo.path;
-                const response = await fetch(fileUri);
-                const blob = await response.blob();
-                base64Data = await new Promise<string>((resolve, reject) => {
-                  const reader = new FileReader();
-                  reader.onloadend = () => {
-                    const result = reader.result as string;
-                    const base64 = result.includes(',') ? result.split(',')[1] : result;
-                    resolve(base64);
-                  };
-                  reader.onerror = reject;
-                  reader.readAsDataURL(blob);
-                });
-              } catch (fetchError) {
-                logger.error('Failed to read photo file as base64:', fetchError);
-                base64Data = null;
+                base64Data = await RNFS.readFile(photo.path, 'base64');
+              } catch {
+                base64Data = await RNFS.readFile(photo.path.replace('file://', ''), 'base64');
               }
+            } catch (fsError) {
+              logger.warn('Could not convert photo to base64, skipping frame');
+              base64Data = null;
             }
 
             if (base64Data) {
-              setFrames(prev => {
-                const newFrames = prev.length < MAX_FRAMES ? [...prev, base64Data!] : prev;
-                framesRef.current = newFrames;
-                if (newFrames.length % 10 === 0) {
-                  logger.info('Captured frames:', newFrames.length);
-                }
-                return newFrames;
-              });
-            } else {
-              logger.warn('Could not convert photo to base64, skipping frame');
+              framesRef.current = [...framesRef.current, base64Data];
+              setFrames(framesRef.current);
             }
           }
         } catch (error: any) {