idmission-web-sdk 1.0.318 → 1.0.320

package/dist/components/submission/SubmissionProvider.d.ts

@@ -35,6 +35,7 @@ export type SubmissionState = {
     setIdCaptureVideoIdBackImage: (image: string) => void;
     setIdCaptureVideoAudioUrl: (videoDataUrl: string) => void;
     setIdCaptureVideoAudioStartsAt: (value: number) => void;
+    setExpectedAudioText: (value: string) => void;
     setAdditionalDocuments: (uploadedDocuments: UploadedDocument[]) => void;
     uploadDocument: (blob: Blob) => Promise<string>;
     logIdFrontCaptureAttempt: (attempt: CaptureAttemptMetadata) => void;
@@ -79,5 +80,6 @@ export type SubmissionProviderProps = {
     onBeforeLivenessCheck?: (req: LivenessCheckRequest) => Promise<LivenessCheckRequest>;
     onResponseReceived?: (res: SubmissionResponse, req: SubmissionRequest) => void;
     onRequestFailure?: (err: Error) => void;
+    readTextPrompt?: string;
 };
 export declare const SubmissionProvider: ({ action, children, url, environment, token, companyId, enrollmentId, personalData, cardData, bypassAgeValidation, bypassNameMatching, needImmediateResponse, manualReviewRequired, idBackImageRequired, idImageResolutionCheck, verifyIdWithExternalDatabases, deduplicationEnabled, deduplicationSynchronous, geolocationEnabled, geolocationRequired, webhooksEnabled, webhooksClientTraceId, webhooksStripSpecialCharacters, webhooksSendInputImages, webhooksSendProcessedImages, webhooksFireOnReview, precapturedDocuments, documentServiceUrl, onSubmit, onBeforeSubmit, onBeforeLivenessCheck, onResponseReceived, onRequestFailure, }: SubmissionProviderProps) => ReactElement;

package/dist/contexts/SubmissionContext.d.ts

@@ -39,7 +39,8 @@ export type SubmissionRequest = {
             selfie?: string;
             videoData?: string;
             voiceData?: string;
-            voiceStartsAt?: number;
+            voiceStartTime?: number;
+            expectedAudioText?: string;
         };
         signatureData?: {
             signatureImage?: string;

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.318';
+var webSdkVersion = '1.0.320';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -678,6 +678,9 @@ var SubmissionContext = /*#__PURE__*/React.createContext({
   setIdCaptureVideoAudioStartsAt: function setIdCaptureVideoAudioStartsAt() {
     return null;
   },
+  setExpectedAudioText: function setExpectedAudioText() {
+    return null;
+  },
   setAdditionalDocuments: function setAdditionalDocuments() {
     return null;
   },
@@ -808,26 +811,29 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     idCaptureVideoAudioStartsAt = _11[0],
     setIdCaptureVideoAudioStartsAt = _11[1];
   var _12 = React.useState(null),
-    additionalDocuments = _12[0],
-    setAdditionalDocuments = _12[1];
+    expectedAudioText = _12[0],
+    setExpectedAudioText = _12[1];
   var _13 = React.useState(null),
-    geolocationResult = _13[0],
-    setGeolocationResult = _13[1];
-  var _14 = React.useState(0),
-    geolocationAttempts = _14[0],
-    setGeolocationAttempts = _14[1];
-  var _15 = React.useState(false),
-    geolocationBlocked = _15[0],
-    setGeolocationBlocked = _15[1];
-  var _16 = React.useState([]),
-    idFrontCaptureAttempts = _16[0],
-    setIdFrontCaptureAttempts = _16[1];
+    additionalDocuments = _13[0],
+    setAdditionalDocuments = _13[1];
+  var _14 = React.useState(null),
+    geolocationResult = _14[0],
+    setGeolocationResult = _14[1];
+  var _15 = React.useState(0),
+    geolocationAttempts = _15[0],
+    setGeolocationAttempts = _15[1];
+  var _16 = React.useState(false),
+    geolocationBlocked = _16[0],
+    setGeolocationBlocked = _16[1];
   var _17 = React.useState([]),
-    idBackCaptureAttempts = _17[0],
-    setIdBackCaptureAttempts = _17[1];
+    idFrontCaptureAttempts = _17[0],
+    setIdFrontCaptureAttempts = _17[1];
   var _18 = React.useState([]),
-    selfieCaptureAttempts = _18[0],
-    setSelfieCaptureAttempts = _18[1];
+    idBackCaptureAttempts = _18[0],
+    setIdBackCaptureAttempts = _18[1];
+  var _19 = React.useState([]),
+    selfieCaptureAttempts = _19[0],
+    setSelfieCaptureAttempts = _19[1];
   var logIdFrontCaptureAttempt = React.useCallback(function (attempt) {
     setIdFrontCaptureAttempts(function (attempts) {
       return tslib.__spreadArray(tslib.__spreadArray([], attempts, true), [attempt], false);
@@ -958,7 +964,8 @@ var SubmissionProvider = function SubmissionProvider(_a) {
             return [4 /*yield*/, videoDataUrlToB64(idCaptureVideoAudioUrl)];
           case 5:
             _c.voiceData = _g.sent();
-            submissionRequest.customerData.biometricData.voiceStartsAt = idCaptureVideoAudioStartsAt !== null && idCaptureVideoAudioStartsAt !== void 0 ? idCaptureVideoAudioStartsAt : undefined;
+            submissionRequest.customerData.biometricData.voiceStartTime = idCaptureVideoAudioStartsAt !== null && idCaptureVideoAudioStartsAt !== void 0 ? idCaptureVideoAudioStartsAt : undefined;
+            submissionRequest.customerData.biometricData.expectedAudioText = expectedAudioText !== null && expectedAudioText !== void 0 ? expectedAudioText : undefined;
             _g.label = 6;
           case 6:
             if (idCaptureVideoIdFrontImage) {
@@ -1197,12 +1204,12 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     setSubmissionStatus(SubmissionStatus.READY);
     retrySubmission();
   }, [retrySubmission]);
-  var _19 = React.useState('NOT_PARSED'),
-    tokenState = _19[0],
-    setTokenState = _19[1];
-  var _20 = React.useState(null),
-    tokenError = _20[0],
-    setTokenError = _20[1];
+  var _20 = React.useState('NOT_PARSED'),
+    tokenState = _20[0],
+    setTokenState = _20[1];
+  var _21 = React.useState(null),
+    tokenError = _21[0],
+    setTokenError = _21[1];
   React.useEffect(function () {
     if (typeof window === 'undefined') return;
     (function () {
@@ -1346,6 +1353,7 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     setIdCaptureVideoIdBackImage: setIdCaptureVideoIdBackImage,
     setIdCaptureVideoAudioUrl: setIdCaptureVideoAudioUrl,
     setIdCaptureVideoAudioStartsAt: setIdCaptureVideoAudioStartsAt,
+    setExpectedAudioText: setExpectedAudioText,
     setAdditionalDocuments: setAdditionalDocuments,
     uploadDocument: uploadDocument,
     logIdFrontCaptureAttempt: logIdFrontCaptureAttempt,
@@ -16207,16 +16215,18 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   var _17 = React.useState(null),
     videoStartsAt = _17[0],
     setVideoStartsAt = _17[1];
-  var setIdCaptureVideoAudioStartsAt = React.useContext(SubmissionContext).setIdCaptureVideoAudioStartsAt;
+  var _18 = React.useContext(SubmissionContext),
+    setIdCaptureVideoAudioStartsAt = _18.setIdCaptureVideoAudioStartsAt,
+    setExpectedAudioText = _18.setExpectedAudioText;
   var onSelfiePredictionMade = React.useContext(HighPerformanceSelfieGuidanceModelsContext).onPredictionMade;
-  var _18 = useVideoRecorder(cameraRef.current, audioStream),
-    isRecordingVideo = _18.isRecordingVideo,
-    startRecordingVideo = _18.startRecordingVideo,
-    startRecordingAudio = _18.startRecordingAudio,
-    stopRecordingVideo = _18.stopRecordingVideo,
-    stopRecordingAudio = _18.stopRecordingAudio,
-    videoUrl = _18.videoUrl,
-    audioUrl = _18.audioUrl;
+  var _19 = useVideoRecorder(cameraRef.current, audioStream),
+    isRecordingVideo = _19.isRecordingVideo,
+    startRecordingVideo = _19.startRecordingVideo,
+    startRecordingAudio = _19.startRecordingAudio,
+    stopRecordingVideo = _19.stopRecordingVideo,
+    stopRecordingAudio = _19.stopRecordingAudio,
+    videoUrl = _19.videoUrl,
+    audioUrl = _19.audioUrl;
   React.useEffect(function () {
     if (!isRecordingVideo && !videoUrl) {
       startRecordingVideo();
@@ -16232,9 +16242,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   React.useEffect(function () {
     shouldCaptureFrames.current = videoLoaded && cameraReady && idModelsReady && (!readTextPrompt || microphoneReady);
   }, [cameraReady, idModelsReady, microphoneReady, readTextPrompt, videoLoaded]);
-  var _19 = React.useState('SHOW_ID_FRONT'),
-    requestedAction = _19[0],
-    setRequestedAction = _19[1];
+  var _20 = React.useState('SHOW_ID_FRONT'),
+    requestedAction = _20[0],
+    setRequestedAction = _20[1];
   React.useEffect(function () {
     if (requestedAction !== 'SHOW_ID_FRONT' && requestedAction !== 'SHOW_ID_BACK') return;
     if (!idCaptureModelsEnabled || !idModelsReady || !cameraReady || !videoLoaded) return;
@@ -16262,15 +16272,15 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       }
     });
   }, [idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, requestedAction, setThresholds]);
-  var _20 = React.useState(0),
-    currentDetectionScore = _20[0],
-    setCurrentDetectionScore = _20[1];
   var _21 = React.useState(0),
-    currentFocusScore = _21[0],
-    setCurrentFocusScore = _21[1];
+    currentDetectionScore = _21[0],
+    setCurrentDetectionScore = _21[1];
   var _22 = React.useState(0),
-    goodFramesCount = _22[0],
-    setGoodFramesCount = _22[1];
+    currentFocusScore = _22[0],
+    setCurrentFocusScore = _22[1];
+  var _23 = React.useState(0),
+    goodFramesCount = _23[0],
+    setGoodFramesCount = _23[1];
   var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? goodIdCardFrontFramesThreshold : goodIdCardBackFramesThreshold;
   var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
   React.useEffect(function () {
@@ -16288,30 +16298,32 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       }
     });
   }, [idCaptureModelsEnabled, idCardFrontDetectionThreshold, onIdPredictionMade]);
-  var _23 = React.useState(null),
-    idFrontCaptureStartedAt = _23[0],
-    setFirstGoodFrameTime = _23[1];
+  var _24 = React.useState(null),
+    idFrontCaptureStartedAt = _24[0],
+    setFirstGoodFrameTime = _24[1];
   React.useEffect(function () {
     if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
   }, [goodFramesCount]);
   var delaySatisfied = requestedAction !== 'SHOW_ID_FRONT' || idFrontCaptureStartedAt !== null && new Date().getTime() > idFrontCaptureStartedAt + idCardFrontDelay;
+  var translatedText = useVerbiage(readTextPrompt, '');
   var onIdBackCaptureComplete = React.useCallback(function () {
     var _a;
-    if (readTextPrompt) {
+    if (translatedText) {
       setRequestedAction('READ_TEXT');
       startRecordingAudio();
       setIdCaptureVideoAudioStartsAt(new Date().getTime() - ((_a = videoStartsAt === null || videoStartsAt === void 0 ? void 0 : videoStartsAt.getTime()) !== null && _a !== void 0 ? _a : 0));
+      setExpectedAudioText(translatedText);
     } else {
       stopRecordingVideo();
     }
-  }, [readTextPrompt, setIdCaptureVideoAudioStartsAt, startRecordingAudio, stopRecordingVideo, videoStartsAt]);
+  }, [translatedText, setIdCaptureVideoAudioStartsAt, startRecordingAudio, stopRecordingVideo, videoStartsAt]);
   var frameWidth = (_c = (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) !== null && _c !== void 0 ? _c : 0;
   var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
   var faceBox = (_f = faces === null || faces === void 0 ? void 0 : faces[0]) === null || _f === void 0 ? void 0 : _f.box;
   var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
-  var _24 = React.useState(),
-    countdownStartedAt = _24[0],
-    setCountdownStartedAt = _24[1];
+  var _25 = React.useState(),
+    countdownStartedAt = _25[0],
+    setCountdownStartedAt = _25[1];
   var frameLock = React.useRef(false);
   var captureFrame = React.useCallback(function () {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
@@ -16409,9 +16421,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     };
   }, [captureCountdownSeconds, captureFrame, countdownStartedAt]);
   var timeoutStartedAt = useTimeout(readTextTimeoutDurationMs, stopRecording, requestedAction !== 'READ_TEXT', false, requestedAction === 'READ_TEXT').timeoutStartedAt;
-  var _25 = React.useState(0),
-    numFramesWithoutFaces = _25[0],
-    setNumFramesWithoutFaces = _25[1];
+  var _26 = React.useState(0),
+    numFramesWithoutFaces = _26[0],
+    setNumFramesWithoutFaces = _26[1];
   React.useEffect(function () {
     onSelfiePredictionMade(function (faces) {
       setFaces(faces);
@@ -16426,14 +16438,14 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     }
   }, [numFramesWithoutFaces, onFaceNotDetected]);
   var theme = styled.useTheme();
-  var _26 = useTranslations(rawVerbiage, {
+  var _27 = useTranslations(rawVerbiage, {
       faceNotCenteredText: 'Please move your face to the center...',
       searchingForIdCardText: 'Searching for ID card...',
       captureBtnText: 'Capture'
     }),
-    captureBtnText = _26.captureBtnText,
-    faceNotCenteredText = _26.faceNotCenteredText,
-    searchingForIdCardText = _26.searchingForIdCardText;
+    captureBtnText = _27.captureBtnText,
+    faceNotCenteredText = _27.faceNotCenteredText,
+    searchingForIdCardText = _27.searchingForIdCardText;
   var debugScalingDetails = useDebugScalingDetails({
     enabled: debugMode,
     pageWidth: width,