idmission-web-sdk 0.0.11 → 0.0.13

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

@@ -19,6 +19,7 @@ export type CustomerBiometricsEnrollmentProps = {
     onComplete?: (submissionResponse: SubmissionResponse) => void;
     onEnrolled?: (submissionResponse: SubmissionResponse) => void;
     onDenied?: (submissionResponse: SubmissionResponse) => void;
+    onExitAfterFailure?: () => void;
     captureSignature?: boolean | (() => Promise<boolean>);
     captureSignatureVideo?: boolean | (() => Promise<boolean>);
     captureAdditionalDocuments?: AdditionalDocument[];
@@ -26,4 +27,4 @@ export type CustomerBiometricsEnrollmentProps = {
     geolocationRequired?: boolean;
     debugMode?: boolean;
 };
-export declare const CustomerBiometricsEnrollment: ({ enrollmentId, lang, submissionToken, submissionEnvironment, submissionUrl, timeoutDurationMs, assets, verbiage, onBeforeSubmit, onComplete, onEnrolled, onDenied, captureSignature, captureSignatureVideo, captureAdditionalDocuments, geolocationEnabled, geolocationRequired, debugMode, }: CustomerBiometricsEnrollmentProps) => ReactElement;
+export declare const CustomerBiometricsEnrollment: ({ enrollmentId, lang, submissionToken, submissionEnvironment, submissionUrl, timeoutDurationMs, assets, verbiage, onBeforeSubmit, onComplete, onEnrolled, onDenied, onExitAfterFailure, captureSignature, captureSignatureVideo, captureAdditionalDocuments, geolocationEnabled, geolocationRequired, debugMode, }: CustomerBiometricsEnrollmentProps) => ReactElement;

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

@@ -27,6 +27,7 @@ export type CustomerEnrollmentProps = {
     onComplete?: (submissionResponse: SubmissionResponse) => void;
     onEnrolled?: (submissionResponse: SubmissionResponse) => void;
     onDenied?: (submissionResponse: SubmissionResponse) => void;
+    onExitAfterFailure?: () => void;
     captureSignature?: boolean | (() => Promise<boolean>);
     captureSignatureVideo?: boolean | (() => Promise<boolean>);
     captureAdditionalDocuments?: AdditionalDocument[];
@@ -34,4 +35,4 @@ export type CustomerEnrollmentProps = {
     geolocationRequired?: boolean;
     debugMode?: boolean;
 };
-export declare const CustomerIdAndBiometricsEnrollment: ({ enrollmentId, lang, submissionToken, submissionEnvironment, submissionUrl, documentDetectionNonMaxSuppressionEnabled, idAutoCaptureEnabled, idCardAutoCaptureScoreThreshold, mrzDetectionScoreThreshold, passportAutoCaptureScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, idCaptureAssets, idCaptureVerbiage, faceLivenessTimeoutDurationMs, faceLivenessAssets, faceLivenessVerbiage, onBeforeSubmit, onComplete, onEnrolled, onDenied, captureSignature, captureSignatureVideo, captureAdditionalDocuments, geolocationEnabled, geolocationRequired, debugMode, }: CustomerEnrollmentProps) => ReactElement;
+export declare const CustomerIdAndBiometricsEnrollment: ({ enrollmentId, lang, submissionToken, submissionEnvironment, submissionUrl, documentDetectionNonMaxSuppressionEnabled, idAutoCaptureEnabled, idCardAutoCaptureScoreThreshold, mrzDetectionScoreThreshold, passportAutoCaptureScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, idCaptureAssets, idCaptureVerbiage, faceLivenessTimeoutDurationMs, faceLivenessAssets, faceLivenessVerbiage, onBeforeSubmit, onComplete, onEnrolled, onDenied, onExitAfterFailure, captureSignature, captureSignatureVideo, captureAdditionalDocuments, geolocationEnabled, geolocationRequired, debugMode, }: CustomerEnrollmentProps) => ReactElement;

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

@@ -15,8 +15,9 @@ export type CustomerVerificationProps = {
     onComplete?: (submissionResponse: SubmissionResponse) => void;
     onCustomerMatched?: (submissionResponse: SubmissionResponse) => void;
     onCustomerNotMatched?: (submissionResponse: SubmissionResponse) => void;
+    onExitAfterFailure?: () => void;
     geolocationEnabled?: boolean;
     geolocationRequired?: boolean;
     debugMode?: boolean;
 };
-export declare const CustomerVerification: ({ lang, enrollmentId, submissionToken, submissionEnvironment, submissionUrl, timeoutDurationMs, assets, verbiage, onBeforeSubmit, onComplete, onCustomerMatched, onCustomerNotMatched, geolocationEnabled, geolocationRequired, debugMode, }: CustomerVerificationProps) => ReactElement;
+export declare const CustomerVerification: ({ lang, enrollmentId, submissionToken, submissionEnvironment, submissionUrl, timeoutDurationMs, assets, verbiage, onBeforeSubmit, onComplete, onCustomerMatched, onCustomerNotMatched, onExitAfterFailure, geolocationEnabled, geolocationRequired, debugMode, }: CustomerVerificationProps) => ReactElement;

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

@@ -12,10 +12,11 @@ export type FaceValidationProps = {
     onComplete?: (submissionResponse: SubmissionResponse | null) => void;
     onApproved?: (submissionResponse: SubmissionResponse | null) => void;
     onDenied?: (submissionResponse: SubmissionResponse | null) => void;
+    onExitAfterFailure?: () => void;
     assets?: FaceLivenessAssets;
     verbiage?: FaceLivenessVerbiage;
     geolocationEnabled?: boolean;
     geolocationRequired?: boolean;
     debugMode?: boolean;
 };
-export declare const FaceValidation: ({ lang, submissionToken, submissionEnvironment, submissionUrl, timeoutDurationMs, onBeforeSubmit, onComplete, onApproved, onDenied, assets, verbiage, geolocationEnabled, geolocationRequired, debugMode, }: FaceValidationProps) => ReactElement;
+export declare const FaceValidation: ({ lang, submissionToken, submissionEnvironment, submissionUrl, timeoutDurationMs, onBeforeSubmit, onComplete, onApproved, onDenied, onExitAfterFailure, assets, verbiage, geolocationEnabled, geolocationRequired, debugMode, }: FaceValidationProps) => ReactElement;

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

@@ -26,6 +26,7 @@ export type IdAndFaceValidationProps = {
     onComplete?: (submissionResponse: SubmissionResponse) => void;
     onApproved?: (submissionResponse: SubmissionResponse) => void;
     onDenied?: (submissionResponse: SubmissionResponse | null) => void;
+    onExitAfterFailure?: () => void;
     captureSignature?: boolean | (() => Promise<boolean>);
     captureSignatureVideo?: boolean | (() => Promise<boolean>);
     captureAdditionalDocuments?: AdditionalDocument[];
@@ -33,4 +34,4 @@ export type IdAndFaceValidationProps = {
     geolocationRequired?: boolean;
     debugMode?: boolean;
 };
-export declare const IdAndFaceValidation: ({ lang, submissionToken, submissionEnvironment, submissionUrl, documentDetectionNonMaxSuppressionEnabled, idAutoCaptureEnabled, idCardAutoCaptureScoreThreshold, mrzDetectionScoreThreshold, passportAutoCaptureScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, idCaptureAssets, idCaptureVerbiage, faceLivenessTimeoutDurationMs, faceLivenessAssets, faceLivenessVerbiage, onBeforeSubmit, onComplete, onApproved, onDenied, captureSignature, captureSignatureVideo, captureAdditionalDocuments, geolocationEnabled, geolocationRequired, debugMode, }: IdAndFaceValidationProps) => ReactElement;
+export declare const IdAndFaceValidation: ({ lang, submissionToken, submissionEnvironment, submissionUrl, documentDetectionNonMaxSuppressionEnabled, idAutoCaptureEnabled, idCardAutoCaptureScoreThreshold, mrzDetectionScoreThreshold, passportAutoCaptureScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, idCaptureAssets, idCaptureVerbiage, faceLivenessTimeoutDurationMs, faceLivenessAssets, faceLivenessVerbiage, onBeforeSubmit, onComplete, onApproved, onDenied, onExitAfterFailure, captureSignature, captureSignatureVideo, captureAdditionalDocuments, geolocationEnabled, geolocationRequired, debugMode, }: IdAndFaceValidationProps) => ReactElement;

package/dist/sdk2.cjs.development.js

@@ -228,7 +228,7 @@ var templateObject_1$4;
 var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$3 || (templateObject_1$3 = tslib.__makeTemplateObject(["\n  background: white;\n  z-index: 10000;\n"], ["\n  background: white;\n  z-index: 10000;\n"])));
 var OverlayInner = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  padding: 25px;\n  max-height: var(--app-height);\n  height: 100%;\n  box-sizing: border-box;\n"], ["\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  padding: 25px;\n  max-height: var(--app-height);\n  height: 100%;\n  box-sizing: border-box;\n"])));
 var OverlayImageWrapper = styled__default['default'].div(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  padding-bottom: 25px;\n  max-width: var(--app-width);\n  max-height: var(--app-height);\n  overflow: hidden;\n\n  & > img {\n    margin: 0 auto;\n    width: max-content;\n    max-width: 100%;\n    max-height: 100%;\n    aspect-ratio: initial;\n    object-fit: contain;\n    display: block;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  padding-bottom: 25px;\n  max-width: var(--app-width);\n  max-height: var(--app-height);\n  overflow: hidden;\n\n  & > img {\n    margin: 0 auto;\n    width: max-content;\n    max-width: 100%;\n    max-height: 100%;\n    aspect-ratio: initial;\n    object-fit: contain;\n    display: block;\n  }\n"])));
-var OverlayImageMultiContainer = styled__default['default'].div(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100vh - 320px);\n\n    & > img {\n      max-width: 100%;\n      max-height: 100%;\n    }\n  }\n"], ["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100vh - 320px);\n\n    & > img {\n      max-width: 100%;\n      max-height: 100%;\n    }\n  }\n"])));
+var OverlayImageMultiContainer = styled__default['default'].div(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100vh - 320px);\n\n    & > img {\n      width: 100%;\n      max-height: 100%;\n      height: auto;\n    }\n  }\n"], ["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100vh - 320px);\n\n    & > img {\n      width: 100%;\n      max-height: 100%;\n      height: auto;\n    }\n  }\n"])));
 var templateObject_1$3, templateObject_2, templateObject_3, templateObject_4;
 
 var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
