idmission-web-sdk 2.1.65 → 2.1.66

package/dist/components/id_capture/IdCaptureFitGuide.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IdCaptureGuideAction, IdCaptureGuideOverlayClassNames } from './IdCaptureGuideOverlay';
-import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
+import { IdCardGuideStatus } from './IdCaptureGuidesCommon';
 import { IdCaptureGuideImages } from '../guide_images';
 export type IdCaptureFitGuideClassNames = IdCaptureGuideOverlayClassNames & {
     canvasWrapper?: string;

package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
+import { IdCardGuideStatus } from './IdCaptureGuidesCommon';
 import { FlipIdPromptClassNames } from './FlipIdPrompt';
 import { IdCaptureGuideImages } from '../guide_images';
 export type IdCaptureGuideOverlayClassNames = {

package/dist/components/id_capture/IdCaptureGuides.d.ts

@@ -2,7 +2,7 @@ import { IdCaptureFitGuideClassNames } from './IdCaptureFitGuide';
 import React from 'react';
 import { IdCaptureGuideAction } from './IdCaptureGuideOverlay';
 import { IdCaptureColors, IdCaptureVerbiage } from './IdCapture';
-import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
+import { IdCardGuideStatus } from './IdCaptureGuidesCommon';
 import { IdCaptureGuideImages } from '../guide_images';
 export type IdCaptureGuidesClassNames = IdCaptureFitGuideClassNames;
 export type IdCaptureGuideType = 'fit' | 'overlay';

package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts

@@ -16,7 +16,7 @@ export type IdVideoCaptureFlipIdPromptProps = {
 };
 export declare const IdVideoCaptureFlipIdPrompt: ({ idCaptureGuideImages, classNames, borderWidth, borderColor, borderRadius, imageStyle, }: IdVideoCaptureFlipIdPromptProps) => ReactElement;
 export declare const FlipImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<React.HTMLAttributes<HTMLDivElement> & {
-    status?: import("./IdVideoCaptureGuidesCommon").IdCardGuideStatus;
+    status?: import("../id_capture/IdCaptureGuidesCommon").IdCardGuideStatus;
     borderWidth?: number | string;
     borderRadius?: number;
     borderColor?: string;

package/dist/components/video_id/IdVideoCaptureGuides.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react';
 import { IdVideoCaptureFlipIdPromptClassNames } from './IdVideoCaptureFlipIdPrompt';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
-import { IdCardGuideStatus } from './IdVideoCaptureGuidesCommon';
+import { IdCardGuideStatus } from '../id_capture/IdCaptureGuidesCommon';
 import { FaceGuideStatus } from '../face_liveness/FaceCaptureGuideOverlay';
 import { IdCaptureGuideImages } from '../guide_images';
 export type Action = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'VERIFY_LIVENESS';

package/dist/sdk2.cjs.development.js

@@ -234,7 +234,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.1.65';
+var webSdkVersion = '2.1.66';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -8236,7 +8236,7 @@ var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObj
 var ImageRow = styled__default.default(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__default.default.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__default.default(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__default.default.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__default.default.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) {
@@ -8397,19 +8397,28 @@ function IdCardBorderSvg(_a) {
   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__namespace.default.createElement(SvgOverlay, _assign({
     height: "100%",
     fill: "none",