idmission-web-sdk 2.1.89 → 2.1.90

package/dist/sdk2.esm.js

@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.1.89';
+var webSdkVersion = '2.1.90';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2723,7 +2723,7 @@ var DEFAULT_CDN_URL = 'https://websdk-cdn-dev.idmission.com/assets';
 
 var defaultDocumentDetectorModelPath = "".concat(DEFAULT_CDN_URL, "/models/docdetectmp20240825/model_fp16.tflite");
 
-var defaultFocusModelPath = "".concat(DEFAULT_CDN_URL, "/models/Focus/Focus-20240920_141944.tflite");
+var defaultFocusModelPath = "".concat(DEFAULT_CDN_URL, "/models/Focus/Focus-20241008_102708.tflite");
 
 var defaultFaceDetectorModelPath = "".concat(DEFAULT_CDN_URL, "/models/blazeface20240207/blaze_face_short_range.tflite");
 
@@ -8450,7 +8450,7 @@ function IdCardBorder(_a) {
     borderOpacity: 0.25,
     borderColor: wavesColor,
     borderWidth: borderWidth,
-    className: "pulse"
+    className: "idmSdkWaves"
   }), /*#__PURE__*/React__default.createElement(IdCardBorderSvg, {
     width: width,
     height: height,
@@ -8458,7 +8458,7 @@ function IdCardBorder(_a) {
     borderOpacity: 0.25,
     borderColor: wavesColor,
     borderWidth: borderWidth,
-    className: "pulse"
+    className: "idmSdkWaves"
   }), /*#__PURE__*/React__default.createElement(IdCardBorderSvg, {
     width: width,
     height: height,
@@ -8466,14 +8466,14 @@ function IdCardBorder(_a) {
     borderOpacity: 0.25,
     borderColor: wavesColor,
     borderWidth: borderWidth,
-    className: "pulse"
+    className: "idmSdkWaves"
   }))), /*#__PURE__*/React__default.createElement(IdCardBorderSvg, {
     width: width,
     height: height,
     borderRadius: borderRadius,
     borderColor: borderColor,
     borderWidth: borderWidth,
-    className: "pulseOrigin"
+    className: "idmSdkWavesOrigin"
   }), (status === 'capturing' || progress > 0) && ( /*#__PURE__*/React__default.createElement(IdCardBorderSvg, {
     key: "progress".concat(progressResets),
     width: width,
@@ -8537,12 +8537,12 @@ function IdCardBorderSvg(_a) {
     strokeOpacity: borderOpacity,
     strokeDashoffset: isProgressBar ? resolvedProgress : undefined,
     strokeDasharray: isProgressBar ? totalLength : undefined,
-    className: isProgressBar ? "progress ".concat(progressPaused ? 'paused' : '') : ''
+    className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
   }));
 }
-var IdCardBorderContainer = styled.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  & > .pulse {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"], ["\n  & > .pulse {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"])));
+var IdCardBorderContainer = styled.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  & > .idmSdkWaves {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"], ["\n  & > .idmSdkWaves {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"])));
 var SvgOverlay = styled.svg(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n"])));
-var IdCardBorderRect = styled.rect(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n  &.progress {\n    animation: dash ", "\n      ", ";\n  }\n\n  &.paused {\n    animation-play-state: paused;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n"], ["\n  &.progress {\n    animation: dash ", "\n      ", ";\n  }\n\n  &.paused {\n    animation-play-state: paused;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n"])), function (props) {
+var IdCardBorderRect = styled.rect(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n  &.idmSdkProgressBorder {\n    animation: dash ", "\n      ", ";\n  }\n\n  &.idmSdkProgressPaused {\n    animation-play-state: paused;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n"], ["\n  &.idmSdkProgressBorder {\n    animation: dash ", "\n      ", ";\n  }\n\n  &.idmSdkProgressPaused {\n    animation-play-state: paused;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n"])), function (props) {
   var _a;
   return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
 }, function (props) {
@@ -10869,7 +10869,7 @@ var HeadGuideSvg = /*#__PURE__*/forwardRef(function (_a, ref) {
   }))));
 });
 HeadGuideSvg.displayName = 'HeadGuideSvg';
-var PulsingHeadGuideContainer = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  height: 100%;\n  max-height: 100%;\n\n  & > .pulse {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  & > .pulseOrigin {\n    position: relative;\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    80% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"], ["\n  display: flex;\n  position: relative;\n  height: 100%;\n  max-height: 100%;\n\n  & > .pulse {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  & > .pulseOrigin {\n    position: relative;\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    80% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"])));
+var PulsingHeadGuideContainer = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  height: 100%;\n  max-height: 100%;\n\n  & > .idmSdkWaves {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  & > .idmSdkWavesOrigin {\n    position: relative;\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    80% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"], ["\n  display: flex;\n  position: relative;\n  height: 100%;\n  max-height: 100%;\n\n  & > .idmSdkWaves {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  & > .idmSdkWavesOrigin {\n    position: relative;\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    80% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"])));
 function HeadGuide(_a) {
   var _b;
   var _c = _a.status,
@@ -10893,19 +10893,19 @@ function HeadGuide(_a) {
   return /*#__PURE__*/React__default.createElement(PulsingHeadGuideContainer, {
     ref: parentRef
   }, status === 'ready' && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HeadGuideSvg, _assign({}, props, {
-    className: "pulse",
+    className: "idmSdkWaves",
     borderOpacity: 0.25,
     borderColor: "#287ec6",
     width: scaledWidth,
     height: parentHeight
   })), /*#__PURE__*/React__default.createElement(HeadGuideSvg, _assign({}, props, {
-    className: "pulse",
+    className: "idmSdkWaves",
     borderOpacity: 0.25,
     borderColor: "#287ec6",
     width: scaledWidth,
     height: parentHeight
   })), /*#__PURE__*/React__default.createElement(HeadGuideSvg, _assign({}, props, {
-    className: "pulse",
+    className: "idmSdkWaves",
     borderOpacity: 0.25,
     borderColor: "#287ec6",
     width: scaledWidth,
@@ -10913,7 +10913,7 @@ function HeadGuide(_a) {
   })))), /*#__PURE__*/React__default.createElement(HeadGuideSvg, _assign({}, props, {
     ref: ref,
     borderOpacity: 1,
-    className: "pulseOrigin ".concat((_b = props.className) !== null && _b !== void 0 ? _b : ''),
+    className: "idmSdkWavesOrigin ".concat((_b = props.className) !== null && _b !== void 0 ? _b : ''),
     status: status,
     width: scaledWidth,
     height: parentHeight