@myinterview/widget-react 1.1.23-development-b67ffe6 → 1.1.23-development-3a50d6c

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

@@ -78,6 +78,7 @@ export interface InitialState {
     failedRecordingMessage: IVideoCorruptedMessagesKey;
     isResumed: boolean;
     videoDimensions: IVideoDimensions;
+    confirmUploadedFalseCount: number;
 }
 export interface IWidgetMachineProps {
     widgetMachine: State<InitialState, DoneInvokeEvent<any>, any, {
@@ -122,6 +123,7 @@ export declare const enum STATES {
     RE_INIT_RECORDER__NEXT_QUESTION = "reInitRecorderNextQuestion",
     UPLOADING = "uploading",
     CONFIRM = "confirm",
+    CONFIRM_WATING = "confirmWaiting",
     FINISHED = "finished",
     ERROR = "error"
 }
@@ -173,7 +175,8 @@ export declare const enum ACTIONS {
     INCREASE_FAILED_RECORDING_ATTEMPTS = "increaseFailedRecordingAttempts",
     RESET_FAILED_RECORDING_ATTEMPTS = "resetFailedRecordingAttempts",
     CLEAR_VIDEO_ERROR = "clearVideoError",
-    UPDATE_VIDEO_DIMENSIONS = "updateVideoDimensions"
+    UPDATE_VIDEO_DIMENSIONS = "updateVideoDimensions",
+    UPDATE_UPLOADED_FALSE_COUNT = "updateUploadedFalseCount"
 }
 export declare const enum EVENTS {
     SPAWN_UPLOADER = "SPAWN_UPLOADER",
@@ -225,7 +228,8 @@ export declare const enum GUARDS {
     THERE_ARE_NO_VIDEO_QUESTIONS_TYPE = "thereAreNoVideoQuestionType",
     IS_RECORDER_READY = "isRecorderReady",
     IS_ASSESSMENT_QUESTION = "isAssessmentQuestion",
-    IS_TIMES_UP = "isTimesUp"
+    IS_TIMES_UP = "isTimesUp",
+    SHOULD_TRY_TO_CONFIRM = "shouldTryToConfirm"
 }
 export declare const enum TAGS {
     SETUP = "setup",
@@ -234,6 +238,7 @@ export declare const enum TAGS {
     DISPLAY_OUTER_VIEW = "displayOuterView",
     DISPLAY_QUESTION = "displayQuestion",
     DISPLAY_QUESTIONS_LIST = "displayQuestionsList",
+    DISPLAY_UPLOAD = "displayUpload",
     LOADING = "loading"
 }
 export {};

package/dist/cjs/services/event.service.d.ts

@@ -43,7 +43,12 @@ export declare const enum EVENT_TYPES {
     MICROPHONE_CHANGED = "microphoneChanged",
     SOUND_RESTORED = "soundRestored",
     TIMES_UP = "timesUp",
-    COMPLETED_INTERVIEW = "completedInterview"
+    COMPLETED_INTERVIEW = "completedInterview",
+    RECONNECTED = "reconnected",
+    CONFIRM_UPLOADED_FAILED = "confirmUploadedFailed",
+    FINISHED = "finished",
+    ON_FINISH_SUCCEED = "onFinishSucceed",
+    ON_FINISH_FAILED = "onFinishFailed"
 }
 export type IEventType = `${EVENT_TYPES}`;
 export interface ITrackEvent {

package/dist/cjs/utils/constants.utils.d.ts

@@ -17,6 +17,7 @@ export declare const DEFAULT_VIDEO_DIMENSIONS: {
     width: number;
     height: number;
 };
+export declare const MAX_CONFIRM_ATTEMPTS = 5;
 export declare const FONT_URL = "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap";
 export declare enum RETAKE_SPEED {
     FAST = 300,

package/dist/esm/index.js

@@ -2,6 +2,31 @@ import * as React from 'react';
 import React__default, { createContext, forwardRef, useRef, useEffect, useState, useLayoutEffect, useImperativeHandle, useDebugValue, useContext, createElement, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 // eslint-disable-next-line @typescript-eslint/unbound-method
 const objectToString = Object.prototype.toString;
 
@@ -6027,9 +6052,9 @@ function _getEventFilterUrl(event) {
 }
 
 var Integrations = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  FunctionToString: FunctionToString,
-  InboundFilters: InboundFilters
+    __proto__: null,
+    FunctionToString: FunctionToString,
+    InboundFilters: InboundFilters
 });
 
 const WINDOW$1 = GLOBAL_OBJ ;
@@ -8253,13 +8278,13 @@ function startSessionTracking() {
 }
 
 var index$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  GlobalHandlers: GlobalHandlers,
-  TryCatch: TryCatch,
-  Breadcrumbs: Breadcrumbs,
-  LinkedErrors: LinkedErrors,
-  HttpContext: HttpContext,
-  Dedupe: Dedupe
+    __proto__: null,
+    GlobalHandlers: GlobalHandlers,
+    TryCatch: TryCatch,
+    Breadcrumbs: Breadcrumbs,
+    LinkedErrors: LinkedErrors,
+    HttpContext: HttpContext,
+    Dedupe: Dedupe
 });
 
 // exporting a separate copy of `WINDOW` rather than exporting the one from `@sentry/browser`
@@ -25560,6 +25585,7 @@ var STATES$5;
     STATES["RE_INIT_RECORDER__NEXT_QUESTION"] = "reInitRecorderNextQuestion";
     STATES["UPLOADING"] = "uploading";
     STATES["CONFIRM"] = "confirm";
+    STATES["CONFIRM_WATING"] = "confirmWaiting";
     STATES["FINISHED"] = "finished";
     STATES["ERROR"] = "error";
 })(STATES$5 || (STATES$5 = {}));
@@ -25613,6 +25639,7 @@ var ACTIONS$6;
     ACTIONS["RESET_FAILED_RECORDING_ATTEMPTS"] = "resetFailedRecordingAttempts";
     ACTIONS["CLEAR_VIDEO_ERROR"] = "clearVideoError";
     ACTIONS["UPDATE_VIDEO_DIMENSIONS"] = "updateVideoDimensions";
+    ACTIONS["UPDATE_UPLOADED_FALSE_COUNT"] = "updateUploadedFalseCount";
 })(ACTIONS$6 || (ACTIONS$6 = {}));
 var EVENTS$5;
 (function (EVENTS) {
@@ -25668,6 +25695,7 @@ var GUARDS$3;
     GUARDS["IS_RECORDER_READY"] = "isRecorderReady";
     GUARDS["IS_ASSESSMENT_QUESTION"] = "isAssessmentQuestion";
     GUARDS["IS_TIMES_UP"] = "isTimesUp";
+    GUARDS["SHOULD_TRY_TO_CONFIRM"] = "shouldTryToConfirm";
 })(GUARDS$3 || (GUARDS$3 = {}));
 var TAGS;
 (function (TAGS) {
@@ -25677,6 +25705,7 @@ var TAGS;
     TAGS["DISPLAY_OUTER_VIEW"] = "displayOuterView";
     TAGS["DISPLAY_QUESTION"] = "displayQuestion";
     TAGS["DISPLAY_QUESTIONS_LIST"] = "displayQuestionsList";
+    TAGS["DISPLAY_UPLOAD"] = "displayUpload";
     TAGS["LOADING"] = "loading";
 })(TAGS || (TAGS = {}));
 
