idmission-web-sdk 1.0.356 → 1.0.357

package/dist/sdk2.cjs.development.js

@@ -51,7 +51,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.356';
+var webSdkVersion = '1.0.357';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -13490,6 +13490,7 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
     rawVerbiage = _e === void 0 ? {} : _e,
     _f = _a.silentFallback,
     silentFallback = _f === void 0 ? false : _f;
+  var lastResizedFileRef = React.useRef(null);
   var fileInput = React.useRef(null);
   var _g = React.useState([]),
     images = _g[0],
@@ -13526,7 +13527,10 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
     doneBtnText: 'Done'
   });
   React.useEffect(function resetAfterCapturingImage() {
-    if (resizedImageFile) {
+    // we only want to run this IF the file has changed
+    // there IS risk in this if we ever capture multiple documents that are the same (from files)
+    if (resizedImageFile && resizedImageFile !== lastResizedFileRef.current) {
+      lastResizedFileRef.current = resizedImageFile;
       setImages(function (images) {
         return tslib.__spreadArray(tslib.__spreadArray([], images, true), [resizedImageFile], false);
       });
@@ -13535,7 +13539,7 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
       setUseFallback(false);
       setIsProcessing(false);
     }
-  }, [resizedImageFile]);
+  }, [onCapture, resizedImageFile]);
   function onFileSelected(e) {
     var _a;
     if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0])) return;
@@ -14048,6 +14052,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
   var _h = React.useState(null),
     image = _h[0],
     setImage = _h[1];
+  var lastResizedFileRef = React.useRef(null);
   var fileInput = React.useRef(null);
   var _j = React.useState(false),
     loading = _j[0],
@@ -14062,13 +14067,15 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
     rawFile: rawFile
   }).resizedImageFile;
   React.useEffect(function resetAfterCapturingImage() {
-    if (resizedImageFile) {
+    // we only want to run this IF the file has changed
+    if (resizedImageFile && resizedImageFile !== lastResizedFileRef.current) {
+      lastResizedFileRef.current = resizedImageFile;
       setImage(resizedImageFile);
       setLoading(true);
       onCapture === null || onCapture === void 0 ? void 0 : onCapture(resizedImageFile);
       onFinished === null || onFinished === void 0 ? void 0 : onFinished(resizedImageFile);
     }
-  }, [resizedImageFile, onCapture, onFinished]);
+  }, [resizedImageFile, onCapture, onFinished, loading]);
   var verbiage = useTranslations(rawVerbiage, {
     headingText: "We're having some trouble.",
     descriptionText: silentFallback ? 'Use your device camera to capture your face' : 'On-device capture guidance failed, please capture a selfie manually.',