idmission-web-sdk 1.0.344 → 1.0.346

package/dist/components/face_liveness/FaceLivenessCapture.d.ts

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { SelfieCaptureClassNames, SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
 import { SelfieProgressPreviewClassNames } from '../common/SelfieProgressPreview';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
-import { SelfieCaptureLoadingOverlayProps } from "../selfie_capture/SelfieCaptureLoadingOverlay";
+import { SelfieCaptureLoadingOverlayProps } from '../selfie_capture/SelfieCaptureLoadingOverlay';
 export type FaceLivenessCaptureClassNames = SelfieCaptureClassNames & {
     imagePreview?: SelfieProgressPreviewClassNames;
 };

package/dist/components/fallback_flows/SelfieCapture.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
 import { LoaderButtonColors } from '../common/LoaderButton';
-import { SelfieCaptureLoadingOverlayProps } from "../selfie_capture/SelfieCaptureLoadingOverlay";
+import { SelfieCaptureLoadingOverlayProps } from '../selfie_capture/SelfieCaptureLoadingOverlay';
 export type SelfieCaptureFallbackClassNames = {
     container?: string;
     inner?: string;
@@ -33,4 +33,4 @@ export type SelfieCaptureFallbackProps = {
     silentFallback?: boolean;
     selfieCaptureLoadingOverlayProps?: SelfieCaptureLoadingOverlayProps;
 };
-export declare const SelfieCaptureFallback: ({ onFinished, onCapture, classNames, colors, verbiage: rawVerbiage, silentFallback, selfieCaptureLoadingOverlayProps: overlayProps }: SelfieCaptureFallbackProps) => ReactElement;
+export declare const SelfieCaptureFallback: ({ onFinished, onCapture, classNames, colors, verbiage: rawVerbiage, silentFallback, selfieCaptureLoadingOverlayProps: overlayProps, }: SelfieCaptureFallbackProps) => ReactElement;

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.344';
+var webSdkVersion = '1.0.346';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -14190,6 +14190,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
     var _a;
     var file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
     if (!file) return;
+    setImage('LOADING'); // this is to reduce some of the flicker - it isn't perfect since .readAsDataURL is slow
     var reader = new FileReader();
     reader.addEventListener('load', function (e) {
       var _a;
@@ -14214,6 +14215,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
       }
     });
   }
+  // todo: JN - we might be able to use the media stream instead if we clone it - as it stands today, we hae to use the camera to support iOS 16 devices
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("input", {
     ref: fileInput,
     type: "file",
@@ -14241,7 +14243,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
     className: classNames.heading
   }, verbiage.headingText), /*#__PURE__*/React__default['default'].createElement(Description$1, {
     className: classNames.description
-  }, verbiage.descriptionText))), image && ( /*#__PURE__*/React__default['default'].createElement(ImageContainer$5, {
+  }, verbiage.descriptionText))), image && image !== 'LOADING' && ( /*#__PURE__*/React__default['default'].createElement(ImageContainer$5, {
     className: classNames.imageContainer
   }, /*#__PURE__*/React__default['default'].createElement("img", {
     src: image,
@@ -14530,6 +14532,9 @@ var initialState$2 = {
   phoneDetected: false,
   timesLivenessCheckFailed: 0
 };
+/** todo: JN - this feels like it should be hoisted up to the wizard because these states of failed and error dovetail into those in the wizard.
+ *    There may also be some crossing of wires in how error/failed are used.
+ */
 var reducer$2 = function reducer(state, action) {
   var _a, _b;
   switch (action.type) {
@@ -14693,21 +14698,28 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
   var onFallbackImageCaptured = React.useCallback(function (imageUrl) {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
       var imageData, response, e_2;
-      return tslib.__generator(this, function (_a) {
-        switch (_a.label) {
+      var _a;
+      return tslib.__generator(this, function (_b) {
+        switch (_b.label) {
           case 0:
             dispatch({
               type: 'livenessChecking'
             });
-            _a.label = 1;
+            _b.label = 1;
           case 1:
-            _a.trys.push([1, 4,, 5]);
+            _b.trys.push([1, 4,, 5]);
             return [4 /*yield*/, dataUrlToBase64(imageUrl)];
           case 2:
-            imageData = _a.sent();
-            return [4 /*yield*/, checkLiveness(imageData)];
+            imageData = _b.sent();
+            return [4 /*yield*/, checkLiveness(imageData)
+            // todo: JN - this feels dirty and is the reason for the todo around line 83 - but is necessary to handle fallback liveness validation
+            ];
           case 3:
-            response = _a.sent();
+            response = _b.sent();
+            // todo: JN - this feels dirty and is the reason for the todo around line 83 - but is necessary to handle fallback liveness validation
+            if (((_a = response === null || response === void 0 ? void 0 : response.resultData) === null || _a === void 0 ? void 0 : _a.verificationResult) !== 'Live Face Detected') {
+              onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout();
+            }
             dispatch({
               type: 'livenessChecked',
               payload: {
@@ -14717,7 +14729,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
             });
             return [3 /*break*/, 5];
           case 4:
-            e_2 = _a.sent();
+            e_2 = _b.sent();
             dispatch({
               type: 'livenessCheckFailed',
               payload: {
@@ -14730,7 +14742,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
         }
       });
     });
-  }, [checkLiveness]);
+  }, [checkLiveness, onTimeout]);
   React.useEffect(function () {
     if (isPassed && state.imageUrl) onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(state.imageUrl);
   }, [onSuccess, state.imageUrl, isPassed]);
@@ -14966,7 +14978,8 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
       });
     });
   }, [onSuccess, setSelfieImage, livenessCheckRequest, submissionResponse]);
-  var onTimeoutCallback = React.useCallback(function () {
+  // todo: JN - how this is being used, it would make sense to rename the prop as well, but that would be a breaking change - discuss
+  var onFailureOrTimeout = React.useCallback(function () {
     setCaptureState('FAILED');
     onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout(submissionResponse, livenessCheckRequest);
   }, [onTimeout, livenessCheckRequest, submissionResponse]);
@@ -15011,7 +15024,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
           key: "capture".concat(attempt),
           onCapture: onCapture,
           onSuccess: onSuccessCallback,
-          onTimeout: onTimeoutCallback,
+          onTimeout: onFailureOrTimeout,
           onExit: onExitCallback,
           timeoutDurationMs: timeoutDurationMs,
           silentFallback: silentFallback,