@@ -30871,6 +30900,7 @@ const SECONDS_LEFT_HIGHLIGHT = 10;
 const DEFAULT_ASSESSMENT_MAX_CHARS = 300;
 const DEFAULT_ASSESSMENT_DURATION = 0;
 const DEFAULT_VIDEO_DIMENSIONS = { width: 1280, height: 720 }; // Transcoder default dimensions (720p)
+const MAX_CONFIRM_ATTEMPTS = 5;
 // Font
 const FONT_URL = 'https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap';
 var RETAKE_SPEED;
@@ -35031,8 +35061,8 @@ function memoizeOne(resultFn, isEqual) {
 }
 
 var memoizeOne_esm = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': memoizeOne
+    __proto__: null,
+    'default': memoizeOne
 });
 
 var require$$2 = /*@__PURE__*/getAugmentedNamespace(memoizeOne_esm);
@@ -38992,6 +39022,11 @@ var EVENT_TYPES;
     EVENT_TYPES["SOUND_RESTORED"] = "soundRestored";
     EVENT_TYPES["TIMES_UP"] = "timesUp";
     EVENT_TYPES["COMPLETED_INTERVIEW"] = "completedInterview";
+    EVENT_TYPES["RECONNECTED"] = "reconnected";
+    EVENT_TYPES["CONFIRM_UPLOADED_FAILED"] = "confirmUploadedFailed";
+    EVENT_TYPES["FINISHED"] = "finished";
+    EVENT_TYPES["ON_FINISH_SUCCEED"] = "onFinishSucceed";
+    EVENT_TYPES["ON_FINISH_FAILED"] = "onFinishFailed";
 })(EVENT_TYPES || (EVENT_TYPES = {}));
 let event_id;
 const updateEventId = (eventId) => { event_id = eventId; };
