idmission-web-sdk 2.1.78 → 2.1.80

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

@@ -80,7 +80,7 @@ export interface IdValidationProps extends PropsWithChildren {
     /** String indicating which ID capture loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
     loadingOverlayMode?: IdCaptureLoadingOverlayMode;
     /** React component to render if the warmup overlay needs to be completely replaced.  Note that 100px padding should be applied to the bottom as the loading progress will be displayed over this content. **/
-    customOverlayContent?: () => ReactNode;
+    customOverlayContent?: ReactNode;
     /** String to indicate which types of documents should be captured. Valid values: `idCard`, `passport`, `idCardOrPassport`, `idCardAndPassport`. Default is `idCardOrPassport`. */
     idCaptureRequirement?: IdCaptureRequirementOption;
     /** Boolean to indicate whether the success screen should be shown in after the ID card front is captured, rather than the flip animation. Defaults to `false`. */

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

@@ -45,7 +45,7 @@ export interface SignatureKYCProps extends PropsWithChildren {
     /** String indicating which loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
     loadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
     /** React component to render if the warmup overlay needs to be completely replaced.  Note that 100px padding should be applied to the bottom as the loading progress will be displayed over this content. **/
-    customOverlayContent?: () => ReactNode;
+    customOverlayContent?: ReactNode;
     /** Boolean or async function to indicate whether to proceed automatically after capture guidance is satisfied. If an async function is supplied returning a boolean, it will be evaluated at the time of capture guidance satisfaction. Defaults to `false`. */
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     /** String containing a base64 image or document service ID pointing to an ID card front image that should be used to match the user's face against. Leave blank to disable face matching. */

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

@@ -131,7 +131,7 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     /** Boolean or async function to indicate whether to instruct the user to show the back of their ID card during video capture. If an async function is supplied returning a boolean, it will be evaluated at the time of ID front video capture completion. Defaults to `false`. */
     skipShowIdCardBack?: boolean | (() => Promise<boolean>);
     /** React component to render if the warmup overlay needs to be completely replaced.  Note that 100px padding should be applied to the bottom as the loading progress will be displayed over this content. **/
-    customOverlayContent?: () => ReactNode;
+    customOverlayContent?: ReactNode;
     /** String indicating which ID capture loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
     idCaptureLoadingOverlayMode?: IdCaptureLoadingOverlayMode;
     /** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */

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

@@ -35,7 +35,7 @@ export type FaceLivenessWizardProps = {
     onModelError?: (error: Error) => void;
     onCustomOverlayDismissed?: () => void;
     loadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
-    customOverlayContent?: () => ReactNode;
+    customOverlayContent?: ReactNode;
     timeoutDurationMs?: number;
     modelLoadTimeoutMs?: number;
     maxRetries?: number;

package/dist/components/id_capture/IdCaptureLoadingOverlay.d.ts

@@ -54,7 +54,7 @@ export type IdCaptureLoadingOverlayProps = {
     classNames?: IdCaptureLoadingOverlayClassNames;
     colors?: IdCaptureLoadingOverlayColors;
     verbiage?: IdCaptureLoadingOverlayVerbiage;
-    customOverlayContent?: () => ReactNode;
+    customOverlayContent?: ReactNode;
 };
 export type IdCaptureLoadingOverlayMode = 'default' | 'legacy';
 export declare const IdCaptureLoadingOverlay: ({ mode, ...props }: IdCaptureLoadingOverlayProps & {

package/dist/components/id_capture/IdCaptureWizard.d.ts

@@ -49,7 +49,7 @@ export type IdCaptureWizardProps = {
     onModelError?: (error: Error) => void;
     onCustomOverlayDismissed?: () => void;
     loadingOverlayMode?: IdCaptureLoadingOverlayMode;
-    customOverlayContent?: () => ReactNode;
+    customOverlayContent?: ReactNode;
     modelLoadTimeoutMs?: number;
     precapturedDocuments?: CapturedDocuments;
     captureRequirement?: IdCaptureRequirementOption;

package/dist/components/selfie_capture/SelfieCaptureLoadingOverlay.d.ts

@@ -55,7 +55,7 @@ export type SelfieCaptureLoadingOverlayProps = {
     classNames?: SelfieCaptureLoadingOverlayClassNames;
     colors?: SelfieCaptureLoadingOverlayColors;
     verbiage?: SelfieCaptureLoadingOverlayVerbiage;
-    customOverlayContent?: () => ReactNode;
+    customOverlayContent?: ReactNode;
 };
 export type SelfieCaptureLoadingOverlayMode = 'default' | 'legacy';
 export declare const SelfieCaptureLoadingOverlay: ({ mode, ...props }: SelfieCaptureLoadingOverlayProps & {

package/dist/components/video_id/IdVideoCaptureWizard.d.ts

@@ -53,7 +53,7 @@ export type VideoIdWizardProps = {
     skipIdCapture?: boolean;
     skipShowIdCardBack?: boolean | (() => Promise<boolean>);
     idCaptureLoadingOverlayMode?: IdCaptureLoadingOverlayMode;
-    customOverlayContent?: () => ReactNode;
+    customOverlayContent?: ReactNode;
     idCaptureGuideType?: IdCaptureGuideType;
     idCaptureGuideImages?: IdCaptureGuideImages;
     idCapturePortraitGuidesOnMobile?: boolean;

package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts

@@ -32,7 +32,7 @@ export type VideoSignatureWizardProps = {
     onModelError?: (error: Error) => void;
     onCustomOverlayDismissed?: () => void;
     loadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
-    customOverlayContent?: () => ReactNode;
+    customOverlayContent?: ReactNode;
     modelLoadTimeoutMs?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     assets?: VideoSignatureAssets;

package/dist/sdk2.cjs.development.js

@@ -234,7 +234,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.1.78';
+var webSdkVersion = '2.1.80';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -7918,7 +7918,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
   }, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
     onClick: onUserCancel,
     className: classNames.cancelBtn
-  })), customOverlayContent ? customOverlayContent() : ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage$2, {
+  })), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage$2, {
     className: classNames.heading
   }, verbiage.headingText)), /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$2, {
     className: classNames.imageContainer,
@@ -12285,7 +12285,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
   }, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
     onClick: onUserCancel,
     className: classNames.cancelBtn
-  })), customOverlayContent ? customOverlayContent() : ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader, {
+  })), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader, {
     className: classNames.headingContainer
   }, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage, {
     className: classNames.heading
@@ -13701,26 +13701,26 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
 };
 
 var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-  var _y = _a.requestedAction,
