idmission-web-sdk 1.0.150 → 1.0.152

package/dist/components/customer_flows/DocumentCapture.d.ts

@@ -2,9 +2,10 @@ import { FC, PropsWithChildren, ReactNode } from 'react';
 import { ThemeInput } from '../../themes';
 import { LangOption } from '../../lib/locales';
 import { SubmissionRequest } from '../../contexts/SubmissionContext';
-import { DocumentCaptureWizardClassNames } from '../document_capture/DocumentCaptureWizard';
+import { DocumentCaptureWizardClassNames, DocumentCaptureWizardVerbiage } from '../document_capture/DocumentCaptureWizard';
 import { CameraFeedMode } from '../../lib/camera/CameraFeedWrapper';
 export type DocumentCaptureClassNames = DocumentCaptureWizardClassNames;
+export type DocumentCaptureVerbiage = DocumentCaptureWizardVerbiage;
 export interface DocumentCaptureProps extends PropsWithChildren {
     /** Language code to use. Supported values: 'auto' (detect based on user's OS), 'en' (English), 'es' (Spanish). Defaults to auto. */
     lang?: LangOption;
@@ -31,6 +32,8 @@ export interface DocumentCaptureProps extends PropsWithChildren {
     theme?: ThemeInput;
     /** Object containing any classNames for inner components. **/
     classNames?: DocumentCaptureClassNames;
+    /** Object containing any verbiage overrides. */
+    verbiage?: DocumentCaptureVerbiage;
     /** Boolean flag to indicate whether users should be prompted to share their location. Default is `true`. */
     geolocationEnabled?: boolean;
     /** Boolean flag to indicate whether users should be blocked from proceeding if they block location access. Default is `false`. */

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

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { CameraFeedMode } from '../../lib/camera/CameraFeedWrapper';
+import { CustomerSuppliedVerbiage } from '../../lib/locales';
 export type DocumentCaptureScreenClassNames = {
     container?: string;
     cameraFeedWrapper?: string;
@@ -17,12 +18,25 @@ export type DocumentCaptureScreenClassNames = {
     uploadProgressBtn?: string;
     captureBtn?: string;
 };
+export type DocumentCaptureScreenVerbiage = {
+    headingText?: CustomerSuppliedVerbiage;
+    loadingBtnText?: CustomerSuppliedVerbiage;
+    retryCameraAccessBtnText?: CustomerSuppliedVerbiage;
+    captureBtnText?: CustomerSuppliedVerbiage;
+    capturingBtnText?: CustomerSuppliedVerbiage;
+    retryCaptureBtnText?: CustomerSuppliedVerbiage;
+    uploadBtnText?: CustomerSuppliedVerbiage;
+    uploadingBtnText?: CustomerSuppliedVerbiage;
+    retryUploadBtnText?: CustomerSuppliedVerbiage;
+    successBtnText?: CustomerSuppliedVerbiage;
+};
 export type DocumentCaptureScreenProps = {
     aspectRatio?: number;
     cameraFeedMode?: CameraFeedMode;
-    classNames?: DocumentCaptureScreenClassNames;
     instructions?: ReactNode;
     onCaptureClicked?: () => void;
     onSuccess?: (blob: Blob) => void;
+    classNames?: DocumentCaptureScreenClassNames;
+    verbiage?: DocumentCaptureScreenVerbiage;
 };
-export declare const DocumentCaptureScreen: ({ aspectRatio, cameraFeedMode, classNames, instructions, onCaptureClicked, onSuccess, }: DocumentCaptureScreenProps) => React.JSX.Element;
+export declare const DocumentCaptureScreen: ({ aspectRatio, cameraFeedMode, instructions, onCaptureClicked, onSuccess, classNames, verbiage: rawVerbiage, }: DocumentCaptureScreenProps) => React.JSX.Element;

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

@@ -1,7 +1,8 @@
 import React, { ReactNode } from 'react';
-import { DocumentCaptureScreenClassNames } from './DocumentCaptureScreen';
+import { DocumentCaptureScreenClassNames, DocumentCaptureScreenVerbiage } from './DocumentCaptureScreen';
 import { CameraFeedMode } from '../../lib/camera/CameraFeedWrapper';
 export type DocumentCaptureWizardClassNames = DocumentCaptureScreenClassNames;
+export type DocumentCaptureWizardVerbiage = DocumentCaptureScreenVerbiage;
 export type DocumentCaptureWizardProps = {
     onSuccess?: () => void;
     onExitCapture?: () => void;
@@ -10,5 +11,6 @@ export type DocumentCaptureWizardProps = {
     cameraFeedMode?: CameraFeedMode;
     instructions?: ReactNode;
     classNames?: DocumentCaptureWizardClassNames;
+    verbiage?: DocumentCaptureWizardVerbiage;
 };
-export declare const DocumentCaptureWizard: ({ onSuccess, aspectRatio, cameraFeedMode, instructions, classNames, }: DocumentCaptureWizardProps) => React.JSX.Element;
+export declare const DocumentCaptureWizard: ({ onSuccess, aspectRatio, cameraFeedMode, instructions, classNames, verbiage, }: DocumentCaptureWizardProps) => React.JSX.Element;

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

@@ -56,5 +56,11 @@ declare const _default: {
     'Network unreachable': string;
     "We're having trouble reaching our services, please check your connection and try again.": string;
     "We're sorry, an unexpected error has occurred.": string;
+    'Document Capture': string;
+    Capture: string;
+    'Retry capture': string;
+    Upload: string;
+    'Uploading...': string;
+    'Upload succeeded!': string;
 };
 export default _default;

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

@@ -64,6 +64,12 @@ export declare const resources: {
             'Network unreachable': string;
             "We're having trouble reaching our services, please check your connection and try again.": string;
             "We're sorry, an unexpected error has occurred.": string;
+            'Document Capture': string;
+            Capture: string;
+            'Retry capture': string;
+            Upload: string;
+            'Uploading...': string;
+            'Upload succeeded!': string;
         };
     };
 };

package/dist/sdk2.cjs.development.js

@@ -47,7 +47,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.150';
+var webSdkVersion = '1.0.152';
 
 function getPlatform() {
   if (typeof window === 'undefined') return;
@@ -9610,7 +9610,13 @@ var esTranslation = {
   'Video signature has been successfully captured!': 'La video firma ha sido exitosa.',
   'Network unreachable': 'No hay conexión a internet.',
   "We're having trouble reaching our services, please check your connection and try again.": "Estamos teniendo problemas para alcanzar nuestros servicios, por favor verificar la conexi\xF3n a internet e intentar de nuevo.",
-  "We're sorry, an unexpected error has occurred.": "Lo sentimos, se ha producido un error inesperado."
+  "We're sorry, an unexpected error has occurred.": "Lo sentimos, se ha producido un error inesperado.",
+  'Document Capture': 'Captura de documento',
+  Capture: 'Capturar',
+  'Retry capture': 'Reintentar la captura',
+  Upload: 'Adjuntar',
+  'Uploading...': 'Procesando...',
+  'Upload succeeded!': 'Proceso completo!'
 };
 
 var resources = {
@@ -13415,6 +13421,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     _g = _a.debugMode,
     debugMode = _g === void 0 ? false : _g;
   var _h = React.useContext(SubmissionContext),
+    submit = _h.submit,
     selfieImage = _h.selfieImage,
     signatureVideoUrl = _h.signatureVideoUrl,
     setSelfieImage = _h.setSelfieImage,
@@ -13491,6 +13498,20 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     onExit();
   }, [onExit, onRetryClicked]);
   var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onComplete);
+  var onDoneClick = React.useCallback(function () {
+    return tslib.__awaiter(void 0, void 0, void 0, function () {
+      return tslib.__generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4 /*yield*/, submit()];
+          case 1:
+            _a.sent();
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [onComplete, submit]);
   return /*#__PURE__*/React__default['default'].createElement(HighPerformanceSelfieGuidanceModelsProvider, {
     throttleMs: captureState === 'CAPTURING_SIGNATURE' ? 250 : 0
   }, captureState !== 'LOADING' && function () {
@@ -13518,7 +13539,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
         if (!showSuccessScreen) return;
         return /*#__PURE__*/React__default['default'].createElement(VideoSignatureSuccess, {
           videoUrl: signatureVideoUrl !== null && signatureVideoUrl !== void 0 ? signatureVideoUrl : '',
-          onDoneClick: onComplete,
+          onDoneClick: onDoneClick,
           onRetryClick: onRetry,
           classNames: classNames.success,
           colors: colors.success,
@@ -16986,32 +17007,46 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
   var aspectRatio = _a.aspectRatio,
     _f = _a.cameraFeedMode,
     cameraFeedMode = _f === void 0 ? 'snapToGuides' : _f,
-    _g = _a.classNames,
-    classNames = _g === void 0 ? {} : _g,
     instructions = _a.instructions,
     onCaptureClicked = _a.onCaptureClicked,
-    onSuccess = _a.onSuccess;
-  var _h = React.useContext(SubmissionContext),
-    submit = _h.submit,
-    uploadDocument = _h.uploadDocument;
-  var _j = useDocumentCaptureState(),
-    _k = _j[0],
-    rectX = _k.rectX,
-    rectY = _k.rectY,
-    rectWidth = _k.rectWidth,
-    rectHeight = _k.rectHeight,
-    rectOffsetTop = _k.rectOffsetTop,
-    capturing = _k.capturing,
-    imageUrl = _k.imageUrl,
-    imageBlob = _k.imageBlob,
-    uploadState = _k.uploadState,
-    dispatch = _j[1];
-  var _l = React.useContext(CameraStateContext),
-    cameraReady = _l.cameraReady,
-    cameraAccessDenied = _l.cameraAccessDenied,
-    retryCameraAccess = _l.retryCameraAccess;
+    onSuccess = _a.onSuccess,
+    _g = _a.classNames,
+    classNames = _g === void 0 ? {} : _g,
+    _h = _a.verbiage,
+    rawVerbiage = _h === void 0 ? {} : _h;
+  var _j = React.useContext(SubmissionContext),
+    submit = _j.submit,
+    uploadDocument = _j.uploadDocument;
+  var _k = useDocumentCaptureState(),
+    _l = _k[0],
+    rectX = _l.rectX,
+    rectY = _l.rectY,
+    rectWidth = _l.rectWidth,
+    rectHeight = _l.rectHeight,
+    rectOffsetTop = _l.rectOffsetTop,
+    capturing = _l.capturing,
+    imageUrl = _l.imageUrl,
+    imageBlob = _l.imageBlob,
+    uploadState = _l.uploadState,
+    dispatch = _k[1];
+  var _m = React.useContext(CameraStateContext),
+    cameraReady = _m.cameraReady,
+    cameraAccessDenied = _m.cameraAccessDenied,
+    retryCameraAccess = _m.retryCameraAccess;
   var theme = styled.useTheme();
   var maskColor = (_d = (_c = (_b = theme.documentCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.maskColor) !== null && _d !== void 0 ? _d : cameraFeedMode === 'snapToGuides' ? '#708090' : "rgba(0, 0, 0, 0.5)";
+  var verbiage = useTranslations(rawVerbiage, {
+    headingText: 'Document Capture',
+    loadingBtnText: 'Camera initializing...',
+    retryCameraAccessBtnText: 'Retry',
+    captureBtnText: 'Capture',
+    capturingBtnText: 'Capturing...',
+    retryCaptureBtnText: 'Retry capture',
+    uploadBtnText: 'Upload',
+    uploadingBtnText: 'Uploading...',
+    retryUploadBtnText: 'Retry',
+    successBtnText: 'Upload succeeded!'
+  });
   function onCaptureClick() {
     dispatch({
       type: 'captureRequested'
@@ -17072,7 +17107,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
     className: classNames.headingRow
   }, /*#__PURE__*/React__default['default'].createElement(Heading, {
     className: classNames.heading
-  }, "Comprobante de domicilio")), /*#__PURE__*/React__default['default'].createElement(DocumentCaptureGuideOverlay, {
+  }, verbiage.headingText)), /*#__PURE__*/React__default['default'].createElement(DocumentCaptureGuideOverlay, {
     aspectRatio: aspectRatio,
     classNames: classNames,
     maskColor: maskColor
@@ -17088,7 +17123,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
     variant: "negative",
     finished: true,
     onClick: retryCameraAccess
-  }, "Retry camera access")) : imageUrl ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, uploadState === 'not_started' ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, verbiage.retryCameraAccessBtnText)) : imageUrl ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, uploadState === 'not_started' ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     className: classNames.retryCaptureBtn,
     finished: true,
     variant: "warning",
@@ -17097,23 +17132,24 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
         type: 'retryCapture'
       });
     }
-  }, "Retry Capture"), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, verbiage.retryCaptureBtnText), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     className: classNames.uploadBtn,
     finished: true,
     variant: "positive",
     onClick: onSubmitClick
