idmission-web-sdk 2.1.25 → 2.1.27

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

@@ -27,7 +27,8 @@ export type IdCaptureState = {
     documentTooClose: boolean;
     flipRequired: boolean;
     backDetectedFirst: boolean;
-    overrideFlipRequired: boolean;
+    allowOverrideFlipRequirement: boolean;
+    overrideFlipRequirement: boolean;
     idCardFrontDetectionScore: number;
     idCardFrontDetectionThresholdMet: boolean;
     idCardBackDetectionScore: number;
@@ -117,7 +118,9 @@ export type IdCaptureAction = {
 } | {
     type: 'flipRequestCompleted';
 } | {
-    type: 'overrideFlipRequired';
+    type: 'allowOverrideFlipRequirement';
+} | {
+    type: 'overrideFlipRequirement';
 } | {
     type: 'resetWizard';
 } | {

package/dist/sdk2.cjs.development.js

@@ -234,7 +234,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.1.25';
+var webSdkVersion = '2.1.27';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -6140,7 +6140,8 @@ var initialState$4 = {
   documentTooClose: false,
   flipRequired: false,
   backDetectedFirst: false,
-  overrideFlipRequired: false,
+  allowOverrideFlipRequirement: false,
+  overrideFlipRequirement: false,
   idCardFrontDetectionScore: 0,
   idCardFrontDetectionThresholdMet: false,
   idCardBackDetectionScore: 0,
@@ -6259,8 +6260,8 @@ var _reducer = function reducer(state, action) {
           goodFramesThreshold = Math.ceil(3 * frameCaptureRate);
         }
       }
-      var flipRequired = !state.overrideFlipRequired && !state.allowIdCardBackToFrontCapture && state.requestedDocumentType === 'idCardBack' && detectedDocumentType === 'idCardFront';
-      var backDetectedFirst = !state.overrideFlipRequired && (state.allowIdCardBackToFrontCapture ? 'idCardBack' in state.capturedDocuments && detectedDocumentType === 'idCardBack' : state.requestedDocumentType.includes('idCardFront') && detectedDocumentType === 'idCardBack');
+      var flipRequired = !state.overrideFlipRequirement && !state.allowIdCardBackToFrontCapture && state.requestedDocumentType === 'idCardBack' && detectedDocumentType === 'idCardFront';
+      var backDetectedFirst = state.allowIdCardBackToFrontCapture ? 'idCardBack' in state.capturedDocuments && detectedDocumentType === 'idCardBack' : state.requestedDocumentType.includes('idCardFront') && detectedDocumentType === 'idCardBack';
       var isGoodFrame = detectionThresholdMet && documentInBounds && !documentTooClose && !flipRequired && !backDetectedFirst && focusThresholdMet;
       var goodFramesCount = state.goodFramesCount;
       if (isGoodFrame) {
@@ -6283,6 +6284,10 @@ var _reducer = function reducer(state, action) {
           requestedDocumentType = 'idCardFront' in state.capturedDocuments ? 'idCardBack' : 'idCardFront';
         }
       }
+      var allowOverrideFlipRequirement = state.allowOverrideFlipRequirement;
+      if (isGoodFrame) {
+        allowOverrideFlipRequirement = false;
+      }
       return _assign(_assign({}, state), {
         videoWidth: frameWidth,
         videoHeight: frameHeight,
@@ -6295,6 +6300,7 @@ var _reducer = function reducer(state, action) {
         documentTooClose: documentTooClose,
         flipRequired: flipRequired,
         backDetectedFirst: backDetectedFirst,
+        allowOverrideFlipRequirement: allowOverrideFlipRequirement,
         idCardFrontDetectionScore: idCardFrontDetectionScore,
         idCardFrontDetectionThresholdMet: idCardFrontDetectionThresholdMet,
         idCardBackDetectionScore: idCardBackDetectionScore,
@@ -6340,6 +6346,8 @@ var _reducer = function reducer(state, action) {
         var newState_1 = _assign(_assign({}, state), {
           capturing: false,
           captureFailed: false,
+          allowOverrideFlipRequirement: false,
+          overrideFlipRequirement: false,
           goodFramesCount: 0,
           capturedDocuments: _assign(_assign({}, state.capturedDocuments), (_a = {}, _a[action.payload.documentType] = action.payload, _a))
         });
@@ -6404,17 +6412,22 @@ var _reducer = function reducer(state, action) {
     case 'flipRequestCompleted':
       return _assign(_assign({}, state), {
         captureState: 'capturing',
-        overrideFlipRequired: false
+        allowOverrideFlipRequirement: false,
+        overrideFlipRequirement: false
+      });
+    case 'allowOverrideFlipRequirement':
+      return _assign(_assign({}, state), {
+        allowOverrideFlipRequirement: true
       });
-    case 'overrideFlipRequired':
+    case 'overrideFlipRequirement':
       return _assign(_assign({}, state), {
-        overrideFlipRequired: true
+        allowOverrideFlipRequirement: false,
+        overrideFlipRequirement: true
       });
     case 'resetWizard':
       return _assign(_assign({}, initialState$4), {
         captureRequirement: state.captureRequirement,
-        allowIdCardBackToFrontCapture: state.allowIdCardBackToFrontCapture,
-        overrideFlipRequired: false
+        allowIdCardBackToFrontCapture: state.allowIdCardBackToFrontCapture
       });
     default:
       return state;
@@ -6441,20 +6454,22 @@ var IdCaptureStateProvider = function IdCaptureStateProvider(_a) {
   }, [onResize]);
   var setRequiredDocumentType = React.useContext(IdCaptureModelsContext).setRequiredDocumentType;
   React.useEffect(function () {
-    if (state.overrideFlipRequired) return;
-    if (state.flipRequired || state.backDetectedFirst) {
-      var t_1 = setTimeout(function () {
-        dispatch({
-          type: 'overrideFlipRequired'
-        });
-        setRequiredDocumentType('none');
-      }, flipRequiredTimeout);
-      return function () {
-        clearTimeout(t_1);
-      };
+    if (state.captureState !== 'capturing') return;
+    if (!state.flipRequired || state.allowOverrideFlipRequirement) return;
+    var t = setTimeout(function () {
+      dispatch({
+        type: 'allowOverrideFlipRequirement'
+      });
+    }, flipRequiredTimeout);
+    return function () {
+      clearTimeout(t);
+    };
+  }, [flipRequiredTimeout, state.allowOverrideFlipRequirement, state.captureState, state.flipRequired]);
+  React.useEffect(function () {
+    if (state.overrideFlipRequirement) {
+      setRequiredDocumentType('none');
     }
-    return function () {};
-  }, [flipRequiredTimeout, setRequiredDocumentType, state.backDetectedFirst, state.flipRequired, state.overrideFlipRequired]);
+  }, [state.overrideFlipRequirement, setRequiredDocumentType]);
   return /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateContext.Provider, {
     value: state
   }, /*#__PURE__*/React__namespace.default.createElement(IdCaptureDispatchContext.Provider, {
@@ -7007,7 +7022,41 @@ var IdCapture = function IdCapture(_a) {
   }, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
     "$variant": satisfied ? 'positive' : 'default',
     className: classNames.guidanceMessage
-  }, guidanceMessage))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugBoundingBoxOverlay, {
+  }, guidanceMessage), state.allowOverrideFlipRequirement && ( /*#__PURE__*/React__namespace.default.createElement("div", {
+    style: {
+      position: 'fixed',
+      left: 0,
+      bottom: 0,
+      width: '100dvw',
+      background: '#eed202',
+      display: 'flex',
+      zIndex: 100001
+    }
+  }, /*#__PURE__*/React__namespace.default.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'row',
+      padding: '16px 24px',
+      margin: 'auto 0',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__namespace.default.createElement("span", {
+    style: {
+      display: 'block',
+      margin: 'auto 12px auto 0'
+    }
+  }, "It appears that you are attempting to capture the wrong side of your ID card, but perhaps we are wrong about that. Would you like to proceed with capture anyway?"), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
+    variant: "positive",
+    style: {
+      marginLeft: 'auto',
+      whiteSpace: 'nowrap'
+    },
+    onClick: function onClick() {
+      return dispatch({
+        type: 'overrideFlipRequirement'
+      });
+    }
+  }, "Capture Anyway")))))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugBoundingBoxOverlay, {
     "$flipX": !((_j = cameraRef.current) === null || _j === void 0 ? void 0 : _j.isRearFacing),
     scaling: debugScalingDetails
   }, state.detectedObjects.map(function (obj, i) {