magneto365.ui 2.44.1 → 2.45.1

package/dist/cjs/index.js

@@ -250,7 +250,7 @@ var useMediaQuery = function (defaultValue, options) {
 
 var style$Y = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
 
-var Component$1O = function (_a) {
+var Component$1P = function (_a) {
     var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt;
     var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
@@ -266,9 +266,9 @@ var Component$1O = function (_a) {
 /**
  * Atom UI component of Icon for general purpose
  */
-var IconItem = Component$1O;
+var IconItem = Component$1P;
 
-var styles$1J = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
+var styles$1K = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
 
 var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
 
@@ -508,21 +508,21 @@ var QuestionCircle = "https://static.magneto365.com/lib/assets/26163b1c4adfad74.
 
 var ArrowRightWhite = "https://static.magneto365.com/lib/assets/cc2f903ba305015e.svg";
 
-var Component$1N = function (_a) {
+var Component$1O = function (_a) {
     var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
     var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
     var handleError = function () {
         setImageError(true);
     };
-    return (React__default["default"].createElement("div", { className: styles$1J.avatarComponent, onClick: onClick },
+    return (React__default["default"].createElement("div", { className: styles$1K.avatarComponent, onClick: onClick },
         userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
-        (!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$1J['magneto-ui-default-avatar'] },
+        (!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$1K['magneto-ui-default-avatar'] },
             React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
 };
 /**
  * UI Atom component of Avatar
  */
-var Avatar = Component$1N;
+var Avatar = Component$1O;
 
 var BAR_LOADER_PREFIX = '--bar-loader';
 
@@ -639,9 +639,9 @@ var SignUpButtonStyle = {
     }
 };
 
-var styles$1I = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
+var styles$1J = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
 
-var styles$1H = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
+var styles$1I = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
 
 var ShareIcons = {
     Facebook: {
@@ -661,7 +661,7 @@ var ShareIcons = {
     }
 };
 
-var Component$1M = function (_a) {
+var Component$1N = function (_a) {
     var ActionsAnchorIcons = _a.ActionsAnchorIcons, ActionsAnchorLinks = _a.ActionsAnchorLinks, ActionAnchorText = _a.ActionAnchorText, ActionsHeader = _a.ActionsHeader, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, copyButtonProps = _a.copyButtonProps, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
     var _b = React.useState(), component = _b[0], setComponent = _b[1];
     var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
@@ -674,46 +674,46 @@ var Component$1M = function (_a) {
     };
     if (component)
         return component;
-    return (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-actions'] },
-        React__default["default"].createElement("div", { id: styles$1H['magneto-ui__external-child'] }, externalButtonChild),
+    return (React__default["default"].createElement("div", { className: styles$1I['magneto-ui-actions'] },
+        React__default["default"].createElement("div", { id: styles$1I['magneto-ui__external-child'] }, externalButtonChild),
         React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
-        React__default["default"].createElement("button", { className: styles$1H['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
+        React__default["default"].createElement("button", { className: styles$1I['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
                 return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
             } },
             React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
             shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
         actionsLinkList.map(function (_a, index) {
             var url = _a.url, text = _a.text, Icon = _a.Icon;
-            return (React__default["default"].createElement("a", { className: styles$1H['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
+            return (React__default["default"].createElement("a", { className: styles$1I['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
                 React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
                 React__default["default"].createElement("p", { key: index }, text)));
         }),
-        React__default["default"].createElement("div", { className: styles$1H['magneto-ui-actions__header'] },
-            React__default["default"].createElement("p", { className: styles$1H['magneto-ui-actions__header-title'] }, ActionsHeader),
-            offerCompanyName ? React__default["default"].createElement("p", { className: styles$1H['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
+        React__default["default"].createElement("div", { className: styles$1I['magneto-ui-actions__header'] },
+            React__default["default"].createElement("p", { className: styles$1I['magneto-ui-actions__header-title'] }, ActionsHeader),
+            offerCompanyName ? React__default["default"].createElement("p", { className: styles$1I['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
 };
 var ShareLinksAction = function (_a) {
     var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
-    return (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-actions'] },
-        React__default["default"].createElement(ShareButton, __assign({ className: styles$1H['magneto-ui-actions__share'] }, shareProps)),
+    return (React__default["default"].createElement("div", { className: styles$1I['magneto-ui-actions'] },
+        React__default["default"].createElement(ShareButton, __assign({ className: styles$1I['magneto-ui-actions__share'] }, shareProps)),
         shareLinks.map(function (_a, index) {
             var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
-            return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$1H['magneto-ui-actions__link'], styles$1H['magneto-ui-actions__link--no-decorator']].join(' ') },
+            return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$1I['magneto-ui-actions__link'], styles$1I['magneto-ui-actions__link--no-decorator']].join(' ') },
                 React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
                 React__default["default"].createElement("span", null, title)));
         }),
-        React__default["default"].createElement("div", { className: styles$1H['magneto-ui-actions__header'] },
-            React__default["default"].createElement("p", { className: styles$1H['magneto-ui-actions__header-title'] }, ActionsHeader),
-            offerCompanyName ? React__default["default"].createElement("p", { className: styles$1H['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
-        React__default["default"].createElement("div", { className: styles$1H['magneto-ui-actions__back'] },
-            React__default["default"].createElement("button", { className: styles$1H['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
+        React__default["default"].createElement("div", { className: styles$1I['magneto-ui-actions__header'] },
+            React__default["default"].createElement("p", { className: styles$1I['magneto-ui-actions__header-title'] }, ActionsHeader),
+            offerCompanyName ? React__default["default"].createElement("p", { className: styles$1I['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
+        React__default["default"].createElement("div", { className: styles$1I['magneto-ui-actions__back'] },
+            React__default["default"].createElement("button", { className: styles$1I['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
                 React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
             backText)));
 };
 /**
  * UI Molecule componet of Actions
  */
-var Actions = Object.assign(Component$1M, { ShareLinks: ShareLinksAction });
+var Actions = Object.assign(Component$1N, { ShareLinks: ShareLinksAction });
 
 var style$X = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
 
@@ -739,7 +739,7 @@ var alertIcons = {
     warning: Warning,
     error: Error
 };
-var Component$1L = function (_a) {
+var Component$1M = function (_a) {
     var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
     var borderStyle = border ? style$X["".concat(classMUI, "-").concat(type, "--with-border")] : '';
     var typeStyle = style$X["".concat(classMUI, "-").concat(type)];
@@ -751,7 +751,7 @@ var Component$1L = function (_a) {
             React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
         extraButton));
 };
-var Alert = Component$1L;
+var Alert = Component$1M;
 
 var style$V = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
 
@@ -793,7 +793,7 @@ var DrawerPortal = function (_a) {
 
 var style$U = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_kxkzo","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_kxkzo","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_kxkzo","background-drawer":"mg_mobile_drawer_background-drawer_kxkzo","fadeIn":"mg_mobile_drawer_fadeIn_kxkzo","show":"mg_mobile_drawer_show_kxkzo","hidden":"mg_mobile_drawer_hidden_kxkzo"};
 
-var Component$1K = function (_a) {
+var Component$1L = function (_a) {
     var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
     var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
     var _e = React.useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
@@ -829,7 +829,7 @@ var Component$1K = function (_a) {
 /**
  * Molecule UI component for Mobile Drawer
  */
-var MobileDrawer = Component$1K;
+var MobileDrawer = Component$1L;
 
 var style$T = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
 
@@ -885,11 +885,11 @@ var BrandsMenuPopover = function (_a) {
 };
 var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
 
-var styles$1G = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
+var styles$1H = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
 
-var Component$1J = function (_a) {
+var Component$1K = function (_a) {
     var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
-    return (React__default["default"].createElement("div", { className: styles$1G.BreadcrumbsComponent },
+    return (React__default["default"].createElement("div", { className: styles$1H.BreadcrumbsComponent },
         React__default["default"].createElement("a", { href: homeUrl },
             React__default["default"].createElement(IconItem, __assign({}, iconProps))),
         breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
@@ -897,52 +897,52 @@ var Component$1J = function (_a) {
 /**
  * Molecule UI component for breadcrums information
  */
-var Breadcrumbs = Component$1J;
+var Breadcrumbs = Component$1K;
 
-var styles$1F = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
+var styles$1G = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
 
 var CitiesDetailDrawer = function (_a) {
     var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
-    return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("div", { className: styles$1F['magneto-ui-cities-detail-drawer__item-detail-icon'] },
+    return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("div", { className: styles$1G['magneto-ui-cities-detail-drawer__item-detail-icon'] },
             React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
-        React__default["default"].createElement("div", { className: styles$1F['magneto-ui-cities-detail-drawer__item-detail-text'] },
-            isRemote && (React__default["default"].createElement("p", { className: styles$1F['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
+        React__default["default"].createElement("div", { className: styles$1G['magneto-ui-cities-detail-drawer__item-detail-text'] },
+            isRemote && (React__default["default"].createElement("p", { className: styles$1G['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
             cities &&
                 cities.map(function (_a, index) {
                     var name = _a.name, url = _a.url, title = _a.title;
-                    return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
+                    return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
                         url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
                         index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
                 })))) : null));
 };
 
-var styles$1E = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
+var styles$1F = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
 
-var Component$1I = function (_a) {
+var Component$1J = function (_a) {
     var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
     var disabledArrow = React.useMemo(function () {
         if (disabled)
-            return (React__default["default"].createElement(IconItem, { className: styles$1E['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
+            return (React__default["default"].createElement(IconItem, { className: styles$1F['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
         return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
     }, [disabled]);
-    return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui--date-dropdown__wrapper'] },
-        React__default["default"].createElement("select", { className: styles$1E["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
-            React__default["default"].createElement("option", { className: styles$1E['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
+    return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui--date-dropdown__wrapper'] },
+        React__default["default"].createElement("select", { className: styles$1F["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
+            React__default["default"].createElement("option", { className: styles$1F['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
             dateOptions.map(function (_a) {
                 var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
-                return (React__default["default"].createElement("option", { className: styles$1E['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
+                return (React__default["default"].createElement("option", { className: styles$1F['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
             })),
-        React__default["default"].createElement("span", { className: styles$1E['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
+        React__default["default"].createElement("span", { className: styles$1F['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
 };
-var DateDropdown = Component$1I;
+var DateDropdown = Component$1J;
 
-var styles$1D = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
+var styles$1E = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
 
 var defaultValue$1 = function (value) {
     return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
 };
-var Component$1H = function (_a) {
+var Component$1I = function (_a) {
     var monthOptionsLabels = _a.monthOptionsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, futureYears = _a.futureYears, pastYears = _a.pastYears;
     var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
     var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
@@ -976,16 +976,16 @@ var Component$1H = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [disabled]);
-    return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui--date-picker__wrapper'] },
+    return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui--date-picker__wrapper'] },
         React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
         React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
 };
-var DatePicker = Component$1H;
+var DatePicker = Component$1I;
 
 var style$S = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
 
 var DEFAULT_PADDING = 20;
-var Component$1G = function (_a) {
+var Component$1H = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d;
     var fullDrawer = isFull ? "full-drawer" : '';
     var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
@@ -1031,7 +1031,7 @@ var Component$1G = function (_a) {
 /**
  * Molecule UI component for Drawer
  */
-var Drawer = Component$1G;
+var Drawer = Component$1H;
 
 var style$R = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
 
@@ -1087,7 +1087,7 @@ var isDate = function (value) {
     return value instanceof Date && !isNaN(value.valueOf());
 };
 
-var styles$1C = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
+var styles$1D = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
 
 var FilterMenuItem = function (_a) {
     var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
@@ -1102,35 +1102,35 @@ var FilterMenuItem = function (_a) {
         return isSearched || isApplied || hiddenCount ? false : !total;
     }, [total, isApplied, isSearched, hiddenCount]);
     var className = React.useMemo(function () {
-        return isApplied ? styles$1C.selected : isSearched ? styles$1C.isSearched : hiddenCount ? '' : !total && styles$1C.disabled;
+        return isApplied ? styles$1D.selected : isSearched ? styles$1D.isSearched : hiddenCount ? '' : !total && styles$1D.disabled;
     }, [total, isApplied, isSearched, hiddenCount]);
     var handleClick = React.useCallback(function () {
         var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
         setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
     }, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
     if (loading)
-        return React__default["default"].createElement("div", { className: styles$1C.skeleton });
-    return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1C['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
+        return React__default["default"].createElement("div", { className: styles$1D.skeleton });
+    return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1D['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
         React__default["default"].createElement("span", null, label),
         displayOutput));
 };
 
-var styles$1B = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
+var styles$1C = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
 
 var FilterSearchItem = function (_a) {
     var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
     var inputRef = React.useRef(null);
     if (loading)
-        return (React__default["default"].createElement("div", { className: styles$1B.skeleton },
+        return (React__default["default"].createElement("div", { className: styles$1C.skeleton },
             React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
-    return (React__default["default"].createElement("div", { className: "".concat(styles$1B['magneto-ui-filter-search'], " ").concat(disabled ? styles$1B.disabled : '') },
+    return (React__default["default"].createElement("div", { className: "".concat(styles$1C['magneto-ui-filter-search'], " ").concat(disabled ? styles$1C.disabled : '') },
         React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
         React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
 };
 
-var styles$1A = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
+var styles$1B = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
 
-var Component$1F = function (_a) {
+var Component$1G = function (_a) {
     var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
     var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
     var searchListDinamyc = React.useMemo(function () {
@@ -1140,46 +1140,46 @@ var Component$1F = function (_a) {
         return searchList;
     }, [searchList, showFullList]);
     var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1A['magneto-ui-frequent-search'] },
-        React__default["default"].createElement("h2", { className: styles$1A['magneto-ui-frequent-search__heading'] }, searchHeading),
-        React__default["default"].createElement("div", { className: styles$1A['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1B['magneto-ui-frequent-search'] },
+        React__default["default"].createElement("h2", { className: styles$1B['magneto-ui-frequent-search__heading'] }, searchHeading),
+        React__default["default"].createElement("div", { className: styles$1B['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
             var props = __rest(_a, []);
             return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
         })),
-        React__default["default"].createElement("div", { className: styles$1A['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1A['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
+        React__default["default"].createElement("div", { className: styles$1B['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1B['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
             showMore,
             " (",
             searchList.length,
-            ")")) : (React__default["default"].createElement("button", { className: styles$1A['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
+            ")")) : (React__default["default"].createElement("button", { className: styles$1B['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
 };
 /**
  * UI Atom component of Frequent Search
  */
-var FrequentSearch = Component$1F;
+var FrequentSearch = Component$1G;
 
 var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
 
-var Component$1E = function (_a) {
+var Component$1F = function (_a) {
     var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
     return (React__default["default"].createElement("div", { className: style$P['header-drawer-company'] },
         React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
         React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
         React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
 };
-var HeaderDrawerCompany = Component$1E;
+var HeaderDrawerCompany = Component$1F;
 
-var styles$1z = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
+var styles$1A = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
 
-var Component$1D = function (_a) {
+var Component$1E = function (_a) {
     var children = _a.children;
-    return React__default["default"].createElement("div", { className: styles$1z.TabComponent }, children);
+    return React__default["default"].createElement("div", { className: styles$1A.TabComponent }, children);
 };
 /**
  * Molecule UI for Tab
  */
-var Tab = Component$1D;
+var Tab = Component$1E;
 
-var styles$1y = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
+var styles$1z = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
 
 var toCSSVariables = function (input) {
     var output = {};
@@ -1194,35 +1194,35 @@ var toCSSVariables = function (input) {
     return output;
 };
 
-var Component$1C = function (_a) {
+var Component$1D = function (_a) {
     var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
     var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
     var boxShadow = (tabButtonStyles || {}).boxShadow;
-    return (React__default["default"].createElement("div", { className: styles$1y.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
+    return (React__default["default"].createElement("div", { className: styles$1z.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
 };
 /**
  * Molecule UI component for Tab Button
  */
-var TabButton = Component$1C;
+var TabButton = Component$1D;
 
-var styles$1x = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
+var styles$1y = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
 
-var Component$1B = function (_a) {
+var Component$1C = function (_a) {
     var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
-    return (React__default["default"].createElement("div", { className: styles$1x.HeaderDrawerTabsComponent },
+    return (React__default["default"].createElement("div", { className: styles$1y.HeaderDrawerTabsComponent },
         React__default["default"].createElement("a", { href: homeUrl },
             React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
         React__default["default"].createElement(Tab, null,
             React__default["default"].createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
             React__default["default"].createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
 };
-var HeaderDrawerTabs = Component$1B;
+var HeaderDrawerTabs = Component$1C;
 
-var styles$1w = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
+var styles$1x = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
 
-var Component$1A = function (_a) {
+var Component$1B = function (_a) {
     var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
-    return (React__default["default"].createElement("div", { className: styles$1w.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
+    return (React__default["default"].createElement("div", { className: styles$1x.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
         var headerTabProps = __rest(_a, []);
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
             React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
@@ -1233,9 +1233,9 @@ var Component$1A = function (_a) {
 /**
  * Molecule UI component for header tabs information`
  */
-var HeaderTabs = Component$1A;
+var HeaderTabs = Component$1B;
 
-var styles$1v = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
+var styles$1w = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
 
 var Input = function (_a) {
     var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
@@ -1270,28 +1270,28 @@ var Input = function (_a) {
         setInputValue(e.target.value);
     }, [onChange]);
     return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
-        React__default["default"].createElement("div", { className: styles$1v["".concat(classMUI, "-input")] },
+        React__default["default"].createElement("div", { className: styles$1w["".concat(classMUI, "-input")] },
             React__default["default"].createElement("div", null,
-                React__default["default"].createElement("div", { className: styles$1v["".concat(classMUI, "-input--container")] },
+                React__default["default"].createElement("div", { className: styles$1w["".concat(classMUI, "-input--container")] },
                     React__default["default"].createElement("label", { htmlFor: name, style: {
                             left: hideIcon ? '10px' : '40px',
                             top: haveValueOrFocus ? '30%' : '45%',
                             fontSize: haveValueOrFocus ? '12px' : '14px'
-                        }, className: styles$1v["".concat(classMUI, "-input--container__label")] }, placeholder),
+                        }, className: styles$1w["".concat(classMUI, "-input--container__label")] }, placeholder),
                     React__default["default"].createElement("input", __assign({}, props, { style: {
                             padding: hideIcon ? '0px 10px' : '0px 40px'
-                        }, disabled: disabled, className: styles$1v["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
-                    hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1v["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
-                    actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1v["".concat(classMUI, "-input--container__icon-action")] },
+                        }, disabled: disabled, className: styles$1w["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
+                    hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1w["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
+                    actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1w["".concat(classMUI, "-input--container__icon-action")] },
                         React__default["default"].createElement("img", { src: actionIcon }))) : null))),
-        React__default["default"].createElement("div", { className: "".concat(styles$1v["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1v['footer-without-error'] : '') },
-            error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1v["".concat(classMUI, "-input--container__error")] }, error)),
+        React__default["default"].createElement("div", { className: "".concat(styles$1w["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1w['footer-without-error'] : '') },
+            error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1w["".concat(classMUI, "-input--container__error")] }, error)),
             hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
 };
 
-var styles$1u = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
+var styles$1v = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
 
-var Component$1z = function (_a) {
+var Component$1A = function (_a) {
     var color = _a.color, size = _a.size, secondColor = _a.secondColor;
     var loadingSize = React.useMemo(function () {
         if (size) {
@@ -1305,11 +1305,11 @@ var Component$1z = function (_a) {
             height: '15px'
         };
     }, [size]);
-    return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1u["".concat(classMUI, "-flat-loader")] }));
+    return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1v["".concat(classMUI, "-flat-loader")] }));
 };
-var FlatLoader = Component$1z;
+var FlatLoader = Component$1A;
 
-var styles$1t = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
+var styles$1u = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
 
 var InputPlus = function (_a) {
     var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue;
@@ -1353,16 +1353,16 @@ var InputPlus = function (_a) {
             }
         }
     }, [disabledBtn, handleSubmmit]);
-    return (React__default["default"].createElement("div", { className: "".concat(styles$1t["".concat(classMUI, "-input-plus")], " ").concat(className) },
+    return (React__default["default"].createElement("div", { className: "".concat(styles$1u["".concat(classMUI, "-input-plus")], " ").concat(className) },
         React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
-        React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1t["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1t.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1t['disabled-img'] : ''), src: Add2, alt: "icon" })))));
+        React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1u["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1u.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1u['disabled-img'] : ''), src: Add2, alt: "icon" })))));
 };
 
-var styles$1s = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
+var styles$1t = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
 
 var style$O = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
 
-var Component$1y = function (_a) {
+var Component$1z = function (_a) {
     var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
     var _f = React.useState(false), show = _f[0], setShow = _f[1];
     return (React__default["default"].createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
@@ -1380,10 +1380,10 @@ var Component$1y = function (_a) {
         React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
             React__default["default"].createElement(IconItem, { size: 20, icon: Share }))));
 };
-Component$1y.displayName = 'SharePopover';
-var SharePopover = Component$1y;
+Component$1z.displayName = 'SharePopover';
+var SharePopover = Component$1z;
 
-var Component$1x = function (_a) {
+var Component$1y = function (_a) {
     var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
     var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
         icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
@@ -1391,30 +1391,30 @@ var Component$1x = function (_a) {
         title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
     }); });
     var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
-    return (React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-actions'] },
-        React__default["default"].createElement("div", { id: styles$1s['magneto-ui__external-child'] }, externalButtonChild),
-        React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-actions__buttons-wrapper'] },
+    return (React__default["default"].createElement("div", { className: styles$1t['magneto-ui-job-actions'] },
+        React__default["default"].createElement("div", { id: styles$1t['magneto-ui__external-child'] }, externalButtonChild),
+        React__default["default"].createElement("div", { className: styles$1t['magneto-ui-job-actions__buttons-wrapper'] },
             React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
             React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
             filteredActionsLinkList.map(function (_a) {
                 var url = _a.url, title = _a.title, icon = _a.icon;
-                return (React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
-                    React__default["default"].createElement("a", { className: styles$1s['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
+                return (React__default["default"].createElement("div", { className: styles$1t['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
+                    React__default["default"].createElement("a", { className: styles$1t['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
                         React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon }))));
             }))));
 };
 /**
  * UI Molecule Component for Jobs Actions
  */
-var JobActions = Component$1x;
+var JobActions = Component$1y;
 
-var styles$1r = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
+var styles$1s = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
 
-var Component$1w = function (_a) {
+var Component$1x = function (_a) {
     var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
-    return (React__default["default"].createElement("div", { className: styles$1r['magneto-ui-job-apply-card'] },
-        React__default["default"].createElement("div", { className: styles$1r['magneto-ui-job-apply-card__wrapper'] },
-            React__default["default"].createElement("div", { className: styles$1r['magneto-ui-job-apply-card__header'] },
+    return (React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-apply-card'] },
+        React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-apply-card__wrapper'] },
+            React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-apply-card__header'] },
                 React__default["default"].createElement("p", null, offerApplyHeader),
                 (offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
                     offerApplyElements
@@ -1424,16 +1424,16 @@ var Component$1w = function (_a) {
                     })
                         .map(function (_a) {
                         var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
-                        return (React__default["default"].createElement("div", { className: styles$1r['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
+                        return (React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
                             React__default["default"].createElement("p", null, offerApplyLabel),
                             React__default["default"].createElement("p", null, offerApplyInfo)));
                     })),
-            React__default["default"].createElement("div", { id: styles$1r['magneto-ui__external-child'] }, externalChild))));
+            React__default["default"].createElement("div", { id: styles$1s['magneto-ui__external-child'] }, externalChild))));
 };
 /**
  * UI Molecule Component for Job Apply Card
  */
-var JobApplyCard = Component$1w;
+var JobApplyCard = Component$1x;
 
 var style$N = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
 
@@ -1517,29 +1517,29 @@ var JobCard = function (_a) {
     return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
 };
 
-var styles$1q = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
+var styles$1r = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
 
-var Component$1v = function (_a) {
+var Component$1w = function (_a) {
     var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
-    return (React__default["default"].createElement("div", { className: styles$1q['magneto-ui-job-company-header'] },
+    return (React__default["default"].createElement("div", { className: styles$1r['magneto-ui-job-company-header'] },
         React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
         React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps))));
 };
 /**
  * UI Molecule component for Company Job Header
  */
-var JobCompanyHeader = Component$1v;
+var JobCompanyHeader = Component$1w;
 
-var styles$1p = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
+var styles$1q = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
 
-var Component$1u = function (_a) {
+var Component$1v = function (_a) {
     var offerDescription = _a.offerDescription;
-    return (React__default["default"].createElement("div", { className: styles$1p['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
+    return (React__default["default"].createElement("div", { className: styles$1q['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
 };
 /**
  * UI Molecule Component for Job Detail Card Header
  */
-var JobDetailCard = Component$1u;
+var JobDetailCard = Component$1v;
 
 var style$L = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
 
@@ -1554,9 +1554,9 @@ var JobDetailContainer = function (_a) {
         children));
 };
 
-var styles$1o = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
+var styles$1p = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
 
-var Component$1t = function (_a) {
+var Component$1u = function (_a) {
     var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
     var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
         icon: iconList && iconList[index],
@@ -1566,27 +1566,27 @@ var Component$1t = function (_a) {
         var offerDetailText = _a.offerDetailText;
         return !!offerDetailText;
     });
-    return (React__default["default"].createElement("div", { className: styles$1o['magneto-ui-job-details'] },
-        React__default["default"].createElement("div", { className: styles$1o['magneto-ui-job-details__wrapper'] },
+    return (React__default["default"].createElement("div", { className: styles$1p['magneto-ui-job-details'] },
+        React__default["default"].createElement("div", { className: styles$1p['magneto-ui-job-details__wrapper'] },
             (jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
                 (jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
                     var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
-                    return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1o['magneto-ui-job-details__item-detail'] },
-                        React__default["default"].createElement("div", { className: styles$1o['magneto-ui-job-details__item-detail-icon'] },
+                    return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1p['magneto-ui-job-details__item-detail'] },
+                        React__default["default"].createElement("div", { className: styles$1p['magneto-ui-job-details__item-detail-icon'] },
                             React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
-                        React__default["default"].createElement("p", { className: styles$1o['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
+                        React__default["default"].createElement("p", { className: styles$1p['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
                 })),
             React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
 };
 /**
  * UI Molecule component for Job Detail
  */
-Component$1t.displayName = 'JobDetails';
-var JobDetails = Component$1t;
+Component$1u.displayName = 'JobDetails';
+var JobDetails = Component$1u;
 
-var styles$1n = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_11agr","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_11agr","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_11agr","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_11agr"};
+var styles$1o = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
 
-var Component$1s = function (_a) {
+var Component$1t = function (_a) {
     var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
     var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
         var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
@@ -1597,28 +1597,28 @@ var Component$1s = function (_a) {
             title: title
         });
     });
-    return (React__default["default"].createElement("div", { className: styles$1n['magneto-ui-job-footer-card'] },
+    return (React__default["default"].createElement("div", { className: styles$1o['magneto-ui-job-footer-card'] },
         React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
-        React__default["default"].createElement("div", { className: styles$1n['magneto-ui-job-footer-card__icons'] },
+        React__default["default"].createElement("div", { className: styles$1o['magneto-ui-job-footer-card__icons'] },
             React__default["default"].createElement("p", null, offerFooterHeader),
-            React__default["default"].createElement("div", { className: styles$1n['magneto-ui-job-footer-card__wrapper'] },
+            React__default["default"].createElement("div", { className: styles$1o['magneto-ui-job-footer-card__wrapper'] },
                 (jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
                     (jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
                         var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
                         return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
                             React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
                     })),
-                React__default["default"].createElement("div", { className: styles$1n['magneto-ui__share-button'] },
+                React__default["default"].createElement("div", { className: styles$1o['magneto-ui__share-button'] },
                     React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
 };
 /**
  * UI Molecule component for Job Footer Card
  */
-var JobFooterCard = Component$1s;
+var JobFooterCard = Component$1t;
 
-var styles$1m = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
+var styles$1n = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
 
-var Component$1r = function (_a) {
+var Component$1s = function (_a) {
     var name = _a.name, score = _a.score;
     var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
     var skillRef = React.useRef(null);
@@ -1654,21 +1654,21 @@ var Component$1r = function (_a) {
         4: 'four'
     };
     var levelClass = scoreToLevel[score || 0] || '';
-    var fillAnimation = animationApplied ? styles$1m[levelClass] : '';
-    return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1m['magneto-ui-skill'] },
-        React__default["default"].createElement("div", { className: styles$1m['magneto-ui-skill__wrapper'] },
+    var fillAnimation = animationApplied ? styles$1n[levelClass] : '';
+    return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1n['magneto-ui-skill'] },
+        React__default["default"].createElement("div", { className: styles$1n['magneto-ui-skill__wrapper'] },
             React__default["default"].createElement("p", null, name),
-            React__default["default"].createElement("div", { className: "".concat(styles$1m['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1m['magneto-ui-skill--no-animation']) }))));
+            React__default["default"].createElement("div", { className: "".concat(styles$1n['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1n['magneto-ui-skill--no-animation']) }))));
 };
-var Skill = Component$1r;
+var Skill = Component$1s;
 
-var styles$1l = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
+var styles$1m = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
 
-var Component$1q = function (_a) {
+var Component$1r = function (_a) {
     var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
-    return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1l['magneto-ui-job-skills-card'] },
+    return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1m['magneto-ui-job-skills-card'] },
         React__default["default"].createElement("p", null, offerSkillsLabel),
-        React__default["default"].createElement("div", { className: styles$1l['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
+        React__default["default"].createElement("div", { className: styles$1m['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
             var name = _a.name, score = _a.score, id = _a.id;
             return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
                 React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
@@ -1677,9 +1677,9 @@ var Component$1q = function (_a) {
 /**
  * UI Molecule component of Job Skills Card
  */
-var JobSkillsCard = Component$1q;
+var JobSkillsCard = Component$1r;
 
-var styles$1k = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
+var styles$1l = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
 
 var JobVideo = function (_a) {
     var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
@@ -1694,13 +1694,13 @@ var JobVideo = function (_a) {
             setLoadVideo && setLoadVideo(false);
         }
     }, [detailJobId, jobId, setLoadVideo]);
-    return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1k[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1k['magneto-ui-job-video'], onClick: handleLoadVideo },
+    return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1l[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1l['magneto-ui-job-video'], onClick: handleLoadVideo },
         React__default["default"].createElement(Image, __assign({}, imageProps))));
 };
 
 var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
 
-var Component$1p = function (_a) {
+var Component$1q = function (_a) {
     var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
     return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
         var icon = _a.icon, url = _a.url, title = _a.title;
@@ -1708,11 +1708,11 @@ var Component$1p = function (_a) {
             React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
     })));
 };
-var ListIconLink = Component$1p;
+var ListIconLink = Component$1q;
 
 var style$J = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
 
-var Component$1o = function (_a) {
+var Component$1p = function (_a) {
     var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
     var menuActive = isActive ? style$J['isActive'] : '';
     return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
@@ -1721,11 +1721,11 @@ var Component$1o = function (_a) {
         icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
         React__default["default"].createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
 };
-var MenuIcon = Component$1o;
+var MenuIcon = Component$1p;
 
 var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
 
-var Component$1n = function (_a) {
+var Component$1o = function (_a) {
     var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
     var logoutText = logout.logoutText, onClick = logout.onClick;
     var settingsText = settings.settingsText, onClickSettings = settings.onClick;
@@ -1746,16 +1746,16 @@ var Component$1n = function (_a) {
         React__default["default"].createElement(Divider, null),
         React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
 };
-var ListMenuIcons = Component$1n;
+var ListMenuIcons = Component$1o;
 
-var Component$1m = function (_a) {
+var Component$1n = function (_a) {
     var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
     return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
         var text = _a.text, url = _a.url, slug = _a.slug;
         return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
     })));
 };
-var ListMenuItems = Component$1m;
+var ListMenuItems = Component$1n;
 
 var style$H = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
 
@@ -1798,17 +1798,167 @@ var MagnetoResolution = function (_a) {
             React__default["default"].createElement("a", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
 };
 
-var styles$1j = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
+var styles$1k = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
+
+var Image = function (_a) {
+    var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
+        playIcon && React__default["default"].createElement("div", { className: styles$1k['magneto-ui-play-button'] }, playIcon)));
+};
+
+var styles$1j = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_198ar","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_198ar","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_198ar","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_198ar","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_198ar","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_198ar"};
+
+var MegaMenuCard = function (_a) {
+    var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
+    var handleClick = React.useCallback(function (event) {
+        if (onClick != null) {
+            event.preventDefault();
+            onClick();
+        }
+    }, [onClick]);
+    return (React__default["default"].createElement("a", { className: "".concat(styles$1j["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
+        icon && (React__default["default"].createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__icon"] },
+            React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
+        logo && (React__default["default"].createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__logo"] },
+            React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1j["magneto-ui-mega-menu-card__logo"] }))),
+        React__default["default"].createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__content"] },
+            React__default["default"].createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__title"] }, title),
+            React__default["default"].createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas, " cupos"))),
+        showRigthArrow && (React__default["default"].createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__arrow"] },
+            React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
+};
+
+var style$E = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_11ld6","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_11ld6","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_11ld6","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_11ld6"};
+
+var styles$1i = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
+
+var Component$1m = function (_a) {
+    var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
+    var handleClick = React.useCallback(function (event) {
+        if (onClick) {
+            event.preventDefault();
+            onClick();
+        }
+    }, [onClick]);
+    return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1i['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
+        suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1i['button-link__icon'] })),
+        buttonText && React__default["default"].createElement("p", { className: styles$1i['button-link__text'] }, buttonText),
+        prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1i['button-link__icon'] }))));
+};
+/**
+ * UI Atom Component of Save Button
+ */
+var ButtonLink = Component$1m;
+
+var MegaMenuCards = function (_a) {
+    var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className;
+    return (React__default["default"].createElement("nav", { className: className },
+        title && (React__default["default"].createElement("div", { className: "".concat(style$E["mega-menu-cards__title"]) },
+            React__default["default"].createElement("h4", null, title),
+            actionTitle && (React__default["default"].createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$E["mega-menu-cards__action--grey"]) })))),
+        React__default["default"].createElement("ul", { className: "".concat(style$E["mega-menu-cards"]) }, jobs &&
+            jobs.slice(0, 39).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
+                React__default["default"].createElement(MegaMenuCard, __assign({}, job)))); })),
+        action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$E["mega-menu-cards__action"]) }))));
+};
+
+var style$D = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
+
+var initialContext = {
+    socialHeaderProps: {
+        helpOptions: [],
+        tabs: []
+    },
+    jobsProps: {
+        tabs: []
+    },
+    mainHeaderProps: {}
+};
+var MegaMenuContext = React.createContext(initialContext);
+var MegaMenuProvider = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return React__default["default"].createElement(MegaMenuContext.Provider, { value: props }, children);
+};
+var useMegaMenu = function () { return React.useContext(MegaMenuContext); };
+var useMegaMenuSocialHeader = function () {
+    var socialHeaderProps = React.useContext(MegaMenuContext).socialHeaderProps;
+    return socialHeaderProps;
+};
+var useMegaMenuJobs = function () {
+    var jobsProps = React.useContext(MegaMenuContext).jobsProps;
+    return jobsProps;
+};
+var useMegaMenuMain = function () {
+    var mainHeaderProps = React.useContext(MegaMenuContext).mainHeaderProps;
+    return mainHeaderProps;
+};
+
+var MegaMenuJobsTabs = function () {
+    var _a = React.useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
+    var _b = useMegaMenuJobs(), tabs = _b.tabs, onChangeTab = _b.onChangeTab;
+    var onClickTab = React.useCallback(function (index) { return function () {
+        setSelectedTab(index);
+        onChangeTab && onChangeTab(index);
+    }; }, [onChangeTab]);
+    var isSelectedTab = React.useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
+    var content = React.useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
+    return (React__default["default"].createElement("div", { className: "".concat(style$D["mega-menu-jobs-tabs__container"]) },
+        React__default["default"].createElement("nav", null,
+            React__default["default"].createElement("ul", { className: "".concat(style$D["mega-menu-jobs-tabs"]) },
+                tabs &&
+                    tabs.map(function (_a, index) {
+                        var label = _a.label, url = _a.url;
+                        return (React__default["default"].createElement("li", { key: index },
+                            React__default["default"].createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$D["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$D["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
+                    }),
+                React__default["default"].createElement(Divider, { direction: 'VERTICAL' }),
+                React__default["default"].createElement("li", null,
+                    React__default["default"].createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
+        React__default["default"].createElement(Divider, null),
+        React__default["default"].createElement("div", { className: "".concat(style$D["mega-menu-jobs-tabs__content"]) }, content)));
+};
+
+var styles$1h = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
+
+var popoverClassName = 'magneto-ui-mega-menu-popover';
+var MegaMenuPopover = function (_a) {
+    var children = _a.children;
+    var _b = React.useState(false), showContent = _b[0], setShowContent = _b[1];
+    var jobAction = useMegaMenuJobs().jobAction;
+    var handleShowContent = React.useCallback(function (show) { return function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        setShowContent(show);
+    }; }, []);
+    React.useEffect(function () {
+        var body = document.body;
+        if (!body)
+            return;
+        body.style.overflowY = showContent ? 'hidden' : 'auto';
+    }, [showContent]);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1h["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
+            React__default["default"].createElement("p", { className: "".concat(styles$1h["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
+            React__default["default"].createElement(IconItem, { className: "".concat(styles$1h["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1h["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
+        React__default["default"].createElement("div", { className: "".concat(styles$1h["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1h["".concat(popoverClassName, "__dropdown--open")] : '') },
+            React__default["default"].createElement("div", { className: styles$1h["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
+            React__default["default"].createElement("div", { className: styles$1h["".concat(popoverClassName, "__content")], onClick: function (event) {
+                    event.stopPropagation();
+                } }, children))));
+};
+
+var styles$1g = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
 
 var MenuSearch = function (_a) {
     var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
     var onBlur = React.useCallback(function () {
         handleOnBlur && handleOnBlur();
     }, [handleOnBlur]);
-    return (React__default["default"].createElement("div", { className: styles$1j['magneto-ui-menu-search'], onBlur: onBlur },
-        React__default["default"].createElement("div", { className: styles$1j['magneto-ui-menu-search_container'] },
+    return (React__default["default"].createElement("div", { className: styles$1g['magneto-ui-menu-search'], onBlur: onBlur },
+        React__default["default"].createElement("div", { className: styles$1g['magneto-ui-menu-search_container'] },
             children,
-            React__default["default"].createElement("div", { className: "".concat(styles$1j['magneto-ui-menu-search_content'], " ").concat(show && styles$1j.open) }, content))));
+            React__default["default"].createElement("div", { className: "".concat(styles$1g['magneto-ui-menu-search_content'], " ").concat(show && styles$1g.open) }, content))));
 };
 
 var initialState = {
@@ -1823,7 +1973,7 @@ var iconByType = {
     error: Error
 };
 
-var styles$1i = {"container":"mg_message_container_ccx0d","show":"mg_message_show_ccx0d","fadeIn":"mg_message_fadeIn_ccx0d","fadeOut":"mg_message_fadeOut_ccx0d","icon":"mg_message_icon_ccx0d"};
+var styles$1f = {"container":"mg_message_container_ccx0d","show":"mg_message_show_ccx0d","fadeIn":"mg_message_fadeIn_ccx0d","fadeOut":"mg_message_fadeOut_ccx0d","icon":"mg_message_icon_ccx0d"};
 
 var Message = function (props) {
     var _a = React.useState(__assign(__assign({}, initialState), props)), _b = _a[0], text = _b.text, _c = _b.type, type = _c === void 0 ? 'info' : _c, _d = _b.duration, duration = _d === void 0 ? 3000 : _d, setContent = _a[1];
@@ -1838,8 +1988,8 @@ var Message = function (props) {
         messageRef.current.style.setProperty('--default-duration', exitDuration);
     }, [duration]);
     return (React__default["default"].createElement(React.Fragment, null, text &&
-        ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { ref: messageRef, className: "".concat(styles$1i.container, " ").concat(styles$1i.show) },
-            React__default["default"].createElement("img", { src: iconByType[type], className: styles$1i.icon, alt: type }),
+        ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { ref: messageRef, className: "".concat(styles$1f.container, " ").concat(styles$1f.show) },
+            React__default["default"].createElement("img", { src: iconByType[type], className: styles$1f.icon, alt: type }),
             text), document.body)));
 };
 var message = function (props) {
@@ -1857,11 +2007,11 @@ var message = function (props) {
     setTimeout(function () { return document.body.removeChild(container); }, duration);
 };
 
-var styles$1h = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
+var styles$1e = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
 
 var Component$1l = function (_a) {
     var returnText = _a.returnText, onClick = _a.onClick;
-    return (React__default["default"].createElement("div", { className: styles$1h['magneto-ui-mobile-job-details-header'] },
+    return (React__default["default"].createElement("div", { className: styles$1e['magneto-ui-mobile-job-details-header'] },
         React__default["default"].createElement("button", { onClick: onClick },
             React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
         React__default["default"].createElement("p", null, returnText)));
@@ -1871,7 +2021,7 @@ var Component$1l = function (_a) {
  */
 var MobileJobDetailsHeader = Component$1l;
 
-var styles$1g = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_13z2b","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_13z2b","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_13z2b"};
+var styles$1d = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_sti8t","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_sti8t","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_sti8t","search-badge":"mg_mobile_searchbar_search-badge_sti8t"};
 
 var Component$1k = function (_a) {
     var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
@@ -1895,19 +2045,20 @@ var Component$1k = function (_a) {
             (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [focusSearchInput]);
-    return (React__default["default"].createElement("div", { className: styles$1g.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
+    return (React__default["default"].createElement("div", { className: styles$1d.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
         React__default["default"].createElement("form", { onSubmit: handleSubmit },
-            React__default["default"].createElement(MainButton, __assign({ className: styles$1g['magneto-ui-search-button'] }, searchMobileProps)),
+            searchValue && React__default["default"].createElement("div", { className: styles$1d['search-badge'] }),
+            React__default["default"].createElement(MainButton, __assign({ className: styles$1d['magneto-ui-search-button'] }, searchMobileProps)),
             React__default["default"].createElement("label", { htmlFor: "search" }),
             React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
-            React__default["default"].createElement(MainButton, __assign({ className: styles$1g['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
+            React__default["default"].createElement(MainButton, __assign({ className: styles$1d['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
 };
 /**
  * Molecule UI component for MobileSearchbar
  */
 var MobileSearchbar = Component$1k;
 
-var styles$1f = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
+var styles$1c = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
 
 var Modal = function (_a) {
     var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
@@ -1920,40 +2071,40 @@ var Modal = function (_a) {
     if (!isOpen)
         return null;
     return (React__default["default"].createElement(React.Fragment, null,
-        React__default["default"].createElement("div", { className: "".concat(styles$1f["".concat(classMUI, "-modal")], " ").concat(className) },
-            title ? React__default["default"].createElement("h2", { className: "".concat(styles$1f["".concat(classMUI, "-modal__title")]) }, title) : null,
-            description ? React__default["default"].createElement("p", { className: "".concat(styles$1f["".concat(classMUI, "-modal__description")]) }, description) : null,
+        React__default["default"].createElement("div", { className: "".concat(styles$1c["".concat(classMUI, "-modal")], " ").concat(className) },
+            title ? React__default["default"].createElement("h2", { className: "".concat(styles$1c["".concat(classMUI, "-modal__title")]) }, title) : null,
+            description ? React__default["default"].createElement("p", { className: "".concat(styles$1c["".concat(classMUI, "-modal__description")]) }, description) : null,
             children,
-            React__default["default"].createElement("button", { className: "".concat(styles$1f["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
+            React__default["default"].createElement("button", { className: "".concat(styles$1c["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
                 React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
-        React__default["default"].createElement("span", { className: "".concat(styles$1f["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
+        React__default["default"].createElement("span", { className: "".concat(styles$1c["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
 };
 var Title = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1f["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
+    return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1c["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
 };
 var Description = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1f["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
+    return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1c["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
 };
 var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
 
-var styles$1e = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
+var styles$1b = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
 
 var BtnPagination = function (_a) {
     var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
     var displayContent = React.useMemo(function () {
         if (loading && value && current === value)
-            return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1e['magneto-ui-btn-pagination_spinner'] });
+            return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1b['magneto-ui-btn-pagination_spinner'] });
         return value;
     }, [loading, current, value]);
     var pageQueryParam = 'paginator[page]=';
     var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
     var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
-    return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1e['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
-        React__default["default"].createElement("button", { className: "\n              ".concat(loading && styles$1e['magneto-ui-btn-pagination_disabled'], " \n              ").concat(value && current === value && styles$1e['magneto-ui-btn-pagination_active'], " \n              ").concat(text && styles$1e['magneto-ui-btn-pagination_with__icon'], "\n              ").concat(styles$1e['magneto-ui-btn-pagination_btn'], "\n            "), title: title, disabled: loading, onClick: onClick },
+    return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1b['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
+        React__default["default"].createElement("button", { className: "\n              ".concat(loading && styles$1b['magneto-ui-btn-pagination_disabled'], " \n              ").concat(value && current === value && styles$1b['magneto-ui-btn-pagination_active'], " \n              ").concat(text && styles$1b['magneto-ui-btn-pagination_with__icon'], "\n              ").concat(styles$1b['magneto-ui-btn-pagination_btn'], "\n            "), title: title, disabled: loading, onClick: onClick },
             displayContent,
-            displayIcon))) : (React__default["default"].createElement("button", { className: "\n            ".concat(loading && styles$1e['magneto-ui-btn-pagination_disabled'], " \n            ").concat(value && current === value && styles$1e['magneto-ui-btn-pagination_active'], " \n            ").concat(text && styles$1e['magneto-ui-btn-pagination_with__icon'], "\n            ").concat(styles$1e['magneto-ui-btn-pagination_btn'], "\n          "), title: title, disabled: loading, onClick: onClick },
+            displayIcon))) : (React__default["default"].createElement("button", { className: "\n            ".concat(loading && styles$1b['magneto-ui-btn-pagination_disabled'], " \n            ").concat(value && current === value && styles$1b['magneto-ui-btn-pagination_active'], " \n            ").concat(text && styles$1b['magneto-ui-btn-pagination_with__icon'], "\n            ").concat(styles$1b['magneto-ui-btn-pagination_btn'], "\n          "), title: title, disabled: loading, onClick: onClick },
         displayContent,
         displayIcon))));
 };
@@ -2004,7 +2155,7 @@ var createPagination = function (_a) {
     };
 };
 
-var styles$1d = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
+var styles$1a = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
 
 var Pagination = function (_a) {
     var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
@@ -2023,25 +2174,25 @@ var Pagination = function (_a) {
     }, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
     if (total <= pageSize)
         return React__default["default"].createElement(React.Fragment, null);
-    return (React__default["default"].createElement("div", { className: styles$1d['magneto-ui-pagination'] },
+    return (React__default["default"].createElement("div", { className: styles$1a['magneto-ui-pagination'] },
         first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
         React__default["default"].createElement("ul", null,
             !buttons.includes(first) && (React__default["default"].createElement("li", null,
                 React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
-                React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1d['magneto-ui-pagination_ellipsis'] }))),
+                React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1a['magneto-ui-pagination_ellipsis'] }))),
             buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
                 React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
             !buttons.includes(last) && (React__default["default"].createElement("li", null,
-                React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1d['magneto-ui-pagination_ellipsis'] }),
+                React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1a['magneto-ui-pagination_ellipsis'] }),
                 React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
         last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
 };
 
-var style$E = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
+var style$C = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
 
 var RightsReservedText = function (_a) {
     var magnetoRightsText = _a.magnetoRightsText;
-    return (React__default["default"].createElement("div", { className: "".concat(style$E["".concat(classMUI, "-rights-reserved")]) },
+    return (React__default["default"].createElement("div", { className: "".concat(style$C["".concat(classMUI, "-rights-reserved")]) },
         React__default["default"].createElement("p", null, magnetoRightsText)));
 };
 
@@ -2052,7 +2203,7 @@ var generateID = function () {
     return uniqueID;
 };
 
-var styles$1c = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
+var styles$19 = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
 
 var Component$1j = function (_a) {
     var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
@@ -2082,17 +2233,17 @@ var Component$1j = function (_a) {
         }
         return { backgroundColor: '#c4c4c4' };
     }, [color, score, spanHover]);
-    return (React__default["default"].createElement("div", { className: styles$1c['magneto-ui-score-level'] },
+    return (React__default["default"].createElement("div", { className: styles$19['magneto-ui-score-level'] },
         React__default["default"].createElement("p", null, name),
-        React__default["default"].createElement("div", { className: styles$1c['magneto-ui-score-level__summary'] },
+        React__default["default"].createElement("div", { className: styles$19['magneto-ui-score-level__summary'] },
             React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
             React__default["default"].createElement("p", null, labelScore)),
-        React__default["default"].createElement("button", { className: styles$1c['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
+        React__default["default"].createElement("button", { className: styles$19['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
             React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
 };
 var ScoreLevel = Component$1j;
 
-var styles$1b = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
+var styles$18 = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
 
 var Component$1i = function (_a) {
     var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
@@ -2109,15 +2260,15 @@ var Component$1i = function (_a) {
         }
         return { backgroundColor: '#c4c4c4' };
     }, [color, scoreValue]);
-    return (React__default["default"].createElement("div", { className: styles$1b['magneto-ui-score-level'] },
+    return (React__default["default"].createElement("div", { className: styles$18['magneto-ui-score-level'] },
         React__default["default"].createElement("p", null, name),
-        React__default["default"].createElement("div", { className: styles$1b['magneto-ui-score-level__summary'] },
+        React__default["default"].createElement("div", { className: styles$18['magneto-ui-score-level__summary'] },
             React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
             React__default["default"].createElement("p", null, labelScore))));
 };
 var ScoreLevelStatic = Component$1i;
 
-var styles$1a = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_1a2r5","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_1a2r5","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_1a2r5"};
+var styles$17 = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_6umfb","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_6umfb","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_6umfb","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_6umfb"};
 
 var Component$1h = function (_a) {
     var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
@@ -2135,12 +2286,13 @@ var Component$1h = function (_a) {
         setSearchValue('');
         onSearch('');
     };
-    return (React__default["default"].createElement("div", { className: styles$1a.SearchbarComponent },
+    return (React__default["default"].createElement("div", { className: styles$17.SearchbarComponent },
         React__default["default"].createElement("form", { onSubmit: handleSubmit },
             React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
-            React__default["default"].createElement("div", { className: styles$1a['magneto-ui-searchbar-buttons'] },
+            searchValue && React__default["default"].createElement("div", { className: styles$17['SearchbarComponent__badge'] }),
+            React__default["default"].createElement("div", { className: styles$17['magneto-ui-searchbar-buttons'] },
                 searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(MainButton, __assign({ className: styles$1a['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
+                    React__default["default"].createElement(MainButton, __assign({ className: styles$17['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
                     React__default["default"].createElement("span", null, "|"))),
                 React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
 };
@@ -2149,7 +2301,17 @@ var Component$1h = function (_a) {
  */
 var Searchbar = Component$1h;
 
-var styles$19 = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
+var styles$16 = {"search-button":"mg_search_button_search-button_gvovf","search-button__badge":"mg_search_button_search-button_badge_gvovf"};
+
+var Component$1g = function (_a) {
+    var props = __rest(_a, []);
+    return (React__default["default"].createElement("div", { className: styles$16['search-button'] },
+        props.searchValue && React__default["default"].createElement("div", { className: styles$16['search-button__badge'] }),
+        React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
+};
+var SearchButton = Component$1g;
+
+var styles$15 = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
 
 var SimilarJobsCard = function (_a) {
     var cities = _a.cities, companyLogo = _a.companyLogo, experience = _a.experience, jobUrlSlug = _a.jobUrlSlug, salary = _a.salary, title = _a.title, companyName = _a.companyName, hideLogo = _a.hideLogo;
@@ -2159,15 +2321,15 @@ var SimilarJobsCard = function (_a) {
         var experienceFormat = experience ? " | ".concat(experience) : '';
         return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
     }, [cities, salary, experience]);
-    return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$19["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
-        !hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$19["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
+    return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$15["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
+        !hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$15["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
         React__default["default"].createElement("div", null,
-            React__default["default"].createElement("p", { className: "".concat(styles$19["".concat(classMUI, "-similar-jobs__title")]) }, title),
-            React__default["default"].createElement("p", { className: "".concat(styles$19["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
-        React__default["default"].createElement(IconItem, { className: "".concat(styles$19["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
+            React__default["default"].createElement("p", { className: "".concat(styles$15["".concat(classMUI, "-similar-jobs__title")]) }, title),
+            React__default["default"].createElement("p", { className: "".concat(styles$15["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
+        React__default["default"].createElement(IconItem, { className: "".concat(styles$15["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
 };
 
-var style$D = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
+var style$B = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
 
 var SortMenu = function (_a) {
     var orderFields = _a.orderFields, textOrderFilter = _a.textOrderFilter, setFilter = _a.setFilter, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
@@ -2180,13 +2342,13 @@ var SortMenu = function (_a) {
         };
     }, [orderFields, textOrderFilter, setFilter, setClickOut]);
     return (React__default["default"].createElement(Popover, { widthBase: 180, show: clickOut, content: React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
-        React__default["default"].createElement("button", { className: "".concat(style$D['magneto-ui-btn-menu'], " ").concat(loading && style$D.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
-            React__default["default"].createElement("p", { className: style$D['magneto-ui-btn-text'] }, textOrderFilter),
+        React__default["default"].createElement("button", { className: "".concat(style$B['magneto-ui-btn-menu'], " ").concat(loading && style$B.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
+            React__default["default"].createElement("p", { className: style$B['magneto-ui-btn-text'] }, textOrderFilter),
             React__default["default"].createElement(IconItem, __assign({}, menuSortButton)))));
 };
 var SortMenu$1 = withClickOut(SortMenu);
 
-var styles$18 = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
+var styles$14 = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
 
 var TextArea = function (_a) {
     var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, name = _a.name, placeholder = _a.placeholder, error = _a.error, _c = _a.rows, rows = _c === void 0 ? 4 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.hasCounter, hasCounter = _e === void 0 ? false : _e, _f = _a.maxCounterValue, maxCounterValue = _f === void 0 ? 0 : _f, props = __rest(_a, ["value", "onChange", "name", "placeholder", "error", "rows", "disabled", "hasCounter", "maxCounterValue"]);
@@ -2212,56 +2374,56 @@ var TextArea = function (_a) {
             return;
         setShowPlaceholder(scrollTop === 0);
     }, [showPlaceholder]);
-    return (React__default["default"].createElement("div", { className: styles$18["".concat(classMUI, "-text-area")] },
-        React__default["default"].createElement("div", { className: styles$18["".concat(classMUI, "-text-area--container")] },
+    return (React__default["default"].createElement("div", { className: styles$14["".concat(classMUI, "-text-area")] },
+        React__default["default"].createElement("div", { className: styles$14["".concat(classMUI, "-text-area--container")] },
             showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
                     top: haveValueOrFocus ? '5px' : '10px',
                     fontSize: haveValueOrFocus ? '12px' : '14px'
-                }, className: styles$18["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
-            React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$18["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
-        React__default["default"].createElement("div", { className: styles$18["".concat(classMUI, "-text-area__footer")] },
-            React__default["default"].createElement("span", { className: styles$18["".concat(classMUI, "-text-area--container__error")] }, error),
+                }, className: styles$14["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
+            React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$14["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
+        React__default["default"].createElement("div", { className: styles$14["".concat(classMUI, "-text-area__footer")] },
+            React__default["default"].createElement("span", { className: styles$14["".concat(classMUI, "-text-area--container__error")] }, error),
             hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
 };
 
-var style$C = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_1jv11","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_1jv11","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_1jv11","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_1jv11","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_1jv11","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_1jv11","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_1jv11","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_1jv11","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_1jv11","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_1jv11","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_1jv11","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_1jv11","checked":"mg_timeline_event_checked_1jv11","current":"mg_timeline_event_current_1jv11","blocked":"mg_timeline_event_blocked_1jv11"};
+var style$A = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_1jv11","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_1jv11","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_1jv11","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_1jv11","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_1jv11","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_1jv11","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_1jv11","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_1jv11","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_1jv11","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_1jv11","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_1jv11","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_1jv11","checked":"mg_timeline_event_checked_1jv11","current":"mg_timeline_event_current_1jv11","blocked":"mg_timeline_event_blocked_1jv11"};
 
 var timelineIcons = {
     checked: Checked,
     current: Clock,
     blocked: Lock
 };
-var Component$1g = function (_a) {
+var Component$1f = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, status = _a.status, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { return ({}); } : _c;
     var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
-    var titleStyle = style$C["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
-    var subtitleStyle = style$C["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
-    return (React__default["default"].createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$C["".concat(classMUI, "-timeline-event")] },
-        React__default["default"].createElement("div", { className: style$C["".concat(classMUI, "-timeline-event__icon")] },
-            React__default["default"].createElement("div", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$C[status]) }),
-            React__default["default"].createElement(IconItem, { className: style$C["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
-        React__default["default"].createElement("div", { className: style$C["".concat(classMUI, "-timeline-event__text")] },
-            React__default["default"].createElement("p", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
-            React__default["default"].createElement("p", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
+    var titleStyle = style$A["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
+    var subtitleStyle = style$A["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
+    return (React__default["default"].createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$A["".concat(classMUI, "-timeline-event")] },
+        React__default["default"].createElement("div", { className: style$A["".concat(classMUI, "-timeline-event__icon")] },
+            React__default["default"].createElement("div", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$A[status]) }),
+            React__default["default"].createElement(IconItem, { className: style$A["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
+        React__default["default"].createElement("div", { className: style$A["".concat(classMUI, "-timeline-event__text")] },
+            React__default["default"].createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
+            React__default["default"].createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
 };
-var TimelineEvent = Component$1g;
+var TimelineEvent = Component$1f;
 
-var styles$17 = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
+var styles$13 = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
 
 var Tooltip = function (_a) {
     var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c;
-    return (React__default["default"].createElement("div", { className: "".concat(styles$17['tooltip-container'], " ").concat(styles$17["tooltip-".concat(position)]) },
-        React__default["default"].createElement("div", { className: "".concat(styles$17['tooltip'], " ").concat(styles$17["tooltip-".concat(position)]) },
+    return (React__default["default"].createElement("div", { className: "".concat(styles$13['tooltip-container'], " ").concat(styles$13["tooltip-".concat(position)]) },
+        React__default["default"].createElement("div", { className: "".concat(styles$13['tooltip'], " ").concat(styles$13["tooltip-".concat(position)]) },
             children,
-            React__default["default"].createElement("span", { className: "".concat(styles$17['tooltip-text'], " ").concat(styles$17["tooltip-text-".concat(position)]), style: { width: width } }, title))));
+            React__default["default"].createElement("span", { className: "".concat(styles$13['tooltip-text'], " ").concat(styles$13["tooltip-text-".concat(position)]), style: { width: width } }, title))));
 };
 
-var Component$1f = function (_a) {
+var Component$1e = function (_a) {
     var listMenuUserProps = _a.listMenuUserProps, profileImage = _a.profileImage, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
     return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
         React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
 };
-var UserMenu = withClickOut(Component$1f);
+var UserMenu = withClickOut(Component$1e);
 
 var userMenuAnalystIcons = {
     helpImprove: MagicStarBlackOutline,
@@ -2273,11 +2435,11 @@ var userMenuAnalystIcons = {
     redo: RedoDarkBlue
 };
 
-var styles$16 = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
+var styles$12 = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
 
-var styles$15 = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
+var styles$11 = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
 
-var Component$1e = function (_a) {
+var Component$1d = function (_a) {
     var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
     var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
     var handleOnClick = React.useCallback(function () {
@@ -2290,12 +2452,12 @@ var Component$1e = function (_a) {
         }
     }, [handleModal, handleMenuOpen, option]);
     return (React__default["default"].createElement("span", { className: CNM.get({
-            styles: styles$15,
+            styles: styles$11,
             cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
         }) },
         prefix,
         React__default["default"].createElement(MenuIcon, { className: CNM.get({
-                styles: styles$15,
+                styles: styles$11,
                 cls: ['user-menu-analyst-option-default__container']
             }), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
         suffix));
@@ -2303,31 +2465,31 @@ var Component$1e = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1e);
+var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1d);
 
-var styles$14 = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
+var styles$10 = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
 
-var Component$1d = function (_a) {
+var Component$1c = function (_a) {
     var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
     return (React__default["default"].createElement("span", { className: CNM.get({
-            styles: styles$14,
+            styles: styles$10,
             cls: [className, 'user-menu-analyst-option-hover']
         }) },
         prefix,
-        React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$14, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
+        React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
         suffix));
 };
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1d);
+var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1c);
 
-var styles$13 = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
+var styles$$ = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
 
-var Component$1c = function (_a) {
+var Component$1b = function (_a) {
     var option = _a.option, className = _a.className;
     return (React__default["default"].createElement("span", { className: CNM.get({
-            styles: styles$13,
+            styles: styles$$,
             cls: [className, 'user-menu-analyst-option-text']
         }) },
         React__default["default"].createElement("p", null, option.title)));
@@ -2335,9 +2497,9 @@ var Component$1c = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionText = React__default["default"].memo(Component$1c);
+var UserMenuAnalystOptionText = React__default["default"].memo(Component$1b);
 
-var Component$1b = function (_a) {
+var Component$1a = function (_a) {
     var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
     return (React__default["default"].createElement(React__default["default"].Fragment, null, actions.map(function (action, index) { return (React__default["default"].createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
         React__default["default"].createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
@@ -2357,7 +2519,7 @@ var Action = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1b);
+var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1a);
 
 var EUserMenuAnalystOptionType;
 (function (EUserMenuAnalystOptionType) {
@@ -2383,28 +2545,28 @@ var optionTypes = (_b = {},
     _b);
 var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
 
-var styles$12 = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
+var styles$_ = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
 
-var Component$1a = function (_a) {
+var Component$19 = function (_a) {
     var subTitle = _a.subTitle, title = _a.title;
     var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
     return (React__default["default"].createElement("div", null,
-        React__default["default"].createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst-title__title'] }) }, title),
+        React__default["default"].createElement("span", { className: CNM.get({ styles: styles$_, cls: ['user-menu-analyst-title__title'] }) }, title),
         subTitle && separatorIndex && (React__default["default"].createElement("div", null,
             React__default["default"].createElement("span", { className: CNM.get({
-                    styles: styles$12,
+                    styles: styles$_,
                     cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
                 }) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
             React__default["default"].createElement("span", { className: CNM.get({
-                    styles: styles$12,
+                    styles: styles$_,
                     cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
                 }) }, subTitle.slice(separatorIndex + 1).trim())))));
 };
-var UserMenuAnalystTitle = Component$1a;
+var UserMenuAnalystTitle = Component$19;
 
-var styles$11 = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
+var styles$Z = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
 
-var Component$19 = function (_a) {
+var Component$18 = function (_a) {
     var _b;
     var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
     var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
@@ -2430,13 +2592,13 @@ var Component$19 = function (_a) {
         var OptionType = getOptionType(option.type);
         if (!OptionType)
             return null;
-        return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst-option__object'] }) },
-            React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$11, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
+        return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$Z, cls: ['user-menu-analyst-option__object'] }) },
+            React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$Z, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
     }
-    return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$11, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
+    return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$Z, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$Z, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
             icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
         }, className: CNM.get({
-            styles: styles$11,
+            styles: styles$Z,
             cls: [
                 'user-menu-analyst-option__dropdown',
                 isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
@@ -2445,8 +2607,8 @@ var Component$19 = function (_a) {
         }) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
         var _a;
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
-            item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
-            _a.map(function (child, j) { return (React__default["default"].createElement(Component$19, { key: "option-".concat(child.title, "-").concat(j), classNames: {
+            item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$Z, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
+            _a.map(function (child, j) { return (React__default["default"].createElement(Component$18, { key: "option-".concat(child.title, "-").concat(j), classNames: {
                     link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
                     dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
                 }, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
@@ -2455,27 +2617,27 @@ var Component$19 = function (_a) {
 /**
  * Molecule UI grand child component of menu dropdown
  */
-var UserMenuAnalystOption = Component$19;
+var UserMenuAnalystOption = Component$18;
 
-var Component$18 = function (_a) {
+var Component$17 = function (_a) {
     var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
     var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
         var _a;
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
             _a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
-            !isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst-options__divider'] }) },
+            !isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst-options__divider'] }) },
                 React__default["default"].createElement(Divider, null)))));
     })));
 };
 /**
  * Molecule UI child component of user menu analyst
  */
-var UserMenuAnalystOptions = Component$18;
+var UserMenuAnalystOptions = Component$17;
 
-var styles$10 = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
+var styles$Y = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
 
-var Component$17 = function (_a) {
+var Component$16 = function (_a) {
     var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
     var avatar = React.useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
     var actionUrl = React.useMemo(function () {
@@ -2493,62 +2655,31 @@ var Component$17 = function (_a) {
                 : action.data;
         }
     }, [action, queryString]);
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst'] }) },
-        React__default["default"].createElement("header", { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst__header'] }) },
-            React__default["default"].createElement("div", { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst__user'] }) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst'] }) },
+        React__default["default"].createElement("header", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__header'] }) },
+            React__default["default"].createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user'] }) },
                 React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
-                React__default["default"].createElement("div", { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst__user-info'] }) },
-                    React__default["default"].createElement("span", { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
-                    React__default["default"].createElement("span", { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
-                    action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst__user-info--action'] }) },
+                React__default["default"].createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info'] }) },
+                    React__default["default"].createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
+                    React__default["default"].createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
+                    action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info--action'] }) },
                         React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
-                        typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
+                        typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
             headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
-                    styles: styles$10,
+                    styles: styles$Y,
                     cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
                 }), optionClassNames: {
-                    link: CNM.get({ styles: styles$10, cls: ['user-menu-analyst__company-link'] }),
-                    dropdown: CNM.get({ styles: styles$10, cls: ['user-menu-analyst__company-dropdown'] })
+                    link: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__company-link'] }),
+                    dropdown: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__company-dropdown'] })
                 } }))),
         footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
 };
 /**
  * Molecule UI component for user menu
  */
-var UserMenuAnalyst = Component$17;
-
-var style$B = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
+var UserMenuAnalyst = Component$16;
 
-var styles$$ = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
-
-var Image = function (_a) {
-    var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
-        playIcon && React__default["default"].createElement("div", { className: styles$$['magneto-ui-play-button'] }, playIcon)));
-};
-
-var styles$_ = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_198ar","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_198ar","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_198ar","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_198ar","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_198ar","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_198ar"};
-
-var MegaMenuCard = function (_a) {
-    var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
-    var handleClick = React.useCallback(function (event) {
-        if (onClick != null) {
-            event.preventDefault();
-            onClick();
-        }
-    }, [onClick]);
-    return (React__default["default"].createElement("a", { className: "".concat(styles$_["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
-        icon && (React__default["default"].createElement("div", { className: styles$_["magneto-ui-mega-menu-card__icon"] },
-            React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
-        logo && (React__default["default"].createElement("div", { className: styles$_["magneto-ui-mega-menu-card__logo"] },
-            React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$_["magneto-ui-mega-menu-card__logo"] }))),
-        React__default["default"].createElement("div", { className: styles$_["magneto-ui-mega-menu-card__content"] },
-            React__default["default"].createElement("div", { className: styles$_["magneto-ui-mega-menu-card__title"] }, title),
-            React__default["default"].createElement("div", { className: styles$_["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas, " cupos"))),
-        showRigthArrow && (React__default["default"].createElement("div", { className: styles$_["magneto-ui-mega-menu-card__arrow"] },
-            React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
-};
+var style$z = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
 
 var MegaMenuSideCards = function (_a) {
     var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard;
@@ -2557,56 +2688,56 @@ var MegaMenuSideCards = function (_a) {
         setSelected(index);
         onSelectCard && onSelectCard(index);
     }; }, [onSelectCard]);
-    return (React__default["default"].createElement("ul", { className: "".concat(style$B["mega-menu-side-cards"]) },
+    return (React__default["default"].createElement("ul", { className: "".concat(style$z["mega-menu-side-cards"]) },
         jobs &&
             jobs.slice(0, 10).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
-                React__default["default"].createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$B["mega-menu-side-cards__card"], " ").concat(selected == key ? style$B["mega-menu-side-cards__card--selected"] : ''), onClick: handleClick(key) })))); }),
+                React__default["default"].createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$z["mega-menu-side-cards__card"], " ").concat(selected == key ? style$z["mega-menu-side-cards__card--selected"] : ''), onClick: handleClick(key) })))); }),
         action && (React__default["default"].createElement("li", null,
-            React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$B["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
+            React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$z["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
 };
 
-var styles$Z = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
+var styles$X = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
 
 var withMegaMenuContainer = function (WrappedComponent) {
     var Component = function (_a) {
         var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
-        return (React__default["default"].createElement("div", { className: styles$Z['mega-menu-side-container'] },
-            React__default["default"].createElement("div", { className: styles$Z['mega-menu-side-container__side'] },
+        return (React__default["default"].createElement("div", { className: styles$X['mega-menu-side-container'] },
+            React__default["default"].createElement("div", { className: styles$X['mega-menu-side-container__side'] },
                 React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
-            React__default["default"].createElement("div", { className: styles$Z['mega-menu-side-container__main'] },
+            React__default["default"].createElement("div", { className: styles$X['mega-menu-side-container__main'] },
                 React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
     };
     return Component;
 };
 
-var styles$Y = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
+var styles$W = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
 
-var Component$16 = function (_a) {
+var Component$15 = function (_a) {
     var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$W, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
         React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
             React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
 };
 /**
  * Molecule UI child component of user menu analyst wrapper
  */
-var UserMenuWrapperAnalystDropdown = withClickOut(Component$16);
+var UserMenuWrapperAnalystDropdown = withClickOut(Component$15);
 
-var styles$X = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
+var styles$V = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
 
-var Component$15 = function (_a) {
+var Component$14 = function (_a) {
     var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$X, cls: ['user-menu-wrapper-analyst-modal'] }) },
+        React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$V, cls: ['user-menu-wrapper-analyst-modal'] }) },
             React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
         React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
 };
 /**
  * Molecule UI child component of user menu analyst wrapper
  */
-var UserMenuWrapperAnalystModal = Component$15;
+var UserMenuWrapperAnalystModal = Component$14;
 
-var Component$14 = function (_a) {
+var Component$13 = function (_a) {
     var props = __rest(_a, []);
     var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
     React.useEffect(function () {
@@ -2628,138 +2759,19 @@ var Component$14 = function (_a) {
 /**
  * Molecule UI component for user menu wrapper analyst
  */
-var UserMenuWrapperAnalyst = Component$14;
-
-var style$A = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
-
-var initialContext = {
-    socialHeaderProps: {
-        helpOptions: [],
-        tabs: []
-    },
-    jobsProps: {
-        tabs: []
-    },
-    mainHeaderProps: {}
-};
-var MegaMenuContext = React.createContext(initialContext);
-var MegaMenuProvider = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return React__default["default"].createElement(MegaMenuContext.Provider, { value: props }, children);
-};
-var useMegaMenu = function () { return React.useContext(MegaMenuContext); };
-var useMegaMenuSocialHeader = function () {
-    var socialHeaderProps = React.useContext(MegaMenuContext).socialHeaderProps;
-    return socialHeaderProps;
-};
-var useMegaMenuJobs = function () {
-    var jobsProps = React.useContext(MegaMenuContext).jobsProps;
-    return jobsProps;
-};
-var useMegaMenuMain = function () {
-    var mainHeaderProps = React.useContext(MegaMenuContext).mainHeaderProps;
-    return mainHeaderProps;
-};
-
-var styles$W = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
-
-var Component$13 = function (_a) {
-    var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
-    var handleClick = React.useCallback(function (event) {
-        if (onClick) {
-            event.preventDefault();
-            onClick();
-        }
-    }, [onClick]);
-    return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$W['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
-        suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$W['button-link__icon'] })),
-        buttonText && React__default["default"].createElement("p", { className: styles$W['button-link__text'] }, buttonText),
-        prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$W['button-link__icon'] }))));
-};
-/**
- * UI Atom Component of Save Button
- */
-var ButtonLink = Component$13;
-
-var MegaMenuJobsTabs = function () {
-    var _a = React.useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
-    var _b = useMegaMenuJobs(), tabs = _b.tabs, onChangeTab = _b.onChangeTab;
-    var onClickTab = React.useCallback(function (index) { return function () {
-        setSelectedTab(index);
-        onChangeTab && onChangeTab(index);
-    }; }, [onChangeTab]);
-    var isSelectedTab = React.useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
-    var content = React.useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
-    return (React__default["default"].createElement("div", { className: "".concat(style$A["mega-menu-jobs-tabs__container"]) },
-        React__default["default"].createElement("nav", null,
-            React__default["default"].createElement("ul", { className: "".concat(style$A["mega-menu-jobs-tabs"]) },
-                tabs &&
-                    tabs.map(function (_a, index) {
-                        var label = _a.label, url = _a.url;
-                        return (React__default["default"].createElement("li", { key: index },
-                            React__default["default"].createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$A["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$A["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
-                    }),
-                React__default["default"].createElement(Divider, { direction: 'VERTICAL' }),
-                React__default["default"].createElement("li", null,
-                    React__default["default"].createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
-        React__default["default"].createElement(Divider, null),
-        React__default["default"].createElement("div", { className: "".concat(style$A["mega-menu-jobs-tabs__content"]) }, content)));
-};
-
-var style$z = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_11ld6","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_11ld6","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_11ld6","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_11ld6"};
-
-var MegaMenuCards = function (_a) {
-    var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className;
-    return (React__default["default"].createElement("nav", { className: className },
-        title && (React__default["default"].createElement("div", { className: "".concat(style$z["mega-menu-cards__title"]) },
-            React__default["default"].createElement("h4", null, title),
-            actionTitle && (React__default["default"].createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$z["mega-menu-cards__action--grey"]) })))),
-        React__default["default"].createElement("ul", { className: "".concat(style$z["mega-menu-cards"]) }, jobs &&
-            jobs.slice(0, 39).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
-                React__default["default"].createElement(MegaMenuCard, __assign({}, job)))); })),
-        action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$z["mega-menu-cards__action"]) }))));
-};
-
-var styles$V = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
-
-var popoverClassName = 'magneto-ui-mega-menu-popover';
-var MegaMenuPopover = function (_a) {
-    var children = _a.children;
-    var _b = React.useState(false), showContent = _b[0], setShowContent = _b[1];
-    var jobAction = useMegaMenuJobs().jobAction;
-    var handleShowContent = React.useCallback(function (show) { return function (event) {
-        event.preventDefault();
-        event.stopPropagation();
-        setShowContent(show);
-    }; }, []);
-    React.useEffect(function () {
-        var body = document.body;
-        if (!body)
-            return;
-        body.style.overflowY = showContent ? 'hidden' : 'auto';
-    }, [showContent]);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$V["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
-            React__default["default"].createElement("p", { className: "".concat(styles$V["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
-            React__default["default"].createElement(IconItem, { className: "".concat(styles$V["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$V["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
-        React__default["default"].createElement("div", { className: "".concat(styles$V["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$V["".concat(popoverClassName, "__dropdown--open")] : '') },
-            React__default["default"].createElement("div", { className: styles$V["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
-            React__default["default"].createElement("div", { className: styles$V["".concat(popoverClassName, "__content")], onClick: function (event) {
-                    event.stopPropagation();
-                } }, children))));
-};
+var UserMenuWrapperAnalyst = Component$13;
 
 var Component$12 = function (_a) {
     var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
     var component = React.useMemo(function () {
         var _a, _b, _c;
-        return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1I, cls: ['modal-analyst-container'] }) },
+        return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1J, cls: ['modal-analyst-container'] }) },
             React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
             React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
             React__default["default"].createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
     }, [handleClose, name, data, screens, step, setStep]);
-    var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1I, cls: ['modal-analyst-container--desktop'] }) }, component), {
-        sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1I, cls: ['modal-analyst-container--mobile'] }) }, component))
+    var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1J, cls: ['modal-analyst-container--desktop'] }) }, component), {
+        sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1J, cls: ['modal-analyst-container--mobile'] }) }, component))
     });
     return container;
 };
@@ -4768,7 +4780,7 @@ var Component$u = function (_a) {
         sm: React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))
     });
     var loginHeaderMobileSearchbarButton = useMediaQuery(null, {
-        md: React__default["default"].createElement(MainButton, __assign({ onClick: toggleSearchBar }, MobileSearchbarButtonProps))
+        md: React__default["default"].createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))
     });
     var loginHeaderSearchbar = useMediaQuery(React__default["default"].createElement(Searchbar, __assign({ searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton }, searchbar)), {
         md: null
@@ -4835,7 +4847,7 @@ var LoginJobsHeader = function (_a) {
     });
     var LoginHeaderMenuButton = useMediaQuery(React__default["default"].createElement(MainButton, __assign({}, MenuButtonProps, { onClick: onMenuClick })));
     var LogoutHeaderMobileSearchbarButton = useMediaQuery(null, {
-        md: React__default["default"].createElement(MainButton, __assign({ onClick: toggleSearchBar }, MobileSearchbarButtonProps))
+        md: React__default["default"].createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))
     });
     var LogoutHeaderSearchbar = useMediaQuery(React__default["default"].createElement(Searchbar, __assign({}, searchbar, { searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton })), {
         md: null
@@ -4878,9 +4890,8 @@ var Component$t = function (_a) {
     var toggleSearchBar = function () {
         setShowSearchBar(!showSearchBar);
     };
-    // Mobile Searchbar Component
     var LogoutHeaderMobileSearchbar = useMediaQuery(null, {
-        md: (React__default["default"].createElement(MobileSearchbar, __assign({}, mobileSearchbar, { onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))
+        md: (React__default["default"].createElement(MobileSearchbar, __assign({}, mobileSearchbar, { termValue: searchbar.termValue, onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))
     });
     // Tab Component
     var LogoutHeaderTab = useMediaQuery(React__default["default"].createElement(Tab, null,
@@ -4896,8 +4907,8 @@ var Component$t = function (_a) {
     });
     // Mobile Searchbar Button Component
     var LogoutHeaderMobileSearchbarButton = useMediaQuery(null, {
-        xs: hasMobileSearchBarButton ? (React__default["default"].createElement(MainButton, __assign({ onClick: toggleSearchBar }, MobileSearchbarButtonProps))) : (React__default["default"].createElement(React.Fragment, null)),
-        md: React__default["default"].createElement(MainButton, __assign({ onClick: toggleSearchBar }, MobileSearchbarButtonProps))
+        xs: hasMobileSearchBarButton ? (React__default["default"].createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))) : (React__default["default"].createElement(React.Fragment, null)),
+        md: React__default["default"].createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))
     });
     // Searchbar Component
     var LogoutHeaderSearchbar = useMediaQuery(React__default["default"].createElement(Searchbar, __assign({}, searchbar, { searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton })), {
@@ -4954,7 +4965,7 @@ var LogoutJobsHeader = function (_a) {
     });
     var LogoutHeaderMenuButton = useMediaQuery(React__default["default"].createElement(MainButton, __assign({}, MenuButtonProps, { onClick: onMenuClick })));
     var LogoutHeaderMobileSearchbarButton = useMediaQuery(null, {
-        md: React__default["default"].createElement(MainButton, __assign({ onClick: toggleSearchBar }, MobileSearchbarButtonProps))
+        md: React__default["default"].createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))
     });
     var LogoutHeaderSearchbar = useMediaQuery(React__default["default"].createElement(Searchbar, __assign({}, searchbar, { searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton })), {
         md: null
@@ -6789,7 +6800,7 @@ var SideFilter = function (_a) {
         displayBackground));
 };
 
-var styles$3 = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-menu_9wwje","magneto-ui-section-filter":"mg_sort_bar_magneto-ui-section-filter_9wwje","magneto-ui-main-title":"mg_sort_bar_magneto-ui-main-title_9wwje","magneto-ui-btn-text":"mg_sort_bar_magneto-ui-btn-text_9wwje","magneto-ui-tooltip-quotas":"mg_sort_bar_magneto-ui-tooltip-quotas_9wwje","magneto-ui-btn-menu":"mg_sort_bar_magneto-ui-btn-menu_9wwje","magneto-ui-section-menu":"mg_sort_bar_magneto-ui-section-menu_9wwje","magneto-ui-btn-order":"mg_sort_bar_magneto-ui-btn-order_9wwje","hidden":"mg_sort_bar_hidden_9wwje"};
+var styles$3 = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-menu_66c89","magneto-ui-section-filter":"mg_sort_bar_magneto-ui-section-filter_66c89","magneto-ui-main-title":"mg_sort_bar_magneto-ui-main-title_66c89","magneto-ui-btn-text":"mg_sort_bar_magneto-ui-btn-text_66c89","magneto-ui-tooltip-quotas":"mg_sort_bar_magneto-ui-tooltip-quotas_66c89","magneto-ui-btn-menu":"mg_sort_bar_magneto-ui-btn-menu_66c89","magneto-ui-section-menu":"mg_sort_bar_magneto-ui-section-menu_66c89","magneto-ui-btn-order":"mg_sort_bar_magneto-ui-btn-order_66c89","hidden":"mg_sort_bar_hidden_66c89"};
 
 var SortBar = function (_a) {
     var textSortButton = _a.textSortButton, mainTitle = _a.mainTitle, filterSummary = _a.filterSummary, textOrderFilter = _a.textOrderFilter, orderFields = _a.orderFields, orderByText = _a.orderByText, loading = _a.loading, _b = _a.titleBtnOrder, titleBtnOrder = _b === void 0 ? '' : _b, setIsFiltersOpen = _a.setIsFiltersOpen, orderFilter = _a.orderFilter, setFilter = _a.setFilter, emptyVacant = _a.emptyVacant, infoMessageQuotas = _a.infoMessageQuotas, widthInfoMessage = _a.widthInfoMessage;
@@ -7186,6 +7197,7 @@ exports.RightsReservedText = RightsReservedText;
 exports.SaveButton = SaveButton;
 exports.ScoreLevel = ScoreLevel;
 exports.ScoreLevelStatic = ScoreLevelStatic;
+exports.SearchButton = SearchButton;
 exports.SearchItem = SearchItem;
 exports.Searchbar = Searchbar;
 exports.Select2 = Select2;