idmission-web-sdk 2.1.21 → 2.1.22

package/dist/sdk2.umd.development.js

@@ -215,7 +215,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.1.21';
+  var webSdkVersion = '2.1.22';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -21777,21 +21777,13 @@
       }
     }, [numFramesWithoutFaces, onFaceNotDetected]);
     function onAcceptClicked() {
+      var _a;
       if (!signaturePad.current) return;
       var signatureData = signatureDataToIdmissionFormat(signaturePad.current);
       setSignatureData(signatureData);
-      var signatureCanvas = signaturePad.current.getCanvas();
-      var scaledHeight = signatureCanvas.height * 600 / signatureCanvas.width;
-      var svgB64Url = signaturePad.current.getSignaturePad()._toSVG();
-      var svgContent = atob(svgB64Url.replace('data:image/svg+xml;base64,', ''));
-      var scaledSvgContent = svgContent.replace(/width="[0-9.]+"/, "width=\"600\"").replace(/height="[0-9.]+"/, "height=\"".concat(scaledHeight, "\"")).replace(/viewBox="0 0 [0-9.]+ [0-9.]+"/, "viewBox=\"0 0 ".concat(signatureCanvas.width, " ").concat(signatureCanvas.height, "\""));
-      var scaledSvgUrl = 'data:image/svg+xml;base64,' + btoa(scaledSvgContent);
-      convertSVGtoImg(scaledSvgUrl).then(function (dataUrl) {
-        var _a;
-        dataUrl && setSignatureDataUrl(dataUrl);
-        stopRecordingVideo();
-        (_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.stop();
-      });
+      setSignatureDataUrl(signaturePad.current.toDataURL());
+      stopRecordingVideo();
+      (_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.stop();
     }
     return /*#__PURE__*/React.createElement(PageContainer, {
       className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
@@ -21837,50 +21829,6 @@
     }));
   };
   var AcceptBtn = styled(LoaderButton)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  margin-left: auto;\n"], ["\n  margin-left: auto;\n"])));
-  var loadImage = function loadImage(url) {
-    return __awaiter(void 0, void 0, void 0, function () {
-      var img;
-      return __generator(this, function (_a) {
-        img = document.createElement('img');
-        img.src = url;
-        return [2 /*return*/, new Promise(function (resolve, reject) {
-          img.onload = function () {
-            return resolve(img);
-          };
-          img.onerror = reject;
-        })];
-      });
-    });
-  };
-  var convertSVGtoImg = function convertSVGtoImg(svgData_1) {
-    var args_1 = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-      args_1[_i - 1] = arguments[_i];
-    }
-    return __awaiter(void 0, __spreadArray([svgData_1], args_1, true), void 0, function (svgData, format) {
-      var img, canvas, ctx;
-      if (format === void 0) {
-        format = 'jpeg';
-      }
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4 /*yield*/, loadImage(svgData)];
-          case 1:
-            img = _a.sent();
-            canvas = document.createElement('canvas');
-            canvas.width = img.naturalWidth;
-            canvas.height = img.naturalHeight;
-            ctx = canvas.getContext('2d');
-            if (!ctx) return [2 /*return*/];
-            ctx.fillStyle = 'white';
-            ctx.fillRect(0, 0, canvas.width, canvas.height);
-            ctx.drawImage(img, 0, 0, img.naturalWidth, img.naturalHeight);
-            return [2 /*return*/, canvas.toDataURL("image/".concat(format), 1.0)];
-        }
-      });
-    });
-  };
   var templateObject_1$a;
 
   var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
@@ -22020,22 +21968,18 @@
         });
       });
     }, [logCaptureMetadata, selfieImage, setSelfieImage]);
-    var _p = React.useState(null),
-      signatureDataUrl = _p[0],
-      setSignatureDataUrl = _p[1];
     var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
       setSignatureData(signatureData);
       setSignatureVideoUrl(URL.createObjectURL(videoData));
       setCaptureState('SUCCESS');
-      setSignatureDataUrl(signatureImageData);
       onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
     }, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
     var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
       setCaptureState('CHECKING_LIVENESS');
     }, []);