-    requestedAction = _y === void 0 ? 'SHOW_ID_FRONT' : _y,
-    _z = _a.satisfied,
-    satisfied = _z === void 0 ? false : _z,
-    _0 = _a.faceGuideStatus,
-    faceGuideStatus = _0 === void 0 ? 'success' : _0,
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+  var _0 = _a.requestedAction,
+    requestedAction = _0 === void 0 ? 'SHOW_ID_FRONT' : _0,
+    _1 = _a.satisfied,
+    satisfied = _1 === void 0 ? false : _1,
+    _2 = _a.faceGuideStatus,
+    faceGuideStatus = _2 === void 0 ? 'success' : _2,
     faceGuideBorderWidth = _a.faceGuideBorderWidth,
     faceGuideBorderColor = _a.faceGuideBorderColor,
-    _1 = _a.idCardGuideStatus,
-    idCardGuideStatus = _1 === void 0 ? 'ready' : _1,
+    _3 = _a.idCardGuideStatus,
+    idCardGuideStatus = _3 === void 0 ? 'ready' : _3,
     idCardGuideBorderWidth = _a.idCardGuideBorderWidth,
     idCardGuideBorderColor = _a.idCardGuideBorderColor,
     idCardCaptureProgress = _a.idCardCaptureProgress,
