idmission-web-sdk 1.0.140 → 1.0.142

package/dist/index.d.ts

@@ -8,7 +8,7 @@ import { SignatureKYC, SignatureKYCProps } from './components/customer_flows/Sig
 import { VideoIdValidation, VideoIdValidationProps } from './components/customer_flows/VideoIdValidation';
 import { preloadModels } from './lib/models/preloadModels';
 import { CustomerBiometricsEnrollment } from './components/customer_flows/CustomerBiometricsEnrollment';
-import { themes } from './themes';
+import { Theme, themes } from './themes';
 import { SubmissionRequest, SubmissionResponse } from './contexts/SubmissionContext';
 import { DocumentCapture, DocumentCaptureProps } from './components/customer_flows/DocumentCapture';
 import { CapturedDocumentImg } from './components/common/CapturedDocumentImg';
@@ -42,4 +42,4 @@ export type IDmissionSDK = {
 declare global {
     var IDmissionSDK: IDmissionSDK;
 }
-export { preloadModels, themes, IdValidation, FaceValidation, IdAndFaceValidation, CustomerIdAndBiometricsEnrollment, CustomerBiometricsEnrollment, CustomerVerification, CustomerIdentification, SignatureKYC, VideoIdValidation, DocumentCapture, SubmissionRequest, SubmissionResponse, CapturedDocumentImg, };
+export { preloadModels, themes, Theme, IdValidation, FaceValidation, IdAndFaceValidation, CustomerIdAndBiometricsEnrollment, CustomerBiometricsEnrollment, CustomerVerification, CustomerIdentification, SignatureKYC, VideoIdValidation, DocumentCapture, SubmissionRequest, SubmissionResponse, CapturedDocumentImg, };

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.142';
 
 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;
@@ -11202,63 +11204,63 @@ var reducer$4 = function reducer(state, action) {
   }
 };
 var IdCaptureWizard = function IdCaptureWizard(_a) {
-  var _b;
-  var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+  var _b, _c, _d;
+  var _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
   var onSuccess = _a.onSuccess,
     onExitCapture = _a.onExitCapture,
     onUserCancel = _a.onUserCancel,
     precapturedDocuments = _a.precapturedDocuments,
-    _o = _a.captureRequirement,
-    captureRequirement = _o === void 0 ? 'idCardOrPassport' : _o,
-    _p = _a.autoCaptureEnabled,
-    autoCaptureEnabled = _p === void 0 ? true : _p,
-    _q = _a.autoCaptureGoodFramesRequired,
-    autoCaptureGoodFramesRequired = _q === void 0 ? 3 : _q,
-    _r = _a.autoCaptureBarcodeRequired,
-    autoCaptureBarcodeRequired = _r === void 0 ? 'mobile' : _r,
-    _s = _a.barcodeScanningEnabled,
-    barcodeScanningEnabled = _s === void 0 ? false : _s,
-    _t = _a.idCardAutoCaptureScoreThreshold,
-    idCardAutoCaptureScoreThreshold = _t === void 0 ? 0.8 : _t,
-    _u = _a.passportAutoCaptureScoreThreshold,
-    passportAutoCaptureScoreThreshold = _u === void 0 ? 0.75 : _u,
-    _v = _a.mrzDetectionScoreThreshold,
-    mrzDetectionScoreThreshold = _v === void 0 ? 0.25 : _v,
-    _w = _a.idCardFocusScoreThreshold,
-    idCardFocusScoreThreshold = _w === void 0 ? 0.3 : _w,
-    _x = _a.passportFocusScoreThreshold,
-    passportFocusScoreThreshold = _x === void 0 ? 0.3 : _x,
-    _y = _a.skipSuccessScreen,
-    skipSuccessScreen = _y === void 0 ? false : _y,
+    _q = _a.captureRequirement,
+    captureRequirement = _q === void 0 ? 'idCardOrPassport' : _q,
+    _r = _a.autoCaptureEnabled,
+    autoCaptureEnabled = _r === void 0 ? true : _r,
+    _s = _a.autoCaptureGoodFramesRequired,
+    autoCaptureGoodFramesRequired = _s === void 0 ? 3 : _s,
+    _t = _a.autoCaptureBarcodeRequired,
+    autoCaptureBarcodeRequired = _t === void 0 ? 'mobile' : _t,
+    _u = _a.barcodeScanningEnabled,
+    barcodeScanningEnabled = _u === void 0 ? false : _u,
+    _v = _a.idCardAutoCaptureScoreThreshold,
+    idCardAutoCaptureScoreThreshold = _v === void 0 ? 0.8 : _v,
+    _w = _a.passportAutoCaptureScoreThreshold,
+    passportAutoCaptureScoreThreshold = _w === void 0 ? 0.75 : _w,
+    _x = _a.mrzDetectionScoreThreshold,
+    mrzDetectionScoreThreshold = _x === void 0 ? 0.25 : _x,
+    _y = _a.idCardFocusScoreThreshold,
+    idCardFocusScoreThreshold = _y === void 0 ? 0.3 : _y,
+    _z = _a.passportFocusScoreThreshold,
+    passportFocusScoreThreshold = _z === void 0 ? 0.3 : _z,
+    _0 = _a.skipSuccessScreen,
+    skipSuccessScreen = _0 === void 0 ? false : _0,
     instructions = _a.instructions,
-    _z = _a.releaseCameraAccessOnExit,
-    releaseCameraAccessOnExit = _z === void 0 ? true : _z,
-    _0 = _a.guideType,
-    guideType = _0 === void 0 ? 'fit' : _0,
-    _1 = _a.assets,
-    assets = _1 === void 0 ? {} : _1,
-    _2 = _a.classNames,
-    classNames = _2 === void 0 ? {} : _2,
-    _3 = _a.colors,
-    colors = _3 === void 0 ? {} : _3,
-    _4 = _a.verbiage,
-    verbiage = _4 === void 0 ? {} : _4,
-    _5 = _a.debugMode,
-    debugMode = _5 === void 0 ? false : _5;
-  var _6 = React.useReducer(reducer$4, initialState$4),
-    state = _6[0],
-    dispatch = _6[1];
+    _1 = _a.releaseCameraAccessOnExit,
+    releaseCameraAccessOnExit = _1 === void 0 ? true : _1,
+    _2 = _a.guideType,
+    guideType = _2 === void 0 ? 'fit' : _2,
+    _3 = _a.assets,
+    assets = _3 === void 0 ? {} : _3,
+    _4 = _a.classNames,
+    classNames = _4 === void 0 ? {} : _4,
+    _5 = _a.colors,
+    colors = _5 === void 0 ? {} : _5,
+    _6 = _a.verbiage,
+    verbiage = _6 === void 0 ? {} : _6,
+    _7 = _a.debugMode,
+    debugMode = _7 === void 0 ? false : _7;
+  var _8 = React.useReducer(reducer$4, initialState$4),
+    state = _8[0],
+    dispatch = _8[1];
   var releaseCameraAccess = React.useContext(CameraStateContext).releaseCameraAccess;
-  var _7 = React.useState(false),
-    overlayDismissed = _7[0],
-    setOverlayDismissed = _7[1];
-  var _8 = React.useContext(SubmissionContext),
-    submissionStatus = _8.submissionStatus,
-    setIdFrontImage = _8.setIdFrontImage,
-    setIdBackImage = _8.setIdBackImage,
-    setPassportImage = _8.setPassportImage,
-    logIdFrontCaptureAttempt = _8.logIdFrontCaptureAttempt,
-    logIdBackCaptureAttempt = _8.logIdBackCaptureAttempt;
+  var _9 = React.useState(false),
+    overlayDismissed = _9[0],
+    setOverlayDismissed = _9[1];
+  var _10 = React.useContext(SubmissionContext),
+    submissionStatus = _10.submissionStatus,
+    setIdFrontImage = _10.setIdFrontImage,
+    setIdBackImage = _10.setIdBackImage,
+    setPassportImage = _10.setPassportImage,
+    logIdFrontCaptureAttempt = _10.logIdFrontCaptureAttempt,
+    logIdBackCaptureAttempt = _10.logIdBackCaptureAttempt;
   var modelsError = React.useContext(IdCaptureModelsContext).error;
   var operationStartedAt = React.useRef();
   React.useEffect(function () {
@@ -11331,9 +11333,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       type: 'reset'
     });
   }, []);
