magneto365.ui 2.61.1 → 2.61.3

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"};
 
@@ -543,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 () {
@@ -557,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';
 
@@ -595,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
@@ -706,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 ({
@@ -758,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) {
@@ -776,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,
@@ -785,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));
@@ -883,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];
@@ -910,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
@@ -1684,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') {
@@ -3359,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
@@ -3376,77 +3377,71 @@ 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
 });
 
-var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
-
-var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
-
-var NoData = "https://static.magneto365.com/lib/assets/gif/f106e872354f9e4b.gif";
-
 var style$C = {"mega-menu-empty":"mg_mega_menu_empty_mega-menu-empty_ms4x7","mega-menu-empty__title":"mg_mega_menu_empty_mega-menu-empty_title_ms4x7","mega-menu-empty__subtitle":"mg_mega_menu_empty_mega-menu-empty_subtitle_ms4x7","mega-menu-empty__image":"mg_mega_menu_empty_mega-menu-empty_image_ms4x7"};
 
 var MegaMenuEmpty = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle;
+    var title = _a.title, subtitle = _a.subtitle, _b = _a.imageData, imageData = _b === void 0 ? 'noData' : _b;
     return (React.createElement("div", { className: style$C['mega-menu-empty'] },
         React.createElement("h4", { className: style$C['mega-menu-empty__title'] }, title),
         React.createElement("p", { className: style$C['mega-menu-empty__subtitle'] }, subtitle),
-        React.createElement("img", { className: style$C['mega-menu-empty__image'], src: NoData, height: 170 })));
+        React.createElement("img", { className: style$C['mega-menu-empty__image'], src: staticMessages[imageData], height: 170 })));
 };
 
 var ModalPortal = function (_a) {
@@ -3485,52 +3480,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,
@@ -3847,8 +3842,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,
@@ -4385,6 +4380,18 @@ var LocationBlue = "https://static.magneto365.com/lib/assets/megaMenu/5b59e34612
 
 var Book = "https://static.magneto365.com/lib/assets/megaMenu/ca9ee6d183e7647b.svg";
 
+var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
+
+var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
+
+var NoData = "https://static.magneto365.com/lib/assets/gif/f106e872354f9e4b.gif";
+
+var Waiting = "https://static.magneto365.com/lib/assets/gif/e2ca38f1e0d908d9.gif";
+
+var staticMessages = {
+    noData: NoData,
+    waiting: Waiting
+};
 var alphabet = 'ABCDEFGHIJKLMNÑOPQRSTUVWXYZ';
 var megaMenuJobImage = {
     title: 'Cajero cafeteria en la esquina del barrio de por mi casa',
@@ -4551,16 +4558,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 },
@@ -5328,55 +5335,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,
@@ -5555,10 +5562,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 },
@@ -5567,15 +5575,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
@@ -8533,5 +8542,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