idmission-web-sdk 1.0.58 → 1.0.59

package/README.md

@@ -293,6 +293,7 @@ Render a fullscreen capture component that analyzes frames from the user's front
 <tr><td><code>guidanceRemoveEyeCoveringsText</code></td><td>Default: "Please remove your eye coverings (sunglasses, eye patch, etc.)..."</td></tr>
 <tr><td><code>guidanceRemoveHeadCoveringsText</code></td><td>Default: "Please remove your head coverings (hat, scarf, etc.)..."</td></tr>
 <tr><td><code>guidanceRemoveMaskText</code></td><td>Default: "Please remove your mask..."</td></tr>
+<tr><td><code>progressPreviewText</code></td><td>Default: "Processing..."</td></tr>
 <tr><td><code>success.headingText</code></td><td>Default: "Face liveness has been verified!"</td></tr>
 <tr><td><code>success.retryBtnText</code></td><td>Default: "Retry"</td></tr>
 <tr><td><code>success.doneBtnText</code></td><td>Default: "Done"</td></tr>
@@ -629,6 +630,7 @@ Render a fullscreen capture component that analyzes frames from the user's front
 <tr><td><code>guidanceMoveBackText</code></td><td>Default: "Move back..."</td></tr>
 <tr><td><code>guidanceMoveForwardText</code></td><td>Default: "Move forward..."</td></tr>
 <tr><td><code>guidanceMoveToCenterText</code></td><td>Default: "Move to the center..."</td></tr>
+<tr><td><code>progressPreviewText</code></td><td>Default: "Processing..."</td></tr>
 <tr><td><code>success.headingText</code></td><td>Default: "Customer has been identified!"</td></tr>
 <tr><td><code>success.retryBtnText</code></td><td>Default: "Retry"</td></tr>
 <tr><td><code>success.doneBtnText</code></td><td>Default: "Done"</td></tr>

package/dist/components/common/SelfieProgressPreview.d.ts

@@ -3,6 +3,7 @@ export declare const IdCaptureImagePreview: ({ text, imageUrl, }: {
     text?: string | undefined;
     imageUrl: string;
 }) => React.JSX.Element;
