magneto365.ui 2.61.0 → 2.61.2

package/dist/cjs/index.js

@@ -250,7 +250,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 = React.useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
@@ -266,7 +266,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"};
 
@@ -322,10 +322,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";
@@ -418,10 +418,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";
@@ -444,12 +444,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";
@@ -474,10 +474,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";
@@ -492,8 +496,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";
@@ -550,7 +552,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 = React.useState(false), imageError = _b[0], setImageError = _b[1];
     var handleError = function () {
@@ -564,17 +566,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__default["default"].createElement("p", { className: "".concat(styles$2p['badge-count'], " ").concat(className) },
         React__default["default"].createElement("span", { className: styles$2p['badge-count__animation'] }),
         number && number));
 };
-var Badge = Component$2A;
+var Badge = Component$2z;
 
 var BAR_LOADER_PREFIX = '--bar-loader';
 
@@ -602,6 +604,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
@@ -713,7 +716,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 = React.useState(), component = _b[0], setComponent = _b[1];
     var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
@@ -765,13 +768,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 = React.useMemo(function () {
         return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React__default["default"].createElement("span", { className: className }, customText.map(function (_a, index) {
@@ -783,7 +786,6 @@ var Component$2y = function (_a) {
     }, [text, customText, className]);
     return React__default["default"].createElement(React__default["default"].Fragment, null, textRender);
 };
-var Text$1 = Component$2y;
 
 var alertIcons$1 = {
     info: Info,
@@ -792,13 +794,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 = React.useMemo(function () { return alertIcons$1[type]; }, [type]);
     return (React__default["default"].createElement("div", { className: "".concat(style$10["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
         React__default["default"].createElement(IconItem, { className: style$10["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
-        React__default["default"].createElement(Text$1, { text: text, customText: customText, className: style$10["".concat(classMUI, "-text")] }),
+        React__default["default"].createElement(TextCustom, { text: text, customText: customText, className: style$10["".concat(classMUI, "-text")] }),
         onClose && (React__default["default"].createElement("button", { className: style$10["".concat(classMUI, "-close-action")], type: "button", onClick: onClose },
             React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
         extraButton));
@@ -890,7 +892,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 = React.useState(false), showContent = _d[0], setShowContent = _d[1];
@@ -917,12 +919,12 @@ var Component$2w = function (_a) {
         };
     }, [isOpen]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
-        React__default["default"].createElement("div", { className: cx$N('magneto-ui-mobile-drawer', className) },
+        React__default["default"].createElement("div", { className: cx$O('magneto-ui-mobile-drawer', className) },
             React__default["default"].createElement("aside", { className: style$Z[showMenu] },
-                React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$N('magneto-ui-close-button'), onClick: onClose },
+                React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$O('magneto-ui-close-button'), onClick: onClose },
                     React__default["default"].createElement(IconItem, { icon: Add, hover: false })),
-                React__default["default"].createElement("div", { className: cx$N('magneto-ui-container') }, children)),
-            isOpen && (React__default["default"].createElement("span", { className: cx$N('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
+                React__default["default"].createElement("div", { className: cx$O('magneto-ui-container') }, children)),
+            isOpen && (React__default["default"].createElement("span", { className: cx$O('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
 };
 /**
  * Molecule UI component for Mobile Drawer
@@ -1691,6 +1693,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') {
@@ -3062,7 +3065,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"};
@@ -3365,15 +3369,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__default["default"].createElement("div", { className: cx$M('alert-job__content', className) }, children);
+    return React__default["default"].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
@@ -3382,59 +3386,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 = React.useMemo(function () { return alertIcons[type]; }, [type]);
-    return (React__default["default"].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__default["default"].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__default["default"].createElement("button", __assign({ className: cx$K('alert-modal__button', className) }, buttonProps),
+    return (React__default["default"].createElement("button", __assign({ className: cx$L('alert-modal__button', className) }, buttonProps),
         React__default["default"].createElement("p", null, children),
         React__default["default"].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__default["default"].createElement("div", { className: cx$J('alert-job', className, type) }, children);
+    return React__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].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__default["default"].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__default["default"].createElement("a", { className: cx$G("similar-card", className), href: jobUrlSlug, title: title }, children));
+    return (React__default["default"].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
 });
@@ -3491,52 +3495,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__default["default"].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__default["default"].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__default["default"].createElement("div", { className: cx$E('alert-modal__header', className) }, children);
+    return React__default["default"].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__default["default"].createElement("div", { className: cx$D('alert-modal__title', className) },
+    return (React__default["default"].createElement("div", { className: cx$E('alert-modal__title', className) },
         React__default["default"].createElement("p", null, subtitle),
         React__default["default"].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__default["default"].createElement("div", { className: cx$C('alert-modal__body', className) }, children);
+    return React__default["default"].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__default["default"].createElement("div", { className: cx$B('alert-modal__footer', className) }, children);
+    return React__default["default"].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__default["default"].createElement("button", __assign({ className: cx$A('alert-modal__button', className) }, buttonProps),
+    return (React__default["default"].createElement("button", __assign({ className: cx$B('alert-modal__button', className) }, buttonProps),
         React__default["default"].createElement("p", null, children),
         React__default["default"].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__default["default"].createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$z('alert-modal', className), mobileDrawerClassName: cx$z('alert-modal__mobile', mobileClassName) }, children));
+    return (React__default["default"].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,
@@ -3853,8 +3857,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,
@@ -4557,16 +4561,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__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$y('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
+    return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$z('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].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__default["default"].createElement("label", { className: cx$y('checkbox', "checkbox--".concat(display), className, {
+    return (React__default["default"].createElement("label", { className: cx$z('checkbox', "checkbox--".concat(display), className, {
             'checkbox--checked': checked,
             'checkbox--background': type === 'background'
         }), "data-name": "checkbox-container", htmlFor: id },
@@ -5334,55 +5338,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__default["default"].createElement("div", { className: cx$x('section-summary', aligned, className) }, children);
+    return React__default["default"].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__default["default"].createElement("div", { className: cx$w('title-summary', className) }, children);
+    return React__default["default"].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__default["default"].createElement("div", { className: cx$v('subtitle-summary', className) }, children);
+    return React__default["default"].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__default["default"].createElement("button", __assign({}, props, { className: cx$u('button-summary', variant, className) }), children));
+    return (React__default["default"].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__default["default"].createElement("p", { className: cx$t('text-summary', className) }, children);
+    return React__default["default"].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__default["default"].createElement(ModalResponsive, __assign({ modalClassName: cx$s('summary-modal'), mobileDrawerClassName: cx$s('summary-drawer') }, props), children));
+    return (React__default["default"].createElement(ModalResponsive, __assign({ modalClassName: cx$t('summary-modal'), mobileDrawerClassName: cx$t('summary-drawer') }, props), children));
 };
 var ApplicationSummary = Object.assign(Component$Z, {
     Section: ApplicationSection,
@@ -5561,10 +5565,11 @@ var FooterMenuLinks = function (_a) {
     return React__default["default"].createElement(React__default["default"].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__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
         React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
         sm: (React__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
@@ -5573,15 +5578,16 @@ var Component$W = function (_a) {
     var headerBreadCrumb = useMediaQuery(breadCrumbProps && React__default["default"].createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
         sm: null
     });
-    return (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$L, cls: ['header-analyst', className] }) },
-        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$L, cls: ['header-analyst__container'] }) },
-            React__default["default"].createElement("div", { className: CNM.get({ styles: styles$L, cls: ['header-analyst__main-menu'] }) },
+    return (React__default["default"].createElement("header", { className: cx$s('magneto-ui-header-analyst', className) },
+        React__default["default"].createElement("div", { className: cx$s('magneto-ui-header-analyst__container') },
+            React__default["default"].createElement("div", { className: cx$s('magneto-ui-header-analyst__main-menu') },
                 React__default["default"].createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
-                headerLogo),
-            React__default["default"].createElement("div", { className: CNM.get({ styles: styles$L, cls: ['header-analyst__user-menu'] }) },
+                headerLogo,
+                legend && React__default["default"].createElement("span", { className: cx$s('magneto-ui-header-analyst__legend') }, legend)),
+            React__default["default"].createElement("div", { className: cx$s('magneto-ui-header-analyst__user-menu') },
                 userNotificationProps && React__default["default"].createElement(Link, __assign({ iconProps: { icon: Notification$1, size: 20 } }, userNotificationProps)),
                 React__default["default"].createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
-        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$L, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
+        React__default["default"].createElement("div", { className: cx$s('magneto-ui-header-analyst__container') }, headerBreadCrumb)));
 };
 /**
  * Organism UI component of header analyst
@@ -8699,6 +8705,7 @@ exports.Tab = Tab;
 exports.TabButton = TabButton;
 exports.Tag = Tags;
 exports.TextArea = TextArea;
+exports.TextCustom = TextCustom;
 exports.Timeline = Timeline;
 exports.TimelineEvent = TimelineEvent;
 exports.ToggleButton = ToggleButton;