idmission-web-sdk 0.0.42 → 0.0.44

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

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { LangOption } from '../../lib/locales';
 import { SubmissionEnvironment, SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
+import { SignatureKYCColors, SignatureKYCVerbiage } from '../signature_kyc/SignatureKYCWizard';
 export type SignatureKYCProps = {
     lang?: LangOption;
     submissionToken: string;
@@ -8,8 +9,10 @@ export type SignatureKYCProps = {
     submissionUrl?: string;
     onBeforeSubmit?: (request: SubmissionRequest) => Promise<SubmissionRequest>;
     onComplete?: (submissionResponse: SubmissionResponse) => void;
+    colors?: SignatureKYCColors;
+    verbiage?: SignatureKYCVerbiage;
     geolocationEnabled?: boolean;
     geolocationRequired?: boolean;
     debugMode?: boolean;
 };
-export declare const SignatureKYC: ({ submissionToken, submissionEnvironment, submissionUrl, onBeforeSubmit, onComplete, geolocationEnabled, geolocationRequired, debugMode, }: SignatureKYCProps) => ReactElement;
+export declare const SignatureKYC: ({ submissionToken, submissionEnvironment, submissionUrl, onBeforeSubmit, onComplete, colors, verbiage, geolocationEnabled, geolocationRequired, debugMode, }: SignatureKYCProps) => ReactElement;

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

@@ -1,11 +1,19 @@
 import React from 'react';
 import { SignatureData } from './data';
 import { SignatureCaptureVerbiage } from './SignatureCapture';
+export type VideoSignatureCaptureColors = {
+    guidanceMessageBackgroundColor?: string;
+    guidanceMessageTextColor?: string;
+};
+export type VideoSignatureCaptureVerbiage = SignatureCaptureVerbiage & {
+    guidanceMessageText?: string;
+};
 export type VideoSignatureCaptureProps = {
     onComplete?: (signatureData: SignatureData, imageData: string, videoData: Blob) => void;
     onFaceNotDetected?: () => void;
     onExit?: () => void;
-    verbiage?: SignatureCaptureVerbiage;
+    colors?: VideoSignatureCaptureColors;
+    verbiage?: VideoSignatureCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const VideoSignatureCapture: ({ onComplete, onFaceNotDetected, onExit, verbiage, debugMode, }: VideoSignatureCaptureProps) => React.ReactElement;
+export declare const VideoSignatureCapture: ({ onComplete, onFaceNotDetected, onExit, colors, verbiage, debugMode, }: VideoSignatureCaptureProps) => React.ReactElement;

package/dist/components/signature_kyc/SignatureKYCWizard.d.ts

@@ -1,7 +1,24 @@
 import { ReactElement } from 'react';
+import { VideoSignatureCaptureColors, VideoSignatureCaptureVerbiage } from '../signature_capture/VideoSignatureCapture';
+import { FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
+export type SignatureKYCColors = {
+    faceLiveness?: FaceLivenessColors;
+    videoSignatureCapture?: VideoSignatureCaptureColors;
+};
+export type SignatureKYCVerbiage = {
+    faceLiveness?: FaceLivenessVerbiage;
+    videoSignatureCapture?: VideoSignatureCaptureVerbiage;
+    success?: {
+        headingText?: string;
+        retryBtnText?: string;
+        doneBtnText?: string;
+    };
+};
 export type SignatureKYCWizardProps = {
     onComplete?: () => void;
     onRetryClicked?: () => void;
+    colors?: SignatureKYCColors;
+    verbiage?: SignatureKYCVerbiage;
     debugMode?: boolean;
 };
-export declare const SignatureKYCWizard: ({ onComplete, onRetryClicked, debugMode, }: SignatureKYCWizardProps) => ReactElement;
+export declare const SignatureKYCWizard: ({ onComplete, onRetryClicked, colors, verbiage, debugMode, }: SignatureKYCWizardProps) => ReactElement;

package/dist/lib/camera/Camera.d.ts

@@ -20,6 +20,8 @@ type Resolution = {
     ratio: string;
 };
 export declare const quickScan: Resolution[];
+export type FacingMode = 'user' | 'environment' | 'left' | 'right';
+export declare function listAvailableCameras(facingMode?: FacingMode): Promise<MediaDeviceInfo[]>;
 declare function releaseCameraAccess(): void;
 export declare const useHighestResCaptureDevice: ({ preferFrontFacingCamera, preferContinuityCamera, requestMicrophoneAccess, }?: {
     preferFrontFacingCamera: boolean;

package/dist/lib/utils/platform.d.ts

@@ -0,0 +1,9 @@
+export type Platform = {
+    name: string;
+    version: string;
+    os: {
+        family: string;
+        version: string;
+    };
+};
+export declare function getPlatform(): Platform | undefined;

package/dist/sdk2.cjs.development.js

@@ -299,6 +299,10 @@ var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a)
   }, t('Retry'))))));
 };
 
