idmission-web-sdk 1.0.109 → 1.0.112

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

@@ -1,7 +1,7 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
 import { ThemeInput } from '../../themes';
 import { LangOption } from '../../lib/locales';
-import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
+import { SubmissionRequest } from '../../contexts/SubmissionContext';
 import { DocumentCaptureWizardClassNames } from '../document_capture/DocumentCaptureWizard';
 import { CameraFeedMode } from '../document_capture/DocumentCaptureScreen';
 export type DocumentCaptureClassNames = DocumentCaptureWizardClassNames;
@@ -19,7 +19,7 @@ export interface DocumentCaptureProps extends PropsWithChildren {
     /** Callback function that fires when the user has completed the flow instead of making a call to IDmission's servers, allowing customers to specify their own submission logic. Arguments: the request payload that would have been dispatched to IDmission's API, which contains the images/documents/video submitted by the user. Note that when this parameter is supplied, `onComplete` will never fire, and the customer will need to implement their own error handling/retry logic. Use at your own risk! */
     onSubmit?: (req: SubmissionRequest) => void;
     /** Callback function that fires when the user completes the DocumentCapture flow. Arguments: the SubmissionResponse from IDmission's API is passed as an argument to the customer's application for further handling, which indicates whether the user passed the validation check, and the request payload dispatched to IDmission's API, which contains the images submitted by the user. */
-    onComplete?: (resp: SubmissionResponse, req: SubmissionRequest) => void;
+    onComplete?: () => void;
     /** Callback function that fires when the user clicks the exit button during ID or selfie capture. */
     onExitCapture?: () => void;
     /** Callback function that fires when the user clicks the exit button from the loading overlay, declining to engage with IDmission. Binding this callback results in the cancel button being rendered on the loading overlay. */

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.109';
+var webSdkVersion = '1.0.112';
 
 function getPlatform() {
   if (typeof window === 'undefined') return;
@@ -733,78 +733,80 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     _t = _a.webhooksFireOnReview,
     webhooksFireOnReview = _t === void 0 ? false : _t,
     precapturedDocuments = _a.precapturedDocuments,
-    documentServiceUrl = _a.documentServiceUrl,
+    _u = _a.documentServiceUrl,
+    documentServiceUrl = _u === void 0 ? 'https://portal-api-dev.idmission.com/files/' : _u,
+    // 'http://localhost:10000/files/',
     onSubmit = _a.onSubmit,
     onBeforeSubmit = _a.onBeforeSubmit,
     onBeforeLivenessCheck = _a.onBeforeLivenessCheck,
     onResponseReceived = _a.onResponseReceived,
     onRequestFailure = _a.onRequestFailure;
-  var _u = React.useState(SubmissionStatus.READY),
-    submissionStatus = _u[0],
-    setSubmissionStatus = _u[1];
-  var _v = React.useState(null),
-    submissionRequest = _v[0],
-    setSubmissionRequest = _v[1];
+  var _v = React.useState(SubmissionStatus.READY),
+    submissionStatus = _v[0],
+    setSubmissionStatus = _v[1];
   var _w = React.useState(null),
-    submissionResponse = _w[0],
-    setSubmissionResponse = _w[1];
+    submissionRequest = _w[0],
+    setSubmissionRequest = _w[1];
   var _x = React.useState(null),
-    submissionError = _x[0],
-    setSubmissionError = _x[1];
+    submissionResponse = _x[0],
+    setSubmissionResponse = _x[1];
   var _y = React.useState(null),
-    retrySubmission = _y[0],
-    setRetrySubmission = _y[1];
+    submissionError = _y[0],
+    setSubmissionError = _y[1];
   var _z = React.useState(null),
-    livenessCheckRequest = _z[0],
-    setLivenessCheckRequest = _z[1];
+    retrySubmission = _z[0],
+    setRetrySubmission = _z[1];
   var _0 = React.useState(null),
-    idFrontImage = _0[0],
-    setIdFrontImage = _0[1];
+    livenessCheckRequest = _0[0],
+    setLivenessCheckRequest = _0[1];
   var _1 = React.useState(null),
-    idBackImage = _1[0],
-    setIdBackImage = _1[1];
+    idFrontImage = _1[0],
+    setIdFrontImage = _1[1];
   var _2 = React.useState(null),
-    passportImage = _2[0],
-    setPassportImage = _2[1];
+    idBackImage = _2[0],
+    setIdBackImage = _2[1];
   var _3 = React.useState(null),
-    selfieImage = _3[0],
-    setSelfieImage = _3[1];
+    passportImage = _3[0],
+    setPassportImage = _3[1];
   var _4 = React.useState(null),
-    signatureData = _4[0],
-    setSignatureData = _4[1];
+    selfieImage = _4[0],
+    setSelfieImage = _4[1];
   var _5 = React.useState(null),
-    signatureVideoUrl = _5[0],
-    setSignatureVideoUrl = _5[1];
+    signatureData = _5[0],
+    setSignatureData = _5[1];
   var _6 = React.useState(null),
-    idCaptureVideoUrl = _6[0],
-    setIdCaptureVideoUrl = _6[1];
+    signatureVideoUrl = _6[0],
+    setSignatureVideoUrl = _6[1];
   var _7 = React.useState(null),
-    idCaptureVideoIdFrontImage = _7[0],
-    setIdCaptureVideoIdFrontImage = _7[1];
+    idCaptureVideoUrl = _7[0],
+    setIdCaptureVideoUrl = _7[1];
   var _8 = React.useState(null),
-    idCaptureVideoIdBackImage = _8[0],
-    setIdCaptureVideoIdBackImage = _8[1];
+    idCaptureVideoIdFrontImage = _8[0],
+    setIdCaptureVideoIdFrontImage = _8[1];
   var _9 = React.useState(null),
-    additionalDocuments = _9[0],
-    setAdditionalDocuments = _9[1];
+    idCaptureVideoIdBackImage = _9[0],
+    setIdCaptureVideoIdBackImage = _9[1];
   var _10 = React.useState(null),
-    geolocationResult = _10[0],
-    setGeolocationResult = _10[1];
-  var _11 = React.useState(0),
-    geolocationAttempts = _11[0],
-    setGeolocationAttempts = _11[1];
-  var _12 = React.useState(false),
-    geolocationBlocked = _12[0],
-    setGeolocationBlocked = _12[1];
-  var _13 = React.useState([]),
-    idFrontCaptureAttempts = _13[0],
-    setIdFrontCaptureAttempts = _13[1];
+    additionalDocuments = _10[0],
+    setAdditionalDocuments = _10[1];
+  var _11 = React.useState(null),
+    geolocationResult = _11[0],
+    setGeolocationResult = _11[1];
+  var _12 = React.useState(0),
+    geolocationAttempts = _12[0],
+    setGeolocationAttempts = _12[1];
+  var _13 = React.useState(false),
+    geolocationBlocked = _13[0],
+    setGeolocationBlocked = _13[1];
   var _14 = React.useState([]),
-    idBackCaptureAttempts = _14[0],
-    setIdBackCaptureAttempts = _14[1];
+    idFrontCaptureAttempts = _14[0],
+    setIdFrontCaptureAttempts = _14[1];
   var _15 = React.useState([]),
-    selfieCaptureAttempts = _15[0],
-    setSelfieCaptureAttempts = _15[1];
+    idBackCaptureAttempts = _15[0],
+    setIdBackCaptureAttempts = _15[1];
+  var _16 = React.useState([]),
+    selfieCaptureAttempts = _16[0],
+    setSelfieCaptureAttempts = _16[1];
   var logIdFrontCaptureAttempt = React.useCallback(function (attempt) {
     setIdFrontCaptureAttempts(function (attempts) {
       return tslib.__spreadArray(tslib.__spreadArray([], attempts, true), [attempt], false);
@@ -1165,12 +1167,12 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     setSubmissionStatus(SubmissionStatus.READY);
     retrySubmission();
   }, [retrySubmission]);
-  var _16 = React.useState('NOT_PARSED'),
-    tokenState = _16[0],
-    setTokenState = _16[1];
-  var _17 = React.useState(null),
-    tokenError = _17[0],
-    setTokenError = _17[1];
+  var _17 = React.useState('NOT_PARSED'),
+    tokenState = _17[0],
+    setTokenState = _17[1];
+  var _18 = React.useState(null),
+    tokenError = _18[0],
+    setTokenError = _18[1];
   React.useEffect(function () {
     if (typeof window === 'undefined') return;
     (function () {
@@ -16422,10 +16424,12 @@ var documentCaptureStateReducer = function documentCaptureStateReducer(state, ac
 };
 var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
   var children = _a.children;
-  var cameraRef = React.useContext(CameraStateContext).cameraRef;
-  var _b = React.useReducer(documentCaptureStateReducer, documentCaptureInitialState),
-    state = _b[0],
-    dispatch = _b[1];
+  var _b = React.useContext(CameraStateContext),
+    cameraRef = _b.cameraRef,
+    videoRef = _b.videoRef;
+  var _c = React.useReducer(documentCaptureStateReducer, documentCaptureInitialState),
+    state = _c[0],
+    dispatch = _c[1];
   var onResize = useDebounce.useDebouncedCallback(function () {
     dispatch({
       type: 'redrawRequested'
@@ -16438,10 +16442,12 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
       window.removeEventListener('resize', onResize);
     };
   }, [onResize]);
+  var videoTag = videoRef.current;
   React.useEffect(function () {
     if (!state.capturing) return;
     if (!cameraRef.current) return;
-    new ImageCapture(cameraRef.current.stream.getTracks()[0]).takePhoto().then(function (imageBlob) {
+    function onComplete(imageBlob) {
+      if (!imageBlob) return;
       var imageUrl = URL.createObjectURL(imageBlob);
       dispatch({
         type: 'captureCompleted',
@@ -16450,8 +16456,15 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
           imageBlob: imageBlob
         }
       });
-    })["catch"](function () {});
-  }, [cameraRef, state.capturing]);
+    }
+    if (typeof ImageCapture !== 'undefined') {
+      new ImageCapture(cameraRef.current.stream.getTracks()[0]).takePhoto().then(onComplete)["catch"](function () {});
+    } else if (videoTag) {
+      var canvas = document.createElement('canvas');
+      drawToCanvas(canvas, videoTag);
+      canvas.toBlob(onComplete);
+    }
+  }, [cameraRef, state.capturing, videoTag]);
   return /*#__PURE__*/React__default['default'].createElement(DocumentCaptureStateContext.Provider, {
     value: state
   }, /*#__PURE__*/React__default['default'].createElement(DocumentCaptureDispatchContext.Provider, {
@@ -16746,8 +16759,7 @@ var DocumentCapture = function DocumentCapture(_a) {
     lang = _b === void 0 ? 'auto' : _b,
     submissionToken = _a.submissionToken,
     submissionUrl = _a.submissionUrl,
-    _c = _a.documentServiceUrl,
-    documentServiceUrl = _c === void 0 ? 'http://localhost:10000/files/' : _c,
+    documentServiceUrl = _a.documentServiceUrl,
     onBeforeSubmit = _a.onBeforeSubmit,
     onSubmit = _a.onSubmit,
     onComplete = _a.onComplete,
@@ -16756,10 +16768,10 @@ var DocumentCapture = function DocumentCapture(_a) {
     aspectRatio = _a.aspectRatio,
     cameraFeedMode = _a.cameraFeedMode,
     instructions = _a.instructions,
-    _d = _a.theme,
-    theme = _d === void 0 ? 'default' : _d,
-    _e = _a.classNames,
-    classNames = _e === void 0 ? {} : _e;
+    _c = _a.theme,
+    theme = _c === void 0 ? 'default' : _c,
+    _d = _a.classNames,
+    classNames = _d === void 0 ? {} : _d;
   useLanguage(lang);
   return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
     theme: theme
@@ -16769,11 +16781,11 @@ var DocumentCapture = function DocumentCapture(_a) {
     token: submissionToken,
     documentServiceUrl: documentServiceUrl,
     onBeforeSubmit: onBeforeSubmit,
-    onSubmit: onSubmit,
-    onResponseReceived: onComplete
+    onSubmit: onSubmit
   }, /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
     preferContinuityCamera: true
   }, /*#__PURE__*/React__default['default'].createElement(DocumentCaptureWizard, {
+    onSuccess: onComplete,
     onExitCapture: onExitCapture,
     onUserCancel: onUserCancel,
     aspectRatio: aspectRatio,