@myinterview/widget-react 1.0.32 → 1.0.33

package/dist/esm/index.js

@@ -27919,7 +27919,7 @@ const StopRecordingButton = ({ onClick, disabled }) => {
 };
 
 const InnerView = React__default.forwardRef(({ widgetMachine, sendToWidget, recorderRef, isSliderModalOpen, isWidgetMinimized, onOpenSliderModal, onCloseSliderModal, onRecorderRetry, onReInitRecorder, }, videoRef) => {
-    var _a;
+    var _a, _b;
     const [recorderMachine, sendToRecorder] = useActor(recorderRef);
     const [isQuestionVideoWatched, setIsQuestionVideoWatched] = useState(false);
     const innerRef = useRef(null);
@@ -27936,7 +27936,7 @@ const InnerView = React__default.forwardRef(({ widgetMachine, sendToWidget, reco
     const isRetakeAvailable = currentTake < (currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.numOfRetakes);
     const totalRetakes = currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.numOfRetakes;
     const isQuestionMode = recordingType === TAKE_TYPES.QUESTION;
-    const lastUnuploadedQuestion = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos.reduce((acc, v, idx) => (!v.uploaded ? idx + 1 : acc), 0);
+    const lastUnuploadedQuestion = (_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.reduce((acc, v, idx) => (!v.uploaded ? idx + 1 : acc), 0);
     const isLastQuestion = currentQuestion === (isQuestionMode ? lastUnuploadedQuestion : questions.length);
     const isUploadingState = widgetMachine.matches(STATES$4.UPLOADING);
     const isConfirmState = widgetMachine.matches(STATES$4.CONFIRM);
@@ -30479,6 +30479,7 @@ const Upload = ({ isConnected, totalFileSize, totalUploadedFilesSize, totalUploa
 };
 
 const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
+    var _a;
     const { questions, currentQuestion, widgetConfig: { job, video, company }, recordingType, isConnected, totalFileSize, totalUploadedFilesSize, totalUploadSpeed, } = widgetMachine.context;
     const [recorderMachine] = useActor(recorderRef);
     const { countdown } = recorderMachine.context;
@@ -30492,7 +30493,7 @@ const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
     const isRecording = recorderMachine.matches({ [STATES$5.RECORDING]: STATES$5.COLLECTING_BLOBS });
     const isCountDown = recorderMachine.matches({ [STATES$5.RECORDING]: STATES$5.COUNT_DOWN });
     const isPracticeMode = recordingType === TAKE_TYPES.PRACTICE;
-    const questionsStatus = (video === null || video === void 0 ? void 0 : video.videos.map((v, idx) => (v.uploaded || (v.completed && currentQuestion > idx + 1) ? VIDEO_STATUS.COMPLETED : VIDEO_STATUS.INCOMPLETED))) || [];
+    const questionsStatus = ((_a = video === null || video === void 0 ? void 0 : video.videos) === null || _a === void 0 ? void 0 : _a.map((v, idx) => (v.uploaded || (v.completed && currentQuestion > idx + 1) ? VIDEO_STATUS.COMPLETED : VIDEO_STATUS.INCOMPLETED))) || [];
     const outerViewClassNames = classNames({
         'myinterview-widget-outer': true,
         'myinterview-widget-outer--hidden': !isOuterViewDisplayed,
@@ -33100,6 +33101,10 @@ const recorderMachineV2 = createMachine({
     initial: STATES$5.INIT,
     context: initialState,
     entry: [ACTIONS$6.SET_MIC_MACHINE],
+    exit: [
+        ACTIONS$6.STOP_MEDIA_STREAM,
+        ACTIONS$6.STOP_MICROPHONE_MACHINE,
+    ],
     // global events !!  THOSE events triggered from all possible states!!!!
     on: {
         // when received info from mic, tell parent , that all good
@@ -33813,7 +33818,7 @@ const accUploaderMachine = createMachine({
                     {
                         actions: [ACTIONS$2.SET_VIDEO_FILE],
                         target: STATES$2.FINISHED,
-                        cond: (context, event) => event.data.data.data.video.videos[Number(context.currentQuestion) - 1].uploaded,
+                        cond: (context, event) => (event.data.data.data.video.videos || [])[Number(context.currentQuestion) - 1].uploaded,
                     },
                     {
                         actions: [ACTIONS$2.SET_VIDEO_FILE],
@@ -33844,9 +33849,12 @@ const accUploaderMachine = createMachine({
         [ACTIONS$2.SET_SIGNED_URL]: assign((_, event) => ({
             signedUrl: event.data.data.data.uploadUrl || '',
         })),
-        [ACTIONS$2.SET_VIDEO_FILE]: assign((context, event) => ({
-            videoFile: (Object.assign(Object.assign({}, context.videoFile), event.data.data.data.video.videos[Number(context.currentQuestion) - 1])),
-        })),
+        [ACTIONS$2.SET_VIDEO_FILE]: assign((context, event) => {
+            var _a;
+            return ({
+                videoFile: (Object.assign(Object.assign({}, context.videoFile), (_a = event.data.data.data.video.videos) === null || _a === void 0 ? void 0 : _a[Number(context.currentQuestion) - 1])),
+            });
+        }),
         [ACTIONS$2.INITIAL_UPLOAD_TIMESTAMP]: assign(({ lastUploadChunk }) => ({ lastUploadChunk: Object.assign(Object.assign({}, lastUploadChunk), { timeStamp: performance.now() }) })),
         // @ts-ignore
         [ACTIONS$2.UPDATE_UPLOAD_SPEED]: assign(({ lastUploadChunk }, { total, loaded, timeStamp }) => ({
@@ -34641,10 +34649,10 @@ const accWidgetMachine = createMachine({
             };
         }),
         [ACTIONS$5.SPAWN_UPLOADER]: assign(({ widgetConfig, uploaderRefs, isConnected, currentQuestion, currentTake, }, event) => {
-            var _a, _b;
+            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, 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({}, accUploaderMachine.context.videoFile), (_b = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video) === null || _b === void 0 ? void 0 : _b.videos[currentQuestion - 1]), { retakes: currentTake, selectedTake: event.data.selectedTake }) })), { name: getUploaderName(currentQuestion), autoForward: true }) }),
+                        currentQuestion, file: event.data.file, 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({}, 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 }) })), { name: getUploaderName(currentQuestion), autoForward: true }) }),
             });
         }),
         [ACTIONS$5.STORE_TAKE]: send((context, event) => ({
@@ -34664,9 +34672,9 @@ const accWidgetMachine = createMachine({
             data: event.data,
         }), { to: (context) => context.previewRef }),
         [ACTIONS$5.UPDATE_VIDEO_FILE_COMPLETED]: assign(({ widgetConfig, currentQuestion }) => {
-            var _a;
+            var _a, _b;
             return ({
-                widgetConfig: Object.assign(Object.assign({}, widgetConfig), { video: Object.assign(Object.assign({}, widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video), { videos: (_a = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos.map((video, idx) => (idx !== currentQuestion - 1 ? video : (Object.assign(Object.assign({}, video), { completed: true })))) }) }),
+                widgetConfig: Object.assign(Object.assign({}, widgetConfig), { video: Object.assign(Object.assign({}, widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video), { videos: (_b = (_a = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.map((video, idx) => (idx !== currentQuestion - 1 ? video : (Object.assign(Object.assign({}, video), { completed: true })))) }) }),
             });
         }),
         [ACTIONS$5.UPDATE_TOTAL_FILES_SIZE]: assign(({ totalFileSize }, event) => ({
@@ -34677,9 +34685,9 @@ const accWidgetMachine = createMachine({
             totalUploadSpeed: Object.assign(Object.assign({}, totalUploadSpeed), { [event.data.questionNumber]: event.data.uploadSpeed }),
         })),
         [ACTIONS$5.UPDATE_QUESTION_NUMBER]: assign(({ currentQuestion, questions, widgetConfig, recordingType, }) => {
-            var _a, _b;
+            var _a, _b, _c;
             const questionNumberIdx = recordingType === TAKE_TYPES.QUESTION
-                ? (_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos.findIndex((video, idx) => !video.uploaded && idx > currentQuestion - 1)) !== null && _b !== void 0 ? _b : questions.length
+                ? (_c = (_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.findIndex((video, idx) => !video.uploaded && idx > currentQuestion - 1)) !== null && _c !== void 0 ? _c : questions.length
                 : Math.min(currentQuestion + 1, questions.length);
             return {
                 currentQuestion: Math.min(questionNumberIdx + 1, questions.length || 0),
@@ -34699,9 +34707,9 @@ const accWidgetMachine = createMachine({
             },
         }), { to: (context) => context.recorderRef }),
         [ACTIONS$5.UPDATE_TOTAL_UPLOADED]: assign(({ widgetConfig }, { data: { questionNumber, videoFile } }) => {
-            var _a;
+            var _a, _b;
             return ({
-                widgetConfig: Object.assign(Object.assign({}, widgetConfig), { video: Object.assign(Object.assign({}, widgetConfig.video), { videos: (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos.map((video, idx) => ((idx !== questionNumber - 1) ? video : videoFile)) }) }),
+                widgetConfig: Object.assign(Object.assign({}, widgetConfig), { video: Object.assign(Object.assign({}, widgetConfig.video), { videos: (_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.map((video, idx) => ((idx !== questionNumber - 1) ? video : videoFile)) }) }),
             });
         }),
         [ACTIONS$5.SET_VIDEO_ERROR]: assign((_, event) => ({
@@ -34709,9 +34717,9 @@ const accWidgetMachine = createMachine({
         })),
         [ACTIONS$5.REVOKE_MEMORY]: send((_, event) => ({ type: EVENTS$3.REMOVE_TAKES, data: { questionToRemove: event.data.questionNumber } }), { to: ({ storageRef }) => storageRef }),
         [ACTIONS$5.UPDATE_VIDEO_OBJECT]: assign(({ widgetConfig, recordingType }) => {
-            var _a;
+            var _a, _b;
             return ({
-                widgetConfig: Object.assign(Object.assign({}, widgetConfig), { video: Object.assign(Object.assign({}, widgetConfig.video), { started: recordingType === TAKE_TYPES.QUESTION, completed: !!((_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos.every((v) => v.completed)) }) }),
+                widgetConfig: Object.assign(Object.assign({}, widgetConfig), { video: Object.assign(Object.assign({}, widgetConfig.video), { started: recordingType === TAKE_TYPES.QUESTION, completed: !!((_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.every((v) => v.completed)) }) }),
             });
         }),
         [ACTIONS$5.UPDATE_VIDEO_PART]: assign(({ widgetConfig, recordingType, currentQuestion }, event) => {
@@ -34742,9 +34750,10 @@ const accWidgetMachine = createMachine({
             return updateVideo(Object.assign(Object.assign({}, video), { bandwidth: `${speedTestResult} MB/s` }));
         },
         [SERVICES$1.UPDATE_VIDEO_PART_CALL]: ({ widgetConfig: { video }, recordingType, currentQuestion }) => (callback, onReceive) => {
+            var _a;
             if (recordingType === TAKE_TYPES.PRACTICE)
                 return Promise.resolve();
-            return updateVideoFile((video === null || video === void 0 ? void 0 : video.video_id) || '', video === null || video === void 0 ? void 0 : video.videos[currentQuestion - 1]);
+            return updateVideoFile((video === null || video === void 0 ? void 0 : video.video_id) || '', (_a = video === null || video === void 0 ? void 0 : video.videos) === null || _a === void 0 ? void 0 : _a[currentQuestion - 1]);
         },
     },
     guards: {
@@ -34755,12 +34764,12 @@ const accWidgetMachine = createMachine({
         [GUARDS$2.IS_QUESTION_MODE]: ({ recordingType }) => recordingType === TAKE_TYPES.QUESTION,
         [GUARDS$2.IS_PRACTICE_MODE]: ({ recordingType }) => recordingType === TAKE_TYPES.PRACTICE,
         [GUARDS$2.IS_NOT_LAST_TAKE]: ({ questions, currentQuestion, currentTake }) => currentTake < questions[currentQuestion - 1].numOfRetakes,
-        [GUARDS$2.IS_LAST_INTERVIEW_QUESTION]: ({ widgetConfig, currentQuestion, recordingType }) => { var _a; return recordingType === TAKE_TYPES.QUESTION && (((_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos.reduce((acc, v, idx) => (!v.uploaded ? idx + 1 : acc), 0)) || 0) === currentQuestion; },
+        [GUARDS$2.IS_LAST_INTERVIEW_QUESTION]: ({ widgetConfig, currentQuestion, recordingType }) => { var _a, _b; return recordingType === TAKE_TYPES.QUESTION && (((_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.reduce((acc, v, idx) => (!v.uploaded ? idx + 1 : acc), 0)) || 0) === currentQuestion; },
         [GUARDS$2.CAN_RETEST_SPEED_CONNECTION]: ({ speedTestResult }) => (speedTestResult || 0) < FAST_UPLOAD_SPEED,
         [GUARDS$2.IS_CONNECTED]: ({ isConnected }) => isConnected,
         [GUARDS$2.IS_DISCONNECTED]: ({ isConnected }) => !isConnected,
         [GUARDS$2.CAN_START_INTERVIEW]: ({ checksState }) => checksState.camera === CAMERA_STATES.READY && checksState.microphone === MICROPHONE_STATES.READY && [INTERNET_STATES.CONNECTED, INTERNET_STATES.SLOW_CONNECTION].includes(checksState.internet),
-        [GUARDS$2.ARE_ALL_QUESTIONS_UPLOADED]: ({ widgetConfig }) => { var _a; return !!((_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos.every((video) => video.uploaded)); },
+        [GUARDS$2.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$2.SHOULD_SHOW_WELCOME]: ({ widgetConfig }) => !!widgetConfig.config.introVideo,
         [GUARDS$2.IS_NO_SOUND_ERROR]: (_, { data }) => data.code === MICROPHONE_NO_SOUND_ERROR_CODE,
         [GUARDS$2.IS_VIDEO_CORRUPTED]: (_, { data }) => !data.size,
@@ -34921,7 +34930,7 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, isWidgetMinimized, onMinim
             (_b = (_a = widgetConfig.config).onError) === null || _b === void 0 ? void 0 : _b.call(_a, { messageType: 'applied' });
         }
     }, [isErrorState]);
-    const isResumed = useMemo(() => { var _a; return !!((_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos.some((v) => v.uploaded)); }, [widgetConfig.video]);
+    const isResumed = useMemo(() => { var _a, _b; return !!((_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.some((v) => v.uploaded)); }, [widgetConfig.video]);
     const handleScroll = (e) => {
         var _a, _b;
         const { scrollTop } = e.target;
@@ -42051,9 +42060,11 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
         // TODO: Analytics
     };
     const onMinimize = () => {
+        var _a;
         setLayoutStyleProperties();
         revertBodyStyling();
         setIsWidgetMinimized(true);
+        (_a = config.onWidgetClose) === null || _a === void 0 ? void 0 : _a.call(config);
     };
     const layoutClassNames = classNames({
         'myinterview-widget__layout': true,
@@ -42080,7 +42091,7 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
                         React__default.createElement(Main, { widgetConfig: {
                                 config: Object.assign(Object.assign({}, config), { onFinish: onInterviewCompleted, onError, practiceQuestions: (config.practiceQuestions || []).map((q) => (Object.assign(Object.assign({}, q), { numOfRetakes: q.attempts || DEFAULT_ATTEMPTS, partDuration: q.duration || DEFAULT_DURATION, thinkingTime: q.thinkingTime || DEFAULT_THINKING_TIME }))) }),
                                 job: Object.assign(Object.assign({}, job), { questions: (job.questions || []).map((q) => (Object.assign(Object.assign({}, q), { numOfRetakes: q.attempts || DEFAULT_ATTEMPTS, partDuration: q.duration || DEFAULT_DURATION, thinkingTime: q.thinkingTime || DEFAULT_THINKING_TIME }))) }),
-                                video,
+                                video: Object.assign(Object.assign({}, video), { referrer: (video === null || video === void 0 ? void 0 : video.referrer) || window.location.href }),
                                 candidate,
                             }, setShouldShowWaterMark: setShouldShowWaterMark, isWidgetMinimized: isWidgetMinimized, onMinimize: onMinimize })))))))));
 };