-  }, "Upload"))) : ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, verbiage.uploadBtnText))) : ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     className: classNames.uploadProgressBtn,
     finished: uploadState !== 'in_progress',
     variant: uploadState === 'failed' ? 'negative' : 'positive',
-    onClick: onSubmitClick
-  }, uploadState === 'succeeded' ? 'Upload Succeeded!' : uploadState === 'failed' ? 'Retry Upload' : 'Uploading...')))) : ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+    onClick: onSubmitClick,
+    disabled: ['in_progress', 'succeeded'].includes(uploadState)
+  }, uploadState === 'succeeded' ? verbiage.successBtnText : uploadState === 'failed' ? verbiage.retryUploadBtnText : verbiage.uploadingBtnText)))) : ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     className: classNames.captureBtn,
     finished: cameraReady,
     variant: "primary",
     onClick: onCaptureClick,
     disabled: !cameraReady || capturing
-  }, !cameraReady ? 'Preparing...' : capturing ? 'Capturing...' : 'Capture'))))));
+  }, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
 };
 var CaptureContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: var(--app-height);\n"], ["\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: var(--app-height);\n"])));
 var HeadingRow = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  background: ", ";\n  text-align: center;\n  color: white;\n"], ["\n  background: ", ";\n  text-align: center;\n  color: white;\n"])), function (props) {
