idmission-web-sdk 1.0.289 → 1.0.290

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

@@ -5,6 +5,7 @@ import { OnBeforeDocumentUpload, OnDocumentUploaded, OnDocumentUploadFailed, OnD
 import { SubmissionRequest } from '../../contexts/SubmissionContext';
 import { DocumentCaptureWizardClassNames, DocumentCaptureWizardVerbiage } from '../document_capture/DocumentCaptureWizard';
 import { CameraFeedMode } from '../../lib/camera/CameraFeedWrapper';
+import { CapturedDocument, OnAllDocumentsUploaded } from '../document_capture/DocumentCaptureStateProvider';
 export type DocumentCaptureClassNames = DocumentCaptureWizardClassNames;
 export type DocumentCaptureVerbiage = DocumentCaptureWizardVerbiage;
 export interface DocumentCaptureProps extends PropsWithChildren {
@@ -31,11 +32,12 @@ 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?: (documentId: string) => void;
+    onComplete?: OnAllDocumentsUploaded;
     /** 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. */
     onUserCancel?: () => void;
+    documents?: CapturedDocument[];
     aspectRatio?: number;
     cameraFeedMode?: CameraFeedMode;
     instructions?: ReactNode;

package/dist/components/document_capture/DocumentCaptureScreen.d.ts

@@ -1,5 +1,4 @@
-import React, { ReactNode } from 'react';
-import { CameraFeedMode } from '../../lib/camera/CameraFeedWrapper';
+import React from 'react';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
 export type DocumentCaptureScreenClassNames = {
     container?: string;
@@ -31,12 +30,8 @@ export type DocumentCaptureScreenVerbiage = {
     successBtnText?: CustomerSuppliedVerbiage;
 };
 export type DocumentCaptureScreenProps = {
-    aspectRatio?: number;
-    cameraFeedMode?: CameraFeedMode;
-    instructions?: ReactNode;
     onCaptureClicked?: () => void;
-    onSuccess?: (documentId: string) => void;
     classNames?: DocumentCaptureScreenClassNames;
     verbiage?: DocumentCaptureScreenVerbiage;
 };
-export declare const DocumentCaptureScreen: ({ aspectRatio, cameraFeedMode, instructions, onCaptureClicked, onSuccess, classNames, verbiage: rawVerbiage, }: DocumentCaptureScreenProps) => React.JSX.Element;
+export declare const DocumentCaptureScreen: ({ onCaptureClicked, classNames, verbiage: rawVerbiage, }: DocumentCaptureScreenProps) => React.JSX.Element;

package/dist/components/document_capture/DocumentCaptureStateProvider.d.ts

@@ -1,5 +1,22 @@
 import React, { Dispatch, ReactNode } from 'react';
+import { CameraFeedMode } from '../../lib/camera/CameraFeedWrapper';
+export type OnDocumentUploaded = (document: CapturedDocument) => void;
+export type OnAllDocumentsUploaded = (documents: CapturedDocument[]) => Promise<void>;
+export type CapturedDocument = {
+    title?: string;
+    aspectRatio?: number;
+    cameraFeedMode?: CameraFeedMode;
+    instructions?: ReactNode;
+    documentId?: string;
+    content?: Blob;
+    contentUrl?: string;
+    uploadState?: DocumentCaptureUploadState;
+    onUploaded?: OnDocumentUploaded;
+};
+type DocumentCaptureUploadState = 'not_started' | 'in_progress' | 'succeeded' | 'failed';
 export type DocumentCaptureState = {
+    documents: CapturedDocument[];
+    currentDocumentIndex: number;
     initialDrawComplete: boolean;
     redrawing: boolean;
     rectX: number;
@@ -8,11 +25,12 @@ export type DocumentCaptureState = {
     rectHeight: number;
     rectOffsetTop: number;
     capturing: boolean;
-    imageUrl: string;
-    imageBlob: Blob | null;
-    uploadState: 'not_started' | 'in_progress' | 'succeeded' | 'failed';
+    onDocumentUploaded?: OnDocumentUploaded;
+    onAllDocumentsUploaded?: OnAllDocumentsUploaded;
 };
 export declare const documentCaptureInitialState: {
+    documents: never[];
+    currentDocumentIndex: number;
     initialDrawComplete: false;
     redrawing: false;
     capturing: false;
@@ -21,12 +39,18 @@ export declare const documentCaptureInitialState: {
     rectWidth: number;
     rectHeight: number;
     rectOffsetTop: number;
-    imageUrl: string;
-    imageBlob: null;
-    uploadState: "not_started";
 };
 export declare const DocumentCaptureStateContext: React.Context<DocumentCaptureState>;
 export type DocumentCaptureAction = {
+    type: 'setDocuments';
+    payload: CapturedDocument[];
+} | {
+    type: 'setHooks';
+    payload: {
+        onDocumentUploaded?: OnDocumentUploaded;
+        onAllDocumentsUploaded?: OnAllDocumentsUploaded;
+    };
+} | {
     type: 'redrawRequested';
 } | {
     type: 'redrawInProgress';
@@ -44,8 +68,8 @@ export type DocumentCaptureAction = {
 } | {
     type: 'captureCompleted';
     payload: {
-        imageUrl: string;
-        imageBlob: Blob;
+        content: Blob;
+        contentUrl: string;
     };
 } | {
     type: 'retryCapture';
@@ -53,16 +77,26 @@ export type DocumentCaptureAction = {
     type: 'uploadStarted';
 } | {
     type: 'uploadCompleted';
+    payload: {
+        documentId: string;
+    };
 } | {
     type: 'uploadFailed';
 };
 export type DocumentCaptureDispatch = Dispatch<DocumentCaptureAction>;
 export declare const DocumentCaptureDispatchContext: React.Context<DocumentCaptureDispatch>;
 export declare const documentCaptureStateReducer: (state: DocumentCaptureState, action: DocumentCaptureAction) => DocumentCaptureState;
-export declare const DocumentCaptureStateProvider: ({ children, }: {
+export declare const DocumentCaptureStateProvider: ({ documents, aspectRatio, cameraFeedMode, instructions, onDocumentUploaded, onAllDocumentsUploaded, children, }: {
+    documents?: CapturedDocument[] | undefined;
+    aspectRatio?: number | undefined;
+    cameraFeedMode?: CameraFeedMode | undefined;
+    instructions?: ReactNode;
+    onDocumentUploaded?: OnDocumentUploaded | undefined;
+    onAllDocumentsUploaded?: OnAllDocumentsUploaded | undefined;
     children: ReactNode;
 }) => React.JSX.Element;
 export declare const useDocumentCaptureState: () => [
     DocumentCaptureState,
     DocumentCaptureDispatch
 ];
+export {};

package/dist/components/document_capture/DocumentCaptureWizard.d.ts

@@ -1,16 +1,19 @@
 import React, { ReactNode } from 'react';
 import { DocumentCaptureScreenClassNames, DocumentCaptureScreenVerbiage } from './DocumentCaptureScreen';
+import { CapturedDocument, OnAllDocumentsUploaded, OnDocumentUploaded } from './DocumentCaptureStateProvider';
 import { CameraFeedMode } from '../../lib/camera/CameraFeedWrapper';
 export type DocumentCaptureWizardClassNames = DocumentCaptureScreenClassNames;
 export type DocumentCaptureWizardVerbiage = DocumentCaptureScreenVerbiage;
 export type DocumentCaptureWizardProps = {
-    onSuccess?: (documentId: string) => void;
+    onSuccess?: OnAllDocumentsUploaded;
+    onDocumentUploaded?: OnDocumentUploaded;
     onExitCapture?: () => void;
     onUserCancel?: () => void;
+    documents?: CapturedDocument[];
     aspectRatio?: number;
     cameraFeedMode?: CameraFeedMode;
     instructions?: ReactNode;
     classNames?: DocumentCaptureWizardClassNames;
     verbiage?: DocumentCaptureWizardVerbiage;
 };
-export declare const DocumentCaptureWizard: ({ onSuccess, aspectRatio, cameraFeedMode, instructions, classNames, verbiage, }: DocumentCaptureWizardProps) => React.JSX.Element;
+export declare const DocumentCaptureWizard: ({ onSuccess, onDocumentUploaded, documents, aspectRatio, cameraFeedMode, instructions, classNames, verbiage, }: DocumentCaptureWizardProps) => React.JSX.Element;

package/dist/sdk2.cjs.development.js

@@ -51,7 +51,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.289';
+var webSdkVersion = '1.0.290';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -18735,6 +18735,8 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
 };
 
 var documentCaptureInitialState = {
+  documents: [],
+  currentDocumentIndex: 0,
   initialDrawComplete: false,
   redrawing: false,
   capturing: false,
@@ -18742,15 +18744,20 @@ var documentCaptureInitialState = {
   rectY: 0,
   rectWidth: 0,
   rectHeight: 0,
-  rectOffsetTop: 0,
-  imageUrl: '',
-  imageBlob: null,
-  uploadState: 'not_started'
+  rectOffsetTop: 0
 };
 var DocumentCaptureStateContext = /*#__PURE__*/React.createContext(documentCaptureInitialState);
 var DocumentCaptureDispatchContext = /*#__PURE__*/React.createContext(function () {});
 var documentCaptureStateReducer = function documentCaptureStateReducer(state, action) {
+  var _a, _b, _c, _d;
   switch (action.type) {
+    case 'setDocuments':
+      return tslib.__assign(tslib.__assign({}, state), {
+        documents: action.payload,
+        currentDocumentIndex: 0
+      });
+    case 'setHooks':
+      return tslib.__assign(tslib.__assign({}, state), action.payload);
     case 'redrawRequested':
       return tslib.__assign(tslib.__assign({}, state), {
         redrawing: true,
@@ -18778,38 +18785,102 @@ var documentCaptureStateReducer = function documentCaptureStateReducer(state, ac
         capturing: true
       });
     case 'captureCompleted':
-      return tslib.__assign(tslib.__assign(tslib.__assign({}, state), {
-        capturing: false
-      }), action.payload);
+      {
+        var newState = tslib.__assign(tslib.__assign({}, state), {
+          capturing: false
+        });
+        var index = state.currentDocumentIndex;
+        newState.documents[index].content = action.payload.content;
+        newState.documents[index].contentUrl = action.payload.contentUrl;
+        return newState;
+      }
     case 'retryCapture':
-      return tslib.__assign(tslib.__assign({}, state), {
-        imageUrl: '',
-        imageBlob: null
-      });
+      {
+        var newState = tslib.__assign({}, state);
+        var index = state.currentDocumentIndex;
+        newState.documents[index].content = undefined;
+        newState.documents[index].contentUrl = undefined;
+        return newState;
+      }
     case 'uploadStarted':
-      return tslib.__assign(tslib.__assign({}, state), {
-        uploadState: 'in_progress'
-      });
+      {
+        var newState = tslib.__assign({}, state);
+        var index = state.currentDocumentIndex;
+        newState.documents[index].uploadState = 'in_progress';
+        return newState;
+      }
     case 'uploadCompleted':
-      return tslib.__assign(tslib.__assign({}, state), {
-        uploadState: 'succeeded'
-      });
+      {
+        var newState = tslib.__assign({}, state);
+        var index = state.currentDocumentIndex;
+        newState.documents[index].documentId = action.payload.documentId;
+        newState.documents[index].uploadState = 'succeeded';
+        (_b = (_a = newState.documents[index]).onUploaded) === null || _b === void 0 ? void 0 : _b.call(_a, newState.documents[index]);
+        (_c = state.onDocumentUploaded) === null || _c === void 0 ? void 0 : _c.call(state, newState.documents[index]);
+        if (state.documents.length - 1 > index) {
+          newState.currentDocumentIndex += 1;
+        } else {
+          (_d = state.onAllDocumentsUploaded) === null || _d === void 0 ? void 0 : _d.call(state, newState.documents);
+        }
+        return newState;
+      }
     case 'uploadFailed':
-      return tslib.__assign(tslib.__assign({}, state), {
-        uploadState: 'failed'
-      });
+      {
+        var newState = tslib.__assign({}, state);
+        var index = state.currentDocumentIndex;
+        newState.documents[index].uploadState = 'failed';
+        return newState;
+      }
     default:
       return state;
   }
 };
 var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
-  var children = _a.children;
-  var _b = React.useContext(CameraStateContext),
-    cameraRef = _b.cameraRef,
-    videoRef = _b.videoRef;
-  var _c = React.useReducer(documentCaptureStateReducer, documentCaptureInitialState),
-    state = _c[0],
-    dispatch = _c[1];
+  var _b = _a.documents,
+    documents = _b === void 0 ? [] : _b,
+    aspectRatio = _a.aspectRatio,
+    cameraFeedMode = _a.cameraFeedMode,
+    instructions = _a.instructions,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onAllDocumentsUploaded = _a.onAllDocumentsUploaded,
+    children = _a.children;
+  var _c = React.useContext(CameraStateContext),
+    cameraRef = _c.cameraRef,
+    videoRef = _c.videoRef;
+  var _d = React.useReducer(documentCaptureStateReducer, documentCaptureInitialState),
+    state = _d[0],
+    dispatch = _d[1];
+  React.useEffect(function () {
+    var resolvedDocuments = (documents === null || documents === void 0 ? void 0 : documents.length) ? documents.map(function (d) {
+      return tslib.__assign(tslib.__assign({
+        title: 'Document Capture',
+        aspectRatio: aspectRatio,
+        cameraFeedMode: 'snapToGuides',
+        instructions: instructions
+      }, d), {
+        uploadState: 'not_started'
+      });
+    }) : [{
+      title: 'Document Capture',
+      aspectRatio: aspectRatio,
+      cameraFeedMode: cameraFeedMode !== null && cameraFeedMode !== void 0 ? cameraFeedMode : 'snapToGuides',
+      instructions: instructions,
+      uploadState: 'not_started'
+    }];
+    dispatch({
+      type: 'setDocuments',
+      payload: resolvedDocuments
+    });
+  }, [aspectRatio, cameraFeedMode, documents, instructions]);
+  React.useEffect(function () {
+    dispatch({
+      type: 'setHooks',
+      payload: {
+        onDocumentUploaded: onDocumentUploaded,
+        onAllDocumentsUploaded: onAllDocumentsUploaded
+      }
+    });
+  }, [onAllDocumentsUploaded, onDocumentUploaded]);
   var onResize = useDebounce.useDebouncedCallback(function () {
     dispatch({
       type: 'redrawRequested'
@@ -18826,14 +18897,14 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
   React.useEffect(function () {
     if (!state.capturing) return;
     if (!cameraRef.current) return;
-    function onComplete(imageBlob) {
-      if (!imageBlob) return;
-      var imageUrl = URL.createObjectURL(imageBlob);
+    function onComplete(content) {
+      if (!content) return;
+      var contentUrl = URL.createObjectURL(content);
       dispatch({
         type: 'captureCompleted',
         payload: {
-          imageUrl: imageUrl,
-          imageBlob: imageBlob
+          content: content,
+          contentUrl: contentUrl
         }
       });
     }
@@ -18961,40 +19032,40 @@ var Canvas = styled__default['default'].canvas(templateObject_2$1 || (templateOb
 var templateObject_1$1, templateObject_2$1;
 
 var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
-  var _b, _c, _d, _e;
-  var aspectRatio = _a.aspectRatio,
-    _f = _a.cameraFeedMode,
-    cameraFeedMode = _f === void 0 ? 'snapToGuides' : _f,
-    instructions = _a.instructions,
-    onCaptureClicked = _a.onCaptureClicked,
-    onSuccess = _a.onSuccess,
+  var _b, _c, _d, _e, _f;
+  var onCaptureClicked = _a.onCaptureClicked,
     _g = _a.classNames,
     classNames = _g === void 0 ? {} : _g,
     _h = _a.verbiage,
     rawVerbiage = _h === void 0 ? {} : _h;
-  var _j = React.useContext(SubmissionContext),
-    submit = _j.submit,
-    uploadDocument = _j.uploadDocument;
-  var _k = useDocumentCaptureState(),
-    _l = _k[0],
-    rectX = _l.rectX,
-    rectY = _l.rectY,
-    rectWidth = _l.rectWidth,
-    rectHeight = _l.rectHeight,
-    rectOffsetTop = _l.rectOffsetTop,
-    capturing = _l.capturing,
-    imageUrl = _l.imageUrl,
-    imageBlob = _l.imageBlob,
-    uploadState = _l.uploadState,
-    dispatch = _k[1];
+  var uploadDocument = React.useContext(SubmissionContext).uploadDocument;
+  var _j = useDocumentCaptureState(),
+    _k = _j[0],
+    documents = _k.documents,
+    currentDocumentIndex = _k.currentDocumentIndex,
+    rectX = _k.rectX,
+    rectY = _k.rectY,
+    rectWidth = _k.rectWidth,
+    rectHeight = _k.rectHeight,
+    rectOffsetTop = _k.rectOffsetTop,
+    capturing = _k.capturing,
+    dispatch = _j[1];
+  var _l = (_b = documents[currentDocumentIndex]) !== null && _b !== void 0 ? _b : {},
+    title = _l.title,
+    aspectRatio = _l.aspectRatio,
+    cameraFeedMode = _l.cameraFeedMode,
+    instructions = _l.instructions,
+    contentUrl = _l.contentUrl,
+    content = _l.content,
+    uploadState = _l.uploadState;
   var _m = React.useContext(CameraStateContext),
     cameraReady = _m.cameraReady,
     cameraAccessDenied = _m.cameraAccessDenied,
     retryCameraAccess = _m.retryCameraAccess;
   var theme = styled.useTheme();
-  var maskColor = (_d = (_c = (_b = theme.documentCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.maskColor) !== null && _d !== void 0 ? _d : cameraFeedMode === 'snapToGuides' ? '#708090' : "rgba(0, 0, 0, 0.5)";
+  var maskColor = (_e = (_d = (_c = theme.documentCapture) === null || _c === void 0 ? void 0 : _c.guideBox) === null || _d === void 0 ? void 0 : _d.maskColor) !== null && _e !== void 0 ? _e : cameraFeedMode === 'snapToGuides' ? '#708090' : "rgba(0, 0, 0, 0.5)";
   var verbiage = useTranslations(rawVerbiage, {
-    headingText: 'Document Capture',
+    headingText: title,
     loadingBtnText: 'Camera initializing...',
     retryCameraAccessBtnText: 'Retry',
     captureBtnText: 'Capture',
@@ -19017,47 +19088,46 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
       return tslib.__generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            _a.trys.push([0, 3,, 4]);
+            _a.trys.push([0, 2,, 3]);
             dispatch({
               type: 'uploadStarted'
             });
-            return [4 /*yield*/, uploadDocument(imageBlob, {
+            return [4 /*yield*/, uploadDocument(content, {
               filetype: 'image/jpeg'
             })];
           case 1:
             documentId = _a.sent();
             dispatch({
-              type: 'uploadCompleted'
+              type: 'uploadCompleted',
+              payload: {
+                documentId: documentId
+              }
             });
-            return [4 /*yield*/, submit()];
+            return [3 /*break*/, 3];
           case 2:
-            _a.sent();
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(documentId);
-            return [3 /*break*/, 4];
-          case 3:
             _a.sent();
             dispatch({
               type: 'uploadFailed'
             });
-            return [3 /*break*/, 4];
-          case 4:
+            return [3 /*break*/, 3];
+          case 3:
             return [2 /*return*/];
         }
       });
     });
   }
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
-    className: "flex ".concat((_e = classNames.container) !== null && _e !== void 0 ? _e : '')
+    className: "flex ".concat((_f = classNames.container) !== null && _f !== void 0 ? _f : '')
   }, /*#__PURE__*/React__default['default'].createElement(CameraFeedWrapper, {
     className: classNames.cameraFeedWrapper,
-    "$mode": cameraFeedMode,
+    "$mode": cameraFeedMode !== null && cameraFeedMode !== void 0 ? cameraFeedMode : 'snapToGuides',
     "$x": rectX,
     "$y": rectY + rectOffsetTop,
     "$w": rectWidth,
     "$h": rectHeight
-  }, imageUrl ? ( /*#__PURE__*/React__default['default'].createElement(PreviewImage, {
+  }, contentUrl ? ( /*#__PURE__*/React__default['default'].createElement(PreviewImage, {
     alt: "",
-    src: imageUrl,
+    src: contentUrl,
     className: classNames.previewImage
   })) : ( /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, {
     className: classNames.cameraFeed
@@ -19084,7 +19154,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
     variant: "negative",
     finished: true,
     onClick: retryCameraAccess
-  }, verbiage.retryCameraAccessBtnText)) : imageUrl ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, uploadState === 'not_started' ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, verbiage.retryCameraAccessBtnText)) : contentUrl ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, uploadState === 'not_started' ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     className: classNames.retryCaptureBtn,
     finished: true,
     variant: "warning",
@@ -19103,7 +19173,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
     finished: uploadState !== 'in_progress',
     variant: uploadState === 'failed' ? 'negative' : 'positive',
     onClick: onSubmitClick,
-    disabled: ['in_progress', 'succeeded'].includes(uploadState)
+    disabled: ['in_progress', 'succeeded'].includes(uploadState !== null && uploadState !== void 0 ? uploadState : '')
   }, uploadState === 'succeeded' ? verbiage.successBtnText : uploadState === 'failed' ? verbiage.retryUploadBtnText : verbiage.uploadingBtnText)))) : ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     className: classNames.captureBtn,
     finished: cameraReady,
@@ -19130,18 +19200,26 @@ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, temp
 
 var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
   var onSuccess = _a.onSuccess,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    // TODO: onExitCapture, onUserCancel
+    _b = _a.documents,
+    // TODO: onExitCapture, onUserCancel
+    documents = _b === void 0 ? [] : _b,
     aspectRatio = _a.aspectRatio,
     cameraFeedMode = _a.cameraFeedMode,
     instructions = _a.instructions,
-    _b = _a.classNames,
-    classNames = _b === void 0 ? {} : _b,
-    _c = _a.verbiage,
-    verbiage = _c === void 0 ? {} : _c;
-  return /*#__PURE__*/React__default['default'].createElement(DocumentCaptureStateProvider, null, /*#__PURE__*/React__default['default'].createElement(DocumentCaptureScreen, {
+    _c = _a.classNames,
+    classNames = _c === void 0 ? {} : _c,
+    _d = _a.verbiage,
+    verbiage = _d === void 0 ? {} : _d;
+  return /*#__PURE__*/React__default['default'].createElement(DocumentCaptureStateProvider, {
+    documents: documents,
     aspectRatio: aspectRatio,
     cameraFeedMode: cameraFeedMode,
     instructions: instructions,
-    onSuccess: onSuccess,
+    onDocumentUploaded: onDocumentUploaded,
+    onAllDocumentsUploaded: onSuccess
+  }, /*#__PURE__*/React__default['default'].createElement(DocumentCaptureScreen, {
     classNames: classNames,
     verbiage: verbiage
   }));
@@ -19166,21 +19244,23 @@ var DocumentCapture = function DocumentCapture(_a) {
     onComplete = _a.onComplete,
     onExitCapture = _a.onExitCapture,
     onUserCancel = _a.onUserCancel,
+    _c = _a.documents,
+    documents = _c === void 0 ? [] : _c,
     aspectRatio = _a.aspectRatio,
     cameraFeedMode = _a.cameraFeedMode,
     instructions = _a.instructions,
-    _c = _a.theme,
-    theme = _c === void 0 ? 'default' : _c,
-    _d = _a.classNames,
-    classNames = _d === void 0 ? {} : _d,
-    _e = _a.verbiage,
-    verbiage = _e === void 0 ? {} : _e,
-    _f = _a.geolocationEnabled,
-    geolocationEnabled = _f === void 0 ? true : _f,
-    _g = _a.geolocationRequired,
-    geolocationRequired = _g === void 0 ? false : _g,
-    _h = _a.debugMode,
-    debugMode = _h === void 0 ? false : _h;
+    _d = _a.theme,
+    theme = _d === void 0 ? 'default' : _d,
+    _e = _a.classNames,
+    classNames = _e === void 0 ? {} : _e,
+    _f = _a.verbiage,
+    verbiage = _f === void 0 ? {} : _f,
+    _g = _a.geolocationEnabled,
+    geolocationEnabled = _g === void 0 ? true : _g,
+    _h = _a.geolocationRequired,
+    geolocationRequired = _h === void 0 ? false : _h,
+    _j = _a.debugMode,
+    debugMode = _j === void 0 ? false : _j;
   useLanguage(lang);
   return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
     sessionId: sessionId,
@@ -19206,6 +19286,7 @@ var DocumentCapture = function DocumentCapture(_a) {
     onSuccess: onComplete,
     onExitCapture: onExitCapture,
     onUserCancel: onUserCancel,
+    documents: documents,
     aspectRatio: aspectRatio,
     cameraFeedMode: cameraFeedMode,
     instructions: instructions,