@myinterview/widget-react 1.1.44 → 1.1.45-development-2356482

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

@@ -36,6 +36,7 @@ interface IConfig {
     accessibility_id?: string;
     recordWithoutVideo?: boolean;
     forcedView?: IViews;
+    useSafeUpload?: boolean;
 }
 export type IClientConfig = Omit<IConfig, 'practiceQuestions'> & {
     practiceQuestions?: IClientQuestion[];

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

@@ -122,6 +122,9 @@ export declare const enum STATES {
     RE_INIT_RECORDER__NEXT_RETAKE = "reInitRecorderNextRetake",
     RE_INIT_RECORDER__NEXT_QUESTION = "reInitRecorderNextQuestion",
     UPLOADING = "uploading",
+    UPLOADING__SELECTOR = "uploadingSelector",
+    UPLOADING__LAST_QUESTION = "uploadingLastQuestion",
+    UPLOADING__SAFE_UPLOAD = "uploadingSafeUpload",
     CONFIRM = "confirm",
     CONFIRM_WATING = "confirmWaiting",
     FINISHED = "finished",
@@ -220,6 +223,7 @@ export declare const enum GUARDS {
     IS_DISCONNECTED = "isDisconnected",
     CAN_START_INTERVIEW = "canStartInterview",
     ARE_ALL_QUESTIONS_UPLOADED = "areAllQuestionsUploaded",
+    IS_CURRENT_QUESTION_SAFE_UPLOADED = "isCurrentQuestionSafeUploaded",
     SHOULD_SHOW_WELCOME = "shouldShowWelcome",
     IS_NO_SOUND_ERROR = "isNoSoundError",
     IS_VIDEO_CORRUPTED = "isVideoCorrupted",
@@ -229,7 +233,8 @@ export declare const enum GUARDS {
     IS_RECORDER_READY = "isRecorderReady",
     IS_ASSESSMENT_QUESTION = "isAssessmentQuestion",
     IS_TIMES_UP = "isTimesUp",
-    SHOULD_TRY_TO_CONFIRM = "shouldTryToConfirm"
+    SHOULD_TRY_TO_CONFIRM = "shouldTryToConfirm",
+    IS_SAFE_UPLOAD = "isSafeUpload"
 }
 export declare const enum TAGS {
     SETUP = "setup",

package/dist/esm/index.js

@@ -8079,6 +8079,9 @@ var STATES$5;
     STATES["RE_INIT_RECORDER__NEXT_RETAKE"] = "reInitRecorderNextRetake";
     STATES["RE_INIT_RECORDER__NEXT_QUESTION"] = "reInitRecorderNextQuestion";
     STATES["UPLOADING"] = "uploading";
+    STATES["UPLOADING__SELECTOR"] = "uploadingSelector";
+    STATES["UPLOADING__LAST_QUESTION"] = "uploadingLastQuestion";
+    STATES["UPLOADING__SAFE_UPLOAD"] = "uploadingSafeUpload";
     STATES["CONFIRM"] = "confirm";
     STATES["CONFIRM_WATING"] = "confirmWaiting";
     STATES["FINISHED"] = "finished";
@@ -8181,6 +8184,7 @@ var GUARDS$3;
     GUARDS["IS_DISCONNECTED"] = "isDisconnected";
     GUARDS["CAN_START_INTERVIEW"] = "canStartInterview";
     GUARDS["ARE_ALL_QUESTIONS_UPLOADED"] = "areAllQuestionsUploaded";
+    GUARDS["IS_CURRENT_QUESTION_SAFE_UPLOADED"] = "isCurrentQuestionSafeUploaded";
     GUARDS["SHOULD_SHOW_WELCOME"] = "shouldShowWelcome";
     GUARDS["IS_NO_SOUND_ERROR"] = "isNoSoundError";
     GUARDS["IS_VIDEO_CORRUPTED"] = "isVideoCorrupted";
@@ -8191,6 +8195,7 @@ var GUARDS$3;
     GUARDS["IS_ASSESSMENT_QUESTION"] = "isAssessmentQuestion";
     GUARDS["IS_TIMES_UP"] = "isTimesUp";
     GUARDS["SHOULD_TRY_TO_CONFIRM"] = "shouldTryToConfirm";
+    GUARDS["IS_SAFE_UPLOAD"] = "isSafeUpload";
 })(GUARDS$3 || (GUARDS$3 = {}));
 var TAGS;
 (function (TAGS) {
@@ -35410,7 +35415,7 @@ const prod_config = {
 const config$1 = (configEnv) => {
     let env = configEnv;
     try {
-        env !== null && env !== void 0 ? env : (env = "prod");
+        env !== null && env !== void 0 ? env : (env = "staging");
     }
     catch (_a) { }
     switch (env) {
@@ -35429,8 +35434,8 @@ const configGenerator = () => {
     let environment;
     let release;
     try {
-        environment !== null && environment !== void 0 ? environment : (environment = "prod");
-        release !== null && release !== void 0 ? release : (release = "1.1.44");
+        environment !== null && environment !== void 0 ? environment : (environment = "staging");
+        release !== null && release !== void 0 ? release : (release = "1.1.45");
     }
     catch (_a) {
         console.error('sentry configGenerator error');
@@ -45348,10 +45353,13 @@ const InnerView = React__default.forwardRef(({ widgetMachine, sendToWidget, reco
             setIsQuestionVideoWatched(false);
     }, [isVideoQuestionState]);
     useEffect(() => {
-        var _a;
+        var _a, _b;
         if (isUploadingState) {
             (_a = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('--myinterview-widget-background-height', '100vh');
         }
+        else {
+            (_b = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _b === void 0 ? void 0 : _b.style.setProperty('--myinterview-widget-background-height', 'calc(40vh - 100px)');
+        }
     }, [isUploadingState]);
     useEffect(() => {
         var _a, _b, _c;
@@ -51590,6 +51598,16 @@ const accWidgetMachine = createMachine({
                         target: STATES$5.UPLOADING,
                         cond: GUARDS$3.IS_LAST_INTERVIEW_QUESTION,
                     },
+                    {
+                        actions: [
+                            ACTIONS$6.UPDATE_VIDEO_FILE_COMPLETED,
+                            ACTIONS$6.SPAWN_UPLOADER,
+                            ACTIONS$6.UPDATE_TOTAL_FILES_SIZE,
+                            ACTIONS$6.RESET_FAILED_RECORDING_ATTEMPTS,
+                        ],
+                        target: STATES$5.UPLOADING,
+                        cond: GUARDS$3.IS_SAFE_UPLOAD,
+                    },
                     {
                         actions: [
                             ACTIONS$6.UPDATE_VIDEO_FILE_COMPLETED,
@@ -51671,11 +51689,32 @@ const accWidgetMachine = createMachine({
         },
         [STATES$5.UPLOADING]: {
             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 } },
-            ],
-            always: { target: STATES$5.CONFIRM, cond: GUARDS$3.ARE_ALL_QUESTIONS_UPLOADED },
+            initial: STATES$5.UPLOADING__SELECTOR,
+            states: {
+                [STATES$5.UPLOADING__SELECTOR]: {
+                    entry: [
+                        { type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.UPLOADING_STATE } },
+                    ],
+                    always: [
+                        { target: STATES$5.UPLOADING__LAST_QUESTION, cond: GUARDS$3.IS_LAST_INTERVIEW_QUESTION },
+                        { target: STATES$5.UPLOADING__SAFE_UPLOAD },
+                    ],
+                },
+                [STATES$5.UPLOADING__LAST_QUESTION]: {
+                    entry: [
+                        { type: ACTIONS$6.SESSION_EVENT, data: { event: 'widget_completed', type: 'date' } },
+                    ],
+                    always: [
+                        { target: `#widget.${STATES$5.CONFIRM}`, cond: GUARDS$3.ARE_ALL_QUESTIONS_UPLOADED },
+                    ],
+                },
+                [STATES$5.UPLOADING__SAFE_UPLOAD]: {
+                    always: [
+                        { target: `#widget.${STATES$5.NEXT_QUESTION_MIDDLEWARE}`, cond: GUARDS$3.IS_CURRENT_QUESTION_SAFE_UPLOADED },
+                    ],
+                    exit: [ACTIONS$6.UPDATE_QUESTION_NUMBER],
+                },
+            },
             invoke: {
                 id: 'updateVideo',
                 src: SERVICES$1.UPDATE_VIDEO_OBJECT_CALL,
@@ -52006,6 +52045,7 @@ const accWidgetMachine = createMachine({
         [GUARDS$3.IS_DISCONNECTED]: ({ isConnected }) => !isConnected,
         [GUARDS$3.CAN_START_INTERVIEW]: ({ checksState }) => (checksState.camera === CAMERA_STATES.READY || checksState.camera === CAMERA_STATES.SKIP) && checksState.microphone === MICROPHONE_STATES.READY && [INTERNET_STATES.CONNECTED, INTERNET_STATES.SLOW_CONNECTION].includes(checksState.internet),
         [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.IS_CURRENT_QUESTION_SAFE_UPLOADED]: ({ widgetConfig, currentQuestion }) => { var _a, _b; return !!(widgetConfig.config.useSafeUpload && ((_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b[currentQuestion - 1].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.webm.size,
@@ -52016,6 +52056,7 @@ const accWidgetMachine = createMachine({
         [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,
+        [GUARDS$3.IS_SAFE_UPLOAD]: ({ widgetConfig }) => !!widgetConfig.config.useSafeUpload,
     },
 });
 
@@ -54871,9 +54912,7 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
             });
         }
         SentryHub.configureScope((scope) => {
-            scope.setTags({
-                company_id: candidate === null || candidate === void 0 ? void 0 : candidate.company_id,
-            });
+            scope.setTags(Object.assign({ company_id: candidate === null || candidate === void 0 ? void 0 : candidate.company_id, email: candidate.email }, (isIphone && { iphoneModel: getIPhoneModel() })));
         });
     }, [candidate, job === null || job === void 0 ? void 0 : job.language]);
     const setBackgroundOpacity = () => {
@@ -55028,7 +55067,7 @@ const useAccessibility = () => {
 };
 
 const Widget = forwardRef(({ candidate, job, video, config, disabled = false, buttonText = 'START INTERVIEW', buttonStyle = {}, children, styleUrls = [], fontsUrls = [], }, clientRef) => {
-    const widget_version = "1.1.44";
+    const widget_version = "1.1.45";
     const [isWidgetOpen, setIsWidgetOpen] = useState(false);
     const [isWidgetMinimized, setIsWidgetMinimized] = useState(false);
     const [isIncognitoMode, setIsIncognitoMode] = useState(false);
@@ -55062,14 +55101,6 @@ const Widget = forwardRef(({ candidate, job, video, config, disabled = false, bu
         "@import url(",
         styleUrl,
         ")"))), [styleUrls]);
-    useEffect(() => {
-        SentryHub.configureScope((scope) => {
-            scope.setUser({
-                email: candidate.email,
-            });
-            scope.setTags(Object.assign({}, (isIphone && { iphoneModel: getIPhoneModel() })));
-        });
-    }, [candidate.email]);
     useEffect(() => {
         if (config.env) {
             updateVideoAxiosBaseURL(config$1(config.env).serverUrl);
@@ -55109,7 +55140,7 @@ const Widget = forwardRef(({ candidate, job, video, config, disabled = false, bu
     const openWidget = () => {
         var _a;
         (_a = config.onWidgetClicked) === null || _a === void 0 ? void 0 : _a.call(config);
-        if (![candidate.username, candidate.email, config.auth].every(Boolean))
+        if (!config.auth)
             return;
         setLayoutStyleProperties();
         document.body.style.maxHeight = '100vh';