-export declare const SelfieProgressPreview: ({ imageUrl }: {
+export declare const SelfieProgressPreview: ({ text, imageUrl, }: {
+    text: string;
     imageUrl: string;
 }) => React.JSX.Element;

package/dist/components/customer_identification/CustomerIdentificationCapture.d.ts

@@ -1,8 +1,11 @@
 import { ReactElement } from 'react';
 import { SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
+import { CustomerSuppliedVerbiage } from '../../lib/locales';
 export type CustomerIdentificationCaptureColors = SelfieCaptureColors;
-export type CustomerIdentificationCaptureVerbiage = SelfieCaptureVerbiage;
+export type CustomerIdentificationCaptureVerbiage = SelfieCaptureVerbiage & {
+    progressPreviewText?: CustomerSuppliedVerbiage;
+};
 export type CustomerIdentificationCaptureProps = {
     onCustomerMatched?: (resp: SubmissionResponse, req: SubmissionRequest) => void;
     onCustomerNotMatched?: (resp: SubmissionResponse, req: SubmissionRequest) => void;

package/dist/components/customer_verification/CustomerVerificationCapture.d.ts

@@ -1,8 +1,11 @@
 import { ReactElement } from 'react';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
 import { SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
+import { CustomerSuppliedVerbiage } from '../../lib/locales';
 export type CustomerVerificationCaptureColors = SelfieCaptureColors;
-export type CustomerVerificationCaptureVerbiage = SelfieCaptureVerbiage;
+export type CustomerVerificationCaptureVerbiage = SelfieCaptureVerbiage & {
+    progressPreviewText?: CustomerSuppliedVerbiage;
+};
 export type CustomerVerificationCaptureProps = {
     onCustomerMatched?: (resp: SubmissionResponse, req: SubmissionRequest) => void;
     onCustomerNotMatched?: (resp: SubmissionResponse, req: SubmissionRequest) => void;

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

@@ -6,6 +6,7 @@ export type FaceLivenessCaptureVerbiage = SelfieCaptureVerbiage & {
     guidanceRemoveEyeCoveringsText?: CustomerSuppliedVerbiage;
     guidanceRemoveHeadCoveringsText?: CustomerSuppliedVerbiage;
     guidanceRemoveMaskText?: CustomerSuppliedVerbiage;
+    progressPreviewText?: CustomerSuppliedVerbiage;
 };
 export type FaceLivenessCaptureProps = {
     onCapture?: () => void;

package/dist/lib/locales/es/translation.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
     'Camera access blocked': string;
     'Location access blocked': string;
     Continue: string;
+    'Processing...': string;
     'Your camera permission is disabled': string;
     'This application requires access to your camera to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera access to the current browser.': string;
     'Your location permission is disabled': string;

package/dist/lib/locales/index.d.ts

@@ -14,6 +14,7 @@ export declare const resources: {
             'Camera access blocked': string;
             'Location access blocked': string;
             Continue: string;
+            'Processing...': string;
             'Your camera permission is disabled': string;
             'This application requires access to your camera to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera access to the current browser.': string;
             'Your location permission is disabled': string;

package/dist/sdk2.cjs.development.js

@@ -46,7 +46,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.58';
+var webSdkVersion = '1.0.59';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -9167,7 +9167,8 @@ var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
   })));
 };
 var SelfieProgressPreview = function SelfieProgressPreview(_a) {
-  var imageUrl = _a.imageUrl;
+  var text = _a.text,
+    imageUrl = _a.imageUrl;
   return /*#__PURE__*/React__default['default'].createElement(ImagePreviewWrapper, null, /*#__PURE__*/React__default['default'].createElement(ImagePreviewText, null, /*#__PURE__*/React__default['default'].createElement(Spinner, {
     "$size": 24,
     "$color": "white",
@@ -9178,13 +9179,13 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
       left: -3,
       margin: '0 3px 0 -12px'
     }
-  }), "Processing..."), /*#__PURE__*/React__default['default'].createElement(ImagePreviewImageWrapper, null, /*#__PURE__*/React__default['default'].createElement("img", {
+  }), text), /*#__PURE__*/React__default['default'].createElement(ImagePreviewImageWrapper, null, /*#__PURE__*/React__default['default'].createElement("img", {
     src: imageUrl,
     alt: ""
   })));
 };
 var ImagePreviewWrapper = styled__default['default'].div(templateObject_1$5 || (templateObject_1$5 = tslib.__makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  height: 33%;\n  bottom: 12px;\n  right: 12px;\n"], ["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  height: 33%;\n  bottom: 12px;\n  right: 12px;\n"])));
-var ImagePreviewText = styled__default['default'].div(templateObject_2$2 || (templateObject_2$2 = tslib.__makeTemplateObject(["\n  display: block;\n  position: absolute;\n  top: -32px;\n  font:\n    14px -apple-system,\n    BlinkMacSystemFont,\n    'Segoe UI',\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    'Apple Color Emoji',\n    'Segoe UI Emoji',\n    'Segoe UI Symbol';\n  color: white;\n  text-align: center;\n  margin: 0 auto;\n  width: 100%;\n"], ["\n  display: block;\n  position: absolute;\n  top: -32px;\n  font:\n    14px -apple-system,\n    BlinkMacSystemFont,\n    'Segoe UI',\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    'Apple Color Emoji',\n    'Segoe UI Emoji',\n    'Segoe UI Symbol';\n  color: white;\n  text-align: center;\n  margin: 0 auto;\n  width: 100%;\n"])));
+var ImagePreviewText = styled__default['default'].div(templateObject_2$2 || (templateObject_2$2 = tslib.__makeTemplateObject(["\n  display: block;\n  position: absolute;\n  top: -32px;\n  font: 14px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,\n    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  color: white;\n  text-align: center;\n  margin: 0 auto;\n  width: 100%;\n"], ["\n  display: block;\n  position: absolute;\n  top: -32px;\n  font: 14px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,\n    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  color: white;\n  text-align: center;\n  margin: 0 auto;\n  width: 100%;\n"])));
 var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_3$1 || (templateObject_3$1 = tslib.__makeTemplateObject(["\n  position: relative;\n  height: calc(100% - 8px);\n  padding: 4px;\n  border-radius: 4px;\n  background: white;\n\n  & > img {\n    border-radius: 4px;\n    width: auto;\n    max-height: 100%;\n  }\n"], ["\n  position: relative;\n  height: calc(100% - 8px);\n  padding: 4px;\n  border-radius: 4px;\n  background: white;\n\n  & > img {\n    border-radius: 4px;\n    width: auto;\n    max-height: 100%;\n  }\n"])));
 var templateObject_1$5, templateObject_2$2, templateObject_3$1;
 
@@ -9198,6 +9199,7 @@ var esTranslation = {
   'Camera access blocked': 'Acceso bloqueado a la cámara',
   'Location access blocked': 'Acceso bloqueado a la localización',
   Continue: 'Continuar',
+  'Processing...': 'Procesando...',
   'Your camera permission is disabled': 'El permiso de la cámara está desactivado',
   'This application requires access to your camera to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera access to the current browser.': 'Esta aplicación requiere el acceso a la cámara para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso a la cámara en el explorador actual.',
   'Your location permission is disabled': 'El permiso de la localización está desactivado',
@@ -11453,27 +11455,28 @@ var reducer$2 = function reducer(state, action) {
   }
 };
 var FaceLivenessCapture = function FaceLivenessCapture(_a) {
+  var _b;
   var onCapture = _a.onCapture,
     onSuccess = _a.onSuccess,
     onTimeout = _a.onTimeout,
     onExit = _a.onExit,
-    _b = _a.timeoutDurationMs,
-    timeoutDurationMs = _b === void 0 ? 15000 : _b,
-    _c = _a.colors,
-    colors = _c === void 0 ? {} : _c,
-    _d = _a.verbiage,
-    rawVerbiage = _d === void 0 ? {} : _d,
+    _c = _a.timeoutDurationMs,
+    timeoutDurationMs = _c === void 0 ? 15000 : _c,
+    _d = _a.colors,
+    colors = _d === void 0 ? {} : _d,
+    _e = _a.verbiage,
+    rawVerbiage = _e === void 0 ? {} : _e,
     debugMode = _a.debugMode;
-  var _e = React.useContext(SubmissionContext),
-    checkLiveness = _e.checkLiveness,
-    submissionError = _e.submissionError;
+  var _f = React.useContext(SubmissionContext),
+    checkLiveness = _f.checkLiveness,
+    submissionError = _f.submissionError;
   var modelsError = React.useContext(HighPerformanceSelfieGuidanceModelsContext).error;
-  var _f = React.useReducer(reducer$2, initialState$2),
-    state = _f[0],
-    dispatch = _f[1];
-  var _g = React.useState(null),
-    imageUrl = _g[0],
-    setImageUrl = _g[1];
+  var _g = React.useReducer(reducer$2, initialState$2),
+    state = _g[0],
+    dispatch = _g[1];
+  var _h = React.useState(null),
+    imageUrl = _h[0],
+    setImageUrl = _h[1];
   var rawCanvas = React.useRef(null);
   var cropCanvas = React.useRef(null);
   var onSelfieCaptured = React.useCallback(function (frame, face) {
@@ -11590,7 +11593,8 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
   var verbiage = useTranslations(rawVerbiage, {
     guidanceRemoveEyeCoveringsText: 'Please remove your eye coverings (sunglasses, eye patch, etc.)...',
     guidanceRemoveHeadCoveringsText: 'Please remove your head coverings (hat, scarf, etc.)...',
-    guidanceRemoveMaskText: 'Please remove your mask...'
+    guidanceRemoveMaskText: 'Please remove your mask...',
+    progressPreviewText: 'Processing...'
   });
   var guidanceMessage = state.eyeCoveringDetected ? verbiage.guidanceRemoveEyeCoveringsText : state.headCoveringDetected ? verbiage.guidanceRemoveHeadCoveringsText : state.maskDetected ? verbiage.guidanceRemoveMaskText : undefined;
   if (modelsError) {
@@ -11611,9 +11615,10 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  }), imageUrl && /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
-    imageUrl: imageUrl
-  }));
+  }), imageUrl && ( /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
+    imageUrl: imageUrl,
+    text: (_b = verbiage.progressPreviewText) !== null && _b !== void 0 ? _b : ''
+  })));
 };
 
 var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_a) {
@@ -13508,6 +13513,7 @@ var CustomerVerificationCapture = function CustomerVerificationCapture(_a) {
     }
   }, [onCustomerMatched, onCustomerNotMatched, state.requestState, submissionRequest, submissionResponse]);
   useTimeout(captureGuidanceTimeoutDurationMs, onCaptureGuidanceTimeout, ['VERIFIED', 'REJECTED'].includes(state.requestState), state.requestState === 'VERIFYING');
