magneto365.ui 2.57.2 → 2.57.4

package/dist/esm/index.js

@@ -239,25 +239,25 @@ var useMediaQuery = function (defaultValue, options) {
     return component;
 };
 
-var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
+var style$10 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
 
-var Component$2v = function (_a) {
+var Component$2z = 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 = useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
         setImageError(true);
     };
     var iconSrc = useMemo(function () { return (!imageError ? icon !== null && icon !== void 0 ? icon : undefined : fallbackIcon); }, [fallbackIcon, imageError, icon]);
-    var isHover = hover ? style$_['magneto-ui-hover'] : '';
+    var isHover = hover ? style$10['magneto-ui-hover'] : '';
     var customStyle = size ? { width: size + 'px' } : {};
     if (!iconSrc && !showDefaultFallback)
         return null;
-    return (React.createElement(Fragment, null, icon && (React.createElement("img", { "data-name": "icon", style: customStyle, className: "".concat(style$_['magneto-ui-icon'], " ").concat(isHover, " ").concat(className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
+    return (React.createElement(Fragment, null, icon && (React.createElement("img", { "data-name": "icon", style: customStyle, className: "".concat(style$10['magneto-ui-icon'], " ").concat(isHover, " ").concat(className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
 };
 /**
  * Atom UI component of Icon for general purpose
  */
-var IconItem = Component$2v;
+var IconItem = Component$2z;
 
 var styles$2m = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
 
@@ -527,7 +527,7 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
 
 var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
 
-var Component$2u = function (_a) {
+var Component$2y = function (_a) {
     var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
     var _b = useState(false), imageError = _b[0], setImageError = _b[1];
     var handleError = function () {
@@ -541,17 +541,17 @@ var Component$2u = function (_a) {
 /**
  * UI Atom component of Avatar
  */
-var Avatar = Component$2u;
+var Avatar = Component$2y;
 
 var styles$2l = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
 
-var Component$2t = function (_a) {
+var Component$2x = function (_a) {
     var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
     return (React.createElement("p", { className: "".concat(styles$2l['badge-count'], " ").concat(className) },
         React.createElement("span", { className: styles$2l['badge-count__animation'] }),
         number && number));
 };
-var Badge = Component$2t;
+var Badge = Component$2x;
 
 var BAR_LOADER_PREFIX = '--bar-loader';
 
@@ -690,7 +690,7 @@ var ShareIcons = {
     }
 };
 
-var Component$2s = function (_a) {
+var Component$2w = 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 = useState(), component = _b[0], setComponent = _b[1];
     var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
@@ -742,11 +742,11 @@ var ShareLinksAction = function (_a) {
 /**
  * UI Molecule componet of Actions
  */
-var Actions = Object.assign(Component$2s, { ShareLinks: ShareLinksAction });
+var Actions = Object.assign(Component$2w, { ShareLinks: ShareLinksAction });
 
-var style$Z = {"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"};
+var style$$ = {"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"};
 
-var style$Y = {"magneto-ui-bold":"mg_text_magneto-ui-bold_16w4y","magneto-ui-lighter":"mg_text_magneto-ui-lighter_16w4y","magneto-ui-normal":"mg_text_magneto-ui-normal_16w4y"};
+var style$_ = {"magneto-ui-bold":"mg_text_magneto-ui-bold_16w4y","magneto-ui-lighter":"mg_text_magneto-ui-lighter_16w4y","magneto-ui-normal":"mg_text_magneto-ui-normal_16w4y"};
 
 var Componente = function (_a) {
     var text = _a.text, customText = _a.customText, className = _a.className;
@@ -754,7 +754,7 @@ var Componente = function (_a) {
         return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React.createElement("span", { className: className }, customText.map(function (_a, index) {
             var value = _a.value, fontWeight = _a.fontWeight, _b = _a.lineBreak, lineBreak = _b === void 0 ? false : _b;
             return (React.createElement(Fragment, { key: "".concat(value, "-").concat(index) },
-                React.createElement("span", { className: style$Y["".concat(classMUI, "-").concat(fontWeight)] }, value),
+                React.createElement("span", { className: style$_["".concat(classMUI, "-").concat(fontWeight)] }, value),
                 lineBreak && React.createElement("br", null)));
         }))) : (React.createElement("p", { className: className }, text));
     }, [text, customText, className]);
@@ -768,35 +768,35 @@ var alertIcons = {
     warning: Warning,
     error: Error
 };
-var Component$2r = function (_a) {
+var Component$2v = 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$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
-    var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
+    var borderStyle = border ? style$$["".concat(classMUI, "-").concat(type, "--with-border")] : '';
+    var typeStyle = style$$["".concat(classMUI, "-").concat(type)];
     var iconByType = useMemo(function () { return alertIcons[type]; }, [type]);
-    return (React.createElement("div", { className: "".concat(style$Z["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
-        React.createElement(IconItem, { className: style$Z["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
-        React.createElement(Text$1, { text: text, customText: customText, className: style$Z["".concat(classMUI, "-text")] }),
-        onClose && (React.createElement("button", { className: style$Z["".concat(classMUI, "-close-action")], type: "button", onClick: onClose },
+    return (React.createElement("div", { className: "".concat(style$$["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
+        React.createElement(IconItem, { className: style$$["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
+        React.createElement(Text$1, { text: text, customText: customText, className: style$$["".concat(classMUI, "-text")] }),
+        onClose && (React.createElement("button", { className: style$$["".concat(classMUI, "-close-action")], type: "button", onClick: onClose },
             React.createElement(IconItem, { icon: Close, alt: type }))),
         extraButton));
 };
-var Alert = Component$2r;
+var Alert = Component$2v;
 
-var style$X = {"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"};
+var style$Z = {"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"};
 
 var Muiclass$5 = 'magneto-ui';
 var BrandsContainer = function (_a) {
     var brands = _a.brands, closeBrands = _a.closeBrands, ourBrandsText = _a.ourBrandsText;
-    return (React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands")] },
-        React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands__header")] },
-            React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands__header--row")] },
+    return (React.createElement("div", { className: style$Z["".concat(Muiclass$5, "-brands")] },
+        React.createElement("div", { className: style$Z["".concat(Muiclass$5, "-brands__header")] },
+            React.createElement("div", { className: style$Z["".concat(Muiclass$5, "-brands__header--row")] },
                 React.createElement("p", null, ourBrandsText),
                 React.createElement("button", { title: "cerrar menu", onClick: closeBrands, type: "button" },
                     React.createElement(IconItem, { size: 15, icon: Close })))),
-        React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands-container")] },
-            React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands-container__brands")] }, brands === null || brands === void 0 ? void 0 : brands.map(function (_a, index) {
+        React.createElement("div", { className: style$Z["".concat(Muiclass$5, "-brands-container")] },
+            React.createElement("div", { className: style$Z["".concat(Muiclass$5, "-brands-container__brands")] }, brands === null || brands === void 0 ? void 0 : brands.map(function (_a, index) {
                 var brandAlt = _a.brandAlt, brandImg = _a.brandImg, brandTitle = _a.brandTitle, brandUrl = _a.brandUrl;
-                return (React.createElement("a", { href: brandUrl, className: style$X["".concat(Muiclass$5, "-brands-container__brands--brand")], key: index },
+                return (React.createElement("a", { href: brandUrl, className: style$Z["".concat(Muiclass$5, "-brands-container__brands--brand")], key: index },
                     React.createElement("img", { src: brandImg, alt: brandAlt, loading: "lazy", width: '100px', height: '26px' }),
                     React.createElement("p", null, brandTitle)));
             })))));
@@ -820,7 +820,7 @@ var DrawerPortal = function (_a) {
     return mounted && portalNode.current ? ReactDOM.createPortal(children, portalNode.current) : null;
 };
 
-var style$W = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_1e2s0","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_1e2s0","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_1e2s0","background-drawer":"mg_mobile_drawer_background-drawer_1e2s0","fadeIn":"mg_mobile_drawer_fadeIn_1e2s0","show":"mg_mobile_drawer_show_1e2s0","hidden":"mg_mobile_drawer_hidden_1e2s0"};
+var style$Y = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_1e2s0","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_1e2s0","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_1e2s0","background-drawer":"mg_mobile_drawer_background-drawer_1e2s0","fadeIn":"mg_mobile_drawer_fadeIn_1e2s0","show":"mg_mobile_drawer_show_1e2s0","hidden":"mg_mobile_drawer_hidden_1e2s0"};
 
 function formatNumber(num) {
     if (typeof num !== 'number')
@@ -867,8 +867,8 @@ var classNames = {
     }
 };
 
-var cx$C = classNames.bind(style$W);
-var Component$2q = function (_a) {
+var cx$C = classNames.bind(style$Y);
+var Component$2u = 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 = useState(false), showContent = _d[0], setShowContent = _d[1];
     var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
@@ -895,7 +895,7 @@ var Component$2q = function (_a) {
     }, [isOpen]);
     return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
         React.createElement("div", { className: cx$C('magneto-ui-mobile-drawer', className) },
-            React.createElement("aside", { className: style$W[showMenu] },
+            React.createElement("aside", { className: style$Y[showMenu] },
                 React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$C('magneto-ui-close-button'), onClick: onClose },
                     React.createElement(IconItem, { icon: Add, hover: false })),
                 React.createElement("div", { className: cx$C('magneto-ui-container') }, children)),
@@ -904,20 +904,20 @@ var Component$2q = function (_a) {
 /**
  * Molecule UI component for Mobile Drawer
  */
-var MobileDrawer = Component$2q;
+var MobileDrawer = Component$2u;
 
-var style$V = {"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"};
+var style$X = {"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"};
 
 var Muiclass$4 = 'magneto-ui';
 var BrandButton = function (_a) {
     var rotate = _a.rotate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, onClick = _a.onClick;
     var rotateIcon = useMemo(function () {
-        return rotate ? style$V['rotate'] : '';
+        return rotate ? style$X['rotate'] : '';
     }, [rotate]);
-    return (React.createElement("div", { className: style$V["".concat(Muiclass$4, "-brand-button")] },
-        React.createElement("button", { className: style$V["".concat(Muiclass$4, "-brand-button__company-logo")], onClick: onClick },
-            React.createElement("img", { className: style$V["".concat(Muiclass$4, "-brand-button__company-logo--img")], src: companyLogo, alt: companySlug }),
-            React.createElement("span", { className: "".concat(style$V["".concat(Muiclass$4, "-brand-button__icon")], " ").concat(rotateIcon) },
+    return (React.createElement("div", { className: style$X["".concat(Muiclass$4, "-brand-button")] },
+        React.createElement("button", { className: style$X["".concat(Muiclass$4, "-brand-button__company-logo")], onClick: onClick },
+            React.createElement("img", { className: style$X["".concat(Muiclass$4, "-brand-button__company-logo--img")], src: companyLogo, alt: companySlug }),
+            React.createElement("span", { className: "".concat(style$X["".concat(Muiclass$4, "-brand-button__icon")], " ").concat(rotateIcon) },
                 React.createElement(IconItem, { icon: ArrowDown2 })))));
 };
 
@@ -962,7 +962,7 @@ var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
 
 var styles$2i = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
 
-var Component$2p = function (_a) {
+var Component$2t = function (_a) {
     var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
     return (React.createElement("div", { className: styles$2i.BreadcrumbsComponent },
         React.createElement("a", { href: homeUrl },
@@ -972,7 +972,7 @@ var Component$2p = function (_a) {
 /**
  * Molecule UI component for breadcrums information
  */
-var Breadcrumbs = Component$2p;
+var Breadcrumbs = Component$2t;
 
 var styles$2h = {"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"};
 
@@ -994,7 +994,7 @@ var CitiesDetailDrawer = function (_a) {
 
 var styles$2g = {"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$2o = function (_a) {
+var Component$2s = 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 = useMemo(function () {
         if (disabled)
@@ -1010,14 +1010,14 @@ var Component$2o = function (_a) {
             })),
         React.createElement("span", { className: styles$2g['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
 };
-var DateDropdown = Component$2o;
+var DateDropdown = Component$2s;
 
 var styles$2f = {"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$2n = function (_a) {
+var Component$2r = 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 = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
     var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
@@ -1055,12 +1055,12 @@ var Component$2n = function (_a) {
         React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
         React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
 };
-var DatePicker = Component$2n;
+var DatePicker = Component$2r;
 
-var style$U = {"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 style$W = {"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$2m = function (_a) {
+var Component$2q = 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");
@@ -1096,19 +1096,19 @@ var Component$2m = function (_a) {
         };
     }, [isOpen]);
     return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
-        React.createElement("div", { className: "".concat(style$U['magneto-ui-drawer'], " ").concat(style$U[fullDrawer], " ").concat(className) },
-            React.createElement("aside", { className: "".concat(style$U[showDrawer]), style: __assign({ padding: paddingValue }, widthValue) },
-                !hideButton && (React.createElement("button", { className: style$U['magneto-ui-close-button'], onClick: onClose },
+        React.createElement("div", { className: "".concat(style$W['magneto-ui-drawer'], " ").concat(style$W[fullDrawer], " ").concat(className) },
+            React.createElement("aside", { className: "".concat(style$W[showDrawer]), style: __assign({ padding: paddingValue }, widthValue) },
+                !hideButton && (React.createElement("button", { className: style$W['magneto-ui-close-button'], onClick: onClose },
                     React.createElement(IconItem, { icon: Add, hover: false }))),
                 children),
-            isOpen && (React.createElement("span", { className: "".concat(style$U[backgroundEffect]), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
+            isOpen && (React.createElement("span", { className: "".concat(style$W[backgroundEffect]), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
 };
 /**
  * Molecule UI component for Drawer
  */
-var Drawer = Component$2m;
+var Drawer$1 = Component$2q;
 
-var style$T = {"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"};
+var style$V = {"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"};
 
 var EmptyResult = function (_a) {
     var titleNoResults = _a.titleNoResults, noResultsDescription = _a.noResultsDescription, noResultsDescriptionTwo = _a.noResultsDescriptionTwo, filteredOptions = _a.filteredOptions, noResultsImage = _a.noResultsImage;
@@ -1123,22 +1123,22 @@ var EmptyResult = function (_a) {
         }
         var titleWithSearch = (React.createElement("h2", null,
             arrayTitle[0],
-            React.createElement("span", { className: style$T["".concat(classMUI, "-empty-result__info--search")] },
+            React.createElement("span", { className: style$V["".concat(classMUI, "-empty-result__info--search")] },
                 "'",
                 arrayTitle[2]),
             "'"));
         var titleWithFilter = React.createElement("h2", null, titleNoResults);
         return match ? titleWithSearch : titleWithFilter;
     }, [titleNoResults]);
-    return (React.createElement("main", { className: style$T["".concat(classMUI, "-empty-result")] },
-        React.createElement("span", { className: style$T["".concat(classMUI, "-empty-result__img-container")] },
-            React.createElement("img", { className: style$T["".concat(classMUI, "-empty-result__img-container--img")], src: noResultsImage, alt: "empty-result" })),
-        React.createElement("div", { className: style$T["".concat(classMUI, "-empty-result__info")] },
+    return (React.createElement("main", { className: style$V["".concat(classMUI, "-empty-result")] },
+        React.createElement("span", { className: style$V["".concat(classMUI, "-empty-result__img-container")] },
+            React.createElement("img", { className: style$V["".concat(classMUI, "-empty-result__img-container--img")], src: noResultsImage, alt: "empty-result" })),
+        React.createElement("div", { className: style$V["".concat(classMUI, "-empty-result__info")] },
             React.createElement("div", null,
-                React.createElement("div", { className: style$T["".concat(classMUI, "-empty-result__info--title")] }, emptyCardTitle),
+                React.createElement("div", { className: style$V["".concat(classMUI, "-empty-result__info--title")] }, emptyCardTitle),
                 React.createElement("p", null, noResultsDescription),
                 React.createElement("p", null, noResultsDescriptionTwo)),
-            React.createElement("div", { className: style$T["".concat(classMUI, "-empty-result__tags")] }, filteredOptions.map(function (_a, index) {
+            React.createElement("div", { className: style$V["".concat(classMUI, "-empty-result__tags")] }, filteredOptions.map(function (_a, index) {
                 var tag = _a.tag, url = _a.url;
                 return (React.createElement(SearchItem, { key: index + tag, tag: tag, url: url }));
             })))));
@@ -1171,7 +1171,7 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
 
 var styles$2e = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
 
-var Component$2l = function (_a) {
+var Component$2p = function (_a) {
     var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
     var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
     var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
@@ -1209,11 +1209,11 @@ var Component$2l = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoAction = Component$2l;
+var ExpandableInfoAction = Component$2p;
 
 var styles$2d = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
 
-var Component$2k = function (_a) {
+var Component$2o = function (_a) {
     var sections = _a.sections, footer = _a.footer;
     var sectionStyles = useCallback(function (multiple) {
         return CNM.get({
@@ -1260,7 +1260,7 @@ var Component$2k = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoDetails = Component$2k;
+var ExpandableInfoDetails = Component$2o;
 
 var EExpandableInfoVariant;
 (function (EExpandableInfoVariant) {
@@ -1283,7 +1283,7 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
 
 var styles$2c = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
 
-var Component$2j = function (_a) {
+var Component$2n = function (_a) {
     var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
     var icon = useCallback(function (icon) {
         if (icon) {
@@ -1307,11 +1307,11 @@ var Component$2j = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoMessage = Component$2j;
+var ExpandableInfoMessage = Component$2n;
 
 var styles$2b = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
 
-var Component$2i = function (_a) {
+var Component$2m = function (_a) {
     var toggler = _a.toggler, details = _a.details;
     var _b = useState(false), visible = _b[0], setVisible = _b[1];
     var handleOnToggle = useCallback(function () {
@@ -1325,11 +1325,11 @@ var Component$2i = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoModal = Component$2i;
+var ExpandableInfoModal = Component$2m;
 
 var styles$2a = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
 
-var style$S = {"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 style$U = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_1kpbc","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_1kpbc","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_1kpbc","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_1kpbc"};
 
 var styles$29 = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
 
@@ -1340,7 +1340,7 @@ var Image = function (_a) {
         playIcon && React.createElement("div", { className: styles$29['magneto-ui-play-button'] }, playIcon)));
 };
 
-var styles$28 = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_agft7","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_agft7","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_agft7","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_agft7","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_agft7","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_agft7","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_agft7"};
+var styles$28 = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
 
 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;
@@ -1350,6 +1350,11 @@ var MegaMenuCard = function (_a) {
             onClick();
         }
     }, [onClick]);
+    var rigthArrow = (React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__arrow"] },
+        React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
+    var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
+        md: rigthArrow
+    });
     return (React.createElement("a", { className: "".concat(styles$28["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
         icon && (React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__icon"] },
             React.createElement(IconItem, { icon: icon, size: 16 }))),
@@ -1360,8 +1365,7 @@ var MegaMenuCard = function (_a) {
             React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
                 maximumFractionDigits: 3
             }), " cupos"))),
-        showRigthArrow && (React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__arrow"] },
-            React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
+        arrow));
 };
 
 var MegaMenuSideCards = function (_a) {
@@ -1371,29 +1375,84 @@ var MegaMenuSideCards = function (_a) {
         setSelected(index);
         onSelectCard && onSelectCard(index);
     }; }, [onSelectCard]);
-    return (React.createElement("ul", { className: "".concat(style$S["mega-menu-side-cards"]) },
+    return (React.createElement("ul", { className: "".concat(style$U["mega-menu-side-cards"]) },
         jobs &&
             jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
-                React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$S["mega-menu-side-cards__card"], " ").concat(selected == key ? style$S["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
+                React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$U["mega-menu-side-cards__card"], " ").concat(selected == key ? style$U["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
         action && (React.createElement("li", null,
-            React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
+            React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$U["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
 };
 
-var styles$27 = {"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$27 = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_16koz"};
 
+var style$T = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_1fo3s","is-active":"mg_mega_menu_drawer_item_is-active_1fo3s","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_1fo3s","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_1fo3s","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_1fo3s","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_1fo3s","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_1fo3s","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_1fo3s","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_1fo3s"};
+
+var Component$2l = function (_a) {
+    var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
+    var _d = useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
+    var menuActive = isActive ? style$T['is-active'] : '';
+    var toggleDrawer = useCallback(function () {
+        setOpenDrawer(!openDrawer);
+    }, [openDrawer]);
+    var anchorAction = useCallback(function (event) {
+        onClickOption && onClickOption();
+        if (content) {
+            event.preventDefault();
+            toggleDrawer();
+        }
+    }, [content, onClickOption, toggleDrawer]);
+    return (React.createElement("div", { className: "".concat(style$T['mega-menu-drawer-item']) },
+        React.createElement("a", { onClick: anchorAction, className: "".concat(style$T['mega-menu-drawer-item__content'], " ").concat(menuActive), href: url },
+            React.createElement("div", { className: style$T['mega-menu-drawer-item__action'] },
+                React.createElement(IconItem, { className: style$T['mega-menu-drawer-item__action--icon'], icon: icon, hover: false, size: 18 }),
+                React.createElement("p", null, text)),
+            React.createElement(IconItem, { icon: ArrowRight2, hover: false, className: style$T['mega-menu-drawer-item__arrow'], size: 18 })),
+        content && (React.createElement(MegaMenuJobsDrawer, { content: content.child, isOpen: openDrawer, title: content.title, toggleDrawer: toggleDrawer }))));
+};
+var MegaMenuJobsDrawer = function (_a) {
+    var title = _a.title, content = _a.content, isOpen = _a.isOpen, toggleDrawer = _a.toggleDrawer;
+    return (React.createElement(Drawer$1, { isOpen: isOpen, onClose: function () { return null; }, customPadding: 0, isFull: true, hideButton: true, className: style$T['mega-menu-drawer'] },
+        React.createElement("div", { className: style$T['item-drawer__header'] },
+            React.createElement("button", { className: style$T['item-drawer__back'], onClick: toggleDrawer },
+                React.createElement(IconItem, { icon: ArrowLeft2, hover: false, className: style$T['item-drawer__back-arrow'], size: 18 })),
+            React.createElement("p", { className: style$T['item-drawer__title'] }, title)),
+        React.createElement("div", { className: "".concat(style$T['item-drawer__content']) }, content)));
+};
+var MegaMenuDrawerItem = Object.assign(Component$2l, {
+    Drawer: MegaMenuJobsDrawer
+});
+
+var Drawer = MegaMenuDrawerItem.Drawer;
 var withMegaMenuContainer = function (WrappedComponent) {
     var Component = function (_a) {
         var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
-        return (React.createElement("div", { className: styles$27['mega-menu-side-container'] },
+        var _b = useState(false), showDrawer = _b[0], setShowDrawer = _b[1];
+        var _c = useState(''), title = _c[0], setTitle = _c[1];
+        var toogleDrawer = useCallback(function (index) {
+            var _a, _b;
+            sideProps.onSelectCard && sideProps.onSelectCard(index !== null && index !== void 0 ? index : 0);
+            setTitle((_b = (_a = sideProps.jobs.at(index !== null && index !== void 0 ? index : 0)) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '');
+            setShowDrawer(!showDrawer);
+        }, [showDrawer, sideProps]);
+        var renderCards = useMediaQuery(React.createElement(React.Fragment, null,
             React.createElement("div", { className: styles$27['mega-menu-side-container__side'] },
                 React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
             React.createElement("div", { className: styles$27['mega-menu-side-container__main'] },
-                React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
+                React.createElement(WrappedComponent, __assign({}, wrapperProps)))), {
+            md: (React.createElement(React.Fragment, null,
+                React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: function (index) {
+                        sideProps.onSelectCard && sideProps.onSelectCard(index);
+                        toogleDrawer(index);
+                    } })),
+                React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$27['mega-menu-side-container__main'] },
+                        React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })))
+        });
+        return React.createElement("div", { className: styles$27['mega-menu-side-container'] }, renderCards);
     };
     return Component;
 };
 
-var Component$2h = function (_a) {
+var Component$2k = function (_a) {
     var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
     return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
             styles: styles$2a,
@@ -1413,7 +1472,7 @@ var Component$2h = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoPopover = withClickOut(Component$2h);
+var ExpandableInfoPopover = withClickOut(Component$2k);
 
 var EXPANDABLE_INFO_TOGGLER_ICONS = {
     coin: CoinBlackOutline
@@ -1421,7 +1480,7 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
 
 var styles$26 = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
 
-var Component$2g = function (_a) {
+var Component$2j = function (_a) {
     var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
     var styleGenerator = useCallback(function (base) {
         return CNM.get({
@@ -1470,11 +1529,11 @@ var Component$2g = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoToggler = Component$2g;
+var ExpandableInfoToggler = Component$2j;
 
 var styles$25 = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
 
-var Component$2f = function (_a) {
+var Component$2i = function (_a) {
     var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
     var togglerProps = useMemo(function () { return ({
         details: details,
@@ -1506,9 +1565,9 @@ var Component$2f = function (_a) {
 /**
  * Molecule UI component for expandable info
  */
-var ExpandableInfo = Component$2f;
+var ExpandableInfo = Component$2i;
 
-var style$R = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
+var style$S = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
 
 var FilterActions = function (_a) {
     var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
@@ -1522,16 +1581,16 @@ var FilterActions = function (_a) {
     }); });
     var actions = useMemo(function () {
         var values = __spreadArray([allAction], alphabet.split(''), true);
-        return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$R["filter-actions__action"], " ").concat(selected == index ? style$R["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
+        return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$S["filter-actions__action"], " ").concat(selected == index ? style$S["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
     }, [allAction, handleClickAction, selected]);
-    return React.createElement("nav", { className: style$R['filter-actions'] }, actions);
+    return React.createElement("nav", { className: style$S['filter-actions'] }, actions);
 };
 
-var style$Q = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
+var style$R = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
 
 var FilterContainerMenu = function (_a) {
     var children = _a.children;
-    return React.createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
+    return React.createElement("div", { className: style$R["".concat(classMUI, "-filter-container")] }, children);
 };
 
 var styles$24 = {"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"};
@@ -1577,7 +1636,7 @@ var FilterSearchItem = function (_a) {
 
 var styles$22 = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
 
-var Component$2e = function (_a) {
+var Component$2h = function (_a) {
     var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
     return (React.createElement("div", { className: styles$22['fraud-card-job'] },
         React.createElement("div", { className: styles$22['fraud-card-job__header'] },
@@ -1589,11 +1648,11 @@ var Component$2e = function (_a) {
                 React.createElement("img", { src: WarningHex, alt: "warning" }),
                 linkText))));
 };
-var FraudCardJob = Component$2e;
+var FraudCardJob = Component$2h;
 
 var styles$21 = {"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$2d = function (_a) {
+var Component$2g = function (_a) {
     var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
     var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
     var searchListDinamyc = useMemo(function () {
@@ -1618,29 +1677,29 @@ var Component$2d = function (_a) {
 /**
  * UI Atom component of Frequent Search
  */
-var FrequentSearch = Component$2d;
+var FrequentSearch = Component$2g;
 
-var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
+var style$Q = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
 
-var Component$2c = function (_a) {
+var Component$2f = function (_a) {
     var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
-    return (React.createElement("div", { className: style$P['header-drawer-company'] },
+    return (React.createElement("div", { className: style$Q['header-drawer-company'] },
         React.createElement(LogoComponent, { logo: logo, alt: alt }),
         React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
         React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
 };
-var HeaderDrawerCompany = Component$2c;
+var HeaderDrawerCompany = Component$2f;
 
 var styles$20 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
 
-var Component$2b = function (_a) {
+var Component$2e = function (_a) {
     var children = _a.children;
     return React.createElement("div", { className: styles$20.TabComponent }, children);
 };
 /**
  * Molecule UI for Tab
  */
-var Tab = Component$2b;
+var Tab = Component$2e;
 
 var styles$1$ = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
 
@@ -1657,7 +1716,7 @@ var toCSSVariables = function (input) {
     return output;
 };
 
-var Component$2a = function (_a) {
+var Component$2d = function (_a) {
     var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
     var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
     var boxShadow = (tabButtonStyles || {}).boxShadow;
@@ -1666,11 +1725,11 @@ var Component$2a = function (_a) {
 /**
  * Molecule UI component for Tab Button
  */
-var TabButton = Component$2a;
+var TabButton = Component$2d;
 
 var styles$1_ = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
 
-var Component$29 = function (_a) {
+var Component$2c = function (_a) {
     var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
     return (React.createElement("div", { className: styles$1_.HeaderDrawerTabsComponent },
         React.createElement("a", { href: homeUrl },
@@ -1679,11 +1738,11 @@ var Component$29 = function (_a) {
             React.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.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$29;
+var HeaderDrawerTabs = Component$2c;
 
 var styles$1Z = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
 
-var Component$28 = function (_a) {
+var Component$2b = function (_a) {
     var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
     return (React.createElement("div", { className: styles$1Z.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
         var headerTabProps = __rest(_a, []);
@@ -1696,7 +1755,7 @@ var Component$28 = function (_a) {
 /**
  * Molecule UI component for header tabs information`
  */
-var HeaderTabs = Component$28;
+var HeaderTabs = Component$2b;
 
 var styles$1Y = {"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"};
 
@@ -1754,7 +1813,7 @@ var Input = function (_a) {
 
 var styles$1X = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
 
-var Component$27 = function (_a) {
+var Component$2a = function (_a) {
     var color = _a.color, size = _a.size, secondColor = _a.secondColor;
     var loadingSize = useMemo(function () {
         if (size) {
@@ -1770,7 +1829,7 @@ var Component$27 = function (_a) {
     }, [size]);
     return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1X["".concat(classMUI, "-flat-loader")] }));
 };
-var FlatLoader = Component$27;
+var FlatLoader = Component$2a;
 
 var styles$1W = {"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"};
 
@@ -1823,7 +1882,7 @@ var InputPlus = function (_a) {
 
 var styles$1V = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
 
-var style$O = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
+var style$P = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
 
 var styles$1U = {"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"};
 
@@ -1835,29 +1894,29 @@ var Tooltip = function (_a) {
             visible && (React.createElement("span", { className: "".concat(styles$1U['tooltip-text'], " ").concat(styles$1U["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
 };
 
-var Component$26 = function (_a) {
+var Component$29 = 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 = useState(false), show = _f[0], setShow = _f[1];
-    return (React.createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
+    return (React.createElement(Popover, { className: [style$P['popover'], !show ? style$P['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$P['content'], classNameContent].join(' ') },
             shareLinks.map(function (_a, index) {
                 var title = _a.title, href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, name = _a.name;
                 return (React.createElement("li", { key: "".concat(title, "-").concat(index) },
-                    React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$O['content__link'], onClick: function () { return setShow(false); } },
+                    React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$P['content__link'], onClick: function () { return setShow(false); } },
                         React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
                         React.createElement("span", null, title))));
             }),
-            React.createElement("li", { className: style$O['content__share'] },
+            React.createElement("li", { className: style$P['content__share'] },
                 React.createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
                         rest.onCopySuccess();
                     } })))) },
         React.createElement(Tooltip, { title: btnProps.title || 'Compartir', position: "bottom", visible: !show },
-            React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
+            React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$P['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
                 React.createElement(IconItem, { size: 20, icon: Share })))));
 };
-Component$26.displayName = 'SharePopover';
-var SharePopover = Component$26;
+Component$29.displayName = 'SharePopover';
+var SharePopover = Component$29;
 
-var Component$25 = function (_a) {
+var Component$28 = 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],
@@ -1887,11 +1946,11 @@ var Component$25 = function (_a) {
 /**
  * UI Molecule Component for Jobs Actions
  */
-var JobActions = Component$25;
+var JobActions = Component$28;
 
 var styles$1T = {"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$24 = function (_a) {
+var Component$27 = function (_a) {
     var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
     return (React.createElement("div", { className: styles$1T['magneto-ui-job-apply-card'] },
         React.createElement("div", { className: styles$1T['magneto-ui-job-apply-card__wrapper'] },
@@ -1914,9 +1973,9 @@ var Component$24 = function (_a) {
 /**
  * UI Molecule Component for Job Apply Card
  */
-var JobApplyCard = Component$24;
+var JobApplyCard = Component$27;
 
-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"};
+var style$O = {"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"};
 
 var JobCardDesktop = function (_a) {
     var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, contractType = _a.contractType, showDetail = _a.showDetail, urgent = _a.urgent, _d = _a.others, others = _d === void 0 ? '' : _d, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
@@ -1927,43 +1986,43 @@ var JobCardDesktop = function (_a) {
         return cities === null || cities === void 0 ? void 0 : cities.join(', ');
     }, [cities]);
     var infoRow4 = [contractType, salary, experience, educationLevel].join(' ');
-    return (React.createElement("article", { onClick: showDetail, className: "".concat(style$N["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$N[workSeen] : '', " ").concat(jobOpen ? style$N[jobOpen] : '') },
-        !isCompanyPage && (React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row1")] },
-            React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--brand")] },
-                React.createElement("img", { className: style$N["".concat(classMUI, "-card-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
-        React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--data")] },
-            React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row2")] },
+    return (React.createElement("article", { onClick: showDetail, className: "".concat(style$O["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$O[workSeen] : '', " ").concat(jobOpen ? style$O[jobOpen] : '') },
+        !isCompanyPage && (React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row1")] },
+            React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--brand")] },
+                React.createElement("img", { className: style$O["".concat(classMUI, "-card-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
+        React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--data")] },
+            React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row2")] },
                 React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); } },
-                    React.createElement("h2", { className: "".concat(style$N["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
+                    React.createElement("h2", { className: "".concat(style$O["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
                 React.createElement("h3", null, companyName),
                 React.createElement("p", null, formatPublishDate),
-                urgent && (React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row2__urgent")] },
+                urgent && (React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row2__urgent")] },
                     React.createElement(IconItem, { alt: 'alt', icon: Urgent, hover: false, size: 18 }),
                     React.createElement("p", null, urgent)))),
-            React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row3")] },
+            React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row3")] },
                 React.createElement("p", null,
                     citiesformatted,
                     (cities === null || cities === void 0 ? void 0 : cities.length) > 5 && ', ' + others)),
-            React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row4")] },
+            React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row4")] },
                 React.createElement("p", null, infoRow4))),
-        React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--arrow")] },
+        React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--arrow")] },
             React.createElement(IconItem, { icon: ArrowRight2 }))));
 };
 
-var style$M = {"magneto-ui-card-mobile-jobs":"mg_job_card_mobile_magneto-ui-card-mobile-jobs_18tcb","magneto-ui-card-mobile-jobs--data":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--data_18tcb","magneto-ui-card-mobile-jobs--row1":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row1_18tcb","magneto-ui-card-mobile-jobs--row2":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_18tcb","magneto-ui-card-mobile-jobs--row2__position":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_position_18tcb","magneto-ui-card-mobile-jobs--row2__info":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_info_18tcb","magneto-ui-card-mobile-jobs--brand":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_18tcb","magneto-ui-card-mobile-jobs--brand__img":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_img_18tcb"};
+var style$N = {"magneto-ui-card-mobile-jobs":"mg_job_card_mobile_magneto-ui-card-mobile-jobs_18tcb","magneto-ui-card-mobile-jobs--data":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--data_18tcb","magneto-ui-card-mobile-jobs--row1":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row1_18tcb","magneto-ui-card-mobile-jobs--row2":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_18tcb","magneto-ui-card-mobile-jobs--row2__position":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_position_18tcb","magneto-ui-card-mobile-jobs--row2__info":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_info_18tcb","magneto-ui-card-mobile-jobs--brand":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_18tcb","magneto-ui-card-mobile-jobs--brand__img":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_img_18tcb"};
 
 var JobCardMobile = function (_a) {
     var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, showDetail = _a.showDetail, others = _a.others, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
-    return (React.createElement("article", { onClick: showDetail, className: "".concat(style$M["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$M[workSeen] : '', " ").concat(jobOpen ? style$M[jobOpen] : '') },
-        !isCompanyPage && (React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row1")] },
-            React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--brand")] },
-                React.createElement("img", { className: style$M["".concat(classMUI, "-card-mobile-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '50px', height: '50px' })))),
-        React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--data")] },
-            React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row2")] },
+    return (React.createElement("article", { onClick: showDetail, className: "".concat(style$N["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$N[workSeen] : '', " ").concat(jobOpen ? style$N[jobOpen] : '') },
+        !isCompanyPage && (React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--row1")] },
+            React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--brand")] },
+                React.createElement("img", { className: style$N["".concat(classMUI, "-card-mobile-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '50px', height: '50px' })))),
+        React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--data")] },
+            React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--row2")] },
                 React.createElement("div", null,
                     React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, rel: "noreferrer", onClick: function (e) { return e.stopPropagation(); } },
-                        React.createElement("h2", { className: "".concat(style$M["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
-                React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
+                        React.createElement("h2", { className: "".concat(style$N["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
+                React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
                     React.createElement("h3", null,
                         companyName,
                         ","),
@@ -2000,7 +2059,7 @@ var JobCard = function (_a) {
 
 var styles$1S = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
 
-var Component$23 = function (_a) {
+var Component$26 = function (_a) {
     var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
     return (React.createElement("div", { className: styles$1S['magneto-ui-job-company-header'] },
         React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
@@ -2009,35 +2068,35 @@ var Component$23 = function (_a) {
 /**
  * UI Molecule component for Company Job Header
  */
-var JobCompanyHeader = Component$23;
+var JobCompanyHeader = Component$26;
 
 var styles$1R = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
 
-var Component$22 = function (_a) {
+var Component$25 = function (_a) {
     var offerDescription = _a.offerDescription;
     return (React.createElement("div", { className: styles$1R['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
 };
 /**
  * UI Molecule Component for Job Detail Card Header
  */
-var JobDetailCard = Component$22;
+var JobDetailCard = Component$25;
 
-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"};
+var style$M = {"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"};
 
 var JobDetailContainer = function (_a) {
     var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
     var toggleMenu = useMemo(function () {
-        return isOpen ? style$L['is-open'] : '';
+        return isOpen ? style$M['is-open'] : '';
     }, [isOpen]);
-    return (React.createElement("div", { className: "".concat(style$L["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
-        React.createElement("button", { type: "button", onClick: onClose, className: style$L["".concat(classMUI, "-job-detail-container--btn")] },
+    return (React.createElement("div", { className: "".concat(style$M["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
+        React.createElement("button", { type: "button", onClick: onClose, className: style$M["".concat(classMUI, "-job-detail-container--btn")] },
             React.createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
         children));
 };
 
 var styles$1Q = {"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$21 = function (_a) {
+var Component$24 = 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],
@@ -2062,12 +2121,12 @@ var Component$21 = function (_a) {
 /**
  * UI Molecule component for Job Detail
  */
-Component$21.displayName = 'JobDetails';
-var JobDetails = Component$21;
+Component$24.displayName = 'JobDetails';
+var JobDetails = Component$24;
 
 var styles$1P = {"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$20 = function (_a) {
+var Component$23 = 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;
@@ -2095,11 +2154,11 @@ var Component$20 = function (_a) {
 /**
  * UI Molecule component for Job Footer Card
  */
-var JobFooterCard = Component$20;
+var JobFooterCard = Component$23;
 
 var styles$1O = {"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$1$ = function (_a) {
+var Component$22 = function (_a) {
     var name = _a.name, score = _a.score;
     var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
     var skillRef = useRef(null);
@@ -2141,11 +2200,11 @@ var Component$1$ = function (_a) {
             React.createElement("p", null, name),
             React.createElement("div", { className: "".concat(styles$1O['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1O['magneto-ui-skill--no-animation']) }))));
 };
-var Skill = Component$1$;
+var Skill = Component$22;
 
 var styles$1N = {"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$1_ = function (_a) {
+var Component$21 = function (_a) {
     var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
     return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1N['magneto-ui-job-skills-card'] },
         React.createElement("p", null, offerSkillsLabel),
@@ -2158,7 +2217,7 @@ var Component$1_ = function (_a) {
 /**
  * UI Molecule component of Job Skills Card
  */
-var JobSkillsCard = Component$1_;
+var JobSkillsCard = Component$21;
 
 var styles$1M = {"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"};
 
@@ -2179,39 +2238,39 @@ var JobVideo = function (_a) {
         React.createElement(Image, __assign({}, imageProps))));
 };
 
-var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
+var style$L = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
 
-var Component$1Z = function (_a) {
-    var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
-    return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
+var Component$20 = function (_a) {
+    var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
+    return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$L['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
         var icon = _a.icon, url = _a.url, title = _a.title;
         return url && (React.createElement("a", { key: index, href: url, target: "_blank", rel: "noopener noreferrer" },
             React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
     })));
 };
-var ListIconLink = Component$1Z;
+var ListIconLink = Component$20;
 
-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 style$K = {"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$1Y = function (_a) {
+var Component$1$ = 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.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
+    var menuActive = isActive ? style$K['isActive'] : '';
+    return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$K['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
         icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
-        React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
+        React.createElement("p", { className: style$K['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$K['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
         icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
-        React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
+        React.createElement("p", { className: style$K['magneto-ui-menu-icon__menu-text'] }, text)))));
 };
-var MenuIcon = Component$1Y;
+var MenuIcon = Component$1$;
 
-var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
+var style$J = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
 
-var Component$1X = function (_a) {
+var Component$1_ = 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;
     var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
-    return (React.createElement("div", { className: style$I['mangeto-ui-list-menu-icons'] },
+    return (React.createElement("div", { className: style$J['mangeto-ui-list-menu-icons'] },
         React.createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
             userMenu.map(function (_a, i) {
                 var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
@@ -2227,34 +2286,34 @@ var Component$1X = function (_a) {
         React.createElement(Divider, null),
         React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
 };
-var ListMenuIcons = Component$1X;
+var ListMenuIcons = Component$1_;
 
-var Component$1W = function (_a) {
+var Component$1Z = function (_a) {
     var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
     return (React.createElement("div", null, menuList.map(function (_a, index) {
         var text = _a.text, url = _a.url, slug = _a.slug;
         return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
     })));
 };
-var ListMenuItems = Component$1W;
+var ListMenuItems = Component$1Z;
 
-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"};
+var style$I = {"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"};
 
 var ListMenuText = function (_a) {
     var title = _a.title, links = _a.links, createAccount = _a.createAccount, isLoading = _a.isLoading;
-    return (React.createElement("div", { className: "".concat(style$H["".concat(classMUI, "-list-menu")]) },
-        React.createElement("p", { className: "".concat(style$H["".concat(classMUI, "-list-menu__title")]) }, title),
+    return (React.createElement("div", { className: "".concat(style$I["".concat(classMUI, "-list-menu")]) },
+        React.createElement("p", { className: "".concat(style$I["".concat(classMUI, "-list-menu__title")]) }, title),
         links.map(function (_a, i) {
             var tag = _a.tag, href = _a.href, isCreateAccount = _a.isCreateAccount, openNewTab = _a.openNewTab;
             return isCreateAccount
-                ? tag && (React.createElement("div", { key: i, className: "".concat(style$H["".concat(classMUI, "-list-menu__create-account")]) },
-                    React.createElement("button", { title: tag, className: "".concat(style$H["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
+                ? tag && (React.createElement("div", { key: i, className: "".concat(style$I["".concat(classMUI, "-list-menu__create-account")]) },
+                    React.createElement("button", { title: tag, className: "".concat(style$I["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
                     isLoading && React.createElement(Loading, __assign({}, LoadingProps))))
-                : tag && (React.createElement("a", { className: "".concat(style$H["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
+                : tag && (React.createElement("a", { className: "".concat(style$I["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
         })));
 };
 
-var style$G = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
+var style$H = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
 
 var ListSortMenu = function (_a) {
     var orderFields = _a.orderFields, setFilter = _a.setFilter, textOrderFilter = _a.textOrderFilter, setShowPopover = _a.setShowPopover;
@@ -2262,24 +2321,24 @@ var ListSortMenu = function (_a) {
         setFilter({ key: key });
         setShowPopover(false);
     }, [setFilter, setShowPopover]);
-    return (React.createElement("div", { className: style$G['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
+    return (React.createElement("div", { className: style$H['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
         var field = _a.field, label = _a.label, iconUrl = _a.iconUrl;
         return (React.createElement(MenuIcon, { key: "".concat(field, "-").concat(i), text: label, icon: iconUrl, type: "button", onClick: function () { return handleClick(field); }, isActive: label === textOrderFilter }));
     })));
 };
 
-var style$F = {"magneto-ui-magneto-resolution":"mg_magneto_resolution_magneto-ui-magneto-resolution_h0xmi","magneto-ui-magneto-resolution__img":"mg_magneto_resolution_magneto-ui-magneto-resolution_img_h0xmi","magneto-ui-magneto-resolution__text":"mg_magneto_resolution_magneto-ui-magneto-resolution_text_h0xmi","magneto-ui-magneto-resolution__text--link":"mg_magneto_resolution_magneto-ui-magneto-resolution_text--link_h0xmi"};
+var style$G = {"magneto-ui-magneto-resolution":"mg_magneto_resolution_magneto-ui-magneto-resolution_h0xmi","magneto-ui-magneto-resolution__img":"mg_magneto_resolution_magneto-ui-magneto-resolution_img_h0xmi","magneto-ui-magneto-resolution__text":"mg_magneto_resolution_magneto-ui-magneto-resolution_text_h0xmi","magneto-ui-magneto-resolution__text--link":"mg_magneto_resolution_magneto-ui-magneto-resolution_text--link_h0xmi"};
 
 var MagnetoResolution = function (_a) {
     var resolutionText = _a.resolutionText, resolutionHrefText = _a.resolutionHrefText, resolutionHref = _a.resolutionHref;
-    return (React.createElement("div", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution")]) },
-        React.createElement("img", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
-        React.createElement("p", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text")]) },
+    return (React.createElement("div", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution")]) },
+        React.createElement("img", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
+        React.createElement("p", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution__text")]) },
             resolutionText,
-            React.createElement("a", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
+            React.createElement("a", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
 };
 
-var style$E = {"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 style$F = {"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: {
@@ -2312,7 +2371,7 @@ var useMegaMenuMain = function () {
 
 var styles$1L = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
 
-var Component$1V = function (_a) {
+var Component$1Y = 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 = useCallback(function (event) {
         if (onClick) {
@@ -2328,7 +2387,7 @@ var Component$1V = function (_a) {
 /**
  * UI Atom Component of Save Button
  */
-var ButtonLink = Component$1V;
+var ButtonLink = Component$1Y;
 
 var MegaMenuJobsTabs = function () {
     var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
@@ -2339,20 +2398,20 @@ var MegaMenuJobsTabs = function () {
     }; }, [onChangeTab]);
     var isSelectedTab = useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
     var content = useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
-    return (React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__container"]) },
+    return (React.createElement("div", { className: "".concat(style$F["mega-menu-jobs-tabs__container"]) },
         React.createElement("nav", null,
-            React.createElement("ul", { className: "".concat(style$E["mega-menu-jobs-tabs"]) },
+            React.createElement("ul", { className: "".concat(style$F["mega-menu-jobs-tabs"]) },
                 tabs &&
                     tabs.map(function (_a, index) {
                         var label = _a.label, url = _a.url;
                         return (React.createElement("li", { key: index },
-                            React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$E["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$E["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
+                            React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$F["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$F["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
                     }),
                 React.createElement(Divider, { direction: 'VERTICAL' }),
                 React.createElement("li", null,
                     React.createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
         React.createElement(Divider, null),
-        React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
+        React.createElement("div", { className: "".concat(style$F["mega-menu-jobs-tabs__content"]) }, content)));
 };
 
 var styles$1K = {"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"};
@@ -2407,7 +2466,7 @@ var transitionDuration = 300;
 
 var styles$1I = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
 
-var Component$1U = function (_a) {
+var Component$1X = function (_a) {
     var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
     var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
     var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
@@ -2470,11 +2529,11 @@ var Component$1U = function (_a) {
 /**
  * Molecule UI component for Message
  */
-var Message = Component$1U;
+var Message = Component$1X;
 
 var styles$1H = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
 
-var Component$1T = function (_a) {
+var Component$1W = function (_a) {
     var returnText = _a.returnText, onClick = _a.onClick;
     return (React.createElement("div", { className: styles$1H['magneto-ui-mobile-job-details-header'] },
         React.createElement("button", { onClick: onClick },
@@ -2484,11 +2543,11 @@ var Component$1T = function (_a) {
 /**
  * UI Molecule Component for Mobile Jobs Drawer
  */
-var MobileJobDetailsHeader = Component$1T;
+var MobileJobDetailsHeader = Component$1W;
 
 var styles$1G = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
 
-var Component$1S = function (_a) {
+var Component$1V = function (_a) {
     var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
     var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
     var searchInputRef = useRef(null);
@@ -2521,7 +2580,7 @@ var Component$1S = function (_a) {
 /**
  * Molecule UI component for MobileSearchbar
  */
-var MobileSearchbar = Component$1S;
+var MobileSearchbar = Component$1V;
 
 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"};
 
@@ -2554,14 +2613,14 @@ var Description = function (_a) {
 };
 var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
 
-var Component$1R = function (_a) {
+var Component$1U = function (_a) {
     var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
     var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
         md: (React.createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
     });
     return container;
 };
-var ModalResponsive = Component$1R;
+var ModalResponsive = Component$1U;
 
 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"};
 
@@ -2662,11 +2721,11 @@ var Pagination = function (_a) {
         last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
 };
 
-var style$D = {"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$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 RightsReservedText = function (_a) {
     var magnetoRightsText = _a.magnetoRightsText;
-    return (React.createElement("div", { className: "".concat(style$D["".concat(classMUI, "-rights-reserved")]) },
+    return (React.createElement("div", { className: "".concat(style$E["".concat(classMUI, "-rights-reserved")]) },
         React.createElement("p", null, magnetoRightsText)));
 };
 
@@ -2679,7 +2738,7 @@ var generateID = function () {
 
 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 Component$1Q = function (_a) {
+var Component$1T = function (_a) {
     var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
     var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
     var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
@@ -2715,11 +2774,11 @@ var Component$1Q = function (_a) {
         React.createElement("button", { className: styles$1C['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
             React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
 };
-var ScoreLevel = Component$1Q;
+var ScoreLevel = Component$1T;
 
 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 Component$1P = function (_a) {
+var Component$1S = function (_a) {
     var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
     var labelScore = useMemo(function () {
         return levels[scoreValue - 1];
@@ -2740,11 +2799,11 @@ var Component$1P = function (_a) {
             React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
             React.createElement("p", null, labelScore))));
 };
-var ScoreLevelStatic = Component$1P;
+var ScoreLevelStatic = Component$1S;
 
 var styles$1A = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
 
-var Component$1O = function (_a) {
+var Component$1R = function (_a) {
     var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
     var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
     useEffect(function () {
@@ -2773,17 +2832,17 @@ var Component$1O = function (_a) {
 /**
  * UI Molecule of a searchbar
  */
-var Searchbar = Component$1O;
+var Searchbar = Component$1R;
 
 var styles$1z = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
 
-var Component$1N = function (_a) {
+var Component$1Q = function (_a) {
     var props = __rest(_a, []);
     return (React.createElement("div", { className: styles$1z['search-button'] },
         props.searchValue && React.createElement("div", { className: styles$1z['search-button__badge'] }),
         React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
 };
-var SearchButton = Component$1N;
+var SearchButton = Component$1Q;
 
 var styles$1y = {"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"};
 
@@ -2803,7 +2862,7 @@ var SimilarJobsCard = function (_a) {
         React.createElement(IconItem, { className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
 };
 
-var style$C = {"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$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 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;
@@ -2816,8 +2875,8 @@ var SortMenu = function (_a) {
         };
     }, [orderFields, textOrderFilter, setFilter, setClickOut]);
     return (React.createElement(Popover, { widthBase: 180, show: clickOut, content: React.createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
-        React.createElement("button", { className: "".concat(style$C['magneto-ui-btn-menu'], " ").concat(loading && style$C.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
-            React.createElement("p", { className: style$C['magneto-ui-btn-text'] }, textOrderFilter),
+        React.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.createElement("p", { className: style$D['magneto-ui-btn-text'] }, textOrderFilter),
             React.createElement(IconItem, __assign({}, menuSortButton)))));
 };
 var SortMenu$1 = withClickOut(SortMenu);
@@ -2860,31 +2919,31 @@ var TextArea = function (_a) {
             hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
 };
 
-var style$B = {"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$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 timelineIcons = {
     checked: Checked,
     current: Clock,
     blocked: Lock
 };
-var Component$1M = function (_a) {
+var Component$1P = 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 = useMemo(function () { return timelineIcons[status]; }, [status]);
-    var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
-    var subtitleStyle = style$B["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
-    return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$B["".concat(classMUI, "-timeline-event")] },
-        React.createElement("div", { className: style$B["".concat(classMUI, "-timeline-event__icon")] },
-            React.createElement("div", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$B[status]) }),
-            React.createElement(IconItem, { className: style$B["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
-        React.createElement("div", { className: style$B["".concat(classMUI, "-timeline-event__text")] },
-            React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
-            React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
-};
-var TimelineEvent = Component$1M;
+    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.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$C["".concat(classMUI, "-timeline-event")] },
+        React.createElement("div", { className: style$C["".concat(classMUI, "-timeline-event__icon")] },
+            React.createElement("div", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$C[status]) }),
+            React.createElement(IconItem, { className: style$C["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
+        React.createElement("div", { className: style$C["".concat(classMUI, "-timeline-event__text")] },
+            React.createElement("p", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
+            React.createElement("p", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
+};
+var TimelineEvent = Component$1P;
 
 var styles$1w = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
 
-var Component$1L = function (_a) {
+var Component$1O = function (_a) {
     var list = _a.list, toggleButtonProps = _a.toggleButtonProps, _b = _a.onChange, onChange = _b === void 0 ? function () { return ({}); } : _b, _c = _a.className, className = _c === void 0 ? '' : _c, currentSelect = _a.currentSelect;
     var _d = useState(), valueSelected = _d[0], setValueSelected = _d[1];
     useEffect(function () {
@@ -2912,14 +2971,14 @@ var Component$1L = function (_a) {
         return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
     })));
 };
-var ToggleButtonList = Component$1L;
+var ToggleButtonList = Component$1O;
 
-var Component$1K = function (_a) {
+var Component$1N = 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.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
         React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
 };
-var UserMenu = withClickOut(Component$1K);
+var UserMenu = withClickOut(Component$1N);
 
 var userMenuAnalystIcons = {
     helpImprove: MagicStarBlackOutline,
@@ -2937,7 +2996,7 @@ var styles$1v = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_op
 
 var styles$1u = {"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$1J = function (_a) {
+var Component$1M = 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 = useCallback(function () {
@@ -2964,11 +3023,11 @@ var Component$1J = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionDefault = React.memo(Component$1J);
+var UserMenuAnalystOptionDefault = React.memo(Component$1M);
 
 var styles$1t = {"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$1I = function (_a) {
+var Component$1L = 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.createElement("span", { className: CNM.get({
             styles: styles$1t,
@@ -2981,11 +3040,11 @@ var Component$1I = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionHover = React.memo(Component$1I);
+var UserMenuAnalystOptionHover = React.memo(Component$1L);
 
 var styles$1s = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
 
-var Component$1H = function (_a) {
+var Component$1K = function (_a) {
     var option = _a.option, className = _a.className;
     return (React.createElement("span", { className: CNM.get({
             styles: styles$1s,
@@ -2996,9 +3055,9 @@ var Component$1H = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionText = React.memo(Component$1H);
+var UserMenuAnalystOptionText = React.memo(Component$1K);
 
-var Component$1G = function (_a) {
+var Component$1J = function (_a) {
     var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
     return (React.createElement(React.Fragment, null, actions.map(function (action, index) { return (React.createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
         React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
@@ -3018,7 +3077,7 @@ var Action = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionActions = React.memo(Component$1G);
+var UserMenuAnalystOptionActions = React.memo(Component$1J);
 
 var EUserMenuAnalystOptionType;
 (function (EUserMenuAnalystOptionType) {
@@ -3046,7 +3105,7 @@ var getOptionType = function (type) { return (type ? optionTypes[type] : UserMen
 
 var styles$1r = {"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$1F = function (_a) {
+var Component$1I = function (_a) {
     var subTitle = _a.subTitle, title = _a.title;
     var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
     return (React.createElement("div", null,
@@ -3061,11 +3120,11 @@ var Component$1F = function (_a) {
                     cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
                 }) }, subTitle.slice(separatorIndex + 1).trim())))));
 };
-var UserMenuAnalystTitle = Component$1F;
+var UserMenuAnalystTitle = Component$1I;
 
 var styles$1q = {"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$1E = function (_a) {
+var Component$1H = 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 = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
@@ -3107,7 +3166,7 @@ var Component$1E = function (_a) {
         var _a;
         return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
             item.title && (React.createElement("span", { className: CNM.get({ styles: styles$1q, 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.createElement(Component$1E, { key: "option-".concat(child.title, "-").concat(j), classNames: {
+            _a.map(function (child, j) { return (React.createElement(Component$1H, { 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 })); })));
@@ -3116,9 +3175,9 @@ var Component$1E = function (_a) {
 /**
  * Molecule UI grand child component of menu dropdown
  */
-var UserMenuAnalystOption = Component$1E;
+var UserMenuAnalystOption = Component$1H;
 
-var Component$1D = function (_a) {
+var Component$1G = 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 = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
     return (React.createElement("div", { className: CNM.get({ styles: styles$1v, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
@@ -3132,11 +3191,11 @@ var Component$1D = function (_a) {
 /**
  * Molecule UI child component of user menu analyst
  */
-var UserMenuAnalystOptions = Component$1D;
+var UserMenuAnalystOptions = Component$1G;
 
 var styles$1p = {"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$1C = function (_a) {
+var Component$1F = 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 = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
     var actionUrl = useMemo(function () {
@@ -3176,11 +3235,11 @@ var Component$1C = function (_a) {
 /**
  * Molecule UI component for user menu
  */
-var UserMenuAnalyst = Component$1C;
+var UserMenuAnalyst = Component$1F;
 
 var styles$1o = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
 
-var Component$1B = function (_a) {
+var Component$1E = 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.createElement("div", { className: CNM.get({ styles: styles$1o, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
         React.createElement(Popover, { widthBase: 'auto', show: clickOut, content: React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
@@ -3189,11 +3248,11 @@ var Component$1B = function (_a) {
 /**
  * Molecule UI child component of user menu analyst wrapper
  */
-var UserMenuWrapperAnalystDropdown = withClickOut(Component$1B);
+var UserMenuWrapperAnalystDropdown = withClickOut(Component$1E);
 
 var styles$1n = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
 
-var Component$1A = function (_a) {
+var Component$1D = 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.createElement(React.Fragment, null,
         React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1n, cls: ['user-menu-wrapper-analyst-modal'] }) },
@@ -3203,9 +3262,9 @@ var Component$1A = function (_a) {
 /**
  * Molecule UI child component of user menu analyst wrapper
  */
-var UserMenuWrapperAnalystModal = Component$1A;
+var UserMenuWrapperAnalystModal = Component$1D;
 
-var Component$1z = function (_a) {
+var Component$1C = function (_a) {
     var props = __rest(_a, []);
     var _b = useState(false), visible = _b[0], setVisible = _b[1];
     useEffect(function () {
@@ -3227,7 +3286,7 @@ var Component$1z = function (_a) {
 /**
  * Molecule UI component for user menu wrapper analyst
  */
-var UserMenuWrapperAnalyst = Component$1z;
+var UserMenuWrapperAnalyst = Component$1C;
 
 var styles$1m = {"alert-job":"mg_alert_job_status_alert-job_m2adj","alert-job__search-item":"mg_alert_job_status_alert-job_search-item_m2adj"};
 
@@ -3249,11 +3308,11 @@ var AlertJobStatusIcon = function (_a) {
 };
 
 var cx$z = classNames.bind(styles$1m);
-var Component$1y = function (_a) {
+var Component$1B = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("div", { className: cx$z('alert-job', className) }, children);
 };
-var AlertJobStatus = Object.assign(Component$1y, {
+var AlertJobStatus = Object.assign(Component$1B, {
     Container: AlertJobStatusContainer,
     Icon: AlertJobStatusIcon,
     Text: Text$1
@@ -3264,34 +3323,34 @@ var styles$1j = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-ca
 var styles$1i = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
 
 var cx$y = classNames.bind(styles$1i);
-var Component$1x = function (_a) {
+var Component$1A = function (_a) {
     var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
     if (hideLogo)
         return null;
     return (React.createElement("img", { className: cx$y("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
 };
-var SimilarCardLogo = Component$1x;
+var SimilarCardLogo = Component$1A;
 
 var cx$x = classNames.bind(styles$1j);
-var Component$1w = function (_a) {
+var Component$1z = function (_a) {
     var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
     return (React.createElement(React.Fragment, null,
         React.createElement(IconItem, { className: cx$x('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
 };
-var SimilarCardIcon = Component$1w;
+var SimilarCardIcon = Component$1z;
 
 var cx$w = classNames.bind(styles$1j);
-var Component$1v = function (_a) {
+var Component$1y = function (_a) {
     var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
     return (React.createElement("a", { className: cx$w("similar-card", className), href: jobUrlSlug, title: title }, children));
 };
-var SimilarCard = Object.assign(Component$1v, {
+var SimilarCard = Object.assign(Component$1y, {
     Text: Text$1,
     Logo: SimilarCardLogo,
     Icon: SimilarCardIcon
 });
 
-var Component$1u = function (_a) {
+var Component$1x = 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 = useMemo(function () {
         var _a, _b, _c;
@@ -3308,16 +3367,16 @@ var Component$1u = function (_a) {
 /**
  * Molecule UI child component of modal analyst
  */
-var ModalAnalystContainer = Component$1u;
+var ModalAnalystContainer = Component$1x;
 
-var Component$1t = function (_a) {
+var Component$1w = function (_a) {
     var content = _a.content;
     return React.createElement("div", null, content);
 };
 /**
  * Molecule UI child component of modal analyst
  */
-var ModalAnalystContent = Component$1t;
+var ModalAnalystContent = Component$1w;
 
 var styles$1h = {"magneto-ui-modal-analyst-footer":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_1cd9r","magneto-ui-modal-analyst-footer--top-divider":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer--top-divider_1cd9r","magneto-ui-modal-analyst-footer__button":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button_1cd9r","magneto-ui-modal-analyst-footer__button--loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--loading_1cd9r","magneto-ui-modal-analyst-footer__button--green":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--green_1cd9r","magneto-ui-modal-analyst-footer__button--blue":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--blue_1cd9r","magneto-ui-modal-analyst-footer__button--white":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--white_1cd9r","magneto-ui-modal-analyst-footer__button--gray":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--gray_1cd9r","magneto-ui-modal-analyst-footer__button--red":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--red_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--margin-right":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--margin-right_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--empty-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--empty-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon--inactive":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon--inactive_1cd9r"};
 
@@ -3344,7 +3403,7 @@ var MODAL_ICONS = {
     closeCircle: CloseCircle
 };
 
-var Component$1s = function (_a) {
+var Component$1v = function (_a) {
     var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
     var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
     var _c = useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
@@ -3427,11 +3486,11 @@ var Component$1s = function (_a) {
 /**
  * Molecule UI child component of modal analyst
  */
-var ModalAnalystFooter = Component$1s;
+var ModalAnalystFooter = Component$1v;
 
 var styles$1g = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
 
-var Component$1r = function (_a) {
+var Component$1u = function (_a) {
     var header = _a.header;
     return (React.createElement("div", { className: CNM.get({ styles: styles$1g, cls: ['modal-analyst-header'] }) },
         (header === null || header === void 0 ? void 0 : header.prefixIcon) && (React.createElement(IconItem, __assign({ showDefaultFallback: false, size: 20 }, header === null || header === void 0 ? void 0 : header.prefixIcon, { icon: (header === null || header === void 0 ? void 0 : header.prefixIcon.icon) && MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
@@ -3445,7 +3504,7 @@ var Component$1r = function (_a) {
 /**
  * Molecule UI child component of modal analyst
  */
-var ModalAnalystHeader = Component$1r;
+var ModalAnalystHeader = Component$1u;
 
 var MenuButtonAnalystProps = {
     buttonType: 'button',
@@ -4133,6 +4192,8 @@ var CourthouseBlue = "https://static.magneto365.com/lib/assets/megaMenu/83619cd8
 
 var LocationBlue = "https://static.magneto365.com/lib/assets/megaMenu/5b59e346125572c7.svg";
 
+var Book = "https://static.magneto365.com/lib/assets/megaMenu/ca9ee6d183e7647b.svg";
+
 var alphabet = 'ABCDEFGHIJKLMNÑOPQRSTUVWXYZ';
 var megaMenuJobImage = {
     title: 'Cajero cafeteria en la esquina del barrio de por mi casa',
@@ -4152,6 +4213,7 @@ Array(36).fill(megaMenuJobIcon);
 Array(36).fill(megaMenuJobImage);
 var megaMenuHelpIcons = [QuestionCircle, HeadsetBlackOutline];
 var megaMenuJobsIcons = [LocationBlue, CourthouseBlue, BriefcaseBlue, BuildingBlue];
+var mobileSocialIcons = [Book, HeadsetBlackOutline, QuestionCircle];
 
 var CNM = /** @class */ (function () {
     function CNM() {
@@ -4180,7 +4242,7 @@ var CNM = /** @class */ (function () {
 
 var styles$1f = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
 
-var Component$1q = function (_a) {
+var Component$1t = function (_a) {
     var className = _a.className, color = _a.color, percent = _a.percent;
     var validateCompleted = useCallback(function (value) {
         if (!value)
@@ -4210,11 +4272,11 @@ var Component$1q = function (_a) {
 /**
  * UI Atom component of Bar Loader
  */
-var BarLoader = Component$1q;
+var BarLoader = Component$1t;
 
 var styles$1e = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
 
-var Component$1p = function (_a) {
+var Component$1s = function (_a) {
     var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
     var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
     var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
@@ -4255,11 +4317,11 @@ var Component$1p = function (_a) {
 /**
  * Atom UI of breadcrumb
  */
-var Breadcrumb = Component$1p;
+var Breadcrumb = Component$1s;
 
 var styles$1d = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
 
-var Component$1o = function (_a) {
+var Component$1r = function (_a) {
     var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
     return (React.createElement("button", { className: "".concat(className, " ").concat(styles$1d['magneto-ui-button'], " ").concat(addHover ? styles$1d['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
         suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$1d['magneto-ui-button__icon'] })),
@@ -4269,12 +4331,12 @@ var Component$1o = function (_a) {
 /**
  * UI Atom Component of Save Button
  */
-var Button = Component$1o;
+var Button = Component$1r;
 
 var styles$1c = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
 
 var nf = new Intl.NumberFormat('de-DE');
-var Component$1n = function (_a) {
+var Component$1q = function (_a) {
     var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
     var currentHigherMax = useMemo(function () {
         return current > max;
@@ -4285,7 +4347,7 @@ var Component$1n = function (_a) {
             " / ",
             nf.format(max))));
 };
-var ComparativeCounter = Component$1n;
+var ComparativeCounter = Component$1q;
 
 var styles$1b = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
 
@@ -4296,7 +4358,7 @@ var defaultCheck = function (_a) {
         return;
     return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$v('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
 };
-var Component$1m = function (_a) {
+var Component$1p = function (_a) {
     var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
     return (React.createElement("label", { className: cx$v('checkbox', "checkbox--".concat(display), className, {
             'checkbox--checked': checked,
@@ -4309,7 +4371,7 @@ var Component$1m = function (_a) {
             }, type: "checkbox", id: id }, rest)),
         children));
 };
-var Checkbox = Component$1m;
+var Checkbox = Component$1p;
 
 var DateArray = /** @class */ (function () {
     function DateArray(array) {
@@ -4372,7 +4434,7 @@ var stringArraytoDate = function (array) {
     var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
     return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
 };
-var Component$1l = function (_a) {
+var Component$1o = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
     // Represent the value of every input field (there are 8 in total).
     var _f = useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
@@ -4494,25 +4556,25 @@ var Component$1l = function (_a) {
                 (_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
             } })));
 };
-var DateInput = Component$1l;
+var DateInput = Component$1o;
 
-var style$A = {"divider":"mg_divider_divider_1vn87"};
+var style$B = {"divider":"mg_divider_divider_1vn87"};
 
-var Component$1k = function (_a) {
+var Component$1n = function (_a) {
     var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c;
     var inlineStyle = direction == 'HORIZONTAL'
         ? { width: 'calc(100% - 10px)', height: 1, margin: "".concat(spacing, "px 0px") }
         : { width: 1, margin: "0px ".concat(spacing, "px ") };
-    return React.createElement("div", { style: inlineStyle, className: style$A.divider });
+    return React.createElement("div", { style: inlineStyle, className: style$B.divider });
 };
 /**
  * Atom UI Divider Component
  */
-var Divider = Component$1k;
+var Divider = Component$1n;
 
 var styles$19 = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
 
-var Component$1j = function (_a) {
+var Component$1m = function (_a) {
     var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
     var TabLink = tabType === 'tabOption' ? url : '';
     return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$19.headerTabComponent, "data-tab-type": "tabTitle" },
@@ -4524,28 +4586,28 @@ var Component$1j = function (_a) {
 /**
  * UI Atom component for HeaderTab
  */
-var HeaderTab = Component$1j;
+var HeaderTab = Component$1m;
 
-var style$z = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
+var style$A = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
 
 var InputSearch = function (_a) {
     var _b = _a.inputValue, inputValue = _b === void 0 ? '' : _b, onChange = _a.onChange, closeOnClick = _a.closeOnClick, placeholder = _a.placeholder, searchOnClick = _a.searchOnClick;
     var hasASearchFunction = useMemo(function () {
         if (searchOnClick) {
-            return (React.createElement("button", { className: style$z["".concat(classMUI, "-container__input-search--btn")], onClick: searchOnClick },
-                React.createElement(IconItem, { className: style$z["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" })));
+            return (React.createElement("button", { className: style$A["".concat(classMUI, "-container__input-search--btn")], onClick: searchOnClick },
+                React.createElement(IconItem, { className: style$A["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" })));
         }
-        return (React.createElement(IconItem, { className: style$z["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" }));
+        return (React.createElement(IconItem, { className: style$A["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" }));
     }, [searchOnClick]);
-    return (React.createElement("div", { className: style$z["".concat(classMUI, "-container")] },
-        React.createElement("input", { className: style$z["".concat(classMUI, "-container__input-search")], placeholder: placeholder, style: { flex: 1 }, value: inputValue, onChange: onChange, type: "text" }),
-        inputValue.length !== 0 ? (React.createElement("button", { className: style$z["".concat(classMUI, "-container__input-search--btn")], onClick: closeOnClick },
+    return (React.createElement("div", { className: style$A["".concat(classMUI, "-container")] },
+        React.createElement("input", { className: style$A["".concat(classMUI, "-container__input-search")], placeholder: placeholder, style: { flex: 1 }, value: inputValue, onChange: onChange, type: "text" }),
+        inputValue.length !== 0 ? (React.createElement("button", { className: style$A["".concat(classMUI, "-container__input-search--btn")], onClick: closeOnClick },
             React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
 };
 
 var styles$18 = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
 
-var Component$1i = function (_a) {
+var Component$1l = function (_a) {
     var offerCompanyLogo = _a.offerCompanyLogo;
     if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
         return (React.createElement("div", { className: styles$18['magneto-ui-job-company-logo'] },
@@ -4556,29 +4618,29 @@ var Component$1i = function (_a) {
 /**
  * UI Atom component of Company Logo
  */
-var JobCompanyLogo = Component$1i;
+var JobCompanyLogo = Component$1l;
 
 var styles$17 = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
 
-var Component$1h = function (_a) {
+var Component$1k = function (_a) {
     var title = _a.title, styles = _a.styles;
     return React.createElement("h1", { className: styles }, title && title);
 };
 /**
  * UI Children H1 Component for JobDetailsDrawer
  */
-var MainTitleJobDetails = Component$1h;
+var MainTitleJobDetails = Component$1k;
 
-var Component$1g = function (_a) {
+var Component$1j = function (_a) {
     var title = _a.title, styles = _a.styles;
     return React.createElement("p", { className: styles }, title && title);
 };
 /**
  * UI Children P Component for JobDetailsDrawer
  */
-var SubTitleJobDetails = Component$1g;
+var SubTitleJobDetails = Component$1j;
 
-var Component$1f = function (_a) {
+var Component$1i = function (_a) {
     var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
     var showCompanyName = useMemo(function () {
         if (isHidden || !offerCompanyName)
@@ -4600,11 +4662,11 @@ var Component$1f = function (_a) {
 /**
  * UI Atom component of Job Header
  */
-var JobHeader = Component$1f;
+var JobHeader = Component$1i;
 
 var styles$16 = {"linkComponent":"mg_link_linkComponent_1sftl"};
 
-var Component$1e = function (_a) {
+var Component$1h = function (_a) {
     var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
     var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
     return (React.createElement("a", { className: styles$16.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
@@ -4614,11 +4676,11 @@ var Component$1e = function (_a) {
 /**
  * Atomic UI component for Link
  */
-var Link = Component$1e;
+var Link = Component$1h;
 
 var styles$15 = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
 
-var Component$1d = function (_a) {
+var Component$1g = function (_a) {
     var loadingIcon = _a.loadingIcon;
     return (React.createElement("div", { className: styles$15.loadingComponent },
         React.createElement(IconItem, __assign({}, loadingIcon))));
@@ -4626,11 +4688,11 @@ var Component$1d = function (_a) {
 /**
  * Atom UI component of loading icon for general purpose
  */
-var Loading = Component$1d;
+var Loading = Component$1g;
 
-var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
+var style$z = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
 
-var Component$1c = function (_a) {
+var Component$1f = function (_a) {
     var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
     var _d = useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
@@ -4640,13 +4702,13 @@ var Component$1c = function (_a) {
     var logoWidth = useMemo(function () { return (isoView ? 'magneto-ui-isologo' : 'magneto-ui-logo'); }, [isoView]);
     if (!logoSrc && !showDefaultFallback)
         return null;
-    return (React.createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
+    return (React.createElement("img", { className: style$z[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
 };
-var LogoComponent = Component$1c;
+var LogoComponent = Component$1f;
 
 var styles$14 = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
 
-var Component$1b = function (_a) {
+var Component$1e = function (_a) {
     var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
     var stylesValue = useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
     var renderContent = function () {
@@ -4664,13 +4726,13 @@ var Component$1b = function (_a) {
 /**
  * Atom UI component of button for general purpose
  */
-var MainButton = Component$1b;
+var MainButton = Component$1e;
 
 var styles$13 = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
 
 var styles$12 = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
 
-var Component$1a = function (_a) {
+var Component$1d = function (_a) {
     var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
     return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$12['magneto-ui--search-item']), href: url },
         React.createElement("p", { className: styles$12['magneto-ui--search-item__text'] }, tag),
@@ -4679,17 +4741,22 @@ var Component$1a = function (_a) {
 /**
  * UI Atom component of Search Item
  */
-var SearchItem = Component$1a;
+var SearchItem = Component$1d;
 
 var MegaMenuTab = function (_a) {
-    var label = _a.label, selected = _a.selected, url = _a.url;
+    var label = _a.label, selected = _a.selected, url = _a.url, _b = _a.showArrow, showArrow = _b === void 0 ? true : _b;
+    var icon = useMemo(function () {
+        if (!showArrow || selected)
+            return '';
+        return ArrowDown2;
+    }, [selected, showArrow]);
     return (React.createElement("div", { className: "".concat(styles$13["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$13["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
-        React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$13["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$13["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
+        React.createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$13["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$13["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
 };
 
 var styles$11 = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
 
-var Component$19 = function (_a) {
+var Component$1c = function (_a) {
     var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
     return (React.createElement("div", { className: CNM.get({ styles: styles$11, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
         React.createElement("div", { className: CNM.get({
@@ -4704,11 +4771,11 @@ var Component$19 = function (_a) {
 /**
  * Atom UI child component of menu dropdown
  */
-var MenuDropdownList = Component$19;
+var MenuDropdownList = Component$1c;
 
 var styles$10 = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
 
-var Component$18 = function (_a) {
+var Component$1b = function (_a) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
     var _e = useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
     var toggleOptions = useCallback(function () {
@@ -4739,15 +4806,15 @@ var Component$18 = function (_a) {
 /**
  * Atom UI component of menu dropdown
  */
-var MenuDropdown = Component$18;
+var MenuDropdown = Component$1b;
 
-var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
+var style$y = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
 
 var MenuItem = function (_a) {
     var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive;
-    var menuActive = isActive ? style$x['is-active'] : '';
+    var menuActive = isActive ? style$y['is-active'] : '';
     return (React.createElement("div", null,
-        React.createElement("a", { href: url, className: "".concat(style$x['magneto-ui-menu-item'], " ").concat(menuActive) },
+        React.createElement("a", { href: url, className: "".concat(style$y['magneto-ui-menu-item'], " ").concat(menuActive) },
             React.createElement(IconItem, { icon: ArrowRight2, hover: false }),
             React.createElement("p", null, text))));
 };
@@ -4831,18 +4898,18 @@ var MultiRangeSlider = function (_a) {
 
 var styles$_ = {"content":"mg_paragraph_content_1mtnz"};
 
-var Component$17 = function (_a) {
+var Component$1a = function (_a) {
     var paragraph = _a.paragraph;
     return React.createElement("p", { className: styles$_.content }, paragraph);
 };
-var Paragraph = memo(Component$17);
+var Paragraph = memo(Component$1a);
 
-var style$w = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
+var style$x = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
 
-var Component$16 = function (_a) {
+var Component$19 = function (_a) {
     var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
     var showMenu = show ? 'show' : 'hidden';
-    var staticContentClass = staticContent ? style$w['static-content'] : '';
+    var staticContentClass = staticContent ? style$x['static-content'] : '';
     var _c = useState(false), hideComponent = _c[0], setHideComponent = _c[1];
     useEffect(function () {
         if (show) {
@@ -4853,15 +4920,15 @@ var Component$16 = function (_a) {
             setHideComponent(false);
         }, 300);
     }, [show]);
-    return (React.createElement("div", { style: { width: widthBase }, className: [style$w['magneto-ui-popover-container'], staticContentClass, className].join(' ') },
-        React.createElement("div", { className: "".concat(style$w['magneto-ui-popover'], " ").concat(style$w[positionX], " ").concat(style$w[positionY], " ").concat(style$w[showMenu]) }, hideComponent && content),
-        React.createElement("div", { className: style$w['magneto-ui-popover-children'] }, children)));
+    return (React.createElement("div", { style: { width: widthBase }, className: [style$x['magneto-ui-popover-container'], staticContentClass, className].join(' ') },
+        React.createElement("div", { className: "".concat(style$x['magneto-ui-popover'], " ").concat(style$x[positionX], " ").concat(style$x[positionY], " ").concat(style$x[showMenu]) }, hideComponent && content),
+        React.createElement("div", { className: style$x['magneto-ui-popover-children'] }, children)));
 };
 /**
  * Atom Ui component of popover
  *
  */
-var Popover = Component$16;
+var Popover = Component$19;
 
 var ERadioType;
 (function (ERadioType) {
@@ -4871,7 +4938,7 @@ var ERadioType;
 
 var styles$Z = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
 
-var Component$15 = function (_a) {
+var Component$18 = function (_a) {
     var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
     return (React.createElement("label", { className: CNM.get({
             styles: styles$Z,
@@ -4890,11 +4957,11 @@ var Component$15 = function (_a) {
 /**
  * Atom UI component of radio button
  */
-var RadioButton = Component$15;
+var RadioButton = Component$18;
 
 var styles$Y = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
 
-var Component$14 = function (_a) {
+var Component$17 = function (_a) {
     var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
     return (React.createElement("label", { className: CNM.get({ styles: styles$Y, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
         React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
@@ -4911,7 +4978,7 @@ var Component$14 = function (_a) {
 /**
  * Molecule UI component for radio default
  */
-var RadioDefault = Component$14;
+var RadioDefault = Component$17;
 
 var _a;
 var radioTypes = (_a = {},
@@ -4920,7 +4987,7 @@ var radioTypes = (_a = {},
     _a);
 var getRadioComponent = function (type) { return radioTypes[type]; };
 
-var Component$13 = function (_a) {
+var Component$16 = function (_a) {
     var type = _a.type, props = __rest(_a, ["type"]);
     var RadioType = useMemo(function () { return getRadioComponent(ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
     if (!RadioType)
@@ -4930,11 +4997,11 @@ var Component$13 = function (_a) {
 /**
  * Atom UI component of radio
  */
-var Radio = Component$13;
+var Radio = Component$16;
 
 var styles$X = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
 
-var Component$12 = function (_a) {
+var Component$15 = function (_a) {
     var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
     return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$X['magneto-ui-save-button'], " ").concat(addHover && styles$X['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
         React.createElement("div", { className: styles$X['button-content'] },
@@ -4944,11 +5011,11 @@ var Component$12 = function (_a) {
 /**
  * UI Atom Component of Save Button
  */
-var SaveButton = Component$12;
+var SaveButton = Component$15;
 
 var styles$W = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
 
-var Component$11 = function (_a) {
+var Component$14 = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
     var handleCopyClick = function () {
         if (detailUrl) {
@@ -4960,7 +5027,7 @@ var Component$11 = function (_a) {
             React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
             buttonText && React.createElement("p", { className: styles$W['magneto-ui-share-button__mobile-text'] }, buttonText))));
 };
-var ShareButton = Component$11;
+var ShareButton = Component$14;
 
 var styles$V = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
 
@@ -4983,18 +5050,18 @@ var Switch = function (_a) {
         title && React.createElement("p", null, title)));
 };
 
-var style$v = {"magneto-ui-tag":"mg_tag_magneto-ui-tag_y9bxc"};
+var style$w = {"magneto-ui-tag":"mg_tag_magneto-ui-tag_y9bxc"};
 
 var Tags = function (_a) {
     var text = _a.text, onClick = _a.onClick, icon = _a.icon, _b = _a.bgColor, bgColor = _b === void 0 ? '#F4F4FA' : _b, _c = _a.textColor, textColor = _c === void 0 ? 'black' : _c;
-    return (React.createElement("button", { className: style$v["".concat(classMUI, "-tag")], style: { backgroundColor: bgColor, color: textColor }, onClick: onClick, type: "button" },
+    return (React.createElement("button", { className: style$w["".concat(classMUI, "-tag")], style: { backgroundColor: bgColor, color: textColor }, onClick: onClick, type: "button" },
         text,
         React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
 };
 
 var styles$U = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
 
-var Component$10 = function (_a) {
+var Component$13 = function (_a) {
     var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
     var isColorDark = function (color) {
         var hex = color.replace('#', '');
@@ -5029,11 +5096,11 @@ var Component$10 = function (_a) {
         customIcon && (React.createElement("img", { className: "".concat(styles$U["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$U['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
         name));
 };
-var ToggleButton = Component$10;
+var ToggleButton = Component$13;
 
 var styles$T = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
 
-var Component$$ = function (_a) {
+var Component$12 = function (_a) {
     var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
     var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
         sm: null
@@ -5046,14 +5113,14 @@ var Component$$ = function (_a) {
 /**
  * Atom UI component of user menu button analyst
  */
-var UserMenuButtonAnalyst = Component$$;
+var UserMenuButtonAnalyst = Component$12;
 
-var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
+var style$v = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_skrfd","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_skrfd"};
 
 var AlphabetFilter = function (_a) {
     var title = _a.title, allActionText = _a.allActionText, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (React.createElement("div", { className: "".concat(style$u['alphabet-filter'], " ").concat(className) },
-        React.createElement("p", { className: style$u['alphabet-filter__title'] },
+    return (React.createElement("div", { className: "".concat(style$v['alphabet-filter'], " ").concat(className) },
+        React.createElement("p", { className: style$v['alphabet-filter__title'] },
             " ",
             title),
         React.createElement(FilterActions, __assign({ allAction: allActionText, onClickAction: onClickAction }, { filtersRef: filtersRef }))));
@@ -5062,56 +5129,56 @@ var AlphabetFilter = function (_a) {
 var styles$S = {"section-summary":"mg_application_section_section-summary_1r3rt","start":"mg_application_section_start_1r3rt","center":"mg_application_section_center_1r3rt","end":"mg_application_section_end_1r3rt"};
 
 var cx$u = classNames.bind(styles$S);
-var Component$_ = function (_a) {
+var Component$11 = function (_a) {
     var _b = _a.aligned, aligned = _b === void 0 ? 'start' : _b, className = _a.className, children = _a.children;
     return React.createElement("div", { className: cx$u('section-summary', aligned, className) }, children);
 };
-var ApplicationSection = Component$_;
+var ApplicationSection = Component$11;
 
 var styles$R = {"title-summary":"mg_application_title_title-summary_opa1s"};
 
 var cx$t = classNames.bind(styles$R);
-var Component$Z = function (_a) {
+var Component$10 = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("div", { className: cx$t('title-summary', className) }, children);
 };
-var ApplicationTitle = Component$Z;
+var ApplicationTitle = Component$10;
 
 var styles$Q = {"subtitle-summary":"mg_application_sub_title_subtitle-summary_1qgmh"};
 
 var cx$s = classNames.bind(styles$Q);
-var Component$Y = function (_a) {
+var Component$$ = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("div", { className: cx$s('subtitle-summary', className) }, children);
 };
-var ApplicationSubtitle = Component$Y;
+var ApplicationSubtitle = Component$$;
 
 var styles$P = {"button-summary":"mg_application_button_button-summary_cc5lv","primary":"mg_application_button_primary_cc5lv","secondary":"mg_application_button_secondary_cc5lv"};
 
 var cx$r = classNames.bind(styles$P);
-var Component$X = function (_a) {
+var Component$_ = function (_a) {
     var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, props = __rest(_a, ["className", "children", "variant"]);
     return (React.createElement("button", __assign({}, props, { className: cx$r('button-summary', variant, className) }), children));
 };
-var ApplicationButton = Component$X;
+var ApplicationButton = Component$_;
 
 var styles$O = {"text-summary":"mg_application_text_text-summary_bvtna"};
 
 var cx$q = classNames.bind(styles$O);
-var Component$W = function (_a) {
+var Component$Z = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("p", { className: cx$q('text-summary', className) }, children);
 };
-var ApplicationText = Component$W;
+var ApplicationText = Component$Z;
 
 var styles$N = {"summary-modal":"mg_application_summary_summary-modal_17gu5"};
 
 var cx$p = classNames.bind(styles$N);
-var Component$V = function (_a) {
+var Component$Y = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     return (React.createElement(ModalResponsive, __assign({ modalClassName: cx$p('summary-modal'), mobileDrawerClassName: cx$p('summary-drawer') }, props), children));
 };
-var ApplicationSummary = Object.assign(Component$V, {
+var ApplicationSummary = Object.assign(Component$Y, {
     Section: ApplicationSection,
     Title: ApplicationTitle,
     SubTitle: ApplicationSubtitle,
@@ -5132,21 +5199,21 @@ var BrandMenu = function (_a) {
     return React.createElement(React.Fragment, null, menuResponsive);
 };
 
-var style$t = {};
+var style$u = {};
 
-var Component$U = function (_a) {
+var Component$X = function (_a) {
     var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
     var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
     var DatePickerComponent = useMediaQuery(React.createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
         lg: React.createElement(MobileDatePicker, __assign({}, mobileDatePickerProps, { onChange: handleChange, value: value }))
     });
-    return React.createElement("div", { className: style$t["".concat(classMUI)] }, DatePickerComponent);
+    return React.createElement("div", { className: style$u["".concat(classMUI)] }, DatePickerComponent);
 };
-var DatePickerResponsiveComponent = Component$U;
+var DatePickerResponsiveComponent = Component$X;
 
-var style$s = {"magneto-ui-drawer-menu":"mg_drawer_menu_magneto-ui-drawer-menu_g50kt","menu-container":"mg_drawer_menu_menu-container_g50kt","actionsContainer":"mg_drawer_menu_actionsContainer_g50kt"};
+var style$t = {"magneto-ui-drawer-menu":"mg_drawer_menu_magneto-ui-drawer-menu_g50kt","menu-container":"mg_drawer_menu_menu-container_g50kt","actionsContainer":"mg_drawer_menu_actionsContainer_g50kt"};
 
-var Component$T = function (_a) {
+var Component$W = function (_a) {
     var headerDrawerProps = _a.headerDrawerProps, listMenuProps = _a.listMenuProps, createAccountButton = _a.createAccountButton, loginButton = _a.loginButton, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
     var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
     var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
@@ -5155,17 +5222,17 @@ var Component$T = function (_a) {
             onClose();
         }
     };
-    return (React.createElement("div", { className: style$s['magneto-ui-drawer-menu'] },
-        React.createElement(Drawer, { isOpen: isOpen, onClose: handleClose },
+    return (React.createElement("div", { className: style$t['magneto-ui-drawer-menu'] },
+        React.createElement(Drawer$1, { isOpen: isOpen, onClose: handleClose },
             React.createElement(HeaderDrawerTabs, __assign({}, headerDrawerProps, { logoProps: logoProps, leftTabStyle: DrawerLeftTabStyles, rightTabStyle: DrawerRightTabStyles })),
-            React.createElement("div", { className: style$s['menu-container'] },
+            React.createElement("div", { className: style$t['menu-container'] },
                 React.createElement(ListMenuItems, __assign({}, listMenuProps))),
-            React.createElement("div", { className: style$s.actionsContainer },
+            React.createElement("div", { className: style$t.actionsContainer },
                 React.createElement(MainButton, __assign({ buttonSize: "full" }, CreateAccountButton, { buttonText: buttonTextSignUp, onClick: onSignUpClick, loadingState: loadingState })),
                 React.createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
                 React.createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
 };
-var DrawerMenu = Component$T;
+var DrawerMenu = Component$W;
 
 var styles$M = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
 
@@ -5232,22 +5299,22 @@ var FilterHeader = function (_a) {
         displayFilterSummary));
 };
 
-var style$r = {"magneto-ui-collapse-menu":"mg_menu_collapse_children_magneto-ui-collapse-menu_v6snl","magneto-ui-collapse-menu__btn":"mg_menu_collapse_children_magneto-ui-collapse-menu_btn_v6snl","magneto-ui-collapse-menu__btn--img":"mg_menu_collapse_children_magneto-ui-collapse-menu_btn--img_v6snl","rotate":"mg_menu_collapse_children_rotate_v6snl"};
+var style$s = {"magneto-ui-collapse-menu":"mg_menu_collapse_children_magneto-ui-collapse-menu_v6snl","magneto-ui-collapse-menu__btn":"mg_menu_collapse_children_magneto-ui-collapse-menu_btn_v6snl","magneto-ui-collapse-menu__btn--img":"mg_menu_collapse_children_magneto-ui-collapse-menu_btn--img_v6snl","rotate":"mg_menu_collapse_children_rotate_v6snl"};
 
 var MenuCollapseChildren = function (_a) {
     var isOpen = _a.isOpen, onClick = _a.onClick, heightContent = _a.heightContent, listMenuProps = __rest(_a, ["isOpen", "onClick", "heightContent"]);
     var _b = useMemo(function () {
-        var rotateArrow = isOpen ? style$r['rotate'] : '';
+        var rotateArrow = isOpen ? style$s['rotate'] : '';
         var customHeightContent = heightContent ? "".concat(heightContent, "px") : 'auto';
         return { rotateArrow: rotateArrow, customHeightContent: customHeightContent };
     }, [isOpen, heightContent]), rotateArrow = _b.rotateArrow, customHeightContent = _b.customHeightContent;
-    return (React.createElement("div", { style: { height: isOpen ? customHeightContent : '40px' }, className: "".concat(style$r["".concat(classMUI, "-collapse-menu")]) },
-        React.createElement("button", { onClick: onClick, type: "button", className: "".concat(style$r["".concat(classMUI, "-collapse-menu__btn")]) },
-            React.createElement("img", { className: "".concat(style$r["".concat(classMUI, "-collapse-menu__btn--img")], " ").concat(rotateArrow), src: ArrowDown2, alt: "icon-arrow" })),
+    return (React.createElement("div", { style: { height: isOpen ? customHeightContent : '40px' }, className: "".concat(style$s["".concat(classMUI, "-collapse-menu")]) },
+        React.createElement("button", { onClick: onClick, type: "button", className: "".concat(style$s["".concat(classMUI, "-collapse-menu__btn")]) },
+            React.createElement("img", { className: "".concat(style$s["".concat(classMUI, "-collapse-menu__btn--img")], " ").concat(rotateArrow), src: ArrowDown2, alt: "icon-arrow" })),
         React.createElement(ListMenuText, __assign({}, listMenuProps))));
 };
 
-var style$q = {"magneto-ui-collapse-menu-container":"mg_menu_collapse_magneto-ui-collapse-menu-container_1vvum"};
+var style$r = {"magneto-ui-collapse-menu-container":"mg_menu_collapse_magneto-ui-collapse-menu-container_1vvum"};
 
 var MenuCollapse = function (_a) {
     var listMenu = _a.listMenu;
@@ -5262,26 +5329,26 @@ var MenuCollapse = function (_a) {
             setMenuActivo(index);
         }
     }, [menuActivo]);
-    return (React.createElement("div", { className: "".concat(style$q["".concat(classMUI, "-collapse-menu-container")]) }, linksList.map(function (_a, i) {
+    return (React.createElement("div", { className: "".concat(style$r["".concat(classMUI, "-collapse-menu-container")]) }, linksList.map(function (_a, i) {
         var props = __rest(_a, []);
         return (React.createElement(Fragment, { key: i },
             React.createElement(MenuCollapseChildren, __assign({ isOpen: menuActivo === i, onClick: function () { return toggleMenu(i); } }, props))));
     })));
 };
 
-var style$p = {"magneto-ui-menu-list":"mg_footer_menu_links_magneto-ui-menu-list_1fd90","magneto-ui-menu-list__columns":"mg_footer_menu_links_magneto-ui-menu-list_columns_1fd90"};
+var style$q = {"magneto-ui-menu-list":"mg_footer_menu_links_magneto-ui-menu-list_1fd90","magneto-ui-menu-list__columns":"mg_footer_menu_links_magneto-ui-menu-list_columns_1fd90"};
 
 var FooterMenuLinks = function (_a) {
     var menuList = __rest(_a, []);
     var legalMenu = menuList.legalMenu, magnetoLiteMenu = menuList.magnetoLiteMenu, magnetoMenu = menuList.magnetoMenu, otherSolutionsMenu = menuList.otherSolutionsMenu, personsMenu = menuList.personsMenu;
-    var footerMenuResponsive = useMediaQuery(React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-menu-list")]) },
-        React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-menu-list__columns")]) },
+    var footerMenuResponsive = useMediaQuery(React.createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list")]) },
+        React.createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list__columns")]) },
             React.createElement(ListMenuText, __assign({}, personsMenu))),
-        React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-menu-list__columns")]) },
+        React.createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list__columns")]) },
             React.createElement(ListMenuText, __assign({}, magnetoMenu)),
             React.createElement(ListMenuText, __assign({}, magnetoLiteMenu)),
             React.createElement(ListMenuText, __assign({}, otherSolutionsMenu))),
-        React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-menu-list__columns")]) },
+        React.createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list__columns")]) },
             React.createElement(ListMenuText, __assign({}, legalMenu)))), {
         sm: React.createElement(MenuCollapse, { listMenu: menuList })
     });
@@ -5290,7 +5357,7 @@ var FooterMenuLinks = function (_a) {
 
 var styles$K = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
 
-var Component$S = function (_a) {
+var Component$V = function (_a) {
     var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
     var headerLogo = useMediaQuery(React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
         React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
@@ -5313,29 +5380,29 @@ var Component$S = function (_a) {
 /**
  * Organism UI component of header analyst
  */
-var HeaderAnalyst = Component$S;
+var HeaderAnalyst = Component$V;
 
 var styles$J = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
 
-var style$o = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
+var style$p = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
 
-var Component$R = function () {
-    var skeletonCard = (React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
-        React.createElement("span", { className: style$o.skeleton }),
-        React.createElement("span", { className: style$o.skeleton }),
-        React.createElement("span", { className: style$o.skeleton }),
-        React.createElement("span", { className: style$o.skeleton }),
-        React.createElement("span", { className: style$o.skeleton }),
+var Component$U = function () {
+    var skeletonCard = (React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
+        React.createElement("span", { className: style$p.skeleton }),
+        React.createElement("span", { className: style$p.skeleton }),
+        React.createElement("span", { className: style$p.skeleton }),
+        React.createElement("span", { className: style$p.skeleton }),
+        React.createElement("span", { className: style$p.skeleton }),
         React.createElement("span", null)));
-    return (React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton")]) },
-        React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__header")]) },
-            React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__header_title")]) }),
-            React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__header_btn")]) },
-                React.createElement("span", { className: style$o.skeleton }),
-                React.createElement("span", { className: style$o.skeleton }),
-                React.createElement("span", { className: style$o.skeleton }),
-                React.createElement("span", { className: style$o.skeleton })),
-            React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__header_card")]) })),
+    return (React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton")]) },
+        React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header")]) },
+            React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header_title")]) }),
+            React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header_btn")]) },
+                React.createElement("span", { className: style$p.skeleton }),
+                React.createElement("span", { className: style$p.skeleton }),
+                React.createElement("span", { className: style$p.skeleton }),
+                React.createElement("span", { className: style$p.skeleton })),
+            React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header_card")]) })),
         Array(5)
             .fill("JobDetailsSkeleton")
             .map(function (name, i) { return (React.createElement(Fragment, { key: "".concat(i, "-name") }, skeletonCard)); })));
@@ -5343,7 +5410,7 @@ var Component$R = function () {
 /**
  * UI Children Skeleton Component for JobDetailsDrawer
  */
-var JobDetailsSkeleton = Component$R;
+var JobDetailsSkeleton = Component$U;
 
 var styles$I = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
 
@@ -5362,7 +5429,7 @@ var SimilarJobs = function (_a) {
         pageExists ));
 };
 
-var Component$Q = function (_a) {
+var Component$T = function (_a) {
     var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps;
     var jobDetailsRef = useRef(null);
     useEffect(function () {
@@ -5391,11 +5458,11 @@ var Component$Q = function (_a) {
 /**
  * UI Organism Component for JobDetailsDrawer
  */
-var JobDetailsDrawer = Component$Q;
+var JobDetailsDrawer = Component$T;
 
 var styles$H = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
 
-var Component$P = function (_a) {
+var Component$S = function (_a) {
     var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl;
     var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
     var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
@@ -5446,7 +5513,7 @@ var Component$P = function (_a) {
 /**
  * UI Organism Component for LoginHeader
  */
-var LoginHeader = Component$P;
+var LoginHeader = Component$S;
 
 var styles$G = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
 
@@ -5509,7 +5576,7 @@ var LoginJobsHeader = function (_a) {
 
 var styles$F = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
 
-var Component$O = function (_a) {
+var Component$R = function (_a) {
     var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
     var type = signInLink.type, href = signInLink.href, text = signInLink.text;
     var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
@@ -5572,7 +5639,7 @@ var Component$O = function (_a) {
 /**
  * UI Header Organisim for 1024 resolution/size
  */
-var LogoutHeader = Component$O;
+var LogoutHeader = Component$R;
 
 var styles$E = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
 
@@ -5625,38 +5692,41 @@ var LogoutJobsHeader = function (_a) {
         React.createElement("div", { className: styles$E["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
 };
 
-var style$n = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
+var style$o = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
 
 var MagnetoSocialMedia = function (_a) {
     var followText = _a.followText;
-    return (React.createElement("div", { className: "".concat(style$n["".concat(classMUI, "-magneto-social-media")]) },
-        React.createElement("p", { className: "".concat(style$n["".concat(classMUI, "-magneto-social-media__follow-text")]) }, followText),
+    return (React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media")]) },
+        React.createElement("p", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media__follow-text")]) }, followText),
         React.createElement(ListIconLink, { spacing: 10, size: 36, listIcon: ListIcon }),
-        React.createElement("div", { className: "".concat(style$n["".concat(classMUI, "-magneto-social-media__app-links-container")]) }, SocialMediaProps.map(function (_a, i) {
+        React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media__app-links-container")]) }, SocialMediaProps.map(function (_a, i) {
             var alt = _a.alt, href = _a.href, img = _a.img;
             return (React.createElement("a", { key: i, target: "blank", href: href },
-                React.createElement("img", { className: "".concat(style$n["".concat(classMUI, "-magneto-social-media__app-links-container--img")]), src: img, alt: alt, loading: "lazy", width: '150px', height: '45px' })));
+                React.createElement("img", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media__app-links-container--img")]), src: img, alt: alt, loading: "lazy", width: '150px', height: '45px' })));
         }))));
 };
 
-var style$m = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_1nvcn","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_1nvcn","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_1nvcn","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_1nvcn","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_1nvcn"};
+var style$n = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_la0hv","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_la0hv","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_la0hv","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_la0hv","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_la0hv"};
 
 var MegaMenuCards = function (_a) {
     var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className, filterProps = _a.filterProps, _b = _a.maxCards, maxCards = _b === void 0 ? 39 : _b;
+    var renderTitle = useMediaQuery(title && (React.createElement("div", { className: "".concat(style$n["mega-menu-cards__title"]) },
+        React.createElement("h4", null, title),
+        actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$n["mega-menu-cards__action--grey"]) })))), {
+        md: title && actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$n["mega-menu-cards__action--grey"]) }))
+    });
     return (React.createElement("nav", { className: className },
-        title && (React.createElement("div", { className: "".concat(style$m["mega-menu-cards__title"]) },
-            React.createElement("h4", null, title),
-            actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$m["mega-menu-cards__action--grey"]) })))),
-        filterProps && React.createElement(AlphabetFilter, __assign({ className: style$m["mega-menu-cards__filter"] }, filterProps)),
-        React.createElement("ul", { className: "".concat(style$m["mega-menu-cards"]) }, jobs &&
+        renderTitle,
+        filterProps && React.createElement(AlphabetFilter, __assign({ className: style$n["mega-menu-cards__filter"] }, filterProps)),
+        React.createElement("ul", { className: "".concat(style$n["mega-menu-cards"]) }, jobs &&
             jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
                 React.createElement(MegaMenuCard, __assign({}, job)))); })),
-        action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$m["mega-menu-cards__action"]) }))));
+        action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$n["mega-menu-cards__action"]) }))));
 };
 
 var styles$D = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
 
-var Component$N = function (_a) {
+var Component$Q = function (_a) {
     var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
     var handleOptionClick = function (optionValue) {
         handleOnClick(optionValue);
@@ -5671,11 +5741,11 @@ var Component$N = function (_a) {
 /**
  * UI Atom component of Date Option
  */
-var DateOptions = Component$N;
+var DateOptions = Component$Q;
 
 var styles$C = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
 
-var Component$M = function (_a) {
+var Component$P = function (_a) {
     var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
     var _b = useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
     var _c = useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
@@ -5706,14 +5776,14 @@ var Component$M = function (_a) {
             React.createElement("button", { className: styles$C['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
             React.createElement("button", { className: styles$C['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
 };
-var DateSelection = Component$M;
+var DateSelection = Component$P;
 
 var styles$B = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
 
 var defaultValue = function (value) {
     return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
 };
-var Component$L = function (_a) {
+var Component$O = function (_a) {
     var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, disabled = _a.disabled, monthsLabels = _a.monthsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, onChange = _a.onChange, selectionMonthHeader = _a.selectionMonthHeader, selectionYearHeader = _a.selectionYearHeader, value = _a.value, futureYears = _a.futureYears, pastYears = _a.pastYears;
     var mainClass = 'magneto-ui--mobile-date-picker__container';
     var valueClass = '-value';
@@ -5792,18 +5862,18 @@ var Component$L = function (_a) {
             React.createElement("span", { className: styles$B["".concat(iconClass)] }, disabledArrow)),
         React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
 };
-var MobileDatePicker = Component$L;
+var MobileDatePicker = Component$O;
 
-var Component$K = function (_a) {
+var Component$N = function (_a) {
     var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
     return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
         React.createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
 };
-var MobileDrawerMenu = Component$K;
+var MobileDrawerMenu = Component$N;
 
 var styles$A = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
 
-var Component$J = function (_a) {
+var Component$M = function (_a) {
     var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
     var _b = useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
     var onOpenClick = function () {
@@ -5821,35 +5891,35 @@ var Component$J = function (_a) {
 /**
  * UI Organism Component for Mobile Job Details Drawer
  */
-var MobileJobDetailsActionsBar = Component$J;
+var MobileJobDetailsActionsBar = Component$M;
 
-var style$l = {"magneto-ui-mobile-job-detail-skeleton":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_wlwm8","magneto-ui-mobile-job-detail-skeleton__section":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_section_wlwm8","magneto-ui-mobile-job-detail-skeleton__header":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_btn":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_btn_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_card":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_card_wlwm8","skeleton":"mg_mobile_job_details_drawer_skeleton_skeleton_wlwm8","shimmer":"mg_mobile_job_details_drawer_skeleton_shimmer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_info":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_info_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_button":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_button_wlwm8"};
+var style$m = {"magneto-ui-mobile-job-detail-skeleton":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_wlwm8","magneto-ui-mobile-job-detail-skeleton__section":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_section_wlwm8","magneto-ui-mobile-job-detail-skeleton__header":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_btn":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_btn_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_card":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_card_wlwm8","skeleton":"mg_mobile_job_details_drawer_skeleton_skeleton_wlwm8","shimmer":"mg_mobile_job_details_drawer_skeleton_shimmer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_info":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_info_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_button":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_button_wlwm8"};
 
-var Component$I = function () {
-    var skeletonCard = (React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
-        React.createElement("span", { className: style$l.skeleton }),
-        React.createElement("span", { className: style$l.skeleton }),
-        React.createElement("span", { className: style$l.skeleton }),
-        React.createElement("span", { className: style$l.skeleton }),
-        React.createElement("span", { className: style$l.skeleton }),
+var Component$L = function () {
+    var skeletonCard = (React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton__section'] },
+        React.createElement("span", { className: style$m.skeleton }),
+        React.createElement("span", { className: style$m.skeleton }),
+        React.createElement("span", { className: style$m.skeleton }),
+        React.createElement("span", { className: style$m.skeleton }),
+        React.createElement("span", { className: style$m.skeleton }),
         React.createElement("span", null)));
-    return (React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton'] },
-        React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__header'] },
-            React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__header_title'] }),
-            React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__header_btn'] }),
-            React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__header_card'] })),
+    return (React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton'] },
+        React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton__header'] },
+            React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton__header_title'] }),
+            React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton__header_btn'] }),
+            React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton__header_card'] })),
         Array(2)
             .fill("JobDetailsSkeleton")
             .map(function (name, i) { return (React.createElement(Fragment, { key: "".concat(i, "-name") }, skeletonCard)); }),
-        React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__footer'] },
-            React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__footer_title'] }),
-            React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__footer_info'] }),
-            React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__footer_button'] }))));
+        React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton__footer'] },
+            React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton__footer_title'] }),
+            React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton__footer_info'] }),
+            React.createElement("div", { className: style$m['magneto-ui-mobile-job-detail-skeleton__footer_button'] }))));
 };
 /**
  * UI Children Skeleton Component for MobileJobDetailsDrawer
  */
-var MobileJobDetailsDrawerSkeleton = Component$I;
+var MobileJobDetailsDrawerSkeleton = Component$L;
 
 var SwipeMode;
 (function (SwipeMode) {
@@ -5861,7 +5931,7 @@ var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.g
 
 var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
 
-var style$k = {"magneto-ui-swipe__modal":"mg_swipe_magneto-ui-swipe_modal_10vnk","magneto-ui-swipe__modal--title":"mg_swipe_magneto-ui-swipe_modal--title_10vnk","magneto-ui-swipe__modal--action":"mg_swipe_magneto-ui-swipe_modal--action_10vnk","magneto-ui-swipe__image":"mg_swipe_magneto-ui-swipe_image_10vnk","magneto-ui-swipe__image--title":"mg_swipe_magneto-ui-swipe_image--title_10vnk","magneto-ui-swipe__image--content":"mg_swipe_magneto-ui-swipe_image--content_10vnk"};
+var style$l = {"magneto-ui-swipe__modal":"mg_swipe_magneto-ui-swipe_modal_10vnk","magneto-ui-swipe__modal--title":"mg_swipe_magneto-ui-swipe_modal--title_10vnk","magneto-ui-swipe__modal--action":"mg_swipe_magneto-ui-swipe_modal--action_10vnk","magneto-ui-swipe__image":"mg_swipe_magneto-ui-swipe_image_10vnk","magneto-ui-swipe__image--title":"mg_swipe_magneto-ui-swipe_image--title_10vnk","magneto-ui-swipe__image--content":"mg_swipe_magneto-ui-swipe_image--content_10vnk"};
 
 var Swipe = function (_a) {
     var onSwipeLeft = _a.onSwipeLeft, onSwipeRight = _a.onSwipeRight, children = _a.children, openModal = _a.openModal, onCloseModal = _a.onCloseModal, modalConfirmText = _a.modalConfirmText, modalLeftText = _a.modalLeftText, modalRightText = _a.modalRightText, modalTitle = _a.modalTitle;
@@ -5899,8 +5969,8 @@ var Swipe = function (_a) {
         setSwipe(null);
         swipe == SwipeMode.RIGHT ? onSwipeRight() : onSwipeLeft();
     }, [isSwiping, onSwipeLeft, onSwipeRight, swipe]);
-    var swipeGif = useCallback(function (image, title) { return (React.createElement("div", { className: style$k["magneto-ui-swipe__image--content"] },
-        React.createElement("p", { className: style$k["magneto-ui-swipe__image--title"] }, title),
+    var swipeGif = useCallback(function (image, title) { return (React.createElement("div", { className: style$l["magneto-ui-swipe__image--content"] },
+        React.createElement("p", { className: style$l["magneto-ui-swipe__image--title"] }, title),
         React.createElement("img", { src: image, height: 130 }))); }, []);
     var hiddenModal = useCallback(function () {
         onCloseModal && onCloseModal();
@@ -5908,18 +5978,18 @@ var Swipe = function (_a) {
     return (React.createElement("div", { onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, className: "swipe" },
         children,
         React.createElement(MobileDrawer, { isOpen: openModal !== null && openModal !== void 0 ? openModal : false, onClose: hiddenModal },
-            React.createElement("p", { className: style$k["magneto-ui-swipe__modal--title"] }, modalTitle),
-            React.createElement("div", { className: style$k["magneto-ui-swipe__modal"] },
+            React.createElement("p", { className: style$l["magneto-ui-swipe__modal--title"] }, modalTitle),
+            React.createElement("div", { className: style$l["magneto-ui-swipe__modal"] },
                 swipeGif(SwipeLeft, modalLeftText),
                 swipeGif(SwipeRight, modalRightText)),
-            React.createElement(MainButton, { buttonType: "button", buttonText: modalConfirmText, buttonSize: "full", className: style$k["magneto-ui-swipe__modal--action"], onClick: hiddenModal, buttonStyles: {
+            React.createElement(MainButton, { buttonType: "button", buttonText: modalConfirmText, buttonSize: "full", className: style$l["magneto-ui-swipe__modal--action"], onClick: hiddenModal, buttonStyles: {
                     buttonColor: '#090467',
                     textColor: '#FFFFFF',
                     spacing: '25px'
                 } }))));
 };
 
-var Component$H = function (_a) {
+var Component$K = function (_a) {
     var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps;
     var handleClose = useCallback(function () {
         if (onClose) {
@@ -5962,7 +6032,7 @@ var Component$H = function (_a) {
         return swipeProps ? (React.createElement(Swipe, __assign({}, swipeProps, { openModal: isOpen && swipeProps.openModal }), renderContent)) : (renderContent);
     }, [isOpen, renderContent, swipeProps]);
     return (React.createElement(Fragment, null,
-        React.createElement(Drawer, { isOpen: isOpen, isFull: true, onClose: handleClose, direction: "right", customPadding: 0, hideButton: true, isMobile: true },
+        React.createElement(Drawer$1, { isOpen: isOpen, isFull: true, onClose: handleClose, direction: "right", customPadding: 0, hideButton: true, isMobile: true },
             content,
             !jobDetailAction && React.createElement(MobileJobDetailsActionsBar, __assign({}, mobileJobDetailsBarProps, { onClose: isOpen }))),
         modalPendingInfoComponent));
@@ -5970,9 +6040,9 @@ var Component$H = function (_a) {
 /**
  * UI Organism Component for Mobile JobDetailsDrawer
  */
-var MobileJobDetailsDrawer = Component$H;
+var MobileJobDetailsDrawer = Component$K;
 
-var style$j = {"magneto-ui-order-container":"mg_mobile_sort_menu_magneto-ui-order-container_14kaw","magneto-ui-order-text":"mg_mobile_sort_menu_magneto-ui-order-text_14kaw","magneto-ui-btn-order":"mg_mobile_sort_menu_magneto-ui-btn-order_14kaw"};
+var style$k = {"magneto-ui-order-container":"mg_mobile_sort_menu_magneto-ui-order-container_14kaw","magneto-ui-order-text":"mg_mobile_sort_menu_magneto-ui-order-text_14kaw","magneto-ui-btn-order":"mg_mobile_sort_menu_magneto-ui-btn-order_14kaw"};
 
 var MobileSortMenu = function (_a) {
     var isOpen = _a.isOpen, orderFields = _a.orderFields, orderByText = _a.orderByText, textOrderFilter = _a.textOrderFilter, _b = _a.titleBtnOrder, titleBtnOrder = _b === void 0 ? '' : _b, onClose = _a.onClose, setFilter = _a.setFilter, orderFilter = _a.orderFilter, setShowPopover = _a.setShowPopover;
@@ -5985,14 +6055,14 @@ var MobileSortMenu = function (_a) {
         };
     }, [orderFields, textOrderFilter, setFilter, setShowPopover]);
     return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
-        React.createElement("div", { className: style$j['magneto-ui-order-container'] },
-            React.createElement("p", { className: style$j['magneto-ui-order-text'] }, orderByText),
-            React.createElement("button", { className: "".concat(style$j['magneto-ui-btn-order']), title: titleBtnOrder, onClick: orderFilter },
+        React.createElement("div", { className: style$k['magneto-ui-order-container'] },
+            React.createElement("p", { className: style$k['magneto-ui-order-text'] }, orderByText),
+            React.createElement("button", { className: "".concat(style$k['magneto-ui-btn-order']), title: titleBtnOrder, onClick: orderFilter },
                 React.createElement(IconItem, __assign({}, iconFilterOrder)))),
         React.createElement(ListSortMenu, __assign({}, listMenuProps))));
 };
 
-var Component$G = function (_a) {
+var Component$J = function (_a) {
     var props = __rest(_a, []);
     var _b = useState(0), step = _b[0], setStep = _b[1];
     return React.createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
@@ -6000,30 +6070,30 @@ var Component$G = function (_a) {
 /**
  * Organism UI component of analyst template
  */
-var ModalAnalyst = Component$G;
+var ModalAnalyst = Component$J;
 
-var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
+var style$j = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
 
-var style$h = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_r3q4f","disable":"mg_select_item_disable_r3q4f"};
+var style$i = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_r3q4f","disable":"mg_select_item_disable_r3q4f"};
 
 var SelectItem$1 = function (_a) {
     var text = _a.text, onClick = _a.onClick, disable = _a.disable;
     var disableSelection = useMemo(function () {
-        return disable ? style$h['disable'] : '';
+        return disable ? style$i['disable'] : '';
     }, [disable]);
-    return (React.createElement("button", { className: "".concat(style$h["".concat(classMUI, "-select-item")], " ").concat(disableSelection), title: text, onClick: onClick }, text));
+    return (React.createElement("button", { className: "".concat(style$i["".concat(classMUI, "-select-item")], " ").concat(disableSelection), title: text, onClick: onClick }, text));
 };
 
-var style$g = {"magneto-ui-drop-down-button":"mg_drop_down_button_magneto-ui-drop-down-button_1yeqt"};
+var style$h = {"magneto-ui-drop-down-button":"mg_drop_down_button_magneto-ui-drop-down-button_1yeqt"};
 
 var DropDownButton$1 = function (_a) {
     var onClick = _a.onClick, title = _a.title;
-    return (React.createElement("button", { className: "".concat(style$g["".concat(classMUI, "-drop-down-button")]), type: "button", onClick: onClick },
+    return (React.createElement("button", { className: "".concat(style$h["".concat(classMUI, "-drop-down-button")]), type: "button", onClick: onClick },
         title,
         React.createElement(IconItem, { icon: ArrowDown2, alt: "arrow-icon" })));
 };
 
-var style$f = {"magneto-ui-container-options":"mg_container_desktop_magneto-ui-container-options_1ueme","magneto-ui-container-options-drop-down-container":"mg_container_desktop_magneto-ui-container-options-drop-down-container_1ueme","magneto-ui-container-options-tags-container":"mg_container_desktop_magneto-ui-container-options-tags-container_1ueme","magneto-ui-container-options__menu":"mg_container_desktop_magneto-ui-container-options_menu_1ueme","magneto-ui-container-options__menu--tags":"mg_container_desktop_magneto-ui-container-options_menu--tags_1ueme","magneto-ui-container-options__menu--list":"mg_container_desktop_magneto-ui-container-options_menu--list_1ueme","hide":"mg_container_desktop_hide_1ueme"};
+var style$g = {"magneto-ui-container-options":"mg_container_desktop_magneto-ui-container-options_1ueme","magneto-ui-container-options-drop-down-container":"mg_container_desktop_magneto-ui-container-options-drop-down-container_1ueme","magneto-ui-container-options-tags-container":"mg_container_desktop_magneto-ui-container-options-tags-container_1ueme","magneto-ui-container-options__menu":"mg_container_desktop_magneto-ui-container-options_menu_1ueme","magneto-ui-container-options__menu--tags":"mg_container_desktop_magneto-ui-container-options_menu--tags_1ueme","magneto-ui-container-options__menu--list":"mg_container_desktop_magneto-ui-container-options_menu--list_1ueme","hide":"mg_container_desktop_hide_1ueme"};
 
 var useContainerDesktop$1 = function (_a) {
     var numberOfSelectable = _a.numberOfSelectable, selectedValues = _a.selectedValues;
@@ -6080,26 +6150,26 @@ var ContainerDesktop$3 = function (_a) {
     var inputSearchProps = _a.inputSearchProps, selectedValues = _a.selectedValues, listOptions = _a.listOptions, removeValueToArray = _a.removeValueToArray, addValueToArray = _a.addValueToArray, numberOfSelectable = _a.numberOfSelectable, dropDownTitle = _a.dropDownTitle;
     var _b = useContainerDesktop$1({ numberOfSelectable: numberOfSelectable, selectedValues: selectedValues }), containerOptions = _b.containerOptions, menuPosition = _b.menuPosition, toggleDropdown = _b.toggleDropdown, limitOfSelectable = _b.limitOfSelectable, inputRef = _b.inputRef, isOpen = _b.isOpen, dropdownRef = _b.dropdownRef;
     var hideComponent = useMemo(function () {
-        return isOpen ? style$f['hide'] : '';
+        return isOpen ? style$g['hide'] : '';
     }, [isOpen]);
     return (React.createElement("div", { style: { zIndex: 999999 } },
-        limitOfSelectable && (React.createElement("div", { className: "".concat(style$f["".concat(classMUI, "-container-options-drop-down-container")], " ").concat(hideComponent, " "), ref: inputRef },
+        limitOfSelectable && (React.createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options-drop-down-container")], " ").concat(hideComponent, " "), ref: inputRef },
             React.createElement(DropDownButton$1, { title: dropDownTitle, onClick: toggleDropdown }))),
-        React.createElement("div", { className: "".concat(style$f["".concat(classMUI, "-container-options-tags-container")], " ").concat(hideComponent) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
-        React.createElement("div", { ref: containerOptions, className: "".concat(style$f["".concat(classMUI, "-container-options")]) }, isOpen &&
+        React.createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options-tags-container")], " ").concat(hideComponent) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
+        React.createElement("div", { ref: containerOptions, className: "".concat(style$g["".concat(classMUI, "-container-options")]) }, isOpen &&
             ReactDOM.createPortal(React.createElement("div", { style: {
                     position: 'absolute',
                     top: "".concat(menuPosition.top - 60, "px "),
                     left: "".concat(menuPosition.left, "px"),
                     width: "".concat(menuPosition.width, "px"),
                     zIndex: 999999
-                }, ref: dropdownRef, className: "".concat(style$f["".concat(classMUI, "-container-options__menu")]) },
+                }, ref: dropdownRef, className: "".concat(style$g["".concat(classMUI, "-container-options__menu")]) },
                 inputSearchProps && React.createElement(InputSearch, __assign({}, inputSearchProps)),
-                React.createElement("div", { className: "".concat(style$f["".concat(classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
-                React.createElement("div", { className: "".concat(style$f["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem$1, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))), document.body))));
+                React.createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
+                React.createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem$1, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))), document.body))));
 };
 
-var style$e = {"magneto-ui-container-options":"mg_container_mobile_magneto-ui-container-options_1caxk","magneto-ui-container-options-tags-container":"mg_container_mobile_magneto-ui-container-options-tags-container_1caxk","magneto-ui-container-options__menu":"mg_container_mobile_magneto-ui-container-options_menu_1caxk","magneto-ui-container-options__menu--tags":"mg_container_mobile_magneto-ui-container-options_menu--tags_1caxk","magneto-ui-container-options__menu--list":"mg_container_mobile_magneto-ui-container-options_menu--list_1caxk"};
+var style$f = {"magneto-ui-container-options":"mg_container_mobile_magneto-ui-container-options_1caxk","magneto-ui-container-options-tags-container":"mg_container_mobile_magneto-ui-container-options-tags-container_1caxk","magneto-ui-container-options__menu":"mg_container_mobile_magneto-ui-container-options_menu_1caxk","magneto-ui-container-options__menu--tags":"mg_container_mobile_magneto-ui-container-options_menu--tags_1caxk","magneto-ui-container-options__menu--list":"mg_container_mobile_magneto-ui-container-options_menu--list_1caxk"};
 
 var ContainerDesktop$2 = function (_a) {
     var selectedValues = _a.selectedValues, listOptions = _a.listOptions, removeValueToArray = _a.removeValueToArray, addValueToArray = _a.addValueToArray, dropDownTitle = _a.dropDownTitle, numberOfSelectable = _a.numberOfSelectable;
@@ -6114,13 +6184,13 @@ var ContainerDesktop$2 = function (_a) {
     }, [limitOfSelectable]);
     return (React.createElement(React.Fragment, null,
         limitOfSelectable && React.createElement(DropDownButton$1, { title: dropDownTitle, onClick: function () { return setOpenOptions(true); } }),
-        React.createElement("div", { className: "".concat(style$e["".concat(classMUI, "-container-options-tags-container")]) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
+        React.createElement("div", { className: "".concat(style$f["".concat(classMUI, "-container-options-tags-container")]) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
         React.createElement("div", { style: { zIndex: 99999999 } },
             React.createElement(MobileDrawer, { isOpen: openOptions, onClose: function () { return setOpenOptions(false); } },
-                React.createElement("div", { className: "".concat(style$e["".concat(classMUI, "-container-options")]) },
-                    React.createElement("div", { className: "".concat(style$e["".concat(classMUI, "-container-options__menu")]) },
-                        React.createElement("div", { className: "".concat(style$e["".concat(classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
-                        React.createElement("div", { className: "".concat(style$e["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem$1, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))))))));
+                React.createElement("div", { className: "".concat(style$f["".concat(classMUI, "-container-options")]) },
+                    React.createElement("div", { className: "".concat(style$f["".concat(classMUI, "-container-options__menu")]) },
+                        React.createElement("div", { className: "".concat(style$f["".concat(classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
+                        React.createElement("div", { className: "".concat(style$f["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem$1, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))))))));
 };
 
 var ContainerOptions$1 = function (containerProps) {
@@ -6217,13 +6287,13 @@ var MultipleSelectionEntry = function (_a) {
         inputValue: inputValue,
         onChange: handleInputChange
     };
-    return (React.createElement("div", { className: "".concat(style$i["".concat(classMUI, "-multiple-selection-entry")]) },
+    return (React.createElement("div", { className: "".concat(style$j["".concat(classMUI, "-multiple-selection-entry")]) },
         React.createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
 };
 
 var styles$z = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
 
-var Component$F = function (_a) {
+var Component$I = function (_a) {
     var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
     if (!title)
         return null;
@@ -6232,7 +6302,7 @@ var Component$F = function (_a) {
 /**
  * Organism UI child component of nav menu analyst
  */
-var NavMenuAnalystDivider = Component$F;
+var NavMenuAnalystDivider = Component$I;
 
 var navMenuAnalystIcons = {
     home: {
@@ -6283,7 +6353,7 @@ var navMenuAnalystIcons = {
 
 var styles$y = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
 
-var Component$E = function (_a) {
+var Component$H = function (_a) {
     var _b;
     var isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, _c = _a.isParentOpen, isParentOpen = _c === void 0 ? true : _c, isScrollAnimated = _a.isScrollAnimated, onDropdownClick = _a.onDropdownClick, onOptionClick = _a.onOptionClick, _d = _a.openedDropdown, openedDropdown = _d === void 0 ? false : _d, option = _a.option, path = _a.path, _e = _a.queryString, queryString = _e === void 0 ? {} : _e;
     var _f = option.useQueryString, useQueryString = _f === void 0 ? true : _f, _g = option.rel, rel = _g === void 0 ? 'noreferrer' : _g, _h = option.target, target = _h === void 0 ? '_self' : _h;
@@ -6399,12 +6469,12 @@ var Component$E = function (_a) {
                 size: 18
             } }, option.data.map(function (item, i) { return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
             item.title && (React.createElement("p", { className: CNM.get({ styles: styles$y, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
-            item.children.map(function (child, j) { return (React.createElement(Component$E, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
+            item.children.map(function (child, j) { return (React.createElement(Component$H, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
 };
 /**
  * Organism UI child component of nav menu analyst
  */
-var NavMenuAnalystOption = Component$E;
+var NavMenuAnalystOption = Component$H;
 
 var styles$x = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
 
@@ -6450,7 +6520,7 @@ var AnalystProvider = function (_a) {
 };
 var useAnalyst = function () { return useContext(AnalystContext); };
 
-var Component$D = function (_a) {
+var Component$G = function (_a) {
     var _b, _c;
     var activeDropdown = _a.activeDropdown, _d = _a.className, className = _d === void 0 ? '' : _d, defaultRegion = _a.defaultRegion, footer = _a.footer, isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, isScrollAnimated = _a.isScrollAnimated, _e = _a.logoProps, logoProps = _e === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _e, onDropdownClick = _a.onDropdownClick, path = _a.path, queryString = _a.queryString, regions = _a.regions, sections = _a.sections, setIsDrawerOpen = _a.setIsDrawerOpen;
     var containerRef = useRef(null);
@@ -6510,11 +6580,11 @@ var Component$D = function (_a) {
 /**
  * Organism UI component of navigation menu analyst
  */
-var NavMenuAnalyst = Component$D;
+var NavMenuAnalyst = Component$G;
 
 var styles$w = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
 
-var Component$C = function (_a) {
+var Component$F = function (_a) {
     var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
     var cancelButton = useMediaQuery(React.createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
             styles: styles$w,
@@ -6552,11 +6622,11 @@ var Component$C = function (_a) {
                     ]
                 }), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
 };
-var NavMenuAnalystRegionModalContent = Component$C;
+var NavMenuAnalystRegionModalContent = Component$F;
 
 var styles$v = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
 
-var Component$B = function (_a) {
+var Component$E = function (_a) {
     var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
     var _b = useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
     var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
@@ -6575,48 +6645,48 @@ var Component$B = function (_a) {
 /**
  * Organism UI child component of nav menu analyst
  */
-var NavMenuAnalystRegionModal = Component$B;
+var NavMenuAnalystRegionModal = Component$E;
 
 var styles$u = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
 
-var Component$A = function (_a) {
+var Component$D = function (_a) {
     var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
     var handleClose = useCallback(function () {
         if (onClose) {
             onClose();
         }
     }, [onClose]);
-    return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$u, cls: ['nav-menu-drawer-analyst__drawer'] }) },
+    return (React.createElement(Drawer$1, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$u, cls: ['nav-menu-drawer-analyst__drawer'] }) },
         React.createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
 };
 /**
  * Organism UI component of navigation menu analyst
  */
-var NavMenuDrawerAnalyst = Component$A;
+var NavMenuDrawerAnalyst = Component$D;
 
-var style$d = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
+var style$e = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
 
 var SelectItem = function (_a) {
     var text = _a.text, onClick = _a.onClick, disable = _a.disable, selected = _a.selected;
     var disableSelection = useMemo(function () {
-        return disable ? style$d['disable'] : '';
+        return disable ? style$e['disable'] : '';
     }, [disable]);
     var selectedSelection = useMemo(function () {
-        return selected ? style$d['selected'] : '';
+        return selected ? style$e['selected'] : '';
     }, [selected]);
-    return (React.createElement("button", { className: "".concat(style$d["".concat(classMUI, "-select-item")], " ").concat(disableSelection, " ").concat(selectedSelection), title: text, onClick: onClick }, text));
+    return (React.createElement("button", { className: "".concat(style$e["".concat(classMUI, "-select-item")], " ").concat(disableSelection, " ").concat(selectedSelection), title: text, onClick: onClick }, text));
 };
 
-var style$c = {"magneto-ui-drop-down-button":"mg_drop_down_button_magneto-ui-drop-down-button_1yeqt"};
+var style$d = {"magneto-ui-drop-down-button":"mg_drop_down_button_magneto-ui-drop-down-button_1yeqt"};
 
 var DropDownButton = function (_a) {
     var onClick = _a.onClick, title = _a.title;
-    return (React.createElement("button", { className: "".concat(style$c["".concat(classMUI, "-drop-down-button")]), type: "button", onClick: onClick },
+    return (React.createElement("button", { className: "".concat(style$d["".concat(classMUI, "-drop-down-button")]), type: "button", onClick: onClick },
         title,
         React.createElement(IconItem, { icon: ArrowDown2, alt: "arrow-icon" })));
 };
 
-var style$b = {"magneto-ui-container-options":"mg_container_desktop_magneto-ui-container-options_1ug44","magneto-ui-container-options-drop-down-container":"mg_container_desktop_magneto-ui-container-options-drop-down-container_1ug44","magneto-ui-container-options-tags-container":"mg_container_desktop_magneto-ui-container-options-tags-container_1ug44","magneto-ui-container-options__menu":"mg_container_desktop_magneto-ui-container-options_menu_1ug44","magneto-ui-container-options__menu--tags":"mg_container_desktop_magneto-ui-container-options_menu--tags_1ug44","magneto-ui-container-options__menu--list":"mg_container_desktop_magneto-ui-container-options_menu--list_1ug44","hide":"mg_container_desktop_hide_1ug44"};
+var style$c = {"magneto-ui-container-options":"mg_container_desktop_magneto-ui-container-options_1ug44","magneto-ui-container-options-drop-down-container":"mg_container_desktop_magneto-ui-container-options-drop-down-container_1ug44","magneto-ui-container-options-tags-container":"mg_container_desktop_magneto-ui-container-options-tags-container_1ug44","magneto-ui-container-options__menu":"mg_container_desktop_magneto-ui-container-options_menu_1ug44","magneto-ui-container-options__menu--tags":"mg_container_desktop_magneto-ui-container-options_menu--tags_1ug44","magneto-ui-container-options__menu--list":"mg_container_desktop_magneto-ui-container-options_menu--list_1ug44","hide":"mg_container_desktop_hide_1ug44"};
 
 var useContainerDesktop = function (_a) {
     var addValue = _a.addValue;
@@ -6671,18 +6741,18 @@ var ContainerDesktop$1 = function (_a) {
     return (React.createElement("div", { style: { zIndex: 999999 } },
         React.createElement("div", { ref: inputRef },
             React.createElement(DropDownButton, { title: dropDownTitle, onClick: toggleDropdown })),
-        React.createElement("div", { ref: containerOptions, className: "".concat(style$b["".concat(classMUI, "-container-options")]) }, isOpen &&
+        React.createElement("div", { ref: containerOptions, className: "".concat(style$c["".concat(classMUI, "-container-options")]) }, isOpen &&
             ReactDOM.createPortal(React.createElement("div", { style: {
                     position: 'absolute',
                     top: "".concat(menuPosition.top - 8, "px "),
                     left: "".concat(menuPosition.left, "px"),
                     width: "".concat(menuPosition.width, "px"),
                     zIndex: 999999
-                }, ref: dropdownRef, className: "".concat(style$b["".concat(classMUI, "-container-options__menu")]) },
-                React.createElement("div", { className: "".concat(style$b["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem, { selected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === value.id, disable: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === value.id, key: value.id, onClick: function () { return selectValue(value.id); }, text: value.label })); }))), document.body))));
+                }, ref: dropdownRef, className: "".concat(style$c["".concat(classMUI, "-container-options__menu")]) },
+                React.createElement("div", { className: "".concat(style$c["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem, { selected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === value.id, disable: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === value.id, key: value.id, onClick: function () { return selectValue(value.id); }, text: value.label })); }))), document.body))));
 };
 
-var style$a = {"magneto-ui-container-options":"mg_container_mobile_magneto-ui-container-options_16tb3","magneto-ui-container-options__menu":"mg_container_mobile_magneto-ui-container-options_menu_16tb3","magneto-ui-container-options__menu--list":"mg_container_mobile_magneto-ui-container-options_menu--list_16tb3"};
+var style$b = {"magneto-ui-container-options":"mg_container_mobile_magneto-ui-container-options_16tb3","magneto-ui-container-options__menu":"mg_container_mobile_magneto-ui-container-options_menu_16tb3","magneto-ui-container-options__menu--list":"mg_container_mobile_magneto-ui-container-options_menu--list_16tb3"};
 
 var ContainerDesktop = function (_a) {
     var listOptions = _a.listOptions, addValue = _a.addValue, dropDownTitle = _a.dropDownTitle, selectedValue = _a.selectedValue;
@@ -6695,9 +6765,9 @@ var ContainerDesktop = function (_a) {
         React.createElement(DropDownButton, { title: dropDownTitle, onClick: function () { return setOpenOptions(true); } }),
         React.createElement("div", { style: { zIndex: 99999999 } },
             React.createElement(MobileDrawer, { isOpen: openOptions, onClose: function () { return setOpenOptions(false); } },
-                React.createElement("div", { className: "".concat(style$a["".concat(classMUI, "-container-options")]) },
-                    React.createElement("div", { className: "".concat(style$a["".concat(classMUI, "-container-options__menu")]) },
-                        React.createElement("div", { className: "".concat(style$a["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem, { selected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === value.id, key: value.id, onClick: function () { return selectValue(value.id); }, text: value.label })); }))))))));
+                React.createElement("div", { className: "".concat(style$b["".concat(classMUI, "-container-options")]) },
+                    React.createElement("div", { className: "".concat(style$b["".concat(classMUI, "-container-options__menu")]) },
+                        React.createElement("div", { className: "".concat(style$b["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem, { selected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === value.id, key: value.id, onClick: function () { return selectValue(value.id); }, text: value.label })); }))))))));
 };
 
 var ContainerOptions = function (_a) {
@@ -6770,7 +6840,7 @@ var useOneSelectionEntry = function (_a) {
     };
 };
 
-var style$9 = {"magneto-ui-one-selection-entry":"mg_one_selection_entry_magneto-ui-one-selection-entry_cffk1"};
+var style$a = {"magneto-ui-one-selection-entry":"mg_one_selection_entry_magneto-ui-one-selection-entry_cffk1"};
 
 var OneSelectionEntry = function (_a) {
     var dropDownTitle = _a.dropDownTitle, listOptions = _a.listOptions, selectedValue = _a.selectedValue, onChange = _a.onChange, _b = _a.responsiveMenu, responsiveMenu = _b === void 0 ? true : _b;
@@ -6785,60 +6855,60 @@ var OneSelectionEntry = function (_a) {
         }
         return dropDownTitle;
     }, [dropDownTitle, localSelectedValue]);
-    return (React.createElement("div", { className: "".concat(style$9["".concat(classMUI, "-one-selection-entry")]) },
+    return (React.createElement("div", { className: "".concat(style$a["".concat(classMUI, "-one-selection-entry")]) },
         React.createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
 };
 
 var styles$t = {"processes-text-common":"mg_processes_card_processes-text-common_1xn5n","processes-card__text":"mg_processes_card_processes-card_text_1xn5n","processes-card__title":"mg_processes_card_processes-card_title_1xn5n","processes-text-status--Sent":"mg_processes_card_processes-text-status--Sent_1xn5n","processes-text-status--Hired":"mg_processes_card_processes-text-status--Hired_1xn5n","processes-text-status--Pending":"mg_processes_card_processes-text-status--Pending_1xn5n","processes-text-status--Finalists":"mg_processes_card_processes-text-status--Finalists_1xn5n","processes-text-status--Discarded":"mg_processes_card_processes-text-status--Discarded_1xn5n","processes-text-status--Validation":"mg_processes_card_processes-text-status--Validation_1xn5n","processes-card":"mg_processes_card_processes-card_1xn5n","processes-card--is-selected":"mg_processes_card_processes-card--is-selected_1xn5n","processes-card__section":"mg_processes_card_processes-card_section_1xn5n","processes-card__arrow-left":"mg_processes_card_processes-card_arrow-left_1xn5n","processes-card__status-card--Sent":"mg_processes_card_processes-card_status-card--Sent_1xn5n","processes-card__status-card--Hired":"mg_processes_card_processes-card_status-card--Hired_1xn5n","processes-card__status-card--Pending":"mg_processes_card_processes-card_status-card--Pending_1xn5n","processes-card__status-card--Finalists":"mg_processes_card_processes-card_status-card--Finalists_1xn5n","processes-card__status-card--Discarded":"mg_processes_card_processes-card_status-card--Discarded_1xn5n","processes-card__status-card--Validation":"mg_processes_card_processes-card_status-card--Validation_1xn5n","processes-card__status-card--is-selected":"mg_processes_card_processes-card_status-card--is-selected_1xn5n","processes-card__status-card":"mg_processes_card_processes-card_status-card_1xn5n","processes-card__brand":"mg_processes_card_processes-card_brand_1xn5n","processes-card__text--strong":"mg_processes_card_processes-card_text--strong_1xn5n","processes-card__icon-status":"mg_processes_card_processes-card_icon-status_1xn5n"};
 
 var cx$o = classNames.bind(styles$t);
-var Component$z = function (_a) {
+var Component$C = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("div", { className: cx$o('processes-card__section', className) }, children);
 };
-var ProcessesCardSection = Component$z;
+var ProcessesCardSection = Component$C;
 
 var cx$n = classNames.bind(styles$t);
-var Component$y = function (_a) {
+var Component$B = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c;
     return (React.createElement("div", { className: cx$n('processes-card__status-card', className, "processes-card__status-card--".concat(status), {
             'processes-card__status-card--is-selected': isSelected
         }) }, children));
 };
-var ProcessesCardStatus = Component$y;
+var ProcessesCardStatus = Component$B;
 
 var cx$m = classNames.bind(styles$t);
-var Component$x = function (_a) {
+var Component$A = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
     return React.createElement("img", __assign({ className: cx$m('processes-card__brand', className) }, props));
 };
-var ProcessesCardBrand = Component$x;
+var ProcessesCardBrand = Component$A;
 
 var cx$l = classNames.bind(styles$t);
-var Component$w = function (_a) {
+var Component$z = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b;
     return React.createElement("h3", { className: cx$l('processes-card__title', className, "processes-text-status--".concat(status)) }, children);
 };
-var ProcessesCardTitle = Component$w;
+var ProcessesCardTitle = Component$z;
 
 var cx$k = classNames.bind(styles$t);
-var Component$v = function (_a) {
+var Component$y = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b, _c = _a.strong, strong = _c === void 0 ? false : _c;
     return (React.createElement("p", { className: cx$k('processes-card__text', className, "processes-text-status--".concat(status), {
             'processes-card__text--strong': strong
         }) }, children));
 };
-var ProcessesCardText = Component$v;
+var ProcessesCardText = Component$y;
 
 var cx$j = classNames.bind(styles$t);
-var Component$u = function (_a) {
+var Component$x = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
     return React.createElement("img", __assign({ className: cx$j('processes-card__arrow-left', className), src: ArrowRight2 }, props));
 };
-var ProcessesCardArrow = Component$u;
+var ProcessesCardArrow = Component$x;
 
 var cx$i = classNames.bind(styles$t);
-var Component$t = function (_a) {
+var Component$w = function (_a) {
     var status = _a.status, props = __rest(_a, ["status"]);
     var iconByStatus = function (status) {
         var icons = {
@@ -6853,14 +6923,14 @@ var Component$t = function (_a) {
     };
     return React.createElement("img", __assign({ className: cx$i('processes-card__icon-status'), src: iconByStatus(status), alt: "icons-status" }, props));
 };
-var ProcessesCardIconStatus = Component$t;
+var ProcessesCardIconStatus = Component$w;
 
 var cx$h = classNames.bind(styles$t);
-var Component$s = function (_a) {
+var Component$v = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "isSelected"]);
     return (React.createElement("button", __assign({}, props, { className: cx$h('processes-card', className, { 'processes-card--is-selected': isSelected }), type: "button" }), children));
 };
-var ProcessesCard = Object.assign(Component$s, {
+var ProcessesCard = Object.assign(Component$v, {
     IconStatus: ProcessesCardIconStatus,
     Section: ProcessesCardSection,
     Status: ProcessesCardStatus,
@@ -6888,7 +6958,7 @@ var cx$g = classNames.bind(styles$s);
 var getDefaulSelected = function (selected) {
     return selected.map(function (select) { return select.value; }).join(', ');
 };
-var Component$r = function (_a) {
+var Component$u = function (_a) {
     var _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, _c = _a.value, value = _c === void 0 ? '' : _c, className = _a.className, _d = _a.onClick, onClick = _d === void 0 ? stubUndefined : _d, _e = _a.open, open = _e === void 0 ? false : _e, _f = _a.actionIcon, actionIcon = _f === void 0 ? ArrowDown2 : _f, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.getLabel, getLabel = _h === void 0 ? getDefaulSelected : _h, readOnly = _a.readOnly, disabled = _a.disabled, _j = _a.placeholder, placeholder = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'text' : _k, rest = __rest(_a, ["onChange", "value", "className", "onClick", "open", "actionIcon", "selected", "getLabel", "readOnly", "disabled", "placeholder", "type"]);
     var ref = useRef({ onChange: onChange, id: generateID() });
     useEffect(function () {
@@ -6921,7 +6991,7 @@ var Component$r = function (_a) {
                 }) }, getLabel(selected))) : null),
         actionIcon ? React.createElement(IconItem, { icon: actionIcon, size: 20 }) : null));
 };
-var SelectInput = Component$r;
+var SelectInput = Component$u;
 
 var styles$r = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
 
@@ -6970,7 +7040,7 @@ var defaultFilter = function (option, searchValue) {
     var _a, _b;
     return (_b = (_a = option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchValue.toLowerCase())) !== null && _b !== void 0 ? _b : true;
 };
-var Component$q = function (_a) {
+var Component$t = function (_a) {
     var className = _a.className, _b = _a.renderItem, renderItem = _b === void 0 ? defaultRenderItem : _b, _c = _a.filter, filter = _c === void 0 ? defaultFilter : _c;
     var _d = Select.useContext(), options = _d.options, value = _d.value, onChange = _d.onChange, search = _d.search, open = _d.open;
     return (React.createElement("ul", { "data-name": "select-list", className: cx$d('select-list', className, { 'select-list--visible': open }) }, options
@@ -6985,7 +7055,7 @@ var Component$q = function (_a) {
                 }
             } }, renderItem(option)))); })));
 };
-var SelectListCheck = Component$q;
+var SelectListCheck = Component$t;
 
 var styles$o = {"select__list-container":"mg_select_select_list-container_1kwcm","select-input":"mg_select_select-input_1kwcm","select-input--open":"mg_select_select-input--open_1kwcm"};
 
@@ -6993,7 +7063,7 @@ var cx$c = classNames.bind(styles$o);
 var defaultSelect = function (props) {
     return (React.createElement(Select.Input, __assign({ hideIcon: true, className: cx$c('select-input', { 'select-input--open': props.open }), actionIcon: ArrowDown2 }, props)));
 };
-var Component$p = function (_a) {
+var Component$s = function (_a) {
     var children = _a.children, _b = _a.renderSelect, renderSelect = _b === void 0 ? defaultSelect : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, options = _a.options, value = _a.value, _d = _a.onChange, onChange = _d === void 0 ? stubTrue : _d, _e = _a.inputReadonly, inputReadonly = _e === void 0 ? false : _e, className = _a.className, getLabel = _a.getLabel;
     var _f = useState(false), open = _f[0], setOpen = _f[1];
     var _g = useState(''), search = _g[0], setSearch = _g[1];
@@ -7019,7 +7089,7 @@ var Component$p = function (_a) {
  * @experimental this component is early, so that the interface component and behavrior could change.
  * @deprecated this function will change soon.
  */
-var Select = Object.assign(Component$p, {
+var Select = Object.assign(Component$s, {
     useContext: useSelectContext,
     Input: SelectInput,
     Clickout: SelectClickout$1,
@@ -7027,7 +7097,7 @@ var Select = Object.assign(Component$p, {
     ListCheck: SelectListCheck
 });
 
-var Component$o = function (_a) {
+var Component$r = function (_a) {
     var props = __rest(_a, []);
     var container = useMediaQuery(React.createElement(Select2Desktop, __assign({}, props)), {
         sm: React.createElement(Select2Mobile, __assign({}, props))
@@ -7039,11 +7109,11 @@ var Component$o = function (_a) {
 /**
  * Molecule UI child component of select 2
  */
-var Select2Container = Component$o;
+var Select2Container = Component$r;
 
 var styles$n = {"magneto-ui-select2-desktop":"mg_select2_desktop_magneto-ui-select2-desktop_yr6j4"};
 
-var Component$n = function (_a) {
+var Component$q = function (_a) {
     var className = _a.className, clickOut = _a.clickOut, disabled = _a.disabled, disableList = _a.disableList, handleChange = _a.handleChange, handleSearch = _a.handleSearch, haveTags = _a.haveTags, icon = _a.icon, list = _a.list, placeholder = _a.placeholder, removeValue = _a.removeValue, searchValue = _a.searchValue, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, valueSelected = _a.valueSelected, render = _a.render, isMultiple = _a.isMultiple, setTerm = _a.setTerm;
     return (React.createElement("div", { className: CNM.get({ styles: styles$n, cls: ['select2-desktop', className] }) },
         React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: clickOut, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, isMultiple: isMultiple, setTerm: setTerm }),
@@ -7053,11 +7123,11 @@ var Component$n = function (_a) {
 /**
  * Molecule UI child component of select 2
  */
-var Select2Desktop = Component$n;
+var Select2Desktop = Component$q;
 
 var styles$m = {"magneto-ui-select2-input__button":"mg_select2_input_magneto-ui-select2-input_button_14gdi","magneto-ui-select2-input__button--disabled":"mg_select2_input_magneto-ui-select2-input_button--disabled_14gdi","magneto-ui-select2-input__button-text--selected":"mg_select2_input_magneto-ui-select2-input_button-text--selected_14gdi","magneto-ui-select2-input__button-text--placeholder":"mg_select2_input_magneto-ui-select2-input_button-text--placeholder_14gdi","magneto-ui-select2-input__suffix-icon--rotate-arrow":"mg_select2_input_magneto-ui-select2-input_suffix-icon--rotate-arrow_14gdi","magneto-ui-select2-input__suffix-icon--static-arrow":"mg_select2_input_magneto-ui-select2-input_suffix-icon--static-arrow_14gdi","select-label":"mg_select2_input_select-label_14gdi"};
 
-var Component$m = function (_a) {
+var Component$p = function (_a) {
     var _b, _c;
     var clickOut = _a.clickOut, placeholder = _a.placeholder, searchValue = _a.searchValue, disabled = _a.disabled, handleSearch = _a.handleSearch, setClickOut = _a.setClickOut, disableList = _a.disableList, icon = _a.icon, valueSelected = _a.valueSelected, isMultiple = _a.isMultiple, name = _a.name, setTerm = _a.setTerm;
     var arrowRotate = useMemo(function () {
@@ -7106,11 +7176,11 @@ var Component$m = function (_a) {
 /**
  * Molecule UI child component of select 2
  */
-var Select2Input = Component$m;
+var Select2Input = Component$p;
 
 var styles$l = {"magneto-ui-select2-list":"mg_select2_list_magneto-ui-select2-list_vqso0","magneto-ui-select2-list--desktop":"mg_select2_list_magneto-ui-select2-list--desktop_vqso0","magneto-ui-select2-list__item--is-selected":"mg_select2_list_magneto-ui-select2-list_item--is-selected_vqso0","magneto-ui-select2-list__item--not-selected":"mg_select2_list_magneto-ui-select2-list_item--not-selected_vqso0"};
 
-var Component$l = function (_a) {
+var Component$o = function (_a) {
     var disabledList = _a.disabledList, isMobile = _a.isMobile, list = _a.list, onSelected = _a.onSelected, selected = _a.selected, visible = _a.visible, render = _a.render;
     var itemStyles = useCallback(function (localId) {
         return CNM.get({
@@ -7148,11 +7218,11 @@ var Component$l = function (_a) {
 /**
  * Molecule UI child component of select 2
  */
-var Select2List = Component$l;
+var Select2List = Component$o;
 
 var styles$k = {"magneto-ui-select2-desktop":"mg_select2_mobile_magneto-ui-select2-desktop_174k1"};
 
-var Component$k = function (_a) {
+var Component$n = function (_a) {
     var className = _a.className, disabled = _a.disabled, disableList = _a.disableList, handleChange = _a.handleChange, handleSearch = _a.handleSearch, haveTags = _a.haveTags, icon = _a.icon, isMobile = _a.isMobile, isMultiple = _a.isMultiple, limitSelections = _a.limitSelections, list = _a.list, placeholder = _a.placeholder, removeValue = _a.removeValue, searchValue = _a.searchValue, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, valueSelected = _a.valueSelected, render = _a.render, setTerm = _a.setTerm;
     var _c = useState(false), isModalOpen = _c[0], setIsModalOpen = _c[1];
     useEffect(function () {
@@ -7174,11 +7244,11 @@ var Component$k = function (_a) {
 /**
  * Molecule UI child component of select 2
  */
-var Select2Mobile = Component$k;
+var Select2Mobile = Component$n;
 
 var styles$j = {"magneto-ui-select2-tags":"mg_select2_tags_magneto-ui-select2-tags_sxds5"};
 
-var Component$j = function (_a) {
+var Component$m = function (_a) {
     var onRemove = _a.onRemove, tags = _a.tags, visible = _a.visible;
     if (!visible || tags.length === 0)
         return null;
@@ -7190,7 +7260,7 @@ var Component$j = function (_a) {
 /**
  * Molecule UI child component of select 2
  */
-var Select2Tags = Component$j;
+var Select2Tags = Component$m;
 
 var useSelect2 = function (_a) {
     var setTerm = _a.setTerm, _b = _a.currentFields, currentFields = _b === void 0 ? [] : _b, limitSelections = _a.limitSelections, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, onChange = _a.onChange, isMultiple = _a.isMultiple, selectList = _a.selectList;
@@ -7261,7 +7331,7 @@ var useSelect2 = function (_a) {
     return { list: list, removeValue: removeValue, handleChange: handleChange, disableList: disableList, handleSearch: handleSearch, searchValue: searchValue, valueSelected: valueSelected };
 };
 
-var Component$i = function (_a) {
+var Component$l = function (_a) {
     var props = __rest(_a, []);
     var hookProps = __rest(useSelect2(__assign({}, props)), []);
     return React.createElement(Select2Container, __assign({}, props, hookProps));
@@ -7269,16 +7339,16 @@ var Component$i = function (_a) {
 /**
  * Molecule UI component of select 2
  */
-var Select2 = withClickOut(Component$i);
+var Select2 = withClickOut(Component$l);
 
-var style$8 = {"magneto-ui-timeline":"mg_timeline_magneto-ui-timeline_lr29v"};
+var style$9 = {"magneto-ui-timeline":"mg_timeline_magneto-ui-timeline_lr29v"};
 
 var STATUS = {
     CHECKED: 'checked',
     CURRENT: 'current',
     BLOCKED: 'blocked'
 };
-var Component$h = function (_a) {
+var Component$k = function (_a) {
     var steps = _a.steps, currentStep = _a.currentStep, _b = _a.onClick, onClick = _b === void 0 ? function () { return ({}); } : _b;
     currentStep = Math.max(currentStep, 1);
     var getStatus = function (index) {
@@ -7290,99 +7360,99 @@ var Component$h = function (_a) {
         }
         return STATUS.BLOCKED;
     };
-    return (React.createElement("div", { className: style$8["".concat(classMUI, "-timeline")] }, steps.map(function (_a, index) {
+    return (React.createElement("div", { className: style$9["".concat(classMUI, "-timeline")] }, steps.map(function (_a, index) {
         var subtitle = _a.subtitle, title = _a.title;
         return (React.createElement(TimelineEvent, { index: index + 1, onClick: onClick, key: index, title: title, subtitle: subtitle, status: getStatus(index) }));
     })));
 };
-var Timeline = Component$h;
+var Timeline = Component$k;
 
 var styles$i = {"user-term-check":"mg_user_term_check_user-term-check_1mjdt"};
 
 var cx$b = classNames.bind(styles$i);
-var Component$g = function (_a) {
+var Component$j = function (_a) {
     var children = _a.children, className = _a.className, isChecked = _a.isChecked, onChange = _a.onChange;
     return (React.createElement("div", { className: cx$b('user-term-check', className) },
         React.createElement(Checkbox, { type: "box", display: "block", className: cx$b('select-list__checkbox'), checked: isChecked, onChange: onChange }, children)));
 };
-var UserTermCheck = Component$g;
+var UserTermCheck = Component$j;
 
 var styles$h = {"user-term-content":"mg_user_term_content_user-term-content_7556y"};
 
 var cx$a = classNames.bind(styles$h);
-var Component$f = function (_a) {
+var Component$i = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("div", { className: cx$a('user-term-content', className) }, children);
 };
-var UserTermContent = Component$f;
+var UserTermContent = Component$i;
 
 var styles$g = {"user-term-subtitle":"mg_user_term_subtitle_user-term-subtitle_n7gfk"};
 
 var cx$9 = classNames.bind(styles$g);
-var Component$e = function (_a) {
+var Component$h = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("h3", { className: cx$9('user-term-subtitle', className) }, children);
 };
-var UserTermSubTitle = Component$e;
+var UserTermSubTitle = Component$h;
 
 var styles$f = {"user-term-title":"mg_user_term_title_user-term-title_1krun"};
 
 var cx$8 = classNames.bind(styles$f);
-var Component$d = function (_a) {
+var Component$g = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("h2", { className: cx$8('user-term-title', className) }, children);
 };
-var UserTermTitle = Component$d;
+var UserTermTitle = Component$g;
 
 var styles$e = {"user-term-submit":"mg_user_term_submit_user-term-submit_1f0wt"};
 
 var cx$7 = classNames.bind(styles$e);
-var Component$c = function (_a) {
+var Component$f = function (_a) {
     var isLoading = _a.isLoading, children = _a.children, className = _a.className, props = __rest(_a, ["isLoading", "children", "className"]);
     return (React.createElement("button", __assign({ className: cx$7('user-term-submit', className) }, props),
         isLoading && React.createElement(FlatLoader, { color: "white", secondColor: "transparent" }),
         children));
 };
-var UserTermSubmit = Component$c;
+var UserTermSubmit = Component$f;
 
 var styles$d = {"user-term-highlight":"mg_user_term_highlight_user-term-highlight_1qjh2"};
 
 var cx$6 = classNames.bind(styles$d);
-var Component$b = function (_a) {
+var Component$e = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("h4", { className: cx$6('user-term-highlight', className) }, children);
 };
-var UserTermHighlight = Component$b;
+var UserTermHighlight = Component$e;
 
 var styles$c = {"user-term-text":"mg_user_term_text_user-term-text_19pna"};
 
 var cx$5 = classNames.bind(styles$c);
-var Component$a = function (_a) {
+var Component$d = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("p", { className: cx$5('user-term-text', className) }, children);
 };
-var UserTermText = Component$a;
+var UserTermText = Component$d;
 
 var styles$b = {"user-term-modal":"mg_user_terms_user-term-modal_1ykq6","user-term-drawer":"mg_user_terms_user-term-drawer_1ykq6"};
 
 var styles$a = {"user-term-u-list":"mg_user_term_u_list_user-term-u-list_1ib2u"};
 
 var cx$4 = classNames.bind(styles$a);
-var Component$9 = function (_a) {
+var Component$c = function (_a) {
     var children = _a.children, className = _a.className;
     return React.createElement("ul", { className: cx$4('user-term-u-list', className) }, children);
 };
-var UserTermUList = Component$9;
+var UserTermUList = Component$c;
 
 var cx$3 = classNames.bind(styles$b);
-var Component$8 = function (_a) {
+var Component$b = function (_a) {
     var children = _a.children, isOpen = _a.isOpen, _b = _a.onClose, onClose = _b === void 0 ? function () { return ({}); } : _b;
     var container = useMediaQuery(React.createElement(Modal$1, { className: cx$3('user-term-modal'), blockBackgroundClose: true, isOpen: isOpen, onClose: onClose }, children), {
         sm: (React.createElement(MobileDrawer, { className: cx$3('user-term-drawer'), blockBackgroundClose: true, isOpen: isOpen, onClose: onClose }, children))
     });
     return container;
 };
-var UserTerms = Object.assign(Component$8, {
+var UserTerms = Object.assign(Component$b, {
     Title: UserTermTitle,
     Subtitle: UserTermSubTitle,
     Content: UserTermContent,
@@ -7393,6 +7463,71 @@ var UserTerms = Object.assign(Component$8, {
     UlList: UserTermUList
 });
 
+var style$8 = {"mega-menu-drawer":"mg_mega_menu_drawer_mega-menu-drawer_vvbk8","mega-menu-drawer__actions":"mg_mega_menu_drawer_mega-menu-drawer_actions_vvbk8","mega-menu-drawer__tabs":"mg_mega_menu_drawer_mega-menu-drawer_tabs_vvbk8","mega-menu-drawer__links":"mg_mega_menu_drawer_mega-menu-drawer_links_vvbk8","mega-menu-drawer__options":"mg_mega_menu_drawer_mega-menu-drawer_options_vvbk8","mega-menu-drawer__options--action":"mg_mega_menu_drawer_mega-menu-drawer_options--action_vvbk8","mega-menu-drawer__content":"mg_mega_menu_drawer_mega-menu-drawer_content_vvbk8","mega-menu-drawer__close":"mg_mega_menu_drawer_mega-menu-drawer_close_vvbk8"};
+
+var style$7 = {"magneto-ui-mega-menu-tabs":"mg_mega_menu_tabs_magneto-ui-mega-menu-tabs_2d07y"};
+
+var MegaMenuTabs = function (_a) {
+    var className = _a.className, _b = _a.showArrows, showArrows = _b === void 0 ? true : _b;
+    var tabs = useMegaMenu().socialHeaderProps.tabs;
+    return (React.createElement("div", { className: "".concat(style$7["".concat(classMUI, "-mega-menu-tabs")], " ").concat(className ? className : '') }, tabs.length > 0 && tabs.map(function (tab, key) { return React.createElement(MegaMenuTab, __assign({ key: key, showArrow: showArrows }, tab)); })));
+};
+
+var Component$a = function (_a) {
+    var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
+    var _c = useState(''), currentPage = _c[0], setCurrentPage = _c[1];
+    var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, homeText = _d.homeText, loginProps = _d.loginProps;
+    var _e = useMegaMenuJobs(), tabs = _e.tabs, allJobsAction = _e.allJobsAction, onChangeTab = _e.onChangeTab;
+    var _f = useMegaMenu().socialHeaderProps, blog = _f.blog, helpOptions = _f.helpOptions;
+    var handleClose = function () {
+        if (onClose) {
+            onClose();
+        }
+    };
+    var onClickOption = useCallback(function (index) { return function () { return onChangeTab && onChangeTab(index); }; }, [onChangeTab]);
+    var closeButton = useMemo(function () { return (React.createElement("button", { onClick: onClose },
+        React.createElement(IconItem, { icon: Add, hover: false }))); }, [onClose]);
+    var isActiveOption = useCallback(function (url) {
+        return currentPage == url;
+    }, [currentPage]);
+    useEffect(function () {
+        if (typeof window == 'undefined')
+            return;
+        setCurrentPage(window.location.href);
+    }, []);
+    var options = useMemo(function () {
+        return tabs.map(function (tab, index) { return (React.createElement(MegaMenuDrawerItem, { text: tab.label, url: tab.url, content: {
+                child: tab.content,
+                title: tab.label
+            }, onClickOption: onClickOption(index), isActive: isActiveOption(tab.url), key: index, icon: megaMenuJobsIcons[index] })); });
+    }, [isActiveOption, onClickOption, tabs]);
+    var socialOptions = useMemo(function () {
+        return __spreadArray([blog], helpOptions, true).map(function (tab, index) {
+            var _a, _b, _c;
+            return (React.createElement(MegaMenuDrawerItem, { text: (_a = tab === null || tab === void 0 ? void 0 : tab.label) !== null && _a !== void 0 ? _a : '', url: (_b = tab === null || tab === void 0 ? void 0 : tab.url) !== null && _b !== void 0 ? _b : '', isActive: isActiveOption((_c = tab === null || tab === void 0 ? void 0 : tab.url) !== null && _c !== void 0 ? _c : ''), key: index, icon: mobileSocialIcons[index] }));
+        });
+    }, [blog, helpOptions, isActiveOption]);
+    var signUpActions = useMemo(function () { return (React.createElement(React.Fragment, null,
+        React.createElement(MainButton, __assign({ buttonSize: "full" }, CreateAccountButton, { buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText) || '', onClick: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp) || undefined })),
+        React.createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText) || '', onClick: function () {
+                var _a;
+                window.location.replace((_a = loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl) !== null && _a !== void 0 ? _a : '');
+            }, buttonStyles: { buttonColor: '#f0f1f3' } })))); }, [loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText, loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl, loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp, loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText]);
+    return (React.createElement(Drawer$1, { isOpen: isOpen, onClose: handleClose, customPadding: 0, isFull: true, hideButton: true, className: style$8['mega-menu-drawer'] },
+        React.createElement("div", { className: style$8['mega-menu-drawer__close'] }, closeButton),
+        React.createElement(MegaMenuTabs, { className: style$8['mega-menu-drawer__tabs'], showArrows: false }),
+        React.createElement("div", { className: style$8['mega-menu-drawer__content'] },
+            React.createElement(LogoComponent, __assign({}, logoProps)),
+            React.createElement("div", { className: style$8['mega-menu-drawer__options'] },
+                React.createElement(MegaMenuDrawerItem, { text: homeText !== null && homeText !== void 0 ? homeText : 'Inicio', url: homeUrl || '', isActive: isActiveOption(homeUrl || ''), key: 'home-action', icon: Home2 }),
+                options,
+                React.createElement(ButtonLink, { buttonText: allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.label, href: allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.url, className: style$8['mega-menu-drawer__options--action'] }),
+                socialOptions),
+            React.createElement("div", { className: style$8['mega-menu-drawer__actions'] }, signUpActions)),
+        React.createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20, className: style$8['mega-menu-drawer__links'] })));
+};
+var MegaMenuDrawer = Component$a;
+
 var styles$9 = {"magneto-ui--job-drawer":"mg_job_suggested_drawer_magneto-ui--job-drawer_ax183","magneto-ui--job-drawer__title":"mg_job_suggested_drawer_magneto-ui--job-drawer_title_ax183"};
 
 var styles$8 = {"magneto-ui-job-company-header":"mg_job_suggested_header_magneto-ui-job-company-header_1vzc6"};
@@ -7440,13 +7575,13 @@ var JobSuggestedSimilarJobs = function (_a) {
 };
 
 var cx = classNames.bind(styles$9);
-var Component$7 = function (_a) {
+var Component$9 = function (_a) {
     var isLoading = _a.isLoading, children = _a.children, className = _a.className;
     if (isLoading)
         return React.createElement(JobDetailsSkeleton, null);
     return React.createElement("section", { className: cx('magneto-ui--job-drawer', className) }, children);
 };
-var JobSuggestedDrawer = Object.assign(Component$7, {
+var JobSuggestedDrawer = Object.assign(Component$9, {
     Header: JobSuggestedHeader,
     Alert: AlertJobStatus,
     SimilarJobs: JobSuggestedSimilarJobs
@@ -7454,7 +7589,7 @@ var JobSuggestedDrawer = Object.assign(Component$7, {
 
 var styles$6 = {"magneto-ui-analyst-template":"mg_analyst_template_magneto-ui-analyst-template_77xpr","magneto-ui-analyst-template__container":"mg_analyst_template_magneto-ui-analyst-template_container_77xpr","magneto-ui-analyst-template__children":"mg_analyst_template_magneto-ui-analyst-template_children_77xpr"};
 
-var Component$6 = function (_a) {
+var Component$8 = function (_a) {
     var _b, _c, _d, _e;
     var children = _a.children, _f = _a.childrenClassName, childrenClassName = _f === void 0 ? '' : _f, _g = _a.className, className = _g === void 0 ? '' : _g, _h = _a.containerClassName, containerClassName = _h === void 0 ? '' : _h, headerProps = _a.headerProps, navigationMenuProps = _a.navigationMenuProps, modals = _a.modals;
     var _j = useState(null), activeDropdown = _j[0], setActiveDropdown = _j[1];
@@ -7504,62 +7639,62 @@ var Component$6 = function (_a) {
 /**
  * Template UI component of analyst template
  */
-var AnalystTemplate = Component$6;
+var AnalystTemplate = Component$8;
 
-var style$7 = {"magneto-ui-footer":"mg_footer_magneto-ui-footer_1id96","magneto-ui-footer__row1":"mg_footer_magneto-ui-footer_row1_1id96","magneto-ui-footer__row1--column1":"mg_footer_magneto-ui-footer_row1--column1_1id96","magneto-ui-footer__row1--column2":"mg_footer_magneto-ui-footer_row1--column2_1id96","magneto-ui-footer__resolution":"mg_footer_magneto-ui-footer_resolution_1id96"};
+var style$6 = {"magneto-ui-footer":"mg_footer_magneto-ui-footer_1id96","magneto-ui-footer__row1":"mg_footer_magneto-ui-footer_row1_1id96","magneto-ui-footer__row1--column1":"mg_footer_magneto-ui-footer_row1--column1_1id96","magneto-ui-footer__row1--column2":"mg_footer_magneto-ui-footer_row1--column2_1id96","magneto-ui-footer__resolution":"mg_footer_magneto-ui-footer_resolution_1id96"};
 
 var Footer = function (_a) {
     var followText = _a.followText, magnetoResolutionProps = _a.magnetoResolutionProps, rightsReservedProps = _a.rightsReservedProps, menuFooterLink = _a.menuFooterLink, showFooter = _a.showFooter;
-    return (React.createElement(React.Fragment, null, showFooter !== false ? (React.createElement("footer", { className: "".concat(style$7["".concat(classMUI, "-footer")]) },
-        React.createElement("div", { className: "".concat(style$7["".concat(classMUI, "-footer__row1")]) },
-            React.createElement("div", { className: "".concat(style$7["".concat(classMUI, "-footer__row1--column1")]) },
+    return (React.createElement(React.Fragment, null, showFooter !== false ? (React.createElement("footer", { className: "".concat(style$6["".concat(classMUI, "-footer")]) },
+        React.createElement("div", { className: "".concat(style$6["".concat(classMUI, "-footer__row1")]) },
+            React.createElement("div", { className: "".concat(style$6["".concat(classMUI, "-footer__row1--column1")]) },
                 React.createElement(LogoComponent, { alt: "magneto logo", logo: LogoMagneto }),
                 React.createElement(MagnetoSocialMedia, { followText: followText }),
                 React.createElement(RightsReservedText, __assign({}, rightsReservedProps))),
-            React.createElement("div", { className: "".concat(style$7["".concat(classMUI, "-footer__row1--column2")]) },
+            React.createElement("div", { className: "".concat(style$6["".concat(classMUI, "-footer__row1--column2")]) },
                 React.createElement(FooterMenuLinks, __assign({}, menuFooterLink)))),
-        React.createElement("div", { className: "".concat(style$7["".concat(classMUI, "-footer__resolution")]) },
+        React.createElement("div", { className: "".concat(style$6["".concat(classMUI, "-footer__resolution")]) },
             React.createElement(MagnetoResolution, __assign({}, magnetoResolutionProps))))) : (React.createElement(Fragment, null))));
 };
 
-var style$6 = {"magneto-ui-logout-jobs-template--brands":"mg_login_jobs_template_magneto-ui-logout-jobs-template--brands_q16b6","magneto-ui-logout-jobs-template--company-logo":"mg_login_jobs_template_magneto-ui-logout-jobs-template--company-logo_q16b6","magneto-ui-logout-jobs-template--jobs-menu":"mg_login_jobs_template_magneto-ui-logout-jobs-template--jobs-menu_q16b6","magneto-ui-logout-jobs-template--btn-actions":"mg_login_jobs_template_magneto-ui-logout-jobs-template--btn-actions_q16b6","magneto-ui-logout-jobs-template--social-media":"mg_login_jobs_template_magneto-ui-logout-jobs-template--social-media_q16b6"};
+var style$5 = {"magneto-ui-logout-jobs-template--brands":"mg_login_jobs_template_magneto-ui-logout-jobs-template--brands_q16b6","magneto-ui-logout-jobs-template--company-logo":"mg_login_jobs_template_magneto-ui-logout-jobs-template--company-logo_q16b6","magneto-ui-logout-jobs-template--jobs-menu":"mg_login_jobs_template_magneto-ui-logout-jobs-template--jobs-menu_q16b6","magneto-ui-logout-jobs-template--btn-actions":"mg_login_jobs_template_magneto-ui-logout-jobs-template--btn-actions_q16b6","magneto-ui-logout-jobs-template--social-media":"mg_login_jobs_template_magneto-ui-logout-jobs-template--social-media_q16b6"};
 
 var Muiclass$1 = 'magneto-ui';
 var LoginJobsTemplate = function (_a) {
     var LoginJobsHeaderProps = _a.LoginJobsHeaderProps, homeUrl = _a.homeUrl, listMenuProps = _a.listMenuProps, ListIcon = _a.ListIcon;
     var _b = LoginJobsHeaderProps.brandMenuProps, companyLogo = _b.companyLogo, companySlug = _b.companySlug, companyUrl = _b.companyUrl;
     var _c = useState(false), toggleDrawer = _c[0], setToggleDrawer = _c[1];
-    return (React.createElement("div", { className: style$6["".concat(Muiclass$1, "-logout-jobs-template")] },
+    return (React.createElement("div", { className: style$5["".concat(Muiclass$1, "-logout-jobs-template")] },
         React.createElement(LoginJobsHeader, __assign({}, LoginJobsHeaderProps, { onMenuClick: function () { return setToggleDrawer(true); } })),
-        React.createElement(Drawer, { isOpen: toggleDrawer, onClose: function () { return setToggleDrawer(false); } },
-            React.createElement("div", { className: style$6["".concat(Muiclass$1, "-logout-jobs-template--brands")] },
+        React.createElement(Drawer$1, { isOpen: toggleDrawer, onClose: function () { return setToggleDrawer(false); } },
+            React.createElement("div", { className: style$5["".concat(Muiclass$1, "-logout-jobs-template--brands")] },
                 React.createElement("a", { href: homeUrl },
                     React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
                 React.createElement("a", { href: companyUrl },
-                    React.createElement("img", { className: style$6["".concat(Muiclass$1, "-logout-jobs-template--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
-            React.createElement("div", { className: style$6["".concat(Muiclass$1, "-logout-jobs-template--jobs-menu")] },
+                    React.createElement("img", { className: style$5["".concat(Muiclass$1, "-logout-jobs-template--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
+            React.createElement("div", { className: style$5["".concat(Muiclass$1, "-logout-jobs-template--jobs-menu")] },
                 React.createElement(ListMenuItems, __assign({}, listMenuProps))),
-            React.createElement("div", { className: style$6["".concat(Muiclass$1, "-logout-jobs-template--social-media")] }, ListIcon && React.createElement(ListIconLink, { size: 34, spacing: 20, listIcon: ListIcon })))));
+            React.createElement("div", { className: style$5["".concat(Muiclass$1, "-logout-jobs-template--social-media")] }, ListIcon && React.createElement(ListIconLink, { size: 34, spacing: 20, listIcon: ListIcon })))));
 };
 
-var style$5 = {"magneto-ui-drawer-menu":"mg_login_template_magneto-ui-drawer-menu_n1dog","menu-container":"mg_login_template_menu-container_n1dog","actionsContainer":"mg_login_template_actionsContainer_n1dog"};
+var style$4 = {"magneto-ui-drawer-menu":"mg_login_template_magneto-ui-drawer-menu_n1dog","menu-container":"mg_login_template_menu-container_n1dog","actionsContainer":"mg_login_template_actionsContainer_n1dog"};
 
-var Component$5 = function (_a) {
+var Component$7 = function (_a) {
     var listMenuProps = _a.listMenuProps, homeUrl = _a.homeUrl, props = __rest(_a, ["listMenuProps", "homeUrl"]);
     var _b = useState(false), toggleDrawer = _b[0], setToggleDrawer = _b[1];
-    return (React.createElement("div", { className: style$5['magneto-ui-drawer-menu'] },
+    return (React.createElement("div", { className: style$4['magneto-ui-drawer-menu'] },
         React.createElement(LoginHeader, __assign({ homeUrl: homeUrl }, props, { onClick: function () { return setToggleDrawer(true); } })),
-        React.createElement(Drawer, { isOpen: toggleDrawer, onClose: function () { return setToggleDrawer(false); } },
+        React.createElement(Drawer$1, { isOpen: toggleDrawer, onClose: function () { return setToggleDrawer(false); } },
             React.createElement("a", { href: homeUrl },
                 React.createElement(LogoComponent, __assign({}, logoPropsLogin))),
-            React.createElement("div", { className: style$5['menu-container'] },
+            React.createElement("div", { className: style$4['menu-container'] },
                 React.createElement(ListMenuItems, __assign({}, listMenuProps))),
-            React.createElement("div", { className: style$5.actionsContainer },
+            React.createElement("div", { className: style$4.actionsContainer },
                 React.createElement(ListIconLink, { size: 34, spacing: 20, listIcon: ListIcon })))));
 };
-var LoginTemplate = Component$5;
+var LoginTemplate = Component$7;
 
-var style$4 = {"magneto-ui-logout-jobs-template--brands":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--brands_q16b6","magneto-ui-logout-jobs-template--company-logo":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--company-logo_q16b6","magneto-ui-logout-jobs-template--jobs-menu":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--jobs-menu_q16b6","magneto-ui-logout-jobs-template--btn-actions":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--btn-actions_q16b6","magneto-ui-logout-jobs-template--social-media":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--social-media_q16b6"};
+var style$3 = {"magneto-ui-logout-jobs-template--brands":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--brands_q16b6","magneto-ui-logout-jobs-template--company-logo":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--company-logo_q16b6","magneto-ui-logout-jobs-template--jobs-menu":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--jobs-menu_q16b6","magneto-ui-logout-jobs-template--btn-actions":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--btn-actions_q16b6","magneto-ui-logout-jobs-template--social-media":"mg_logout_jobs_template_magneto-ui-logout-jobs-template--social-media_q16b6"};
 
 var Muiclass = 'magneto-ui';
 var LogoutJobsTemplate = function (_a) {
@@ -7568,30 +7703,30 @@ var LogoutJobsTemplate = function (_a) {
     var type = signInLink.type, href = signInLink.href, text = signInLink.text;
     var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
     var _c = useState(false), toggleDrawer = _c[0], setToggleDrawer = _c[1];
-    return (React.createElement("div", { className: style$4["".concat(Muiclass, "-logout-jobs-template")] },
+    return (React.createElement("div", { className: style$3["".concat(Muiclass, "-logout-jobs-template")] },
         React.createElement(LogoutJobsHeader, __assign({}, logoutJobsHeaderProps, { onMenuClick: function () { return setToggleDrawer(true); } })),
-        React.createElement(Drawer, { isOpen: toggleDrawer, onClose: function () { return setToggleDrawer(false); } },
-            React.createElement("div", { className: style$4["".concat(Muiclass, "-logout-jobs-template--brands")] },
+        React.createElement(Drawer$1, { isOpen: toggleDrawer, onClose: function () { return setToggleDrawer(false); } },
+            React.createElement("div", { className: style$3["".concat(Muiclass, "-logout-jobs-template--brands")] },
                 React.createElement("a", { href: homeUrl },
                     React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
                 React.createElement("a", { href: companyUrl },
-                    React.createElement("img", { className: style$4["".concat(Muiclass, "-logout-jobs-template--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
-            React.createElement("div", { className: style$4["".concat(Muiclass, "-logout-jobs-template--jobs-menu")] },
+                    React.createElement("img", { className: style$3["".concat(Muiclass, "-logout-jobs-template--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
+            React.createElement("div", { className: style$3["".concat(Muiclass, "-logout-jobs-template--jobs-menu")] },
                 React.createElement(ListMenuItems, __assign({}, listMenuProps))),
-            React.createElement("div", { className: style$4["".concat(Muiclass, "-logout-jobs-template--btn-actions")] },
+            React.createElement("div", { className: style$3["".concat(Muiclass, "-logout-jobs-template--btn-actions")] },
                 React.createElement(MainButton, __assign({ buttonSize: "full" }, SignUpButtonStyle, { buttonText: buttonText, onClick: onClick, loadingState: loadingState })),
                 React.createElement(Link, { type: type, href: href, text: text, iconProps: SignInIcon })),
-            React.createElement("div", { className: style$4["".concat(Muiclass, "-logout-jobs-template--social-media")] }, ListIcon && React.createElement(ListIconLink, { size: 34, spacing: 20, listIcon: ListIcon })))));
+            React.createElement("div", { className: style$3["".concat(Muiclass, "-logout-jobs-template--social-media")] }, ListIcon && React.createElement(ListIconLink, { size: 34, spacing: 20, listIcon: ListIcon })))));
 };
 
-var Component$4 = function (_a) {
+var Component$6 = function (_a) {
     var logoutHeaderProps = _a.logoutHeaderProps, headerDrawerMenuProps = _a.headerDrawerMenuProps;
     var _b = useState(false), toggleModal = _b[0], setToggleModal = _b[1];
     return (React.createElement(React.Fragment, null,
         React.createElement(LogoutHeader, __assign({}, logoutHeaderProps, { onMenuClick: function () { return setToggleModal(true); } })),
         React.createElement(DrawerMenu, __assign({}, headerDrawerMenuProps, { isOpen: toggleModal, onClose: function () { return setToggleModal(false); } }))));
 };
-var LogoutTemplate = Component$4;
+var LogoutTemplate = Component$6;
 
 var refreshChildren = function (params, setAppliedOptions) {
     if (!params)
@@ -7875,16 +8010,9 @@ var SortBar = function (_a) {
         React.createElement(MobileSortMenu, { isOpen: showMenu, orderFields: orderFields, orderByText: orderByText, textOrderFilter: textOrderFilter, titleBtnOrder: titleBtnOrder, onClose: function () { return setShowMenu(!showMenu); }, setFilter: setFilter, orderFilter: orderFilter, setShowPopover: setShowMenu })));
 };
 
-var style$3 = {"magneto-ui-mega-menu-tabs":"mg_mega_menu_tabs_magneto-ui-mega-menu-tabs_2d07y"};
-
-var MegaMenuTabs = function () {
-    var tabs = useMegaMenu().socialHeaderProps.tabs;
-    return (React.createElement("div", { className: "".concat(style$3["".concat(classMUI, "-mega-menu-tabs")]) }, tabs.length > 0 && tabs.length > 0 && tabs.map(function (tab, key) { return React.createElement(MegaMenuTab, __assign({ key: key }, tab)); })));
-};
-
 var styles$2 = {"mega-menu-social-header":"mg_mega_menu_social_header_mega-menu-social-header_pptt4","mega-menu-social-header__options":"mg_mega_menu_social_header_mega-menu-social-header_options_pptt4","mega-menu-social-header__blog":"mg_mega_menu_social_header_mega-menu-social-header_blog_pptt4","mega-menu-social-header__help":"mg_mega_menu_social_header_mega-menu-social-header_help_pptt4","mega-menu-social-header__help--hidden":"mg_mega_menu_social_header_mega-menu-social-header_help--hidden_pptt4","mega-menu-social-header__help--button":"mg_mega_menu_social_header_mega-menu-social-header_help--button_pptt4","mega-menu-social-header__help--options":"mg_mega_menu_social_header_mega-menu-social-header_help--options_pptt4","mega-menu-social-header__help--option":"mg_mega_menu_social_header_mega-menu-social-header_help--option_pptt4","mega-menu-social-header__help--option-text":"mg_mega_menu_social_header_mega-menu-social-header_help--option-text_pptt4"};
 
-var Component$3 = function () {
+var Component$5 = function () {
     var _a = useState(false), showHelpOptions = _a[0], setShowHelpOptions = _a[1];
     var _b = useMegaMenuSocialHeader(), helpOptions = _b.helpOptions, blog = _b.blog, helpAction = _b.helpAction;
     var linkButton = useMemo(function () {
@@ -7910,28 +8038,49 @@ var Component$3 = function () {
                     React.createElement("p", null, helpAction.label),
                     React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: ArrowDown2, size: 14 }))))))));
 };
-var MegaMenuSocialHeader = Component$3;
+var MegaMenuSocialHeader = Component$5;
 
-var styles$1 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-header_w5p77","mega-menu-main-header__search":"mg_mega_menu_main_header_mega-menu-main-header_search_w5p77","mega-menu-main-header__login":"mg_mega_menu_main_header_mega-menu-main-header_login_w5p77"};
+var styles$1 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-header_miizb","mega-menu-main-header__main":"mg_mega_menu_main_header_mega-menu-main-header_main_miizb","mega-menu-main-header__menu":"mg_mega_menu_main_header_mega-menu-main-header_menu_miizb","mega-menu-main-header__search":"mg_mega_menu_main_header_mega-menu-main-header_search_miizb","mega-menu-main-header__search-button":"mg_mega_menu_main_header_mega-menu-main-header_search-button_miizb","mega-menu-main-header__login":"mg_mega_menu_main_header_mega-menu-main-header_login_miizb"};
 
-var Component$2 = function () {
-    var _a = useMegaMenuMain(), logoProps = _a.logoProps, searchBarProps = _a.searchBarProps, loginProps = _a.loginProps;
+var Component$4 = function (_a) {
+    var toggleDrawerMenu = _a.toggleDrawerMenu;
+    var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
+    var _c = useMegaMenuMain(), homeUrl = _c.homeUrl, searchBarProps = _c.searchBarProps, loginProps = _c.loginProps;
+    var toggleSearchBar = function () {
+        setShowSearchBar(!showSearchBar);
+    };
+    var renderLogo = useMediaQuery(React.createElement(LogoComponent, __assign({}, logoProps)), {
+        sm: React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))
+    });
+    var LogoutHeaderMobileSearchbar = useMediaQuery(null, {
+        md: (React.createElement(React.Fragment, null, searchBarProps && (React.createElement(MobileSearchbar, __assign({}, searchBarProps, { termValue: searchBarProps.termValue, onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))))
+    });
+    var renderSearchBar = useMediaQuery(React.createElement(React.Fragment, null,
+        searchBarProps && (React.createElement(Searchbar, __assign({ searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton }, searchBarProps))),
+        React.createElement(MegaMenuPopover, null,
+            React.createElement(MegaMenuJobsTabs, null))), {
+        md: searchBarProps && (React.createElement(SearchButton, __assign({ searchValue: searchBarProps.termValue, buttonSize: 'small', onClick: toggleSearchBar, className: styles$1['mega-menu-main-header__search-button'] }, MobileSearchbarButtonProps)))
+    });
+    var LogoutHeaderMenuButton = useMediaQuery(null, {
+        md: React.createElement(MainButton, __assign({}, MenuButtonProps, { className: styles$1['mega-menu-main-header__menu'], onClick: toggleDrawerMenu }))
+    });
+    var loginAction = (React.createElement(Link, { type: 'button', href: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl) || '', text: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText) || '', iconProps: __assign(__assign({}, SignInIcon), { size: 15 }), linkStyles: __assign(__assign({}, SignInStyles), { buttonColor: '#FFFFFF' }) }));
+    var logoutAction = (React.createElement(MainButton, __assign({}, SignUpButtonStyle, { buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText) || '', onClick: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp) || undefined, buttonSize: 'medium', iconProps: __assign(__assign({}, SignUpButtonStyle.iconProps), { size: 15 }) })));
     return (React.createElement("div", { className: styles$1['mega-menu-main-header'] },
-        logoProps && (React.createElement("a", { href: logoProps.url, target: '_blank', rel: "noreferrer" },
-            React.createElement(LogoComponent, { logo: LogoMagneto }))),
-        searchBarProps && (React.createElement("div", { className: styles$1['mega-menu-main-header__search'] },
-            React.createElement(Searchbar, __assign({ searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton }, searchBarProps)),
-            React.createElement(MegaMenuPopover, null,
-                React.createElement(MegaMenuJobsTabs, null)))),
-        loginProps && (React.createElement("div", { className: styles$1['mega-menu-main-header__login'] },
-            React.createElement(Link, { type: 'button', href: loginProps.loginUrl, text: loginProps.loginText, iconProps: __assign(__assign({}, SignInIcon), { size: 15 }), linkStyles: __assign(__assign({}, SignInStyles), { buttonColor: '#FFFFFF' }) }),
-            React.createElement(MainButton, __assign({}, SignUpButtonStyle, { buttonText: loginProps.signUpText, onClick: loginProps.onClickSignUp, buttonSize: 'medium', iconProps: __assign(__assign({}, SignUpButtonStyle.iconProps), { size: 15 }) }))))));
-};
-var MegaMenuMainHeader = Component$2;
+        React.createElement("div", { className: styles$1['mega-menu-main-header__main'] },
+            LogoutHeaderMobileSearchbar,
+            LogoutHeaderMenuButton,
+            React.createElement("a", { href: homeUrl }, renderLogo),
+            React.createElement("div", { className: styles$1['mega-menu-main-header__search'] }, renderSearchBar)),
+        React.createElement("div", { className: styles$1['mega-menu-main-header__login'] },
+            loginAction,
+            logoutAction)));
+};
+var MegaMenuMainHeader = Component$4;
 
 var styles = {"mega-menu":"mg_mega_menu_mega-menu_qjg54","mega-menu__breadcrumb":"mg_mega_menu_mega-menu_breadcrumb_qjg54"};
 
-var Component$1 = function (_a) {
+var Component$3 = function (_a) {
     var breadcrumbsProps = _a.breadcrumbsProps, props = __rest(_a, ["breadcrumbsProps"]);
     return (React.createElement(MegaMenuProvider, __assign({}, props),
         React.createElement("header", { className: styles['mega-menu'] },
@@ -7940,6 +8089,25 @@ var Component$1 = function (_a) {
                 React.createElement(MegaMenuMainHeader, null)),
             React.createElement("div", { className: styles['mega-menu__breadcrumb'] }, breadcrumbsProps && React.createElement(Breadcrumbs, __assign({}, breadcrumbsProps))))));
 };
+var MegaMenuDesktop = Component$3;
+
+var Component$2 = function (_a) {
+    var props = __rest(_a, []);
+    var _b = useState(false), showDrawer = _b[0], setShowDrawer = _b[1];
+    var toogleDrawer = useCallback(function () {
+        setShowDrawer(!showDrawer);
+    }, [showDrawer]);
+    return (React.createElement(MegaMenuProvider, __assign({}, props),
+        React.createElement("header", { className: styles['mega-menu'] },
+            React.createElement("div", { className: styles['mega-menu__main-header'] },
+                React.createElement(MegaMenuMainHeader, { toggleDrawerMenu: toogleDrawer }),
+                React.createElement(MegaMenuDrawer, { isOpen: showDrawer, onClose: toogleDrawer })))));
+};
+var MegaMenuMobile = Component$2;
+
+var Component$1 = function (props) {
+    return useMediaQuery(React.createElement(MegaMenuDesktop, __assign({}, props)), { md: React.createElement(MegaMenuMobile, __assign({}, props)) });
+};
 var MegaMenu = Object.assign(Component$1, {
     Cards: MegaMenuCards,
     Card: MegaMenuCard,
@@ -8127,5 +8295,5 @@ var Component = function (_a) {
 };
 var SuggestedJobsPage = Component;
 
-export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
+export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
 //# sourceMappingURL=index.js.map