magneto365.ui 2.61.0 → 2.61.2

package/dist/esm/index.js

@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
 
 var style$11 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
 
-var Component$2C = function (_a) {
+var Component$2B = 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,7 +257,7 @@ var Component$2C = function (_a) {
 /**
  * Atom UI component of Icon for general purpose
  */
-var IconItem = Component$2C;
+var IconItem = Component$2B;
 
 var styles$2q = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
 
@@ -313,10 +313,10 @@ var BriefcaseWhiteOutline = "https://static.magneto365.com/lib/assets/01089d38d7
 
 var Broom = "https://static.magneto365.com/lib/assets/9c1d55cc247b09da.svg";
 
-var Buildings2 = "https://static.magneto365.com/lib/assets/11dece484f88eed0.svg";
-
 var BuildingSlashBlackOutline = "https://static.magneto365.com/lib/assets/da7646bb56b7e29c.svg";
 
+var Buildings2 = "https://static.magneto365.com/lib/assets/11dece484f88eed0.svg";
+
 var Calendar1 = "https://static.magneto365.com/lib/assets/0b8544276681f8c8.svg";
 
 var Checked = "https://static.magneto365.com/lib/assets/530e8da9d7699174.svg";
@@ -409,10 +409,10 @@ var IsoLogoMagnetoDark = "https://static.magneto365.com/lib/assets/7e60e6c4b8305
 
 var Link1 = "https://static.magneto365.com/lib/assets/38e44ce280218375.svg";
 
-var Linkedin = "https://static.magneto365.com/lib/assets/86746fb681bfc4fe.svg";
-
 var LinkedInBlue = "https://static.magneto365.com/lib/assets/cff89749dd038dca.svg";
 
+var Linkedin = "https://static.magneto365.com/lib/assets/86746fb681bfc4fe.svg";
+
 var LinkedinSolid = "https://static.magneto365.com/lib/assets/e064bafd7de57824.svg";
 
 var Location = "https://static.magneto365.com/lib/assets/1d2b2fdbb7ac3a22.svg";
@@ -435,12 +435,12 @@ var MessageQuestion = "https://static.magneto365.com/lib/assets/4be843dae5de2ab7
 
 var Messages2BlackOutline = "https://static.magneto365.com/lib/assets/801c14292dfce9f7.svg";
 
+var MinTrabajo = "https://static.magneto365.com/lib/assets/756115bfe5634bf3.svg";
+
 var MiniArrowGrayDown = "https://static.magneto365.com/lib/assets/0385a8005062bc95.svg";
 
 var MiniArrowGrayUp = "https://static.magneto365.com/lib/assets/e5049168ea868a14.svg";
 
-var MinTrabajo = "https://static.magneto365.com/lib/assets/756115bfe5634bf3.svg";
-
 var Mobile = "https://static.magneto365.com/lib/assets/1ffa551d093c61e8.svg";
 
 var More = "https://static.magneto365.com/lib/assets/257cb9e07aa4ed0f.svg";
@@ -465,10 +465,14 @@ var RedoDarkBlue = "https://static.magneto365.com/lib/assets/4cf47c41aa26c92f.sv
 
 var Refresh = "https://static.magneto365.com/lib/assets/ccf7b78b6ea5c7b1.svg";
 
+var SMSBlue = "https://static.magneto365.com/lib/assets/b7ccde33a6f717b4.svg";
+
 var SearchIcon = "https://static.magneto365.com/lib/assets/d62a2c77122eb864.svg";
 
 var SearchNormal1 = "https://static.magneto365.com/lib/assets/37c68bee58e241c3.svg";
 
+var Security = "https://static.magneto365.com/lib/assets/1f6f5cbde2c0ff31.svg";
+
 var Setting2 = "https://static.magneto365.com/lib/assets/a32498104dcaa9fe.svg";
 
 var Setting4 = "https://static.magneto365.com/lib/assets/88ef856d318bd7cd.svg";
@@ -483,8 +487,6 @@ var ShoppingCartBlueOutline = "https://static.magneto365.com/lib/assets/bdaa69e0
 
 var SmallClose = "https://static.magneto365.com/lib/assets/08aa49c5bd43a865.svg";
 
-var SMSBlue = "https://static.magneto365.com/lib/assets/b7ccde33a6f717b4.svg";
-
 var SpinnerWhite = "https://static.magneto365.com/lib/assets/b97768a94b8e244b.svg";
 
 var Success = "https://static.magneto365.com/lib/assets/d08d09ab2ca482fb.svg";
@@ -541,7 +543,7 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
 
 var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
 
-var Component$2B = function (_a) {
+var Component$2A = 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 () {
@@ -555,17 +557,17 @@ var Component$2B = function (_a) {
 /**
  * UI Atom component of Avatar
  */
-var Avatar = Component$2B;
+var Avatar = Component$2A;
 
 var styles$2p = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
 
-var Component$2A = function (_a) {
+var Component$2z = function (_a) {
     var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
     return (React.createElement("p", { className: "".concat(styles$2p['badge-count'], " ").concat(className) },
         React.createElement("span", { className: styles$2p['badge-count__animation'] }),
         number && number));
 };
-var Badge = Component$2A;
+var Badge = Component$2z;
 
 var BAR_LOADER_PREFIX = '--bar-loader';
 
@@ -593,6 +595,7 @@ function parseDate(value) {
     return { initialMonth: initialMonth, initialYear: initialYear };
 }
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 var monthOptionsValue = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
 var _a$5 = generateYearArray(), yearsArray = _a$5.yearsArray, yearsArrayToString = _a$5.yearsArrayToString;
 //Story const
@@ -704,7 +707,7 @@ var ShareIcons = {
     }
 };
 
-var Component$2z = function (_a) {
+var Component$2y = 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, isApplied = _a.isApplied;
     var _b = useState(), component = _b[0], setComponent = _b[1];
     var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
@@ -756,13 +759,13 @@ var ShareLinksAction = function (_a) {
 /**
  * UI Molecule componet of Actions
  */
-var Actions = Object.assign(Component$2z, { ShareLinks: ShareLinksAction });
+var Actions = Object.assign(Component$2y, { ShareLinks: ShareLinksAction });
 
 var style$10 = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
 
 var style$$ = {"magneto-ui-bold":"mg_text_magneto-ui-bold_16w4y","magneto-ui-lighter":"mg_text_magneto-ui-lighter_16w4y","magneto-ui-normal":"mg_text_magneto-ui-normal_16w4y"};
 
-var Component$2y = function (_a) {
+var TextCustom = function (_a) {
     var text = _a.text, customText = _a.customText, className = _a.className;
     var textRender = useMemo(function () {
         return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React.createElement("span", { className: className }, customText.map(function (_a, index) {
@@ -774,7 +777,6 @@ var Component$2y = function (_a) {
     }, [text, customText, className]);
     return React.createElement(React.Fragment, null, textRender);
 };
-var Text$1 = Component$2y;
 
 var alertIcons$1 = {
     info: Info,
@@ -783,13 +785,13 @@ var alertIcons$1 = {
     error: Error
 };
 var Component$2x = 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 _b = _a.text, text = _b === void 0 ? '' : _b, type = _a.type, customText = _a.customText, _c = _a.border, border = _c === void 0 ? false : _c, size = _a.size, onClose = _a.onClose, _d = _a.className, className = _d === void 0 ? '' : _d, extraButton = _a.extraButton;
     var borderStyle = border ? style$10["".concat(classMUI, "-").concat(type, "--with-border")] : '';
     var typeStyle = style$10["".concat(classMUI, "-").concat(type)];
     var iconByType = useMemo(function () { return alertIcons$1[type]; }, [type]);
     return (React.createElement("div", { className: "".concat(style$10["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
         React.createElement(IconItem, { className: style$10["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
-        React.createElement(Text$1, { text: text, customText: customText, className: style$10["".concat(classMUI, "-text")] }),
+        React.createElement(TextCustom, { text: text, customText: customText, className: style$10["".concat(classMUI, "-text")] }),
         onClose && (React.createElement("button", { className: style$10["".concat(classMUI, "-close-action")], type: "button", onClick: onClose },
             React.createElement(IconItem, { icon: Close, alt: type }))),
         extraButton));
@@ -881,7 +883,7 @@ var classNames = {
     }
 };
 
-var cx$N = classNames.bind(style$Z);
+var cx$O = classNames.bind(style$Z);
 var Component$2w = 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];
@@ -908,12 +910,12 @@ var Component$2w = function (_a) {
         };
     }, [isOpen]);
     return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
-        React.createElement("div", { className: cx$N('magneto-ui-mobile-drawer', className) },
+        React.createElement("div", { className: cx$O('magneto-ui-mobile-drawer', className) },
             React.createElement("aside", { className: style$Z[showMenu] },
-                React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$N('magneto-ui-close-button'), onClick: onClose },
+                React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$O('magneto-ui-close-button'), onClick: onClose },
                     React.createElement(IconItem, { icon: Add, hover: false })),
-                React.createElement("div", { className: cx$N('magneto-ui-container') }, children)),
-            isOpen && (React.createElement("span", { className: cx$N('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
+                React.createElement("div", { className: cx$O('magneto-ui-container') }, children)),
+            isOpen && (React.createElement("span", { className: cx$O('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
 };
 /**
  * Molecule UI component for Mobile Drawer
@@ -1682,6 +1684,7 @@ var Tab = Component$2g;
 
 var styles$25 = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var toCSSVariables = function (input) {
     var output = {};
     if (typeof input !== 'object') {
@@ -3053,7 +3056,8 @@ var userMenuAnalystIcons = {
     add: AddSquareBlackOutline,
     redo: RedoDarkBlue,
     whatsApp: WhatsAppDark,
-    rateUsHelp: Messages2BlackOutline
+    rateUsHelp: Messages2BlackOutline,
+    recoverPassword: Security
 };
 
 var styles$1z = {"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"};
@@ -3356,15 +3360,15 @@ var styles$1q = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_
 
 var styles$1p = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
 
-var cx$M = classNames.bind(styles$1p);
+var cx$N = classNames.bind(styles$1p);
 var AlertJobStatusContainer = function (_a) {
     var className = _a.className, children = _a.children;
-    return React.createElement("div", { className: cx$M('alert-job__content', className) }, children);
+    return React.createElement("div", { className: cx$N('alert-job__content', className) }, children);
 };
 
 var styles$1o = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
 
-var cx$L = classNames.bind(styles$1o);
+var cx$M = classNames.bind(styles$1o);
 var alertIcons = {
     success: Checked2,
     warning: Warning3D
@@ -3373,59 +3377,59 @@ var AlertJobStatusIcon = function (_a) {
     var src = _a.src, _b = _a.size, size = _b === void 0 ? 34 : _b, alt = _a.alt, className = _a.className, _c = _a.type, type = _c === void 0 ? 'warning' : _c;
     var customWidth = size ? { width: size + 'px' } : {};
     var iconByType = useMemo(function () { return alertIcons[type]; }, [type]);
-    return (React.createElement("img", { style: customWidth, className: cx$L('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
+    return (React.createElement("img", { style: customWidth, className: cx$M('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
 };
 
 var styles$1n = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
 
-var cx$K = classNames.bind(styles$1n);
+var cx$L = classNames.bind(styles$1n);
 var AlertJobStatusButton = function (_a) {
     var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
-    return (React.createElement("button", __assign({ className: cx$K('alert-modal__button', className) }, buttonProps),
+    return (React.createElement("button", __assign({ className: cx$L('alert-modal__button', className) }, buttonProps),
         React.createElement("p", null, children),
         React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
 };
 
-var cx$J = classNames.bind(styles$1q);
+var cx$K = classNames.bind(styles$1q);
 var Component$1D = function (_a) {
     var children = _a.children, className = _a.className, type = _a.type;
-    return React.createElement("div", { className: cx$J('alert-job', className, type) }, children);
+    return React.createElement("div", { className: cx$K('alert-job', className, type) }, children);
 };
 var AlertJobStatus = Object.assign(Component$1D, {
     Container: AlertJobStatusContainer,
     Icon: AlertJobStatusIcon,
     Button: AlertJobStatusButton,
-    Text: Text$1
+    Text: TextCustom
 });
 
 var styles$1m = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-card__arrow":"mg_similar_card_similar-card_arrow_8mo62","similar-card__text":"mg_similar_card_similar-card_text_8mo62","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_8mo62"};
 
 var styles$1l = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
 
-var cx$I = classNames.bind(styles$1l);
+var cx$J = classNames.bind(styles$1l);
 var Component$1C = function (_a) {
     var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
     if (hideLogo)
         return null;
-    return (React.createElement("img", { className: cx$I("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
+    return (React.createElement("img", { className: cx$J("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
 };
 var SimilarCardLogo = Component$1C;
 
-var cx$H = classNames.bind(styles$1m);
+var cx$I = classNames.bind(styles$1m);
 var Component$1B = function (_a) {
     var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
     return (React.createElement(React.Fragment, null,
-        React.createElement(IconItem, { className: cx$H('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
+        React.createElement(IconItem, { className: cx$I('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
 };
 var SimilarCardIcon = Component$1B;
 
-var cx$G = classNames.bind(styles$1m);
+var cx$H = classNames.bind(styles$1m);
 var Component$1A = function (_a) {
     var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
-    return (React.createElement("a", { className: cx$G("similar-card", className), href: jobUrlSlug, title: title }, children));
+    return (React.createElement("a", { className: cx$H("similar-card", className), href: jobUrlSlug, title: title }, children));
 };
 var SimilarCard = Object.assign(Component$1A, {
-    Text: Text$1,
+    Text: TextCustom,
     Logo: SimilarCardLogo,
     Icon: SimilarCardIcon
 });
@@ -3482,52 +3486,52 @@ var Notification = function (_a) {
 
 var styles$1j = {"alert-modal":"mg_alert_job_modal_alert-modal_oyuqf","alert-modal__mobile":"mg_alert_job_modal_alert-modal_mobile_oyuqf","alert-modal__header":"mg_alert_job_modal_alert-modal_header_oyuqf","alert-modal__body":"mg_alert_job_modal_alert-modal_body_oyuqf","alert-modal__footer":"mg_alert_job_modal_alert-modal_footer_oyuqf","alert-modal__icon":"mg_alert_job_modal_alert-modal_icon_oyuqf","alert-modal__title":"mg_alert_job_modal_alert-modal_title_oyuqf","alert-modal__checkbox":"mg_alert_job_modal_alert-modal_checkbox_oyuqf","alert-modal__button":"mg_alert_job_modal_alert-modal_button_oyuqf"};
 
-var cx$F = classNames.bind(styles$1j);
+var cx$G = classNames.bind(styles$1j);
 var AlertJobModalIcon = function (_a) {
     var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
     var customWidth = size ? { width: size + 'px' } : {};
-    return (React.createElement("img", { style: customWidth, className: cx$F('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Urgent, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
+    return (React.createElement("img", { style: customWidth, className: cx$G('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Urgent, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
 };
 
-var cx$E = classNames.bind(styles$1j);
+var cx$F = classNames.bind(styles$1j);
 var AlertJobModalHeader = function (_a) {
     var className = _a.className, children = _a.children;
-    return React.createElement("div", { className: cx$E('alert-modal__header', className) }, children);
+    return React.createElement("div", { className: cx$F('alert-modal__header', className) }, children);
 };
 
-var cx$D = classNames.bind(styles$1j);
+var cx$E = classNames.bind(styles$1j);
 var AlertJobModalTitle = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
-    return (React.createElement("div", { className: cx$D('alert-modal__title', className) },
+    return (React.createElement("div", { className: cx$E('alert-modal__title', className) },
         React.createElement("p", null, subtitle),
         React.createElement("p", null, "\u201C".concat(title, "\u201D")),
         children));
 };
 
-var cx$C = classNames.bind(styles$1j);
+var cx$D = classNames.bind(styles$1j);
 var AlertJobModalBody = function (_a) {
     var className = _a.className, children = _a.children;
-    return React.createElement("div", { className: cx$C('alert-modal__body', className) }, children);
+    return React.createElement("div", { className: cx$D('alert-modal__body', className) }, children);
 };
 
-var cx$B = classNames.bind(styles$1j);
+var cx$C = classNames.bind(styles$1j);
 var AlertJobModalFooter = function (_a) {
     var className = _a.className, children = _a.children;
-    return React.createElement("div", { className: cx$B('alert-modal__footer', className) }, children);
+    return React.createElement("div", { className: cx$C('alert-modal__footer', className) }, children);
 };
 
-var cx$A = classNames.bind(styles$1j);
+var cx$B = classNames.bind(styles$1j);
 var AlertJobModalButton = function (_a) {
     var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
-    return (React.createElement("button", __assign({ className: cx$A('alert-modal__button', className) }, buttonProps),
+    return (React.createElement("button", __assign({ className: cx$B('alert-modal__button', className) }, buttonProps),
         React.createElement("p", null, children),
         React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
 };
 
-var cx$z = classNames.bind(styles$1j);
+var cx$A = classNames.bind(styles$1j);
 var Component$1z = function (_a) {
     var children = _a.children, className = _a.className, mobileClassName = _a.mobileClassName, open = _a.open, onClose = _a.onClose;
-    return (React.createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$z('alert-modal', className), mobileDrawerClassName: cx$z('alert-modal__mobile', mobileClassName) }, children));
+    return (React.createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$A('alert-modal', className), mobileDrawerClassName: cx$A('alert-modal__mobile', mobileClassName) }, children));
 };
 var AlertJobModal = Object.assign(Component$1z, {
     Header: AlertJobModalHeader,
@@ -3844,8 +3848,8 @@ var UserMenuAnalystProps = {
     ]
 };
 var HeaderAnalystProps = {
-    // onMainMenuClick: () => ({}),
     className: 'magneto-ui-header-analyst',
+    legend: 'Plan premium',
     logoProps: __assign(__assign({}, logoPropsDark), { alt: 'hola', href: '/inicio', rel: 'noreferrer', target: '_self' }),
     breadCrumbProps: BreadCrumbAnalystProps,
     userMenuProps: UserMenuAnalystProps,
@@ -4548,16 +4552,16 @@ var ComparativeCounter = Component$1r;
 
 var styles$1c = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
 
-var cx$y = classNames.bind(styles$1c);
+var cx$z = classNames.bind(styles$1c);
 var defaultCheck = function (_a) {
     var type = _a.type, checked = _a.checked;
     if (type === 'background')
         return;
-    return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$y('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
+    return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$z('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
 };
 var Component$1q = function (_a) {
     var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
-    return (React.createElement("label", { className: cx$y('checkbox', "checkbox--".concat(display), className, {
+    return (React.createElement("label", { className: cx$z('checkbox', "checkbox--".concat(display), className, {
             'checkbox--checked': checked,
             'checkbox--background': type === 'background'
         }), "data-name": "checkbox-container", htmlFor: id },
@@ -5325,55 +5329,55 @@ var AlphabetFilter = function (_a) {
 
 var styles$T = {"section-summary":"mg_application_section_section-summary_1r3rt","start":"mg_application_section_start_1r3rt","center":"mg_application_section_center_1r3rt","end":"mg_application_section_end_1r3rt"};
 
-var cx$x = classNames.bind(styles$T);
+var cx$y = classNames.bind(styles$T);
 var Component$12 = function (_a) {
     var _b = _a.aligned, aligned = _b === void 0 ? 'start' : _b, className = _a.className, children = _a.children;
-    return React.createElement("div", { className: cx$x('section-summary', aligned, className) }, children);
+    return React.createElement("div", { className: cx$y('section-summary', aligned, className) }, children);
 };
 var ApplicationSection = Component$12;
 
 var styles$S = {"title-summary":"mg_application_title_title-summary_opa1s"};
 
-var cx$w = classNames.bind(styles$S);
+var cx$x = classNames.bind(styles$S);
 var Component$11 = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: cx$w('title-summary', className) }, children);
+    return React.createElement("div", { className: cx$x('title-summary', className) }, children);
 };
 var ApplicationTitle = Component$11;
 
 var styles$R = {"subtitle-summary":"mg_application_sub_title_subtitle-summary_1qgmh"};
 
-var cx$v = classNames.bind(styles$R);
+var cx$w = classNames.bind(styles$R);
 var Component$10 = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: cx$v('subtitle-summary', className) }, children);
+    return React.createElement("div", { className: cx$w('subtitle-summary', className) }, children);
 };
 var ApplicationSubtitle = Component$10;
 
 var styles$Q = {"button-summary":"mg_application_button_button-summary_cc5lv","primary":"mg_application_button_primary_cc5lv","secondary":"mg_application_button_secondary_cc5lv"};
 
-var cx$u = classNames.bind(styles$Q);
+var cx$v = classNames.bind(styles$Q);
 var Component$$ = function (_a) {
     var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, props = __rest(_a, ["className", "children", "variant"]);
-    return (React.createElement("button", __assign({}, props, { className: cx$u('button-summary', variant, className) }), children));
+    return (React.createElement("button", __assign({}, props, { className: cx$v('button-summary', variant, className) }), children));
 };
 var ApplicationButton = Component$$;
 
 var styles$P = {"text-summary":"mg_application_text_text-summary_bvtna"};
 
-var cx$t = classNames.bind(styles$P);
+var cx$u = classNames.bind(styles$P);
 var Component$_ = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("p", { className: cx$t('text-summary', className) }, children);
+    return React.createElement("p", { className: cx$u('text-summary', className) }, children);
 };
 var ApplicationText = Component$_;
 
 var styles$O = {"summary-modal":"mg_application_summary_summary-modal_17gu5"};
 
-var cx$s = classNames.bind(styles$O);
+var cx$t = classNames.bind(styles$O);
 var Component$Z = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(ModalResponsive, __assign({ modalClassName: cx$s('summary-modal'), mobileDrawerClassName: cx$s('summary-drawer') }, props), children));
+    return (React.createElement(ModalResponsive, __assign({ modalClassName: cx$t('summary-modal'), mobileDrawerClassName: cx$t('summary-drawer') }, props), children));
 };
 var ApplicationSummary = Object.assign(Component$Z, {
     Section: ApplicationSection,
@@ -5552,10 +5556,11 @@ var FooterMenuLinks = function (_a) {
     return React.createElement(React.Fragment, null, footerMenuResponsive);
 };
 
-var styles$L = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
+var styles$L = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_qs8r9","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_qs8r9","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_qs8r9","magneto-ui-header-analyst__legend":"mg_header_analyst_magneto-ui-header-analyst_legend_qs8r9","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_qs8r9"};
 
+var cx$s = classNames.bind(styles$L);
 var Component$W = function (_a) {
-    var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
+    var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, legend = _a.legend, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
     var headerLogo = useMediaQuery(React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
         React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
         sm: (React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
@@ -5564,15 +5569,16 @@ var Component$W = function (_a) {
     var headerBreadCrumb = useMediaQuery(breadCrumbProps && React.createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
         sm: null
     });
-    return (React.createElement("header", { className: CNM.get({ styles: styles$L, cls: ['header-analyst', className] }) },
-        React.createElement("div", { className: CNM.get({ styles: styles$L, cls: ['header-analyst__container'] }) },
-            React.createElement("div", { className: CNM.get({ styles: styles$L, cls: ['header-analyst__main-menu'] }) },
+    return (React.createElement("header", { className: cx$s('magneto-ui-header-analyst', className) },
+        React.createElement("div", { className: cx$s('magneto-ui-header-analyst__container') },
+            React.createElement("div", { className: cx$s('magneto-ui-header-analyst__main-menu') },
                 React.createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
-                headerLogo),
-            React.createElement("div", { className: CNM.get({ styles: styles$L, cls: ['header-analyst__user-menu'] }) },
+                headerLogo,
+                legend && React.createElement("span", { className: cx$s('magneto-ui-header-analyst__legend') }, legend)),
+            React.createElement("div", { className: cx$s('magneto-ui-header-analyst__user-menu') },
                 userNotificationProps && React.createElement(Link, __assign({ iconProps: { icon: Notification$1, size: 20 } }, userNotificationProps)),
                 React.createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
-        React.createElement("div", { className: CNM.get({ styles: styles$L, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
+        React.createElement("div", { className: cx$s('magneto-ui-header-analyst__container') }, headerBreadCrumb)));
 };
 /**
  * Organism UI component of header analyst
@@ -8530,5 +8536,5 @@ var Component = function (_a) {
 };
 var SuggestedJobsPage = Component;
 
-export { Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlertsPanel, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
+export { Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlertsPanel, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, TextCustom, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
 //# sourceMappingURL=index.js.map