+  var progressPreviewText = useVerbiage(verbiage.progressPreviewText, 'Processing...');
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
     ref: rawCanvas
   }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
@@ -13519,9 +13525,10 @@ var CustomerVerificationCapture = function CustomerVerificationCapture(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  }), imageUrl && /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
-    imageUrl: imageUrl
-  }));
+  }), imageUrl && ( /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
+    imageUrl: imageUrl,
+    text: progressPreviewText
+  })));
 };
 
 var CustomerVerificationSuccess = function CustomerVerificationSuccess(_a) {
@@ -13979,6 +13986,7 @@ var CustomerIdentificationCapture = function CustomerIdentificationCapture(_a) {
     }
   }, [onCustomerMatched, onCustomerNotMatched, state.requestState, submissionRequest, submissionResponse]);
   useTimeout(captureGuidanceTimeoutDurationMs, onCaptureGuidanceTimeout, ['FOUND', 'NOT_FOUND'].includes(state.requestState), state.requestState === 'IDENTIFYING');
+  var progressPreviewText = useVerbiage(verbiage.progressPreviewText, 'Processing...');
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
     ref: rawCanvas
   }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
@@ -13990,9 +13998,10 @@ var CustomerIdentificationCapture = function CustomerIdentificationCapture(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  }), imageUrl && /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
+  }), imageUrl && ( /*#__PURE__*/React__default['default'].createElement(SelfieProgressPreview, {
+    text: progressPreviewText,
     imageUrl: imageUrl
-  }));
+  })));
 };
 
 var CustomerIdentificationSuccess = function CustomerIdentificationSuccess(_a) {