magneto365.ui 2.59.1 → 2.59.2

package/dist/esm/index.js

@@ -239,7 +239,7 @@ var useMediaQuery = function (defaultValue, options) {
     return component;
 };
 
-var style$10 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
+var style$11 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
 
 var Component$2A = 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;
@@ -248,11 +248,11 @@ var Component$2A = function (_a) {
         setImageError(true);
     };
     var iconSrc = useMemo(function () { return (!imageError ? icon !== null && icon !== void 0 ? icon : undefined : fallbackIcon); }, [fallbackIcon, imageError, icon]);
-    var isHover = hover ? style$10['magneto-ui-hover'] : '';
+    var isHover = hover ? style$11['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$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 }))));
+    return (React.createElement(Fragment, null, icon && (React.createElement("img", { "data-name": "icon", style: customStyle, className: "".concat(style$11['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
@@ -746,9 +746,9 @@ var ShareLinksAction = function (_a) {
  */
 var Actions = Object.assign(Component$2x, { ShareLinks: ShareLinksAction });
 
-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$10 = {"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-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 Component$2w = function (_a) {
     var text = _a.text, customText = _a.customText, className = _a.className;
@@ -756,7 +756,7 @@ var Component$2w = 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: "custom-text-".concat(index) },
-                React.createElement("span", { className: style$_["".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]);
@@ -772,33 +772,33 @@ var alertIcons$1 = {
 };
 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$$["".concat(classMUI, "-").concat(type, "--with-border")] : '';
-    var typeStyle = style$$["".concat(classMUI, "-").concat(type)];
+    var borderStyle = border ? style$10["".concat(classMUI, "-").concat(type, "--with-border")] : '';
+    var typeStyle = style$10["".concat(classMUI, "-").concat(type)];
     var iconByType = useMemo(function () { return alertIcons$1[type]; }, [type]);
-    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 },
+    return (React.createElement("div", { className: "".concat(style$10["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
+        React.createElement(IconItem, { className: style$10["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
+        React.createElement(Text$1, { text: text, customText: customText, className: style$10["".concat(classMUI, "-text")] }),
+        onClose && (React.createElement("button", { className: style$10["".concat(classMUI, "-close-action")], type: "button", onClick: onClose },
             React.createElement(IconItem, { icon: Close, alt: type }))),
         extraButton));
 };
 var Alert = Component$2v;
 
-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 style$_ = {"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$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")] },
+    return (React.createElement("div", { className: style$_["".concat(Muiclass$5, "-brands")] },
+        React.createElement("div", { className: style$_["".concat(Muiclass$5, "-brands__header")] },
+            React.createElement("div", { className: style$_["".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$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) {
+        React.createElement("div", { className: style$_["".concat(Muiclass$5, "-brands-container")] },
+            React.createElement("div", { className: style$_["".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$Z["".concat(Muiclass$5, "-brands-container__brands--brand")], key: index },
+                return (React.createElement("a", { href: brandUrl, className: style$_["".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)));
             })))));
@@ -822,7 +822,7 @@ var DrawerPortal = function (_a) {
     return mounted && portalNode.current ? ReactDOM.createPortal(children, portalNode.current) : null;
 };
 
-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"};
+var style$Z = {"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')
@@ -869,7 +869,7 @@ var classNames = {
     }
 };
 
-var cx$C = classNames.bind(style$Y);
+var cx$C = classNames.bind(style$Z);
 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];
@@ -897,7 +897,7 @@ var Component$2u = 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$Y[showMenu] },
+            React.createElement("aside", { className: style$Z[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)),
@@ -908,18 +908,18 @@ var Component$2u = function (_a) {
  */
 var MobileDrawer = Component$2u;
 
-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 style$Y = {"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$X['rotate'] : '';
+        return rotate ? style$Y['rotate'] : '';
     }, [rotate]);
-    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) },
+    return (React.createElement("div", { className: style$Y["".concat(Muiclass$4, "-brand-button")] },
+        React.createElement("button", { className: style$Y["".concat(Muiclass$4, "-brand-button__company-logo")], onClick: onClick },
+            React.createElement("img", { className: style$Y["".concat(Muiclass$4, "-brand-button__company-logo--img")], src: companyLogo, alt: companySlug }),
+            React.createElement("span", { className: "".concat(style$Y["".concat(Muiclass$4, "-brand-button__icon")], " ").concat(rotateIcon) },
                 React.createElement(IconItem, { icon: ArrowDown2 })))));
 };
 
@@ -1059,7 +1059,7 @@ var Component$2r = function (_a) {
 };
 var DatePicker = Component$2r;
 
-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 style$X = {"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$2q = function (_a) {
@@ -1098,19 +1098,19 @@ var Component$2q = function (_a) {
         };
     }, [isOpen]);
     return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
-        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("div", { className: "".concat(style$X['magneto-ui-drawer'], " ").concat(style$X[fullDrawer], " ").concat(className) },
+            React.createElement("aside", { className: "".concat(style$X[showDrawer]), style: __assign({ padding: paddingValue }, widthValue) },
+                !hideButton && (React.createElement("button", { className: style$X['magneto-ui-close-button'], onClick: onClose },
                     React.createElement(IconItem, { icon: Add, hover: false }))),
                 children),
-            isOpen && (React.createElement("span", { className: "".concat(style$W[backgroundEffect]), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
+            isOpen && (React.createElement("span", { className: "".concat(style$X[backgroundEffect]), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
 };
 /**
  * Molecule UI component for Drawer
  */
 var Drawer$1 = Component$2q;
 
-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 style$W = {"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;
@@ -1125,22 +1125,22 @@ var EmptyResult = function (_a) {
         }
         var titleWithSearch = (React.createElement("h2", null,
             arrayTitle[0],
-            React.createElement("span", { className: style$V["".concat(classMUI, "-empty-result__info--search")] },
+            React.createElement("span", { className: style$W["".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$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")] },
+    return (React.createElement("main", { className: style$W["".concat(classMUI, "-empty-result")] },
+        React.createElement("span", { className: style$W["".concat(classMUI, "-empty-result__img-container")] },
+            React.createElement("img", { className: style$W["".concat(classMUI, "-empty-result__img-container--img")], src: noResultsImage, alt: "empty-result" })),
+        React.createElement("div", { className: style$W["".concat(classMUI, "-empty-result__info")] },
             React.createElement("div", null,
-                React.createElement("div", { className: style$V["".concat(classMUI, "-empty-result__info--title")] }, emptyCardTitle),
+                React.createElement("div", { className: style$W["".concat(classMUI, "-empty-result__info--title")] }, emptyCardTitle),
                 React.createElement("p", null, noResultsDescription),
                 React.createElement("p", null, noResultsDescriptionTwo)),
-            React.createElement("div", { className: style$V["".concat(classMUI, "-empty-result__tags")] }, filteredOptions.map(function (_a, index) {
+            React.createElement("div", { className: style$W["".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 }));
             })))));
@@ -1349,12 +1349,12 @@ var MobileSideCards = function (_a) {
         React.createElement(MegaMenuSideCards, __assign({}, sideProps))))));
 };
 
-var style$U = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
+var style$V = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
 
 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$U['is-active'] : '';
+    var menuActive = isActive ? style$V['is-active'] : '';
     var toggleDrawer = useCallback(function () {
         setOpenDrawer(!openDrawer);
     }, [openDrawer]);
@@ -1365,22 +1365,22 @@ var Component$2l = function (_a) {
             toggleDrawer();
         }
     }, [content, onClickOption, toggleDrawer]);
-    return (React.createElement("div", { className: "".concat(style$U['mega-menu-drawer-item']) },
-        React.createElement("a", { onClick: anchorAction, className: "".concat(style$U['mega-menu-drawer-item__content'], " ").concat(menuActive), href: url },
-            React.createElement("div", { className: style$U['mega-menu-drawer-item__action'] },
-                React.createElement(IconItem, { className: style$U['mega-menu-drawer-item__action--icon'], icon: icon, hover: false, size: 18 }),
+    return (React.createElement("div", { className: "".concat(style$V['mega-menu-drawer-item']) },
+        React.createElement("a", { onClick: anchorAction, className: "".concat(style$V['mega-menu-drawer-item__content'], " ").concat(menuActive), href: url },
+            React.createElement("div", { className: style$V['mega-menu-drawer-item__action'] },
+                React.createElement(IconItem, { className: style$V['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$U['mega-menu-drawer-item__arrow'], size: 18 })),
+            React.createElement(IconItem, { icon: ArrowRight2, hover: false, className: style$V['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$U['mega-menu-drawer'] },
-        React.createElement("div", { className: style$U['item-drawer__header'] },
-            React.createElement("button", { className: style$U['item-drawer__back'], onClick: toggleDrawer },
-                React.createElement(IconItem, { icon: ArrowLeft2, hover: false, className: style$U['item-drawer__back-arrow'], size: 18 })),
-            React.createElement("p", { className: style$U['item-drawer__title'] }, title)),
-        React.createElement("div", { className: "".concat(style$U['item-drawer__content']) }, content)));
+    return (React.createElement(Drawer$1, { isOpen: isOpen, onClose: function () { return null; }, customPadding: 0, isFull: true, hideButton: true, className: style$V['mega-menu-drawer'] },
+        React.createElement("div", { className: style$V['item-drawer__header'] },
+            React.createElement("button", { className: style$V['item-drawer__back'], onClick: toggleDrawer },
+                React.createElement(IconItem, { icon: ArrowLeft2, hover: false, className: style$V['item-drawer__back-arrow'], size: 18 })),
+            React.createElement("p", { className: style$V['item-drawer__title'] }, title)),
+        React.createElement("div", { className: "".concat(style$V['item-drawer__content']) }, content)));
 };
 var MegaMenuDrawerItem = Object.assign(Component$2l, {
     Drawer: MegaMenuJobsDrawer
@@ -1534,7 +1534,7 @@ var Component$2i = function (_a) {
  */
 var ExpandableInfo = Component$2i;
 
-var style$T = {"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 style$U = {"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;
@@ -1548,16 +1548,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$T["filter-actions__action"], " ").concat(selected == index ? style$T["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$U["filter-actions__action"], " ").concat(selected == index ? style$U["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
     }, [allAction, handleClickAction, selected]);
-    return React.createElement("nav", { className: style$T['filter-actions'] }, actions);
+    return React.createElement("nav", { className: style$U['filter-actions'] }, actions);
 };
 
-var style$S = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
+var style$T = {"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$S["".concat(classMUI, "-filter-container")] }, children);
+    return React.createElement("div", { className: style$T["".concat(classMUI, "-filter-container")] }, children);
 };
 
 var styles$27 = {"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"};
@@ -1646,11 +1646,11 @@ var Component$2g = function (_a) {
  */
 var FrequentSearch = Component$2g;
 
-var style$R = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
+var style$S = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
 
 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$R['header-drawer-company'] },
+    return (React.createElement("div", { className: style$S['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' })));
@@ -1849,7 +1849,7 @@ var InputPlus = function (_a) {
 
 var styles$1Y = {"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$Q = {"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$R = {"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$1X = {"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"};
 
@@ -1864,20 +1864,20 @@ var Tooltip = 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$Q['popover'], !show ? style$Q['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$Q['content'], classNameContent].join(' ') },
+    return (React.createElement(Popover, { className: [style$R['popover'], !show ? style$R['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$R['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$Q['content__link'], onClick: function () { return setShow(false); } },
+                    React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$R['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$Q['content__share'] },
+            React.createElement("li", { className: style$R['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$Q['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$R['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$29.displayName = 'SharePopover';
@@ -1942,7 +1942,7 @@ var Component$27 = function (_a) {
  */
 var JobApplyCard = Component$27;
 
-var style$P = {"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$Q = {"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;
@@ -1953,43 +1953,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$P["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$P[workSeen] : '', " ").concat(jobOpen ? style$P[jobOpen] : '') },
-        !isCompanyPage && (React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row1")] },
-            React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--brand")] },
-                React.createElement("img", { className: style$P["".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$P["".concat(classMUI, "-card-jobs--data")] },
-            React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row2")] },
+    return (React.createElement("article", { onClick: showDetail, className: "".concat(style$Q["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$Q[workSeen] : '', " ").concat(jobOpen ? style$Q[jobOpen] : '') },
+        !isCompanyPage && (React.createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--row1")] },
+            React.createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--brand")] },
+                React.createElement("img", { className: style$Q["".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$Q["".concat(classMUI, "-card-jobs--data")] },
+            React.createElement("div", { className: style$Q["".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$P["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
+                    React.createElement("h2", { className: "".concat(style$Q["".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$P["".concat(classMUI, "-card-jobs--row2__urgent")] },
+                urgent && (React.createElement("div", { className: style$Q["".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$P["".concat(classMUI, "-card-jobs--row3")] },
+            React.createElement("div", { className: style$Q["".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$P["".concat(classMUI, "-card-jobs--row4")] },
+            React.createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--row4")] },
                 React.createElement("p", null, infoRow4))),
-        React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--arrow")] },
+        React.createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--arrow")] },
             React.createElement(IconItem, { icon: ArrowRight2 }))));
 };
 
-var style$O = {"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$P = {"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$O["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$O[workSeen] : '', " ").concat(jobOpen ? style$O[jobOpen] : '') },
-        !isCompanyPage && (React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--row1")] },
-            React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--brand")] },
-                React.createElement("img", { className: style$O["".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$O["".concat(classMUI, "-card-mobile-jobs--data")] },
-            React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--row2")] },
+    return (React.createElement("article", { onClick: showDetail, className: "".concat(style$P["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$P[workSeen] : '', " ").concat(jobOpen ? style$P[jobOpen] : '') },
+        !isCompanyPage && (React.createElement("div", { className: style$P["".concat(classMUI, "-card-mobile-jobs--row1")] },
+            React.createElement("div", { className: style$P["".concat(classMUI, "-card-mobile-jobs--brand")] },
+                React.createElement("img", { className: style$P["".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$P["".concat(classMUI, "-card-mobile-jobs--data")] },
+            React.createElement("div", { className: style$P["".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$O["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
-                React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
+                        React.createElement("h2", { className: "".concat(style$P["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
+                React.createElement("div", { className: style$P["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
                     React.createElement("h3", null,
                         companyName,
                         ","),
@@ -2050,15 +2050,15 @@ var Component$25 = function (_a) {
  */
 var JobDetailCard = Component$25;
 
-var style$N = {"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$O = {"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$N['is-open'] : '';
+        return isOpen ? style$O['is-open'] : '';
     }, [isOpen]);
-    return (React.createElement("div", { className: "".concat(style$N["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
-        React.createElement("button", { type: "button", onClick: onClose, className: style$N["".concat(classMUI, "-job-detail-container--btn")] },
+    return (React.createElement("div", { className: "".concat(style$O["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
+        React.createElement("button", { type: "button", onClick: onClose, className: style$O["".concat(classMUI, "-job-detail-container--btn")] },
             React.createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
         children));
 };
@@ -2207,11 +2207,11 @@ var JobVideo = function (_a) {
         React.createElement(Image, __assign({}, imageProps))));
 };
 
-var style$M = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
+var style$N = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
 
 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$M['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
+    return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$N['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 })));
@@ -2219,27 +2219,27 @@ var Component$20 = function (_a) {
 };
 var ListIconLink = Component$20;
 
-var style$L = {"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$M = {"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$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$L['isActive'] : '';
-    return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$L['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
+    var menuActive = isActive ? style$M['isActive'] : '';
+    return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$M['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$L['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$L['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
+        React.createElement("p", { className: style$M['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$M['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$L['magneto-ui-menu-icon__menu-text'] }, text)))));
+        React.createElement("p", { className: style$M['magneto-ui-menu-icon__menu-text'] }, text)))));
 };
 var MenuIcon = Component$1$;
 
-var style$K = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
+var style$L = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
 
 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$K['mangeto-ui-list-menu-icons'] },
+    return (React.createElement("div", { className: style$L['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;
@@ -2266,23 +2266,23 @@ var Component$1Z = function (_a) {
 };
 var ListMenuItems = Component$1Z;
 
-var style$J = {"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$K = {"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$J["".concat(classMUI, "-list-menu")]) },
-        React.createElement("p", { className: "".concat(style$J["".concat(classMUI, "-list-menu__title")]) }, title),
+    return (React.createElement("div", { className: "".concat(style$K["".concat(classMUI, "-list-menu")]) },
+        React.createElement("p", { className: "".concat(style$K["".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$J["".concat(classMUI, "-list-menu__create-account")]) },
-                    React.createElement("button", { title: tag, className: "".concat(style$J["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
+                ? tag && (React.createElement("div", { key: i, className: "".concat(style$K["".concat(classMUI, "-list-menu__create-account")]) },
+                    React.createElement("button", { title: tag, className: "".concat(style$K["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
                     isLoading && React.createElement(Loading, __assign({}, LoadingProps))))
-                : tag && (React.createElement("a", { className: "".concat(style$J["".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$K["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
         })));
 };
 
-var style$I = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
+var style$J = {"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;
@@ -2290,21 +2290,21 @@ var ListSortMenu = function (_a) {
         setFilter({ key: key });
         setShowPopover(false);
     }, [setFilter, setShowPopover]);
-    return (React.createElement("div", { className: style$I['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
+    return (React.createElement("div", { className: style$J['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$H = {"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$I = {"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$H["".concat(classMUI, "-magneto-resolution")]) },
-        React.createElement("img", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
-        React.createElement("p", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution__text")]) },
+    return (React.createElement("div", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution")]) },
+        React.createElement("img", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
+        React.createElement("p", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__text")]) },
             resolutionText,
-            React.createElement("a", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
+            React.createElement("a", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
 };
 
 var styles$1O = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
@@ -2344,7 +2344,7 @@ var MegaMenuCard = function (_a) {
         arrow));
 };
 
-var style$G = {"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$H = {"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: {
@@ -2405,20 +2405,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$G["mega-menu-jobs-tabs__container"]) },
+    return (React.createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__container"]) },
         React.createElement("nav", null,
-            React.createElement("ul", { className: "".concat(style$G["mega-menu-jobs-tabs"]) },
+            React.createElement("ul", { className: "".concat(style$H["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$G["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$G["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
+                            React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$H["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$H["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
                     }),
                 React.createElement(Divider, { direction: 'VERTICAL' }),
                 React.createElement("li", null,
                     React.createElement(SearchItem, { tag: (_a = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.label) !== null && _a !== void 0 ? _a : '', url: (_b = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.url) !== null && _b !== void 0 ? _b : '' })))),
         React.createElement(Divider, null),
-        React.createElement("div", { className: "".concat(style$G["mega-menu-jobs-tabs__content"]) }, content)));
+        React.createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__content"]) }, content)));
 };
 
 var styles$1L = {"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"};
@@ -2450,7 +2450,7 @@ var MegaMenuPopover = function (_a) {
                 } }, children))));
 };
 
-var style$F = {"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 style$G = {"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 MegaMenuSideCards = function (_a) {
     var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, initValue = _a.initValue, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b, cardsRef = _a.cardsRef;
@@ -2462,12 +2462,12 @@ var MegaMenuSideCards = function (_a) {
     useImperativeHandle(cardsRef, function () { return ({
         setSelectedCard: function (index) { return setSelected(index); }
     }); });
-    return (React.createElement("ul", { className: "".concat(style$F["mega-menu-side-cards"]) },
+    return (React.createElement("ul", { className: "".concat(style$G["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$F["mega-menu-side-cards__card"], " ").concat(selected == key ? style$F["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
+                React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$G["mega-menu-side-cards__card"], " ").concat(selected == key ? style$G["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$F["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
+            React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$G["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
 };
 
 var styles$1K = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
@@ -2748,11 +2748,11 @@ var Pagination = function (_a) {
         last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
 };
 
-var style$E = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
+var style$F = {"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$E["".concat(classMUI, "-rights-reserved")]) },
+    return (React.createElement("div", { className: "".concat(style$F["".concat(classMUI, "-rights-reserved")]) },
         React.createElement("p", null, magnetoRightsText)));
 };
 
@@ -2889,7 +2889,7 @@ var SimilarJobsCard = function (_a) {
         React.createElement(IconItem, { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
 };
 
-var style$D = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
+var style$E = {"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;
@@ -2902,8 +2902,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$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("button", { className: "".concat(style$E['magneto-ui-btn-menu'], " ").concat(loading && style$E.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
+            React.createElement("p", { className: style$E['magneto-ui-btn-text'] }, textOrderFilter),
             React.createElement(IconItem, __assign({}, menuSortButton)))));
 };
 var SortMenu$1 = withClickOut(SortMenu);
@@ -2946,7 +2946,7 @@ var TextArea = function (_a) {
             hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
 };
 
-var style$C = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_1jv11","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_1jv11","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_1jv11","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_1jv11","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_1jv11","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_1jv11","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_1jv11","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_1jv11","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_1jv11","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_1jv11","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_1jv11","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_1jv11","checked":"mg_timeline_event_checked_1jv11","current":"mg_timeline_event_current_1jv11","blocked":"mg_timeline_event_blocked_1jv11"};
+var style$D = {"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,
@@ -2956,15 +2956,15 @@ var timelineIcons = {
 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$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 titleStyle = style$D["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
+    var subtitleStyle = style$D["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
+    return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$D["".concat(classMUI, "-timeline-event")] },
+        React.createElement("div", { className: style$D["".concat(classMUI, "-timeline-event__icon")] },
+            React.createElement("div", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$D[status]) }),
+            React.createElement(IconItem, { className: style$D["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
+        React.createElement("div", { className: style$D["".concat(classMUI, "-timeline-event__text")] },
+            React.createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
+            React.createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
 };
 var TimelineEvent = Component$1P;
 
@@ -3382,6 +3382,22 @@ var SimilarCard = Object.assign(Component$1y, {
     Icon: SimilarCardIcon
 });
 
+var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
+
+var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
+
+var NoData = "https://static.magneto365.com/lib/assets/gif/f106e872354f9e4b.gif";
+
+var style$C = {"mega-menu-empty":"mg_mega_menu_empty_mega-menu-empty_ms4x7","mega-menu-empty__title":"mg_mega_menu_empty_mega-menu-empty_title_ms4x7","mega-menu-empty__subtitle":"mg_mega_menu_empty_mega-menu-empty_subtitle_ms4x7","mega-menu-empty__image":"mg_mega_menu_empty_mega-menu-empty_image_ms4x7"};
+
+var MegaMenuEmpty = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle;
+    return (React.createElement("div", { className: style$C['mega-menu-empty'] },
+        React.createElement("h4", { className: style$C['mega-menu-empty__title'] }, title),
+        React.createElement("p", { className: style$C['mega-menu-empty__subtitle'] }, subtitle),
+        React.createElement("img", { className: style$C['mega-menu-empty__image'], src: NoData, height: 170 })));
+};
+
 var ModalPortal = function (_a) {
     var children = _a.children;
     var portalNode = useRef(null);
@@ -5775,7 +5791,8 @@ var MagnetoSocialMedia = function (_a) {
 var style$n = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_4a8aq","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_4a8aq","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_4a8aq","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_4a8aq","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_4a8aq"};
 
 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 _b;
+    var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className, filterProps = _a.filterProps, _c = _a.maxCards, maxCards = _c === void 0 ? 39 : _c;
     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"]) })))), {
@@ -5787,7 +5804,7 @@ var MegaMenuCards = function (_a) {
         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$n["mega-menu-cards__action"]) }))));
+        action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: (_b = action.target) !== null && _b !== void 0 ? _b : '_self', 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"};
@@ -5993,10 +6010,6 @@ var SwipeMode;
     SwipeMode["LEFT"] = "LEFT";
 })(SwipeMode || (SwipeMode = {}));
 
-var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
-
-var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
-
 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) {
@@ -8364,5 +8377,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$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, Notification, 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, withMegaMenuSideCards };
+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, MegaMenuEmpty, 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, Notification, 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, withMegaMenuSideCards };
 //# sourceMappingURL=index.js.map