@myinterview/widget-react 1.1.6 → 1.1.7-beta-8fc9d09

package/dist/cjs/interfaces/storageInterface.d.ts

@@ -1,6 +1,7 @@
 export interface ITakeObj {
     file: File[];
     objectUrl: string;
+    videoLength: number;
 }
 interface IFilesQuestion {
     [questionNumber: number]: ITakeObj[];

package/dist/esm/index.js

@@ -42270,14 +42270,6 @@ const recorderMachineV2 = createMachine({
             const options = { mimeType, videoBitsPerSecond };
             try {
                 const mediaRecorder = new MediaRecorder(mediaStream, options);
-                // see https://bugs.chromium.org/p/chromium/issues/detail?id=642012
-                const fixVideoMetadata = (rawVideoBlob) => {
-                    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-                    if (isSafari) {
-                        return Promise.resolve(rawVideoBlob);
-                    }
-                    return fixWebmDuration(rawVideoBlob, Date.now() - (startTime + ((resumeTime - pausedTime) || 0)));
-                };
                 mediaRecorder.ondataavailable = (event) => {
                     if (event.data && event.data.size > 0) {
                         chunks.push(event.data);
@@ -42287,6 +42279,15 @@ const recorderMachineV2 = createMachine({
                     }
                 };
                 mediaRecorder.onstop = () => {
+                    const videoLength = Date.now() - (startTime + ((resumeTime - pausedTime) || 0));
+                    // see https://bugs.chromium.org/p/chromium/issues/detail?id=642012
+                    const fixVideoMetadata = (rawVideoBlob) => {
+                        const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+                        if (isSafari) {
+                            return Promise.resolve(rawVideoBlob);
+                        }
+                        return fixWebmDuration(rawVideoBlob, videoLength, { logger: false });
+                    };
                     const superBuffer = new Blob(chunks, {
                         type: mimeType,
                     });
@@ -42298,7 +42299,7 @@ const recorderMachineV2 = createMachine({
                         const webm = new File([blob], Date.now().toString(), {
                             type: mimeType,
                         });
-                        callback({ type: 'SEND_CURRENT_TAKE', data: webm });
+                        callback({ type: 'SEND_CURRENT_TAKE', data: { webm, videoLength } });
                     })
                         .catch((error) => {
                         console.error('fixVideoMetadata', error);
@@ -42766,10 +42767,11 @@ const storageMachine = createMachine({
     actions: {
         [ACTIONS$5.CONSOLE_LOG]: (context, event) => console.log('Storage Machine', context, event),
         [ACTIONS$5.STORE_TAKE]: assign((context, event) => {
-            const { takeType, currentQuestion = 0, take } = event.data;
+            const { takeType, currentQuestion = 0, take, videoLength } = event.data;
             const objectToSave = {
                 file: take,
                 objectUrl: URL.createObjectURL(take),
+                videoLength,
             };
             const fieldName = takeType === TAKE_TYPES.QUESTION ? 'questions' : 'practice';
             return {
@@ -42780,6 +42782,7 @@ const storageMachine = createMachine({
             type: EVENTS$5.TAKE_TO_UPLOAD_RECEIVED,
             data: {
                 file: context.questions[data.currentQuestion][data.selectedTake - 1].file,
+                videoLength: context.questions[data.currentQuestion][data.selectedTake - 1].videoLength,
                 selectedTake: data.selectedTake,
             },
         })),
@@ -43578,7 +43581,7 @@ const accWidgetMachine = createMachine({
             var _a, _b, _c;
             return ({
                 uploaderRefs: Object.assign(Object.assign({}, uploaderRefs), { [getUploaderName(currentQuestion)]: spawn(accUploaderMachine.withContext(Object.assign(Object.assign({}, accUploaderMachine.context), { isConnected,
-                        currentQuestion, file: event.data.file || null, videoId: ((_a = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video) === null || _a === void 0 ? void 0 : _a.video_id) || '', videoFile: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, accUploaderMachine.context.videoFile), (_c = (_b = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video) === null || _b === void 0 ? void 0 : _b.videos) === null || _c === void 0 ? void 0 : _c[currentQuestion - 1]), { retakes: currentTake, selectedTake: event.data.selectedTake || 0 }), (event.data.answer && { answer: event.data.answer })), { originalDimensions: videoDimensions }) })), { name: getUploaderName(currentQuestion), autoForward: true }) }),
+                        currentQuestion, file: event.data.file || null, videoId: ((_a = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video) === null || _a === void 0 ? void 0 : _a.video_id) || '', videoFile: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, accUploaderMachine.context.videoFile), (_c = (_b = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video) === null || _b === void 0 ? void 0 : _b.videos) === null || _c === void 0 ? void 0 : _c[currentQuestion - 1]), { retakes: currentTake, selectedTake: event.data.selectedTake || 0 }), (event.data.answer && { answer: event.data.answer })), (event.data.videoLength && { videoLength: event.data.videoLength })), { originalDimensions: videoDimensions }) })), { name: getUploaderName(currentQuestion), autoForward: true }) }),
             });
         }),
         [ACTIONS$6.SPAWN_COUNT_DOWN]: assign({
@@ -43592,7 +43595,12 @@ const accWidgetMachine = createMachine({
         }),
         [ACTIONS$6.STORE_TAKE]: send((context, event) => ({
             type: EVENTS$4.STORE_TAKE,
-            data: { takeType: context.recordingType, currentQuestion: context.currentQuestion, take: event.data },
+            data: {
+                takeType: context.recordingType,
+                currentQuestion: context.currentQuestion,
+                take: event.data.webm,
+                videoLength: (event.data.videoLength || 0) / 1000, // convert videoLength from miliseconds to seconds
+            },
         }), { to: (context) => context.storageRef }),
         [ACTIONS$6.GET_TAKE]: send(({ currentQuestion }, event) => ({
             type: EVENTS$4.GET_TAKE,
@@ -43722,7 +43730,7 @@ const accWidgetMachine = createMachine({
         [GUARDS$3.ARE_ALL_QUESTIONS_UPLOADED]: ({ widgetConfig }) => { var _a, _b; return !!((_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.every((video) => video.uploaded)); },
         [GUARDS$3.SHOULD_SHOW_WELCOME]: ({ widgetConfig }) => !!widgetConfig.config.introVideo || !!widgetConfig.config.welcomeTitle || !!widgetConfig.config.welcomeText,
         [GUARDS$3.IS_NO_SOUND_ERROR]: (_, { data }) => data.code === MICROPHONE_NO_SOUND_ERROR_CODE,
-        [GUARDS$3.IS_VIDEO_CORRUPTED]: (_, { data }) => !data.size,
+        [GUARDS$3.IS_VIDEO_CORRUPTED]: (_, { data }) => !data.webm.size,
         [GUARDS$3.IS_AUDIO_ERROR]: (_, { data }) => data.type === TYPES_EXPLANATION.AUDIO || data.type === TYPES_EXPLANATION.VIDEO_AUDIO,
         [GUARDS$3.IS_VIDEO_ERROR]: (_, { data }) => data.type === TYPES_EXPLANATION.VIDEO || data.type === TYPES_EXPLANATION.VIDEO_AUDIO,
         [GUARDS$3.THERE_ARE_NO_VIDEO_QUESTIONS_TYPE]: ({ widgetConfig }) => { var _a, _b; return !!((_b = (_a = widgetConfig.job) === null || _a === void 0 ? void 0 : _a.questions) === null || _b === void 0 ? void 0 : _b.every((q) => q.answerType && q.answerType !== ANSWER_TYPES.VIDEO)); },