-    var _q = React.useState(0),
-      attempt = _q[0],
-      setAttempt = _q[1];
+    var _p = React.useState(0),
+      attempt = _p[0],
+      setAttempt = _p[1];
     var onExit = React.useCallback(function () {
       releaseCameraAccess();
       setAttempt(function (n) {
@@ -22085,17 +22029,14 @@
           });
         case 'SUCCESS':
           if (!showSuccessScreen) return;
-          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VideoSignatureSuccess, {
+          return /*#__PURE__*/React.createElement(VideoSignatureSuccess, {
             videoUrl: signatureVideoUrl !== null && signatureVideoUrl !== void 0 ? signatureVideoUrl : '',
             onDoneClick: onComplete,
             onRetryClick: onRetry,
             classNames: classNames.success,
             colors: colors.success,
             verbiage: verbiage.success
-          }), signatureDataUrl && /*#__PURE__*/React.createElement("img", {
-            src: signatureDataUrl,
-            alt: ""
-          }));
+          });
         default:
           return null;
       }
@@ -23965,6 +23906,8 @@
       idCaptureModelLoadTimeoutMs = _m === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _m,
       _o = _a.selfieCaptureModelLoadTimeoutMs,
       selfieCaptureModelLoadTimeoutMs = _o === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _o,
+      _p = _a.allowIdCardBackToFrontCapture,
+      allowIdCardBackToFrontCapture = _p === void 0 ? false : _p,
       onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
       onDocumentUploaded = _a.onDocumentUploaded,
       onDocumentUploadProgress = _a.onDocumentUploadProgress,
@@ -23981,28 +23924,28 @@
       onIdCaptureModelError = _a.onIdCaptureModelError,
       onSelfieCaptureModelError = _a.onSelfieCaptureModelError,
       onCameraAccessDenied = _a.onCameraAccessDenied,
