idmission-web-sdk 0.0.52 → 0.0.54

package/dist/sdk2.cjs.development.js

@@ -9554,10 +9554,11 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     className: "flex"
   }, state.captureState !== CaptureState.COMPLETE && /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), overlayDismissed && function () {
+    var docCount = Object.keys(state.capturedDocuments).length;
     switch (state.requestedDocumentType) {
       case DocumentType.ID_CARD_FRONT:
         return /*#__PURE__*/React__default['default'].createElement(IdCapture, {
-          key: Object.keys(state.capturedDocuments).length,
+          key: "capture".concat(docCount),
           requiredDocumentType: state.requestedDocumentType,
           autoCaptureEnabled: autoCaptureEnabled,
           autoCaptureScoreThreshold: idCardAutoCaptureScoreThreshold,
@@ -9578,7 +9579,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         });
       case DocumentType.ID_CARD_BACK:
         return /*#__PURE__*/React__default['default'].createElement(IdCapture, {
-          key: Object.keys(state.capturedDocuments).length,
+          key: "capture".concat(docCount),
           requiredDocumentType: state.requestedDocumentType,
           autoCaptureEnabled: autoCaptureEnabled,
           autoCaptureScoreThreshold: idCardAutoCaptureScoreThreshold,
@@ -9598,7 +9599,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         });
       case DocumentType.PASSPORT:
         return /*#__PURE__*/React__default['default'].createElement(IdCapture, {
-          key: Object.keys(state.capturedDocuments).length,
+          key: "capture".concat(docCount),
           requiredDocumentType: state.requestedDocumentType,
           autoCaptureEnabled: autoCaptureEnabled,
           autoCaptureScoreThreshold: passportAutoCaptureScoreThreshold,
@@ -10261,7 +10262,7 @@ var templateObject_1$2, templateObject_2$1, templateObject_3$1;
 var initialState$2 = {
   frame: null,
   face: null,
-  requestState: 'NOT_READY',
+  requestState: 'CAPTURING',
   requestError: null,
   imageUrl: null,
   faceLive: false,
@@ -10275,10 +10276,10 @@ var reducer$2 = function reducer(state, action) {
   switch (action.type) {
     case 'livenessReady':
       {
-        var allowedStates = ['NOT_READY', 'FAILED', 'ERROR'];
+        var allowedStates = ['CAPTURING', 'FAILED', 'ERROR'];
         if (allowedStates.includes(state.requestState)) {
           return tslib.__assign(tslib.__assign({}, state), {
-            requestState: 'READY',
+            requestState: 'CAPTURED',
             frame: action.payload.frame,
             face: action.payload.face
           });
@@ -10371,7 +10372,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
   }, [onCapture]);
   var frame = state.frame,
     face = state.face;
-  var isReady = state.requestState === 'READY';
+  var isReady = state.requestState === 'CAPTURED';
   var isPassed = state.requestState === 'PASSED';
   React.useEffect(function () {
     if (!frame || !face || !isReady) return;
@@ -10711,7 +10712,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     switch (captureState) {
       case 'CAPTURING':
         return /*#__PURE__*/React__default['default'].createElement(FaceLivenessCapture, {
-          key: "capture",
+          key: "capture".concat(attempt),
           onCapture: onCapture,
           onSuccess: onSuccessCallback,
           onTimeout: onTimeoutCallback,
@@ -12570,7 +12571,7 @@ var initialState$1 = {
   frame: null,
   face: null,
   imageUrl: null,
-  requestState: 'NOT_READY',
+  requestState: 'CAPTURING',
   requestError: null,
   unverifiedTimes: 0
 };
@@ -12578,10 +12579,10 @@ var reducer$1 = function reducer(state, action) {
   switch (action.type) {
     case 'verificationReady':
       {
-        var allowedStates = ['NOT_READY', 'ERROR'];
+        var allowedStates = ['CAPTURING', 'ERROR'];
         if (allowedStates.includes(state.requestState)) {
           return tslib.__assign(tslib.__assign({}, state), {
-            requestState: 'READY',
+            requestState: 'CAPTURED',
             frame: action.payload.frame,
             face: action.payload.face
           });
@@ -12591,7 +12592,7 @@ var reducer$1 = function reducer(state, action) {
       }
     case 'verifying':
       return tslib.__assign(tslib.__assign({}, state), {
-        requestState: 'IN_PROGRESS',
+        requestState: 'VERIFYING',
         imageUrl: action.payload.imageUrl
       });
     case 'verificationCompleted':
@@ -12610,14 +12611,14 @@ var reducer$1 = function reducer(state, action) {
         }
         var requestState = state.requestState,
           unverifiedTimes = state.unverifiedTimes;
-        var customerMatched = resultData.verificationResultCode === '46';
+        var customerMatched = resultData.verificationResultCode === '00';
         if (customerMatched) {
-          requestState = 'FOUND';
+          requestState = 'VERIFIED';
         } else if (unverifiedTimes < 2) {
-          requestState = 'READY';
+          requestState = 'CAPTURING';
           unverifiedTimes += 1;
         } else {
-          requestState = 'NOT_FOUND';
+          requestState = 'REJECTED';
         }
         return tslib.__assign(tslib.__assign({}, state), {
           requestState: requestState,
@@ -12667,7 +12668,7 @@ var CustomerVerificationCapture = function CustomerVerificationCapture(_a) {
       }
     });
   }, []);
-  var isReady = state.requestState === 'READY';
+  var isReady = state.requestState === 'CAPTURED';
   React.useEffect(function () {
     if (!frame || !face) return;
     var imageUrl = cropToShoulders(frame, face);
@@ -12720,13 +12721,13 @@ var CustomerVerificationCapture = function CustomerVerificationCapture(_a) {
   }, [isReady, onCustomerMatched, onCustomerNotMatched, selfieImage, state.requestState, submit]);
   React.useEffect(function () {
     if (!submissionResponse) return;
-    if (state.requestState === 'FOUND') {
+    if (state.requestState === 'VERIFIED') {
       onCustomerMatched === null || onCustomerMatched === void 0 ? void 0 : onCustomerMatched(submissionResponse);
-    } else if (state.requestState === 'NOT_FOUND') {
+    } else if (state.requestState === 'REJECTED') {
       onCustomerNotMatched === null || onCustomerNotMatched === void 0 ? void 0 : onCustomerNotMatched(submissionResponse);
     }
   }, [onCustomerMatched, onCustomerNotMatched, state.requestState, submissionResponse]);
-  useTimeout(captureGuidanceTimeoutDurationMs, onCaptureGuidanceTimeout, ['FOUND', 'NOT_FOUND'].includes(state.requestState), state.requestState === 'IN_PROGRESS');
+  useTimeout(captureGuidanceTimeoutDurationMs, onCaptureGuidanceTimeout, ['VERIFIED', 'REJECTED'].includes(state.requestState), state.requestState === 'VERIFYING');
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(SelfieCapture, {
     onSelfieCaptured: onSelfieCaptured,
     onExit: onExit,
@@ -12856,6 +12857,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
   var _g = React.useState('LOADING'),
     captureState = _g[0],
     setCaptureState = _g[1];
+  var releaseCameraAccess = React.useContext(CameraStateContext).releaseCameraAccess;
   var onCustomerMatchedCallback = React.useCallback(function (response) {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
       return tslib.__generator(this, function (_a) {
@@ -12891,6 +12893,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
     switch (captureState) {
       case 'CAPTURING':
         return /*#__PURE__*/React__default['default'].createElement(CustomerVerificationCapture, {
+          key: "capture".concat(attempt),
           onCustomerMatched: onCustomerMatchedCallback,
           onCustomerNotMatched: onCustomerNotMatchedCallback,
           onCaptureGuidanceTimeout: onCaptureGuidanceTimeoutCallback,
@@ -12907,6 +12910,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
           doneBtnText: verbiage.successDoneBtnText,
           imageUrl: "data:image/png;base64, ".concat(selfieImage),
           onDoneClick: function onDoneClick() {
+            releaseCameraAccess();
             submissionResponse && (onComplete === null || onComplete === void 0 ? void 0 : onComplete(submissionResponse));
           },
           onRetryClick: function onRetryClick() {
@@ -12920,7 +12924,10 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
           exitBtnText: verbiage === null || verbiage === void 0 ? void 0 : verbiage.failureExitBtnText,
           imageUrl: assets.failureImageUrl,
           canRetry: false,
-          onExitClick: onExitAfterFailure
+          onExitClick: function onExitClick() {
+            releaseCameraAccess();
+            onExitAfterFailure === null || onExitAfterFailure === void 0 ? void 0 : onExitAfterFailure();
+          }
         });
       default:
         return null;
@@ -13001,7 +13008,7 @@ var initialState = {
   frame: null,
   face: null,
   imageUrl: null,
-  requestState: 'NOT_READY',
+  requestState: 'CAPTURING',
   requestError: null,
   notFoundTimes: 0
 };
@@ -13009,10 +13016,10 @@ var reducer = function reducer(state, action) {
   switch (action.type) {
     case 'identificationReady':
       {
-        var allowedStates = ['NOT_READY', 'ERROR'];
+        var allowedStates = ['CAPTURING', 'ERROR'];
         if (allowedStates.includes(state.requestState)) {
           return tslib.__assign(tslib.__assign({}, state), {
-            requestState: 'READY',
+            requestState: 'CAPTURED',
             frame: action.payload.frame,
             face: action.payload.face
           });
@@ -13022,7 +13029,7 @@ var reducer = function reducer(state, action) {
       }
     case 'identifying':
       return tslib.__assign(tslib.__assign({}, state), {
-        requestState: 'IN_PROGRESS',
+        requestState: 'IDENTIFYING',
         imageUrl: action.payload.imageUrl
       });
     case 'identificationCompleted':
@@ -13045,7 +13052,7 @@ var reducer = function reducer(state, action) {
         if (customerMatched) {
           requestState = 'FOUND';
         } else if (notFoundTimes < 2) {
-          requestState = 'READY';
+          requestState = 'CAPTURING';
           notFoundTimes += 1;
         } else {
           requestState = 'NOT_FOUND';
@@ -13098,7 +13105,7 @@ var CustomerIdentificationCapture = function CustomerIdentificationCapture(_a) {
   }, []);
   var frame = state.frame,
     face = state.face;
-  var isReady = state.requestState === 'READY';
+  var isReady = state.requestState === 'CAPTURED';
   React.useEffect(function () {
     if (!frame || !face) return;
     var imageUrl = cropToShoulders(frame, face);
@@ -13157,7 +13164,7 @@ var CustomerIdentificationCapture = function CustomerIdentificationCapture(_a) {
       onCustomerNotMatched === null || onCustomerNotMatched === void 0 ? void 0 : onCustomerNotMatched(submissionResponse);
     }
   }, [onCustomerMatched, onCustomerNotMatched, state.requestState, submissionResponse]);
-  useTimeout(captureGuidanceTimeoutDurationMs, onCaptureGuidanceTimeout, ['FOUND', 'NOT_FOUND'].includes(state.requestState), state.requestState === 'IN_PROGRESS');
+  useTimeout(captureGuidanceTimeoutDurationMs, onCaptureGuidanceTimeout, ['FOUND', 'NOT_FOUND'].includes(state.requestState), state.requestState === 'IDENTIFYING');
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(SelfieCapture, {
     onSelfieCaptured: onSelfieCaptured,
     onExit: onExit,
@@ -13287,6 +13294,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
   var _g = React.useState('LOADING'),
     captureState = _g[0],
     setCaptureState = _g[1];
+  var releaseCameraAccess = React.useContext(CameraStateContext).releaseCameraAccess;
   var onCustomerMatchedCallback = React.useCallback(function (response) {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
       return tslib.__generator(this, function (_a) {
@@ -13322,6 +13330,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
     switch (captureState) {
       case 'CAPTURING':
         return /*#__PURE__*/React__default['default'].createElement(CustomerIdentificationCapture, {
+          key: "capture".concat(attempt),
           onCustomerMatched: onCustomerMatchedCallback,
           onCustomerNotMatched: onCustomerNotMatchedCallback,
           onCaptureGuidanceTimeout: onCaptureGuidanceTimeoutCallback,
@@ -13338,6 +13347,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
           doneBtnText: verbiage.successDoneBtnText,
           imageUrl: "data:image/png;base64, ".concat(selfieImage),
           onDoneClick: function onDoneClick() {
+            releaseCameraAccess();
             submissionResponse && (onComplete === null || onComplete === void 0 ? void 0 : onComplete(submissionResponse));
           },
           onRetryClick: function onRetryClick() {
@@ -13352,7 +13362,10 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
           exitBtnText: verbiage === null || verbiage === void 0 ? void 0 : verbiage.failureExitBtnText,
           imageUrl: assets.failureImageUrl,
           canRetry: false,
-          onExitClick: onExitAfterFailure
+          onExitClick: function onExitClick() {
+            releaseCameraAccess();
+            onExitAfterFailure === null || onExitAfterFailure === void 0 ? void 0 : onExitAfterFailure();
+          }
         });
       default:
         return null;