magneto365.ui 2.46.0 → 2.48.0

package/dist/esm/index.js

@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
 
 var style$Y = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
 
-var Component$1T = function (_a) {
+var Component$1$ = 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 () {
@@ -257,9 +257,9 @@ var Component$1T = function (_a) {
 /**
  * Atom UI component of Icon for general purpose
  */
-var IconItem = Component$1T;
+var IconItem = Component$1$;
 
-var styles$1Q = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
+var styles$1X = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
 
 var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
 
@@ -267,6 +267,12 @@ var Add2 = "https://static.magneto365.com/lib/assets/4a5507815cef1554.svg";
 
 var AddSquareBlackOutline = "https://static.magneto365.com/lib/assets/7802bad8f709827a.svg";
 
+var AnimatedSpinnerBlack = "https://static.magneto365.com/lib/assets/gif/6f5219c0a4f28bcb.gif";
+
+var AnimatedSpinnerBlue = "https://static.magneto365.com/lib/assets/gif/e67f4a6ee6def0b9.gif";
+
+var AnimatedSpinnerWhite = "https://static.magneto365.com/lib/assets/gif/7ca5635f07345351.gif";
+
 var AppGallery = "https://static.magneto365.com/lib/assets/9b6593bf9428b372.svg";
 
 var AppStore = "https://static.magneto365.com/lib/assets/3a0538b69a09a4d4.svg";
@@ -287,6 +293,8 @@ var ArrowLeft2 = "https://static.magneto365.com/lib/assets/6db655a0b81727ca.svg"
 
 var ArrowRight2 = "https://static.magneto365.com/lib/assets/ce1843403fbc32ff.svg";
 
+var ArrowRightWhite = "https://static.magneto365.com/lib/assets/cc2f903ba305015e.svg";
+
 var ArrowSwapVertical = "https://static.magneto365.com/lib/assets/11314346afd968cf.svg";
 
 var BookBlueBold = "https://static.magneto365.com/lib/assets/1d63e2974f98ed3e.svg";
@@ -313,6 +321,14 @@ var Clock = "https://static.magneto365.com/lib/assets/4219aa1f11a79041.svg";
 
 var Close = "https://static.magneto365.com/lib/assets/2cb852fd568fb219.svg";
 
+var CloseCircle = "https://static.magneto365.com/lib/assets/8cfd4406b512a517.svg";
+
+var CloseCircleRedBold = "https://static.magneto365.com/lib/assets/216605c9a4ba8eeb.svg";
+
+var CoinBlackOutline = "https://static.magneto365.com/lib/assets/360b8d098be3a53b.svg";
+
+var Danger = "https://static.magneto365.com/lib/assets/9a7bd42035ea607a.svg";
+
 var DocTextBlueBold = "https://static.magneto365.com/lib/assets/534ed15cadd2c1e2.svg";
 
 var DocTextWhiteOutline = "https://static.magneto365.com/lib/assets/7b6b8e384fddcfc0.svg";
@@ -331,14 +347,16 @@ var Email = "https://static.magneto365.com/lib/assets/cf21f45748f93b42.svg";
 
 var Error = "https://static.magneto365.com/lib/assets/b62119b52c5e0b45.svg";
 
-var EyeSlash = "https://static.magneto365.com/lib/assets/a278e6e28b3d750f.svg";
-
 var Export3 = "https://static.magneto365.com/lib/assets/d05dd8c8cf5dfdda.svg";
 
+var EyeSlash = "https://static.magneto365.com/lib/assets/a278e6e28b3d750f.svg";
+
 var Facebook = "https://static.magneto365.com/lib/assets/9afcd1285c3a80b9.svg";
 
 var FacebookBlue = "https://static.magneto365.com/lib/assets/2f78889c67998b03.svg";
 
+var FacebookSolid = "https://static.magneto365.com/lib/assets/8700e9c7eda0bc6f.svg";
+
 var GooglePlay = "https://static.magneto365.com/lib/assets/559d947a07ad523b.svg";
 
 var GridBlueBold = "https://static.magneto365.com/lib/assets/61110a805c116e35.svg";
@@ -365,8 +383,12 @@ var ImageWhiteOutline = "https://static.magneto365.com/lib/assets/2d1479bc672d97
 
 var Info = "https://static.magneto365.com/lib/assets/ae6472919de3f2cd.svg";
 
+var InfoCircleBlueBold = "https://static.magneto365.com/lib/assets/53122d74f38b05ed.svg";
+
 var Instagram = "https://static.magneto365.com/lib/assets/2f6e7422de96c0e8.svg";
 
+var InstagramSolid = "https://static.magneto365.com/lib/assets/b0d4cd86c4b553f3.svg";
+
 var IsoLogoMagneto = "https://static.magneto365.com/lib/assets/e121976c355f1394.svg";
 
 var IsoLogoMagnetoDark = "https://static.magneto365.com/lib/assets/7e60e6c4b8305a5e.svg";
@@ -377,6 +399,8 @@ var Linkedin = "https://static.magneto365.com/lib/assets/86746fb681bfc4fe.svg";
 
 var LinkedInBlue = "https://static.magneto365.com/lib/assets/cff89749dd038dca.svg";
 
+var LinkedinSolid = "https://static.magneto365.com/lib/assets/e064bafd7de57824.svg";
+
 var Location = "https://static.magneto365.com/lib/assets/1d2b2fdbb7ac3a22.svg";
 
 var Lock = "https://static.magneto365.com/lib/assets/1b4ef239451a4e2a.svg";
@@ -417,6 +441,8 @@ var PeopleWhiteOutline = "https://static.magneto365.com/lib/assets/c74040badfa68
 
 var ProfileAdd = "https://static.magneto365.com/lib/assets/a35333dc3f36808a.svg";
 
+var QuestionCircle = "https://static.magneto365.com/lib/assets/26163b1c4adfad74.svg";
+
 var RedoDarkBlue = "https://static.magneto365.com/lib/assets/4cf47c41aa26c92f.svg";
 
 var Refresh = "https://static.magneto365.com/lib/assets/ccf7b78b6ea5c7b1.svg";
@@ -435,6 +461,8 @@ var SettingWhiteOutline = "https://static.magneto365.com/lib/assets/aa52049cee4a
 
 var Share = "https://static.magneto365.com/lib/assets/2349a66212a9afeb.svg";
 
+var ShoppingCartBlueOutline = "https://static.magneto365.com/lib/assets/bdaa69e0d22124aa.svg";
+
 var SmallClose = "https://static.magneto365.com/lib/assets/08aa49c5bd43a865.svg";
 
 var SMSBlue = "https://static.magneto365.com/lib/assets/b7ccde33a6f717b4.svg";
@@ -449,8 +477,12 @@ var TaskBlueBold = "https://static.magneto365.com/lib/assets/546c3401e6c1ab39.sv
 
 var TaskWhiteOutline = "https://static.magneto365.com/lib/assets/e8987356bcb0eb69.svg";
 
+var TickCircleGreenBold = "https://static.magneto365.com/lib/assets/b7c5dd6900f044db.svg";
+
 var Tiktok = "https://static.magneto365.com/lib/assets/f3e3f11bce735190.svg";
 
+var TiktokSolid = "https://static.magneto365.com/lib/assets/6fb8b692c5ce240a.svg";
+
 var Trash = "https://static.magneto365.com/lib/assets/bb5696a688793d1a.svg";
 
 var TwitterBlue = "https://static.magneto365.com/lib/assets/af2e6d20e352c9ec.svg";
@@ -469,51 +501,33 @@ var UserSearchWhiteOutline = "https://static.magneto365.com/lib/assets/eb30208cb
 
 var Warning = "https://static.magneto365.com/lib/assets/bfab45bdc4d8d900.svg";
 
+var WarningYellowBold = "https://static.magneto365.com/lib/assets/8949e8e4bfb2ef16.svg";
+
 var WhatsAppColor = "https://static.magneto365.com/lib/assets/75c50160036c6fdf.svg";
 
+var WhatsAppDark = "https://static.magneto365.com/lib/assets/7fda674d8825bc06.svg";
+
 var X = "https://static.magneto365.com/lib/assets/fbfcab4deaf2d769.svg";
 
 var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
 
-var AnimatedSpinnerWhite = "https://static.magneto365.com/lib/assets/gif/7ca5635f07345351.gif";
-
-var AnimatedSpinnerBlack = "https://static.magneto365.com/lib/assets/gif/6f5219c0a4f28bcb.gif";
-
-var AnimatedSpinnerBlue = "https://static.magneto365.com/lib/assets/gif/e67f4a6ee6def0b9.gif";
-
-var CloseCircle = "https://static.magneto365.com/lib/assets/8cfd4406b512a517.svg";
-
-var Danger = "https://static.magneto365.com/lib/assets/9a7bd42035ea607a.svg";
-
-var InstagramSolid = "https://static.magneto365.com/lib/assets/b0d4cd86c4b553f3.svg";
-
-var FacebookSolid = "https://static.magneto365.com/lib/assets/8700e9c7eda0bc6f.svg";
-
-var LinkedinSolid = "https://static.magneto365.com/lib/assets/e064bafd7de57824.svg";
-
-var TiktokSolid = "https://static.magneto365.com/lib/assets/6fb8b692c5ce240a.svg";
-
 var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
 
-var QuestionCircle = "https://static.magneto365.com/lib/assets/26163b1c4adfad74.svg";
-
-var ArrowRightWhite = "https://static.magneto365.com/lib/assets/cc2f903ba305015e.svg";
-
-var Component$1S = function (_a) {
+var Component$1_ = 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 () {
         setImageError(true);
     };
-    return (React.createElement("div", { className: styles$1Q.avatarComponent, onClick: onClick },
+    return (React.createElement("div", { className: styles$1X.avatarComponent, onClick: onClick },
         userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
-        (!userImage || imageError) && (React.createElement("div", { className: styles$1Q['magneto-ui-default-avatar'] },
+        (!userImage || imageError) && (React.createElement("div", { className: styles$1X['magneto-ui-default-avatar'] },
             React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
 };
 /**
  * UI Atom component of Avatar
  */
-var Avatar = Component$1S;
+var Avatar = Component$1_;
 
 var BAR_LOADER_PREFIX = '--bar-loader';
 
@@ -542,7 +556,7 @@ function parseDate(value) {
 }
 
 var monthOptionsValue = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-var _a$3 = generateYearArray(), yearsArray = _a$3.yearsArray, yearsArrayToString = _a$3.yearsArrayToString;
+var _a$5 = generateYearArray(), yearsArray = _a$5.yearsArray, yearsArrayToString = _a$5.yearsArrayToString;
 //Story const
 var months = [
     'January',
@@ -630,9 +644,9 @@ var SignUpButtonStyle = {
     }
 };
 
-var styles$1P = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
+var styles$1W = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
 
-var styles$1O = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
+var styles$1V = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
 
 var ShareIcons = {
     Facebook: {
@@ -652,7 +666,7 @@ var ShareIcons = {
     }
 };
 
-var Component$1R = function (_a) {
+var Component$1Z = 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 ({
@@ -665,46 +679,46 @@ var Component$1R = function (_a) {
     };
     if (component)
         return component;
-    return (React.createElement("div", { className: styles$1O['magneto-ui-actions'] },
-        React.createElement("div", { id: styles$1O['magneto-ui__external-child'] }, externalButtonChild),
+    return (React.createElement("div", { className: styles$1V['magneto-ui-actions'] },
+        React.createElement("div", { id: styles$1V['magneto-ui__external-child'] }, externalButtonChild),
         React.createElement(SaveButton, __assign({}, saveButtonProps)),
-        React.createElement("button", { className: styles$1O['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
+        React.createElement("button", { className: styles$1V['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
                 return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
             } },
             React.createElement(IconItem, { size: 20, icon: Share }),
             shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
         actionsLinkList.map(function (_a, index) {
             var url = _a.url, text = _a.text, Icon = _a.Icon;
-            return (React.createElement("a", { className: styles$1O['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
+            return (React.createElement("a", { className: styles$1V['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
                 React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
                 React.createElement("p", { key: index }, text)));
         }),
-        React.createElement("div", { className: styles$1O['magneto-ui-actions__header'] },
-            React.createElement("p", { className: styles$1O['magneto-ui-actions__header-title'] }, ActionsHeader),
-            offerCompanyName ? React.createElement("p", { className: styles$1O['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
+        React.createElement("div", { className: styles$1V['magneto-ui-actions__header'] },
+            React.createElement("p", { className: styles$1V['magneto-ui-actions__header-title'] }, ActionsHeader),
+            offerCompanyName ? React.createElement("p", { className: styles$1V['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
 };
 var ShareLinksAction = function (_a) {
     var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
-    return (React.createElement("div", { className: styles$1O['magneto-ui-actions'] },
-        React.createElement(ShareButton, __assign({ className: styles$1O['magneto-ui-actions__share'] }, shareProps)),
+    return (React.createElement("div", { className: styles$1V['magneto-ui-actions'] },
+        React.createElement(ShareButton, __assign({ className: styles$1V['magneto-ui-actions__share'] }, shareProps)),
         shareLinks.map(function (_a, index) {
             var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
-            return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$1O['magneto-ui-actions__link'], styles$1O['magneto-ui-actions__link--no-decorator']].join(' ') },
+            return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$1V['magneto-ui-actions__link'], styles$1V['magneto-ui-actions__link--no-decorator']].join(' ') },
                 React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
                 React.createElement("span", null, title)));
         }),
-        React.createElement("div", { className: styles$1O['magneto-ui-actions__header'] },
-            React.createElement("p", { className: styles$1O['magneto-ui-actions__header-title'] }, ActionsHeader),
-            offerCompanyName ? React.createElement("p", { className: styles$1O['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
-        React.createElement("div", { className: styles$1O['magneto-ui-actions__back'] },
-            React.createElement("button", { className: styles$1O['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
+        React.createElement("div", { className: styles$1V['magneto-ui-actions__header'] },
+            React.createElement("p", { className: styles$1V['magneto-ui-actions__header-title'] }, ActionsHeader),
+            offerCompanyName ? React.createElement("p", { className: styles$1V['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
+        React.createElement("div", { className: styles$1V['magneto-ui-actions__back'] },
+            React.createElement("button", { className: styles$1V['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
                 React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
             backText)));
 };
 /**
  * UI Molecule componet of Actions
  */
-var Actions = Object.assign(Component$1R, { ShareLinks: ShareLinksAction });
+var Actions = Object.assign(Component$1Z, { ShareLinks: ShareLinksAction });
 
 var style$X = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
 
@@ -730,7 +744,7 @@ var alertIcons = {
     warning: Warning,
     error: Error
 };
-var Component$1Q = function (_a) {
+var Component$1Y = function (_a) {
     var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
     var borderStyle = border ? style$X["".concat(classMUI, "-").concat(type, "--with-border")] : '';
     var typeStyle = style$X["".concat(classMUI, "-").concat(type)];
@@ -742,7 +756,7 @@ var Component$1Q = function (_a) {
             React.createElement(IconItem, { icon: Close, alt: type }))),
         extraButton));
 };
-var Alert = Component$1Q;
+var Alert = Component$1Y;
 
 var style$V = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
 
@@ -784,7 +798,7 @@ var DrawerPortal = function (_a) {
 
 var style$U = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_kxkzo","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_kxkzo","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_kxkzo","background-drawer":"mg_mobile_drawer_background-drawer_kxkzo","fadeIn":"mg_mobile_drawer_fadeIn_kxkzo","show":"mg_mobile_drawer_show_kxkzo","hidden":"mg_mobile_drawer_hidden_kxkzo"};
 
-var Component$1P = function (_a) {
+var Component$1X = 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];
@@ -820,7 +834,7 @@ var Component$1P = function (_a) {
 /**
  * Molecule UI component for Mobile Drawer
  */
-var MobileDrawer = Component$1P;
+var MobileDrawer = Component$1X;
 
 var style$T = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
 
@@ -876,11 +890,11 @@ var BrandsMenuPopover = function (_a) {
 };
 var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
 
-var styles$1N = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
+var styles$1U = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
 
-var Component$1O = function (_a) {
+var Component$1W = function (_a) {
     var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
-    return (React.createElement("div", { className: styles$1N.BreadcrumbsComponent },
+    return (React.createElement("div", { className: styles$1U.BreadcrumbsComponent },
         React.createElement("a", { href: homeUrl },
             React.createElement(IconItem, __assign({}, iconProps))),
         breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
@@ -888,52 +902,52 @@ var Component$1O = function (_a) {
 /**
  * Molecule UI component for breadcrums information
  */
-var Breadcrumbs = Component$1O;
+var Breadcrumbs = Component$1W;
 
-var styles$1M = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
+var styles$1T = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
 
 var CitiesDetailDrawer = function (_a) {
     var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
-    return (React.createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-icon'] },
+    return (React.createElement("div", { className: styles$1T['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles$1T['magneto-ui-cities-detail-drawer__item-detail-icon'] },
             React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
-        React.createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-text'] },
-            isRemote && (React.createElement("p", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
+        React.createElement("div", { className: styles$1T['magneto-ui-cities-detail-drawer__item-detail-text'] },
+            isRemote && (React.createElement("p", { className: styles$1T['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
             cities &&
                 cities.map(function (_a, index) {
                     var name = _a.name, url = _a.url, title = _a.title;
-                    return (React.createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
+                    return (React.createElement("div", { className: styles$1T['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
                         url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
                         index !== cities.length - 1 && React.createElement("span", null, ' - ')));
                 })))) : null));
 };
 
-var styles$1L = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
+var styles$1S = {"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$1N = function (_a) {
+var Component$1V = 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)
-            return (React.createElement(IconItem, { className: styles$1L['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
+            return (React.createElement(IconItem, { className: styles$1S['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
         return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
     }, [disabled]);
-    return (React.createElement("div", { className: styles$1L['magneto-ui--date-dropdown__wrapper'] },
-        React.createElement("select", { className: styles$1L["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
-            React.createElement("option", { className: styles$1L['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
+    return (React.createElement("div", { className: styles$1S['magneto-ui--date-dropdown__wrapper'] },
+        React.createElement("select", { className: styles$1S["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
+            React.createElement("option", { className: styles$1S['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
             dateOptions.map(function (_a) {
                 var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
-                return (React.createElement("option", { className: styles$1L['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
+                return (React.createElement("option", { className: styles$1S['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
             })),
-        React.createElement("span", { className: styles$1L['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
+        React.createElement("span", { className: styles$1S['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
 };
-var DateDropdown = Component$1N;
+var DateDropdown = Component$1V;
 
-var styles$1K = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
+var styles$1R = {"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$1M = function (_a) {
+var Component$1U = 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];
@@ -967,16 +981,16 @@ var Component$1M = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [disabled]);
-    return (React.createElement("div", { className: styles$1K['magneto-ui--date-picker__wrapper'] },
+    return (React.createElement("div", { className: styles$1R['magneto-ui--date-picker__wrapper'] },
         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$1M;
+var DatePicker = Component$1U;
 
 var style$S = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
 
 var DEFAULT_PADDING = 20;
-var Component$1L = function (_a) {
+var Component$1T = 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");
@@ -1022,7 +1036,7 @@ var Component$1L = function (_a) {
 /**
  * Molecule UI component for Drawer
  */
-var Drawer = Component$1L;
+var Drawer = Component$1T;
 
 var style$R = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
 
@@ -1060,11 +1074,373 @@ var EmptyResult = function (_a) {
             })))));
 };
 
-var style$Q = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
+var EExpandableInfoActionVariant;
+(function (EExpandableInfoActionVariant) {
+    EExpandableInfoActionVariant["DARK_BLUE"] = "dark-blue";
+    EExpandableInfoActionVariant["LIGHT_BLUE"] = "light-blue";
+    EExpandableInfoActionVariant["WHITE"] = "white";
+    EExpandableInfoActionVariant["GREEN"] = "green";
+})(EExpandableInfoActionVariant || (EExpandableInfoActionVariant = {}));
+
+var _a$4, _b$1, _c;
+var EXPANDABLE_INFO_ACTION_ICONS = {
+    shoppingCart: (_a$4 = {},
+        _a$4[EExpandableInfoActionVariant.LIGHT_BLUE] = ShoppingCartBlueOutline,
+        _a$4),
+    coin: (_b$1 = {},
+        _b$1[EExpandableInfoActionVariant.DARK_BLUE] = DollarCircleWhiteOutline,
+        _b$1[EExpandableInfoActionVariant.WHITE] = CoinBlackOutline,
+        _b$1),
+    loading: (_c = {},
+        _c[EExpandableInfoActionVariant.DARK_BLUE] = AnimatedSpinnerWhite,
+        _c[EExpandableInfoActionVariant.GREEN] = AnimatedSpinnerBlue,
+        _c[EExpandableInfoActionVariant.LIGHT_BLUE] = AnimatedSpinnerBlue,
+        _c[EExpandableInfoActionVariant.WHITE] = AnimatedSpinnerBlack,
+        _c)
+};
+
+var styles$1Q = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_11ax1","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_11ax1","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_11ax1","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_11ax1","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_11ax1","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_11ax1"};
+
+var Component$1S = 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]);
+    var componentProps = useMemo(function () {
+        var className = CNM.get({
+            styles: styles$1Q,
+            cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
+        });
+        if (isUrl)
+            return { className: className, href: onAction };
+        return {
+            className: className,
+            onClick: onAction
+        };
+    }, [isUrl, onAction, variant]);
+    var icon = useCallback(function (icon) {
+        if (loading) {
+            return EXPANDABLE_INFO_ACTION_ICONS.loading[variant];
+        }
+        if (icon) {
+            if (Object.keys(EXPANDABLE_INFO_ACTION_ICONS).includes(icon)) {
+                return EXPANDABLE_INFO_ACTION_ICONS[icon][variant];
+            }
+            return icon;
+        }
+        return;
+    }, [loading, variant]);
+    return (React.createElement("div", { className: CNM.get({ styles: styles$1Q, cls: ['expandable-info-action', className] }) },
+        React.createElement("div", { className: CNM.get({ styles: styles$1Q, cls: ['expandable-info-action__container'] }) },
+            React.createElement(Component, __assign({}, componentProps),
+                (prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
+                React.createElement("span", { className: CNM.get({ styles: styles$1Q, cls: ['expandable-info-action__title'] }) }, title),
+                suffixIcon && React.createElement(IconItem, __assign({ size: 18 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
+};
+/**
+ * Molecule UI child component of expandable info
+ */
+var ExpandableInfoAction = Component$1S;
+
+var styles$1P = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1l94q","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1l94q","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1l94q","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1l94q","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1l94q","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1l94q","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1l94q","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1l94q","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1l94q","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1l94q","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1l94q"};
+
+var Component$1R = function (_a) {
+    var sections = _a.sections, footer = _a.footer;
+    var sectionStyles = useCallback(function (multiple) {
+        return CNM.get({
+            styles: styles$1P,
+            cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
+        });
+    }, []);
+    var subSectionStyles = useCallback(function (initial) {
+        return CNM.get({
+            styles: styles$1P,
+            cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
+        });
+    }, []);
+    var itemStyles = useCallback(function (first) {
+        return CNM.get({
+            styles: styles$1P,
+            cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
+        });
+    }, []);
+    var textStyles = useCallback(function (bold) {
+        return CNM.get({
+            styles: styles$1P,
+            cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
+        });
+    }, []);
+    return (React.createElement("div", { className: CNM.get({ styles: styles$1P, cls: ['expandable-info-details'] }) },
+        React.createElement("div", { className: CNM.get({ styles: styles$1P, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
+            sections.map(function (section, index) {
+                var _a, _b;
+                return (React.createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
+                    var _a;
+                    return (React.createElement("div", { key: "eidss-".concat(subIndex), className: subSectionStyles(index === 0) },
+                        React.createElement("div", { className: itemStyles(index === 0) },
+                            React.createElement("span", { className: textStyles(true) }, subSection.title),
+                            React.createElement("span", { className: textStyles(false) }, subSection.summary)),
+                        React.createElement("div", null, (_a = subSection.content) === null || _a === void 0 ? void 0 : _a.map(function (content, lastIndex) { return (React.createElement("div", { key: "eidsi-".concat(lastIndex), className: itemStyles(false) },
+                            React.createElement("span", { className: textStyles(false) }, content.title),
+                            React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
+                })));
+            }),
+            (footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$1P, cls: ['expandable-info-details__footer'] }) },
+                React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1P, cls: ['expandable-info-details__action'] }) }))))));
+};
+/**
+ * Molecule UI child component of expandable info
+ */
+var ExpandableInfoDetails = Component$1R;
+
+var EExpandableInfoVariant;
+(function (EExpandableInfoVariant) {
+    EExpandableInfoVariant["BLUE"] = "blue";
+    EExpandableInfoVariant["WHITE"] = "white";
+})(EExpandableInfoVariant || (EExpandableInfoVariant = {}));
+var EExpandableInfoSize;
+(function (EExpandableInfoSize) {
+    EExpandableInfoSize["SMALL"] = "small";
+    EExpandableInfoSize["LARGE"] = "large";
+})(EExpandableInfoSize || (EExpandableInfoSize = {}));
+
+var _a$3;
+var EXPANDABLE_INFO_MESSAGE_ICONS = {
+    warning: (_a$3 = {},
+        _a$3[EExpandableInfoVariant.BLUE] = Warning,
+        _a$3[EExpandableInfoVariant.WHITE] = Danger,
+        _a$3)
+};
+
+var styles$1O = {"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$1Q = function (_a) {
+    var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
+    var icon = useCallback(function (icon) {
+        if (icon) {
+            if (Object.keys(EXPANDABLE_INFO_MESSAGE_ICONS).includes(icon) && variant) {
+                return EXPANDABLE_INFO_MESSAGE_ICONS[icon][variant];
+            }
+            return icon;
+        }
+        return;
+    }, [variant]);
+    if (!title)
+        return null;
+    return (React.createElement("div", { className: CNM.get({ styles: styles$1O, cls: ['expandable-info-message', className] }) },
+        React.createElement("div", { className: CNM.get({ styles: styles$1O, cls: ['expandable-info-message__container'] }) },
+            prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
+            React.createElement("span", { className: CNM.get({
+                    styles: styles$1O,
+                    cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
+                }) }, title))));
+};
+/**
+ * Molecule UI child component of expandable info
+ */
+var ExpandableInfoMessage = Component$1Q;
+
+var styles$1N = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_mka0n"};
+
+var Component$1P = function (_a) {
+    var toggler = _a.toggler, details = _a.details;
+    var _b = useState(false), visible = _b[0], setVisible = _b[1];
+    var handleOnToggle = useCallback(function () {
+        setVisible(function (prev) { return !prev; });
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
+        React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1N, cls: ['expandable-info-modal'] }) },
+            React.createElement(ExpandableInfoDetails, __assign({}, details)))));
+};
+/**
+ * Molecule UI child component of expandable info
+ */
+var ExpandableInfoModal = Component$1P;
+
+var styles$1M = {"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$Q = {"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 styles$1L = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
+
+var Image = function (_a) {
+    var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
+        playIcon && React.createElement("div", { className: styles$1L['magneto-ui-play-button'] }, playIcon)));
+};
+
+var styles$1K = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_198ar","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_198ar","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_198ar","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_198ar","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_198ar","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_198ar"};
+
+var MegaMenuCard = function (_a) {
+    var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
+    var handleClick = useCallback(function (event) {
+        if (onClick != null) {
+            event.preventDefault();
+            onClick();
+        }
+    }, [onClick]);
+    return (React.createElement("a", { className: "".concat(styles$1K["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
+        icon && (React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__icon"] },
+            React.createElement(IconItem, { icon: icon, size: 16 }))),
+        logo && (React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__logo"] },
+            React.createElement(Image, { image: logo, alt: 'logo', className: styles$1K["magneto-ui-mega-menu-card__logo"] }))),
+        React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__content"] },
+            React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__title"] }, title),
+            React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas, " cupos"))),
+        showRigthArrow && (React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__arrow"] },
+            React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
+};
+
+var MegaMenuSideCards = function (_a) {
+    var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard;
+    var _b = useState(0), selected = _b[0], setSelected = _b[1];
+    var handleClick = useCallback(function (index) { return function () {
+        setSelected(index);
+        onSelectCard && onSelectCard(index);
+    }; }, [onSelectCard]);
+    return (React.createElement("ul", { className: "".concat(style$Q["mega-menu-side-cards"]) },
+        jobs &&
+            jobs.slice(0, 10).map(function (job, key) { return (React.createElement("li", { key: key },
+                React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$Q["mega-menu-side-cards__card"], " ").concat(selected == key ? style$Q["mega-menu-side-cards__card--selected"] : ''), onClick: handleClick(key) })))); }),
+        action && (React.createElement("li", null,
+            React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$Q["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
+};
+
+var styles$1J = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
+
+var withMegaMenuContainer = function (WrappedComponent) {
+    var Component = function (_a) {
+        var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
+        return (React.createElement("div", { className: styles$1J['mega-menu-side-container'] },
+            React.createElement("div", { className: styles$1J['mega-menu-side-container__side'] },
+                React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
+            React.createElement("div", { className: styles$1J['mega-menu-side-container__main'] },
+                React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
+    };
+    return Component;
+};
+
+var Component$1O = 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$1M,
+            cls: [
+                'expandable-info-popover',
+                "expandable-info-popover--".concat(toggler.size),
+                "expandable-info-popover--".concat(toggler.variant)
+            ]
+        }), content: React.createElement(React.Fragment, null,
+            React.createElement("span", { className: CNM.get({
+                    styles: styles$1M,
+                    cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
+                }) }),
+            React.createElement(ExpandableInfoDetails, __assign({}, details))) },
+        React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: function (value) { return setClickOut(value || !clickOut); } }))));
+};
+/**
+ * Molecule UI child component of expandable info
+ */
+var ExpandableInfoPopover = withClickOut(Component$1O);
+
+var EXPANDABLE_INFO_TOGGLER_ICONS = {
+    coin: CoinBlackOutline
+};
+
+var styles$1I = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_uiv7v","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_uiv7v","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_uiv7v","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_uiv7v","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_uiv7v","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_uiv7v","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_uiv7v","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_uiv7v","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_uiv7v","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_uiv7v","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_uiv7v","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_uiv7v"};
+
+var Component$1N = 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({
+            styles: styles$1I,
+            cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
+        });
+    }, [variant]);
+    var icon = useCallback(function (icon) {
+        if (icon) {
+            if (Object.keys(EXPANDABLE_INFO_TOGGLER_ICONS).includes(icon)) {
+                return EXPANDABLE_INFO_TOGGLER_ICONS[icon];
+            }
+            return icon;
+        }
+        return;
+    }, []);
+    var Component = useMemo(function () { return (details ? 'button' : 'div'); }, [details]);
+    var componentProps = useMemo(function () {
+        var className = styleGenerator([
+            'expandable-info-toggler__container',
+            !details && 'expandable-info-toggler__container--no-details',
+            "expandable-info-toggler__container--".concat(size)
+        ]);
+        if (!details)
+            return { className: className };
+        return {
+            className: className,
+            onClick: function () { return onToggle(); }
+        };
+    }, [details, onToggle, size, styleGenerator]);
+    var baseSuffixIcon = useMemo(function () { return (variant === 'blue' ? ArrowDownWhite : ArrowDown2); }, [variant]);
+    return (React.createElement(Component, __assign({}, componentProps),
+        prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
+        React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
+        React.createElement("div", { className: CNM.get({
+                styles: styles$1I,
+                cls: [
+                    'expandable-info-toggler__summary',
+                    (size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
+                    size === EExpandableInfoSize.LARGE && (details || suffixIcon) && 'expandable-info-toggler__summary--large'
+                ]
+            }) },
+            React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text', "expandable-info-toggler__text--".concat(size)]) }, summary),
+            React.createElement(IconItem, __assign({ icon: baseSuffixIcon, size: !suffixIcon ? 20 : 16 }, suffixIcon)))));
+};
+/**
+ * Molecule UI child component of expandable info
+ */
+var ExpandableInfoToggler = Component$1N;
+
+var styles$1H = {"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$1M = 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,
+        title: title,
+        summary: summary,
+        variant: variant,
+        size: size,
+        prefixIcon: prefixIcon,
+        suffixIcon: suffixIcon
+    }); }, [details, title, summary, variant, size, prefixIcon, suffixIcon]);
+    var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
+        sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
+    });
+    return (React.createElement("div", { className: CNM.get({ styles: styles$1H, cls: ['expandable-info'] }) },
+        React.createElement("div", { className: CNM.get({
+                styles: styles$1H,
+                cls: [
+                    'expandable-info__container',
+                    "expandable-info__container--".concat(variant),
+                    "expandable-info__container--".concat(size),
+                    floating && 'expandable-info__container--floating'
+                ]
+            }) },
+            container,
+            size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
+                actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$1H, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
+                React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
+};
+/**
+ * Molecule UI component for expandable info
+ */
+var ExpandableInfo = Component$1M;
+
+var style$P = {"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$P["".concat(classMUI, "-filter-container")] }, children);
 };
 
 function formatNumber(num) {
@@ -1112,7 +1488,7 @@ var classNames = {
     }
 };
 
-var styles$1J = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
+var styles$1G = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
 
 var FilterMenuItem = function (_a) {
     var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
@@ -1127,35 +1503,35 @@ var FilterMenuItem = function (_a) {
         return isSearched || isApplied || hiddenCount ? false : !total;
     }, [total, isApplied, isSearched, hiddenCount]);
     var className = useMemo(function () {
-        return isApplied ? styles$1J.selected : isSearched ? styles$1J.isSearched : hiddenCount ? '' : !total && styles$1J.disabled;
+        return isApplied ? styles$1G.selected : isSearched ? styles$1G.isSearched : hiddenCount ? '' : !total && styles$1G.disabled;
     }, [total, isApplied, isSearched, hiddenCount]);
     var handleClick = useCallback(function () {
         var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
         setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
     }, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
     if (loading)
-        return React.createElement("div", { className: styles$1J.skeleton });
-    return (React.createElement("button", { id: customId, className: "".concat(styles$1J['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
+        return React.createElement("div", { className: styles$1G.skeleton });
+    return (React.createElement("button", { id: customId, className: "".concat(styles$1G['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
         React.createElement("span", null, label),
         displayOutput));
 };
 
-var styles$1I = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
+var styles$1F = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
 
 var FilterSearchItem = function (_a) {
     var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
     var inputRef = useRef(null);
     if (loading)
-        return (React.createElement("div", { className: styles$1I.skeleton },
+        return (React.createElement("div", { className: styles$1F.skeleton },
             React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
-    return (React.createElement("div", { className: "".concat(styles$1I['magneto-ui-filter-search'], " ").concat(disabled ? styles$1I.disabled : '') },
+    return (React.createElement("div", { className: "".concat(styles$1F['magneto-ui-filter-search'], " ").concat(disabled ? styles$1F.disabled : '') },
         React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
         React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
 };
 
-var styles$1H = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
+var styles$1E = {"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$1K = function (_a) {
+var Component$1L = 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 () {
@@ -1165,46 +1541,46 @@ var Component$1K = function (_a) {
         return searchList;
     }, [searchList, showFullList]);
     var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
-    return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1H['magneto-ui-frequent-search'] },
-        React.createElement("h2", { className: styles$1H['magneto-ui-frequent-search__heading'] }, searchHeading),
-        React.createElement("div", { className: styles$1H['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
+    return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1E['magneto-ui-frequent-search'] },
+        React.createElement("h2", { className: styles$1E['magneto-ui-frequent-search__heading'] }, searchHeading),
+        React.createElement("div", { className: styles$1E['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
             var props = __rest(_a, []);
             return (React.createElement(SearchItem, __assign({ key: i }, props)));
         })),
-        React.createElement("div", { className: styles$1H['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1H['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
+        React.createElement("div", { className: styles$1E['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1E['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
             showMore,
             " (",
             searchList.length,
-            ")")) : (React.createElement("button", { className: styles$1H['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
+            ")")) : (React.createElement("button", { className: styles$1E['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
 };
 /**
  * UI Atom component of Frequent Search
  */
-var FrequentSearch = Component$1K;
+var FrequentSearch = Component$1L;
 
-var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
+var style$O = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
 
-var Component$1J = function (_a) {
+var Component$1K = 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$O['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$1J;
+var HeaderDrawerCompany = Component$1K;
 
-var styles$1G = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
+var styles$1D = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
 
-var Component$1I = function (_a) {
+var Component$1J = function (_a) {
     var children = _a.children;
-    return React.createElement("div", { className: styles$1G.TabComponent }, children);
+    return React.createElement("div", { className: styles$1D.TabComponent }, children);
 };
 /**
  * Molecule UI for Tab
  */
-var Tab = Component$1I;
+var Tab = Component$1J;
 
-var styles$1F = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
+var styles$1C = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
 
 var toCSSVariables = function (input) {
     var output = {};
@@ -1219,35 +1595,35 @@ var toCSSVariables = function (input) {
     return output;
 };
 
-var Component$1H = function (_a) {
+var Component$1I = function (_a) {
     var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
     var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
     var boxShadow = (tabButtonStyles || {}).boxShadow;
-    return (React.createElement("div", { className: styles$1F.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
+    return (React.createElement("div", { className: styles$1C.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
 };
 /**
  * Molecule UI component for Tab Button
  */
-var TabButton = Component$1H;
+var TabButton = Component$1I;
 
-var styles$1E = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
+var styles$1B = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
 
-var Component$1G = function (_a) {
+var Component$1H = 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$1E.HeaderDrawerTabsComponent },
+    return (React.createElement("div", { className: styles$1B.HeaderDrawerTabsComponent },
         React.createElement("a", { href: homeUrl },
             React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
         React.createElement(Tab, null,
             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$1G;
+var HeaderDrawerTabs = Component$1H;
 
-var styles$1D = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
+var styles$1A = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
 
-var Component$1F = function (_a) {
+var Component$1G = 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$1D.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
+    return (React.createElement("div", { className: styles$1A.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
         var headerTabProps = __rest(_a, []);
         return (React.createElement(React.Fragment, { key: index },
             React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
@@ -1258,9 +1634,9 @@ var Component$1F = function (_a) {
 /**
  * Molecule UI component for header tabs information`
  */
-var HeaderTabs = Component$1F;
+var HeaderTabs = Component$1G;
 
-var styles$1C = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
+var styles$1z = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
 
 var Input = function (_a) {
     var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
@@ -1295,28 +1671,28 @@ var Input = function (_a) {
         setInputValue(e.target.value);
     }, [onChange]);
     return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
-        React.createElement("div", { className: styles$1C["".concat(classMUI, "-input")] },
+        React.createElement("div", { className: styles$1z["".concat(classMUI, "-input")] },
             React.createElement("div", null,
-                React.createElement("div", { className: styles$1C["".concat(classMUI, "-input--container")] },
+                React.createElement("div", { className: styles$1z["".concat(classMUI, "-input--container")] },
                     React.createElement("label", { htmlFor: name, style: {
                             left: hideIcon ? '10px' : '40px',
                             top: haveValueOrFocus ? '30%' : '45%',
                             fontSize: haveValueOrFocus ? '12px' : '14px'
-                        }, className: styles$1C["".concat(classMUI, "-input--container__label")] }, placeholder),
+                        }, className: styles$1z["".concat(classMUI, "-input--container__label")] }, placeholder),
                     React.createElement("input", __assign({}, props, { style: {
                             padding: hideIcon ? '0px 10px' : '0px 40px'
-                        }, disabled: disabled, className: styles$1C["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
-                    hideIcon ? null : (React.createElement("img", { className: styles$1C["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
-                    actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1C["".concat(classMUI, "-input--container__icon-action")] },
+                        }, disabled: disabled, className: styles$1z["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
+                    hideIcon ? null : (React.createElement("img", { className: styles$1z["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
+                    actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1z["".concat(classMUI, "-input--container__icon-action")] },
                         React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
-        React.createElement("div", { className: "".concat(styles$1C["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1C['footer-without-error'] : '') },
-            error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1C["".concat(classMUI, "-input--container__error")] }, error)),
+        React.createElement("div", { className: "".concat(styles$1z["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1z['footer-without-error'] : '') },
+            error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1z["".concat(classMUI, "-input--container__error")] }, error)),
             hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
 };
 
-var styles$1B = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
+var styles$1y = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
 
-var Component$1E = function (_a) {
+var Component$1F = function (_a) {
     var color = _a.color, size = _a.size, secondColor = _a.secondColor;
     var loadingSize = useMemo(function () {
         if (size) {
@@ -1330,11 +1706,11 @@ var Component$1E = function (_a) {
             height: '15px'
         };
     }, [size]);
-    return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1B["".concat(classMUI, "-flat-loader")] }));
+    return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1y["".concat(classMUI, "-flat-loader")] }));
 };
-var FlatLoader = Component$1E;
+var FlatLoader = Component$1F;
 
-var styles$1A = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
+var styles$1x = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
 
 var InputPlus = function (_a) {
     var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue;
@@ -1378,23 +1754,23 @@ var InputPlus = function (_a) {
             }
         }
     }, [disabledBtn, handleSubmmit]);
-    return (React.createElement("div", { className: "".concat(styles$1A["".concat(classMUI, "-input-plus")], " ").concat(className) },
+    return (React.createElement("div", { className: "".concat(styles$1x["".concat(classMUI, "-input-plus")], " ").concat(className) },
         React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
-        React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1A["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1A.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1A['disabled-img'] : ''), src: Add2, alt: "icon" })))));
+        React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1x["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1x.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1x['disabled-img'] : ''), src: Add2, alt: "icon" })))));
 };
 
-var styles$1z = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
+var styles$1w = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
 
-var style$O = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
+var style$N = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
 
-var Component$1D = function (_a) {
+var Component$1E = 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$N['popover'], !show ? style$N['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$N['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$N['content__link'], onClick: function () { return setShow(false); } },
                         React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
                         React.createElement("span", null, title))));
             }),
@@ -1402,13 +1778,13 @@ var Component$1D = function (_a) {
                 React.createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
                         rest.onCopySuccess();
                     } })))) },
-        React.createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
+        React.createElement("button", __assign({}, btnProps, { className: [style$N['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$1D.displayName = 'SharePopover';
-var SharePopover = Component$1D;
+Component$1E.displayName = 'SharePopover';
+var SharePopover = Component$1E;
 
-var Component$1C = function (_a) {
+var Component$1D = 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],
@@ -1416,30 +1792,30 @@ var Component$1C = function (_a) {
         title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
     }); });
     var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
-    return (React.createElement("div", { className: styles$1z['magneto-ui-job-actions'] },
-        React.createElement("div", { id: styles$1z['magneto-ui__external-child'] }, externalButtonChild),
-        React.createElement("div", { className: styles$1z['magneto-ui-job-actions__buttons-wrapper'] },
+    return (React.createElement("div", { className: styles$1w['magneto-ui-job-actions'] },
+        React.createElement("div", { id: styles$1w['magneto-ui__external-child'] }, externalButtonChild),
+        React.createElement("div", { className: styles$1w['magneto-ui-job-actions__buttons-wrapper'] },
             React.createElement(SaveButton, __assign({}, saveButtonProps)),
             React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
             filteredActionsLinkList.map(function (_a) {
                 var url = _a.url, title = _a.title, icon = _a.icon;
-                return (React.createElement("div", { className: styles$1z['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
-                    React.createElement("a", { className: styles$1z['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
+                return (React.createElement("div", { className: styles$1w['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
+                    React.createElement("a", { className: styles$1w['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
                         React.createElement(IconItem, { hover: true, size: 20, icon: icon }))));
             }))));
 };
 /**
  * UI Molecule Component for Jobs Actions
  */
-var JobActions = Component$1C;
+var JobActions = Component$1D;
 
-var styles$1y = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
+var styles$1v = {"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$1B = function (_a) {
+var Component$1C = function (_a) {
     var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
-    return (React.createElement("div", { className: styles$1y['magneto-ui-job-apply-card'] },
-        React.createElement("div", { className: styles$1y['magneto-ui-job-apply-card__wrapper'] },
-            React.createElement("div", { className: styles$1y['magneto-ui-job-apply-card__header'] },
+    return (React.createElement("div", { className: styles$1v['magneto-ui-job-apply-card'] },
+        React.createElement("div", { className: styles$1v['magneto-ui-job-apply-card__wrapper'] },
+            React.createElement("div", { className: styles$1v['magneto-ui-job-apply-card__header'] },
                 React.createElement("p", null, offerApplyHeader),
                 (offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
                     offerApplyElements
@@ -1449,18 +1825,18 @@ var Component$1B = function (_a) {
                     })
                         .map(function (_a) {
                         var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
-                        return (React.createElement("div", { className: styles$1y['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
+                        return (React.createElement("div", { className: styles$1v['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
                             React.createElement("p", null, offerApplyLabel),
                             React.createElement("p", null, offerApplyInfo)));
                     })),
-            React.createElement("div", { id: styles$1y['magneto-ui__external-child'] }, externalChild))));
+            React.createElement("div", { id: styles$1v['magneto-ui__external-child'] }, externalChild))));
 };
 /**
  * UI Molecule Component for Job Apply Card
  */
-var JobApplyCard = Component$1B;
+var JobApplyCard = Component$1C;
 
-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$M = {"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;
@@ -1471,43 +1847,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$M["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$M[workSeen] : '', " ").concat(jobOpen ? style$M[jobOpen] : '') },
+        !isCompanyPage && (React.createElement("div", { className: style$M["".concat(classMUI, "-card-jobs--row1")] },
+            React.createElement("div", { className: style$M["".concat(classMUI, "-card-jobs--brand")] },
+                React.createElement("img", { className: style$M["".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$M["".concat(classMUI, "-card-jobs--data")] },
+            React.createElement("div", { className: style$M["".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$M["".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$M["".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$M["".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$M["".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$M["".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$L = {"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$L["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$L[workSeen] : '', " ").concat(jobOpen ? style$L[jobOpen] : '') },
+        !isCompanyPage && (React.createElement("div", { className: style$L["".concat(classMUI, "-card-mobile-jobs--row1")] },
+            React.createElement("div", { className: style$L["".concat(classMUI, "-card-mobile-jobs--brand")] },
+                React.createElement("img", { className: style$L["".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$L["".concat(classMUI, "-card-mobile-jobs--data")] },
+            React.createElement("div", { className: style$L["".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$L["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
+                React.createElement("div", { className: style$L["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
                     React.createElement("h3", null,
                         companyName,
                         ","),
@@ -1542,46 +1918,46 @@ var JobCard = function (_a) {
     return React.createElement(React.Fragment, null, cardResponsive);
 };
 
-var styles$1x = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
+var styles$1u = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
 
-var Component$1A = function (_a) {
+var Component$1B = function (_a) {
     var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
-    return (React.createElement("div", { className: styles$1x['magneto-ui-job-company-header'] },
+    return (React.createElement("div", { className: styles$1u['magneto-ui-job-company-header'] },
         React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
         React.createElement(JobHeader, __assign({}, jobHeaderProps))));
 };
 /**
  * UI Molecule component for Company Job Header
  */
-var JobCompanyHeader = Component$1A;
+var JobCompanyHeader = Component$1B;
 
-var styles$1w = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
+var styles$1t = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
 
-var Component$1z = function (_a) {
+var Component$1A = function (_a) {
     var offerDescription = _a.offerDescription;
-    return (React.createElement("div", { className: styles$1w['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
+    return (React.createElement("div", { className: styles$1t['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$1z;
+var JobDetailCard = Component$1A;
 
-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$K = {"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$K['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$K["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
+        React.createElement("button", { type: "button", onClick: onClose, className: style$K["".concat(classMUI, "-job-detail-container--btn")] },
             React.createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
         children));
 };
 
-var styles$1v = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
+var styles$1s = {"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$1y = function (_a) {
+var Component$1z = 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],
@@ -1591,27 +1967,27 @@ var Component$1y = function (_a) {
         var offerDetailText = _a.offerDetailText;
         return !!offerDetailText;
     });
-    return (React.createElement("div", { className: styles$1v['magneto-ui-job-details'] },
-        React.createElement("div", { className: styles$1v['magneto-ui-job-details__wrapper'] },
+    return (React.createElement("div", { className: styles$1s['magneto-ui-job-details'] },
+        React.createElement("div", { className: styles$1s['magneto-ui-job-details__wrapper'] },
             (jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
                 (jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
                     var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
-                    return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1v['magneto-ui-job-details__item-detail'] },
-                        React.createElement("div", { className: styles$1v['magneto-ui-job-details__item-detail-icon'] },
+                    return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1s['magneto-ui-job-details__item-detail'] },
+                        React.createElement("div", { className: styles$1s['magneto-ui-job-details__item-detail-icon'] },
                             React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
-                        React.createElement("p", { className: styles$1v['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
+                        React.createElement("p", { className: styles$1s['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
                 })),
             React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
 };
 /**
  * UI Molecule component for Job Detail
  */
-Component$1y.displayName = 'JobDetails';
-var JobDetails = Component$1y;
+Component$1z.displayName = 'JobDetails';
+var JobDetails = Component$1z;
 
-var styles$1u = {"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 styles$1r = {"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$1x = function (_a) {
+var Component$1y = 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;
@@ -1622,28 +1998,28 @@ var Component$1x = function (_a) {
             title: title
         });
     });
-    return (React.createElement("div", { className: styles$1u['magneto-ui-job-footer-card'] },
+    return (React.createElement("div", { className: styles$1r['magneto-ui-job-footer-card'] },
         React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
-        React.createElement("div", { className: styles$1u['magneto-ui-job-footer-card__icons'] },
+        React.createElement("div", { className: styles$1r['magneto-ui-job-footer-card__icons'] },
             React.createElement("p", null, offerFooterHeader),
-            React.createElement("div", { className: styles$1u['magneto-ui-job-footer-card__wrapper'] },
+            React.createElement("div", { className: styles$1r['magneto-ui-job-footer-card__wrapper'] },
                 (jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
                     (jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
                         var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
                         return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
                             React.createElement(IconItem, { hover: false, icon: icon || undefined })));
                     })),
-                React.createElement("div", { className: styles$1u['magneto-ui__share-button'] },
+                React.createElement("div", { className: styles$1r['magneto-ui__share-button'] },
                     React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
 };
 /**
  * UI Molecule component for Job Footer Card
  */
-var JobFooterCard = Component$1x;
+var JobFooterCard = Component$1y;
 
-var styles$1t = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
+var styles$1q = {"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$1w = function (_a) {
+var Component$1x = function (_a) {
     var name = _a.name, score = _a.score;
     var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
     var skillRef = useRef(null);
@@ -1679,21 +2055,21 @@ var Component$1w = function (_a) {
         4: 'four'
     };
     var levelClass = scoreToLevel[score || 0] || '';
-    var fillAnimation = animationApplied ? styles$1t[levelClass] : '';
-    return (React.createElement("div", { ref: skillRef, className: styles$1t['magneto-ui-skill'] },
-        React.createElement("div", { className: styles$1t['magneto-ui-skill__wrapper'] },
+    var fillAnimation = animationApplied ? styles$1q[levelClass] : '';
+    return (React.createElement("div", { ref: skillRef, className: styles$1q['magneto-ui-skill'] },
+        React.createElement("div", { className: styles$1q['magneto-ui-skill__wrapper'] },
             React.createElement("p", null, name),
-            React.createElement("div", { className: "".concat(styles$1t['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1t['magneto-ui-skill--no-animation']) }))));
+            React.createElement("div", { className: "".concat(styles$1q['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1q['magneto-ui-skill--no-animation']) }))));
 };
-var Skill = Component$1w;
+var Skill = Component$1x;
 
-var styles$1s = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
+var styles$1p = {"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$1v = function (_a) {
+var Component$1w = function (_a) {
     var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
-    return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1s['magneto-ui-job-skills-card'] },
+    return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1p['magneto-ui-job-skills-card'] },
         React.createElement("p", null, offerSkillsLabel),
-        React.createElement("div", { className: styles$1s['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
+        React.createElement("div", { className: styles$1p['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
             var name = _a.name, score = _a.score, id = _a.id;
             return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
                 React.createElement(Skill, { id: id, name: name, score: score })));
@@ -1702,9 +2078,9 @@ var Component$1v = function (_a) {
 /**
  * UI Molecule component of Job Skills Card
  */
-var JobSkillsCard = Component$1v;
+var JobSkillsCard = Component$1w;
 
-var styles$1r = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
+var styles$1o = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
 
 var JobVideo = function (_a) {
     var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
@@ -1719,43 +2095,43 @@ var JobVideo = function (_a) {
             setLoadVideo && setLoadVideo(false);
         }
     }, [detailJobId, jobId, setLoadVideo]);
-    return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1r[videoClassName] })) : (React.createElement("div", { className: styles$1r['magneto-ui-job-video'], onClick: handleLoadVideo },
+    return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1o[videoClassName] })) : (React.createElement("div", { className: styles$1o['magneto-ui-job-video'], onClick: handleLoadVideo },
         React.createElement(Image, __assign({}, imageProps))));
 };
 
-var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
+var style$J = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
 
-var Component$1u = function (_a) {
+var Component$1v = 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) {
+    return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$J['magneto-ui-list-icon'] }, 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$1u;
+var ListIconLink = Component$1v;
 
-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$I = {"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$1t = function (_a) {
+var Component$1u = 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$I['isActive'] : '';
+    return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$I['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$I['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$I['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$I['magneto-ui-menu-icon__menu-text'] }, text)))));
 };
-var MenuIcon = Component$1t;
+var MenuIcon = Component$1u;
 
-var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
+var style$H = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
 
-var Component$1s = function (_a) {
+var Component$1t = 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$H['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;
@@ -1771,34 +2147,34 @@ var Component$1s = function (_a) {
         React.createElement(Divider, null),
         React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
 };
-var ListMenuIcons = Component$1s;
+var ListMenuIcons = Component$1t;
 
-var Component$1r = function (_a) {
+var Component$1s = 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$1r;
+var ListMenuItems = Component$1s;
 
-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$G = {"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$G["".concat(classMUI, "-list-menu")]) },
+        React.createElement("p", { className: "".concat(style$G["".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$G["".concat(classMUI, "-list-menu__create-account")]) },
+                    React.createElement("button", { title: tag, className: "".concat(style$G["".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$G["".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$F = {"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;
@@ -1806,59 +2182,28 @@ 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$F['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$E = {"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$E["".concat(classMUI, "-magneto-resolution")]) },
+        React.createElement("img", { className: "".concat(style$E["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
+        React.createElement("p", { className: "".concat(style$E["".concat(classMUI, "-magneto-resolution__text")]) },
             resolutionText,
-            React.createElement("a", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
-};
-
-var styles$1q = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
-
-var Image = function (_a) {
-    var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
-        playIcon && React.createElement("div", { className: styles$1q['magneto-ui-play-button'] }, playIcon)));
-};
-
-var styles$1p = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_198ar","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_198ar","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_198ar","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_198ar","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_198ar","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_198ar"};
-
-var MegaMenuCard = function (_a) {
-    var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
-    var handleClick = useCallback(function (event) {
-        if (onClick != null) {
-            event.preventDefault();
-            onClick();
-        }
-    }, [onClick]);
-    return (React.createElement("a", { className: "".concat(styles$1p["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
-        icon && (React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__icon"] },
-            React.createElement(IconItem, { icon: icon, size: 16 }))),
-        logo && (React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__logo"] },
-            React.createElement(Image, { image: logo, alt: 'logo', className: styles$1p["magneto-ui-mega-menu-card__logo"] }))),
-        React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__content"] },
-            React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__title"] }, title),
-            React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas, " cupos"))),
-        showRigthArrow && (React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__arrow"] },
-            React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
+            React.createElement("a", { className: "".concat(style$E["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
 };
 
-var style$E = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_11ld6","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_11ld6","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_11ld6","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_11ld6"};
+var style$D = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_11ld6","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_11ld6","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_11ld6","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_11ld6"};
 
-var styles$1o = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
+var styles$1n = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
 
-var Component$1q = function (_a) {
+var Component$1r = 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) {
@@ -1866,29 +2211,29 @@ var Component$1q = function (_a) {
             onClick();
         }
     }, [onClick]);
-    return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1o['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
-        suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1o['button-link__icon'] })),
-        buttonText && React.createElement("p", { className: styles$1o['button-link__text'] }, buttonText),
-        prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1o['button-link__icon'] }))));
+    return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1n['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
+        suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1n['button-link__icon'] })),
+        buttonText && React.createElement("p", { className: styles$1n['button-link__text'] }, buttonText),
+        prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1n['button-link__icon'] }))));
 };
 /**
  * UI Atom Component of Save Button
  */
-var ButtonLink = Component$1q;
+var ButtonLink = Component$1r;
 
 var MegaMenuCards = function (_a) {
     var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className;
     return (React.createElement("nav", { className: className },
-        title && (React.createElement("div", { className: "".concat(style$E["mega-menu-cards__title"]) },
+        title && (React.createElement("div", { className: "".concat(style$D["mega-menu-cards__title"]) },
             React.createElement("h4", null, title),
-            actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$E["mega-menu-cards__action--grey"]) })))),
-        React.createElement("ul", { className: "".concat(style$E["mega-menu-cards"]) }, jobs &&
+            actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$D["mega-menu-cards__action--grey"]) })))),
+        React.createElement("ul", { className: "".concat(style$D["mega-menu-cards"]) }, jobs &&
             jobs.slice(0, 39).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$E["mega-menu-cards__action"]) }))));
+        action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$D["mega-menu-cards__action"]) }))));
 };
 
-var style$D = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
+var style$C = {"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: {
@@ -1928,23 +2273,23 @@ 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$D["mega-menu-jobs-tabs__container"]) },
+    return (React.createElement("div", { className: "".concat(style$C["mega-menu-jobs-tabs__container"]) },
         React.createElement("nav", null,
-            React.createElement("ul", { className: "".concat(style$D["mega-menu-jobs-tabs"]) },
+            React.createElement("ul", { className: "".concat(style$C["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$D["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$D["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
+                            React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$C["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$C["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$D["mega-menu-jobs-tabs__content"]) }, content)));
+        React.createElement("div", { className: "".concat(style$C["mega-menu-jobs-tabs__content"]) }, content)));
 };
 
-var styles$1n = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
+var styles$1m = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
 
 var popoverClassName = 'magneto-ui-mega-menu-popover';
 var MegaMenuPopover = function (_a) {
@@ -1963,80 +2308,109 @@ var MegaMenuPopover = function (_a) {
         body.style.overflowY = showContent ? 'hidden' : 'auto';
     }, [showContent]);
     return (React.createElement(React.Fragment, null,
-        jobAction && (React.createElement("button", { className: "".concat(styles$1n["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
-            React.createElement("p", { className: "".concat(styles$1n["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
-            React.createElement(IconItem, { className: "".concat(styles$1n["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1n["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
-        React.createElement("div", { className: "".concat(styles$1n["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1n["".concat(popoverClassName, "__dropdown--open")] : '') },
-            React.createElement("div", { className: styles$1n["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
-            React.createElement("div", { className: styles$1n["".concat(popoverClassName, "__content")], onClick: function (event) {
+        jobAction && (React.createElement("button", { className: "".concat(styles$1m["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
+            React.createElement("p", { className: "".concat(styles$1m["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
+            React.createElement(IconItem, { className: "".concat(styles$1m["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1m["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
+        React.createElement("div", { className: "".concat(styles$1m["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1m["".concat(popoverClassName, "__dropdown--open")] : '') },
+            React.createElement("div", { className: styles$1m["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
+            React.createElement("div", { className: styles$1m["".concat(popoverClassName, "__content")], onClick: function (event) {
                     event.stopPropagation();
                 } }, children))));
 };
 
-var styles$1m = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
+var styles$1l = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
 
 var MenuSearch = function (_a) {
     var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
     var onBlur = useCallback(function () {
         handleOnBlur && handleOnBlur();
     }, [handleOnBlur]);
-    return (React.createElement("div", { className: styles$1m['magneto-ui-menu-search'], onBlur: onBlur },
-        React.createElement("div", { className: styles$1m['magneto-ui-menu-search_container'] },
+    return (React.createElement("div", { className: styles$1l['magneto-ui-menu-search'], onBlur: onBlur },
+        React.createElement("div", { className: styles$1l['magneto-ui-menu-search_container'] },
             children,
-            React.createElement("div", { className: "".concat(styles$1m['magneto-ui-menu-search_content'], " ").concat(show && styles$1m.open) }, content))));
+            React.createElement("div", { className: "".concat(styles$1l['magneto-ui-menu-search_content'], " ").concat(show && styles$1l.open) }, content))));
 };
 
-var initialState = {
-    text: '',
-    type: 'info',
-    duration: 3000
-};
 var iconByType = {
-    info: Info,
-    success: Success,
-    warning: Warning,
-    error: Error
+    info: InfoCircleBlueBold,
+    success: TickCircleGreenBold,
+    warning: WarningYellowBold,
+    error: CloseCircleRedBold
 };
+var transitionDuration = 300;
 
-var styles$1l = {"container":"mg_message_container_ccx0d","show":"mg_message_show_ccx0d","fadeIn":"mg_message_fadeIn_ccx0d","fadeOut":"mg_message_fadeOut_ccx0d","icon":"mg_message_icon_ccx0d"};
+var styles$1k = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_bk7n3","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_bk7n3","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_bk7n3","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_bk7n3","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_bk7n3","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_bk7n3","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_bk7n3","magneto-ui-message__text":"mg_message_magneto-ui-message_text_bk7n3","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_bk7n3","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_bk7n3"};
 
-var Message = function (props) {
-    var _a = useState(__assign(__assign({}, initialState), props)), _b = _a[0], text = _b.text, _c = _b.type, type = _c === void 0 ? 'info' : _c, _d = _b.duration, duration = _d === void 0 ? 3000 : _d, setContent = _a[1];
-    var messageRef = useRef(null);
+var Component$1q = 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];
+    var _g = useState(false), isAnimating = _g[0], setIsAnimating = _g[1];
+    var removeTimeoutRef = useRef(null);
+    var hideTimeoutRef = useRef(null);
+    var containerVar = useMemo(function () { return ({
+        '--transition-duration': "".concat(transitionDuration / 1000, "s")
+    }); }, []);
+    var containerStyles = useMemo(function () {
+        return CNM.get({
+            styles: styles$1k,
+            cls: [
+                'message__container',
+                "message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
+                "message__container--".concat(type)
+            ]
+        });
+    }, [type, toggleAnimation]);
+    var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1k, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
     useEffect(function () {
-        setTimeout(function () { return setContent(initialState); }, duration);
-    }, [duration]);
+        if (!localVisible)
+            return;
+        hideTimeoutRef.current = setTimeout(function () {
+            setToggleAnimation(false);
+        }, duration);
+        removeTimeoutRef.current = setTimeout(function () {
+            setLocalVisible(false);
+            onHide === null || onHide === void 0 ? void 0 : onHide(false);
+        }, duration + transitionDuration);
+        return function () {
+            if (hideTimeoutRef.current)
+                clearTimeout(hideTimeoutRef.current);
+            if (removeTimeoutRef.current)
+                clearTimeout(removeTimeoutRef.current);
+        };
+    }, [duration, localVisible, onHide]);
     useEffect(function () {
-        if (!messageRef.current)
+        if (!localVisible)
             return;
-        var exitDuration = "".concat((duration - 500) / 1000, "s");
-        messageRef.current.style.setProperty('--default-duration', exitDuration);
-    }, [duration]);
-    return (React.createElement(Fragment, null, text &&
-        ReactDOM.createPortal(React.createElement("div", { ref: messageRef, className: "".concat(styles$1l.container, " ").concat(styles$1l.show) },
-            React.createElement("img", { src: iconByType[type], className: styles$1l.icon, alt: type }),
-            text), document.body)));
-};
-var message = function (props) {
-    var idMessageDiv = 'magneto-ui-message';
-    if (!document)
-        return;
-    var messageActive = document.querySelector("#".concat(idMessageDiv));
-    if (messageActive)
-        return;
-    var container = document.createElement('div');
-    container.setAttribute('id', idMessageDiv);
-    document.body.appendChild(container);
-    ReactDOM.render(React.createElement(Message, __assign({}, props)), container);
-    var duration = props.duration ? props.duration : initialState.duration;
-    setTimeout(function () { return document.body.removeChild(container); }, duration);
+        setTimeout(function () {
+            setToggleAnimation(true);
+        }, 10);
+    }, [localVisible]);
+    useEffect(function () {
+        if ((!visible && !isAnimating) || (visible && isAnimating))
+            return;
+        setLocalVisible(visible);
+        setIsAnimating(visible);
+    }, [isAnimating, visible]);
+    return localVisible
+        ? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1k, cls: [className] }) },
+            React.createElement("div", { className: containerStyles },
+                React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1k, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
+                React.createElement("div", null,
+                    text && React.createElement("span", { className: textStyles(!!description) }, text),
+                    description && React.createElement("span", { className: textStyles() }, description)))), document.body)
+        : null;
 };
+/**
+ * Molecule UI component for Message
+ */
+var Message = Component$1q;
 
-var styles$1k = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
+var styles$1j = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
 
 var Component$1p = function (_a) {
     var returnText = _a.returnText, onClick = _a.onClick;
-    return (React.createElement("div", { className: styles$1k['magneto-ui-mobile-job-details-header'] },
+    return (React.createElement("div", { className: styles$1j['magneto-ui-mobile-job-details-header'] },
         React.createElement("button", { onClick: onClick },
             React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
         React.createElement("p", null, returnText)));
@@ -2046,7 +2420,7 @@ var Component$1p = function (_a) {
  */
 var MobileJobDetailsHeader = Component$1p;
 
-var styles$1j = {"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 styles$1i = {"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$1o = function (_a) {
     var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
@@ -2070,20 +2444,20 @@ var Component$1o = function (_a) {
             (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [focusSearchInput]);
-    return (React.createElement("div", { className: styles$1j.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
+    return (React.createElement("div", { className: styles$1i.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
         React.createElement("form", { onSubmit: handleSubmit },
-            searchValue && React.createElement("div", { className: styles$1j['search-badge'] }),
-            React.createElement(MainButton, __assign({ className: styles$1j['magneto-ui-search-button'] }, searchMobileProps)),
+            searchValue && React.createElement("div", { className: styles$1i['search-badge'] }),
+            React.createElement(MainButton, __assign({ className: styles$1i['magneto-ui-search-button'] }, searchMobileProps)),
             React.createElement("label", { htmlFor: "search" }),
             React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
-            React.createElement(MainButton, __assign({ className: styles$1j['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
+            React.createElement(MainButton, __assign({ className: styles$1i['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
 };
 /**
  * Molecule UI component for MobileSearchbar
  */
 var MobileSearchbar = Component$1o;
 
-var styles$1i = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
+var styles$1h = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
 
 var Modal = function (_a) {
     var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
@@ -2096,40 +2470,40 @@ var Modal = function (_a) {
     if (!isOpen)
         return null;
     return (React.createElement(Fragment, null,
-        React.createElement("div", { className: "".concat(styles$1i["".concat(classMUI, "-modal")], " ").concat(className) },
-            title ? React.createElement("h2", { className: "".concat(styles$1i["".concat(classMUI, "-modal__title")]) }, title) : null,
-            description ? React.createElement("p", { className: "".concat(styles$1i["".concat(classMUI, "-modal__description")]) }, description) : null,
+        React.createElement("div", { className: "".concat(styles$1h["".concat(classMUI, "-modal")], " ").concat(className) },
+            title ? React.createElement("h2", { className: "".concat(styles$1h["".concat(classMUI, "-modal__title")]) }, title) : null,
+            description ? React.createElement("p", { className: "".concat(styles$1h["".concat(classMUI, "-modal__description")]) }, description) : null,
             children,
-            React.createElement("button", { className: "".concat(styles$1i["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
+            React.createElement("button", { className: "".concat(styles$1h["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
                 React.createElement("img", { src: Close, alt: "close icon" }))),
-        React.createElement("span", { className: "".concat(styles$1i["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
+        React.createElement("span", { className: "".concat(styles$1h["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
 };
 var Title = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React.createElement("h2", __assign({ className: "".concat(styles$1i["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
+    return (React.createElement("h2", __assign({ className: "".concat(styles$1h["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
 };
 var Description = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React.createElement("p", __assign({ className: "".concat(styles$1i["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
+    return (React.createElement("p", __assign({ className: "".concat(styles$1h["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
 };
 var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
 
-var styles$1h = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
+var styles$1g = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
 
 var BtnPagination = function (_a) {
     var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
     var displayContent = useMemo(function () {
         if (loading && value && current === value)
-            return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1h['magneto-ui-btn-pagination_spinner'] });
+            return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1g['magneto-ui-btn-pagination_spinner'] });
         return value;
     }, [loading, current, value]);
     var pageQueryParam = 'paginator[page]=';
     var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
     var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
-    return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1h['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
-        React.createElement("button", { className: "\n              ".concat(loading && styles$1h['magneto-ui-btn-pagination_disabled'], " \n              ").concat(value && current === value && styles$1h['magneto-ui-btn-pagination_active'], " \n              ").concat(text && styles$1h['magneto-ui-btn-pagination_with__icon'], "\n              ").concat(styles$1h['magneto-ui-btn-pagination_btn'], "\n            "), title: title, disabled: loading, onClick: onClick },
+    return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1g['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
+        React.createElement("button", { className: "\n              ".concat(loading && styles$1g['magneto-ui-btn-pagination_disabled'], " \n              ").concat(value && current === value && styles$1g['magneto-ui-btn-pagination_active'], " \n              ").concat(text && styles$1g['magneto-ui-btn-pagination_with__icon'], "\n              ").concat(styles$1g['magneto-ui-btn-pagination_btn'], "\n            "), title: title, disabled: loading, onClick: onClick },
             displayContent,
-            displayIcon))) : (React.createElement("button", { className: "\n            ".concat(loading && styles$1h['magneto-ui-btn-pagination_disabled'], " \n            ").concat(value && current === value && styles$1h['magneto-ui-btn-pagination_active'], " \n            ").concat(text && styles$1h['magneto-ui-btn-pagination_with__icon'], "\n            ").concat(styles$1h['magneto-ui-btn-pagination_btn'], "\n          "), title: title, disabled: loading, onClick: onClick },
+            displayIcon))) : (React.createElement("button", { className: "\n            ".concat(loading && styles$1g['magneto-ui-btn-pagination_disabled'], " \n            ").concat(value && current === value && styles$1g['magneto-ui-btn-pagination_active'], " \n            ").concat(text && styles$1g['magneto-ui-btn-pagination_with__icon'], "\n            ").concat(styles$1g['magneto-ui-btn-pagination_btn'], "\n          "), title: title, disabled: loading, onClick: onClick },
         displayContent,
         displayIcon))));
 };
@@ -2180,7 +2554,7 @@ var createPagination = function (_a) {
     };
 };
 
-var styles$1g = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
+var styles$1f = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
 
 var Pagination = function (_a) {
     var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
@@ -2199,25 +2573,25 @@ var Pagination = function (_a) {
     }, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
     if (total <= pageSize)
         return React.createElement(Fragment, null);
-    return (React.createElement("div", { className: styles$1g['magneto-ui-pagination'] },
+    return (React.createElement("div", { className: styles$1f['magneto-ui-pagination'] },
         first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
         React.createElement("ul", null,
             !buttons.includes(first) && (React.createElement("li", null,
                 React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
-                React.createElement(IconItem, { icon: Ellipsis, className: styles$1g['magneto-ui-pagination_ellipsis'] }))),
+                React.createElement(IconItem, { icon: Ellipsis, className: styles$1f['magneto-ui-pagination_ellipsis'] }))),
             buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
                 React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
             !buttons.includes(last) && (React.createElement("li", null,
-                React.createElement(IconItem, { icon: Ellipsis, className: styles$1g['magneto-ui-pagination_ellipsis'] }),
+                React.createElement(IconItem, { icon: Ellipsis, className: styles$1f['magneto-ui-pagination_ellipsis'] }),
                 React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
         last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
 };
 
-var style$C = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
+var style$B = {"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$C["".concat(classMUI, "-rights-reserved")]) },
+    return (React.createElement("div", { className: "".concat(style$B["".concat(classMUI, "-rights-reserved")]) },
         React.createElement("p", null, magnetoRightsText)));
 };
 
@@ -2228,7 +2602,7 @@ var generateID = function () {
     return uniqueID;
 };
 
-var styles$1f = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
+var styles$1e = {"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$1n = function (_a) {
     var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
@@ -2258,17 +2632,17 @@ var Component$1n = function (_a) {
         }
         return { backgroundColor: '#c4c4c4' };
     }, [color, score, spanHover]);
-    return (React.createElement("div", { className: styles$1f['magneto-ui-score-level'] },
+    return (React.createElement("div", { className: styles$1e['magneto-ui-score-level'] },
         React.createElement("p", null, name),
-        React.createElement("div", { className: styles$1f['magneto-ui-score-level__summary'] },
+        React.createElement("div", { className: styles$1e['magneto-ui-score-level__summary'] },
             React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
             React.createElement("p", null, labelScore)),
-        React.createElement("button", { className: styles$1f['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
+        React.createElement("button", { className: styles$1e['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$1n;
 
-var styles$1e = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
+var styles$1d = {"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$1m = function (_a) {
     var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
@@ -2285,15 +2659,15 @@ var Component$1m = function (_a) {
         }
         return { backgroundColor: '#c4c4c4' };
     }, [color, scoreValue]);
-    return (React.createElement("div", { className: styles$1e['magneto-ui-score-level'] },
+    return (React.createElement("div", { className: styles$1d['magneto-ui-score-level'] },
         React.createElement("p", null, name),
-        React.createElement("div", { className: styles$1e['magneto-ui-score-level__summary'] },
+        React.createElement("div", { className: styles$1d['magneto-ui-score-level__summary'] },
             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$1m;
 
-var styles$1d = {"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 styles$1c = {"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$1l = function (_a) {
     var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
@@ -2311,13 +2685,13 @@ var Component$1l = function (_a) {
         setSearchValue('');
         onSearch('');
     };
-    return (React.createElement("div", { className: styles$1d.SearchbarComponent },
+    return (React.createElement("div", { className: styles$1c.SearchbarComponent },
         React.createElement("form", { onSubmit: handleSubmit },
             React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
-            searchValue && React.createElement("div", { className: styles$1d['SearchbarComponent__badge'] }),
-            React.createElement("div", { className: styles$1d['magneto-ui-searchbar-buttons'] },
+            searchValue && React.createElement("div", { className: styles$1c['SearchbarComponent__badge'] }),
+            React.createElement("div", { className: styles$1c['magneto-ui-searchbar-buttons'] },
                 searchValue && (React.createElement(React.Fragment, null,
-                    React.createElement(MainButton, __assign({ className: styles$1d['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
+                    React.createElement(MainButton, __assign({ className: styles$1c['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
                     React.createElement("span", null, "|"))),
                 React.createElement(MainButton, __assign({}, searchButtonProps))))));
 };
@@ -2326,17 +2700,17 @@ var Component$1l = function (_a) {
  */
 var Searchbar = Component$1l;
 
-var styles$1c = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
+var styles$1b = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
 
 var Component$1k = function (_a) {
     var props = __rest(_a, []);
-    return (React.createElement("div", { className: styles$1c['search-button'] },
-        props.searchValue && React.createElement("div", { className: styles$1c['search-button__badge'] }),
+    return (React.createElement("div", { className: styles$1b['search-button'] },
+        props.searchValue && React.createElement("div", { className: styles$1b['search-button__badge'] }),
         React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
 };
 var SearchButton = Component$1k;
 
-var styles$1b = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
+var styles$1a = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
 
 var SimilarJobsCard = function (_a) {
     var cities = _a.cities, companyLogo = _a.companyLogo, experience = _a.experience, jobUrlSlug = _a.jobUrlSlug, salary = _a.salary, title = _a.title, companyName = _a.companyName, hideLogo = _a.hideLogo;
@@ -2346,15 +2720,15 @@ var SimilarJobsCard = function (_a) {
         var experienceFormat = experience ? " | ".concat(experience) : '';
         return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
     }, [cities, salary, experience]);
-    return (React.createElement("a", { title: title, className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
-        !hideLogo && (React.createElement("img", { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
+    return (React.createElement("a", { title: title, className: "".concat(styles$1a["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
+        !hideLogo && (React.createElement("img", { className: "".concat(styles$1a["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
         React.createElement("div", null,
-            React.createElement("p", { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__title")]) }, title),
-            React.createElement("p", { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
-        React.createElement(IconItem, { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
+            React.createElement("p", { className: "".concat(styles$1a["".concat(classMUI, "-similar-jobs__title")]) }, title),
+            React.createElement("p", { className: "".concat(styles$1a["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
+        React.createElement(IconItem, { className: "".concat(styles$1a["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
 };
 
-var style$B = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
+var style$A = {"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;
@@ -2367,13 +2741,13 @@ 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$B['magneto-ui-btn-menu'], " ").concat(loading && style$B.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
-            React.createElement("p", { className: style$B['magneto-ui-btn-text'] }, textOrderFilter),
+        React.createElement("button", { className: "".concat(style$A['magneto-ui-btn-menu'], " ").concat(loading && style$A.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
+            React.createElement("p", { className: style$A['magneto-ui-btn-text'] }, textOrderFilter),
             React.createElement(IconItem, __assign({}, menuSortButton)))));
 };
 var SortMenu$1 = withClickOut(SortMenu);
 
-var styles$1a = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
+var styles$19 = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
 
 var TextArea = function (_a) {
     var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, name = _a.name, placeholder = _a.placeholder, error = _a.error, _c = _a.rows, rows = _c === void 0 ? 4 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.hasCounter, hasCounter = _e === void 0 ? false : _e, _f = _a.maxCounterValue, maxCounterValue = _f === void 0 ? 0 : _f, props = __rest(_a, ["value", "onChange", "name", "placeholder", "error", "rows", "disabled", "hasCounter", "maxCounterValue"]);
@@ -2399,19 +2773,19 @@ var TextArea = function (_a) {
             return;
         setShowPlaceholder(scrollTop === 0);
     }, [showPlaceholder]);
-    return (React.createElement("div", { className: styles$1a["".concat(classMUI, "-text-area")] },
-        React.createElement("div", { className: styles$1a["".concat(classMUI, "-text-area--container")] },
+    return (React.createElement("div", { className: styles$19["".concat(classMUI, "-text-area")] },
+        React.createElement("div", { className: styles$19["".concat(classMUI, "-text-area--container")] },
             showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
                     top: haveValueOrFocus ? '5px' : '10px',
                     fontSize: haveValueOrFocus ? '12px' : '14px'
-                }, className: styles$1a["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
-            React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1a["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
-        React.createElement("div", { className: styles$1a["".concat(classMUI, "-text-area__footer")] },
-            React.createElement("span", { className: styles$1a["".concat(classMUI, "-text-area--container__error")] }, error),
+                }, className: styles$19["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
+            React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$19["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
+        React.createElement("div", { className: styles$19["".concat(classMUI, "-text-area__footer")] },
+            React.createElement("span", { className: styles$19["".concat(classMUI, "-text-area--container__error")] }, error),
             hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
 };
 
-var style$A = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_1jv11","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_1jv11","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_1jv11","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_1jv11","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_1jv11","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_1jv11","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_1jv11","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_1jv11","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_1jv11","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_1jv11","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_1jv11","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_1jv11","checked":"mg_timeline_event_checked_1jv11","current":"mg_timeline_event_current_1jv11","blocked":"mg_timeline_event_blocked_1jv11"};
+var style$z = {"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,
@@ -2421,26 +2795,26 @@ var timelineIcons = {
 var Component$1j = 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$A["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
-    var subtitleStyle = style$A["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
-    return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$A["".concat(classMUI, "-timeline-event")] },
-        React.createElement("div", { className: style$A["".concat(classMUI, "-timeline-event__icon")] },
-            React.createElement("div", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$A[status]) }),
-            React.createElement(IconItem, { className: style$A["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
-        React.createElement("div", { className: style$A["".concat(classMUI, "-timeline-event__text")] },
-            React.createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
-            React.createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
+    var titleStyle = style$z["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
+    var subtitleStyle = style$z["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
+    return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$z["".concat(classMUI, "-timeline-event")] },
+        React.createElement("div", { className: style$z["".concat(classMUI, "-timeline-event__icon")] },
+            React.createElement("div", { className: "".concat(style$z["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$z[status]) }),
+            React.createElement(IconItem, { className: style$z["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
+        React.createElement("div", { className: style$z["".concat(classMUI, "-timeline-event__text")] },
+            React.createElement("p", { className: "".concat(style$z["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
+            React.createElement("p", { className: "".concat(style$z["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
 };
 var TimelineEvent = Component$1j;
 
-var styles$19 = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
+var styles$18 = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
 
 var Tooltip = function (_a) {
     var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c;
-    return (React.createElement("div", { className: "".concat(styles$19['tooltip-container'], " ").concat(styles$19["tooltip-".concat(position)]) },
-        React.createElement("div", { className: "".concat(styles$19['tooltip'], " ").concat(styles$19["tooltip-".concat(position)]) },
+    return (React.createElement("div", { className: "".concat(styles$18['tooltip-container'], " ").concat(styles$18["tooltip-".concat(position)]) },
+        React.createElement("div", { className: "".concat(styles$18['tooltip'], " ").concat(styles$18["tooltip-".concat(position)]) },
             children,
-            React.createElement("span", { className: "".concat(styles$19['tooltip-text'], " ").concat(styles$19["tooltip-text-".concat(position)]), style: { width: width } }, title))));
+            React.createElement("span", { className: "".concat(styles$18['tooltip-text'], " ").concat(styles$18["tooltip-text-".concat(position)]), style: { width: width } }, title))));
 };
 
 var Component$1i = function (_a) {
@@ -2457,12 +2831,13 @@ var userMenuAnalystIcons = {
     manage: MouseCircleBlackOutline,
     unlink: BuildingSlashBlackOutline,
     add: AddSquareBlackOutline,
-    redo: RedoDarkBlue
+    redo: RedoDarkBlue,
+    whatsApp: WhatsAppDark
 };
 
-var styles$18 = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
+var styles$17 = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
 
-var styles$17 = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
+var styles$16 = {"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$1h = function (_a) {
     var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
@@ -2477,12 +2852,12 @@ var Component$1h = function (_a) {
         }
     }, [handleModal, handleMenuOpen, option]);
     return (React.createElement("span", { className: CNM.get({
-            styles: styles$17,
+            styles: styles$16,
             cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
         }) },
         prefix,
         React.createElement(MenuIcon, { className: CNM.get({
-                styles: styles$17,
+                styles: styles$16,
                 cls: ['user-menu-analyst-option-default__container']
             }), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
         suffix));
@@ -2492,16 +2867,16 @@ var Component$1h = function (_a) {
  */
 var UserMenuAnalystOptionDefault = React.memo(Component$1h);
 
-var styles$16 = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
+var styles$15 = {"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$1g = 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$16,
+            styles: styles$15,
             cls: [className, 'user-menu-analyst-option-hover']
         }) },
         prefix,
-        React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
+        React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$15, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
         suffix));
 };
 /**
@@ -2509,12 +2884,12 @@ var Component$1g = function (_a) {
  */
 var UserMenuAnalystOptionHover = React.memo(Component$1g);
 
-var styles$15 = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
+var styles$14 = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
 
 var Component$1f = function (_a) {
     var option = _a.option, className = _a.className;
     return (React.createElement("span", { className: CNM.get({
-            styles: styles$15,
+            styles: styles$14,
             cls: [className, 'user-menu-analyst-option-text']
         }) },
         React.createElement("p", null, option.title)));
@@ -2570,26 +2945,26 @@ var optionTypes = (_b = {},
     _b);
 var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
 
-var styles$14 = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
+var styles$13 = {"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$1d = 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,
-        React.createElement("span", { className: CNM.get({ styles: styles$14, cls: ['user-menu-analyst-title__title'] }) }, title),
+        React.createElement("span", { className: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-title__title'] }) }, title),
         subTitle && separatorIndex && (React.createElement("div", null,
             React.createElement("span", { className: CNM.get({
-                    styles: styles$14,
+                    styles: styles$13,
                     cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
                 }) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
             React.createElement("span", { className: CNM.get({
-                    styles: styles$14,
+                    styles: styles$13,
                     cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
                 }) }, subTitle.slice(separatorIndex + 1).trim())))));
 };
 var UserMenuAnalystTitle = Component$1d;
 
-var styles$13 = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
+var styles$12 = {"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$1c = function (_a) {
     var _b;
@@ -2617,13 +2992,13 @@ var Component$1c = function (_a) {
         var OptionType = getOptionType(option.type);
         if (!OptionType)
             return null;
-        return (React.createElement("div", { className: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__object'] }) },
-            React.createElement(OptionType, { className: CNM.get({ styles: styles$13, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React.createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React.createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
+        return (React.createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst-option__object'] }) },
+            React.createElement(OptionType, { className: CNM.get({ styles: styles$12, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React.createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React.createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
     }
-    return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
+    return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$12, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
             icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
         }, className: CNM.get({
-            styles: styles$13,
+            styles: styles$12,
             cls: [
                 'user-menu-analyst-option__dropdown',
                 isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
@@ -2632,7 +3007,7 @@ var Component$1c = function (_a) {
         }) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
         var _a;
         return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
-            item.title && (React.createElement("span", { className: CNM.get({ styles: styles$13, 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 :
+            item.title && (React.createElement("span", { className: CNM.get({ styles: styles$12, 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$1c, { 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) || ''
@@ -2647,11 +3022,11 @@ var UserMenuAnalystOption = Component$1c;
 var Component$1b = 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$18, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
+    return (React.createElement("div", { className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
         var _a;
         return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
             _a.map(function (item, j) { return (React.createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
-            !isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$18, cls: ['user-menu-analyst-options__divider'] }) },
+            !isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-options__divider'] }) },
                 React.createElement(Divider, null)))));
     })));
 };
@@ -2660,7 +3035,7 @@ var Component$1b = function (_a) {
  */
 var UserMenuAnalystOptions = Component$1b;
 
-var styles$12 = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
+var styles$11 = {"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$1a = 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;
@@ -2680,22 +3055,22 @@ var Component$1a = function (_a) {
                 : action.data;
         }
     }, [action, queryString]);
-    return (React.createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst'] }) },
-        React.createElement("header", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__header'] }) },
-            React.createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user'] }) },
+    return (React.createElement("div", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst'] }) },
+        React.createElement("header", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst__header'] }) },
+            React.createElement("div", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst__user'] }) },
                 React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
-                React.createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info'] }) },
-                    React.createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
-                    React.createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
-                    action ? (React.createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--action'] }) },
+                React.createElement("div", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst__user-info'] }) },
+                    React.createElement("span", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
+                    React.createElement("span", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
+                    action ? (React.createElement("span", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst__user-info--action'] }) },
                         React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
-                        typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
+                        typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$11, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
             headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
-                    styles: styles$12,
+                    styles: styles$11,
                     cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
                 }), optionClassNames: {
-                    link: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__company-link'] }),
-                    dropdown: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__company-dropdown'] })
+                    link: CNM.get({ styles: styles$11, cls: ['user-menu-analyst__company-link'] }),
+                    dropdown: CNM.get({ styles: styles$11, cls: ['user-menu-analyst__company-dropdown'] })
                 } }))),
         footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
 };
@@ -2704,37 +3079,6 @@ var Component$1a = function (_a) {
  */
 var UserMenuAnalyst = Component$1a;
 
-var style$z = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
-
-var MegaMenuSideCards = function (_a) {
-    var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard;
-    var _b = useState(0), selected = _b[0], setSelected = _b[1];
-    var handleClick = useCallback(function (index) { return function () {
-        setSelected(index);
-        onSelectCard && onSelectCard(index);
-    }; }, [onSelectCard]);
-    return (React.createElement("ul", { className: "".concat(style$z["mega-menu-side-cards"]) },
-        jobs &&
-            jobs.slice(0, 10).map(function (job, key) { return (React.createElement("li", { key: key },
-                React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$z["mega-menu-side-cards__card"], " ").concat(selected == key ? style$z["mega-menu-side-cards__card--selected"] : ''), onClick: handleClick(key) })))); }),
-        action && (React.createElement("li", null,
-            React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$z["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
-};
-
-var styles$11 = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
-
-var withMegaMenuContainer = function (WrappedComponent) {
-    var Component = function (_a) {
-        var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
-        return (React.createElement("div", { className: styles$11['mega-menu-side-container'] },
-            React.createElement("div", { className: styles$11['mega-menu-side-container__side'] },
-                React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
-            React.createElement("div", { className: styles$11['mega-menu-side-container__main'] },
-                React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
-    };
-    return Component;
-};
-
 var styles$10 = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
 
 var Component$19 = function (_a) {
@@ -2790,13 +3134,13 @@ var Component$16 = 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;
-        return (React.createElement("div", { className: CNM.get({ styles: styles$1P, cls: ['modal-analyst-container'] }) },
+        return (React.createElement("div", { className: CNM.get({ styles: styles$1W, cls: ['modal-analyst-container'] }) },
             React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
             React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
             React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
     }, [handleClose, name, data, screens, step, setStep]);
-    var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1P, cls: ['modal-analyst-container--desktop'] }) }, component), {
-        sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1P, cls: ['modal-analyst-container--mobile'] }) }, component))
+    var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1W, cls: ['modal-analyst-container--desktop'] }) }, component), {
+        sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1W, cls: ['modal-analyst-container--mobile'] }) }, component))
     });
     return container;
 };
@@ -7279,5 +7623,5 @@ var Component = function (_a) {
 };
 var SuggestedJobsPage = Component;
 
-export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, ERadioType, EmptyResult as EmptyResults, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, message, useMediaQuery, withClickOut, withMegaMenuContainer };
+export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, useMediaQuery, withClickOut, withMegaMenuContainer };
 //# sourceMappingURL=index.js.map