@hexar/biometric-identity-sdk-react-native 1.16.0 → 1.17.0

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationProgress.d.ts","sourceRoot":"","sources":["../../src/components/ValidationProgress.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAA2B,MAAM,oCAAoC,CAAC;AAE7G,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyGhE,CAAC;AA2DF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ValidationProgress.d.ts","sourceRoot":"","sources":["../../src/components/ValidationProgress.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAA2B,MAAM,oCAAoC,CAAC;AAE7G,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0GhE,CAAC;AA2DF,eAAe,kBAAkB,CAAC"}

package/dist/components/ValidationProgress.js

@@ -52,36 +52,38 @@ const ValidationProgress = ({ progress, theme, language = 'en', }) => {
         }
     }, [language]);
     (0, react_1.useEffect)(() => {
-        // Animate to whichever is higher: the fake "filling" target or real progress.
-        // The fake fill reaches 80% in 60s so the bar never looks stuck even if the
-        // backend is slow, but real progress always takes precedence.
+        const listener = animatedProgress.addListener(({ value }) => {
+            setDisplayProgress(Math.round(value));
+        });
+        return () => {
+            animatedProgress.removeListener(listener);
+        };
+    }, [animatedProgress]);
+    (0, react_1.useEffect)(() => {
+        // Smooth cosmetic fill: 0% → 95% over 35 seconds.
+        // The bar advances steadily so the user always sees progress,
+        // even while the backend is processing (10-30s typical).
+        // When real progress >= 95 arrives, we snap to the final value.
         if (!hasStartedAnimation.current) {
             hasStartedAnimation.current = true;
-            // Slow fill to 80% over 60 seconds — purely cosmetic
             animationRef.current = react_native_1.Animated.timing(animatedProgress, {
-                toValue: 80,
-                duration: 60000,
+                toValue: 95,
+                duration: 35000,
                 useNativeDriver: false,
             });
             animationRef.current.start();
         }
-        // When real progress arrives and exceeds the current animated value, snap to it
-        if (progress > 0) {
+        // When backend returns final result (progress >= 95), snap to it
+        if (progress >= 95) {
             if (animationRef.current) {
                 animationRef.current.stop();
             }
             react_native_1.Animated.timing(animatedProgress, {
-                toValue: Math.max(progress, 80), // never go backwards
-                duration: progress >= 90 ? 500 : 300,
+                toValue: progress,
+                duration: 500,
                 useNativeDriver: false,
             }).start();
         }
-        const listener = animatedProgress.addListener(({ value }) => {
-            setDisplayProgress(Math.round(value));
-        });
-        return () => {
-            animatedProgress.removeListener(listener);
-        };
     }, [progress, animatedProgress]);
     const strings = (0, biometric_identity_sdk_core_1.getStrings)();
     const progressWidth = animatedProgress.interpolate({

package/package.json

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

package/src/components/ValidationProgress.tsx

@@ -36,40 +36,41 @@ export const ValidationProgress: React.FC<ValidationProgressProps> = ({
   }, [language]);
 
   useEffect(() => {
-    // Animate to whichever is higher: the fake "filling" target or real progress.
-    // The fake fill reaches 80% in 60s so the bar never looks stuck even if the
-    // backend is slow, but real progress always takes precedence.
+    const listener = animatedProgress.addListener(({ value }) => {
+      setDisplayProgress(Math.round(value));
+    });
+    return () => {
+      animatedProgress.removeListener(listener);
+    };
+  }, [animatedProgress]);
+
+  useEffect(() => {
+    // Smooth cosmetic fill: 0% → 95% over 35 seconds.
+    // The bar advances steadily so the user always sees progress,
+    // even while the backend is processing (10-30s typical).
+    // When real progress >= 95 arrives, we snap to the final value.
     if (!hasStartedAnimation.current) {
       hasStartedAnimation.current = true;
 
-      // Slow fill to 80% over 60 seconds — purely cosmetic
       animationRef.current = Animated.timing(animatedProgress, {
-        toValue: 80,
-        duration: 60000,
+        toValue: 95,
+        duration: 35000,
         useNativeDriver: false,
       });
       animationRef.current.start();
     }
 
-    // When real progress arrives and exceeds the current animated value, snap to it
-    if (progress > 0) {
+    // When backend returns final result (progress >= 95), snap to it
+    if (progress >= 95) {
       if (animationRef.current) {
         animationRef.current.stop();
       }
       Animated.timing(animatedProgress, {
-        toValue: Math.max(progress, 80), // never go backwards
-        duration: progress >= 90 ? 500 : 300,
+        toValue: progress,
+        duration: 500,
         useNativeDriver: false,
       }).start();
     }
-
-    const listener = animatedProgress.addListener(({ value }) => {
-      setDisplayProgress(Math.round(value));
-    });
-
-    return () => {
-      animatedProgress.removeListener(listener);
-    };
   }, [progress, animatedProgress]);
 
   const strings = getStrings();