@@ -17137,13 +17173,16 @@ var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
     cameraFeedMode = _a.cameraFeedMode,
     instructions = _a.instructions,
     _b = _a.classNames,
-    classNames = _b === void 0 ? {} : _b;
+    classNames = _b === void 0 ? {} : _b,
+    _c = _a.verbiage,
+    verbiage = _c === void 0 ? {} : _c;
   return /*#__PURE__*/React__default['default'].createElement(DocumentCaptureStateProvider, null, /*#__PURE__*/React__default['default'].createElement(DocumentCaptureScreen, {
     aspectRatio: aspectRatio,
     cameraFeedMode: cameraFeedMode,
-    classNames: classNames,
     instructions: instructions,
-    onSuccess: onSuccess
+    onSuccess: onSuccess,
+    classNames: classNames,
+    verbiage: verbiage
   }));
 };
 
@@ -17168,10 +17207,12 @@ var DocumentCapture = function DocumentCapture(_a) {
     theme = _c === void 0 ? 'default' : _c,
     _d = _a.classNames,
     classNames = _d === void 0 ? {} : _d,
-    _e = _a.geolocationEnabled,
-    geolocationEnabled = _e === void 0 ? true : _e,
-    _f = _a.geolocationRequired,
-    geolocationRequired = _f === void 0 ? false : _f;
+    _e = _a.verbiage,
+    verbiage = _e === void 0 ? {} : _e,
+    _f = _a.geolocationEnabled,
+    geolocationEnabled = _f === void 0 ? true : _f,
+    _g = _a.geolocationRequired,
+    geolocationRequired = _g === void 0 ? false : _g;
   useLanguage(lang);
   return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
     theme: theme
@@ -17192,8 +17233,9 @@ var DocumentCapture = function DocumentCapture(_a) {
     onUserCancel: onUserCancel,
     aspectRatio: aspectRatio,
     cameraFeedMode: cameraFeedMode,
+    instructions: instructions,
     classNames: classNames,
-    instructions: instructions
+    verbiage: verbiage
   }))));
 };