idmission-web-sdk 2.2.83 → 2.2.85

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.83';
+  var webSdkVersion = '2.2.85';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -421,10 +421,9 @@
       colors = _b === void 0 ? {} : _b,
       disabled = _a.disabled,
       finished = _a.finished,
-      onClick = _a.onClick,
-      style = _a.style,
       _c = _a.variant,
-      variant = _c === void 0 ? 'primary' : _c;
+      variant = _c === void 0 ? 'primary' : _c,
+      props = __rest(_a, ["children", "className", "colors", "disabled", "finished", "variant"]);
     var buttonRef = React.useRef(null);
     var laddaRef = React.useRef(null);
     var _d = React.useState(false),
@@ -455,19 +454,18 @@
       var _a;
       if (laddaLoaded && finished) (_a = laddaRef.current) === null || _a === void 0 ? void 0 : _a.stop();
     }, [finished, laddaLoaded]);
-    return /*#__PURE__*/React.createElement(StyledButton, {
+    return /*#__PURE__*/React.createElement(StyledButton, _assign({
       className: "ladda-button ".concat(className, " ").concat(disabled ? 'disabled' : ''),
       "data-style": "expand-right",
+      type: "button",
       disabled: disabled,
       ref: buttonRef,
-      onClick: onClick,
       "$backgroundColor": colors.backgroundColor,
       "$textColor": colors.textColor,
       "$disabledBackgroundColor": colors.loadingBackgroundColor,
       "$disabledTextColor": colors.loadingTextColor,
-      "$variant": variant,
-      style: style
-    }, /*#__PURE__*/React.createElement("span", {
+      "$variant": variant
+    }, props), /*#__PURE__*/React.createElement("span", {
       className: "ladda-label"
     }, children));
   };
@@ -16354,29 +16352,29 @@
     return props.$isInvisible ? 'opacity: 0;' : '';
   });
   function IdCardBorder(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     var children = _a.children,
-      _l = _a.status,
-      status = _l === void 0 ? 'ready' : _l,
-      _m = _a.borderWidth,
-      borderWidth = _m === void 0 ? 20 : _m,
-      _o = _a.borderRadius,
-      borderRadius = _o === void 0 ? 25 : _o,
-      _p = _a.borderColor,
-      borderColor = _p === void 0 ? 'white' : _p,
+      _p = _a.status,
+      status = _p === void 0 ? 'ready' : _p,
+      _q = _a.borderWidth,
+      borderWidth = _q === void 0 ? 20 : _q,
+      _r = _a.borderRadius,
+      borderRadius = _r === void 0 ? 25 : _r,
+      _s = _a.borderColor,
+      borderColor = _s === void 0 ? 'white' : _s,
       aspectRatio = _a.aspectRatio,
-      _q = _a.progress,
-      progress = _q === void 0 ? 0 : _q,
+      _t = _a.progress,
+      progress = _t === void 0 ? 0 : _t,
       props = __rest(_a, ["children", "status", "borderWidth", "borderRadius", "borderColor", "aspectRatio", "progress"]);
-    var _r = useResizeObserver(),
-      ref = _r.ref,
-      _s = _r.width,
-      width = _s === void 0 ? 0 : _s,
-      _t = _r.height,
-      height = _t === void 0 ? 0 : _t;
-    var _u = React.useState(0),
-      progressResets = _u[0],
-      setProgressResets = _u[1];
+    var _u = useResizeObserver(),
+      ref = _u.ref,
+      _v = _u.width,
+      width = _v === void 0 ? 0 : _v,
+      _w = _u.height,
+      height = _w === void 0 ? 0 : _w;
+    var _x = React.useState(0),
+      progressResets = _x[0],
+      setProgressResets = _x[1];
     React.useEffect(function () {
       if (progress === 0 && status === 'capturing') {
         setProgressResets(function (n) {
@@ -16388,6 +16386,7 @@
     var wavesDisabled = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.wavesDisabled) !== null && _d !== void 0 ? _d : false;
     var wavesColor = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.wavesColor) !== null && _g !== void 0 ? _g : '#287ec6';
     var progressBarColor = (_k = (_j = (_h = theme.idCapture) === null || _h === void 0 ? void 0 : _h.guideBox) === null || _j === void 0 ? void 0 : _j.progressBarColor) !== null && _k !== void 0 ? _k : '#287ec6';
+    var progressBarWidth = (_o = (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideBox) === null || _m === void 0 ? void 0 : _m.progressBarWidth) !== null && _o !== void 0 ? _o : borderWidth;
     return /*#__PURE__*/React.createElement(IdCardBorderContainer, _assign({}, props), /*#__PURE__*/React.createElement("div", {
       ref: ref,
       style: {
@@ -16422,7 +16421,7 @@
       height: height,
       borderRadius: borderRadius,
       borderColor: borderColor,
-      borderWidth: borderWidth,
+      borderWidth: progressBarWidth,
       className: "idmSdkWavesOrigin"
     }), (status === 'capturing' || progress > 0) && ( /*#__PURE__*/React.createElement(IdCardBorderSvg, {
       key: "progress".concat(progressResets),
@@ -23931,7 +23930,8 @@
         imagePadding: 50,
         wavesDisabled: false,
         wavesColor: '#287ec6',
-        progressBarColor: '#287ec6'
+        progressBarColor: '#287ec6',
+        progressBarWidth: '2.5%'
       }
     },
     selfieCapture: {