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

package/dist/cjs/index.js

@@ -8,26 +8,51 @@ var reactDom = require('react-dom');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+/*! *****************************************************************************
+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;
 
@@ -6053,9 +6078,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 ;
@@ -8279,13 +8304,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`
@@ -25586,6 +25611,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 = {}));
@@ -25639,6 +25665,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) {
@@ -25694,6 +25721,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) {
@@ -25703,6 +25731,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 = {}));
 
@@ -30897,6 +30926,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;
@@ -35057,8 +35087,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);
@@ -39018,6 +39048,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; };
@@ -39567,31 +39602,6 @@ const Setup = ({ widgetMachine, sendToWidget, isPracticeDisabled, recordWithoutV
             React__default["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,
 });
@@ -39662,8 +39672,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;
@@ -39681,7 +39691,7 @@ const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
         isSetupState && React__default["default"].createElement(Setup, { recordWithoutVideo: recordWithoutVideo, widgetMachine: widgetMachine, sendToWidget: sendToWidget, isPracticeDisabled: !!config.disablePractice }),
         isQuestionsListDisplayed && React__default["default"].createElement(QuestionsList, { questions: questions, currentQuestion: currentQuestion, isPracticeMode: isPracticeMode, questionsStatus: questionsStatus }),
         isQuestionDisplayed && React__default["default"].createElement(Question, { questionObj: currentQuestionObj }),
-        (isUploadingState || isConfirmState) && (React__default["default"].createElement(Upload, { isConnected: isConnected, totalFileSize: totalFileSize, totalUploadedFilesSize: totalUploadedFilesSize, totalUploadSpeed: totalUploadSpeed }))));
+        isUploadDisplayed && (React__default["default"].createElement(Upload, { isConnected: isConnected, totalFileSize: totalFileSize, totalUploadedFilesSize: totalUploadedFilesSize, totalUploadSpeed: totalUploadSpeed }))));
 };
 
 var actions = {};
@@ -44778,7 +44788,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
                             },
                         ],
@@ -44795,7 +44805,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: {
@@ -45151,10 +45160,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],
@@ -45681,7 +45694,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 } },
@@ -45695,30 +45708,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]: {
@@ -45914,9 +45954,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;
@@ -45950,6 +45993,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) => {
@@ -45993,6 +46039,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,
     },
 });
 
@@ -48515,10 +48562,25 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
     React.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) || '' }); });
     React.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]);
     React.useEffect(() => {
@@ -48534,11 +48596,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');
+    };
     React.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 = React.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) => {
@@ -48548,8 +48615,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');
     };
     React.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);
@@ -48747,15 +48813,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;