idmission-web-sdk 1.0.86 → 1.0.88

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

@@ -857,4 +857,4 @@ export type DocumentCaptureGuideOverlayProps = {
     landscapeGuidesImageUrl?: string;
     onClick?: () => void;
 };
-export declare const DocumentCaptureGuideOverlay: ({ classNames, width, height, padding, borderWidth, borderColor, isMirrored, instruction, portraitGuidesImageUrl, landscapeGuidesImageUrl, onClick, }: DocumentCaptureGuideOverlayProps) => ReactElement;
+export declare const DocumentCaptureGuideOverlay: ({ classNames, width, height, padding: userSuppliedPadding, borderWidth, borderColor, isMirrored, instruction, portraitGuidesImageUrl, landscapeGuidesImageUrl, onClick, }: DocumentCaptureGuideOverlayProps) => ReactElement;

package/dist/sdk2.cjs.development.js

@@ -46,7 +46,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.86';
+var webSdkVersion = '1.0.88';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -783,7 +783,7 @@ var SubmissionProvider = function SubmissionProvider(_a) {
   }, []);
   React.useEffect(function () {
     if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
-      setSelfieImage(precapturedDocuments.selfie.imageData);
+      setSelfieImage(dataUrlToBase64Sync(precapturedDocuments.selfie.imageData));
     }
   }, [precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie]);
   var buildSubmissionPayload = React.useCallback(function () {
@@ -1368,33 +1368,32 @@ var GuideImage = styled__default['default'].img(templateObject_7 || (templateObj
   return props.$height ? "height: ".concat(props.$height, "px; max-height: ").concat(props.$height, "px;") : "max-width: none;";
 });
 var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
-  var _b, _c, _d;
-  var _e = _a.classNames,
-    classNames = _e === void 0 ? {} : _e,
-    _f = _a.width,
-    width = _f === void 0 ? 0 : _f,
-    _g = _a.height,
-    height = _g === void 0 ? 0 : _g,
-    _h = _a.padding,
-    padding = _h === void 0 ? isMobile() ? 0 : 50 : _h,
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  var _l = _a.classNames,
+    classNames = _l === void 0 ? {} : _l,
+    _m = _a.width,
+    width = _m === void 0 ? 0 : _m,
+    _o = _a.height,
+    height = _o === void 0 ? 0 : _o,
+    userSuppliedPadding = _a.padding,
     borderWidth = _a.borderWidth,
     borderColor = _a.borderColor,
-    _j = _a.isMirrored,
-    isMirrored = _j === void 0 ? false : _j,
-    _k = _a.instruction,
-    instruction = _k === void 0 ? '' : _k,
+    _p = _a.isMirrored,
+    isMirrored = _p === void 0 ? false : _p,
+    _q = _a.instruction,
+    instruction = _q === void 0 ? '' : _q,
     portraitGuidesImageUrl = _a.portraitGuidesImageUrl,
     landscapeGuidesImageUrl = _a.landscapeGuidesImageUrl,
     onClick = _a.onClick;
-  var _l = React.useContext(GuideOrientationContext),
-    orientation = _l.orientation,
-    wrapperRef = _l.wrapperRef,
-    wrapperWidth = _l.wrapperWidth,
-    wrapperHeight = _l.wrapperHeight,
-    imageAspectRatio = _l.imageAspectRatio,
-    wrapperAspectRatio = _l.wrapperAspectRatio,
-    onImageLoaded = _l.onImageLoaded,
-    setDimensions = _l.setDimensions;
+  var _r = React.useContext(GuideOrientationContext),
+    orientation = _r.orientation,
+    wrapperRef = _r.wrapperRef,
+    wrapperWidth = _r.wrapperWidth,
+    wrapperHeight = _r.wrapperHeight,
+    imageAspectRatio = _r.imageAspectRatio,
+    wrapperAspectRatio = _r.wrapperAspectRatio,
+    onImageLoaded = _r.onImageLoaded,
+    setDimensions = _r.setDimensions;
   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 (width == 0) width = wrapperWidth;
@@ -1405,6 +1404,7 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
       height: height
     });
   }, [height, setDimensions, width]);
+  var padding = (userSuppliedPadding !== null && userSuppliedPadding !== void 0 ? userSuppliedPadding : isMobile()) ? (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.desktopPadding) !== null && _g !== void 0 ? _g : 0 : (_k = (_j = (_h = theme.idCapture) === null || _h === void 0 ? void 0 : _h.guideBox) === null || _j === void 0 ? void 0 : _j.mobilePadding) !== null && _k !== void 0 ? _k : 50;
   var paddingAndBorderPx = padding * 2 + borderWidth * 2;
   var imgSrc = orientation === 'portrait' ? portraitGuidesImageUrl : landscapeGuidesImageUrl;
   var imageWidth = undefined,
@@ -14223,7 +14223,9 @@ var defaultTheme = {
     guideBox: {
       unsatisfiedColor: 'white',
       satisfiedColor: 'var(--idm-color-positive-500)',
-      borderWidth: 4
+      borderWidth: 4,
+      desktopPadding: 0,
+      mobilePadding: 50
     }
   },
   selfieCapture: {