+function getPlatform() {
+  return window.platform;
+}
+
 var SubmissionProvider = function SubmissionProvider(_a) {
   var action = _a.action,
     children = _a.children,
@@ -505,7 +509,7 @@ var SubmissionProvider = function SubmissionProvider(_a) {
               sdkVersion: 'WebSDK_9.5.13.2.0',
               Resolution: "".concat(window.innerWidth, " x ").concat(window.innerHeight)
             };
-            platform = window.platform;
+            platform = getPlatform();
             if (platform) {
               metadata.os = platform.os.family;
               metadata.osVersion = platform.os.version;
@@ -10738,21 +10742,30 @@ function smallerSideIos() {
   return window.screen.width < window.screen.height ? window.screen.width : window.screen.height;
 }
 
-function listAvailableCameras() {
+function listAvailableCameras(facingMode) {
   return tslib.__awaiter(this, void 0, void 0, function () {
     var cameraEnumerationStream, videoDevices;
     return tslib.__generator(this, function (_a) {
       switch (_a.label) {
         case 0:
-          console.log('enumerating cameras...');
+          _a.trys.push([0, 2,, 3]);
           return [4, navigator.mediaDevices.getUserMedia({
-            video: true,
+            video: {
+              facingMode: {
+                exact: facingMode
+              }
+            },
             audio: false
           })];
         case 1:
           cameraEnumerationStream = _a.sent();
-          return [4, navigator.mediaDevices.enumerateDevices()];
+          return [3, 3];
         case 2:
+          _a.sent();
+          return [2, []];
+        case 3:
+          return [4, navigator.mediaDevices.enumerateDevices()];
+        case 4:
           videoDevices = _a.sent().filter(function (_a) {
             var kind = _a.kind;
             return kind === 'videoinput';
@@ -10767,6 +10780,22 @@ function listAvailableCameras() {
     });
   });
 }
+var frontLabels = ['front', 'avant', 'anteriore', 'cameraaanvoorzijde', 'kamerapåframsidan', 'forsidekamera', 'kamerapåforsiden', 'aparatprzedni', 'etukamera', 'kameradepan', 'ÖnKamera', 'cameramặttrước', 'camerăfață', 'prednákamera', 'prednjakamera', 'előlapikamera', 'přednífotoaparát', 'μπροστινήκάμερα', 'переднякамера', 'передняякамера', 'преднакамера', 'алдыңғыкамера', 'מצלמה קדמית', 'الكاميرا الأمامية', 'फ़्रंटकैमरा', '前置相机', '前置鏡頭', '前面カメラ', '전면카메라', 'กล้องด้านหน้า'].map(function (s) {
+  return s.toLocaleLowerCase().split(' ').join('');
+});
+var rearLabels = ['back', 'rear', 'posterior', 'trasera', 'traseira', 'arrière', 'rückkamera', 'fotocamera(posteriore)', 'cameraaanachterzijde', 'kamerapåbaksidan', 'kamerapåbaksiden', 'bagsidekamera', 'aparattylny', 'takakamera', 'arkakamera', 'kamerabelakang', 'cameramặtsau', 'camerăspate', 'stražnjakamera', 'zadnákamera', 'hátoldalikamera', 'zadnífotoaparát', 'πίσωκάμερα', 'заднякамера', 'Задняякамера', 'заднакамера', 'артқыкамера', 'מצלמה אחורית', 'الكاميرا الخلفية', 'बैककैमरा', '后置相机', '後置鏡頭', '背面カメラ', '후면카메라', 'กล้องด้านหลัง'].map(function (s) {
+  return s.toLocaleLowerCase().split(' ').join('');
+});
+var backUltraWideLabels = ['backultrawidecamera', 'ultraampliaposterior', 'ultra-angulartraseira', 'ultragrandeangulartraseira', 'ultragrandangle', 'ultragranangular', 'ultra-weitwinkelkamera', 'ultra-grandangolo', 'ultrabredecameraaanachterzijde', 'ultravidvinkelkamerapåbaksidan', 'ultravidvinkelkameraetpåbagsiden', 'ultravidvinkelkamerabak', 'ultragenişkameraarkayüzü', 'ultralaajakulmainentakakamera', 'tylnyaparatultraszerokokątny', 'cameracựcrộngmặtsau', 'camerăcuobiectivultra‑superangularspate', 'ultraszéleslátószögűkamera', 'kameraultralebarbelakang', 'stražnjaultraširokakamera', 'zadníultraširokoúhlýfotoaparát', 'ultraširokouhlá', 'πίσωυπερευρείακάμερα', 'заднянадширококутнакамера', 'Задняясверхширокоугольнаякамера', 'Задна свръх широкоъгълна камера', 'артқыультракеңбұрыштыкамера', 'מצלמה אולטרה רחבה אחורית', 'كاميرا خلفية عريضة جدًا', 'बैकअल्ट्रावाइडकैमरा', '后置超广角相机', '後置超廣角鏡頭相機', '背面超広角カメラ', '후면울트라와이드카메라', 'กล้องด้านหลังอัลตร้าไวด์'].map(function (s) {
+  return s.toLocaleLowerCase().split(' ').join('');
+});
+var labelMatches = function labelMatches(labelOrDevice, labelSetOrLabel) {
+  var label = labelOrDevice instanceof MediaDeviceInfo ? getDeviceLabel(labelOrDevice) : labelOrDevice;
+  var labelSet = typeof labelSetOrLabel === 'string' ? [labelSetOrLabel] : labelSetOrLabel;
+  return labelSet.some(function (l) {
+    return label.includes(l);
+  });
+};
 var getDeviceLabel = function getDeviceLabel(deviceInfo) {
   return deviceInfo.label.toLocaleLowerCase().split(' ').join('');
 };
@@ -10778,7 +10807,7 @@ function obtainCameraAccess(stream, deviceLabel, video) {
     width = _a.width,
     height = _a.height;
   var label = deviceLabel.toLocaleLowerCase().split(' ').join('');
-  var isRearFacing = label.includes('back') || label.includes('iphonecamera');
+  var isRearFacing = labelMatches(label, tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], rearLabels, true), backUltraWideLabels, true), ['iphone'], false));
   var release = function release() {
     stream.getTracks().forEach(function (track) {
       track.enabled = false;
@@ -10856,9 +10885,10 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
     if (cameraAccessDenied) return;
     listAvailableCameras().then(function (availableCameras) {
       var selectedCamera;
-      if (!iphoneContinuityCameraDenied) {
+      var platform = getPlatform();
+      if (!iphoneContinuityCameraDenied && (!platform || platform.os.family === 'OS X')) {
         var iphoneContinuityCamera = availableCameras.find(function (deviceInfo) {
-          return getDeviceLabel(deviceInfo).includes('iphonecamera');
+          return labelMatches(deviceInfo, 'iphone');
         });
         setIphoneContinuityCameraAvailable(!!iphoneContinuityCamera);
         if (iphoneContinuityCamera && iphoneContinuityCameraAllowed) {
@@ -10867,21 +10897,24 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
       }
       if (preferFrontFacingCamera) {
         selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
-          return getDeviceLabel(deviceInfo).includes('front');
+          return labelMatches(deviceInfo, frontLabels);
         }));
       }
       if (wideAngleIsBetter()) {
         selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
-          return getDeviceLabel(deviceInfo).includes('backultrawidecamera');
+          return labelMatches(deviceInfo, backUltraWideLabels);
         }));
       } else {
         selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
-          return getDeviceLabel(deviceInfo).includes('back') && !getDeviceLabel(deviceInfo).includes('backultrawidecamera');
+          return labelMatches(deviceInfo, rearLabels) && !labelMatches(deviceInfo, backUltraWideLabels);
         }));
       }
       selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
-        return getDeviceLabel(deviceInfo).includes('back');
+        return labelMatches(deviceInfo, rearLabels);
       }));
