idmission-web-sdk 2.1.62 → 2.1.64

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

@@ -2,12 +2,14 @@ import React, { ComponentType } from 'react';
 import { SignatureData } from '../signature_capture/data';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
 import { FaceCaptureGuideOverlayProps } from '../face_liveness/FaceCaptureGuideOverlay';
+import { VideoSignatureGuidesClassNames } from './VideoSignatureGuides';
 export type VideoSignatureCaptureClassNames = {
     container?: string;
     cameraFeed?: string;
     guidanceMessageContainer?: string;
     guidanceMessage?: string;
     exitCaptureBtn?: string;
+    videoSignatureGuidesClassNames?: VideoSignatureGuidesClassNames;
 };
 export type VideoSignatureCaptureColors = {
     guidanceMessageBackgroundColor?: string;

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.62';
+var webSdkVersion = '2.1.64';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -13401,6 +13401,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     "$background": colors.guidanceMessageBackgroundColor,
     "$textColor": colors.guidanceMessageTextColor
   }, verbiage.guidanceMessageText))), /*#__PURE__*/React__namespace.default.createElement(GuidesComponent, {
+    classNames: classNames.videoSignatureGuidesClassNames,
     status: "success"
   }), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, "Video: ", (_c = cameraRef.current) === null || _c === void 0 ? void 0 : _c.width, "x", (_d = cameraRef.current) === null || _d === void 0 ? void 0 : _d.height)), /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
     onClick: onExit,
@@ -13594,10 +13595,11 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
   var guidesComponent = React.useCallback(function (_a) {
     var status = _a.status;
     return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureGuides, {
+      classNames: classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames,
       faceGuideStatus: status,
       requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS'
     });
-  }, []);
+  }, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames]);
   return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureContextProvider, null, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
     className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
   }, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
@@ -13609,6 +13611,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
           onSuccess: onFaceCaptureSuccess,
           onExit: onExit,
           guidesComponent: guidesComponent,
+          requireVerticalFaceCentering: false,
           classNames: classNames.faceLiveness,
           colors: colors.faceLiveness,
           verbiage: verbiage.faceLiveness,