@@ -39541,31 +39576,6 @@ const Setup = ({ widgetMachine, sendToWidget, isPracticeDisabled, recordWithoutV
             React__default.createElement(C, { className: startButtonClassNames, color: "special", backgroundColor: "white", onClick: () => sendToWidget(EVENTS$5.QUESTION_MODE), disabled: !canStartInterview }, t(isResumed ? 'welcome.resumeInterview' : 'buttons.btn_start').toUpperCase()))));
 };
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
 const uploadToS3 = (url, data, onProgress, timeout = 0) => s3AxiosInstance.put(url, data, {
     headers: { 'Content-Type': 'video/webm' }, onUploadProgress: onProgress, timeout,
 });
@@ -39636,8 +39646,8 @@ const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
     const isQuestionDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_QUESTION) || (isVideoQuestionState && !currentQuestionObj.thinkingTime);
     const isPreviewState = widgetMachine.matches(STATES$5.PREVIEW);
     const isUploadingState = widgetMachine.matches(STATES$5.UPLOADING);
-    const isConfirmState = widgetMachine.matches(STATES$5.CONFIRM);
     const isQuestionsListDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_QUESTIONS_LIST);
+    const isUploadDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_UPLOAD);
     const isRecording = recorderMachine.matches({ [STATES$6.RECORDING]: STATES$6.COLLECTING_BLOBS });
     const isCountDown = recorderMachine.matches({ [STATES$6.RECORDING]: STATES$6.COUNT_DOWN });
     const isPracticeMode = recordingType === TAKE_TYPES.PRACTICE;
@@ -39655,7 +39665,7 @@ const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
         isSetupState && React__default.createElement(Setup, { recordWithoutVideo: recordWithoutVideo, widgetMachine: widgetMachine, sendToWidget: sendToWidget, isPracticeDisabled: !!config.disablePractice }),
         isQuestionsListDisplayed && React__default.createElement(QuestionsList, { questions: questions, currentQuestion: currentQuestion, isPracticeMode: isPracticeMode, questionsStatus: questionsStatus }),
         isQuestionDisplayed && React__default.createElement(Question, { questionObj: currentQuestionObj }),
-        (isUploadingState || isConfirmState) && (React__default.createElement(Upload, { isConnected: isConnected, totalFileSize: totalFileSize, totalUploadedFilesSize: totalUploadedFilesSize, totalUploadSpeed: totalUploadSpeed }))));
+        isUploadDisplayed && (React__default.createElement(Upload, { isConnected: isConnected, totalFileSize: totalFileSize, totalUploadedFilesSize: totalUploadedFilesSize, totalUploadSpeed: totalUploadSpeed }))));
 };
 
 var actions = {};