-      _p = _a.captureSignature,
-      captureSignature = _p === void 0 ? false : _p,
-      _q = _a.captureSignatureVideo,
-      captureSignatureVideo = _q === void 0 ? false : _q,
-      _r = _a.captureAdditionalDocuments,
-      captureAdditionalDocuments = _r === void 0 ? [] : _r,
-      _s = _a.theme,
-      theme = _s === void 0 ? 'default' : _s,
-      _t = _a.assets,
-      assets = _t === void 0 ? {} : _t,
-      _u = _a.classNames,
-      classNames = _u === void 0 ? {} : _u,
-      _v = _a.colors,
-      colors = _v === void 0 ? {} : _v,
-      _w = _a.verbiage,
-      verbiage = _w === void 0 ? {} : _w,
-      _x = _a.geolocationEnabled,
-      geolocationEnabled = _x === void 0 ? true : _x,
-      _y = _a.geolocationRequired,
-      geolocationRequired = _y === void 0 ? false : _y,
-      _z = _a.debugMode,
-      debugMode = _z === void 0 ? false : _z;
+      _q = _a.captureSignature,
+      captureSignature = _q === void 0 ? false : _q,
+      _r = _a.captureSignatureVideo,
+      captureSignatureVideo = _r === void 0 ? false : _r,
+      _s = _a.captureAdditionalDocuments,
+      captureAdditionalDocuments = _s === void 0 ? [] : _s,
+      _t = _a.theme,
+      theme = _t === void 0 ? 'default' : _t,
+      _u = _a.assets,
+      assets = _u === void 0 ? {} : _u,
+      _v = _a.classNames,
+      classNames = _v === void 0 ? {} : _v,
+      _w = _a.colors,
+      colors = _w === void 0 ? {} : _w,
+      _x = _a.verbiage,
+      verbiage = _x === void 0 ? {} : _x,
+      _y = _a.geolocationEnabled,
+      geolocationEnabled = _y === void 0 ? true : _y,
+      _z = _a.geolocationRequired,
+      geolocationRequired = _z === void 0 ? false : _z,
+      _0 = _a.debugMode,
+      debugMode = _0 === void 0 ? false : _0;
     useLanguage(lang);
     useDebugLogging(debugMode);
     var idCaptureProps = React.useMemo(function () {
@@ -24023,10 +23966,11 @@
         portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
         rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
         modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
+        allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
         skipSuccessScreen: skipSuccessScreen,
         debugMode: debugMode
       };
-    }, [onExitCapture, onUserCancel, onIdCaptureModelError, assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, precapturedDocuments, idCaptureRequirement, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, skipSuccessScreen, debugMode]);
+    }, [onExitCapture, onUserCancel, onIdCaptureModelError, assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, precapturedDocuments, idCaptureRequirement, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, allowIdCardBackToFrontCapture, skipSuccessScreen, debugMode]);
     var faceLivenessProps = React.useMemo(function () {
       return {
         loadingOverlayMode: faceLivenessLoadingOverlayMode,
@@ -24187,6 +24131,8 @@
       idCaptureModelLoadTimeoutMs = _m === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _m,
       _o = _a.selfieCaptureModelLoadTimeoutMs,
       selfieCaptureModelLoadTimeoutMs = _o === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _o,
+      _p = _a.allowIdCardBackToFrontCapture,
+      allowIdCardBackToFrontCapture = _p === void 0 ? false : _p,
       onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
       onDocumentUploadProgress = _a.onDocumentUploadProgress,
       onDocumentUploaded = _a.onDocumentUploaded,
@@ -24202,28 +24148,28 @@
       onIdCaptureModelError = _a.onIdCaptureModelError,
       onSelfieCaptureModelError = _a.onSelfieCaptureModelError,
       onCameraAccessDenied = _a.onCameraAccessDenied,
-      _p = _a.captureSignature,
-      captureSignature = _p === void 0 ? false : _p,
-      _q = _a.captureSignatureVideo,
-      captureSignatureVideo = _q === void 0 ? false : _q,
-      _r = _a.captureAdditionalDocuments,
-      captureAdditionalDocuments = _r === void 0 ? [] : _r,
-      _s = _a.theme,
-      theme = _s === void 0 ? 'default' : _s,
-      _t = _a.assets,
-      assets = _t === void 0 ? {} : _t,
-      _u = _a.classNames,
-      classNames = _u === void 0 ? {} : _u,
-      _v = _a.colors,
-      colors = _v === void 0 ? {} : _v,
-      _w = _a.verbiage,
-      verbiage = _w === void 0 ? {} : _w,
-      _x = _a.geolocationEnabled,
-      geolocationEnabled = _x === void 0 ? true : _x,
-      _y = _a.geolocationRequired,
-      geolocationRequired = _y === void 0 ? false : _y,
-      _z = _a.debugMode,
-      debugMode = _z === void 0 ? false : _z;
+      _q = _a.captureSignature,
+      captureSignature = _q === void 0 ? false : _q,
+      _r = _a.captureSignatureVideo,
+      captureSignatureVideo = _r === void 0 ? false : _r,
+      _s = _a.captureAdditionalDocuments,
+      captureAdditionalDocuments = _s === void 0 ? [] : _s,
+      _t = _a.theme,
+      theme = _t === void 0 ? 'default' : _t,
+      _u = _a.assets,
+      assets = _u === void 0 ? {} : _u,
+      _v = _a.classNames,
+      classNames = _v === void 0 ? {} : _v,
+      _w = _a.colors,
+      colors = _w === void 0 ? {} : _w,
+      _x = _a.verbiage,
+      verbiage = _x === void 0 ? {} : _x,
+      _y = _a.geolocationEnabled,
+      geolocationEnabled = _y === void 0 ? true : _y,
+      _z = _a.geolocationRequired,
+      geolocationRequired = _z === void 0 ? false : _z,
+      _0 = _a.debugMode,
+      debugMode = _0 === void 0 ? false : _0;
     useLanguage(lang);
     useDebugLogging(debugMode);
     var idCaptureProps = React.useMemo(function () {
@@ -24240,13 +24186,14 @@
         portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
         rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
         modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
+        allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
         onExitCapture: onExitCapture,
         onUserCancel: onUserCancel,
         onModelError: onIdCaptureModelError,
         skipSuccessScreen: skipSuccessScreen,
         debugMode: debugMode
       };
-    }, [assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, idCaptureRequirement, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, onExitCapture, onUserCancel, onIdCaptureModelError, skipSuccessScreen, debugMode]);
+    }, [assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, idCaptureRequirement, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, allowIdCardBackToFrontCapture, onExitCapture, onUserCancel, onIdCaptureModelError, skipSuccessScreen, debugMode]);
     var faceLivenessProps = React.useMemo(function () {
       return {
         onExitCapture: onExitCapture,