magneto365.ui 2.75.1-job-details.11 → 2.75.1-job-details.12

package/dist/esm/components/UI/template/SortBar/SortBar.component.js

@@ -1,3 +1,4 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React, { useState, Fragment, useCallback, useMemo } from 'react';
 import Setting4 from '../../../../assets/Setting4.svg.js';
 import '../../../../constants/stories/DatePicker.constants.js';
@@ -12,6 +13,7 @@ import { useMediaQuery } from '../../../hooks/useMediaQuery/index.js';
 import '../../molecules/Actions/Actions.component.js';
 import { IconItem } from '../../atoms/Icon/Icon.component.js';
 import '../../atoms/BarChart/enums.js';
+import '../../../../utils/classNameManager/classNameManager.util.js';
 import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
@@ -31,10 +33,11 @@ import '../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableI
 import '../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js';
 import '../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js';
 import '../../molecules/ExpandableInfo/ExpandableInfo.interface.js';
-import '../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js';
+import '../../../hoc/megaMenu/withSideCardsDrawer.mobile.js';
 import '../../molecules/SharePopover/SharePopover.js';
 import Tooltip from '../../molecules/Tooltip/Tooltip.component.js';
 import { MenuIcon } from '../../molecules/MenuIcon/MenuIcon.component.js';
+import '../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js';
 import '../MegaMenu/MegaMenu.context.js';
 import '../../molecules/Modal/Modal.component.js';
 import '../../molecules/SimilarCard/SimilarCard.component.js';
@@ -50,41 +53,42 @@ import '../../molecules/JobDetails/JobDetails.component.js';
 import MobileSortMenu from '../../organism/MobileSortMenu/MobileSortMenu.component.js';
 import styles from './SortBar.module.scss.js';
 
