magneto365.ui 2.50.3 → 2.51.0

package/dist/esm/index.js

@@ -2328,7 +2328,7 @@ var iconByType = {
 };
 var transitionDuration = 300;
 
-var styles$1t = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_bk7n3","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_bk7n3","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_bk7n3","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_bk7n3","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_bk7n3","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_bk7n3","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_bk7n3","magneto-ui-message__text":"mg_message_magneto-ui-message_text_bk7n3","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_bk7n3","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_bk7n3"};
+var styles$1t = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
 
 var Component$1z = function (_a) {
     var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
@@ -4106,6 +4106,60 @@ var Component$1a = function (_a) {
  */
 var Breadcrumb = Component$1a;
 
+var styles$13 = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
+
+var Component$19 = function (_a) {
+    var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
+    return (React.createElement("button", { className: "".concat(className, " ").concat(styles$13['magneto-ui-button'], " ").concat(addHover ? styles$13['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
+        suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$13['magneto-ui-button__icon'] })),
+        buttonText && React.createElement("p", { className: styles$13['magneto-ui-button__mobile-text'] }, buttonText),
+        prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$13['magneto-ui-button__icon'] }))));
+};
+/**
+ * UI Atom Component of Save Button
+ */
+var Button = Component$19;
+
+var styles$12 = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
+
+var nf = new Intl.NumberFormat('de-DE');
+var Component$18 = function (_a) {
+    var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
+    var currentHigherMax = useMemo(function () {
+        return current > max;
+    }, [current, max]);
+    return (React.createElement("p", { className: "".concat(styles$12["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$12['error-label'] : '') },
+        nf.format(current),
+        React.createElement("span", null,
+            " / ",
+            nf.format(max))));
+};
+var ComparativeCounter = Component$18;
+
+var styles$11 = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
+
+var cx$e = classNames.bind(styles$11);
+var defaultCheck = function (_a) {
+    var type = _a.type, checked = _a.checked;
+    if (type === 'background')
+        return;
+    return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$e('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
+};
+var Component$17 = function (_a) {
+    var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
+    return (React.createElement("label", { className: cx$e('checkbox', "checkbox--".concat(display), className, {
+            'checkbox--checked': checked,
+            'checkbox--background': type === 'background'
+        }), "data-name": "checkbox-container", htmlFor: id },
+        renderCheck({ checked: checked, type: type }),
+        React.createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
+                var target = _a.target;
+                return onChange(target.checked);
+            }, type: "checkbox", id: id }, rest)),
+        children));
+};
+var Checkbox = Component$17;
+
 var DateArray = /** @class */ (function () {
     function DateArray(array) {
         this.day = NaN;
@@ -4159,7 +4213,7 @@ var fixArrayDate = function (array) {
     return dateArray.setArray(array).fixMonth().getArray();
 };
 
-var styles$13 = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
+var styles$10 = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
 
 // placeholder to every input.
 var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
@@ -4167,7 +4221,7 @@ var stringArraytoDate = function (array) {
     var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
     return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
 };
-var Component$19 = function (_a) {
+var Component$16 = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
     // Represent the value of every input field (there are 8 in total).
     var _f = useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
@@ -4270,30 +4324,30 @@ var Component$19 = function (_a) {
         }
     }, []);
     return (React.createElement("div", { className: [
-            styles$13['date-input'],
+            styles$10['date-input'],
             className,
-            fit ? styles$13['date-input--fit'] : '',
-            hasError ? styles$13['date-input--error'] : ''
+            fit ? styles$10['date-input--fit'] : '',
+            hasError ? styles$10['date-input--error'] : ''
         ].join(' ') },
-        React.createElement("div", { className: styles$13['date-input__left'], onClick: function () {
+        React.createElement("div", { className: styles$10['date-input__left'], onClick: function () {
                 var _a;
                 (_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
             } }),
         internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
             [2, 4].includes(index) ? (
             // include / separator in date (DD / MM / YYYY)
-            React.createElement("span", { className: [styles$13['date-input__separator'], value ? styles$13['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
-            React.createElement("input", { className: styles$13['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
-        React.createElement("div", { className: styles$13['date-input__right'], onClick: function () {
+            React.createElement("span", { className: [styles$10['date-input__separator'], value ? styles$10['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
+            React.createElement("input", { className: styles$10['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
+        React.createElement("div", { className: styles$10['date-input__right'], onClick: function () {
                 var _a;
                 (_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
             } })));
 };
-var DateInput = Component$19;
+var DateInput = Component$16;
 
 var style$A = {"divider":"mg_divider_divider_1vn87"};
 
-var Component$18 = function (_a) {
+var Component$15 = function (_a) {
     var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
     var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
     return React.createElement("div", { style: inlineStyle, className: style$A.divider });
@@ -4301,21 +4355,21 @@ var Component$18 = function (_a) {
 /**
  * Atom UI Divider Component
  */
-var Divider = Component$18;
+var Divider = Component$15;
 
-var styles$12 = {"headerTabComponent":"mg_header_tab_headerTabComponent_1a6hv"};
+var styles$$ = {"headerTabComponent":"mg_header_tab_headerTabComponent_1a6hv"};
 
-var Component$17 = function (_a) {
+var Component$14 = function (_a) {
     var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive;
     var TabLink = tabType === 'tabOption' ? url : '';
-    return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$12.headerTabComponent, "data-tab-type": "tabTitle" },
-        React.createElement("p", null, tabText))) : (React.createElement("a", { className: styles$12.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
+    return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$$.headerTabComponent, "data-tab-type": "tabTitle" },
+        React.createElement("p", null, tabText))) : (React.createElement("a", { className: styles$$.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
         React.createElement("p", null, tabText)))));
 };
 /**
  * UI Atom component for HeaderTab
  */
-var HeaderTab = Component$17;
+var HeaderTab = Component$14;
 
 var style$z = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
 
@@ -4334,94 +4388,94 @@ var InputSearch = function (_a) {
             React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
 };
 
-var styles$11 = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
+var styles$_ = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
 
-var Component$16 = function (_a) {
+var Component$13 = function (_a) {
     var offerCompanyLogo = _a.offerCompanyLogo;
     if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
-        return (React.createElement("div", { className: styles$11['magneto-ui-job-company-logo'] },
+        return (React.createElement("div", { className: styles$_['magneto-ui-job-company-logo'] },
             React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
     }
-    return React.createElement("div", { className: styles$11['magneto-ui-job-company-logo'] }, offerCompanyLogo);
+    return React.createElement("div", { className: styles$_['magneto-ui-job-company-logo'] }, offerCompanyLogo);
 };
 /**
  * UI Atom component of Company Logo
  */
-var JobCompanyLogo = Component$16;
+var JobCompanyLogo = Component$13;
 
-var styles$10 = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
+var styles$Z = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
 
-var Component$15 = function (_a) {
+var Component$12 = function (_a) {
     var title = _a.title, styles = _a.styles;
     return React.createElement("h1", { className: styles }, title && title);
 };
 /**
  * UI Children H1 Component for JobDetailsDrawer
  */
-var MainTitleJobDetails = Component$15;
+var MainTitleJobDetails = Component$12;
 
-var Component$14 = function (_a) {
+var Component$11 = function (_a) {
     var title = _a.title, styles = _a.styles;
     return React.createElement("p", { className: styles }, title && title);
 };
 /**
  * UI Children P Component for JobDetailsDrawer
  */
-var SubTitleJobDetails = Component$14;
+var SubTitleJobDetails = Component$11;
 
-var Component$13 = function (_a) {
+var Component$10 = function (_a) {
     var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
     var showCompanyName = useMemo(function () {
         if (isHidden || !offerCompanyName)
             return React.createElement(Fragment, null);
         if (offerCompanyLink) {
-            return (React.createElement("a", { className: styles$10['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
+            return (React.createElement("a", { className: styles$Z['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
         }
-        return React.createElement("h2", { className: styles$10['magneto-ui-job-header__subtitle'] }, offerCompanyName);
+        return React.createElement("h2", { className: styles$Z['magneto-ui-job-header__subtitle'] }, offerCompanyName);
     }, [isHidden, offerCompanyLink, offerCompanyName]);
     var GenerateTitle = function () {
         if (typeTitle === TYPE_TITLE.SUB_TITLE)
-            return React.createElement(SubTitleJobDetails, { styles: styles$10['magneto-ui-job-header__title'], title: String(offerTitle) });
-        return React.createElement(MainTitleJobDetails, { styles: styles$10['magneto-ui-job-header__title'], title: String(offerTitle) });
+            return React.createElement(SubTitleJobDetails, { styles: styles$Z['magneto-ui-job-header__title'], title: String(offerTitle) });
+        return React.createElement(MainTitleJobDetails, { styles: styles$Z['magneto-ui-job-header__title'], title: String(offerTitle) });
     };
-    return (React.createElement("div", { className: styles$10['magneto-ui-job-header'] },
+    return (React.createElement("div", { className: styles$Z['magneto-ui-job-header'] },
         GenerateTitle(),
         showCompanyName));
 };
 /**
  * UI Atom component of Job Header
  */
-var JobHeader = Component$13;
+var JobHeader = Component$10;
 
-var styles$$ = {"linkComponent":"mg_link_linkComponent_1sftl"};
+var styles$Y = {"linkComponent":"mg_link_linkComponent_1sftl"};
 
-var Component$12 = function (_a) {
+var Component$$ = function (_a) {
     var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
     var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
-    return (React.createElement("a", { className: styles$$.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
+    return (React.createElement("a", { className: styles$Y.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
         iconProps && React.createElement(IconItem, __assign({}, iconProps)),
         !isMobile && React.createElement("p", null, text)));
 };
 /**
  * Atomic UI component for Link
  */
-var Link = Component$12;
+var Link = Component$$;
 
-var styles$_ = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
+var styles$X = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
 
-var Component$11 = function (_a) {
+var Component$_ = function (_a) {
     var loadingIcon = _a.loadingIcon;
-    return (React.createElement("div", { className: styles$_.loadingComponent },
+    return (React.createElement("div", { className: styles$X.loadingComponent },
         React.createElement(IconItem, __assign({}, loadingIcon))));
 };
 /**
  * Atom UI component of loading icon for general purpose
  */
-var Loading = Component$11;
+var Loading = Component$_;
 
 var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
 
-var Component$10 = function (_a) {
+var Component$Z = function (_a) {
     var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
     var _d = useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
@@ -4433,11 +4487,11 @@ var Component$10 = function (_a) {
         return null;
     return (React.createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
 };
-var LogoComponent = Component$10;
+var LogoComponent = Component$Z;
 
-var styles$Z = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
+var styles$W = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
 
-var Component$$ = function (_a) {
+var Component$Y = function (_a) {
     var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
     var stylesValue = useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
     var renderContent = function () {
@@ -4450,35 +4504,56 @@ var Component$$ = function (_a) {
             iconProps && React.createElement(IconItem, __assign({}, iconProps)),
             !isMobile && React.createElement("p", null, buttonText)));
     };
-    return (React.createElement("button", { className: "".concat(styles$Z.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$Z.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
+    return (React.createElement("button", { className: "".concat(styles$W.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$W.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
 };
 /**
  * Atom UI component of button for general purpose
  */
-var MainButton = Component$$;
+var MainButton = Component$Y;
 
-var styles$Y = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
+var styles$V = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
 
-var Component$_ = function (_a) {
+var styles$U = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
+
+var Component$X = function (_a) {
+    var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
+    return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$U['magneto-ui--search-item']), href: url },
+        React.createElement("p", { className: styles$U['magneto-ui--search-item__text'] }, tag),
+        React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
+};
+/**
+ * UI Atom component of Search Item
+ */
+var SearchItem = Component$X;
+
+var MegaMenuTab = function (_a) {
+    var label = _a.label, selected = _a.selected, url = _a.url;
+    return (React.createElement("div", { className: "".concat(styles$V["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$V["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
+        React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$V["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$V["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
+};
+
+var styles$T = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
+
+var Component$W = function (_a) {
     var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
-    return (React.createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
+    return (React.createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
         React.createElement("div", { className: CNM.get({
-                styles: styles$Y,
+                styles: styles$T,
                 cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
             }) },
             React.createElement("div", { className: CNM.get({
-                    styles: styles$Y,
+                    styles: styles$T,
                     cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
                 }) }, children))));
 };
 /**
  * Atom UI child component of menu dropdown
  */
-var MenuDropdownList = Component$_;
+var MenuDropdownList = Component$W;
 
-var styles$X = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
+var styles$S = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
 
-var Component$Z = function (_a) {
+var Component$V = function (_a) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
     var _e = useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
     var toggleOptions = useCallback(function () {
@@ -4493,13 +4568,13 @@ var Component$Z = function (_a) {
     var handleButtonClick = useCallback(function (e) {
         e.stopPropagation();
     }, []);
-    return (React.createElement("div", { className: CNM.get({ styles: styles$X, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
-        React.createElement("div", { className: CNM.get({ styles: styles$X, cls: ['menu-dropdown__content'] }) },
-            React.createElement("div", { className: CNM.get({ styles: styles$X, cls: ['menu-dropdown__container'] }) },
+    return (React.createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
+        React.createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__content'] }) },
+            React.createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__container'] }) },
                 prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
-                React.createElement("span", { className: CNM.get({ styles: styles$X, cls: ['menu-dropdown__title'] }) }, title),
+                React.createElement("span", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__title'] }) }, title),
                 React.createElement("div", { className: CNM.get({
-                        styles: styles$X,
+                        styles: styles$S,
                         cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
                     }) },
                     React.createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
@@ -4509,7 +4584,7 @@ var Component$Z = function (_a) {
 /**
  * Atom UI component of menu dropdown
  */
-var MenuDropdown = Component$Z;
+var MenuDropdown = Component$V;
 
 var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
 
@@ -4522,7 +4597,7 @@ var MenuItem = function (_a) {
             React.createElement("p", null, text))));
 };
 
-var styles$W = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
+var styles$R = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
 
 var MultiRangeSlider = function (_a) {
     var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
@@ -4580,36 +4655,36 @@ var MultiRangeSlider = function (_a) {
     var handleMouseUpValues = useCallback(function () {
         onChange({ min: minVal, max: maxVal });
     }, [minVal, maxVal, onChange]);
-    return (React.createElement("div", { className: styles$W.container },
+    return (React.createElement("div", { className: styles$R.container },
         React.createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
                 var value = Math.min(+event.target.value, maxVal - 1);
                 setMinVal(value);
                 event.target.value = value.toString();
-            }, className: "\n          ".concat(styles$W.thumb, " \n          ").concat(styles$W.zIndex_3, "  \n          ").concat(minVal > max - 100 ? styles$W.zIndex_5 : '', "\n        ") }),
+            }, className: "\n          ".concat(styles$R.thumb, " \n          ").concat(styles$R.zIndex_3, "  \n          ").concat(minVal > max - 100 ? styles$R.zIndex_5 : '', "\n        ") }),
         React.createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
                 var value = Math.max(+event.target.value, minVal + 1);
                 setMaxVal(value);
                 event.target.value = value.toString();
-            }, className: "".concat(styles$W.thumb, " ").concat(styles$W.zIndex_4) }),
-        React.createElement("div", { style: { width: size }, className: styles$W.slider },
-            React.createElement("div", { className: styles$W.track }),
-            React.createElement("div", { ref: range, className: styles$W.range }),
-            showValues && (React.createElement("div", { className: styles$W.values },
-                React.createElement("div", { className: styles$W.left_value }, hasCurrency),
-                React.createElement("div", { className: styles$W.right_value }, maxVal.toLocaleString()))))));
+            }, className: "".concat(styles$R.thumb, " ").concat(styles$R.zIndex_4) }),
+        React.createElement("div", { style: { width: size }, className: styles$R.slider },
+            React.createElement("div", { className: styles$R.track }),
+            React.createElement("div", { ref: range, className: styles$R.range }),
+            showValues && (React.createElement("div", { className: styles$R.values },
+                React.createElement("div", { className: styles$R.left_value }, hasCurrency),
+                React.createElement("div", { className: styles$R.right_value }, maxVal.toLocaleString()))))));
 };
 
-var styles$V = {"content":"mg_paragraph_content_1mtnz"};
+var styles$Q = {"content":"mg_paragraph_content_1mtnz"};
 
-var Component$Y = function (_a) {
+var Component$U = function (_a) {
     var paragraph = _a.paragraph;
-    return React.createElement("p", { className: styles$V.content }, paragraph);
+    return React.createElement("p", { className: styles$Q.content }, paragraph);
 };
-var Paragraph = memo(Component$Y);
+var Paragraph = memo(Component$U);
 
 var style$w = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
 
-var Component$X = function (_a) {
+var Component$T = function (_a) {
     var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
     var showMenu = show ? 'show' : 'hidden';
     var staticContentClass = staticContent ? style$w['static-content'] : '';
@@ -4631,7 +4706,7 @@ var Component$X = function (_a) {
  * Atom Ui component of popover
  *
  */
-var Popover = Component$X;
+var Popover = Component$T;
 
 var ERadioType;
 (function (ERadioType) {
@@ -4639,12 +4714,12 @@ var ERadioType;
     ERadioType["button"] = "button";
 })(ERadioType || (ERadioType = {}));
 
-var styles$U = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
+var styles$P = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
 
-var Component$W = function (_a) {
+var Component$S = function (_a) {
     var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
     return (React.createElement("label", { className: CNM.get({
-            styles: styles$U,
+            styles: styles$P,
             cls: [
                 'radio-button',
                 (checked || defaultChecked) && 'radio-button--checked',
@@ -4654,34 +4729,34 @@ var Component$W = function (_a) {
         }), htmlFor: id },
         prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
         React.createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
-        children && (React.createElement("span", { className: CNM.get({ styles: styles$U, cls: ['radio-button__children', childrenClassName] }) }, children)),
+        children && (React.createElement("span", { className: CNM.get({ styles: styles$P, cls: ['radio-button__children', childrenClassName] }) }, children)),
         suffixIcon && React.createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
 };
 /**
  * Atom UI component of radio button
  */
-var RadioButton = Component$W;
+var RadioButton = Component$S;
 
-var styles$T = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
+var styles$O = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
 
-var Component$V = function (_a) {
+var Component$R = function (_a) {
     var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
-    return (React.createElement("label", { className: CNM.get({ styles: styles$T, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
+    return (React.createElement("label", { className: CNM.get({ styles: styles$O, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
         React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
         React.createElement("div", { className: CNM.get({
-                styles: styles$T,
+                styles: styles$O,
                 cls: [
                     'radio-default__indicator',
                     (checked || defaultChecked) && 'radio-default__indicator--checked',
                     indicatorClassName
                 ]
             }) }),
-        children && (React.createElement("span", { className: CNM.get({ styles: styles$T, cls: ['radio-default-label', childrenClassName] }) }, children))));
+        children && (React.createElement("span", { className: CNM.get({ styles: styles$O, cls: ['radio-default-label', childrenClassName] }) }, children))));
 };
 /**
  * Molecule UI component for radio default
  */
-var RadioDefault = Component$V;
+var RadioDefault = Component$R;
 
 var _a;
 var radioTypes = (_a = {},
@@ -4690,7 +4765,7 @@ var radioTypes = (_a = {},
     _a);
 var getRadioComponent = function (type) { return radioTypes[type]; };
 
-var Component$U = function (_a) {
+var Component$Q = function (_a) {
     var type = _a.type, props = __rest(_a, ["type"]);
     var RadioType = useMemo(function () { return getRadioComponent(ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
     if (!RadioType)
@@ -4700,52 +4775,39 @@ var Component$U = function (_a) {
 /**
  * Atom UI component of radio
  */
-var Radio = Component$U;
+var Radio = Component$Q;
 
-var styles$S = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
+var styles$N = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
 
-var Component$T = function (_a) {
+var Component$P = function (_a) {
     var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
-    return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$S['magneto-ui-save-button'], " ").concat(addHover && styles$S['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
-        React.createElement("div", { className: styles$S['button-content'] },
+    return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$N['magneto-ui-save-button'], " ").concat(addHover && styles$N['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
+        React.createElement("div", { className: styles$N['button-content'] },
             React.createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
-            buttonText && React.createElement("p", { className: styles$S['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
+            buttonText && React.createElement("p", { className: styles$N['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
 };
 /**
  * UI Atom Component of Save Button
  */
-var SaveButton = Component$T;
-
-var styles$R = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
-
-var Component$S = function (_a) {
-    var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
-    return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$R['magneto-ui--search-item']), href: url },
-        React.createElement("p", { className: styles$R['magneto-ui--search-item__text'] }, tag),
-        React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
-};
-/**
- * UI Atom component of Search Item
- */
-var SearchItem = Component$S;
+var SaveButton = Component$P;
 
-var styles$Q = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
+var styles$M = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
 
-var Component$R = function (_a) {
+var Component$O = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
     var handleCopyClick = function () {
         if (detailUrl) {
             navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
         }
     };
-    return (React.createElement("button", { className: "".concat(styles$Q['magneto-ui-share-button'], " ").concat(addHover && styles$Q['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
-        React.createElement("div", { className: styles$Q['button-content'] },
+    return (React.createElement("button", { className: "".concat(styles$M['magneto-ui-share-button'], " ").concat(addHover && styles$M['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
+        React.createElement("div", { className: styles$M['button-content'] },
             React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
-            buttonText && React.createElement("p", { className: styles$Q['magneto-ui-share-button__mobile-text'] }, buttonText))));
+            buttonText && React.createElement("p", { className: styles$M['magneto-ui-share-button__mobile-text'] }, buttonText))));
 };
-var ShareButton = Component$R;
+var ShareButton = Component$O;
 
-var styles$P = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
+var styles$L = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
 
 var Switch = function (_a) {
     var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
@@ -4759,10 +4821,10 @@ var Switch = function (_a) {
         setChecked(function (state) { return !state; });
         setIsActive(!isActive);
     }, [isDisabled, setIsActive, isActive]);
-    return (React.createElement("div", { className: "".concat(styles$P['magneto-ui-switch_container'], " ").concat(className) },
-        React.createElement("label", { className: styles$P['magneto-ui-switch'] },
+    return (React.createElement("div", { className: "".concat(styles$L['magneto-ui-switch_container'], " ").concat(className) },
+        React.createElement("label", { className: styles$L['magneto-ui-switch'] },
             React.createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
-            React.createElement("span", { className: "".concat(styles$P['magneto-ui-slider'], " ").concat(styles$P['magneto-ui-round']) })),
+            React.createElement("span", { className: "".concat(styles$L['magneto-ui-slider'], " ").concat(styles$L['magneto-ui-round']) })),
         title && React.createElement("p", null, title)));
 };
 
@@ -4775,9 +4837,9 @@ var Tags = function (_a) {
         React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
 };
 
-var styles$O = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_nfgc1","toggle-button-selected":"mg_toggle_button_toggle-button-selected_nfgc1"};
+var styles$K = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_nfgc1","toggle-button-selected":"mg_toggle_button_toggle-button-selected_nfgc1"};
 
-var Component$Q = function (_a) {
+var Component$N = function (_a) {
     var className = _a.className, _b = _a.color, color = _b === void 0 ? 'blue' : _b, onChange = _a.onChange, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _c = _a.baseColor, baseColor = _c === void 0 ? 'transparent' : _c;
     var _d = useState(''), isSelected = _d[0], setIsSelected = _d[1];
     var isColorDark = function (color) {
@@ -4811,18 +4873,18 @@ var Component$Q = function (_a) {
             color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
         };
     }, [baseColor, color, currentSelect, isSelected]);
-    return (React.createElement("button", { className: "".concat(styles$O["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(isSelected || currentSelect ? styles$O['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" }, name));
+    return (React.createElement("button", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(isSelected || currentSelect ? styles$K['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" }, name));
 };
-var ToggleButton = Component$Q;
+var ToggleButton = Component$N;
 
-var styles$N = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
+var styles$J = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
 
-var Component$P = function (_a) {
+var Component$M = function (_a) {
     var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
     var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
         sm: null
     });
-    return (React.createElement("button", { className: CNM.get({ styles: styles$N, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
+    return (React.createElement("button", { className: CNM.get({ styles: styles$J, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
         React.createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
         userInfo,
         React.createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
@@ -4830,45 +4892,7 @@ var Component$P = function (_a) {
 /**
  * Atom UI component of user menu button analyst
  */
-var UserMenuButtonAnalyst = Component$P;
-
-var styles$M = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
-
-var nf = new Intl.NumberFormat('de-DE');
-var Component$O = function (_a) {
-    var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
-    var currentHigherMax = useMemo(function () {
-        return current > max;
-    }, [current, max]);
-    return (React.createElement("p", { className: "".concat(styles$M["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$M['error-label'] : '') },
-        nf.format(current),
-        React.createElement("span", null,
-            " / ",
-            nf.format(max))));
-};
-var ComparativeCounter = Component$O;
-
-var styles$L = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
-
-var MegaMenuTab = function (_a) {
-    var label = _a.label, selected = _a.selected, url = _a.url;
-    return (React.createElement("div", { className: "".concat(styles$L["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$L["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
-        React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$L["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$L["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
-};
-
-var styles$K = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
-
-var Component$N = function (_a) {
-    var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
-    return (React.createElement("button", { className: "".concat(className, " ").concat(styles$K['magneto-ui-button'], " ").concat(addHover ? styles$K['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
-        suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$K['magneto-ui-button__icon'] })),
-        buttonText && React.createElement("p", { className: styles$K['magneto-ui-button__mobile-text'] }, buttonText),
-        prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$K['magneto-ui-button__icon'] }))));
-};
-/**
- * UI Atom Component of Save Button
- */
-var Button = Component$N;
+var UserMenuButtonAnalyst = Component$M;
 
 var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
 
@@ -4896,7 +4920,7 @@ var BrandMenu = function (_a) {
 
 var style$t = {};
 
-var Component$M = function (_a) {
+var Component$L = function (_a) {
     var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
     var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
     var DatePickerComponent = useMediaQuery(React.createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
@@ -4904,11 +4928,11 @@ var Component$M = function (_a) {
     });
     return React.createElement("div", { className: style$t["".concat(classMUI)] }, DatePickerComponent);
 };
-var DatePickerResponsiveComponent = Component$M;
+var DatePickerResponsiveComponent = Component$L;
 
 var style$s = {"magneto-ui-drawer-menu":"mg_drawer_menu_magneto-ui-drawer-menu_g50kt","menu-container":"mg_drawer_menu_menu-container_g50kt","actionsContainer":"mg_drawer_menu_actionsContainer_g50kt"};
 
-var Component$L = function (_a) {
+var Component$K = function (_a) {
     var headerDrawerProps = _a.headerDrawerProps, listMenuProps = _a.listMenuProps, createAccountButton = _a.createAccountButton, loginButton = _a.loginButton, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
     var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
     var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
@@ -4927,9 +4951,9 @@ var Component$L = function (_a) {
                 React.createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
                 React.createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
 };
-var DrawerMenu = Component$L;
+var DrawerMenu = Component$K;
 
-var styles$J = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
+var styles$I = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
 
 var FilterCard = function (_a) {
     var label = _a.label, values = _a.values, renderType = _a.renderType, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? '' : _b, _c = _a.switchText, switchText = _c === void 0 ? '' : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied"]);
@@ -4949,18 +4973,18 @@ var FilterCard = function (_a) {
     }, [values, setOptions]);
     if (!values.length)
         return React.createElement(Fragment, null);
-    return (React.createElement("article", { className: "".concat(styles$J['magneto-ui-filter-card'], " ").concat(hasSearch && styles$J.hasSearch) },
-        React.createElement("div", { className: styles$J['magneto-ui-filter-card_header'] },
+    return (React.createElement("article", { className: "".concat(styles$I['magneto-ui-filter-card'], " ").concat(hasSearch && styles$I.hasSearch) },
+        React.createElement("div", { className: styles$I['magneto-ui-filter-card_header'] },
             React.createElement("p", null, label),
             switchText && (React.createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
         hasSearch && (React.createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
-        React.createElement("div", { className: styles$J['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
+        React.createElement("div", { className: styles$I['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
             var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
             return React.createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
         }))));
 };
 
-var styles$I = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
+var styles$H = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
 
 var FilterHeader = function (_a) {
     var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
@@ -4969,28 +4993,28 @@ var FilterHeader = function (_a) {
             buttonText: buttonText,
             title: buttonText,
             iconProps: { icon: Broom, size: 18 },
-            className: styles$I['magneto-ui-filter-header_btn'],
+            className: styles$H['magneto-ui-filter-header_btn'],
             disabled: !totalApplied,
             onClick: function () { return clearFilters(); }
         };
     }, [buttonText, totalApplied, clearFilters]);
     var displayBtnClear = useMemo(function () {
-        return (React.createElement("div", { className: styles$I['magneto-ui-filter-header_clean'] },
+        return (React.createElement("div", { className: styles$H['magneto-ui-filter-header_clean'] },
             React.createElement(MainButton, __assign({}, mainBtnProps)),
-            typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$I.disabled : '' }, "(".concat(totalApplied, ")")))));
+            typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$H.disabled : '' }, "(".concat(totalApplied, ")")))));
     }, [totalApplied, mainBtnProps]);
     var displayFilterSummary = useMemo(function () {
-        return React.createElement("span", { className: styles$I['magneto-ui-filter-header_summary'] }, filterSummary);
+        return React.createElement("span", { className: styles$H['magneto-ui-filter-header_summary'] }, filterSummary);
     }, [filterSummary]);
-    return (React.createElement("article", { className: styles$I['magneto-ui-filter-header'] },
-        React.createElement("div", { className: styles$I['magneto-ui-filter-header_title'] },
+    return (React.createElement("article", { className: styles$H['magneto-ui-filter-header'] },
+        React.createElement("div", { className: styles$H['magneto-ui-filter-header_title'] },
             React.createElement("p", null, title),
             displayBtnClear),
         switchText && (React.createElement(Switch
         //TODO: review isActive, setIsActive
         , { 
             //TODO: review isActive, setIsActive
-            title: switchText, className: styles$I['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
+            title: switchText, className: styles$H['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
         displayFilterSummary));
 };
 
@@ -5050,9 +5074,9 @@ var FooterMenuLinks = function (_a) {
     return React.createElement(React.Fragment, null, footerMenuResponsive);
 };
 
-var styles$H = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
+var styles$G = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
 
-var Component$K = function (_a) {
+var Component$J = function (_a) {
     var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
     var headerLogo = useMediaQuery(React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
         React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
@@ -5062,26 +5086,26 @@ var Component$K = function (_a) {
     var headerBreadCrumb = useMediaQuery(breadCrumbProps && React.createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
         sm: null
     });
-    return (React.createElement("header", { className: CNM.get({ styles: styles$H, cls: ['header-analyst', className] }) },
-        React.createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__container'] }) },
-            React.createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__main-menu'] }) },
+    return (React.createElement("header", { className: CNM.get({ styles: styles$G, cls: ['header-analyst', className] }) },
+        React.createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__container'] }) },
+            React.createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__main-menu'] }) },
                 React.createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
                 headerLogo),
-            React.createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__user-menu'] }) },
+            React.createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__user-menu'] }) },
                 userNotificationProps && React.createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
                 React.createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
-        React.createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
+        React.createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
 };
 /**
  * Organism UI component of header analyst
  */
-var HeaderAnalyst = Component$K;
+var HeaderAnalyst = Component$J;
 
-var styles$G = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
+var styles$F = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
 
 var style$o = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
 
-var Component$J = function () {
+var Component$I = function () {
     var skeletonCard = (React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
         React.createElement("span", { className: style$o.skeleton }),
         React.createElement("span", { className: style$o.skeleton }),
@@ -5105,9 +5129,9 @@ var Component$J = function () {
 /**
  * UI Children Skeleton Component for JobDetailsDrawer
  */
-var JobDetailsSkeleton = Component$J;
+var JobDetailsSkeleton = Component$I;
 
-var styles$F = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
+var styles$E = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
 
 var SimilarJobs = function (_a) {
     var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
@@ -5115,8 +5139,8 @@ var SimilarJobs = function (_a) {
     var pageExists = false;
     if (similarJobsCard.length <= 0)
         return null;
-    return (React.createElement("div", { className: "".concat(styles$F["".concat(classMUI, "-similar-jobs-section")]) },
-        React.createElement("h3", { className: "".concat(styles$F["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
+    return (React.createElement("div", { className: "".concat(styles$E["".concat(classMUI, "-similar-jobs-section")]) },
+        React.createElement("h3", { className: "".concat(styles$E["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
         similarJobsCard.map(function (_a) {
             var id = _a.id, props = __rest(_a, ["id"]);
             return (React.createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
@@ -5124,7 +5148,7 @@ var SimilarJobs = function (_a) {
         pageExists ));
 };
 
-var Component$I = function (_a) {
+var Component$H = function (_a) {
     var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
     var jobDetailsRef = useRef(null);
     useEffect(function () {
@@ -5135,11 +5159,11 @@ var Component$I = function (_a) {
     if (isLoading)
         return React.createElement(JobDetailsSkeleton, null);
     return (React.createElement(Fragment, null,
-        jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$G.JobDetailsDrawerComponent },
-            React.createElement("div", { className: styles$G['JobHeaderCardWrapper'] },
+        jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$F.JobDetailsDrawerComponent },
+            React.createElement("div", { className: styles$F['JobHeaderCardWrapper'] },
                 React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
                 React.createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
-            React.createElement("div", { className: styles$G['JobBodyCardWrapper'], ref: jobDetailsRef },
+            React.createElement("div", { className: styles$F['JobBodyCardWrapper'], ref: jobDetailsRef },
                 jobDetailsProps && (React.createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
                 jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
                 React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
@@ -5152,11 +5176,11 @@ var Component$I = function (_a) {
 /**
  * UI Organism Component for JobDetailsDrawer
  */
-var JobDetailsDrawer = Component$I;
+var JobDetailsDrawer = Component$H;
 
-var styles$E = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
+var styles$D = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
 
-var Component$H = function (_a) {
+var Component$G = function (_a) {
     var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl;
     var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
     var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
@@ -5188,28 +5212,28 @@ var Component$H = function (_a) {
     var loginHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
         md: null
     });
-    return (React.createElement("header", { className: styles$E.LoginHeaderComponent },
+    return (React.createElement("header", { className: styles$D.LoginHeaderComponent },
         loginHeaderMobileSearchbar,
-        React.createElement("div", { className: styles$E['magneto-ui-first-row'] }),
-        React.createElement("div", { className: styles$E['magneto-ui-second-row'] },
-            React.createElement("div", { className: styles$E['magneto-ui-left-section'] },
+        React.createElement("div", { className: styles$D['magneto-ui-first-row'] }),
+        React.createElement("div", { className: styles$D['magneto-ui-second-row'] },
+            React.createElement("div", { className: styles$D['magneto-ui-left-section'] },
                 loginHeaderMenuButton,
                 React.createElement("a", { href: homeUrl }, loginHeaderLogo),
                 loginHeaderMobileSearchbarButton),
-            React.createElement("div", { className: styles$E['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
-            React.createElement("div", { className: styles$E['magneto-ui-user-section'] },
+            React.createElement("div", { className: styles$D['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
+            React.createElement("div", { className: styles$D['magneto-ui-user-section'] },
                 loginHeaderOptionTabs,
                 loginHeaderPopover)),
-        React.createElement("div", { className: styles$E['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
+        React.createElement("div", { className: styles$D['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
         React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
             React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
 };
 /**
  * UI Organism Component for LoginHeader
  */
-var LoginHeader = Component$H;
+var LoginHeader = Component$G;
 
-var styles$D = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
+var styles$C = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
 
 var Muiclass$3 = 'magneto-ui';
 var LoginJobsHeader = function (_a) {
@@ -5219,7 +5243,7 @@ var LoginJobsHeader = function (_a) {
     var _c = useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
     var _d = useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
     var haveGif = useMemo(function () {
-        return gif ? styles$D['have-gif'] : '';
+        return gif ? styles$C['have-gif'] : '';
     }, [gif]);
     var toggleSearchBar = function () {
         setShowSearchBar(!showSearchBar);
@@ -5247,30 +5271,30 @@ var LoginJobsHeader = function (_a) {
     var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
         md: null
     });
-    return (React.createElement("header", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header")] },
+    return (React.createElement("header", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header")] },
         LogoutHeaderMobileSearchbar,
-        React.createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
-            React.createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
+        React.createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
+            React.createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
                 LoginHeaderMenuButton,
                 React.createElement("a", { href: homeUrl },
                     React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
                 brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
-                    React.createElement("img", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
-                gif && (React.createElement("img", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
+                    React.createElement("img", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
+                gif && (React.createElement("img", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
                 LogoutHeaderMobileSearchbarButton),
-            React.createElement("div", { className: "".concat(styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
-            React.createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
+            React.createElement("div", { className: "".concat(styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
+            React.createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
                 !gif && loginHeaderOptionTabs,
                 " ",
                 loginHeaderPopover)),
-        React.createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
+        React.createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
         React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
             React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
 };
 
-var styles$C = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
+var styles$B = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
 
-var Component$G = function (_a) {
+var Component$F = function (_a) {
     var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
     var type = signInLink.type, href = signInLink.href, text = signInLink.text;
     var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
@@ -5313,29 +5337,29 @@ var Component$G = function (_a) {
     var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
         md: null
     });
-    return (React.createElement("header", { className: styles$C.LogoutHeaderComponent },
+    return (React.createElement("header", { className: styles$B.LogoutHeaderComponent },
         LogoutHeaderMobileSearchbar,
-        React.createElement("div", { className: styles$C['magneto-ui-first-row'] }, LogoutHeaderTab),
-        React.createElement("div", { className: styles$C['magneto-ui-second-row'] },
-            React.createElement("div", { className: styles$C['magneto-ui-left-section'] },
+        React.createElement("div", { className: styles$B['magneto-ui-first-row'] }, LogoutHeaderTab),
+        React.createElement("div", { className: styles$B['magneto-ui-second-row'] },
+            React.createElement("div", { className: styles$B['magneto-ui-left-section'] },
                 LogoutHeaderMenuButton,
                 React.createElement("a", { href: homeUrl }, LogoutHeaderLogo),
                 LogoutHeaderMobileSearchbarButton),
-            React.createElement("div", { className: styles$C['magneto-ui-middle-section'] },
+            React.createElement("div", { className: styles$B['magneto-ui-middle-section'] },
                 LogoutHeaderSearchbar,
                 " ",
                 React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
-            React.createElement("div", { className: styles$C['magneto-ui-right-section'] },
+            React.createElement("div", { className: styles$B['magneto-ui-right-section'] },
                 LogoutHeaderLinkSignIn,
                 LogoutHeaderButtonSignUp)),
-        React.createElement("div", { className: styles$C['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
+        React.createElement("div", { className: styles$B['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
 };
 /**
  * UI Header Organisim for 1024 resolution/size
  */
-var LogoutHeader = Component$G;
+var LogoutHeader = Component$F;
 
-var styles$B = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
+var styles$A = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
 
 var Muiclass$2 = 'magneto-ui';
 var LogoutJobsHeader = function (_a) {
@@ -5366,24 +5390,24 @@ var LogoutJobsHeader = function (_a) {
     var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
         md: null
     });
-    return (React.createElement("header", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header")] },
+    return (React.createElement("header", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header")] },
         LogoutHeaderMobileSearchbar,
-        React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
-            React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
+        React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
+            React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
                 LogoutHeaderMenuButton,
                 React.createElement("a", { href: homeUrl },
                     React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
                 brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
-                    React.createElement("img", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
-                gif && (React.createElement("img", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
+                    React.createElement("img", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
+                gif && (React.createElement("img", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
                 LogoutHeaderMobileSearchbarButton),
-            React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
+            React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
                 LogoutHeaderSearchbar,
                 React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
-            React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
+            React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
                 LogoutHeaderLinkSignIn,
                 LogoutHeaderButtonSignUp)),
-        React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
+        React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
 };
 
 var style$n = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
@@ -5415,28 +5439,28 @@ var MegaMenuCards = function (_a) {
         action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$m["mega-menu-cards__action"]) }))));
 };
 
-var styles$A = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
+var styles$z = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
 
-var Component$F = function (_a) {
+var Component$E = function (_a) {
     var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
     var handleOptionClick = function (optionValue) {
         handleOnClick(optionValue);
     };
     var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
-    return (React.createElement("div", { className: styles$A['magneto-ui--date-options'] },
-        React.createElement("ul", { className: styles$A['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
+    return (React.createElement("div", { className: styles$z['magneto-ui--date-options'] },
+        React.createElement("ul", { className: styles$z['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
             var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
-            return (React.createElement("li", { className: "".concat(styles$A['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$A['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
+            return (React.createElement("li", { className: "".concat(styles$z['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$z['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
         }))));
 };
 /**
  * UI Atom component of Date Option
  */
-var DateOptions = Component$F;
+var DateOptions = Component$E;
 
-var styles$z = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
+var styles$y = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
 
-var Component$E = function (_a) {
+var Component$D = function (_a) {
     var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
     var _b = useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
     var _c = useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
@@ -5458,23 +5482,23 @@ var Component$E = function (_a) {
             setInitialSelectedOption(null);
         }
     }, [disabled]);
-    return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$z['magneto-ui--date-selection'] },
-        React.createElement("div", { className: styles$z['magneto-ui--date-selection__header'] },
+    return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$y['magneto-ui--date-selection'] },
+        React.createElement("div", { className: styles$y['magneto-ui--date-selection__header'] },
             React.createElement("h2", null, selectionHeader)),
-        React.createElement("div", { className: styles$z['magneto-ui--date-selection__options'] },
+        React.createElement("div", { className: styles$y['magneto-ui--date-selection__options'] },
             React.createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
-        React.createElement("div", { className: styles$z['magneto-ui--date-selection__btn--wrapper'] },
-            React.createElement("button", { className: styles$z['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
-            React.createElement("button", { className: styles$z['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
+        React.createElement("div", { className: styles$y['magneto-ui--date-selection__btn--wrapper'] },
+            React.createElement("button", { className: styles$y['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
+            React.createElement("button", { className: styles$y['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
 };
-var DateSelection = Component$E;
+var DateSelection = Component$D;
 
-var styles$y = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
+var styles$x = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
 
 var defaultValue = function (value) {
     return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
 };
-var Component$D = function (_a) {
+var Component$C = function (_a) {
     var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, disabled = _a.disabled, monthsLabels = _a.monthsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, onChange = _a.onChange, selectionMonthHeader = _a.selectionMonthHeader, selectionYearHeader = _a.selectionYearHeader, value = _a.value, futureYears = _a.futureYears, pastYears = _a.pastYears;
     var mainClass = 'magneto-ui--mobile-date-picker__container';
     var valueClass = '-value';
@@ -5539,41 +5563,41 @@ var Component$D = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [disabled]);
-    return (React.createElement("section", { className: styles$y['magneto-ui--mobile-date-picker'] },
-        React.createElement("div", { className: styles$y["".concat(componentClass)], onClick: toggleMonthPicker },
-            React.createElement("div", { className: styles$y['magneto-ui--mobile-date-picker__input'] },
-                React.createElement("span", { className: styles$y["".concat(placeholderClass)] }, monthPlaceholder),
-                React.createElement("p", { className: styles$y['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
-            React.createElement("span", { className: styles$y["".concat(iconClass)] }, disabledArrow)),
+    return (React.createElement("section", { className: styles$x['magneto-ui--mobile-date-picker'] },
+        React.createElement("div", { className: styles$x["".concat(componentClass)], onClick: toggleMonthPicker },
+            React.createElement("div", { className: styles$x['magneto-ui--mobile-date-picker__input'] },
+                React.createElement("span", { className: styles$x["".concat(placeholderClass)] }, monthPlaceholder),
+                React.createElement("p", { className: styles$x['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
+            React.createElement("span", { className: styles$x["".concat(iconClass)] }, disabledArrow)),
         React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
-        React.createElement("div", { className: styles$y["".concat(componentClass)], onClick: toggleYearPicker },
-            React.createElement("div", { className: styles$y['magneto-ui--mobile-date-picker__input'] },
-                React.createElement("span", { className: styles$y["".concat(placeholderClass)] }, yearPlaceholder),
-                React.createElement("p", { className: styles$y['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
-            React.createElement("span", { className: styles$y["".concat(iconClass)] }, disabledArrow)),
+        React.createElement("div", { className: styles$x["".concat(componentClass)], onClick: toggleYearPicker },
+            React.createElement("div", { className: styles$x['magneto-ui--mobile-date-picker__input'] },
+                React.createElement("span", { className: styles$x["".concat(placeholderClass)] }, yearPlaceholder),
+                React.createElement("p", { className: styles$x['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
+            React.createElement("span", { className: styles$x["".concat(iconClass)] }, disabledArrow)),
         React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
 };
-var MobileDatePicker = Component$D;
+var MobileDatePicker = Component$C;
 
-var Component$C = function (_a) {
+var Component$B = function (_a) {
     var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
     return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
         React.createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
 };
-var MobileDrawerMenu = Component$C;
+var MobileDrawerMenu = Component$B;
 
-var styles$x = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
+var styles$w = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
 
-var Component$B = function (_a) {
+var Component$A = function (_a) {
     var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
     var _b = useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
     var onOpenClick = function () {
         setToggleMobileDrawer(!toggleMobileDrawer);
     };
-    var showButtonContainer = onClose ? styles$x['showContainer'] : styles$x['hideContainer'];
-    return (React.createElement("div", { className: "".concat(styles$x.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
-        React.createElement("div", { id: styles$x['magneto-ui__external-child'] }, externalButtonChild),
-        React.createElement("div", { className: styles$x['DrawerButtonWrapper'] },
+    var showButtonContainer = onClose ? styles$w['showContainer'] : styles$w['hideContainer'];
+    return (React.createElement("div", { className: "".concat(styles$w.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
+        React.createElement("div", { id: styles$w['magneto-ui__external-child'] }, externalButtonChild),
+        React.createElement("div", { className: styles$w['DrawerButtonWrapper'] },
             React.createElement("button", { type: "button", onClick: onOpenClick },
                 React.createElement(IconItem, { icon: More, hover: false }))),
         React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
@@ -5582,11 +5606,11 @@ var Component$B = function (_a) {
 /**
  * UI Organism Component for Mobile Job Details Drawer
  */
-var MobileJobDetailsActionsBar = Component$B;
+var MobileJobDetailsActionsBar = Component$A;
 
 var style$l = {"magneto-ui-mobile-job-detail-skeleton":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_wlwm8","magneto-ui-mobile-job-detail-skeleton__section":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_section_wlwm8","magneto-ui-mobile-job-detail-skeleton__header":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_btn":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_btn_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_card":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_card_wlwm8","skeleton":"mg_mobile_job_details_drawer_skeleton_skeleton_wlwm8","shimmer":"mg_mobile_job_details_drawer_skeleton_shimmer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_info":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_info_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_button":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_button_wlwm8"};
 
-var Component$A = function () {
+var Component$z = function () {
     var skeletonCard = (React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
         React.createElement("span", { className: style$l.skeleton }),
         React.createElement("span", { className: style$l.skeleton }),
@@ -5610,7 +5634,7 @@ var Component$A = function () {
 /**
  * UI Children Skeleton Component for MobileJobDetailsDrawer
  */
-var MobileJobDetailsDrawerSkeleton = Component$A;
+var MobileJobDetailsDrawerSkeleton = Component$z;
 
 var SwipeMode;
 (function (SwipeMode) {
@@ -5680,7 +5704,7 @@ var Swipe = function (_a) {
                 } }))));
 };
 
-var Component$z = function (_a) {
+var Component$y = function (_a) {
     var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
     var handleClose = useCallback(function () {
         if (onClose) {
@@ -5729,7 +5753,7 @@ var Component$z = function (_a) {
 /**
  * UI Organism Component for Mobile JobDetailsDrawer
  */
-var MobileJobDetailsDrawer = Component$z;
+var MobileJobDetailsDrawer = Component$y;
 
 var style$j = {"magneto-ui-order-container":"mg_mobile_sort_menu_magneto-ui-order-container_14kaw","magneto-ui-order-text":"mg_mobile_sort_menu_magneto-ui-order-text_14kaw","magneto-ui-btn-order":"mg_mobile_sort_menu_magneto-ui-btn-order_14kaw"};
 
@@ -5751,7 +5775,7 @@ var MobileSortMenu = function (_a) {
         React.createElement(ListSortMenu, __assign({}, listMenuProps))));
 };
 
-var Component$y = function (_a) {
+var Component$x = function (_a) {
     var props = __rest(_a, []);
     var _b = useState(0), step = _b[0], setStep = _b[1];
     return React.createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
@@ -5759,7 +5783,7 @@ var Component$y = function (_a) {
 /**
  * Organism UI component of analyst template
  */
-var ModalAnalyst = Component$y;
+var ModalAnalyst = Component$x;
 
 var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
 
@@ -5980,18 +6004,18 @@ var MultipleSelectionEntry = function (_a) {
         React.createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
 };
 
-var styles$w = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
+var styles$v = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
 
-var Component$x = function (_a) {
+var Component$w = function (_a) {
     var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
     if (!title)
         return null;
-    return (React.createElement("div", { className: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React.createElement("h3", { className: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React.createElement(Divider, null))));
+    return (React.createElement("div", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React.createElement("h3", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React.createElement(Divider, null))));
 };
 /**
  * Organism UI child component of nav menu analyst
  */
-var NavMenuAnalystDivider = Component$x;
+var NavMenuAnalystDivider = Component$w;
 
 var navMenuAnalystIcons = {
     home: {
@@ -6040,9 +6064,9 @@ var navMenuAnalystIcons = {
     }
 };
 
-var styles$v = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
+var styles$u = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
 
-var Component$w = function (_a) {
+var Component$v = function (_a) {
     var _b;
     var isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, _c = _a.isParentOpen, isParentOpen = _c === void 0 ? true : _c, isScrollAnimated = _a.isScrollAnimated, onDropdownClick = _a.onDropdownClick, onOptionClick = _a.onOptionClick, _d = _a.openedDropdown, openedDropdown = _d === void 0 ? false : _d, option = _a.option, path = _a.path, _e = _a.queryString, queryString = _e === void 0 ? {} : _e;
     var _f = option.useQueryString, useQueryString = _f === void 0 ? true : _f, _g = option.rel, rel = _g === void 0 ? 'noreferrer' : _g, _h = option.target, target = _h === void 0 ? '_self' : _h;
@@ -6125,7 +6149,7 @@ var Component$w = function (_a) {
         }
     }, [option.data, queryString, useQueryString]);
     var linkStyles = CNM.get({
-        styles: styles$v,
+        styles: styles$u,
         cls: [
             'nav-menu-analyst-option__link',
             isFullWidth && 'nav-menu-analyst-option__link--full-menu',
@@ -6133,7 +6157,7 @@ var Component$w = function (_a) {
         ]
     });
     var dropdownStyles = CNM.get({
-        styles: styles$v,
+        styles: styles$u,
         cls: [
             'nav-menu-analyst-option__dropdown',
             isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
@@ -6151,21 +6175,21 @@ var Component$w = function (_a) {
     }
     return (React.createElement("div", { title: option.title, ref: optionRef },
         React.createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
-                styles: styles$v,
+                styles: styles$u,
                 cls: ['nav-menu-analyst-option__dropdown-list']
             }), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
                 icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
                 size: 18
             } }, option.data.map(function (item, i) { return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
-            item.title && (React.createElement("p", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
-            item.children.map(function (child, j) { return (React.createElement(Component$w, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
+            item.title && (React.createElement("p", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
+            item.children.map(function (child, j) { return (React.createElement(Component$v, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
 };
 /**
  * Organism UI child component of nav menu analyst
  */
-var NavMenuAnalystOption = Component$w;
+var NavMenuAnalystOption = Component$v;
 
-var styles$u = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
+var styles$t = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
 
 var useAnalystModal = function (modals) {
     var _a = useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
@@ -6209,7 +6233,7 @@ var AnalystProvider = function (_a) {
 };
 var useAnalyst = function () { return useContext(AnalystContext); };
 
-var Component$v = function (_a) {
+var Component$u = function (_a) {
     var _b, _c;
     var activeDropdown = _a.activeDropdown, _d = _a.className, className = _d === void 0 ? '' : _d, defaultRegion = _a.defaultRegion, footer = _a.footer, isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, isScrollAnimated = _a.isScrollAnimated, _e = _a.logoProps, logoProps = _e === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _e, onDropdownClick = _a.onDropdownClick, path = _a.path, queryString = _a.queryString, regions = _a.regions, sections = _a.sections, setIsDrawerOpen = _a.setIsDrawerOpen;
     var containerRef = useRef(null);
@@ -6239,17 +6263,17 @@ var Component$v = function (_a) {
         '--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
     };
     return (React.createElement("div", { className: CNM.get({
-            styles: styles$u,
+            styles: styles$t,
             cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
         }) },
-        isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__header'] }) },
+        isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__header'] }) },
             React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
-        React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__container'] }) },
-            React.createElement("div", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React.createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__section'] }) },
+        React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__container'] }) },
+            React.createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React.createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__section'] }) },
                 React.createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
                 section.children.map(function (child, j) { return (React.createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
                     React.createElement(NavMenuAnalystOption, { option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, path: path, openedDropdown: childrenActive(child) && isDrawerOpen, isDrawerOpen: isDrawerOpen, isOpenedFromHeader: isOpenedFromHeader, isScrollAnimated: isScrollAnimated, onDropdownClick: onDropdownClick, queryString: queryString }))); }))); })),
-            regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__region'] }) },
+            regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__region'] }) },
                 React.createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
                         icons: {
                             fallbackIcon: IsoLogoMagnetoDark,
@@ -6260,27 +6284,27 @@ var Component$v = function (_a) {
                             (regions && regions.length > 0 ? regions[0].name : '')
                     } }))),
             React.createElement("footer", { className: CNM.get({
-                    styles: styles$u,
+                    styles: styles$t,
                     cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
-                }) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__footer-section'] }) },
+                }) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__footer-section'] }) },
                 React.createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
                 option.children.map(function (child, j) { return (React.createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
 };
 /**
  * Organism UI component of navigation menu analyst
  */
-var NavMenuAnalyst = Component$v;
+var NavMenuAnalyst = Component$u;
 
-var styles$t = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
+var styles$s = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
 
-var Component$u = function (_a) {
+var Component$t = function (_a) {
     var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
     var cancelButton = useMediaQuery(React.createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
-            styles: styles$t,
+            styles: styles$s,
             cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
         }), onClick: function () { return handleClose(null); } }), {
         sm: (React.createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
-                styles: styles$t,
+                styles: styles$s,
                 cls: [
                     'nav-menu-analyst-region-modal-content__button',
                     'nav-menu-analyst-region-modal-content__button--cancel'
@@ -6288,34 +6312,34 @@ var Component$u = function (_a) {
             }), onClick: function () { return handleClose(null); } }))
     });
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
+        React.createElement("div", { className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
             var name = _a.name, flag = _a.flag, lang = _a.lang;
             return (React.createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
                     icon: flag,
                     alt: lang,
-                    className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__flag'] })
-                }, childrenClassName: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
+                    className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__flag'] })
+                }, childrenClassName: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
                     var lang = _a.lang;
                     return lang === defaultRegion;
                 }) ? defaultRegion === lang : index === 0) &&
                     !selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
                 React.createElement("span", null, name)));
         })),
-        React.createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
+        React.createElement("div", { className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
             cancelButton,
             React.createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
-                    styles: styles$t,
+                    styles: styles$s,
                     cls: [
                         'nav-menu-analyst-region-modal-content__button',
                         'nav-menu-analyst-region-modal-content__button--apply'
                     ]
                 }), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
 };
-var NavMenuAnalystRegionModalContent = Component$u;
+var NavMenuAnalystRegionModalContent = Component$t;
 
-var styles$s = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
+var styles$r = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
 
-var Component$t = function (_a) {
+var Component$s = function (_a) {
     var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
     var _b = useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
     var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
@@ -6323,9 +6347,9 @@ var Component$t = function (_a) {
         setSelectedRegion(null);
         handleRegionChange(region);
     }, [handleRegionChange]);
-    var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal'] }) },
+    var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$r, cls: ['nav-menu-analyst-region-modal'] }) },
         React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
-        sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal'] }) },
+        sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$r, cls: ['nav-menu-analyst-region-modal'] }) },
             React.createElement("h2", null, regionModal.title),
             React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
     });
@@ -6334,24 +6358,24 @@ var Component$t = function (_a) {
 /**
  * Organism UI child component of nav menu analyst
  */
-var NavMenuAnalystRegionModal = Component$t;
+var NavMenuAnalystRegionModal = Component$s;
 
-var styles$r = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
+var styles$q = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
 
-var Component$s = function (_a) {
+var Component$r = function (_a) {
     var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
     var handleClose = useCallback(function () {
         if (onClose) {
             onClose();
         }
     }, [onClose]);
-    return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$r, cls: ['nav-menu-drawer-analyst__drawer'] }) },
+    return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$q, cls: ['nav-menu-drawer-analyst__drawer'] }) },
         React.createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
 };
 /**
  * Organism UI component of navigation menu analyst
  */
-var NavMenuDrawerAnalyst = Component$s;
+var NavMenuDrawerAnalyst = Component$r;
 
 var style$d = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
 
@@ -6560,13 +6584,13 @@ var SelectContext = React.createContext({
 });
 var useSelectContext = function () { return useContext(SelectContext); };
 
-var styles$q = {"select-input":"mg_select_input_select-input_1mcnp","select-input--disabled":"mg_select_input_select-input--disabled_1mcnp","select-input--no-placeholder":"mg_select_input_select-input--no-placeholder_1mcnp","select-input--with-icon":"mg_select_input_select-input--with-icon_1mcnp","select-button":"mg_select_input_select-button_1mcnp","select-button--disabled":"mg_select_input_select-button--disabled_1mcnp","select-button__input":"mg_select_input_select-button_input_1mcnp","select-button__placeholder":"mg_select_input_select-button_placeholder_1mcnp","select-button__placeholder--open":"mg_select_input_select-button_placeholder--open_1mcnp","select-button__placeholder--selected":"mg_select_input_select-button_placeholder--selected_1mcnp","select-button__value":"mg_select_input_select-button_value_1mcnp"};
+var styles$p = {"select-input":"mg_select_input_select-input_1mcnp","select-input--disabled":"mg_select_input_select-input--disabled_1mcnp","select-input--no-placeholder":"mg_select_input_select-input--no-placeholder_1mcnp","select-input--with-icon":"mg_select_input_select-input--with-icon_1mcnp","select-button":"mg_select_input_select-button_1mcnp","select-button--disabled":"mg_select_input_select-button--disabled_1mcnp","select-button__input":"mg_select_input_select-button_input_1mcnp","select-button__placeholder":"mg_select_input_select-button_placeholder_1mcnp","select-button__placeholder--open":"mg_select_input_select-button_placeholder--open_1mcnp","select-button__placeholder--selected":"mg_select_input_select-button_placeholder--selected_1mcnp","select-button__value":"mg_select_input_select-button_value_1mcnp"};
 
-var cx$e = classNames.bind(styles$q);
+var cx$d = classNames.bind(styles$p);
 var getDefaulSelected = function (selected) {
     return selected.map(function (select) { return select.value; }).join(', ');
 };
-var Component$r = function (_a) {
+var Component$q = function (_a) {
     var _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, _c = _a.value, value = _c === void 0 ? '' : _c, className = _a.className, _d = _a.onClick, onClick = _d === void 0 ? stubUndefined : _d, _e = _a.open, open = _e === void 0 ? false : _e, _f = _a.actionIcon, actionIcon = _f === void 0 ? ArrowDown2 : _f, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.getLabel, getLabel = _h === void 0 ? getDefaulSelected : _h, readOnly = _a.readOnly, disabled = _a.disabled, _j = _a.placeholder, placeholder = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'text' : _k, rest = __rest(_a, ["onChange", "value", "className", "onClick", "open", "actionIcon", "selected", "getLabel", "readOnly", "disabled", "placeholder", "type"]);
     var ref = useRef({ onChange: onChange, id: generateID() });
     useEffect(function () {
@@ -6581,29 +6605,29 @@ var Component$r = function (_a) {
             });
     }, [open]);
     if (!readOnly) {
-        return (React.createElement("div", { className: cx$e('select-input', className, {
+        return (React.createElement("div", { className: cx$d('select-input', className, {
                 'select-input--with-icon': actionIcon !== undefined,
                 'select-input--no-placeholder': placeholder.length === 0,
                 'select-input--disabled': disabled
             }), onClick: function () { return (disabled ? null : onClick()); }, "data-name": "select-input", "data-selected": selected.length > 0, "data-is-open": open },
             React.createElement(Input, __assign({ name: ref.current.id, disabled: disabled, value: open ? value : getLabel(selected), onChange: onChange, actionIcon: actionIcon, placeholder: placeholder, type: type }, rest))));
     }
-    return (React.createElement("button", { className: cx$e('select-button', { 'select-button--disabled': disabled }, className), disabled: disabled, onClick: onClick, "data-name": "select-button", "data-selected": selected.length > 0, "data-is-open": open, type: "button" },
-        React.createElement("div", { className: cx$e('select-button__input') },
-            placeholder.length > 0 ? (React.createElement("span", { className: cx$e('select-button__placeholder', {
+    return (React.createElement("button", { className: cx$d('select-button', { 'select-button--disabled': disabled }, className), disabled: disabled, onClick: onClick, "data-name": "select-button", "data-selected": selected.length > 0, "data-is-open": open, type: "button" },
+        React.createElement("div", { className: cx$d('select-button__input') },
+            placeholder.length > 0 ? (React.createElement("span", { className: cx$d('select-button__placeholder', {
                     'select-button__placeholder--open': open,
                     'select-button__placeholder--selected': selected.length > 0
                 }) }, placeholder)) : null,
-            selected.length > 0 ? (React.createElement("span", { className: cx$e('select-button__value', {
+            selected.length > 0 ? (React.createElement("span", { className: cx$d('select-button__value', {
                     'select-button__placeholder--open': open
                 }) }, getLabel(selected))) : null),
         actionIcon ? React.createElement(IconItem, { icon: actionIcon, size: 20 }) : null));
 };
-var SelectInput = Component$r;
+var SelectInput = Component$q;
 
-var styles$p = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
+var styles$o = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
 
-var cx$d = classNames.bind(styles$p);
+var cx$c = classNames.bind(styles$o);
 var SelectClickout = function (_a) {
     var children = _a.children, clickOut = _a.clickOut, setClickOut = _a.setClickOut;
     var _b = Select.useContext(), onSwitch = _b.onSwitch, open = _b.open;
@@ -6620,43 +6644,19 @@ var SelectClickout = function (_a) {
             ref.current.onSwitch(false);
     }, [clickOut]);
     if (open)
-        return React.createElement("div", { className: cx$d('select-click-out') }, children);
+        return React.createElement("div", { className: cx$c('select-click-out') }, children);
     return null;
 };
 var SelectClickout$1 = withClickOut(SelectClickout);
 
-var styles$o = {"select-drawer":"mg_select_drawer_select-drawer_tv0qc"};
+var styles$n = {"select-drawer":"mg_select_drawer_select-drawer_tv0qc"};
 
-var cx$c = classNames.bind(styles$o);
+var cx$b = classNames.bind(styles$n);
 var SelectDrawer = function (_a) {
     var className = _a.className, children = _a.children;
     var _b = Select.useContext(), open = _b.open, onSwitch = _b.onSwitch;
-    return (React.createElement(MobileDrawer, { className: cx$c('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
-};
-
-var styles$n = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
-
-var cx$b = classNames.bind(styles$n);
-var defaultCheck = function (_a) {
-    var type = _a.type, checked = _a.checked;
-    if (type === 'background')
-        return;
-    return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$b('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
-};
-var Component$q = function (_a) {
-    var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
-    return (React.createElement("label", { className: cx$b('checkbox', "checkbox--".concat(display), className, {
-            'checkbox--checked': checked,
-            'checkbox--background': type === 'background'
-        }), "data-name": "checkbox-container", htmlFor: id },
-        renderCheck({ checked: checked, type: type }),
-        React.createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
-                var target = _a.target;
-                return onChange(target.checked);
-            }, type: "checkbox", id: id }, rest)),
-        children));
+    return (React.createElement(MobileDrawer, { className: cx$b('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
 };
-var Checkbox = Component$q;
 
 var styles$m = {"select-list":"mg_select_list_check_select-list_g3qb1","select-list--visible":"mg_select_list_check_select-list--visible_g3qb1","select-list__item":"mg_select_list_check_select-list_item_g3qb1","select-list__checkbox":"mg_select_list_check_select-list_checkbox_g3qb1"};
 
@@ -7770,5 +7770,5 @@ var Component = function (_a) {
 };
 var SuggestedJobsPage = Component;
 
-export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
+export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
 //# sourceMappingURL=index.js.map