idmission-web-sdk 2.1.21 → 2.1.22

package/dist/sdk2.esm.js

@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -12145,21 +12145,13 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     }
   }, [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__default.createElement(PageContainer, {
     className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
@@ -12205,50 +12197,6 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   }));
 };
 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) {
@@ -12388,22 +12336,18 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       });
     });
   }, [logCaptureMetadata, selfieImage, setSelfieImage]);
-  var _p = useState(null),
-    signatureDataUrl = _p[0],
-    setSignatureDataUrl = _p[1];
   var onSignatureCaptureCompleted = 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 = useCallback(function () {
     setCaptureState('CHECKING_LIVENESS');
   }, []);
-  var _q = useState(0),
-    attempt = _q[0],
-    setAttempt = _q[1];
+  var _p = useState(0),
+    attempt = _p[0],
+    setAttempt = _p[1];
   var onExit = useCallback(function () {
     releaseCameraAccess();
     setAttempt(function (n) {
@@ -12453,17 +12397,14 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
         });
       case 'SUCCESS':
         if (!showSuccessScreen) return;
-        return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(VideoSignatureSuccess, {
+        return /*#__PURE__*/React__default.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__default.createElement("img", {
-          src: signatureDataUrl,
-          alt: ""
-        }));
+        });
       default:
         return null;
     }
@@ -14333,6 +14274,8 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     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,
@@ -14349,28 +14292,28 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     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 = useMemo(function () {
@@ -14391,10 +14334,11 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
       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 = useMemo(function () {
     return {
       loadingOverlayMode: faceLivenessLoadingOverlayMode,
@@ -14555,6 +14499,8 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     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,
@@ -14570,28 +14516,28 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     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 = useMemo(function () {
@@ -14608,13 +14554,14 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
       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 = useMemo(function () {
     return {
       onExitCapture: onExitCapture,