@myinterview/widget-react 1.1.44 → 1.1.45-beta-5ce107c
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 +53 -22
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/interfaces/configInterface.d.ts +1 -0
- package/dist/cjs/interfaces/widgetInterface.d.ts +6 -1
- package/dist/esm/index.js +53 -22
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/interfaces/configInterface.d.ts +1 -0
- package/dist/esm/interfaces/widgetInterface.d.ts +6 -1
- package/dist/index.d.ts +1 -0
- package/package.json +2 -2
package/dist/cjs/index.js
CHANGED
|
@@ -8105,6 +8105,9 @@ var STATES$5;
|
|
|
8105
8105
|
STATES["RE_INIT_RECORDER__NEXT_RETAKE"] = "reInitRecorderNextRetake";
|
|
8106
8106
|
STATES["RE_INIT_RECORDER__NEXT_QUESTION"] = "reInitRecorderNextQuestion";
|
|
8107
8107
|
STATES["UPLOADING"] = "uploading";
|
|
8108
|
+
STATES["UPLOADING__SELECTOR"] = "uploadingSelector";
|
|
8109
|
+
STATES["UPLOADING__LAST_QUESTION"] = "uploadingLastQuestion";
|
|
8110
|
+
STATES["UPLOADING__SAFE_UPLOAD"] = "uploadingSafeUpload";
|
|
8108
8111
|
STATES["CONFIRM"] = "confirm";
|
|
8109
8112
|
STATES["CONFIRM_WATING"] = "confirmWaiting";
|
|
8110
8113
|
STATES["FINISHED"] = "finished";
|
|
@@ -8207,6 +8210,7 @@ var GUARDS$3;
|
|
|
8207
8210
|
GUARDS["IS_DISCONNECTED"] = "isDisconnected";
|
|
8208
8211
|
GUARDS["CAN_START_INTERVIEW"] = "canStartInterview";
|
|
8209
8212
|
GUARDS["ARE_ALL_QUESTIONS_UPLOADED"] = "areAllQuestionsUploaded";
|
|
8213
|
+
GUARDS["IS_CURRENT_QUESTION_SAFE_UPLOADED"] = "isCurrentQuestionSafeUploaded";
|
|
8210
8214
|
GUARDS["SHOULD_SHOW_WELCOME"] = "shouldShowWelcome";
|
|
8211
8215
|
GUARDS["IS_NO_SOUND_ERROR"] = "isNoSoundError";
|
|
8212
8216
|
GUARDS["IS_VIDEO_CORRUPTED"] = "isVideoCorrupted";
|
|
@@ -8217,6 +8221,7 @@ var GUARDS$3;
|
|
|
8217
8221
|
GUARDS["IS_ASSESSMENT_QUESTION"] = "isAssessmentQuestion";
|
|
8218
8222
|
GUARDS["IS_TIMES_UP"] = "isTimesUp";
|
|
8219
8223
|
GUARDS["SHOULD_TRY_TO_CONFIRM"] = "shouldTryToConfirm";
|
|
8224
|
+
GUARDS["IS_SAFE_UPLOAD"] = "isSafeUpload";
|
|
8220
8225
|
})(GUARDS$3 || (GUARDS$3 = {}));
|
|
8221
8226
|
var TAGS;
|
|
8222
8227
|
(function (TAGS) {
|
|
@@ -35436,7 +35441,7 @@ const prod_config = {
|
|
|
35436
35441
|
const config$1 = (configEnv) => {
|
|
35437
35442
|
let env = configEnv;
|
|
35438
35443
|
try {
|
|
35439
|
-
env !== null && env !== void 0 ? env : (env = "
|
|
35444
|
+
env !== null && env !== void 0 ? env : (env = "staging");
|
|
35440
35445
|
}
|
|
35441
35446
|
catch (_a) { }
|
|
35442
35447
|
switch (env) {
|
|
@@ -35455,8 +35460,8 @@ const configGenerator = () => {
|
|
|
35455
35460
|
let environment;
|
|
35456
35461
|
let release;
|
|
35457
35462
|
try {
|
|
35458
|
-
environment !== null && environment !== void 0 ? environment : (environment = "
|
|
35459
|
-
release !== null && release !== void 0 ? release : (release = "1.1.
|
|
35463
|
+
environment !== null && environment !== void 0 ? environment : (environment = "staging");
|
|
35464
|
+
release !== null && release !== void 0 ? release : (release = "1.1.45");
|
|
35460
35465
|
}
|
|
35461
35466
|
catch (_a) {
|
|
35462
35467
|
console.error('sentry configGenerator error');
|
|
@@ -45374,10 +45379,13 @@ const InnerView = React__default["default"].forwardRef(({ widgetMachine, sendToW
|
|
|
45374
45379
|
setIsQuestionVideoWatched(false);
|
|
45375
45380
|
}, [isVideoQuestionState]);
|
|
45376
45381
|
React.useEffect(() => {
|
|
45377
|
-
var _a;
|
|
45382
|
+
var _a, _b;
|
|
45378
45383
|
if (isUploadingState) {
|
|
45379
45384
|
(_a = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('--myinterview-widget-background-height', '100vh');
|
|
45380
45385
|
}
|
|
45386
|
+
else {
|
|
45387
|
+
(_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)');
|
|
45388
|
+
}
|
|
45381
45389
|
}, [isUploadingState]);
|
|
45382
45390
|
React.useEffect(() => {
|
|
45383
45391
|
var _a, _b, _c;
|
|
@@ -51616,6 +51624,16 @@ const accWidgetMachine = createMachine({
|
|
|
51616
51624
|
target: STATES$5.UPLOADING,
|
|
51617
51625
|
cond: GUARDS$3.IS_LAST_INTERVIEW_QUESTION,
|
|
51618
51626
|
},
|
|
51627
|
+
{
|
|
51628
|
+
actions: [
|
|
51629
|
+
ACTIONS$6.UPDATE_VIDEO_FILE_COMPLETED,
|
|
51630
|
+
ACTIONS$6.SPAWN_UPLOADER,
|
|
51631
|
+
ACTIONS$6.UPDATE_TOTAL_FILES_SIZE,
|
|
51632
|
+
ACTIONS$6.RESET_FAILED_RECORDING_ATTEMPTS,
|
|
51633
|
+
],
|
|
51634
|
+
target: STATES$5.UPLOADING,
|
|
51635
|
+
cond: GUARDS$3.IS_SAFE_UPLOAD,
|
|
51636
|
+
},
|
|
51619
51637
|
{
|
|
51620
51638
|
actions: [
|
|
51621
51639
|
ACTIONS$6.UPDATE_VIDEO_FILE_COMPLETED,
|
|
@@ -51697,11 +51715,32 @@ const accWidgetMachine = createMachine({
|
|
|
51697
51715
|
},
|
|
51698
51716
|
[STATES$5.UPLOADING]: {
|
|
51699
51717
|
tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
|
|
51700
|
-
|
|
51701
|
-
|
|
51702
|
-
|
|
51703
|
-
|
|
51704
|
-
|
|
51718
|
+
initial: STATES$5.UPLOADING__SELECTOR,
|
|
51719
|
+
states: {
|
|
51720
|
+
[STATES$5.UPLOADING__SELECTOR]: {
|
|
51721
|
+
entry: [
|
|
51722
|
+
{ type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.UPLOADING_STATE } },
|
|
51723
|
+
],
|
|
51724
|
+
always: [
|
|
51725
|
+
{ target: STATES$5.UPLOADING__LAST_QUESTION, cond: GUARDS$3.IS_LAST_INTERVIEW_QUESTION },
|
|
51726
|
+
{ target: STATES$5.UPLOADING__SAFE_UPLOAD },
|
|
51727
|
+
],
|
|
51728
|
+
},
|
|
51729
|
+
[STATES$5.UPLOADING__LAST_QUESTION]: {
|
|
51730
|
+
entry: [
|
|
51731
|
+
{ type: ACTIONS$6.SESSION_EVENT, data: { event: 'widget_completed', type: 'date' } },
|
|
51732
|
+
],
|
|
51733
|
+
always: [
|
|
51734
|
+
{ target: `#widget.${STATES$5.CONFIRM}`, cond: GUARDS$3.ARE_ALL_QUESTIONS_UPLOADED },
|
|
51735
|
+
],
|
|
51736
|
+
},
|
|
51737
|
+
[STATES$5.UPLOADING__SAFE_UPLOAD]: {
|
|
51738
|
+
always: [
|
|
51739
|
+
{ target: `#widget.${STATES$5.NEXT_QUESTION_MIDDLEWARE}`, cond: GUARDS$3.IS_CURRENT_QUESTION_SAFE_UPLOADED },
|
|
51740
|
+
],
|
|
51741
|
+
exit: [ACTIONS$6.UPDATE_QUESTION_NUMBER],
|
|
51742
|
+
},
|
|
51743
|
+
},
|
|
51705
51744
|
invoke: {
|
|
51706
51745
|
id: 'updateVideo',
|
|
51707
51746
|
src: SERVICES$1.UPDATE_VIDEO_OBJECT_CALL,
|
|
@@ -52032,6 +52071,7 @@ const accWidgetMachine = createMachine({
|
|
|
52032
52071
|
[GUARDS$3.IS_DISCONNECTED]: ({ isConnected }) => !isConnected,
|
|
52033
52072
|
[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),
|
|
52034
52073
|
[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)); },
|
|
52074
|
+
[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)); },
|
|
52035
52075
|
[GUARDS$3.SHOULD_SHOW_WELCOME]: ({ widgetConfig }) => !!widgetConfig.config.introVideo || !!widgetConfig.config.welcomeTitle || !!widgetConfig.config.welcomeText,
|
|
52036
52076
|
[GUARDS$3.IS_NO_SOUND_ERROR]: (_, { data }) => data.code === MICROPHONE_NO_SOUND_ERROR_CODE,
|
|
52037
52077
|
[GUARDS$3.IS_VIDEO_CORRUPTED]: (_, { data }) => !data.webm.size,
|
|
@@ -52042,6 +52082,7 @@ const accWidgetMachine = createMachine({
|
|
|
52042
52082
|
[GUARDS$3.IS_ASSESSMENT_QUESTION]: ({ questions, currentQuestion }) => !!questions[currentQuestion - 1].answerType && questions[currentQuestion - 1].answerType !== ANSWER_TYPES.VIDEO,
|
|
52043
52083
|
[GUARDS$3.IS_TIMES_UP]: (_, event) => !!event.data.isTimesUp,
|
|
52044
52084
|
[GUARDS$3.SHOULD_TRY_TO_CONFIRM]: ({ confirmUploadedFalseCount }) => confirmUploadedFalseCount <= MAX_CONFIRM_ATTEMPTS,
|
|
52085
|
+
[GUARDS$3.IS_SAFE_UPLOAD]: ({ widgetConfig }) => !!widgetConfig.config.useSafeUpload,
|
|
52045
52086
|
},
|
|
52046
52087
|
});
|
|
52047
52088
|
|
|
@@ -54897,9 +54938,7 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
|
|
|
54897
54938
|
});
|
|
54898
54939
|
}
|
|
54899
54940
|
SentryHub.configureScope((scope) => {
|
|
54900
|
-
scope.setTags({
|
|
54901
|
-
company_id: candidate === null || candidate === void 0 ? void 0 : candidate.company_id,
|
|
54902
|
-
});
|
|
54941
|
+
scope.setTags(Object.assign({ company_id: candidate === null || candidate === void 0 ? void 0 : candidate.company_id, email: candidate.email }, (isIphone && { iphoneModel: getIPhoneModel() })));
|
|
54903
54942
|
});
|
|
54904
54943
|
}, [candidate, job === null || job === void 0 ? void 0 : job.language]);
|
|
54905
54944
|
const setBackgroundOpacity = () => {
|
|
@@ -55054,7 +55093,7 @@ const useAccessibility = () => {
|
|
|
55054
55093
|
};
|
|
55055
55094
|
|
|
55056
55095
|
const Widget = React.forwardRef(({ candidate, job, video, config, disabled = false, buttonText = 'START INTERVIEW', buttonStyle = {}, children, styleUrls = [], fontsUrls = [], }, clientRef) => {
|
|
55057
|
-
const widget_version = "1.1.
|
|
55096
|
+
const widget_version = "1.1.45";
|
|
55058
55097
|
const [isWidgetOpen, setIsWidgetOpen] = React.useState(false);
|
|
55059
55098
|
const [isWidgetMinimized, setIsWidgetMinimized] = React.useState(false);
|
|
55060
55099
|
const [isIncognitoMode, setIsIncognitoMode] = React.useState(false);
|
|
@@ -55088,14 +55127,6 @@ const Widget = React.forwardRef(({ candidate, job, video, config, disabled = fal
|
|
|
55088
55127
|
"@import url(",
|
|
55089
55128
|
styleUrl,
|
|
55090
55129
|
")"))), [styleUrls]);
|
|
55091
|
-
React.useEffect(() => {
|
|
55092
|
-
SentryHub.configureScope((scope) => {
|
|
55093
|
-
scope.setUser({
|
|
55094
|
-
email: candidate.email,
|
|
55095
|
-
});
|
|
55096
|
-
scope.setTags(Object.assign({}, (isIphone && { iphoneModel: getIPhoneModel() })));
|
|
55097
|
-
});
|
|
55098
|
-
}, [candidate.email]);
|
|
55099
55130
|
React.useEffect(() => {
|
|
55100
55131
|
if (config.env) {
|
|
55101
55132
|
updateVideoAxiosBaseURL(config$1(config.env).serverUrl);
|
|
@@ -55135,7 +55166,7 @@ const Widget = React.forwardRef(({ candidate, job, video, config, disabled = fal
|
|
|
55135
55166
|
const openWidget = () => {
|
|
55136
55167
|
var _a;
|
|
55137
55168
|
(_a = config.onWidgetClicked) === null || _a === void 0 ? void 0 : _a.call(config);
|
|
55138
|
-
if (!
|
|
55169
|
+
if (!config.auth)
|
|
55139
55170
|
return;
|
|
55140
55171
|
setLayoutStyleProperties();
|
|
55141
55172
|
document.body.style.maxHeight = '100vh';
|