idmission-web-sdk 1.0.317 → 1.0.319

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.317';
+var webSdkVersion = '1.0.319';
 
 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,
@@ -10361,7 +10369,7 @@ var esTranslation = {
   'Your camera permission is disabled': 'El permiso de la cámara está desactivado',
   'This application requires access to your camera to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera access to the current browser.': 'Esta aplicación requiere el acceso a la cámara para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso a la cámara en el explorador actual.',
   'Your microphone permission is disabled': 'El permiso de la micrófono está desactivado',
-  'This application requires access to your microphone to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for microphone permissions, you must go to settings and provide microphone access to the current browser.': 'Esta aplicación requiere el acceso a la micrófono para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso a la micrófono en el explorador actual.',
+  'This application requires access to your microphone to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for microphone permissions, you must go to settings and provide microphone access to the current browser.': 'Esta aplicación requiere tener acceso al micrófono para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso al micrófono en el explorador actual.',
   'Your location permission is disabled': 'El permiso de la localización está desactivado',
   'This application requires access to your location to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for location permissions, you must go to settings and provide location access to the current browser.': 'Esta aplicación requiere el acceso a la localización para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso a la localización en el explorador actual.',
   Retry: 'Reintentar',
@@ -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,9 +16298,9 @@ 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]);
@@ -16301,6 +16311,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       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(readTextPrompt);
     } else {
       stopRecordingVideo();
     }
@@ -16309,9 +16320,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   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 +16420,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 +16437,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,