idmission-web-sdk 1.0.291 → 1.0.293

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

@@ -28,6 +28,9 @@ export type DocumentCaptureState = {
     onDocumentUploaded?: OnDocumentUploaded;
     onAllDocumentsUploaded?: OnAllDocumentsUploaded;
 };
+export type DocumentCaptureStateWithActions = DocumentCaptureState & {
+    uploadCapturedDocument: (content: Blob) => Promise<void>;
+};
 export declare const documentCaptureInitialState: {
     documents: never[];
     currentDocumentIndex: number;
@@ -39,8 +42,9 @@ export declare const documentCaptureInitialState: {
     rectWidth: number;
     rectHeight: number;
     rectOffsetTop: number;
+    uploadCapturedDocument: () => Promise<void>;
 };
-export declare const DocumentCaptureStateContext: React.Context<DocumentCaptureState>;
+export declare const DocumentCaptureStateContext: React.Context<DocumentCaptureStateWithActions>;
 export type DocumentCaptureAction = {
     type: 'setDocuments';
     payload: CapturedDocument[];
@@ -96,7 +100,7 @@ export declare const DocumentCaptureStateProvider: ({ documents, aspectRatio, ca
     children: ReactNode;
 }) => React.JSX.Element;
 export declare const useDocumentCaptureState: () => [
-    DocumentCaptureState,
+    DocumentCaptureStateWithActions,
     DocumentCaptureDispatch
 ];
 export {};

package/dist/components/id_capture/HighPerformanceObjectDetectionModelsProvider.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { MutableRefObject, ReactElement, ReactNode } from 'react';
+import { ObjectDetector } from '@mediapipe/tasks-vision';
+export declare const visionTasksBasePath = "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@latest/wasm";
+export declare const objectDetectorModelPath = "https://websdk-cdn-dev.idmission.com/assets/models/mpobjtest/model_fp16.tflite";
+export type DetectedObject = {
+    box: {
+        xMin: number;
+        xMax: number;
+        yMin: number;
+        yMax: number;
+        width: number;
+        height: number;
+    };
+};
+export declare function loadHighPerformanceObjectDetector(modelAssetPath: string, delegate?: 'CPU' | 'GPU', scoreThreshold?: number): Promise<ObjectDetector>;
+type PredictionHandler = (prediction: DetectedObject[]) => void;
+type HighPerformanceSelfieGuidanceModelsState = {
+    start: () => void;
+    stop: () => void;
+    onPredictionMade: (handler: PredictionHandler) => void;
+    canvasRef: MutableRefObject<HTMLCanvasElement | null>;
+    ready: boolean;
+    error: Error | null;
+    modelDownloadProgress: number;
+};
+export declare const HighPerformanceObjectDetectionModelsContext: React.Context<HighPerformanceSelfieGuidanceModelsState>;
+export declare const HighPerformanceObjectDetectionModelsProvider: ({ autoStart, children, throttleMs, modelAssetPath, delegate, scoreThreshold, }: {
+    autoStart?: boolean | undefined;
+    children: ReactNode;
+    throttleMs?: number | undefined;
+    modelAssetPath?: string | undefined;
+    delegate?: "CPU" | "GPU" | undefined;
+    scoreThreshold?: number | undefined;
+}) => ReactElement;
+export {};

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.291';
+var webSdkVersion = '1.0.293';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -12774,7 +12774,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         dispatch({
           type: 'flipRequestCompleted'
         });
-      }, 3500);
+      }, 6000);
     }
   }, [dispatch, state.captureState]);
   if (modelsError) {
@@ -14877,13 +14877,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   }, verbiage.acceptBtnText))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, "Video: ", (_d = cameraRef.current) === null || _d === void 0 ? void 0 : _d.width, "x", (_e = cameraRef.current) === null || _e === void 0 ? void 0 : _e.height)), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
     onClick: onExit,
     className: classNames.exitCaptureBtn
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      display: 'none'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement("canvas", {
+  }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
     ref: outputCanvas
-  })));
+  }));
 };
 var AcceptBtn = styled__default['default'](LoaderButton)(templateObject_1$a || (templateObject_1$a = tslib.__makeTemplateObject(["\n  margin-left: auto;\n"], ["\n  margin-left: auto;\n"])));
 var templateObject_1$a;
@@ -18492,7 +18488,10 @@ var documentCaptureInitialState = {
   rectY: 0,
   rectWidth: 0,
   rectHeight: 0,
-  rectOffsetTop: 0
+  rectOffsetTop: 0,
+  uploadCapturedDocument: function uploadCapturedDocument() {
+    return Promise.resolve();
+  }
 };
 var DocumentCaptureStateContext = /*#__PURE__*/React.createContext(documentCaptureInitialState);
 var DocumentCaptureDispatchContext = /*#__PURE__*/React.createContext(function () {});
