@myinterview/widget-react 1.1.11 → 1.1.12

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

@@ -15,25 +15,29 @@ export declare const enum EVENT_TYPES {
     OPEN_WIDGET = "openWidget",
     WELCOME_STATE_START_BUTTON = "welcomeStateStartButton",
     WELCOME_STATE_TOP_TIPS = "welcomeStateTopTips",
+    WELCOME_STATE_VIDEO_PLAY = "welcomeStateVideoPlay",
+    WELCOME_STATE_VIDEO_PAUSE = "welcomeStateVideoPause",
     WELCOME_STATE_VIDEO_FULLY_WATCHED = "welcomeStateVideoFullyWatched",
     PERMISSION_DENIED = "permissionsDenied",
     PERMISSION_GRANTED = "permissionsGranted",
     CAMRTA_INITIALIZED = "cameraInitialized",
     MIC_INITIALIZED = "micInitialized",
     BANDWIDTH_CHECK = "bandwidthCheck",
-    VIDEO_QUESTION_WATCHED = "videoQuestionWatched",
     VIDEO_QUESTION_PLAY = "videoQuestionPlay",
     VIDEO_QUESTION_PAUSE = "videoQuestionPause",
+    VIDEO_QUESTION_WATCHED = "videoQuestionWatched",
     PRACTICE_CLICKED = "practiceClicked",
+    PRACTICE_PRESENTED = "practicePresented",
     PRACTICE_STARTED = "practiceStarted",
     PRACTICE_ENDED = "practiceEnded",
     PRACTICE_FINISHED = "practiceFinished",
     PRACTICE_SKIPPED = "practiceSkipped",
     START_CLICKED = "startClicked",
-    MINIMIZE_WIDGET = "minimizeWidget",
+    QUESTION_PRESENTED = "questionPresented",
     QUESTION_STARTED = "questionStarted",
     QUESTION_ENDED = "questionEnded",
     RETAKE_CLICKED = "retakeClicked",
+    WIDGET_MINIMIZED = "widgetMinimized",
     NO_SOUND = "noSound",
     CAMERA_CHANGED = "cameraChanged",
     MICROPHONE_CHANGED = "microphoneChanged",

package/dist/esm/index.js

@@ -38560,25 +38560,29 @@ var EVENT_TYPES;
     EVENT_TYPES["OPEN_WIDGET"] = "openWidget";
     EVENT_TYPES["WELCOME_STATE_START_BUTTON"] = "welcomeStateStartButton";
     EVENT_TYPES["WELCOME_STATE_TOP_TIPS"] = "welcomeStateTopTips";
+    EVENT_TYPES["WELCOME_STATE_VIDEO_PLAY"] = "welcomeStateVideoPlay";
+    EVENT_TYPES["WELCOME_STATE_VIDEO_PAUSE"] = "welcomeStateVideoPause";
     EVENT_TYPES["WELCOME_STATE_VIDEO_FULLY_WATCHED"] = "welcomeStateVideoFullyWatched";
     EVENT_TYPES["PERMISSION_DENIED"] = "permissionsDenied";
     EVENT_TYPES["PERMISSION_GRANTED"] = "permissionsGranted";
     EVENT_TYPES["CAMRTA_INITIALIZED"] = "cameraInitialized";
     EVENT_TYPES["MIC_INITIALIZED"] = "micInitialized";
     EVENT_TYPES["BANDWIDTH_CHECK"] = "bandwidthCheck";
-    EVENT_TYPES["VIDEO_QUESTION_WATCHED"] = "videoQuestionWatched";
     EVENT_TYPES["VIDEO_QUESTION_PLAY"] = "videoQuestionPlay";
     EVENT_TYPES["VIDEO_QUESTION_PAUSE"] = "videoQuestionPause";
+    EVENT_TYPES["VIDEO_QUESTION_WATCHED"] = "videoQuestionWatched";
     EVENT_TYPES["PRACTICE_CLICKED"] = "practiceClicked";
+    EVENT_TYPES["PRACTICE_PRESENTED"] = "practicePresented";
     EVENT_TYPES["PRACTICE_STARTED"] = "practiceStarted";
     EVENT_TYPES["PRACTICE_ENDED"] = "practiceEnded";
     EVENT_TYPES["PRACTICE_FINISHED"] = "practiceFinished";
     EVENT_TYPES["PRACTICE_SKIPPED"] = "practiceSkipped";
     EVENT_TYPES["START_CLICKED"] = "startClicked";
-    EVENT_TYPES["MINIMIZE_WIDGET"] = "minimizeWidget";
+    EVENT_TYPES["QUESTION_PRESENTED"] = "questionPresented";
     EVENT_TYPES["QUESTION_STARTED"] = "questionStarted";
     EVENT_TYPES["QUESTION_ENDED"] = "questionEnded";
     EVENT_TYPES["RETAKE_CLICKED"] = "retakeClicked";
+    EVENT_TYPES["WIDGET_MINIMIZED"] = "widgetMinimized";
     EVENT_TYPES["NO_SOUND"] = "noSound";
     EVENT_TYPES["CAMERA_CHANGED"] = "cameraChanged";
     EVENT_TYPES["MICROPHONE_CHANGED"] = "microphoneChanged";
@@ -38952,12 +38956,12 @@ const InnerView = React__default.forwardRef(({ widgetMachine, sendToWidget, reco
             setIsQuestionVideoWatched(true);
         }
         emitTrackEvent({
-            eventType: EVENT_TYPES.WELCOME_STATE_VIDEO_FULLY_WATCHED,
-            extraData: { currentQuestion, watchedCount, isThinkingTime },
+            eventType: EVENT_TYPES.VIDEO_QUESTION_WATCHED,
+            extraData: { currentQuestion, watchedCount, isThinkingTime, url: currentQuestionObj.videoQuestion },
         });
     };
     const onVideoStateChanged = (eventData) => {
-        emitTrackEvent(Object.assign(Object.assign({}, eventData), { extraData: Object.assign(Object.assign({}, eventData.extraData), { currentQuestion, isThinkingTime }) }));
+        emitTrackEvent(Object.assign(Object.assign({}, eventData), { extraData: Object.assign(Object.assign({}, eventData.extraData), { currentQuestion, isThinkingTime, url: currentQuestionObj.videoQuestion }) }));
     };
     const onNextQuestion = (questionNumber) => {
         sendToWidget({ type: EVENTS$5.NEXT_QUESTION, data: questionNumber });
@@ -44565,6 +44569,10 @@ var DEBUG;
 const CONSOLE_LOG_STYLE = 'background:#06f; color:#fff; margin: 10px 0; padding:5px; border-radius:4px;';
 const getUploaderName = (currentQuestion) => `uploader-${currentQuestion}`;
 const MAPPED_EVENT_TYPES = {
+    PRESENTED: {
+        QUESTION: EVENT_TYPES.QUESTION_PRESENTED,
+        PRACTICE: EVENT_TYPES.PRACTICE_PRESENTED,
+    },
     STARTED: {
         QUESTION: EVENT_TYPES.QUESTION_STARTED,
         PRACTICE: EVENT_TYPES.PRACTICE_STARTED,
@@ -44873,7 +44881,7 @@ const accWidgetMachine = createMachine({
         },
         [STATES$5.INTERVIEW]: {
             initial: STATES$5.INTERVIEW__INIT,
-            entry: [ACTIONS$6.UPDATE_RECORDER_PARAMS, ACTIONS$6.UPDATE_VIDEO_OBJECT, ACTIONS$6.UPDATE_VIDEO_PART],
+            entry: [ACTIONS$6.UPDATE_RECORDER_PARAMS, ACTIONS$6.UPDATE_VIDEO_OBJECT, ACTIONS$6.UPDATE_VIDEO_PART, questionEventFormatter('PRESENTED')],
             exit: [
                 questionEventFormatter('STOPPED'),
             ],
@@ -47813,10 +47821,13 @@ const WelcomePage = ({ introVideo, welcomeTitle = t$1('welcome.title'), welcomeT
         });
     };
     const onVideoEnds = (watchedCount) => {
-        emitTrackEvent({ eventType: EVENT_TYPES.WELCOME_STATE_VIDEO_FULLY_WATCHED, extraData: { introVideo, watchedCount } });
+        emitTrackEvent({ eventType: EVENT_TYPES.WELCOME_STATE_VIDEO_FULLY_WATCHED, extraData: { introVideo, watchedCount, url: introVideo } });
     };
     const onVideoStateChanged = (eventData) => {
-        emitTrackEvent(Object.assign(Object.assign({}, eventData), { extraData: Object.assign(Object.assign({}, eventData.extraData), { state: 'welcome_state' }) }));
+        emitTrackEvent({
+            eventType: eventData.eventType === EVENT_TYPES.VIDEO_QUESTION_PLAY ? EVENT_TYPES.WELCOME_STATE_VIDEO_PLAY : EVENT_TYPES.WELCOME_STATE_VIDEO_PAUSE,
+            extraData: Object.assign(Object.assign({}, eventData.extraData), { url: introVideo }),
+        });
     };
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: innerClassNames }, introVideo && React__default.createElement(VideoQuestion, { src: introVideo, isThinkingTime: false, onVideoEnds: onVideoEnds, isWidgetMinimized: isWidgetMinimized, onVideoStateChanged: onVideoStateChanged })),
@@ -48095,7 +48106,7 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
         revertBodyStyling();
         setIsWidgetMinimized(true);
         (_a = config.onWidgetClose) === null || _a === void 0 ? void 0 : _a.call(config);
-        emitTrackEvent({ eventType: EVENT_TYPES.MINIMIZE_WIDGET });
+        emitTrackEvent({ eventType: EVENT_TYPES.WIDGET_MINIMIZED });
     };
     const layoutClassNames = classNames({
         'myinterview-widget__layout': true,