@myinterview/widget-react 1.1.55-development-08dc601 → 1.1.57-beta-7a63e4c

package/dist/cjs/index.js

@@ -35475,7 +35475,7 @@ const configGenerator = () => {
     let release;
     try {
         environment !== null && environment !== void 0 ? environment : (environment = "staging");
-        release !== null && release !== void 0 ? release : (release = "1.1.55");
+        release !== null && release !== void 0 ? release : (release = "1.1.57");
     }
     catch (_a) {
         console.error('sentry configGenerator error');
@@ -45764,26 +45764,36 @@ const AssessmentFreeText = ({ onAnswer, maxChars = DEFAULT_ASSESSMENT_MAX_CHARS,
             React__default["default"].createElement(CharactersLimit, { currentLength: answerInput.length, maxLength: maxChars }))));
 };
 
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 const AssessmentMultiSelect = ({ answerOptions, onAnswer }) => {
     const [selectedAnswersIds, setSelectedAnswersIds] = React.useState(answerOptions.map((answer) => (Object.assign(Object.assign({}, answer), { selected: false }))));
     const handleChange = (e) => {
         const { value, checked } = e.target;
         setSelectedAnswersIds((prev) => prev.map((answer) => (answer.id !== value ? answer : Object.assign(Object.assign({}, answer), { selected: checked }))));
     };
+    const handleChangeByKeyboard = (id) => {
+        setSelectedAnswersIds((prev) => prev.map((answer) => (answer.id !== id ? answer : Object.assign(Object.assign({}, answer), { selected: !answer.selected }))));
+    };
     React.useEffect(() => {
         onAnswer(selectedAnswersIds);
     }, [selectedAnswersIds]);
     return (React__default["default"].createElement("div", { className: "myinterview-widget-assessment__multi-select" },
-        React__default["default"].createElement("form", { className: "myinterview-widget-assessment__options-form", style: { display: 'flex', flexDirection: 'column' } }, selectedAnswersIds.map((answer) => (React__default["default"].createElement("label", { key: answer.id, className: "myinterview-widget-assessment__option myinterview-text--S" },
-            React__default["default"].createElement(nr, { inputAttributs: {
+        React__default["default"].createElement("form", { className: "myinterview-widget-assessment__options-form", style: { display: 'flex', flexDirection: 'column' } }, selectedAnswersIds.map((answer) => (React__default["default"].createElement("label", { key: answer.id, className: "myinterview-widget-assessment__option myinterview-text--S", tabIndex: 0, htmlFor: `multi-answer-${answer.id}`, onKeyDown: (e) => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    handleChangeByKeyboard(answer.id);
+                }
+            } },
+            React__default["default"].createElement(nr, { id: `multi-answer-${answer.id}`, inputAttributs: {
                     name: 'multi-answer',
                     value: answer.id,
                     checked: answer.selected,
+                    tabIndex: -1,
                     onChange: handleChange,
                 }, checked: answer.selected }),
             React__default["default"].createElement(Qe, { size: "S-Regular" }, answer.label)))))));
 };
 
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 const AssessmentSingleSelect = ({ answerOptions, onAnswer }) => {
     const [selectedAnswer, setSelectedAnswer] = React.useState(answerOptions.map((answer) => (Object.assign(Object.assign({}, answer), { selected: false }))));
     const handleChange = (e) => {
@@ -45791,9 +45801,21 @@ const AssessmentSingleSelect = ({ answerOptions, onAnswer }) => {
         setSelectedAnswer(_answers);
         onAnswer(_answers);
     };
+    const handleChangeByKeyboard = (e, id) => {
+        var _a;
+        const el = e.target;
+        if ('control' in el) {
+            // @ts-ignore
+            (_a = el.control) === null || _a === void 0 ? void 0 : _a.click();
+        }
+    };
     return (React__default["default"].createElement("div", { className: "myinterview-widget-assessment__single-select" },
-        React__default["default"].createElement("form", { className: "myinterview-widget-assessment__options-form", onChange: handleChange }, selectedAnswer.map((answer) => (React__default["default"].createElement("label", { key: answer.id, className: "myinterview-widget-assessment__option myinterview-text--S" },
-            React__default["default"].createElement("input", { type: "radio", name: "single-answer", value: answer.id, hidden: true }),
+        React__default["default"].createElement("form", { className: "myinterview-widget-assessment__options-form", onChange: handleChange }, selectedAnswer.map((answer) => (React__default["default"].createElement("label", { key: answer.id, className: "myinterview-widget-assessment__option myinterview-text--S", tabIndex: 0, htmlFor: `single-answer-${answer.id}`, onKeyDown: (e) => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    handleChangeByKeyboard(e, answer.id);
+                }
+            } },
+            React__default["default"].createElement("input", { type: "radio", name: "single-answer", value: answer.id, hidden: true, id: `single-answer-${answer.id}` }),
             React__default["default"].createElement("div", { className: `myinterview-widget-assessment__checkmark ${answer.selected ? 'myinterview-widget-assessment__checkmark--selected' : ''}` },
                 React__default["default"].createElement(Ae, null)),
             React__default["default"].createElement(Qe, { size: "S-Regular" }, answer.label)))))));
@@ -45838,9 +45860,8 @@ const AssessmentController = ({ currentQuestionObj, timer, currentQuestion, numb
             React__default["default"].createElement(CountDown, { countDown: timer, forceMobileCounter: true, numberOfSecondsToHighlight: SECONDS_LEFT_HIGHLIGHT }))),
         React__default["default"].createElement(Question, { questionObj: currentQuestionObj }),
         React__default["default"].createElement(AnswerInstructions, { currentQuestionObj: currentQuestionObj }),
-        React__default["default"].createElement("form", { onSubmit: (e) => { e.preventDefault(); onSubmit(false); } },
-            React__default["default"].createElement(AnswerComponent, Object.assign({ answerOptions: answerOptions, onAnswer: onAnswer }, (currentQuestionObj.answerType === ANSWER_TYPES.TEXT) && { maxChars: (_b = currentQuestionObj.config) === null || _b === void 0 ? void 0 : _b.maxChars, antiCheat: antiCheat || ((_c = currentQuestionObj.config) === null || _c === void 0 ? void 0 : _c.antiCheat) })),
-            React__default["default"].createElement(C, { type: "submit", disabled: !isValidAnswer, className: "myinterview-widget-assessment__submit-button" }, t('buttons.SUBMIT')))));
+        React__default["default"].createElement(AnswerComponent, Object.assign({ answerOptions: answerOptions, onAnswer: onAnswer }, (currentQuestionObj.answerType === ANSWER_TYPES.TEXT) && { maxChars: (_b = currentQuestionObj.config) === null || _b === void 0 ? void 0 : _b.maxChars, antiCheat: antiCheat || ((_c = currentQuestionObj.config) === null || _c === void 0 ? void 0 : _c.antiCheat) })),
+        React__default["default"].createElement(C, { disabled: !isValidAnswer, className: "myinterview-widget-assessment__submit-button", onClick: () => onSubmit(false), type: "button" }, t('buttons.SUBMIT'))));
 };
 
 const TimesUp = ({ onContinue }) => {
@@ -55425,7 +55446,7 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
             return e;
         };
         const handleEscape = (e) => {
-            if (e.key === 'Escape' && config.minimizable) {
+            if (e.key === 'Escape' && config.minimizable && !isInterviewState) {
                 onMinimize();
             }
         };
@@ -55598,6 +55619,7 @@ const useAccessibility = () => {
     React.useEffect(() => {
         if (sitekey) {
             const position = window.innerWidth <= 800 ? 'Right' : 'Left';
+            'interdeal' in window && delete window.interdeal;
             // @ts-ignore
             window.interdeal = {
                 sitekey,
@@ -55634,8 +55656,8 @@ const useAccessibility = () => {
             var _a;
             (_a = scriptEl.current) === null || _a === void 0 ? void 0 : _a.remove();
             scriptEl.current = null;
-            document.querySelectorAll('[id^="IND"]').forEach((el) => el.remove());
-            'interdeal' in window && delete window.interdeal;
+            // document.querySelectorAll('[id^="IND"]').forEach((el) => el.remove());
+            // 'interdeal' in window && delete window.interdeal;
         };
     }, [sitekey]);
     const shutdown = () => setSitekey('');
@@ -55650,7 +55672,7 @@ const FOCUSABLE_SELECTORS = Object.freeze([
     'a[href]', 'button:not([disabled]):not([tabindex="-1"])', 'textarea', 'input', 'select', '[tabindex]:not([tabindex="-1"])',
 ]);
 const Widget = React.forwardRef(({ candidate, job, video, config, disabled = false, buttonText = 'START INTERVIEW', buttonStyle = {}, children, styleUrls = [], fontsUrls = [], }, clientRef) => {
-    const widget_version = "1.1.55";
+    const widget_version = "1.1.57";
     const [isWidgetOpen, setIsWidgetOpen] = React.useState(false);
     const [isWidgetMinimized, setIsWidgetMinimized] = React.useState(false);
     const [isIncognitoMode, setIsIncognitoMode] = React.useState(false);