@@ -2051,13 +2051,19 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
     }
   }, idCardFront && /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", null, idCardFrontText), /*#__PURE__*/React__default['default'].createElement("img", {
     src: idCardFront.imageData,
-    alt: idCardFrontText
+    alt: idCardFrontText,
+    width: idCardFront.width,
+    height: idCardFront.height
   })), idCardBack && /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", null, idCardBackText), /*#__PURE__*/React__default['default'].createElement("img", {
     src: idCardBack.imageData,
-    alt: idCardBackText
+    alt: idCardBackText,
+    width: idCardBack.width,
+    height: idCardBack.height
   })), passport && /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", null, passportText), /*#__PURE__*/React__default['default'].createElement("img", {
     src: passport.imageData,
-    alt: passportText
+    alt: passportText,
+    width: passport.width,
+    height: passport.height
   })))), /*#__PURE__*/React__default['default'].createElement("p", {
     style: {
       fontSize: 18
@@ -11879,6 +11885,7 @@ var FaceValidation = function FaceValidation(_a) {
     onComplete = _a.onComplete,
     onApproved = _a.onApproved,
     onDenied = _a.onDenied,
+    onExitAfterFailure = _a.onExitAfterFailure,
     assets = _a.assets,
     verbiage = _a.verbiage,
     _e = _a.geolocationEnabled,
@@ -11894,12 +11901,12 @@ var FaceValidation = function FaceValidation(_a) {
       onComplete: onComplete,
       onSuccess: onApproved,
       onTimeout: onDenied,
-      onExitAfterFailure: onDenied,
+      onExitAfterFailure: onExitAfterFailure,
       assets: assets,
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [assets, debugMode, onApproved, onComplete, onDenied, timeoutDurationMs, verbiage]);
+  }, [assets, debugMode, onApproved, onComplete, onDenied, onExitAfterFailure, timeoutDurationMs, verbiage]);
   return /*#__PURE__*/React__default['default'].createElement(SubmissionProvider, {
     action: SubmissionAction.NONE,
     environment: submissionEnvironment,
@@ -11948,6 +11955,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     onComplete = _a.onComplete,
     onApproved = _a.onApproved,
     onDenied = _a.onDenied,
+    onExitAfterFailure = _a.onExitAfterFailure,
     _m = _a.captureSignature,
     captureSignature = _m === void 0 ? false : _m,
     _o = _a.captureSignatureVideo,
@@ -11979,12 +11987,12 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     return {
       timeoutDurationMs: faceLivenessTimeoutDurationMs,
       onTimeout: onDenied,
-      onExitAfterFailure: onDenied,
+      onExitAfterFailure: onExitAfterFailure,
       assets: faceLivenessAssets,
       verbiage: faceLivenessVerbiage,
       debugMode: debugMode
     };
-  }, [debugMode, faceLivenessAssets, faceLivenessTimeoutDurationMs, faceLivenessVerbiage, onDenied]);
+  }, [debugMode, faceLivenessAssets, faceLivenessTimeoutDurationMs, faceLivenessVerbiage, onDenied, onExitAfterFailure]);
   var signatureCaptureProps = React.useMemo(function () {
     return {
       verbiage: {
@@ -12065,6 +12073,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     onComplete = _a.onComplete,
     onEnrolled = _a.onEnrolled,
     onDenied = _a.onDenied,
+    onExitAfterFailure = _a.onExitAfterFailure,
     _m = _a.captureSignature,
     captureSignature = _m === void 0 ? false : _m,
     _o = _a.captureSignatureVideo,
@@ -12094,12 +12103,13 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
   }, [debugMode, documentDetectionNonMaxSuppressionEnabled, idAutoCaptureEnabled, idCaptureAssets, idCaptureVerbiage, idCardAutoCaptureScoreThreshold, idCardFocusScoreThreshold, mrzDetectionScoreThreshold, passportAutoCaptureScoreThreshold, passportFocusScoreThreshold]);
   var faceLivenessProps = React.useMemo(function () {
     return {
+      onExitAfterFailure: onExitAfterFailure,
       timeoutDurationMs: faceLivenessTimeoutDurationMs,
       assets: faceLivenessAssets,
       verbiage: faceLivenessVerbiage,
       debugMode: debugMode
     };
-  }, [debugMode, faceLivenessAssets, faceLivenessTimeoutDurationMs, faceLivenessVerbiage]);
+  }, [debugMode, faceLivenessAssets, faceLivenessTimeoutDurationMs, faceLivenessVerbiage, onExitAfterFailure]);
   var signatureCaptureProps = React.useMemo(function () {
     return {
       verbiage: {
@@ -12524,6 +12534,7 @@ var CustomerVerification = function CustomerVerification(_a) {
     onComplete = _a.onComplete,
     onCustomerMatched = _a.onCustomerMatched,
     onCustomerNotMatched = _a.onCustomerNotMatched,
+    onExitAfterFailure = _a.onExitAfterFailure,
     _e = _a.geolocationEnabled,
     geolocationEnabled = _e === void 0 ? true : _e,
     _f = _a.geolocationRequired,
@@ -12546,6 +12557,7 @@ var CustomerVerification = function CustomerVerification(_a) {
     onComplete: onComplete,
     onCustomerMatched: onCustomerMatched,
     onCustomerNotMatched: onCustomerNotMatched,
+    onExitAfterFailure: onExitAfterFailure,
     captureGuidanceTimeoutDurationMs: timeoutDurationMs,
     assets: assets,
     verbiage: verbiage,
@@ -13010,6 +13022,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
     onComplete = _a.onComplete,
     onEnrolled = _a.onEnrolled,
     onDenied = _a.onDenied,
+    onExitAfterFailure = _a.onExitAfterFailure,
     _e = _a.captureSignature,
     captureSignature = _e === void 0 ? false : _e,
     _f = _a.captureSignatureVideo,
@@ -13025,12 +13038,13 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
   useLanguage(lang);
   var faceLivenessProps = React.useMemo(function () {
     return {
+      onExitAfterFailure: onExitAfterFailure,
       timeoutDurationMs: timeoutDurationMs,
       assets: assets,
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [assets, debugMode, timeoutDurationMs, verbiage]);
+  }, [assets, debugMode, onExitAfterFailure, timeoutDurationMs, verbiage]);
   var signatureCaptureProps = React.useMemo(function () {
     return {
       verbiage: {