idmission-web-sdk 2.1.21 → 2.1.22

package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts

@@ -116,6 +116,8 @@ export interface CustomerEnrollmentProps extends PropsWithChildren {
     idCaptureModelLoadTimeoutMs?: number;
     /** Number of milliseconds indicating the maximum amount of time that should be spent trying to load the guided capture experience before giving up and resorting to the stock camera instead. Defaults to 45000 (45 seconds). */
     selfieCaptureModelLoadTimeoutMs?: number;
+    /** Boolean to indicate whether to allow the user to capture the back of the ID card before capturing the front. Defaults to `false`. */
+    allowIdCardBackToFrontCapture?: boolean;
     /** Callback function that fires immediately prior to each document upload, giving the client application an opportunity to specify custom asynchronous logic that captures the document contents before it is exchanged for a document token. The document content and metadata are passed in as parameters and a promise resolving to void or false should be returned. If the returned promise resolves to false, the document will not be uploaded. */
     onBeforeDocumentUpload?: OnBeforeDocumentUpload;
     /** Callback function that fires when progress information is available for a document upload. The progress info and metadata are passed in as parameters. */

package/dist/components/customer_flows/IdAndFaceValidation.d.ts

@@ -113,6 +113,8 @@ export interface IdAndFaceValidationProps extends PropsWithChildren {
     idCaptureModelLoadTimeoutMs?: number;
     /** Number of milliseconds indicating the maximum amount of time that should be spent trying to load the guided capture experience before giving up and resorting to the stock camera instead. Defaults to 45000 (45 seconds). */
     selfieCaptureModelLoadTimeoutMs?: number;
+    /** Boolean to indicate whether to allow the user to capture the back of the ID card before capturing the front. Defaults to `false`. */
+    allowIdCardBackToFrontCapture?: boolean;
     /** Callback function that fires immediately prior to each document upload, giving the client application an opportunity to specify custom asynchronous logic that captures the document contents before it is exchanged for a document token. The document content and metadata are passed in as parameters and a promise resolving to void or false should be returned. If the returned promise resolves to false, the document will not be uploaded. */
     onBeforeDocumentUpload?: OnBeforeDocumentUpload;
     /** Callback function that fires when progress information is available for a document upload. The progress info and metadata are passed in as parameters. */

package/dist/sdk2.cjs.development.js

@@ -234,7 +234,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
@@ -12175,21 +12175,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__namespace.default.createElement(PageContainer, {
     className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
@@ -12235,50 +12227,6 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   }));
 };
 var AcceptBtn = styled__default.default(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) {
@@ -12418,22 +12366,18 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       });
     });
   }, [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) {
@@ -12483,17 +12427,14 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
         });
       case 'SUCCESS':
         if (!showSuccessScreen) return;
-        return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(VideoSignatureSuccess, {
+        return /*#__PURE__*/React__namespace.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__namespace.default.createElement("img", {
-          src: signatureDataUrl,
-          alt: ""
-        }));
+        });
       default:
         return null;
     }
@@ -14363,6 +14304,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,
@@ -14379,28 +14322,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 = React.useMemo(function () {
@@ -14421,10 +14364,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 = React.useMemo(function () {
     return {
       loadingOverlayMode: faceLivenessLoadingOverlayMode,
@@ -14585,6 +14529,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,
@@ -14600,28 +14546,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 = React.useMemo(function () {
@@ -14638,13 +14584,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 = React.useMemo(function () {
     return {
       onExitCapture: onExitCapture,