-  var _9 = React.useState(0),
-    attempt = _9[0],
-    setAttempt = _9[1];
+  var _11 = React.useState(0),
+    attempt = _11[0],
+    setAttempt = _11[1];
   var onExit = React.useCallback(function () {
     setOverlayDismissed(false);
     setAttempt(function (n) {
@@ -11350,19 +11352,19 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     }
   }, [releaseCameraAccess, releaseCameraAccessOnExit, submissionStatus]);
   assets.idCardFront || (assets.idCardFront = {});
-  (_c = assets.idCardFront).portraitGuidesImageUrl || (_c.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Portrait-2.svg"));
-  (_d = assets.idCardFront).landscapeGuidesImageUrl || (_d.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg"));
+  (_e = assets.idCardFront).portraitGuidesImageUrl || (_e.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Portrait-2.svg"));
+  (_f = assets.idCardFront).landscapeGuidesImageUrl || (_f.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg"));
   assets.idCardBack || (assets.idCardBack = {});
-  (_e = assets.idCardBack).portraitGuidesImageUrl || (_e.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Portrait-2.svg"));
-  (_f = assets.idCardBack).landscapeGuidesImageUrl || (_f.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
+  (_g = assets.idCardBack).portraitGuidesImageUrl || (_g.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Portrait-2.svg"));
+  (_h = assets.idCardBack).landscapeGuidesImageUrl || (_h.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
   assets.passport || (assets.passport = {});
-  (_g = assets.passport).portraitGuidesImageUrl || (_g.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Portrait-2.svg"));
-  (_h = assets.passport).landscapeGuidesImageUrl || (_h.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Landscape-2.svg"));
+  (_j = assets.passport).portraitGuidesImageUrl || (_j.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Portrait-2.svg"));
+  (_k = assets.passport).landscapeGuidesImageUrl || (_k.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Landscape-2.svg"));
   assets.flipIdPrompt || (assets.flipIdPrompt = {});
-  (_j = assets.flipIdPrompt).frontPortraitGuidesImageUrl || (_j.frontPortraitGuidesImageUrl = assets.idCardFront.portraitGuidesImageUrl);
-  (_k = assets.flipIdPrompt).frontLandscapeGuidesImageUrl || (_k.frontLandscapeGuidesImageUrl = assets.idCardFront.landscapeGuidesImageUrl);
-  (_l = assets.flipIdPrompt).backPortraitGuidesImageUrl || (_l.backPortraitGuidesImageUrl = assets.idCardBack.portraitGuidesImageUrl);
-  (_m = assets.flipIdPrompt).backLandscapeGuidesImageUrl || (_m.backLandscapeGuidesImageUrl = assets.idCardBack.landscapeGuidesImageUrl);
+  (_l = assets.flipIdPrompt).frontPortraitGuidesImageUrl || (_l.frontPortraitGuidesImageUrl = assets.idCardFront.portraitGuidesImageUrl);
+  (_m = assets.flipIdPrompt).frontLandscapeGuidesImageUrl || (_m.frontLandscapeGuidesImageUrl = assets.idCardFront.landscapeGuidesImageUrl);
+  (_o = assets.flipIdPrompt).backPortraitGuidesImageUrl || (_o.backPortraitGuidesImageUrl = assets.idCardBack.portraitGuidesImageUrl);
+  (_p = assets.flipIdPrompt).backLandscapeGuidesImageUrl || (_p.backLandscapeGuidesImageUrl = assets.idCardBack.landscapeGuidesImageUrl);
   var idCaptureVerbiages = {
     idCardFront: useTranslations(verbiage.idCardFront, {
       instructionText: 'Scan the front of ID',
@@ -11375,11 +11377,11 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       instructionText: 'Scan the ID page of passport'
     })
   };
-  var _10 = useIdCaptureState()[0],
-    guideRectX = _10.guideRectX,
-    guideRectY = _10.guideRectY,
-    guideRectWidth = _10.guideRectWidth,
-    guideRectHeight = _10.guideRectHeight;
+  var _12 = useIdCaptureState()[0],
+    guideRectX = _12.guideRectX,
+    guideRectY = _12.guideRectY,
+    guideRectWidth = _12.guideRectWidth,
+    guideRectHeight = _12.guideRectHeight;
   var idCaptureAssets = assets[state.requestedDocumentType];
   var idCaptureVerbiage = idCaptureVerbiages[state.requestedDocumentType];
   React.useEffect(function () {
@@ -11489,8 +11491,8 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
   }(), /*#__PURE__*/React__default['default'].createElement(IdCaptureGuides, {
     guideType: guideType,
     requestingFlip: state.captureState === 'requestingFlip',
-    frontImageUrl: assets === null || assets === void 0 ? void 0 : assets.idCardFront.landscapeGuidesImageUrl,
-    backImageUrl: assets === null || assets === void 0 ? void 0 : assets.idCardBack.landscapeGuidesImageUrl,
+    frontImageUrl: (_c = assets === null || assets === void 0 ? void 0 : assets.flipIdPrompt) === null || _c === void 0 ? void 0 : _c.frontLandscapeGuidesImageUrl,
+    backImageUrl: (_d = assets === null || assets === void 0 ? void 0 : assets.flipIdPrompt) === null || _d === void 0 ? void 0 : _d.backLandscapeGuidesImageUrl,
     classNames: classNames,
     assets: idCaptureAssets,
     colors: colors,