-    _2 = _a.idCardCaptureGuideImages,
-    userSuppliedImages = _2 === void 0 ? defaultIdCaptureGuideImages : _2,
-    _3 = _a.classNames,
-    classNames = _3 === void 0 ? {} : _3,
-    _4 = _a.verbiage,
-    rawVerbiage = _4 === void 0 ? {} : _4;
+    _4 = _a.idCardCaptureGuideImages,
+    userSuppliedImages = _4 === void 0 ? defaultIdCaptureGuideImages : _4,
+    _5 = _a.classNames,
+    classNames = _5 === void 0 ? {} : _5,
+    _6 = _a.verbiage,
+    rawVerbiage = _6 === void 0 ? {} : _6;
   var cameraRef = React.useContext(CameraStateContext).cameraRef;
   var verbiage = useTranslations(rawVerbiage, {
     idFrontInstructionText: 'Display the front of your ID card...',
@@ -13734,17 +13734,17 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
   if (faceGuideBorderColor === undefined) faceGuideBorderColor = (_j = satisfied ? (_f = (_e = theme.idVideoCapture) === null || _e === void 0 ? void 0 : _e.faceGuides) === null || _f === void 0 ? void 0 : _f.satisfiedColor : (_h = (_g = theme.idVideoCapture) === null || _g === void 0 ? void 0 : _g.faceGuides) === null || _h === void 0 ? void 0 : _h.unsatisfiedColor) !== null && _j !== void 0 ? _j : '#D6DCE7';
   if (idCardGuideBorderWidth === undefined) idCardGuideBorderWidth = (_m = (_l = (_k = theme.idVideoCapture) === null || _k === void 0 ? void 0 : _k.idCardGuides) === null || _l === void 0 ? void 0 : _l.borderWidth) !== null && _m !== void 0 ? _m : 20;
   if (idCardGuideBorderColor === undefined) idCardGuideBorderColor = (_s = satisfied ? (_p = (_o = theme.idVideoCapture) === null || _o === void 0 ? void 0 : _o.idCardGuides) === null || _p === void 0 ? void 0 : _p.satisfiedColor : (_r = (_q = theme.idVideoCapture) === null || _q === void 0 ? void 0 : _q.idCardGuides) === null || _r === void 0 ? void 0 : _r.unsatisfiedColor) !== null && _s !== void 0 ? _s : '#D6DCE7';
-  var _5 = useResizeObserver__default.default(),
-    idCardGuideRef = _5.ref,
-    _6 = _5.width,
-    idCardGuideWidth = _6 === void 0 ? 0 : _6,
-    _7 = _5.height,
-    idCardGuideHeight = _7 === void 0 ? 0 : _7;
+  var _7 = useResizeObserver__default.default(),
+    idCardGuideRef = _7.ref,
+    _8 = _7.width,
+    idCardGuideWidth = _8 === void 0 ? 0 : _8,
+    _9 = _7.height,
+    idCardGuideHeight = _9 === void 0 ? 0 : _9;
   var idCaptureGuideImages = useGuideImages(userSuppliedImages);
   var idCaptureGuideImagesByUrl = useGuideImagesByUrl(idCaptureGuideImages);
-  var _8 = React.useState(undefined),
-    aspectRatio = _8[0],
-    setAspectRatio = _8[1];
+  var _10 = React.useState(undefined),
+    aspectRatio = _10[0],
+    setAspectRatio = _10[1];
   var onImageLoaded = React.useCallback(function (e) {
     var _a, _b, _c, _d;
     var img = e.currentTarget;
@@ -13761,6 +13761,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
       aspectRatio: aspectRatio
     };
   }, [idCardGuideWidth, idCardGuideHeight, aspectRatio]);
+  var disableIdGuides = ((_u = (_t = theme.idVideoCapture) === null || _t === void 0 ? void 0 : _t.idCardGuides) === null || _u === void 0 ? void 0 : _u.disableDuringLivenessCheck) && requestedAction === 'VERIFY_LIVENESS';
   return /*#__PURE__*/React__namespace.default.createElement(Container, {
     className: classNames.container
   }, /*#__PURE__*/React__namespace.default.createElement(Inner, null, /*#__PURE__*/React__namespace.default.createElement(FaceGuideContainer, {
@@ -13771,7 +13772,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     borderWidth: faceGuideBorderWidth,
     borderColor: faceGuideBorderColor,
     verticalAlign: "bottom"
-  })), /*#__PURE__*/React__namespace.default.createElement(IdCardGuideContainer, {
+  })), !disableIdGuides && ( /*#__PURE__*/React__namespace.default.createElement(IdCardGuideContainer, {
     className: classNames.idCardGuideContainer,
     ref: idCardGuideRef
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInner, {
@@ -13790,7 +13791,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
     alt: "",
     className: classNames.idCardGuideImage,
-    "$isMirrored": !((_t = cameraRef.current) === null || _t === void 0 ? void 0 : _t.isRearFacing),
+    "$isMirrored": !((_v = cameraRef.current) === null || _v === void 0 ? void 0 : _v.isRearFacing),
     style: idCardImageStyle,
     src: requestedAction === 'SHOW_ID_BACK' ? idCaptureGuideImages.landscape.SHOW_ID_BACK.url : idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
     onLoad: onImageLoaded
@@ -13804,15 +13805,15 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     className: classNames.idCardGuideInstructionsContainer
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideInstructions, {
     className: classNames.idCardGuideInstructions,
-    "$textColor": (_v = (_u = theme.idVideoCapture) === null || _u === void 0 ? void 0 : _u.idCardGuides) === null || _v === void 0 ? void 0 : _v.instructionsTextColor,
-    "$background": (_x = (_w = theme.idVideoCapture) === null || _w === void 0 ? void 0 : _w.idCardGuides) === null || _x === void 0 ? void 0 : _x.instructionsBackgroundColor
-  }, instructionText)))));
+    "$textColor": (_x = (_w = theme.idVideoCapture) === null || _w === void 0 ? void 0 : _w.idCardGuides) === null || _x === void 0 ? void 0 : _x.instructionsTextColor,
+    "$background": (_z = (_y = theme.idVideoCapture) === null || _y === void 0 ? void 0 : _y.idCardGuides) === null || _z === void 0 ? void 0 : _z.instructionsBackgroundColor
+  }, instructionText))))));
 };
 var Container = styled__default.default.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  display: flex;\n  max-height: 100%;\n  position: absolute;\n  z-index: 1000;\n  width: 100dvw;\n  height: 100dvh;\n  font-family: ", ";\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 40px;\n"], ["\n  display: flex;\n  max-height: 100%;\n  position: absolute;\n  z-index: 1000;\n  width: 100dvw;\n  height: 100dvh;\n  font-family: ", ";\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 40px;\n"])), function (props) {
   var _a;
   return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
 });
-var Inner = styled__default.default.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n"], ["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n"])));
+var Inner = styled__default.default.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n"], ["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n"])));
 var FaceGuideContainer = styled__default.default.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  position: relative;\n  height: 65%;\n"], ["\n  position: relative;\n  height: 65%;\n"])));
 var IdCardGuideContainer = styled__default.default.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 0 auto;\n  position: relative;\n  max-width: 100%;\n  height: 35%;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 0 auto;\n  position: relative;\n  max-width: 100%;\n  height: 35%;\n"])));
 var IdCardGuideInner = styled__default.default.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  position: relative;\n  height: 100%;\n"], ["\n  position: relative;\n  height: 100%;\n"])));
@@ -15136,6 +15137,9 @@ var defaultTheme = {
     backgroundPosition: '0 0, 10px 10px'
   },
   idVideoCapture: {
+    idCardGuides: {
+      disableDuringLivenessCheck: false
+    },
     readTextPrompt: {
       heading: {
         backgroundColor: 'rgba(255, 255, 255, 0.5)',