@myinterview/widget-react 1.1.11 → 1.1.12-beta-67b0176
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js
CHANGED
|
@@ -38586,25 +38586,29 @@ var EVENT_TYPES;
|
|
|
38586
38586
|
EVENT_TYPES["OPEN_WIDGET"] = "openWidget";
|
|
38587
38587
|
EVENT_TYPES["WELCOME_STATE_START_BUTTON"] = "welcomeStateStartButton";
|
|
38588
38588
|
EVENT_TYPES["WELCOME_STATE_TOP_TIPS"] = "welcomeStateTopTips";
|
|
38589
|
+
EVENT_TYPES["WELCOME_STATE_VIDEO_PLAY"] = "welcomeStateVideoPlay";
|
|
38590
|
+
EVENT_TYPES["WELCOME_STATE_VIDEO_PAUSE"] = "welcomeStateVideoPause";
|
|
38589
38591
|
EVENT_TYPES["WELCOME_STATE_VIDEO_FULLY_WATCHED"] = "welcomeStateVideoFullyWatched";
|
|
38590
38592
|
EVENT_TYPES["PERMISSION_DENIED"] = "permissionsDenied";
|
|
38591
38593
|
EVENT_TYPES["PERMISSION_GRANTED"] = "permissionsGranted";
|
|
38592
38594
|
EVENT_TYPES["CAMRTA_INITIALIZED"] = "cameraInitialized";
|
|
38593
38595
|
EVENT_TYPES["MIC_INITIALIZED"] = "micInitialized";
|
|
38594
38596
|
EVENT_TYPES["BANDWIDTH_CHECK"] = "bandwidthCheck";
|
|
38595
|
-
EVENT_TYPES["VIDEO_QUESTION_WATCHED"] = "videoQuestionWatched";
|
|
38596
38597
|
EVENT_TYPES["VIDEO_QUESTION_PLAY"] = "videoQuestionPlay";
|
|
38597
38598
|
EVENT_TYPES["VIDEO_QUESTION_PAUSE"] = "videoQuestionPause";
|
|
38599
|
+
EVENT_TYPES["VIDEO_QUESTION_WATCHED"] = "videoQuestionWatched";
|
|
38598
38600
|
EVENT_TYPES["PRACTICE_CLICKED"] = "practiceClicked";
|
|
38601
|
+
EVENT_TYPES["PRACTICE_PRESENTED"] = "practicePresented";
|
|
38599
38602
|
EVENT_TYPES["PRACTICE_STARTED"] = "practiceStarted";
|
|
38600
38603
|
EVENT_TYPES["PRACTICE_ENDED"] = "practiceEnded";
|
|
38601
38604
|
EVENT_TYPES["PRACTICE_FINISHED"] = "practiceFinished";
|
|
38602
38605
|
EVENT_TYPES["PRACTICE_SKIPPED"] = "practiceSkipped";
|
|
38603
38606
|
EVENT_TYPES["START_CLICKED"] = "startClicked";
|
|
38604
|
-
EVENT_TYPES["
|
|
38607
|
+
EVENT_TYPES["QUESTION_PRESENTED"] = "questionPresented";
|
|
38605
38608
|
EVENT_TYPES["QUESTION_STARTED"] = "questionStarted";
|
|
38606
38609
|
EVENT_TYPES["QUESTION_ENDED"] = "questionEnded";
|
|
38607
38610
|
EVENT_TYPES["RETAKE_CLICKED"] = "retakeClicked";
|
|
38611
|
+
EVENT_TYPES["WIDGET_MINIMIZED"] = "widgetMinimized";
|
|
38608
38612
|
EVENT_TYPES["NO_SOUND"] = "noSound";
|
|
38609
38613
|
EVENT_TYPES["CAMERA_CHANGED"] = "cameraChanged";
|
|
38610
38614
|
EVENT_TYPES["MICROPHONE_CHANGED"] = "microphoneChanged";
|
|
@@ -38978,12 +38982,12 @@ const InnerView = React__default["default"].forwardRef(({ widgetMachine, sendToW
|
|
|
38978
38982
|
setIsQuestionVideoWatched(true);
|
|
38979
38983
|
}
|
|
38980
38984
|
emitTrackEvent({
|
|
38981
|
-
eventType: EVENT_TYPES.
|
|
38982
|
-
extraData: { currentQuestion, watchedCount, isThinkingTime },
|
|
38985
|
+
eventType: EVENT_TYPES.VIDEO_QUESTION_WATCHED,
|
|
38986
|
+
extraData: { currentQuestion, watchedCount, isThinkingTime, url: currentQuestionObj.videoQuestion },
|
|
38983
38987
|
});
|
|
38984
38988
|
};
|
|
38985
38989
|
const onVideoStateChanged = (eventData) => {
|
|
38986
|
-
emitTrackEvent(Object.assign(Object.assign({}, eventData), { extraData: Object.assign(Object.assign({}, eventData.extraData), { currentQuestion, isThinkingTime }) }));
|
|
38990
|
+
emitTrackEvent(Object.assign(Object.assign({}, eventData), { extraData: Object.assign(Object.assign({}, eventData.extraData), { currentQuestion, isThinkingTime, url: currentQuestionObj.videoQuestion }) }));
|
|
38987
38991
|
};
|
|
38988
38992
|
const onNextQuestion = (questionNumber) => {
|
|
38989
38993
|
sendToWidget({ type: EVENTS$5.NEXT_QUESTION, data: questionNumber });
|
|
@@ -44591,6 +44595,10 @@ var DEBUG;
|
|
|
44591
44595
|
const CONSOLE_LOG_STYLE = 'background:#06f; color:#fff; margin: 10px 0; padding:5px; border-radius:4px;';
|
|
44592
44596
|
const getUploaderName = (currentQuestion) => `uploader-${currentQuestion}`;
|
|
44593
44597
|
const MAPPED_EVENT_TYPES = {
|
|
44598
|
+
PRESENTED: {
|
|
44599
|
+
QUESTION: EVENT_TYPES.QUESTION_PRESENTED,
|
|
44600
|
+
PRACTICE: EVENT_TYPES.PRACTICE_PRESENTED,
|
|
44601
|
+
},
|
|
44594
44602
|
STARTED: {
|
|
44595
44603
|
QUESTION: EVENT_TYPES.QUESTION_STARTED,
|
|
44596
44604
|
PRACTICE: EVENT_TYPES.PRACTICE_STARTED,
|
|
@@ -44899,7 +44907,7 @@ const accWidgetMachine = createMachine({
|
|
|
44899
44907
|
},
|
|
44900
44908
|
[STATES$5.INTERVIEW]: {
|
|
44901
44909
|
initial: STATES$5.INTERVIEW__INIT,
|
|
44902
|
-
entry: [ACTIONS$6.UPDATE_RECORDER_PARAMS, ACTIONS$6.UPDATE_VIDEO_OBJECT, ACTIONS$6.UPDATE_VIDEO_PART],
|
|
44910
|
+
entry: [ACTIONS$6.UPDATE_RECORDER_PARAMS, ACTIONS$6.UPDATE_VIDEO_OBJECT, ACTIONS$6.UPDATE_VIDEO_PART, questionEventFormatter('PRESENTED')],
|
|
44903
44911
|
exit: [
|
|
44904
44912
|
questionEventFormatter('STOPPED'),
|
|
44905
44913
|
],
|
|
@@ -47839,10 +47847,13 @@ const WelcomePage = ({ introVideo, welcomeTitle = t$1('welcome.title'), welcomeT
|
|
|
47839
47847
|
});
|
|
47840
47848
|
};
|
|
47841
47849
|
const onVideoEnds = (watchedCount) => {
|
|
47842
|
-
emitTrackEvent({ eventType: EVENT_TYPES.WELCOME_STATE_VIDEO_FULLY_WATCHED, extraData: { introVideo, watchedCount } });
|
|
47850
|
+
emitTrackEvent({ eventType: EVENT_TYPES.WELCOME_STATE_VIDEO_FULLY_WATCHED, extraData: { introVideo, watchedCount, url: introVideo } });
|
|
47843
47851
|
};
|
|
47844
47852
|
const onVideoStateChanged = (eventData) => {
|
|
47845
|
-
emitTrackEvent(
|
|
47853
|
+
emitTrackEvent({
|
|
47854
|
+
eventType: eventData.eventType === EVENT_TYPES.VIDEO_QUESTION_PLAY ? EVENT_TYPES.WELCOME_STATE_VIDEO_PLAY : EVENT_TYPES.WELCOME_STATE_VIDEO_PAUSE,
|
|
47855
|
+
extraData: Object.assign(Object.assign({}, eventData.extraData), { url: introVideo }),
|
|
47856
|
+
});
|
|
47846
47857
|
};
|
|
47847
47858
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
47848
47859
|
React__default["default"].createElement("div", { className: innerClassNames }, introVideo && React__default["default"].createElement(VideoQuestion, { src: introVideo, isThinkingTime: false, onVideoEnds: onVideoEnds, isWidgetMinimized: isWidgetMinimized, onVideoStateChanged: onVideoStateChanged })),
|
|
@@ -48121,7 +48132,7 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
|
|
|
48121
48132
|
revertBodyStyling();
|
|
48122
48133
|
setIsWidgetMinimized(true);
|
|
48123
48134
|
(_a = config.onWidgetClose) === null || _a === void 0 ? void 0 : _a.call(config);
|
|
48124
|
-
emitTrackEvent({ eventType: EVENT_TYPES.
|
|
48135
|
+
emitTrackEvent({ eventType: EVENT_TYPES.WIDGET_MINIMIZED });
|
|
48125
48136
|
};
|
|
48126
48137
|
const layoutClassNames = classNames({
|
|
48127
48138
|
'myinterview-widget__layout': true,
|