-const SortBar = ({ textSortButton, mainTitle, filterSummary, textOrderFilter, orderFields, orderByText, loading, titleBtnOrder = '', setIsFiltersOpen, orderFilter, setFilter, emptyVacant, infoMessageQuotas, widthInfoMessage, horizontal = false }) => {
-    const [showMenu, setShowMenu] = useState(false);
-    const [rotateOrderIcon, setRotateOrderIcon] = useState(false);
-    const tooltip = useMediaQuery(React.createElement(Tooltip, { title: infoMessageQuotas || '', position: "bottom", width: widthInfoMessage },
-        React.createElement("div", { className: `${styles['magneto-ui-tooltip-quotas']}` },
+var SortBar = function (_a) {
+    var textSortButton = _a.textSortButton, mainTitle = _a.mainTitle, filterSummary = _a.filterSummary, textOrderFilter = _a.textOrderFilter, orderFields = _a.orderFields, orderByText = _a.orderByText, loading = _a.loading, _b = _a.titleBtnOrder, titleBtnOrder = _b === void 0 ? '' : _b, setIsFiltersOpen = _a.setIsFiltersOpen, orderFilter = _a.orderFilter, setFilter = _a.setFilter, emptyVacant = _a.emptyVacant, infoMessageQuotas = _a.infoMessageQuotas, widthInfoMessage = _a.widthInfoMessage, _c = _a.horizontal, horizontal = _c === void 0 ? false : _c;
+    var _d = useState(false), showMenu = _d[0], setShowMenu = _d[1];
+    var _e = useState(false), rotateOrderIcon = _e[0], setRotateOrderIcon = _e[1];
+    var tooltip = useMediaQuery(React.createElement(Tooltip, { title: infoMessageQuotas || '', position: "bottom", width: widthInfoMessage },
+        React.createElement("div", { className: "".concat(styles['magneto-ui-tooltip-quotas']) },
             React.createElement("span", null, "?"))), { sm: React.createElement(Fragment, null) });
-    const sortMenu = useMediaQuery(React.createElement(SortMenu, { orderFields: orderFields, textOrderFilter: textOrderFilter, setFilter: setFilter, loading: loading }), {
-        md: (React.createElement("button", { className: styles['magneto-ui-btn-menu'], title: textOrderFilter, onClick: () => setShowMenu(true) },
+    var sortMenu = useMediaQuery(React.createElement(SortMenu, { orderFields: orderFields, textOrderFilter: textOrderFilter, setFilter: setFilter, loading: loading }), {
+        md: (React.createElement("button", { className: styles['magneto-ui-btn-menu'], title: textOrderFilter, onClick: function () { return setShowMenu(true); } },
             React.createElement("p", { className: styles['magneto-ui-btn-text'] }, textOrderFilter),
-            React.createElement(IconItem, { ...menuSortButton })))
+            React.createElement(IconItem, __assign({}, menuSortButton))))
     });
-    const mainTitleByMediaQuery = useMediaQuery(React.createElement("h1", { className: styles['magneto-ui-main-title'] }, mainTitle), {
+    var mainTitleByMediaQuery = useMediaQuery(React.createElement("h1", { className: styles['magneto-ui-main-title'] }, mainTitle), {
         md: React.createElement(Fragment, null)
     });
-    const handleOrder = useCallback(() => {
+    var handleOrder = useCallback(function () {
         orderFilter();
         setRotateOrderIcon(!rotateOrderIcon);
     }, [rotateOrderIcon, orderFilter]);
-    const sortBarButtonAltRender = useMemo(() => {
+    var sortBarButtonAltRender = useMemo(function () {
         if (emptyVacant)
             return;
         return (React.createElement("div", { className: styles['magneto-ui-section-menu'] },
             sortMenu,
-            React.createElement("button", { className: `${styles['magneto-ui-btn-order']} ${styles.hidden}`, title: titleBtnOrder, onClick: handleOrder },
-                React.createElement(IconItem, { isRotate: rotateOrderIcon, ...iconFilterOrder }))));
+            React.createElement("button", { className: "".concat(styles['magneto-ui-btn-order'], " ").concat(styles.hidden), title: titleBtnOrder, onClick: handleOrder },
+                React.createElement(IconItem, __assign({ isRotate: rotateOrderIcon }, iconFilterOrder)))));
     }, [emptyVacant, sortMenu, titleBtnOrder, handleOrder, rotateOrderIcon]);
     return (React.createElement(Fragment, null,
         React.createElement("div", { className: styles['magneto-ui-sort-menu'] },
             React.createElement("div", { className: styles['magneto-ui-section-filter'] },
                 !horizontal && (React.createElement(MenuIcon, { type: "button", text: textSortButton, icon: Setting4, onClick: setIsFiltersOpen, size: 17, isActive: true })),
                 mainTitleByMediaQuery,
-                React.createElement("p", { className: `${styles['magneto-ui-btn-text']} ${horizontal ? '' : styles.hidden}` }, filterSummary),
+                React.createElement("p", { className: "".concat(styles['magneto-ui-btn-text'], " ").concat(horizontal ? '' : styles.hidden) }, filterSummary),
                 infoMessageQuotas && tooltip),
             sortBarButtonAltRender),
-        React.createElement(MobileSortMenu, { isOpen: showMenu, orderFields: orderFields, orderByText: orderByText, textOrderFilter: textOrderFilter, titleBtnOrder: titleBtnOrder, onClose: () => setShowMenu(!showMenu), setFilter: setFilter, orderFilter: orderFilter, setShowPopover: setShowMenu })));
+        React.createElement(MobileSortMenu, { isOpen: showMenu, orderFields: orderFields, orderByText: orderByText, textOrderFilter: textOrderFilter, titleBtnOrder: titleBtnOrder, onClose: function () { return setShowMenu(!showMenu); }, setFilter: setFilter, orderFilter: orderFilter, setShowPopover: setShowMenu })));
 };
 
 export { SortBar as default };

package/dist/esm/components/UI/template/SortBar/SortBar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortBar.component.js","sources":["../../../../../../src/components/UI/template/SortBar/SortBar.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAWM,OAAO,GAAuB,CAAC,EACnC,cAAc,EACd,SAAS,EACT,aAAa,EACb,eAAe,EACf,WAAW,EACX,WAAW,EACX,OAAO,EACP,aAAa,GAAG,EAAE,EAClB,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,GAAG,KAAK,EACnB;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,aAAa,CAC3B,oBAAC,OAAO,IAAC,KAAK,EAAE,iBAAiB,IAAI,EAAE,EAAE,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB;QAChF,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,2BAA2B,CAAC,EAAE;YACtD,sCAAc,CACV,CACE,EACV,EAAE,EAAE,EAAE,oBAAC,QAAQ,OAAG,EAAE,CACrB,CAAA;IAED,MAAM,QAAQ,GAAG,aAAa,CAC5B,oBAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,EAEhH;QACE,EAAE,GACA,gCAAQ,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC,IAAI,CAAC;YACxG,2BAAG,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAG,eAAe,CAAK;YAClE,oBAAC,QAAQ,OAAK,cAAc,GAAI,CACzB,CACV;KACF,CACF,CAAA;IAED,MAAM,qBAAqB,GAAG,aAAa,CAAC,4BAAI,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,SAAS,CAAM,EAAE;QAC5G,EAAE,EAAE,oBAAC,QAAQ,OAAG;KACjB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,WAAW,EAAE,CAAA;QACb,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAA;KACrC,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAA;IAElC,MAAM,sBAAsB,GAAG,OAAO,CAAC;QACrC,IAAI,WAAW;YAAE,OAAM;QAEvB,QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC;YAC9C,QAAQ;YACT,gCACE,SAAS,EAAE,GAAG,MAAM,CAAC,sBAAsB,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,EAC/D,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,WAAW;gBAEpB,oBAAC,QAAQ,IAAC,QAAQ,EAAE,eAAe,KAAM,eAAe,GAAI,CACrD,CACL,EACP;KACF,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC,CAAA;IAExE,QACE,oBAAC,QAAQ;QACP,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC5C,6BAAK,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC;gBAChD,CAAC,UAAU,KACV,oBAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,cAAc,EACpB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,gBAA8B,EACvC,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,IAAI,GACd,CACH;gBACA,qBAAqB;gBACtB,2BAAG,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,UAAU,GAAG,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,IAAG,aAAa,CAAK;gBACvG,iBAAiB,IAAI,OAAO,CACzB;YACL,sBAAsB,CACnB;QACN,oBAAC,cAAc,IACb,MAAM,EAAE,QAAQ,EAChB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,MAAM,WAAW,CAAC,CAAC,QAAQ,CAAC,EACrC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,WAAW,GAC3B,CACO,EACZ;AACH;;;;"}
+{"version":3,"file":"SortBar.component.js","sources":["../../../../../../src/components/UI/template/SortBar/SortBar.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/UI/template/TestsFormHandler/TestsFormHandler.component.js

@@ -3,6 +3,9 @@ import styles from './TestsFormHandler.module.scss.js';
 import { IconItem } from '../../atoms/Icon/Icon.component.js';
 import DocumentText from '../../../../assets/DocumentText.svg.js';
 import '../../atoms/BarChart/enums.js';
+import '../../../../utils/classNameManager/classNameManager.util.js';
+import { Button } from '../../atoms/Button/Button.component.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
 import '../../../../constants/stories/megaMenu.constants.js';
@@ -10,8 +13,6 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
-import { Button } from '../../atoms/Button/Button.component.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import '../../atoms/Paragraph/Paragraph.component.js';
@@ -24,22 +25,24 @@ import '../../../hooks/useMediaQuery/index.js';
 import { FormHandlerProvider, useFormHandler } from './TestsFormHandler.context.js';
 import { validateCurrentStepAnswers } from '../../../../utils/validateAnswers/validateStepAnswers.js';
 
-const TestFormHandler = ({ multiStep = false, className, onSubmit, isDisabled = false, children, totalSteps = 1, currentStep, onStepChange, customButtonText }) => {
+var TestFormHandler = function (_a) {
+    var _b = _a.multiStep, multiStep = _b === void 0 ? false : _b, className = _a.className, onSubmit = _a.onSubmit, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, children = _a.children, _d = _a.totalSteps, totalSteps = _d === void 0 ? 1 : _d, currentStep = _a.currentStep, onStepChange = _a.onStepChange, customButtonText = _a.customButtonText;
     return (React.createElement(FormHandlerProvider, null,
         React.createElement(FormHandlerInner, { multiStep: multiStep, className: className, onSubmit: onSubmit, isDisabled: isDisabled, totalSteps: totalSteps, currentStep: currentStep, onStepChange: onStepChange, customButtonText: customButtonText }, children)));
 };
-const FormHandlerInner = ({ multiStep = false, className, onSubmit, isDisabled = false, children, totalSteps = 1, currentStep, onStepChange, customButtonText }) => {
-    const { answers, currentStepQuestions, setSubmitted } = useFormHandler();
-    const { previous, next, finish } = customButtonText;
-    const [internalStep, setInternalStep] = useState(0);
-    const step = currentStep !== undefined ? currentStep : internalStep;
-    const handleSubmit = (e) => {
+var FormHandlerInner = function (_a) {
+    var _b = _a.multiStep, multiStep = _b === void 0 ? false : _b, className = _a.className, onSubmit = _a.onSubmit, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, children = _a.children, _d = _a.totalSteps, totalSteps = _d === void 0 ? 1 : _d, currentStep = _a.currentStep, onStepChange = _a.onStepChange, customButtonText = _a.customButtonText;
+    var _e = useFormHandler(), answers = _e.answers, currentStepQuestions = _e.currentStepQuestions, setSubmitted = _e.setSubmitted;
+    var previous = customButtonText.previous, next = customButtonText.next, finish = customButtonText.finish;
+    var _f = useState(0), internalStep = _f[0], setInternalStep = _f[1];
+    var step = currentStep !== undefined ? currentStep : internalStep;
+    var handleSubmit = function (e) {
         e.preventDefault();
         setSubmitted(true);
         onSubmit(answers);
     };
-    const handleNextStep = () => {
-        const allAnswered = validateCurrentStepAnswers(currentStepQuestions, answers);
+    var handleNextStep = function () {
+        var allAnswered = validateCurrentStepAnswers(currentStepQuestions, answers);
         if (!allAnswered) {
             setSubmitted(true);
             return;
@@ -52,7 +55,7 @@ const FormHandlerInner = ({ multiStep = false, className, onSubmit, isDisabled =
             setInternalStep(step + 1);
         }
     };
-    const handlePreviousStep = () => {
+    var handlePreviousStep = function () {
         setSubmitted(false);
         if (onStepChange) {
             onStepChange(step - 1);
@@ -61,17 +64,17 @@ const FormHandlerInner = ({ multiStep = false, className, onSubmit, isDisabled =
             setInternalStep(step - 1);
         }
     };
-    return (React.createElement("div", { className: `${className} ${styles['magneto-ui-form-container']}` },
+    return (React.createElement("div", { className: "".concat(className, " ").concat(styles['magneto-ui-form-container']) },
         React.createElement("form", { onSubmit: handleSubmit },
             React.createElement("div", { className: styles['magneto-ui-form-container-questions'] }, children),
             React.createElement("div", { className: styles['magneto-ui-form-container-controlpanel'] },
-                React.createElement("div", null, multiStep && step > 0 && (React.createElement(Button, { className: `${styles['magneto-ui-form-container-controlpanel__actionButton']} ${isDisabled ? styles['magneto-ui-form-container-controlpanel__actionButton--disabled'] : ''}`, buttonText: previous, onClick: handlePreviousStep, disabled: isDisabled }))),
+                React.createElement("div", null, multiStep && step > 0 && (React.createElement(Button, { className: "".concat(styles['magneto-ui-form-container-controlpanel__actionButton'], " ").concat(isDisabled ? styles['magneto-ui-form-container-controlpanel__actionButton--disabled'] : ''), buttonText: previous, onClick: handlePreviousStep, disabled: isDisabled }))),
                 React.createElement("div", null, multiStep && (React.createElement("div", { className: styles['magneto-ui-form-container-controlpanel__steps'] },
                     React.createElement(IconItem, { icon: DocumentText, size: 25 }),
-                    React.createElement("p", null, `${step + 1} / ${totalSteps}`)))),
+                    React.createElement("p", null, "".concat(step + 1, " / ").concat(totalSteps))))),
                 React.createElement("div", null,
                     multiStep && step < totalSteps - 1 && (React.createElement(Button, { className: styles['magneto-ui-form-container-controlpanel__actionButton'], buttonText: next, onClick: handleNextStep })),
-                    (!multiStep || step === totalSteps - 1) && (React.createElement(Button, { className: `${styles['magneto-ui-form-container-controlpanel__actionButton']} ${isDisabled ? styles['magneto-ui-form-container-controlpanel__actionButton--disabled'] : ''}`, type: "submit", buttonText: finish, disabled: isDisabled })))))));
+                    (!multiStep || step === totalSteps - 1) && (React.createElement(Button, { className: "".concat(styles['magneto-ui-form-container-controlpanel__actionButton'], " ").concat(isDisabled ? styles['magneto-ui-form-container-controlpanel__actionButton--disabled'] : ''), type: "submit", buttonText: finish, disabled: isDisabled })))))));
 };
 
 export { TestFormHandler as default };

package/dist/esm/components/UI/template/TestsFormHandler/TestsFormHandler.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestsFormHandler.component.js","sources":["../../../../../../src/components/UI/template/TestsFormHandler/TestsFormHandler.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"TestsFormHandler.component.js","sources":["../../../../../../src/components/UI/template/TestsFormHandler/TestsFormHandler.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/UI/template/TestsFormHandler/TestsFormHandler.context.js

@@ -1,41 +1,43 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React, { createContext, useState, useCallback, useContext } from 'react';
 
-const FormHandlerContext = createContext(undefined);
-const FormHandlerProvider = ({ children }) => {
-    const [answers, setAnswers] = useState({});
-    const [submitted, setSubmitted] = useState(false);
-    const [currentStepQuestions, setCurrentStepQuestions] = useState({});
-    const handleChange = useCallback((questionId, value) => {
-        setAnswers((prev) => ({
-            ...prev,
-            [questionId]: value
-        }));
+var FormHandlerContext = createContext(undefined);
+var FormHandlerProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState({}), answers = _b[0], setAnswers = _b[1];
+    var _c = useState(false), submitted = _c[0], setSubmitted = _c[1];
+    var _d = useState({}), currentStepQuestions = _d[0], setCurrentStepQuestions = _d[1];
+    var handleChange = useCallback(function (questionId, value) {
+        setAnswers(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[questionId] = value, _a)));
+        });
     }, []);
-    const registerQuestion = useCallback((questionId, questionType) => {
-        setCurrentStepQuestions((prev) => ({
-            ...prev,
-            [questionId]: questionType
-        }));
+    var registerQuestion = useCallback(function (questionId, questionType) {
+        setCurrentStepQuestions(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[questionId] = questionType, _a)));
+        });
     }, []);
-    const unregisterQuestion = useCallback((questionId) => {
-        setCurrentStepQuestions((prev) => {
-            const newQuestions = { ...prev };
+    var unregisterQuestion = useCallback(function (questionId) {
+        setCurrentStepQuestions(function (prev) {
+            var newQuestions = __assign({}, prev);
             delete newQuestions[questionId];
             return newQuestions;
         });
     }, []);
     return (React.createElement(FormHandlerContext.Provider, { value: {
-            answers,
-            submitted,
-            currentStepQuestions,
-            setSubmitted,
-            handleChange,
-            registerQuestion,
-            unregisterQuestion
+            answers: answers,
+            submitted: submitted,
+            currentStepQuestions: currentStepQuestions,
+            setSubmitted: setSubmitted,
+            handleChange: handleChange,
+            registerQuestion: registerQuestion,
+            unregisterQuestion: unregisterQuestion
         } }, children));
 };
-const useFormHandler = () => {
-    const context = useContext(FormHandlerContext);
+var useFormHandler = function () {
+    var context = useContext(FormHandlerContext);
     if (context === undefined) {
         throw new Error('useFormHandler must be used within a FormHandler');
     }

package/dist/esm/components/UI/template/TestsFormHandler/TestsFormHandler.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestsFormHandler.context.js","sources":["../../../../../../src/components/UI/template/TestsFormHandler/TestsFormHandler.context.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAIA,MAAM,kBAAkB,GAAG,aAAa,CAAkC,SAAS,CAAC,CAAA;MAEvE,mBAAmB,GAAsC,CAAC,EAAE,QAAQ,EAAE;IACjF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgC,EAAE,CAAC,CAAA;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAC9D,EAAE,CACH,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,UAAkB,EAAE,KAAiB;QACrE,UAAU,CAAC,CAAC,IAAI,MAAM;YACpB,GAAG,IAAI;YACP,CAAC,UAAU,GAAG,KAAK;SACpB,CAAC,CAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,UAAkB,EAAE,YAA4C;QACpG,uBAAuB,CAAC,CAAC,IAAI,MAAM;YACjC,GAAG,IAAI;YACP,CAAC,UAAU,GAAG,YAAY;SAC3B,CAAC,CAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,UAAkB;QACxD,uBAAuB,CAAC,CAAC,IAAI;YAC3B,MAAM,YAAY,GAAG,EAAE,GAAG,IAAI,EAAE,CAAA;YAChC,OAAO,YAAY,CAAC,UAAU,CAAC,CAAA;YAC/B,OAAO,YAAY,CAAA;SACpB,CAAC,CAAA;KACH,EAAE,EAAE,CAAC,CAAA;IACN,QACE,oBAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,OAAO;YACP,SAAS;YACT,oBAAoB;YACpB,YAAY;YACZ,YAAY;YACZ,gBAAgB;YAChB,kBAAkB;SACnB,IAEA,QAAQ,CACmB,EAC/B;AACH,EAAC;MAEY,cAAc,GAAG;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAC9C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAA;KACpE;IACD,OAAO,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"TestsFormHandler.context.js","sources":["../../../../../../src/components/UI/template/TestsFormHandler/TestsFormHandler.context.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA,IAAM,kBAAkB,GAAG,aAAa,CAAkC,SAAS,CAAC,CAAA;IAEvE,mBAAmB,GAAsC,UAAC,EAAY;QAAV,QAAQ,cAAA;IACzE,IAAA,KAAwB,QAAQ,CAAgC,EAAE,CAAC,EAAlE,OAAO,QAAA,EAAE,UAAU,QAA+C,CAAA;IACnE,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAC3C,IAAA,KAAkD,QAAQ,CAC9D,EAAE,CACH,EAFM,oBAAoB,QAAA,EAAE,uBAAuB,QAEnD,CAAA;IAED,IAAM,YAAY,GAAG,WAAW,CAAC,UAAC,UAAkB,EAAE,KAAiB;QACrE,UAAU,CAAC,UAAC,IAAI;;YAAK,8BAChB,IAAI,gBACN,UAAU,IAAG,KAAK;SACnB,CAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,gBAAgB,GAAG,WAAW,CAAC,UAAC,UAAkB,EAAE,YAA4C;QACpG,uBAAuB,CAAC,UAAC,IAAI;;YAAK,8BAC7B,IAAI,gBACN,UAAU,IAAG,YAAY;SAC1B,CAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,kBAAkB,GAAG,WAAW,CAAC,UAAC,UAAkB;QACxD,uBAAuB,CAAC,UAAC,IAAI;YAC3B,IAAM,YAAY,gBAAQ,IAAI,CAAE,CAAA;YAChC,OAAO,YAAY,CAAC,UAAU,CAAC,CAAA;YAC/B,OAAO,YAAY,CAAA;SACpB,CAAC,CAAA;KACH,EAAE,EAAE,CAAC,CAAA;IACN,QACE,oBAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,OAAO,SAAA;YACP,SAAS,WAAA;YACT,oBAAoB,sBAAA;YACpB,YAAY,cAAA;YACZ,YAAY,cAAA;YACZ,gBAAgB,kBAAA;YAChB,kBAAkB,oBAAA;SACnB,IAEA,QAAQ,CACmB,EAC/B;AACH,EAAC;IAEY,cAAc,GAAG;IAC5B,IAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAC9C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAA;KACpE;IACD,OAAO,OAAO,CAAA;AAChB;;;;"}

package/dist/esm/components/UI/template/TestsFormHandler/children/GlobalQuestion/GlobalQuestion.component.js

@@ -1,6 +1,10 @@
+import { __spreadArray } from '../../../../../../node_modules/tslib/tslib.es6.js';
 import React, { useEffect } from 'react';
 import styles from './GlobalQuestion.module.scss.js';
 import '../../../../atoms/BarChart/enums.js';
+import '../../../../../../utils/classNameManager/classNameManager.util.js';
+import { Checkbox } from '../../../../atoms/Checkbox/Checkbox.component.js';
+import '../../../../atoms/Collapse/Collapse.component.js';
 import '../../../../../../constants/stories/DatePicker.constants.js';
 import '../../../../../../constants/stories/jobVideo.constants.js';
 import '../../../../../../constants/stories/megaMenu.constants.js';
@@ -8,8 +12,6 @@ import '../../../../../../constants/stories/sideFilter.constants.js';
 import '../../../../../../constants/stories/vacancies.constants.js';
 import '../../../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../../../constants/img.constants.js';
-import { Checkbox } from '../../../../atoms/Checkbox/Checkbox.component.js';
-import '../../../../atoms/Collapse/Collapse.component.js';
 import '../../../../../../utils/date/dateInput.util.js';
 import '../../../../atoms/InputFile/InputFile.component.js';
 import '../../../../atoms/Paragraph/Paragraph.component.js';
@@ -23,17 +25,18 @@ import { useFormHandler } from '../../TestsFormHandler.context.js';
 import { isMissingValidator } from '../../../../../../utils/validateAnswers/validateStepAnswers.js';
 import GlobalQuestionError from '../GlobalQuestionError/GlobalQuestionError.component.js';
 
-const GlobalQuestion = ({ question, errorText, idx }) => {
-    var _a, _b;
-    const { answers, submitted, handleChange, registerQuestion, unregisterQuestion } = useFormHandler();
-    const answer = answers[question.id];
-    const required = submitted && isMissingValidator(answer, question);
-    const onChange = (value) => {
+var GlobalQuestion = function (_a) {
+    var _b, _c;
+    var question = _a.question, errorText = _a.errorText, idx = _a.idx;
+    var _d = useFormHandler(), answers = _d.answers, submitted = _d.submitted, handleChange = _d.handleChange, registerQuestion = _d.registerQuestion, unregisterQuestion = _d.unregisterQuestion;
+    var answer = answers[question.id];
+    var required = submitted && isMissingValidator(answer, question);
+    var onChange = function (value) {
         handleChange(question.id, value);
     };
-    useEffect(() => {
+    useEffect(function () {
         registerQuestion(question.id, question.type);
-        return () => {
+        return function () {
             unregisterQuestion(question.id);
         };
     }, [question.id, question.type, registerQuestion, unregisterQuestion]);
@@ -46,20 +49,20 @@ const GlobalQuestion = ({ question, errorText, idx }) => {
             required && React.createElement("span", { className: styles['formHandler__question-required'] }, '*')),
         React.createElement("div", { className: styles['formHandler__options'] },
             question.type === 'single' &&
-                ((_a = question.options) === null || _a === void 0 ? void 0 : _a.map((opt) => (React.createElement(Radio, { key: opt.id, id: `${question.id}-${opt.id}`, checked: typeof answer === 'object' && !Array.isArray(answer) && (answer === null || answer === void 0 ? void 0 : answer.id) === opt.id, onChange: () => onChange(opt), type: "radio" }, opt.label)))),
+                ((_b = question.options) === null || _b === void 0 ? void 0 : _b.map(function (opt) { return (React.createElement(Radio, { key: opt.id, id: "".concat(question.id, "-").concat(opt.id), checked: typeof answer === 'object' && !Array.isArray(answer) && (answer === null || answer === void 0 ? void 0 : answer.id) === opt.id, onChange: function () { return onChange(opt); }, type: "radio" }, opt.label)); })),
             question.type === 'multiple' &&
-                ((_b = question.options) === null || _b === void 0 ? void 0 : _b.map((opt) => (React.createElement(Checkbox, { key: opt.id, id: `${question.id}-${opt.id}`, checked: Array.isArray(answer) && answer.some((item) => item.id === opt.id), onChange: (checked) => {
-                        let newValue = Array.isArray(answer) ? [...answer] : [];
+                ((_c = question.options) === null || _c === void 0 ? void 0 : _c.map(function (opt) { return (React.createElement(Checkbox, { key: opt.id, id: "".concat(question.id, "-").concat(opt.id), checked: Array.isArray(answer) && answer.some(function (item) { return item.id === opt.id; }), onChange: function (checked) {
+                        var newValue = Array.isArray(answer) ? __spreadArray([], answer, true) : [];
                         if (checked) {
-                            if (!newValue.some((item) => item.id === opt.id)) {
+                            if (!newValue.some(function (item) { return item.id === opt.id; })) {
                                 newValue.push(opt);
                             }
                         }
                         else {
-                            newValue = newValue.filter((item) => item.id !== opt.id);
+                            newValue = newValue.filter(function (item) { return item.id !== opt.id; });
                         }
                         onChange(newValue);
-                    } }, opt.label))))),
+                    } }, opt.label)); }))),
         required && React.createElement(GlobalQuestionError, { errorText: errorText })));
 };
 

package/dist/esm/components/UI/template/TestsFormHandler/children/GlobalQuestion/GlobalQuestion.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalQuestion.component.js","sources":["../../../../../../../../src/components/UI/template/TestsFormHandler/children/GlobalQuestion/GlobalQuestion.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"GlobalQuestion.component.js","sources":["../../../../../../../../src/components/UI/template/TestsFormHandler/children/GlobalQuestion/GlobalQuestion.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/UI/template/TestsFormHandler/children/GlobalQuestionError/GlobalQuestionError.component.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { IconItem } from '../../../../atoms/Icon/Icon.component.js';
 import InfoRed from '../../../../../../assets/info-circle-red.svg.js';
 import '../../../../atoms/BarChart/enums.js';
+import '../../../../../../utils/classNameManager/classNameManager.util.js';
+import '../../../../atoms/Collapse/Collapse.component.js';
 import '../../../../../../constants/stories/DatePicker.constants.js';
 import '../../../../../../constants/stories/jobVideo.constants.js';
 import '../../../../../../constants/stories/megaMenu.constants.js';
@@ -9,7 +11,6 @@ import '../../../../../../constants/stories/sideFilter.constants.js';
 import '../../../../../../constants/stories/vacancies.constants.js';
 import '../../../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../../../constants/img.constants.js';
-import '../../../../atoms/Collapse/Collapse.component.js';
 import '../../../../../../utils/date/dateInput.util.js';
 import '../../../../atoms/InputFile/InputFile.component.js';
 import '../../../../atoms/Paragraph/Paragraph.component.js';
@@ -21,7 +22,8 @@ import '../../../../atoms/Typography/Typography.interface.js';
 import '../../../../../hooks/useMediaQuery/index.js';
 import styles from './GlobalQuestionError.module.scss.js';
 
-const GlobalQuestionError = ({ errorText }) => {
+var GlobalQuestionError = function (_a) {
+    var errorText = _a.errorText;
     return (React.createElement("div", { className: styles['question__error'] },
         React.createElement(IconItem, { icon: InfoRed, size: 18 }),
         React.createElement("div", { className: styles['question__error-text'] }, errorText)));

package/dist/esm/components/UI/template/TestsFormHandler/children/GlobalQuestionError/GlobalQuestionError.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalQuestionError.component.js","sources":["../../../../../../../../src/components/UI/template/TestsFormHandler/children/GlobalQuestionError/GlobalQuestionError.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAMM,mBAAmB,GAAwC,CAAC,EAAE,SAAS,EAAE;IAC7E,QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvC,oBAAC,QAAQ,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,GAAI;QACrC,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS,CAAO,CAC7D,EACP;AACH;;;;"}
+{"version":3,"file":"GlobalQuestionError.component.js","sources":["../../../../../../../../src/components/UI/template/TestsFormHandler/children/GlobalQuestionError/GlobalQuestionError.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAMM,mBAAmB,GAAwC,UAAC,EAAa;QAAX,SAAS,eAAA;IAC3E,QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvC,oBAAC,QAAQ,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,GAAI;QACrC,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS,CAAO,CAC7D,EACP;AACH;;;;"}

package/dist/esm/components/UI/template/VacantPositionsTemplate/VacantPositions.component.js

@@ -1,3 +1,4 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import '../../organism/AlertsPanel/AlertsPanel.component.js';
 import AlphabetFilter from '../../organism/AlphabetFilter/AlphabetFilter.component.js';
@@ -7,6 +8,9 @@ import '../../molecules/Actions/Actions.component.js';
 import ArrowLeft2 from '../../../../assets/ArrowLeft2.svg.js';
 import ArrowRightWhite from '../../../../assets/ArrowRightWhite.svg.js';
 import '../../atoms/BarChart/enums.js';
+import '../../../../utils/classNameManager/classNameManager.util.js';
+import { ButtonLink } from '../../atoms/ButtonLink/ButtonLink.component.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
 import '../../../../constants/stories/megaMenu.constants.js';
@@ -14,8 +18,6 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
-import { ButtonLink } from '../../atoms/ButtonLink/ButtonLink.component.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import '../../atoms/Paragraph/Paragraph.component.js';
@@ -34,8 +36,9 @@ import '../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableI
 import '../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js';
 import '../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js';
 import '../../molecules/ExpandableInfo/ExpandableInfo.interface.js';
-import '../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js';
+import '../../../hoc/megaMenu/withSideCardsDrawer.mobile.js';
 import '../../molecules/SharePopover/SharePopover.js';
+import '../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js';
 import '../MegaMenu/MegaMenu.context.js';
 import '../../molecules/Modal/Modal.component.js';
 import '../../molecules/SimilarCard/SimilarCard.component.js';
@@ -49,6 +52,7 @@ import '../../molecules/UserMenuAnalyst/children/UserMenuAnalystOptions/children
 import '../../molecules/JobDetails/JobDetails.component.js';
 import '../../../Domain/Jobs/SimilarJobs/index.js';
 import '../../organism/JobSuggestedDrawer/JobSuggestedDrawer.component.js';
+import '../../organism/JobSuggestedDrawer/children/JobSuggestedSimilarJobs/JobSuggestedSimilarJobs.component.js';
 import '../../organism/Swipe/Swipe.interface.js';
 import '../../organism/ModalAnalyst/children/ModalAnalystFooter/ModalAnalystFooter.constants.js';
 import '../../organism/ModalAnalyst/children/ModalAnalystFooter/ModalAnalystFooter.interface.js';
@@ -59,19 +63,20 @@ import '../../organism/UserTerms/UserTerms.component.js';
 import '../../organism/Carousel/Carousel.component.js';
 import style from './VacantPositions.module.scss.js';
 
-const Muiclass = 'magneto-ui';
-const VacantPositions = ({ title, subtitle, banner, filterProps, backButtonProps, viewMoreProps, children }) => {
-    return (React.createElement("section", { className: style[`${Muiclass}-vacant-positions-layout`] },
-        React.createElement("div", { className: style[`${Muiclass}-vacant-positions-layout-top-container`] },
+var Muiclass = 'magneto-ui';
+var VacantPositions = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, banner = _a.banner, filterProps = _a.filterProps, backButtonProps = _a.backButtonProps, viewMoreProps = _a.viewMoreProps, children = _a.children;
+    return (React.createElement("section", { className: style["".concat(Muiclass, "-vacant-positions-layout")] },
+        React.createElement("div", { className: style["".concat(Muiclass, "-vacant-positions-layout-top-container")] },
             banner && banner,
-            filterProps && React.createElement(AlphabetFilter, { ...filterProps }),
-            backButtonProps && (React.createElement(ButtonLink, { suffixIcon: ArrowLeft2, className: style[`${Muiclass}-vacant-positions-layout-top-container__back-button`], iconSize: 16, ...backButtonProps })),
-            (title || subtitle) && (React.createElement("div", { className: style[`${Muiclass}-vacant-positions-layout-top-container--description`] },
+            filterProps && React.createElement(AlphabetFilter, __assign({}, filterProps)),
+            backButtonProps && (React.createElement(ButtonLink, __assign({ suffixIcon: ArrowLeft2, className: style["".concat(Muiclass, "-vacant-positions-layout-top-container__back-button")], iconSize: 16 }, backButtonProps))),
+            (title || subtitle) && (React.createElement("div", { className: style["".concat(Muiclass, "-vacant-positions-layout-top-container--description")] },
                 title && React.createElement("h2", null, title),
                 subtitle && React.createElement("h3", null, subtitle)))),
         children,
-        viewMoreProps && (React.createElement("div", { className: style[`${Muiclass}-vacant-positions-layout-view-more-container`] },
-            React.createElement(ButtonLink, { className: style[`${Muiclass}-vacant-positions-layout-view-more-container__button`], prefixIcon: ArrowRightWhite, iconSize: 18, ...viewMoreProps })))));
+        viewMoreProps && (React.createElement("div", { className: style["".concat(Muiclass, "-vacant-positions-layout-view-more-container")] },
+            React.createElement(ButtonLink, __assign({ className: style["".concat(Muiclass, "-vacant-positions-layout-view-more-container__button")], prefixIcon: ArrowRightWhite, iconSize: 18 }, viewMoreProps))))));
 };
 
 export { VacantPositions as default };

package/dist/esm/components/UI/template/VacantPositionsTemplate/VacantPositions.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"VacantPositions.component.js","sources":["../../../../../../src/components/UI/template/VacantPositionsTemplate/VacantPositions.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,QAAQ,GAAG,YAAY,CAAA;MAEvB,eAAe,GAA+B,CAAC,EACnD,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,eAAe,EACf,aAAa,EACb,QAAQ,EACT;IACC,QACE,iCAAS,SAAS,EAAE,KAAK,CAAC,GAAG,QAAQ,0BAA0B,CAAC;QAC9D,6BAAK,SAAS,EAAE,KAAK,CAAC,GAAG,QAAQ,wCAAwC,CAAC;YACvE,MAAM,IAAI,MAAM;YAChB,WAAW,IAAI,oBAAC,cAAc,OAAK,WAAW,GAAI;YAClD,eAAe,KACd,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAK,CAAC,GAAG,QAAQ,qDAAqD,CAAC,EAClF,QAAQ,EAAE,EAAE,KACR,eAAe,GACnB,CACH;YACA,CAAC,KAAK,IAAI,QAAQ,MACjB,6BAAK,SAAS,EAAE,KAAK,CAAC,GAAG,QAAQ,qDAAqD,CAAC;gBACpF,KAAK,IAAI,gCAAK,KAAK,CAAM;gBACzB,QAAQ,IAAI,gCAAK,QAAQ,CAAM,CAC5B,CACP,CACG;QACL,QAAQ;QACR,aAAa,KACZ,6BAAK,SAAS,EAAE,KAAK,CAAC,GAAG,QAAQ,8CAA8C,CAAC;YAC9E,oBAAC,UAAU,IACT,SAAS,EAAE,KAAK,CAAC,GAAG,QAAQ,sDAAsD,CAAC,EACnF,UAAU,EAAE,eAAe,EAC3B,QAAQ,EAAE,EAAE,KACR,aAAa,GACjB,CACE,CACP,CACO,EACX;AACH;;;;"}
+{"version":3,"file":"VacantPositions.component.js","sources":["../../../../../../src/components/UI/template/VacantPositionsTemplate/VacantPositions.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,QAAQ,GAAG,YAAY,CAAA;IAEvB,eAAe,GAA+B,UAAC,EAQpD;QAPC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,QAAQ,cAAA;IAER,QACE,iCAAS,SAAS,EAAE,KAAK,CAAC,UAAG,QAAQ,6BAA0B,CAAC;QAC9D,6BAAK,SAAS,EAAE,KAAK,CAAC,UAAG,QAAQ,2CAAwC,CAAC;YACvE,MAAM,IAAI,MAAM;YAChB,WAAW,IAAI,oBAAC,cAAc,eAAK,WAAW,EAAI;YAClD,eAAe,KACd,oBAAC,UAAU,aACT,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAK,CAAC,UAAG,QAAQ,wDAAqD,CAAC,EAClF,QAAQ,EAAE,EAAE,IACR,eAAe,EACnB,CACH;YACA,CAAC,KAAK,IAAI,QAAQ,MACjB,6BAAK,SAAS,EAAE,KAAK,CAAC,UAAG,QAAQ,wDAAqD,CAAC;gBACpF,KAAK,IAAI,gCAAK,KAAK,CAAM;gBACzB,QAAQ,IAAI,gCAAK,QAAQ,CAAM,CAC5B,CACP,CACG;QACL,QAAQ;QACR,aAAa,KACZ,6BAAK,SAAS,EAAE,KAAK,CAAC,UAAG,QAAQ,iDAA8C,CAAC;YAC9E,oBAAC,UAAU,aACT,SAAS,EAAE,KAAK,CAAC,UAAG,QAAQ,yDAAsD,CAAC,EACnF,UAAU,EAAE,eAAe,EAC3B,QAAQ,EAAE,EAAE,IACR,aAAa,EACjB,CACE,CACP,CACO,EACX;AACH;;;;"}

package/dist/esm/components/UI/template/loginJobsTemplate/LoginJobsTemplate.component.js

@@ -1,7 +1,10 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React, { useState } from 'react';
 import '../../organism/AlertsPanel/AlertsPanel.component.js';
 import '../../molecules/Actions/Actions.component.js';
 import '../../atoms/BarChart/enums.js';
+import '../../../../utils/classNameManager/classNameManager.util.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import { logoProps } from '../../../../constants/stories/common.constants.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
@@ -10,7 +13,6 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import { LogoComponent } from '../../atoms/Logo/Logo.component.js';
@@ -32,10 +34,11 @@ import '../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableI
 import '../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js';
 import '../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js';
 import '../../molecules/ExpandableInfo/ExpandableInfo.interface.js';
-import '../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js';
+import '../../../hoc/megaMenu/withSideCardsDrawer.mobile.js';
 import '../../molecules/SharePopover/SharePopover.js';
 import { ListIconLink } from '../../molecules/ListIconLink/ListIconLink.component.js';
 import { ListMenuItems } from '../../molecules/ListMenuItems/ListMenuItems.component.js';
+import '../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js';
 import '../MegaMenu/MegaMenu.context.js';
 import '../../molecules/Modal/Modal.component.js';
 import '../../molecules/SimilarCard/SimilarCard.component.js';
@@ -50,6 +53,7 @@ import '../../molecules/JobDetails/JobDetails.component.js';
 import '../../organism/ApplicationSummary/ApplicationSummary.component.js';
 import '../../../Domain/Jobs/SimilarJobs/index.js';
 import '../../organism/JobSuggestedDrawer/JobSuggestedDrawer.component.js';
+import '../../organism/JobSuggestedDrawer/children/JobSuggestedSimilarJobs/JobSuggestedSimilarJobs.component.js';
 import LoginJobsHeader from '../../organism/LoginJobsHeader/LoginJobsHeader.component.js';
 import '../../organism/Swipe/Swipe.interface.js';
 import '../../organism/ModalAnalyst/children/ModalAnalystFooter/ModalAnalystFooter.constants.js';
@@ -61,21 +65,22 @@ import '../../organism/UserTerms/UserTerms.component.js';
 import '../../organism/Carousel/Carousel.component.js';
 import style from './LoginJobsTemplate.module.scss.js';
 
-const Muiclass = 'magneto-ui';
-const LoginJobsTemplate = ({ LoginJobsHeaderProps, homeUrl, listMenuProps, ListIcon }) => {
-    const { brandMenuProps: { companyLogo, companySlug, companyUrl } } = LoginJobsHeaderProps;
-    const [toggleDrawer, setToggleDrawer] = useState(false);
-    return (React.createElement("div", { className: style[`${Muiclass}-logout-jobs-template`] },
-        React.createElement(LoginJobsHeader, { ...LoginJobsHeaderProps, onMenuClick: () => setToggleDrawer(true) }),
-        React.createElement(Drawer, { isOpen: toggleDrawer, onClose: () => setToggleDrawer(false) },
-            React.createElement("div", { className: style[`${Muiclass}-logout-jobs-template--brands`] },
+var Muiclass = 'magneto-ui';
+var LoginJobsTemplate = function (_a) {
+    var LoginJobsHeaderProps = _a.LoginJobsHeaderProps, homeUrl = _a.homeUrl, listMenuProps = _a.listMenuProps, ListIcon = _a.ListIcon;
+    var _b = LoginJobsHeaderProps.brandMenuProps, companyLogo = _b.companyLogo, companySlug = _b.companySlug, companyUrl = _b.companyUrl;
+    var _c = useState(false), toggleDrawer = _c[0], setToggleDrawer = _c[1];
+    return (React.createElement("div", { className: style["".concat(Muiclass, "-logout-jobs-template")] },
+        React.createElement(LoginJobsHeader, __assign({}, LoginJobsHeaderProps, { onMenuClick: function () { return setToggleDrawer(true); } })),
+        React.createElement(Drawer, { isOpen: toggleDrawer, onClose: function () { return setToggleDrawer(false); } },
+            React.createElement("div", { className: style["".concat(Muiclass, "-logout-jobs-template--brands")] },
                 React.createElement("a", { href: homeUrl },
-                    React.createElement(LogoComponent, { ...logoProps, isoView: true })),
+                    React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
                 React.createElement("a", { href: companyUrl },
-                    React.createElement("img", { className: style[`${Muiclass}-logout-jobs-template--company-logo`], src: companyLogo, alt: companySlug ? companySlug : '' }))),
-            React.createElement("div", { className: style[`${Muiclass}-logout-jobs-template--jobs-menu`] },
-                React.createElement(ListMenuItems, { ...listMenuProps })),
-            React.createElement("div", { className: style[`${Muiclass}-logout-jobs-template--social-media`] }, ListIcon && React.createElement(ListIconLink, { size: 34, spacing: 20, listIcon: ListIcon })))));
+                    React.createElement("img", { className: style["".concat(Muiclass, "-logout-jobs-template--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
+            React.createElement("div", { className: style["".concat(Muiclass, "-logout-jobs-template--jobs-menu")] },
+                React.createElement(ListMenuItems, __assign({}, listMenuProps))),
+            React.createElement("div", { className: style["".concat(Muiclass, "-logout-jobs-template--social-media")] }, ListIcon && React.createElement(ListIconLink, { size: 34, spacing: 20, listIcon: ListIcon })))));
 };
 
 export { LoginJobsTemplate as default };