idmission-web-sdk 1.0.343 → 1.0.344

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.343';
+var webSdkVersion = '1.0.344';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -14159,12 +14159,9 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
   var _j = React.useState(false),
     usingDocumentCapture = _j[0],
     setUsingDocumentCapture = _j[1];
-  var _k = React.useState(silentFallback),
-    useFallback = _k[0],
-    setUseFallback = _k[1];
-  var _l = React.useState(1),
-    selfieKey = _l[0],
-    setSelfieKey = _l[1];
+  var _k = React.useState(1),
+    selfieKey = _k[0],
+    setSelfieKey = _k[1];
   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.',
@@ -14174,7 +14171,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
   });
   React.useEffect(function () {
     var fallbackTimeout;
-    if (useFallback) {
+    if (silentFallback) {
       fallbackTimeout = setTimeout(function () {
         var _a;
         // using the input element, we want to click on it "immediately" which is 250ms to allow for even old browsers to finish connecting the input
@@ -14188,7 +14185,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
     return function () {
       clearTimeout(fallbackTimeout);
     };
-  }, [useFallback]);
+  }, [silentFallback]);
   var onFileSelected = function onFileSelected(e) {
     var _a;
     var file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
@@ -14212,7 +14209,6 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
       onDocumentCaptured: function onDocumentCaptured(document) {
         var imageData = document.contentUrl;
         setImage(imageData);
-        setUseFallback(false);
         setUsingDocumentCapture(false);
         onCapture === null || onCapture === void 0 ? void 0 : onCapture(imageData);
       }
@@ -14225,7 +14221,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
     capture: "user",
     onChange: onFileSelected,
     hidden: true
-  }), useFallback && !image ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(SelfieCaptureLoadingOverlay, {
+  }), silentFallback && !image ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(SelfieCaptureLoadingOverlay, {
     key: selfieKey,
     assets: overlayProps.assets,
     classNames: overlayProps.classNames,
@@ -14241,29 +14237,38 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
     className: classNames.container
   }, /*#__PURE__*/React__default['default'].createElement(StyledOverlayInner, {
     className: classNames.inner
-  }, !useFallback && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Heading$6, {
+  }, !silentFallback && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Heading$6, {
     className: classNames.heading
   }, verbiage.headingText), /*#__PURE__*/React__default['default'].createElement(Description$1, {
     className: classNames.description
-  }, verbiage.descriptionText))), image && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ImageContainer$5, {
+  }, verbiage.descriptionText))), image && ( /*#__PURE__*/React__default['default'].createElement(ImageContainer$5, {
     className: classNames.imageContainer
   }, /*#__PURE__*/React__default['default'].createElement("img", {
     src: image,
     alt: "",
     className: classNames.image
-  })), /*#__PURE__*/React__default['default'].createElement(StyledButtonsRow$5, {
+  }))), /*#__PURE__*/React__default['default'].createElement(StyledButtonsRow$5, {
     className: classNames.buttonsRow
   }, /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     variant: "positive",
     key: loading ? 'loading-btn' : 'ready-btn',
-    className: classNames.doneBtn,
-    colors: colors.doneBtn,
-    finished: !loading,
+    className: !image ? classNames.captureBtn : classNames === null || classNames === void 0 ? void 0 : classNames.doneBtn,
+    colors: !image ? colors.captureBtn : colors === null || colors === void 0 ? void 0 : colors.doneBtn,
+    finished: !image ? true : !loading,
     onClick: function onClick() {
-      setLoading(true);
-      onFinished === null || onFinished === void 0 ? void 0 : onFinished(image);
+      var _a;
+      if (isMobile()) {
+        (_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
+      } else {
+        if (!image) {
+          setUsingDocumentCapture(true);
+        } else {
+          setLoading(true);
+          onFinished === null || onFinished === void 0 ? void 0 : onFinished(image);
+        }
+      }
     }
-  }, loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText))))))));
+  }, !image ? verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText))))));
 };
 var StyledOverlayInner = styled__default['default'](OverlayInner$2)(templateObject_1$g || (templateObject_1$g = tslib.__makeTemplateObject(["\n  justify-content: center;\n"], ["\n  justify-content: center;\n"])));
 var Heading$6 = styled__default['default'].h3(templateObject_2$a || (templateObject_2$a = tslib.__makeTemplateObject(["\n  margin-bottom: 8px;\n"], ["\n  margin-bottom: 8px;\n"])));