idmission-web-sdk 2.1.65 → 2.1.67

package/dist/sdk2.umd.development.js

@@ -215,7 +215,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.1.65';
+  var webSdkVersion = '2.1.67';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -16800,7 +16800,7 @@
     var _a, _b, _c, _d;
     return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
   });
-  var ProgressBar$1 = styled.span(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n  display: block;\n  width: ", "%;\n  height: 100%;\n"], ["\n  display: block;\n  width: ", "%;\n  height: 100%;\n"])), function (props) {
+  var ProgressBar$1 = styled.span(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n  display: block;\n  width: ", "%;\n  height: 100%;\n  left: 0;\n  position: absolute;\n"], ["\n  display: block;\n  width: ", "%;\n  height: 100%;\n  left: 0;\n  position: absolute;\n"])), function (props) {
     return props.$progress;
   });
   var ProgressIndicator$1 = styled.span(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n  display: block;\n  height: 100%;\n  background: ", ";\n  animation: progressBar 3s ease-in-out;\n  animation-fill-mode: both;\n\n  @keyframes progressBar {\n    0% {\n      width: 0;\n    }\n    100% {\n      width: 100%;\n    }\n  }\n"], ["\n  display: block;\n  height: 100%;\n  background: ", ";\n  animation: progressBar 3s ease-in-out;\n  animation-fill-mode: both;\n\n  @keyframes progressBar {\n    0% {\n      width: 0;\n    }\n    100% {\n      width: 100%;\n    }\n  }\n"])), function (props) {
@@ -17070,7 +17070,7 @@
   var ImageRow = styled(OverlayImageRow)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  max-width: 100%;\n  flex-direction: column;\n  display: grid;\n  grid-gap: 12px;\n  //grid-template-columns: 1fr 1fr;\n"], ["\n  max-width: 100%;\n  flex-direction: column;\n  display: grid;\n  grid-gap: 12px;\n  //grid-template-columns: 1fr 1fr;\n"])));
   var ImageCol$1 = styled.div(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n  width: 100%;\n  max-height: none !important;\n"], ["\n  width: 100%;\n  max-height: none !important;\n"])));
   var StyledImage = styled(CapturedDocumentImg)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 12px;\n"], ["\n  width: 100%;\n  border-radius: 12px;\n"])));
-  var DebugPre = styled.pre(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  text-align: left;\n  max-width: min(480px, 100dvw - 100px);\n  overflow-x: auto;\n"], ["\n  text-align: left;\n  max-width: min(480px, 100dvw - 100px);\n  overflow-x: auto;\n"])));
+  var DebugPre = styled.pre(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  text-align: left;\n  max-width: min(450px, 100dvw - 100px);\n  overflow-x: auto;\n"], ["\n  text-align: left;\n  max-width: min(450px, 100dvw - 100px);\n  overflow-x: auto;\n"])));
   var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9, templateObject_6$7;
 
   function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
@@ -17231,19 +17231,28 @@
     var _f = React.useState(0),
       totalLength = _f[0],
       setTotalLength = _f[1];
-    var _g = React.useState(0),
-      resolvedProgress = _g[0],
-      setResolvedProgress = _g[1];
+    var resolvedProgress = progress * totalLength;
     React.useLayoutEffect(function () {
-      var _a, _b;
-      try {
-        var totalLength_1 = (_b = (_a = rectRef.current) === null || _a === void 0 ? void 0 : _a.getTotalLength()) !== null && _b !== void 0 ? _b : 0;
-        setTotalLength(totalLength_1);
-        setResolvedProgress(progress * totalLength_1);
-      } catch (e) {
-        warn('failed to measure SVG length', e);
+      if (totalLength > 0) return;
+      var interval;
+      var measuredLength = 0;
+      function measureTotalLength() {
+        var _a, _b;
+        try {
+          measuredLength = (_b = (_a = rectRef.current) === null || _a === void 0 ? void 0 : _a.getTotalLength()) !== null && _b !== void 0 ? _b : 0;
+          if (measuredLength === 0) return;
+          setTotalLength(measuredLength);
+          if (interval) clearInterval(interval);
+        } catch (e) {
+          warn('failed to measure SVG length', e);
+        }
       }
-    }, [progress]);
+      measureTotalLength();
+      if (measuredLength === 0) interval = setInterval(measureTotalLength, 250);
+      return function () {
+        if (interval) clearInterval(interval);
+      };
+    }, [totalLength]);
     return /*#__PURE__*/React.createElement(SvgOverlay, _assign({
       height: "100%",
       fill: "none",
@@ -21152,7 +21161,7 @@
     var _a, _b, _c, _d;
     return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
   });
-  var ProgressBar = styled.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: block;\n  width: ", "%;\n  height: 100%;\n"], ["\n  display: block;\n  width: ", "%;\n  height: 100%;\n"])), function (props) {
+  var ProgressBar = styled.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: block;\n  width: ", "%;\n  height: 100%;\n  left: 0;\n  position: absolute;\n"], ["\n  display: block;\n  width: ", "%;\n  height: 100%;\n  left: 0;\n  position: absolute;\n"])), function (props) {
     return props.$progress;
   });
   var ProgressIndicator = styled.span(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: block;\n  height: 100%;\n  background: ", ";\n  animation: progressBar 3s ease-in-out;\n  animation-fill-mode: both;\n\n  @keyframes progressBar {\n    0% {\n      width: 0;\n    }\n    100% {\n      width: 100%;\n    }\n  }\n"], ["\n  display: block;\n  height: 100%;\n  background: ", ";\n  animation: progressBar 3s ease-in-out;\n  animation-fill-mode: both;\n\n  @keyframes progressBar {\n    0% {\n      width: 0;\n    }\n    100% {\n      width: 100%;\n    }\n  }\n"])), function (props) {