idmission-web-sdk 1.0.140 → 1.0.141

package/dist/sdk2.cjs.development.js

@@ -47,7 +47,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.140';
+var webSdkVersion = '1.0.141';
 
 function getPlatform() {
   if (typeof window === 'undefined') return;
@@ -10903,12 +10903,11 @@ var regionClsx = function regionClsx(classNames, which) {
 var templateObject_1$j, templateObject_2$d;
 
 var IdCaptureFitGuide = function IdCaptureFitGuide(_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 aspectRatio = _a.aspectRatio,
-    _l = _a.maskColor,
-    maskColor = _l === void 0 ? 'gray' : _l,
-    _m = _a.borderRadius,
-    borderRadius = _m === void 0 ? 33 : _m,
+    maskColor = _a.maskColor,
+    _p = _a.borderRadius,
+    borderRadius = _p === void 0 ? 33 : _p,
     borderColor = _a.borderColor,
     borderWidth = _a.borderWidth,
     padding = _a.padding,
@@ -10917,23 +10916,23 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
     backImageUrl = _a.backImageUrl,
     isMirrored = _a.isMirrored,
     instruction = _a.instruction,
-    _o = _a.requestingFlip,
-    requestingFlip = _o === void 0 ? false : _o,
-    _p = _a.classNames,
-    classNames = _p === void 0 ? {} : _p;
-  var _q = useIdCaptureState(),
-    _r = _q[0],
-    redrawing = _r.redrawing,
-    guideImageWidth = _r.guideImageWidth,
-    guideImageHeight = _r.guideImageHeight,
-    dispatch = _q[1];
+    _q = _a.requestingFlip,
+    requestingFlip = _q === void 0 ? false : _q,
+    _r = _a.classNames,
+    classNames = _r === void 0 ? {} : _r;
+  var _s = useIdCaptureState(),
+    _t = _s[0],
+    redrawing = _t.redrawing,
+    guideImageWidth = _t.guideImageWidth,
+    guideImageHeight = _t.guideImageHeight,
+    dispatch = _s[1];
   var canvasRef = React.useRef(null);
-  var _s = useResizeObserver__default['default'](),
-    wrapperRef = _s.ref,
-    _t = _s.width,
-    wrapperWidth = _t === void 0 ? 1 : _t,
-    _u = _s.height,
-    wrapperHeight = _u === void 0 ? 1 : _u;
+  var _u = useResizeObserver__default['default'](),
+    wrapperRef = _u.ref,
+    _v = _u.width,
+    wrapperWidth = _v === void 0 ? 1 : _v,
+    _w = _u.height,
+    wrapperHeight = _w === void 0 ? 1 : _w;
   var theme = styled.useTheme();
   if (borderWidth === undefined) borderWidth = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 4;
   if (padding === undefined) {
@@ -10942,6 +10941,9 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
   if (aspectRatio === undefined && guideImageWidth !== 0) {
     aspectRatio = guideImageWidth / guideImageHeight;
   }
+  if (maskColor === undefined) {
+    maskColor = (_o = (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideOverlay) === null || _m === void 0 ? void 0 : _m.backgroundColor) !== null && _o !== void 0 ? _o : '#888';
+  }
   React.useEffect(function () {
     var canvas = canvasRef.current;
     if (!canvas) return;