+      if (!preferFrontFacingCamera && (platform === null || platform === void 0 ? void 0 : platform.os.family) === 'iOS' && availableCameras.length > 0) {
+        selectedCamera || (selectedCamera = availableCameras[1]);
+      }
       selectedCamera || (selectedCamera = availableCameras[0]);
       setVideoDevice(selectedCamera);
     })["catch"](function (e) {
@@ -10902,7 +10935,7 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
     if (!((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia)) return cleanup;
     (function () {
       return tslib.__awaiter(void 0, void 0, void 0, function () {
-        var stream, e_1;
+        var stream, e_2;
         return tslib.__generator(this, function (_a) {
           switch (_a.label) {
             case 0:
@@ -10926,8 +10959,8 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
               stream = _a.sent();
               return [3, 4];
             case 3:
-              e_1 = _a.sent();
-              if (e_1.name === 'NotAllowedError') {
+              e_2 = _a.sent();
+              if (e_2.name === 'NotAllowedError') {
                 if (iphoneContinuityCameraAllowed) {
                   setIphoneContinuityCameraAvailable(false);
                   setIphoneContinuityCameraDenied(true);
@@ -11430,39 +11463,44 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   var onComplete = _a.onComplete,
     onFaceNotDetected = _a.onFaceNotDetected,
     onExit = _a.onExit,
-    _d = _a.verbiage,
-    verbiage = _d === void 0 ? {} : _d,
-    _e = _a.debugMode,
-    debugMode = _e === void 0 ? false : _e;
+    _d = _a.colors,
+    colors = _d === void 0 ? {} : _d,
+    _e = _a.verbiage,
+    verbiage = _e === void 0 ? {} : _e,
+    _f = _a.debugMode,
+    debugMode = _f === void 0 ? false : _f;
   var t = reactI18next.useTranslation().t;
-  var _f = React.useContext(CameraStateContext),
-    cameraRef = _f.cameraRef,
-    videoRef = _f.videoRef;
-  var _g = useResizeObserver__default['default'](),
-    ref = _g.ref,
-    width = _g.width,
-    height = _g.height;
+  var _g = React.useContext(CameraStateContext),
+    cameraRef = _g.cameraRef,
+    videoRef = _g.videoRef;
+  var _h = useResizeObserver__default['default'](),
+    ref = _h.ref,
+    width = _h.width,
+    height = _h.height;
   var signaturePad = React.useRef(null);
   var signatureRecorder = React.useRef(null);
   var recordedChunks = React.useRef([]);
-  var _h = React.useState(null),
-    signatureVideoUrl = _h[0],
-    setSignatureVideoUrl = _h[1];
+  var _j = React.useState(null),
+    signatureVideoUrl = _j[0],
+    setSignatureVideoUrl = _j[1];
   var onPredictionMade = React.useContext(HighPerformanceSelfieGuidanceModelsContext).onPredictionMade;
-  var _j = useVideoRecorder(cameraRef.current),
-    isRecording = _j.isRecording,
-    startRecording = _j.startRecording,
-    stopRecording = _j.stopRecording,
-    videoUrl = _j.videoUrl;
-  var _k = React.useState(null),
-    signatureData = _k[0],
-    setSignatureData = _k[1];
+  var _k = useVideoRecorder(cameraRef.current),
+    isRecording = _k.isRecording,
+    startRecording = _k.startRecording,
+    stopRecording = _k.stopRecording,
+    videoUrl = _k.videoUrl;
   var _l = React.useState(null),
-    signatureDataUrl = _l[0],
-    setSignatureDataUrl = _l[1];
+    signatureData = _l[0],
+    setSignatureData = _l[1];
   var _m = React.useState(null),
-    signatureVideoData = _m[0],
-    setSignatureVideoData = _m[1];
+    signatureDataUrl = _m[0],
+    setSignatureDataUrl = _m[1];
+  var _o = React.useState(null),
+    signatureVideoData = _o[0],
+    setSignatureVideoData = _o[1];
+  colors.guidanceMessageBackgroundColor || (colors.guidanceMessageBackgroundColor = '#ccc');
+  colors.guidanceMessageTextColor || (colors.guidanceMessageTextColor = 'black');
+  verbiage.guidanceMessageText || (verbiage.guidanceMessageText = t('Please sign the box below'));
   verbiage.acceptBtnText || (verbiage.acceptBtnText = t('Accept'));
   verbiage.clearBtnText || (verbiage.clearBtnText = t('Clear'));
   var outputCanvas = React.useRef(null);
@@ -11534,9 +11572,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
       cancelAnimationFrame(animationFrame.current);
     };
   }, [cameraRef, isRecording, onFaceNotDetected, videoRef]);
-  var _o = React.useState(0),
-    numFramesWithoutFaces = _o[0],
-    setNumFramesWithoutFaces = _o[1];
+  var _p = React.useState(0),
+    numFramesWithoutFaces = _p[0],
+    setNumFramesWithoutFaces = _p[1];
   React.useEffect(function () {
     onPredictionMade(function (faces) {
       setNumFramesWithoutFaces(function (n) {
@@ -11566,12 +11604,14 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
       value: JSON.stringify(signatureData, null, 2)
     }));
   }
-  var guidanceMessage = t('Please sign the box below');
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     className: "flex"
-  }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), guidanceMessage !== '' && /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
+  }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), verbiage.guidanceMessageText && /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
     "$top": "5vh"
-  }, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, null, guidanceMessage)), /*#__PURE__*/React__default['default'].createElement(SignatureCanvasContainer, null, /*#__PURE__*/React__default['default'].createElement(SignaturePad, {
+  }, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, {
+    "$background": colors.guidanceMessageBackgroundColor,
+    "$textColor": colors.guidanceMessageTextColor
+  }, verbiage.guidanceMessageText)), /*#__PURE__*/React__default['default'].createElement(SignatureCanvasContainer, null, /*#__PURE__*/React__default['default'].createElement(SignaturePad, {
     ref: ref
   }, /*#__PURE__*/React__default['default'].createElement(SignatureCanvas__default['default'], {
     ref: signaturePad,
@@ -11673,19 +11713,23 @@ var templateObject_1;
 var SignatureKYCWizard = function SignatureKYCWizard(_a) {
   var onComplete = _a.onComplete,
     onRetryClicked = _a.onRetryClicked,
-    _b = _a.debugMode,
-    debugMode = _b === void 0 ? false : _b;
-  var _c = React.useContext(SubmissionContext),
-    submit = _c.submit,
-    selfieImage = _c.selfieImage,
-    signatureVideo = _c.signatureVideo,
-    setSelfieImage = _c.setSelfieImage,
-    setSignatureData = _c.setSignatureData,
-    setSignatureVideo = _c.setSignatureVideo,
-    logSelfieCaptureAttempt = _c.logSelfieCaptureAttempt;
-  var _d = React.useState('LOADING'),
-    captureState = _d[0],
-    setCaptureState = _d[1];
+    _b = _a.colors,
+    colors = _b === void 0 ? {} : _b,
+    _c = _a.verbiage,
+    verbiage = _c === void 0 ? {} : _c,
+    _d = _a.debugMode,
+    debugMode = _d === void 0 ? false : _d;
+  var _e = React.useContext(SubmissionContext),
+    submit = _e.submit,
+    selfieImage = _e.selfieImage,
+    signatureVideo = _e.signatureVideo,
+    setSelfieImage = _e.setSelfieImage,
+    setSignatureData = _e.setSignatureData,
+    setSignatureVideo = _e.setSignatureVideo,
+    logSelfieCaptureAttempt = _e.logSelfieCaptureAttempt;
+  var _f = React.useState('LOADING'),
+    captureState = _f[0],
+    setCaptureState = _f[1];
   var operationStartedAt = React.useRef();
   var captureStartedAt = React.useRef();
   var captureEndedAt = React.useRef();
@@ -11734,13 +11778,13 @@ var SignatureKYCWizard = function SignatureKYCWizard(_a) {
     setSignatureVideo(URL.createObjectURL(videoData));
     setCaptureState('SUCCESS');
     onComplete === null || onComplete === void 0 ? void 0 : onComplete();
-  }, [onComplete, setSignatureData]);
+  }, [onComplete, setSignatureData, setSignatureVideo]);
   var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
     setCaptureState('CHECKING_LIVENESS');
   }, []);
-  var _e = React.useState(0),
-    attempt = _e[0],
-    setAttempt = _e[1];
+  var _g = React.useState(0),
+    attempt = _g[0],
+    setAttempt = _g[1];
   var onExit = React.useCallback(function () {
     setAttempt(function (n) {
       return n + 1;
@@ -11750,11 +11794,14 @@ var SignatureKYCWizard = function SignatureKYCWizard(_a) {
   return /*#__PURE__*/React__default['default'].createElement(HighPerformanceSelfieGuidanceModelsProvider, {
     throttleMs: captureState === 'CAPTURING_SIGNATURE' ? 250 : 0
   }, captureState !== 'LOADING' && function () {
+    var _a, _b, _c;
     switch (captureState) {
       case 'CHECKING_LIVENESS':
         return /*#__PURE__*/React__default['default'].createElement(FaceLivenessCapture, {
           onSuccess: onFaceCaptureSuccess,
           onExit: onExit,
+          colors: colors.faceLiveness,
+          verbiage: verbiage.faceLiveness,
           debugMode: debugMode
         });
       case 'CAPTURING_SIGNATURE':
@@ -11762,13 +11809,18 @@ var SignatureKYCWizard = function SignatureKYCWizard(_a) {
           onComplete: onSignatureCaptureCompleted,
           onFaceNotDetected: onSignatureCaptureFacesNotDetected,
           onExit: onExit,
+          colors: colors.videoSignatureCapture,
+          verbiage: verbiage.videoSignatureCapture,
           debugMode: debugMode
         });
       case 'SUCCESS':
         return /*#__PURE__*/React__default['default'].createElement(SignatureKYCSuccess, {
           videoUrl: signatureVideo !== null && signatureVideo !== void 0 ? signatureVideo : '',
           onDoneClick: submit,
-          onRetryClick: onRetryClicked
+          onRetryClick: onRetryClicked,
+          headingText: (_a = verbiage.success) === null || _a === void 0 ? void 0 : _a.headingText,
+          retryBtnText: (_b = verbiage.success) === null || _b === void 0 ? void 0 : _b.retryBtnText,
+          doneBtnText: (_c = verbiage.success) === null || _c === void 0 ? void 0 : _c.doneBtnText
         });
       default:
         return null;
@@ -13477,6 +13529,8 @@ var SignatureKYC = function SignatureKYC(_a) {
     submissionUrl = _a.submissionUrl,
     onBeforeSubmit = _a.onBeforeSubmit,
     onComplete = _a.onComplete,
+    colors = _a.colors,
+    verbiage = _a.verbiage,
     geolocationEnabled = _a.geolocationEnabled,
     geolocationRequired = _a.geolocationRequired,
     debugMode = _a.debugMode;
@@ -13498,7 +13552,9 @@ var SignatureKYC = function SignatureKYC(_a) {
     preferFrontFacingCamera: true,
     requestMicrophoneAccess: true
   }, /*#__PURE__*/React__default['default'].createElement(SignatureKYCWizard, {
+    colors: colors,
     debugMode: debugMode,
+    verbiage: verbiage,
     onRetryClicked: function onRetryClicked() {
       setAttempt(function (n) {
         return n + 1;