idmission-web-sdk 1.0.96 → 1.0.98

package/dist/contexts/SubmissionContext.d.ts

@@ -27,6 +27,8 @@ export type SubmissionRequest = {
         idData: {
             idImageFront?: string;
             idImageBack?: string;
+            videoIdImageFront?: string;
+            videoIdImageBack?: string;
             idType: 'NSP';
             idCountry: 'NSP';
             idState: '';

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.96';
+var webSdkVersion = '1.0.98';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -890,6 +890,12 @@ var SubmissionProvider = function SubmissionProvider(_a) {
             _b.videoData = _e.sent();
             _e.label = 4;
           case 4:
+            if (idCaptureVideoIdFrontImage) {
+              submissionRequest.customerData.idData.videoIdImageFront = idCaptureVideoIdFrontImage;
+            }
+            if (idCaptureVideoIdBackImage) {
+              submissionRequest.customerData.idData.videoIdImageBack = idCaptureVideoIdBackImage;
+            }
             attachMetadataToRequest(submissionRequest, {
               selfieCaptureAttempts: selfieCaptureAttempts,
               idFrontCaptureAttempts: idFrontCaptureAttempts,
@@ -9783,28 +9789,28 @@ var reducer$5 = function reducer(state, action) {
   }
 };
 var IdCapture = function IdCapture(_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
   var requiredDocumentType = _a.requiredDocumentType,
-    _m = _a.autoCaptureEnabled,
-    autoCaptureEnabled = _m === void 0 ? true : _m,
-    _o = _a.autoCaptureScoreThreshold,
-    autoCaptureScoreThreshold = _o === void 0 ? 0.8 : _o,
-    _p = _a.autoCaptureGoodFramesRequired,
-    autoCaptureGoodFramesRequired = _p === void 0 ? 3 : _p,
-    _q = _a.autoCaptureBarcodeRequired,
-    autoCaptureBarcodeRequired = _q === void 0 ? 'mobile' : _q,
-    _r = _a.mrzDetectionScoreThreshold,
-    mrzDetectionScoreThreshold = _r === void 0 ? 0.25 : _r,
-    _s = _a.passportPageDetectionThreshold,
-    passportPageDetectionThreshold = _s === void 0 ? 0.6 : _s,
-    _t = _a.pdf417DetectionThreshold,
-    pdf417DetectionThreshold = _t === void 0 ? 0.15 : _t,
-    _u = _a.focusScoreThreshold,
-    focusScoreThreshold = _u === void 0 ? 0.3 : _u,
-    _v = _a.barcodeScanningEnabled,
-    barcodeScanningEnabled = _v === void 0 ? true : _v,
-    _w = _a.maxBarcodeScanAttempts,
-    maxBarcodeScanAttempts = _w === void 0 ? 10 : _w,
+    _p = _a.autoCaptureEnabled,
+    autoCaptureEnabled = _p === void 0 ? true : _p,
+    _q = _a.autoCaptureScoreThreshold,
+    autoCaptureScoreThreshold = _q === void 0 ? 0.8 : _q,
+    _r = _a.autoCaptureGoodFramesRequired,
+    autoCaptureGoodFramesRequired = _r === void 0 ? 3 : _r,
+    _s = _a.autoCaptureBarcodeRequired,
+    autoCaptureBarcodeRequired = _s === void 0 ? 'mobile' : _s,
+    _t = _a.mrzDetectionScoreThreshold,
+    mrzDetectionScoreThreshold = _t === void 0 ? 0.25 : _t,
+    _u = _a.passportPageDetectionThreshold,
+    passportPageDetectionThreshold = _u === void 0 ? 0.6 : _u,
+    _v = _a.pdf417DetectionThreshold,
+    pdf417DetectionThreshold = _v === void 0 ? 0.15 : _v,
+    _w = _a.focusScoreThreshold,
+    focusScoreThreshold = _w === void 0 ? 0.3 : _w,
+    _x = _a.barcodeScanningEnabled,
+    barcodeScanningEnabled = _x === void 0 ? true : _x,
+    _y = _a.maxBarcodeScanAttempts,
+    maxBarcodeScanAttempts = _y === void 0 ? 10 : _y,
     guidanceMessage = _a.guidanceMessage,
     guidanceSatisfied = _a.guidanceSatisfied,
     onPrediction = _a.onPrediction,
@@ -9812,50 +9818,50 @@ var IdCapture = function IdCapture(_a) {
     onCapture = _a.onCapture,
     onExit = _a.onExit,
     processingScreen = _a.processingScreen,
-    _x = _a.processingDelay,
-    processingDelay = _x === void 0 ? 0 : _x,
-    _y = _a.assets,
-    assets = _y === void 0 ? {} : _y,
-    _z = _a.classNames,
-    classNames = _z === void 0 ? {} : _z,
-    _0 = _a.colors,
-    colors = _0 === void 0 ? {} : _0,
-    _1 = _a.verbiage,
-    rawVerbiage = _1 === void 0 ? {} : _1,
-    _2 = _a.debugMode,
-    debugMode = _2 === void 0 ? false : _2;
-  var _3 = useResizeObserver__default['default'](),
-    ref = _3.ref,
-    _4 = _3.width,
-    width = _4 === void 0 ? 1 : _4,
-    _5 = _3.height,
-    height = _5 === void 0 ? 1 : _5;
-  var _6 = React.useReducer(reducer$5, initialState$5),
-    state = _6[0],
-    dispatch = _6[1];
-  var _7 = React.useState(''),
-    imageURL = _7[0],
-    setImageURL = _7[1];
-  var _8 = React.useState(false),
-    processingFrame = _8[0],
-    setProcessingFrame = _8[1];
-  var _9 = React.useContext(CameraStateContext),
-    cameraRef = _9.cameraRef,
-    cameraReady = _9.cameraReady,
-    takePhoto = _9.takePhoto,
-    videoRef = _9.videoRef,
-    videoLoaded = _9.videoLoaded;
+    _z = _a.processingDelay,
+    processingDelay = _z === void 0 ? 0 : _z,
+    _0 = _a.assets,
+    assets = _0 === void 0 ? {} : _0,
+    _1 = _a.classNames,
+    classNames = _1 === void 0 ? {} : _1,
+    _2 = _a.colors,
+    colors = _2 === void 0 ? {} : _2,
+    _3 = _a.verbiage,
+    rawVerbiage = _3 === void 0 ? {} : _3,
+    _4 = _a.debugMode,
+    debugMode = _4 === void 0 ? false : _4;
+  var _5 = useResizeObserver__default['default'](),
+    ref = _5.ref,
+    _6 = _5.width,
+    width = _6 === void 0 ? 1 : _6,
+    _7 = _5.height,
+    height = _7 === void 0 ? 1 : _7;
+  var _8 = React.useReducer(reducer$5, initialState$5),
+    state = _8[0],
+    dispatch = _8[1];
+  var _9 = React.useState(''),
+    imageURL = _9[0],
+    setImageURL = _9[1];
+  var _10 = React.useState(false),
+    processingFrame = _10[0],
+    setProcessingFrame = _10[1];
+  var _11 = React.useContext(CameraStateContext),
+    cameraRef = _11.cameraRef,
+    cameraReady = _11.cameraReady,
+    takePhoto = _11.takePhoto,
+    videoRef = _11.videoRef,
+    videoLoaded = _11.videoLoaded;
   var captureStartedAt = React.useRef();
-  var _10 = React.useContext(IdCaptureModelsContext),
-    modelsReady = _10.ready,
-    modelsWorking = _10.working,
-    setThresholds = _10.setThresholds,
-    makePrediction = _10.makePrediction,
-    onPredictionMade = _10.onPredictionMade,
-    detectionTime = _10.detectionTime,
-    focusPredictionTime = _10.focusPredictionTime,
-    getBestFrame = _10.getBestFrame,
-    resetBestFrame = _10.resetBestFrame;
+  var _12 = React.useContext(IdCaptureModelsContext),
+    modelsReady = _12.ready,
+    modelsWorking = _12.working,
+    setThresholds = _12.setThresholds,
+    makePrediction = _12.makePrediction,
+    onPredictionMade = _12.onPredictionMade,
+    detectionTime = _12.detectionTime,
+    focusPredictionTime = _12.focusPredictionTime,
+    getBestFrame = _12.getBestFrame,
+    resetBestFrame = _12.resetBestFrame;
   React.useEffect(function () {
     captureStartedAt.current = new Date();
   }, []);
@@ -9884,9 +9890,9 @@ var IdCapture = function IdCapture(_a) {
   React.useEffect(function () {
     shouldCaptureFrames.current = videoLoaded && cameraReady && modelsReady && !state.capturing && !state.captured;
   }, [cameraReady, state.captured, state.capturing, modelsReady, videoLoaded]);
-  var _11 = React.useState(null),
-    lastFrame = _11[0],
-    setLastFrame = _11[1];
+  var _13 = React.useState(null),
+    lastFrame = _13[0],
+    setLastFrame = _13[1];
   React.useEffect(function () {
     if (!modelsReady || !cameraReady || !videoLoaded) return;
     animationFrame.current = requestAnimationFrame(function runFrame() {
@@ -10060,7 +10066,7 @@ var IdCapture = function IdCapture(_a) {
   if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
   guidanceMessage || (guidanceMessage = satisfied ? verbiage.guidanceSatisfiedText : !state.documentDetectionThresholdMet ? verbiage.guidanceNotDetectedText : !state.documentInBounds ? verbiage.guidanceNotCenteredText : !state.focusThresholdMet ? verbiage.guidanceTooBlurryText : '');
   if (processingFrame) {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, processingScreen, imageURL && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureImagePreview, {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, processingScreen, !((_k = (_j = theme.idCapture) === null || _j === void 0 ? void 0 : _j.capturePreview) === null || _k === void 0 ? void 0 : _k.disabled) && imageURL && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureImagePreview, {
       classNames: classNames.imagePreview,
       text: verbiage.processingIdCardText,
       imageUrl: imageURL
@@ -10078,7 +10084,7 @@ var IdCapture = function IdCapture(_a) {
   }
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     ref: ref,
-    className: "flex ".concat((_j = classNames.container) !== null && _j !== void 0 ? _j : '')
+    className: "flex ".concat((_l = classNames.container) !== null && _l !== void 0 ? _l : '')
   }, /*#__PURE__*/React__default['default'].createElement(DocumentCaptureGuideOverlay, {
     classNames: classNames.guides,
     width: width,
@@ -10086,7 +10092,7 @@ var IdCapture = function IdCapture(_a) {
     instruction: state.captureFailed ? verbiage.captureFailedText : state.capturing ? verbiage === null || verbiage === void 0 ? void 0 : verbiage.capturingText : verbiage.instructionText,
     portraitGuidesImageUrl: assets.portraitGuidesImageUrl,
     landscapeGuidesImageUrl: assets.landscapeGuidesImageUrl,
-    isMirrored: !((_k = cameraRef.current) === null || _k === void 0 ? void 0 : _k.isRearFacing),
+    isMirrored: !((_m = cameraRef.current) === null || _m === void 0 ? void 0 : _m.isRearFacing),
     borderColor: state.isGoodFrame ? colors.guideBoxSatisfiedColor : colors.guideBoxUnsatisfiedColor
   }), guidanceMessage !== '' && ( /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
     "$top": "82.5vh",
@@ -10095,7 +10101,7 @@ var IdCapture = function IdCapture(_a) {
     "$variant": satisfied ? 'positive' : 'default',
     className: classNames.guidanceMessage
   }, guidanceMessage))), debugMode && state.detectedObjects.length > 0 && ( /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
-    "$flipX": !((_l = cameraRef.current) === null || _l === void 0 ? void 0 : _l.isRearFacing)
+    "$flipX": !((_o = cameraRef.current) === null || _o === void 0 ? void 0 : _o.isRearFacing)
   }, state.detectedObjects.map(function (obj, i) {
     var _a;
     return /*#__PURE__*/React__default['default'].createElement(IdCaptureDetectedObjectDebugBox, {
@@ -11806,32 +11812,33 @@ var reducer$2 = function reducer(state, action) {
   }
 };
 var FaceLivenessCapture = function FaceLivenessCapture(_a) {
-  var _b;
+  var _b, _c, _d;
   var onCapture = _a.onCapture,
     onSuccess = _a.onSuccess,
     onTimeout = _a.onTimeout,
     onExit = _a.onExit,
-    _c = _a.timeoutDurationMs,
-    timeoutDurationMs = _c === void 0 ? 15000 : _c,
-    _d = _a.classNames,
-    classNames = _d === void 0 ? {} : _d,
-    _e = _a.colors,
-    colors = _e === void 0 ? {} : _e,
-    _f = _a.verbiage,
-    rawVerbiage = _f === void 0 ? {} : _f,
+    _e = _a.timeoutDurationMs,
+    timeoutDurationMs = _e === void 0 ? 15000 : _e,
+    _f = _a.classNames,
+    classNames = _f === void 0 ? {} : _f,
+    _g = _a.colors,
+    colors = _g === void 0 ? {} : _g,
+    _h = _a.verbiage,
+    rawVerbiage = _h === void 0 ? {} : _h,
     debugMode = _a.debugMode;
-  var _g = React.useContext(SubmissionContext),
-    checkLiveness = _g.checkLiveness,
-    submissionError = _g.submissionError;
+  var _j = React.useContext(SubmissionContext),
+    checkLiveness = _j.checkLiveness,
+    submissionError = _j.submissionError;
   var modelsError = React.useContext(HighPerformanceSelfieGuidanceModelsContext).error;
-  var _h = React.useReducer(reducer$2, initialState$2),
-    state = _h[0],
-    dispatch = _h[1];
-  var _j = React.useState(null),
-    imageUrl = _j[0],
-    setImageUrl = _j[1];
+  var _k = React.useReducer(reducer$2, initialState$2),
+    state = _k[0],
+    dispatch = _k[1];
+  var _l = React.useState(null),
+    imageUrl = _l[0],
+    setImageUrl = _l[1];
   var rawCanvas = React.useRef(null);
   var cropCanvas = React.useRef(null);
+  var theme = styled.useTheme();
   var onSelfieCaptured = React.useCallback(function (frame, face) {
     onCapture === null || onCapture === void 0 ? void 0 : onCapture();
     dispatch({
@@ -11969,10 +11976,10 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  }), imageUrl && ( /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
+  }), !((_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && imageUrl && ( /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
     classNames: classNames.imagePreview,
     imageUrl: imageUrl,
-    text: (_b = verbiage.progressPreviewText) !== null && _b !== void 0 ? _b : ''
+    text: (_d = verbiage.progressPreviewText) !== null && _d !== void 0 ? _d : ''
   })));
 };
 
@@ -14943,34 +14950,35 @@ var reducer$1 = function reducer(state, action) {
   }
 };
 var CustomerVerificationCapture = function CustomerVerificationCapture(_a) {
+  var _b, _c;
   var onCustomerMatched = _a.onCustomerMatched,
     onCustomerNotMatched = _a.onCustomerNotMatched,
     onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
     onExit = _a.onExit,
     captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
-    _b = _a.classNames,
-    classNames = _b === void 0 ? {} : _b,
-    _c = _a.colors,
-    colors = _c === void 0 ? {} : _c,
-    _d = _a.verbiage,
-    verbiage = _d === void 0 ? {} : _d,
-    _e = _a.debugMode,
-    debugMode = _e === void 0 ? false : _e;
-  var _f = React.useReducer(reducer$1, initialState$1),
-    state = _f[0],
-    dispatch = _f[1];
+    _d = _a.classNames,
+    classNames = _d === void 0 ? {} : _d,
+    _e = _a.colors,
+    colors = _e === void 0 ? {} : _e,
+    _f = _a.verbiage,
+    verbiage = _f === void 0 ? {} : _f,
+    _g = _a.debugMode,
+    debugMode = _g === void 0 ? false : _g;
+  var _h = React.useReducer(reducer$1, initialState$1),
+    state = _h[0],
+    dispatch = _h[1];
   var frame = state.frame,
     face = state.face;
-  var _g = React.useContext(SubmissionContext),
-    submit = _g.submit,
-    submissionRequest = _g.submissionRequest,
-    submissionResponse = _g.submissionResponse,
-    submissionError = _g.submissionError,
-    selfieImage = _g.selfieImage,
-    setSelfieImage = _g.setSelfieImage;
-  var _h = React.useState(null),
-    imageUrl = _h[0],
-    setImageUrl = _h[1];
+  var _j = React.useContext(SubmissionContext),
+    submit = _j.submit,
+    submissionRequest = _j.submissionRequest,
+    submissionResponse = _j.submissionResponse,
+    submissionError = _j.submissionError,
+    selfieImage = _j.selfieImage,
+    setSelfieImage = _j.setSelfieImage;
+  var _k = React.useState(null),
+    imageUrl = _k[0],
+    setImageUrl = _k[1];
   var rawCanvas = React.useRef(null);
   var cropCanvas = React.useRef(null);
   var onSelfieCaptured = React.useCallback(function (frame, face) {
@@ -15043,6 +15051,7 @@ var CustomerVerificationCapture = function CustomerVerificationCapture(_a) {
   }, [onCustomerMatched, onCustomerNotMatched, state.requestState, submissionRequest, submissionResponse]);
   useTimeout(captureGuidanceTimeoutDurationMs, onCaptureGuidanceTimeout, ['VERIFIED', 'REJECTED'].includes(state.requestState), state.requestState === 'VERIFYING');
   var progressPreviewText = useVerbiage(verbiage.progressPreviewText, 'Processing...');
+  var theme = styled.useTheme();
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
     ref: rawCanvas
   }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
@@ -15055,7 +15064,7 @@ var CustomerVerificationCapture = function CustomerVerificationCapture(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  }), imageUrl && ( /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
+  }), !((_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && imageUrl && ( /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
     imageUrl: imageUrl,
     text: progressPreviewText,
     classNames: classNames.imagePreview
@@ -15435,32 +15444,33 @@ var reducer = function reducer(state, action) {
   }
 };
 var CustomerIdentificationCapture = function CustomerIdentificationCapture(_a) {
+  var _b, _c;
   var onCustomerMatched = _a.onCustomerMatched,
     onCustomerNotMatched = _a.onCustomerNotMatched,
     onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
     onExit = _a.onExit,
     captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
-    _b = _a.classNames,
-    classNames = _b === void 0 ? {} : _b,
-    _c = _a.colors,
-    colors = _c === void 0 ? {} : _c,
-    _d = _a.verbiage,
-    verbiage = _d === void 0 ? {} : _d,
-    _e = _a.debugMode,
-    debugMode = _e === void 0 ? false : _e;
-  var _f = React.useReducer(reducer, initialState),
-    state = _f[0],
-    dispatch = _f[1];
-  var _g = React.useContext(SubmissionContext),
-    submit = _g.submit,
-    submissionRequest = _g.submissionRequest,
-    submissionResponse = _g.submissionResponse,
-    submissionError = _g.submissionError,
-    selfieImage = _g.selfieImage,
-    setSelfieImage = _g.setSelfieImage;
-  var _h = React.useState(null),
-    imageUrl = _h[0],
-    setImageUrl = _h[1];
+    _d = _a.classNames,
+    classNames = _d === void 0 ? {} : _d,
+    _e = _a.colors,
+    colors = _e === void 0 ? {} : _e,
+    _f = _a.verbiage,
+    verbiage = _f === void 0 ? {} : _f,
+    _g = _a.debugMode,
+    debugMode = _g === void 0 ? false : _g;
+  var _h = React.useReducer(reducer, initialState),
+    state = _h[0],
+    dispatch = _h[1];
+  var _j = React.useContext(SubmissionContext),
+    submit = _j.submit,
+    submissionRequest = _j.submissionRequest,
+    submissionResponse = _j.submissionResponse,
+    submissionError = _j.submissionError,
+    selfieImage = _j.selfieImage,
+    setSelfieImage = _j.setSelfieImage;
+  var _k = React.useState(null),
+    imageUrl = _k[0],
+    setImageUrl = _k[1];
   var rawCanvas = React.useRef(null);
   var cropCanvas = React.useRef(null);
   var onSelfieCaptured = React.useCallback(function (frame, face) {
@@ -15535,6 +15545,7 @@ var CustomerIdentificationCapture = function CustomerIdentificationCapture(_a) {
   }, [onCustomerMatched, onCustomerNotMatched, state.requestState, submissionRequest, submissionResponse]);
   useTimeout(captureGuidanceTimeoutDurationMs, onCaptureGuidanceTimeout, ['FOUND', 'NOT_FOUND'].includes(state.requestState), state.requestState === 'IDENTIFYING');
   var progressPreviewText = useVerbiage(verbiage.progressPreviewText, 'Processing...');
+  var theme = styled.useTheme();
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
     ref: rawCanvas
   }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
@@ -15547,7 +15558,7 @@ var CustomerIdentificationCapture = function CustomerIdentificationCapture(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  }), imageUrl && ( /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
+  }), !((_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && imageUrl && ( /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
     text: progressPreviewText,
     imageUrl: imageUrl,
     classNames: classNames.imagePreview