@@ -18592,13 +18591,49 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
     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];
+  var _c = React.useReducer(documentCaptureStateReducer, documentCaptureInitialState),
+    state = _c[0],
+    dispatch = _c[1];
+  var _d = React.useContext(CameraStateContext),
+    cameraRef = _d.cameraRef,
+    videoRef = _d.videoRef;
+  var uploadDocument = React.useContext(SubmissionContext).uploadDocument;
+  var uploadCapturedDocument = React.useCallback(function (content) {
+    return tslib.__awaiter(void 0, void 0, void 0, function () {
+      var documentId_1;
+      return tslib.__generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            _a.trys.push([0, 2,, 3]);
+            dispatch({
+              type: 'uploadStarted'
+            });
+            return [4 /*yield*/, uploadDocument(content)];
+          case 1:
+            documentId_1 = _a.sent();
+            setTimeout(function () {
+              dispatch({
+                type: 'uploadCompleted',
+                payload: {
+                  documentId: documentId_1
+                }
+              });
+            }, 0);
+            return [3 /*break*/, 3];
+          case 2:
+            _a.sent();
+            dispatch({
+              type: 'uploadFailed'
+            });
+            return [3 /*break*/, 3];
+          case 3:
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [uploadDocument]);
   React.useEffect(function () {
+    var _a;
     var resolvedDocuments = (documents === null || documents === void 0 ? void 0 : documents.length) ? documents.map(function (d) {
       return tslib.__assign(tslib.__assign({
         title: 'Document Capture',
@@ -18619,7 +18654,8 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
       type: 'setDocuments',
       payload: resolvedDocuments
     });
-  }, [aspectRatio, cameraFeedMode, documents, instructions]);
+    if ((_a = resolvedDocuments[0]) === null || _a === void 0 ? void 0 : _a.content) uploadCapturedDocument(resolvedDocuments[0].content);
+  }, [aspectRatio, cameraFeedMode, documents, instructions, uploadCapturedDocument]);
   React.useEffect(function () {
     dispatch({
       type: 'setHooks',
@@ -18664,8 +18700,13 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
       canvas.toBlob(onComplete);
     }
   }, [cameraRef, state.capturing, videoTag]);
+  var stateWithActions = React.useMemo(function () {
+    return tslib.__assign(tslib.__assign({}, state), {
+      uploadCapturedDocument: uploadCapturedDocument
+    });
+  }, [state, uploadCapturedDocument]);
   return /*#__PURE__*/React__default['default'].createElement(DocumentCaptureStateContext.Provider, {
-    value: state
+    value: stateWithActions
   }, /*#__PURE__*/React__default['default'].createElement(DocumentCaptureDispatchContext.Provider, {
     value: dispatch
   }, children));
@@ -18786,7 +18827,6 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
     classNames = _g === void 0 ? {} : _g,
     _h = _a.verbiage,
     rawVerbiage = _h === void 0 ? {} : _h;
-  var uploadDocument = React.useContext(SubmissionContext).uploadDocument;
   var _j = useDocumentCaptureState(),
     _k = _j[0],
     documents = _k.documents,
@@ -18797,6 +18837,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
     rectHeight = _k.rectHeight,
     rectOffsetTop = _k.rectOffsetTop,
     capturing = _k.capturing,
+    uploadCapturedDocument = _k.uploadCapturedDocument,
     dispatch = _j[1];
   var _l = (_b = documents[currentDocumentIndex]) !== null && _b !== void 0 ? _b : {},
     title = _l.title,
@@ -18832,33 +18873,12 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
   }
   function onSubmitClick() {
     return tslib.__awaiter(this, void 0, void 0, function () {
-      var documentId_1;
       return tslib.__generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            _a.trys.push([0, 2,, 3]);
-            dispatch({
-              type: 'uploadStarted'
-            });
-            return [4 /*yield*/, uploadDocument(content)];
+            return [4 /*yield*/, uploadCapturedDocument(content)];
           case 1:
-            documentId_1 = _a.sent();
-            setTimeout(function () {
-              dispatch({
-                type: 'uploadCompleted',
-                payload: {
-                  documentId: documentId_1
-                }
-              });
-            }, 0);
-            return [3 /*break*/, 3];
-          case 2:
             _a.sent();
-            dispatch({
-              type: 'uploadFailed'
-            });
-            return [3 /*break*/, 3];
-          case 3:
             return [2 /*return*/];
         }
       });