idmission-web-sdk 0.0.53 → 0.0.55

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

@@ -9,11 +9,11 @@ export type VideoSignatureCaptureVerbiage = SignatureCaptureVerbiage & {
     guidanceMessageText?: string;
 };
 export type VideoSignatureCaptureProps = {
-    onComplete?: (signatureData: SignatureData, imageData: string, videoData: Blob) => void;
+    onVideoCaptured?: (videoData: Blob, signatureData: SignatureData, signatureImageData: string) => void;
     onFaceNotDetected?: () => void;
     onExit?: () => void;
     colors?: VideoSignatureCaptureColors;
     verbiage?: VideoSignatureCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const VideoSignatureCapture: ({ onComplete, onFaceNotDetected, onExit, colors, verbiage, debugMode, }: VideoSignatureCaptureProps) => React.ReactElement;
+export declare const VideoSignatureCapture: ({ onVideoCaptured, onFaceNotDetected, onExit, colors, verbiage, debugMode, }: VideoSignatureCaptureProps) => React.ReactElement;

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { VideoSignatureCaptureColors, VideoSignatureCaptureVerbiage } from '../signature_capture/VideoSignatureCapture';
+import { SignatureData } from '../signature_capture/data';
 import { FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
 export type SignatureKYCColors = {
     faceLiveness?: FaceLivenessColors;
@@ -16,9 +17,10 @@ export type SignatureKYCVerbiage = {
 };
 export type SignatureKYCWizardProps = {
     onComplete?: () => void;
+    onVideoCaptured?: (videoData: Blob, signatureData: SignatureData, signatureImageData: string) => void;
     onRetryClicked?: () => void;
     colors?: SignatureKYCColors;
     verbiage?: SignatureKYCVerbiage;
     debugMode?: boolean;
 };
-export declare const SignatureKYCWizard: ({ onComplete, onRetryClicked, colors, verbiage, debugMode, }: SignatureKYCWizardProps) => ReactElement;
+export declare const SignatureKYCWizard: ({ onComplete, onVideoCaptured, onRetryClicked, colors, verbiage, debugMode, }: SignatureKYCWizardProps) => ReactElement;

package/dist/sdk2.cjs.development.js

@@ -9554,10 +9554,11 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     className: "flex"
   }, state.captureState !== CaptureState.COMPLETE && /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), overlayDismissed && function () {
+    var docCount = Object.keys(state.capturedDocuments).length;
     switch (state.requestedDocumentType) {
       case DocumentType.ID_CARD_FRONT:
         return /*#__PURE__*/React__default['default'].createElement(IdCapture, {
-          key: Object.keys(state.capturedDocuments).length,
+          key: "capture".concat(docCount),
           requiredDocumentType: state.requestedDocumentType,
           autoCaptureEnabled: autoCaptureEnabled,
           autoCaptureScoreThreshold: idCardAutoCaptureScoreThreshold,
@@ -9578,7 +9579,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         });
       case DocumentType.ID_CARD_BACK:
         return /*#__PURE__*/React__default['default'].createElement(IdCapture, {
-          key: Object.keys(state.capturedDocuments).length,
+          key: "capture".concat(docCount),
           requiredDocumentType: state.requestedDocumentType,
           autoCaptureEnabled: autoCaptureEnabled,
           autoCaptureScoreThreshold: idCardAutoCaptureScoreThreshold,
@@ -9598,7 +9599,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         });
       case DocumentType.PASSPORT:
         return /*#__PURE__*/React__default['default'].createElement(IdCapture, {
-          key: Object.keys(state.capturedDocuments).length,
+          key: "capture".concat(docCount),
           requiredDocumentType: state.requestedDocumentType,
           autoCaptureEnabled: autoCaptureEnabled,
           autoCaptureScoreThreshold: passportAutoCaptureScoreThreshold,
@@ -10261,7 +10262,7 @@ var templateObject_1$2, templateObject_2$1, templateObject_3$1;
 var initialState$2 = {
   frame: null,
   face: null,
-  requestState: 'NOT_READY',
+  requestState: 'CAPTURING',
   requestError: null,
   imageUrl: null,
   faceLive: false,
@@ -10275,10 +10276,10 @@ var reducer$2 = function reducer(state, action) {
   switch (action.type) {
     case 'livenessReady':
       {
-        var allowedStates = ['NOT_READY', 'FAILED', 'ERROR'];
+        var allowedStates = ['CAPTURING', 'FAILED', 'ERROR'];
         if (allowedStates.includes(state.requestState)) {
           return tslib.__assign(tslib.__assign({}, state), {
-            requestState: 'READY',
+            requestState: 'CAPTURED',
             frame: action.payload.frame,
             face: action.payload.face
           });
@@ -10371,7 +10372,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
   }, [onCapture]);
   var frame = state.frame,
     face = state.face;
-  var isReady = state.requestState === 'READY';
+  var isReady = state.requestState === 'CAPTURED';
   var isPassed = state.requestState === 'PASSED';
   React.useEffect(function () {
     if (!frame || !face || !isReady) return;
@@ -10711,7 +10712,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     switch (captureState) {
       case 'CAPTURING':
         return /*#__PURE__*/React__default['default'].createElement(FaceLivenessCapture, {
-          key: "capture",
+          key: "capture".concat(attempt),
           onCapture: onCapture,
           onSuccess: onSuccessCallback,
           onTimeout: onTimeoutCallback,
@@ -11509,7 +11510,7 @@ var useVideoRecorder = function useVideoRecorder(camera) {
 
 var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   var _b, _c;
-  var onComplete = _a.onComplete,
+  var onVideoCaptured = _a.onVideoCaptured,
     onFaceNotDetected = _a.onFaceNotDetected,
     onExit = _a.onExit,
     _d = _a.colors,
@@ -11580,9 +11581,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   }, [isRecording, startRecording, videoUrl]);
   React.useEffect(function () {
     if (signatureVideoData && signatureData && signatureDataUrl) {
-      onComplete === null || onComplete === void 0 ? void 0 : onComplete(signatureData, signatureDataUrl, signatureVideoData);
+      onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
     }
-  }, [onComplete, signatureData, signatureDataUrl, signatureVideoData]);
+  }, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
   var animationFrame = React.useRef(0);
   React.useEffect(function () {
     var _a;
@@ -11761,6 +11762,7 @@ var templateObject_1;
 
 var SignatureKYCWizard = function SignatureKYCWizard(_a) {
   var onComplete = _a.onComplete,
+    onVideoCaptured = _a.onVideoCaptured,
     onRetryClicked = _a.onRetryClicked,
     _b = _a.colors,
     colors = _b === void 0 ? {} : _b,
@@ -11769,7 +11771,6 @@ var SignatureKYCWizard = function SignatureKYCWizard(_a) {
     _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,
@@ -11822,12 +11823,12 @@ var SignatureKYCWizard = function SignatureKYCWizard(_a) {
       });
     });
   }, [logCaptureMetadata, selfieImage, setSelfieImage]);
-  var onSignatureCaptureCompleted = React.useCallback(function (signatureData, _, videoData) {
+  var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
     setSignatureData(signatureData);
     setSignatureVideo(URL.createObjectURL(videoData));
     setCaptureState('SUCCESS');
-    onComplete === null || onComplete === void 0 ? void 0 : onComplete();
-  }, [onComplete, setSignatureData, setSignatureVideo]);
+    onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
+  }, [onVideoCaptured, setSignatureData, setSignatureVideo]);
   var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
     setCaptureState('CHECKING_LIVENESS');
   }, []);
@@ -11855,7 +11856,7 @@ var SignatureKYCWizard = function SignatureKYCWizard(_a) {
         });
       case 'CAPTURING_SIGNATURE':
         return /*#__PURE__*/React__default['default'].createElement(VideoSignatureCapture, {
-          onComplete: onSignatureCaptureCompleted,
+          onVideoCaptured: onSignatureCaptureCompleted,
           onFaceNotDetected: onSignatureCaptureFacesNotDetected,
           onExit: onExit,
           colors: colors.videoSignatureCapture,
@@ -11865,7 +11866,7 @@ var SignatureKYCWizard = function SignatureKYCWizard(_a) {
       case 'SUCCESS':
         return /*#__PURE__*/React__default['default'].createElement(SignatureKYCSuccess, {
           videoUrl: signatureVideo !== null && signatureVideo !== void 0 ? signatureVideo : '',
-          onDoneClick: submit,
+          onDoneClick: onComplete,
           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,
@@ -12025,8 +12026,7 @@ var CompositeWizardComponent = function CompositeWizardComponent(_a) {
         return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
           key: "SignatureKycCamera",
           preferContinuityCamera: false,
-          preferFrontFacingCamera: true,
-          requestMicrophoneAccess: true
+          preferFrontFacingCamera: true
         }, /*#__PURE__*/React__default['default'].createElement(SignatureKYCWizard, tslib.__assign({}, signatureKYCProps, {
           onComplete: onSignatureKycComplete
         })));
@@ -12892,7 +12892,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
     switch (captureState) {
       case 'CAPTURING':
         return /*#__PURE__*/React__default['default'].createElement(CustomerVerificationCapture, {
-          key: attempt,
+          key: "capture".concat(attempt),
           onCustomerMatched: onCustomerMatchedCallback,
           onCustomerNotMatched: onCustomerNotMatchedCallback,
           onCaptureGuidanceTimeout: onCaptureGuidanceTimeoutCallback,
@@ -13329,7 +13329,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
     switch (captureState) {
       case 'CAPTURING':
         return /*#__PURE__*/React__default['default'].createElement(CustomerIdentificationCapture, {
-          key: attempt,
+          key: "capture".concat(attempt),
           onCustomerMatched: onCustomerMatchedCallback,
           onCustomerNotMatched: onCustomerNotMatchedCallback,
           onCaptureGuidanceTimeout: onCaptureGuidanceTimeoutCallback,
@@ -13602,8 +13602,7 @@ var SignatureKYC = function SignatureKYC(_a) {
   }, /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
     key: attempt,
     preferContinuityCamera: false,
-    preferFrontFacingCamera: true,
-    requestMicrophoneAccess: true
+    preferFrontFacingCamera: true
   }, /*#__PURE__*/React__default['default'].createElement(SignatureKYCWizard, {
     colors: colors,
     debugMode: debugMode,