@@ -44752,7 +44762,7 @@ const accUploaderMachine = createMachine({
                                 actions: [ACTIONS$2.SENTRY],
                             },
                             {
-                                actions: [ACTIONS$2.SET_UPLOADED, ACTIONS$2.SENTRY],
+                                actions: [ACTIONS$2.SENTRY],
                                 target: `#uploader.${STATES$2.UPLOADED}`, // In case the video already uploaded
                             },
                         ],
@@ -44769,7 +44779,6 @@ const accUploaderMachine = createMachine({
                         id: 'uploadToS3',
                         src: ({ signedUrl, file }) => (callback) => uploadToS3(signedUrl, file, callback),
                         onDone: {
-                            // actions: [ACTIONS.SET_UPLOADED],
                             target: `#uploader.${STATES$2.UPLOADED}`,
                         },
                         onError: {
@@ -45125,10 +45134,14 @@ const accWidgetMachine = createMachine({
         failedRecordingMessage: VIDEO_CORRUPTED_STATES.NO_ERROR,
         isResumed: false,
         videoDimensions: DEFAULT_VIDEO_DIMENSIONS,
+        confirmUploadedFalseCount: 0,
     },
     on: {
         [EVENTS$1.CONNECTION_CHANGED]: {
-            actions: [ACTIONS$6.SET_CONNECTION],
+            actions: [
+                ACTIONS$6.SET_CONNECTION,
+                { type: ACTIONS$6.EMIT_TRACKING_EVENT, data: { eventType: EVENT_TYPES.RECONNECTED } },
+            ],
         },
         [EVENTS$5.UPLOADER_PROGRESS]: {
             actions: [ACTIONS$6.UPDATE_TOTAL_UPLOADED_FILES_SIZE],
@@ -45655,7 +45668,7 @@ const accWidgetMachine = createMachine({
             },
         },
         [STATES$5.UPLOADING]: {
-            tags: [TAGS.DISPLAY_OUTER_VIEW],
+            tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
             entry: [
                 { type: ACTIONS$6.SESSION_EVENT, data: { event: 'widget_completed', type: 'date' } },
                 { type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.UPLOADING_STATE } },
@@ -45669,30 +45682,57 @@ const accWidgetMachine = createMachine({
                 },
             },
         },
+        [STATES$5.CONFIRM_WATING]: {
+            tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
+            always: {
+                target: STATES$5.CONFIRM,
+                cond: GUARDS$3.IS_CONNECTED,
+            },
+        },
         [STATES$5.CONFIRM]: {
-            tags: [TAGS.DISPLAY_OUTER_VIEW],
+            tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
             invoke: {
                 id: 'getVideo',
                 src: (context) => { var _a; return getVideo(((_a = context.widgetConfig.video) === null || _a === void 0 ? void 0 : _a.video_id) || ''); },
-                onDone: {
-                    target: STATES$5.FINISHED,
-                    cond: (_, event) => !!event.data.data.data.video.uploaded,
-                },
+                onDone: [
+                    {
+                        target: STATES$5.FINISHED,
+                        cond: (_, event) => !!event.data.data.data.video.uploaded,
+                    },
+                    {
+                        actions: [
+                            ACTIONS$6.UPDATE_UPLOADED_FALSE_COUNT,
+                            { type: ACTIONS$6.SENTRY, data: { eventName: 'CONFIRM::UPLOADED_FALSE' } },
+                        ],
+                        target: STATES$5.CONFIRM_WATING,
+                        cond: GUARDS$3.SHOULD_TRY_TO_CONFIRM,
+                    },
+                    {
+                        actions: [
+                            { type: ACTIONS$6.SET_VIDEO_ERROR, data: { errorMessage: 'Error, Please contact support' } },
+                            { type: ACTIONS$6.EMIT_TRACKING_EVENT, data: { eventType: EVENT_TYPES.CONFIRM_UPLOADED_FAILED } },
+                        ],
+                        target: STATES$5.ERROR,
+                    },
+                ],
                 onError: [
                     {
-                        actions: [() => console.error('UPDATE_VIDEO_UPLADED_ERROR:'), console.error, ACTIONS$6.SENTRY],
+                        actions: [() => console.error('UPDATE_VIDEO_UPLADED_ERROR:'), console.error, { type: ACTIONS$6.SENTRY, data: { eventName: 'CONFIRM::ERROR__NOT_FOUND' } }],
                         target: STATES$5.FINISHED,
                         cond: (_, event) => event.data.response.status === STATUS_CODES.NOT_FOUND,
                     },
                     {
-                        actions: [ACTIONS$6.SENTRY],
-                        target: STATES$5.CONFIRM,
+                        actions: [() => console.error('UPDATE_VIDEO_UPLADED_ERROR:'), console.error, { type: ACTIONS$6.SENTRY, data: { eventName: 'CONFIRM::ERROR' } }],
+                        target: STATES$5.CONFIRM_WATING,
                     },
                 ],
             },
         },
         [STATES$5.FINISHED]: {
-            entry: [{ type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.INTERVIEW_SUBMITTED } }],
+            entry: [
+                { type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.INTERVIEW_SUBMITTED } },
+                { type: ACTIONS$6.EMIT_TRACKING_EVENT, data: { eventType: EVENT_TYPES.FINISHED } },
+            ],
             type: 'final',
         },
         [STATES$5.ERROR]: {
@@ -45888,9 +45928,12 @@ const accWidgetMachine = createMachine({
                 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$6.SET_VIDEO_ERROR]: assign$2((_, event) => ({
-            error: event.data.response.data || { errorMessage: event.data.message },
-        })),
+        [ACTIONS$6.SET_VIDEO_ERROR]: assign$2((_, event, meta) => {
+            var _a, _b, _c, _d;
+            return ({
+                error: ((_b = (_a = event.data) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.data) || { errorMessage: ((_c = event.data) === null || _c === void 0 ? void 0 : _c.message) || ((_d = meta.action.data) === null || _d === void 0 ? void 0 : _d.errorMessage) },
+            });
+        }),
         [ACTIONS$6.REVOKE_MEMORY]: send$2((_, event) => ({ type: EVENTS$4.REMOVE_TAKES, data: { questionToRemove: event.data.questionNumber } }), { to: ({ storageRef }) => storageRef }),
         [ACTIONS$6.UPDATE_VIDEO_OBJECT]: assign$2(({ widgetConfig, recordingType }) => {
             var _a, _b;
@@ -45924,6 +45967,9 @@ const accWidgetMachine = createMachine({
                 height: event.data.height,
             },
         })),
+        [ACTIONS$6.UPDATE_UPLOADED_FALSE_COUNT]: assign$2(({ confirmUploadedFalseCount }) => ({
+            confirmUploadedFalseCount: confirmUploadedFalseCount + 1,
+        })),
     },
     services: {
         [SERVICES$1.UPDATE_VIDEO_OBJECT_CALL]: ({ widgetConfig: { video }, recordingType, speedTestResult }, event, meta) => (callback, onReceive) => {
@@ -45967,6 +46013,7 @@ const accWidgetMachine = createMachine({
         [GUARDS$3.IS_RECORDER_READY]: ({ recorderRef }) => (recorderRef === null || recorderRef === void 0 ? void 0 : recorderRef.getSnapshot().value) === STATES$6.IDLE,
         [GUARDS$3.IS_ASSESSMENT_QUESTION]: ({ questions, currentQuestion }) => !!questions[currentQuestion - 1].answerType && questions[currentQuestion - 1].answerType !== ANSWER_TYPES.VIDEO,
         [GUARDS$3.IS_TIMES_UP]: (_, event) => !!event.data.isTimesUp,
+        [GUARDS$3.SHOULD_TRY_TO_CONFIRM]: ({ confirmUploadedFalseCount }) => confirmUploadedFalseCount <= MAX_CONFIRM_ATTEMPTS,
     },
 });
 
@@ -48489,10 +48536,25 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
     useEffect(() => {
         setShouldShowWaterMark(!!(company === null || company === void 0 ? void 0 : company.shouldShowWaterMark));
     }, [company === null || company === void 0 ? void 0 : company.shouldShowWaterMark]);
+    const _onFinish = () => __awaiter(void 0, void 0, void 0, function* () { var _a, _b; return (_b = (_a = widgetConfig.config).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, { redirectUrl: candidate.redirectUrl, video_id: (video === null || video === void 0 ? void 0 : video.video_id) || '' }); });
     useEffect(() => {
-        var _a, _b;
         if (machine.done) {
-            (_b = (_a = widgetConfig.config).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, { redirectUrl: candidate.redirectUrl, video_id: (video === null || video === void 0 ? void 0 : video.video_id) || '' });
+            if (widgetConfig.config.onFinish) {
+                _onFinish().then(() => {
+                    emitTrackEvent({ eventType: EVENT_TYPES.ON_FINISH_SUCCEED });
+                }).catch((err) => {
+                    var _a;
+                    let errorMessage = '';
+                    try {
+                        errorMessage = (err === null || err === void 0 ? void 0 : err.message) || (err === null || err === void 0 ? void 0 : err.msg) || ((_a = err === null || err === void 0 ? void 0 : err.data) === null || _a === void 0 ? void 0 : _a.message);
+                    }
+                    catch (_b) {
+                        //
+                    }
+                    emitTrackEvent({ eventType: EVENT_TYPES.ON_FINISH_FAILED, extraData: { errorMessage } });
+                    throw err;
+                });
+            }
         }
     }, [machine.done]);
     useEffect(() => {
@@ -48508,11 +48570,16 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
             });
         }
     }, [candidate, job === null || job === void 0 ? void 0 : job.language]);
+    const setBackgroundOpacity = () => {
+        var _a;
+        (_a = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('--myinterview-background-opacity', isLoading || isErrorState ? '0' : '1');
+    };
     useEffect(() => {
         var _a, _b;
         if (isErrorState && (error === null || error === void 0 ? void 0 : error.statusCode) === 400) {
             (_b = (_a = widgetConfig.config).onError) === null || _b === void 0 ? void 0 : _b.call(_a, { messageType: 'applied' });
         }
+        setBackgroundOpacity();
     }, [isErrorState]);
     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) => {
@@ -48522,8 +48589,7 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
         (_b = viewsRef === null || viewsRef === void 0 ? void 0 : viewsRef.current) === null || _b === void 0 ? void 0 : _b.style.setProperty('--myinterview-widget-practice-opacity', scrollTop > 10 ? '0' : '1');
     };
     useEffect(() => {
-        var _a;
-        (_a = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('--myinterview-background-opacity', isLoading || isErrorState ? '0' : '1');
+        setBackgroundOpacity();
     }, [isLoading]);
     const onRetry = () => {
         send(EVENTS$5.RETRY);
@@ -48721,15 +48787,15 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
         revertBodyStyling();
         setIsWidgetOpen(false);
     };
-    const onInterviewCompleted = (data) => {
+    const onInterviewCompleted = (data) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        (_a = config.onFinish) === null || _a === void 0 ? void 0 : _a.call(config, data);
         onCloseWidget();
-    };
+        yield ((_a = config.onFinish) === null || _a === void 0 ? void 0 : _a.call(config, data));
+    });
     const onError = (data) => {
         var _a;
-        (_a = config.onError) === null || _a === void 0 ? void 0 : _a.call(config, data);
         onCloseWidget();
+        (_a = config.onError) === null || _a === void 0 ? void 0 : _a.call(config, data);
     };
     const openWidget = () => {
         var _a;