idmission-web-sdk 2.2.83 → 2.2.85

package/dist/sdk2.esm.js

@@ -203,7 +203,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -413,10 +413,9 @@ var LoaderButton = function LoaderButton(_a) {
     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 = useRef(null);
   var laddaRef = useRef(null);
   var _d = useState(false),
@@ -447,19 +446,18 @@ var LoaderButton = function LoaderButton(_a) {
     var _a;
     if (laddaLoaded && finished) (_a = laddaRef.current) === null || _a === void 0 ? void 0 : _a.stop();
   }, [finished, laddaLoaded]);
-  return /*#__PURE__*/React__default.createElement(StyledButton, {
+  return /*#__PURE__*/React__default.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__default.createElement("span", {
+    "$variant": variant
+  }, props), /*#__PURE__*/React__default.createElement("span", {
     className: "ladda-label"
   }, children));
 };
@@ -7280,29 +7278,29 @@ var IdCardGuideImage = styled.img(templateObject_2$p || (templateObject_2$p = __
   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 = 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 = useState(0),
+    progressResets = _x[0],
+    setProgressResets = _x[1];
   useEffect(function () {
     if (progress === 0 && status === 'capturing') {
       setProgressResets(function (n) {
@@ -7314,6 +7312,7 @@ function IdCardBorder(_a) {
   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__default.createElement(IdCardBorderContainer, _assign({}, props), /*#__PURE__*/React__default.createElement("div", {
     ref: ref,
     style: {
@@ -7348,7 +7347,7 @@ function IdCardBorder(_a) {
     height: height,
     borderRadius: borderRadius,
     borderColor: borderColor,
-    borderWidth: borderWidth,
+    borderWidth: progressBarWidth,
     className: "idmSdkWavesOrigin"
   }), (status === 'capturing' || progress > 0) && ( /*#__PURE__*/React__default.createElement(IdCardBorderSvg, {
     key: "progress".concat(progressResets),
@@ -14089,7 +14088,8 @@ var defaultTheme = {
       imagePadding: 50,
       wavesDisabled: false,
       wavesColor: '#287ec6',
-      progressBarColor: '#287ec6'
+      progressBarColor: '#287ec6',
+      progressBarWidth: '2.5%'
     }
   },
   selfieCapture: {