magneto365.ui 2.75.0 → 2.75.2

package/dist/esm/index.js

@@ -307,24 +307,24 @@ var classNames = {
     }
 };
 
-var cx$1l = classNames.bind(styles$33);
-var Component$3d = function (_a) {
+var cx$1m = classNames.bind(styles$33);
+var Component$3e = 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, isRotate = _a.isRotate;
     var _d = useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
         setImageError(true);
     };
     var iconSrc = useMemo(function () { return (!imageError ? icon !== null && icon !== void 0 ? icon : undefined : fallbackIcon); }, [fallbackIcon, imageError, icon]);
-    var isHover = hover ? cx$1l('magneto-ui-hover') : '';
+    var isHover = hover ? cx$1m('magneto-ui-hover') : '';
     var customStyle = size ? { width: size + 'px' } : {};
     if (!iconSrc && !showDefaultFallback)
         return null;
-    return (React.createElement(Fragment, null, icon && (React.createElement("img", { "data-name": "icon", style: customStyle, className: cx$1l('magneto-ui-icon', { 'magneto-ui-rotate': isRotate }, isHover, className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
+    return (React.createElement(Fragment, null, icon && (React.createElement("img", { "data-name": "icon", style: customStyle, className: cx$1m('magneto-ui-icon', { 'magneto-ui-rotate': isRotate }, isHover, className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
 };
 /**
  * Atom UI component of Icon for general purpose
  */
-var IconItem = Component$3d;
+var IconItem = Component$3e;
 
 var styles$32 = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
 
@@ -652,7 +652,7 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
 
 var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
 
-var Component$3c = function (_a) {
+var Component$3d = 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 () {
@@ -666,17 +666,17 @@ var Component$3c = function (_a) {
 /**
  * UI Atom component of Avatar
  */
-var Avatar = Component$3c;
+var Avatar = Component$3d;
 
 var styles$31 = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
 
-var Component$3b = function (_a) {
+var Component$3c = function (_a) {
     var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
     return (React.createElement("p", { className: "".concat(styles$31['badge-count'], " ").concat(className) },
         React.createElement("span", { className: styles$31['badge-count__animation'] }),
         number && number));
 };
-var Badge = Component$3b;
+var Badge = Component$3c;
 
 var styles$30 = {"magneto-ui-chart-bar":"mg_bar_chart_magneto-ui-chart-bar_1jzzq","magneto-ui-chart-bar__point":"mg_bar_chart_magneto-ui-chart-bar_point_1jzzq","magneto-ui-chart-bar__popover":"mg_bar_chart_magneto-ui-chart-bar_popover_1jzzq","popover-left":"mg_bar_chart_popover-left_1jzzq","popover-right":"mg_bar_chart_popover-right_1jzzq"};
 
@@ -694,7 +694,7 @@ var EPositions;
     EPositions["center"] = "center";
 })(EPositions || (EPositions = {}));
 
-var Component$3a = function (_a) {
+var Component$3b = function (_a) {
     var range = _a.bin, percentage = _a.heightPercentage, jobText = _a.jobText, point = _a.point, _b = _a.maxHeight, maxHeight = _b === void 0 ? 400 : _b, _c = _a.maxPercentage, maxPercentage = _c === void 0 ? 1 : _c;
     var barRef = useRef(null);
     var _d = useState(false), isHover = _d[0], setIsHover = _d[1];
@@ -726,7 +726,7 @@ var Component$3a = function (_a) {
         React.createElement("div", { className: styles$30['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
         popoverContent));
 };
-var BarChart = Component$3a;
+var BarChart = Component$3b;
 
 var BAR_LOADER_PREFIX = '--bar-loader';
 
@@ -1561,7 +1561,7 @@ var CNM = /** @class */ (function () {
 
 var styles$2$ = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
 
-var Component$39 = function (_a) {
+var Component$3a = function (_a) {
     var className = _a.className, color = _a.color, percent = _a.percent;
     var validateCompleted = useCallback(function (value) {
         if (!value)
@@ -1591,11 +1591,11 @@ var Component$39 = function (_a) {
 /**
  * UI Atom component of Bar Loader
  */
-var BarLoader = Component$39;
+var BarLoader = Component$3a;
 
 var styles$2_ = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
 
-var Component$38 = function (_a) {
+var Component$39 = function (_a) {
     var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
     var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
     var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
@@ -1636,11 +1636,11 @@ var Component$38 = function (_a) {
 /**
  * Atom UI of breadcrumb
  */
-var Breadcrumb = Component$38;
+var Breadcrumb = Component$39;
 
 var styles$2Z = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
 
-var Component$37 = function (_a) {
+var Component$38 = function (_a) {
     var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
     return (React.createElement("button", { className: "".concat(className, " ").concat(styles$2Z['magneto-ui-button'], " ").concat(addHover ? styles$2Z['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
         typeof suffixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2Z['magneto-ui-button__icon'] })) : (suffixIcon),
@@ -1650,11 +1650,11 @@ var Component$37 = function (_a) {
 /**
  * UI Atom Component of Save Button
  */
-var Button = Component$37;
+var Button = Component$38;
 
 var styles$2Y = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
 
-var Component$36 = function (_a) {
+var Component$37 = function (_a) {
     var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
     var handleClick = useCallback(function (event) {
         if (onClick) {
@@ -1670,20 +1670,20 @@ var Component$36 = function (_a) {
 /**
  * UI Atom Component of Save Button
  */
-var ButtonLink = Component$36;
+var ButtonLink = Component$37;
 
 var styles$2X = {"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$1k = classNames.bind(styles$2X);
+var cx$1l = classNames.bind(styles$2X);
 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$1k('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$1l('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
 };
-var Component$35 = function (_a) {
+var Component$36 = 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$1k('checkbox', "checkbox--".concat(display), className, {
+    return (React.createElement("label", { className: cx$1l('checkbox', "checkbox--".concat(display), className, {
             'checkbox--checked': checked,
             'checkbox--background': type === 'background'
         }), "data-name": "checkbox-container", htmlFor: id },
@@ -1694,7 +1694,7 @@ var Component$35 = function (_a) {
             }, type: "checkbox", id: id }, rest)),
         children));
 };
-var Checkbox = Component$35;
+var Checkbox = Component$36;
 
 var CollapseContext = createContext(undefined);
 var Provider$2 = function (_a) {
@@ -1728,41 +1728,41 @@ var context$2 = /*#__PURE__*/Object.freeze({
 
 var styles$2W = {"magneto-ui-collapse-body":"mg_collapse_body_magneto-ui-collapse-body_1sj1m","magneto-ui-collapse-body--visible":"mg_collapse_body_magneto-ui-collapse-body--visible_1sj1m","magneto-ui-collapse-body__container":"mg_collapse_body_magneto-ui-collapse-body_container_1sj1m","magneto-ui-collapse-body__container--visible":"mg_collapse_body_magneto-ui-collapse-body_container--visible_1sj1m","magneto-ui-collapse-body__content":"mg_collapse_body_magneto-ui-collapse-body_content_1sj1m","magneto-ui-collapse-body__content--visible":"mg_collapse_body_magneto-ui-collapse-body_content--visible_1sj1m"};
 
-var cx$1j = classNames.bind(styles$2W);
-var Component$34 = function (_a) {
+var cx$1k = classNames.bind(styles$2W);
+var Component$35 = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     var open = useCollapse().open;
-    return (React.createElement("div", __assign({}, props, { className: cx$1j('magneto-ui-collapse-body', {
+    return (React.createElement("div", __assign({}, props, { className: cx$1k('magneto-ui-collapse-body', {
             'magneto-ui-collapse-body--visible': open
         }) }),
-        React.createElement("div", { className: cx$1j('magneto-ui-collapse-body__container', {
+        React.createElement("div", { className: cx$1k('magneto-ui-collapse-body__container', {
                 'magneto-ui-collapse-body__container--visible': open
             }) },
-            React.createElement("div", { className: cx$1j('magneto-ui-collapse-body__content', {
+            React.createElement("div", { className: cx$1k('magneto-ui-collapse-body__content', {
                     'magneto-ui-collapse-body__content--visible': open
                 }, className) }, children))));
 };
 /**
  * Atom UI component child of Collapse
  */
-var CollapseBody = Component$34;
+var CollapseBody = Component$35;
 
 var styles$2V = {"magneto-ui-collapse-header":"mg_collapse_header_magneto-ui-collapse-header_1wc3x"};
 
-var cx$1i = classNames.bind(styles$2V);
-var Component$33 = function (_a) {
+var cx$1j = classNames.bind(styles$2V);
+var Component$34 = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (React.createElement("header", __assign({ className: cx$1i('magneto-ui-collapse-header', className) }, props), children));
+    return (React.createElement("header", __assign({ className: cx$1j('magneto-ui-collapse-header', className) }, props), children));
 };
 /**
  * Atom UI component child of Collapse
  */
-var CollapseHeader = Component$33;
+var CollapseHeader = Component$34;
 
 var styles$2U = {"magneto-ui-collapse-toggler":"mg_collapse_toggler_magneto-ui-collapse-toggler_1ngmx"};
 
-var cx$1h = classNames.bind(styles$2U);
-var Component$32 = function (_a) {
+var cx$1i = classNames.bind(styles$2U);
+var Component$33 = function (_a) {
     var children = _a.children, className = _a.className, onClick = _a.onClick, props = __rest(_a, ["children", "className", "onClick"]);
     var _b = useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
     var handleOnClick = useCallback(function (evt) {
@@ -1770,14 +1770,14 @@ var Component$32 = function (_a) {
             onClick(evt);
         onChangeOpen(!open);
     }, [open, onChangeOpen, onClick]);
-    return (React.createElement("button", __assign({}, props, { onClick: handleOnClick, className: cx$1h('magneto-ui-collapse-toggler', className) }), children));
+    return (React.createElement("button", __assign({}, props, { onClick: handleOnClick, className: cx$1i('magneto-ui-collapse-toggler', className) }), children));
 };
 /**
  * Atom UI component child of Collapse
  */
-var CollapseToggler = Component$32;
+var CollapseToggler = Component$33;
 
-var Component$31 = function (_a) {
+var Component$32 = function (_a) {
     var children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, onChangeOpen = _a.onChangeOpen, props = __rest(_a, ["children", "defaultOpen", "open", "onChangeOpen"]);
     return (React.createElement(Provider$2, { defaultOpen: defaultOpen, open: open, onChangeOpen: onChangeOpen },
         React.createElement("div", __assign({}, props), children)));
@@ -1785,12 +1785,12 @@ var Component$31 = function (_a) {
 /**
  * Atom UI component of Collapse
  */
-var Collapse = Object.assign(Component$31, __assign({ Body: CollapseBody, Header: CollapseHeader, Toggler: CollapseToggler }, context$2));
+var Collapse = Object.assign(Component$32, __assign({ Body: CollapseBody, Header: CollapseHeader, Toggler: CollapseToggler }, context$2));
 
 var styles$2T = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
 
 var nf = new Intl.NumberFormat('de-DE');
-var Component$30 = function (_a) {
+var Component$31 = function (_a) {
     var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c, _d = _a.position, position = _d === void 0 ? 'left' : _d;
     var currentHigherMax = useMemo(function () {
         return current > max;
@@ -1801,11 +1801,11 @@ var Component$30 = function (_a) {
             " / ",
             nf.format(max))));
 };
-var ComparativeCounter = Component$30;
+var ComparativeCounter = Component$31;
 
 var styles$2S = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
 
-var Component$2$ = function (_a) {
+var Component$30 = function (_a) {
     var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
     var disabledArrow = useMemo(function () {
         if (disabled)
@@ -1821,7 +1821,7 @@ var Component$2$ = function (_a) {
             })),
         React.createElement("span", { className: styles$2S['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
 };
-var DateDropdown = Component$2$;
+var DateDropdown = Component$30;
 
 var DateArray = /** @class */ (function () {
     function DateArray(array) {
@@ -1884,7 +1884,7 @@ var stringArraytoDate = function (array) {
     var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
     return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
 };
-var Component$2_ = function (_a) {
+var Component$2$ = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
     // Represent the value of every input field (there are 8 in total).
     var _f = useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
@@ -2006,11 +2006,11 @@ var Component$2_ = function (_a) {
                 (_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
             } })));
 };
-var DateInput = Component$2_;
+var DateInput = Component$2$;
 
 var style$15 = {"divider":"mg_divider_divider_1vn87"};
 
-var Component$2Z = function (_a) {
+var Component$2_ = function (_a) {
     var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c;
     var inlineStyle = direction == 'HORIZONTAL'
         ? { width: 'calc(100% - 10px)', height: 1, margin: "".concat(spacing, "px 0px") }
@@ -2020,19 +2020,19 @@ var Component$2Z = function (_a) {
 /**
  * Atom UI Divider Component
  */
-var Divider = Component$2Z;
+var Divider = Component$2_;
 
 var styles$2Q = {"dots-loader":"mg_dots_loader_dots-loader_zwly0","dots-loader__dot":"mg_dots_loader_dots-loader_dot_zwly0","bounce":"mg_dots_loader_bounce_zwly0"};
 
-var Component$2Y = function (_a) {
+var Component$2Z = function (_a) {
     var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
     return (React.createElement("div", { className: styles$2Q['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React.createElement("span", { key: index, className: styles$2Q['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
 };
-var DotsLoader = Component$2Y;
+var DotsLoader = Component$2Z;
 
 var styles$2P = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
 
-var Component$2X = function (_a) {
+var Component$2Y = function (_a) {
     var color = _a.color, size = _a.size, secondColor = _a.secondColor;
     var loadingSize = useMemo(function () {
         if (size) {
@@ -2048,11 +2048,11 @@ var Component$2X = function (_a) {
     }, [size]);
     return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2P["".concat(classMUI, "-flat-loader")] }));
 };
-var FlatLoader = Component$2X;
+var FlatLoader = Component$2Y;
 
 var styles$2O = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
 
-var Component$2W = function (_a) {
+var Component$2X = function (_a) {
     var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
     var TabLink = tabType === 'tabOption' ? url : '';
     return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$2O.headerTabComponent, "data-tab-type": "tabTitle" },
@@ -2064,7 +2064,7 @@ var Component$2W = function (_a) {
 /**
  * UI Atom component for HeaderTab
  */
-var HeaderTab = Component$2W;
+var HeaderTab = Component$2X;
 
 var styles$2N = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
 
@@ -2077,32 +2077,32 @@ var Image = function (_a) {
 
 var style$14 = {"magneto-ui-input-file-button":"mg_input_file_button_magneto-ui-input-file-button_18zx0"};
 
-var cx$1g = classNames.bind(style$14);
-var Component$2V = function (_a) {
+var cx$1h = classNames.bind(style$14);
+var Component$2W = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (React.createElement("button", __assign({ className: cx$1g('magneto-ui-input-file-button', className) }, props), children));
+    return (React.createElement("button", __assign({ className: cx$1h('magneto-ui-input-file-button', className) }, props), children));
 };
 /**
  * Atom UI child component of Input File
  */
-var InputFileButton = Component$2V;
+var InputFileButton = Component$2W;
 
 var style$13 = {"magneto-ui-input-file-container":"mg_input_file_container_magneto-ui-input-file-container_1b7ef"};
 
-var cx$1f = classNames.bind(style$13);
-var Component$2U = function (_a) {
+var cx$1g = classNames.bind(style$13);
+var Component$2V = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React.createElement("div", __assign({ className: cx$1f('magneto-ui-input-file-container', className) }, props), children));
+    return (React.createElement("div", __assign({ className: cx$1g('magneto-ui-input-file-container', className) }, props), children));
 };
 /**
  * Atom UI component of Input File
  */
-var InputFileContainer = Component$2U;
+var InputFileContainer = Component$2V;
 
 var style$12 = {"magneto-ui-input-file":"mg_input_file_magneto-ui-input-file_18kpr"};
 
-var cx$1e = classNames.bind(style$12);
-var Component$2T = function (_a) {
+var cx$1f = classNames.bind(style$12);
+var Component$2U = function (_a) {
     var children = _a.children, className = _a.className, onChange = _a.onChange, props = __rest(_a, ["children", "className", "onChange"]);
     var inputFileRef = useRef(null);
     var handleFileClick = function () {
@@ -2125,14 +2125,14 @@ var Component$2T = function (_a) {
     var handleDragOver = function (event) {
         event.preventDefault();
     };
-    return (React.createElement("div", { className: cx$1e(className), onClick: handleFileClick, onDrop: handleFileDrop, onDragOver: handleDragOver },
+    return (React.createElement("div", { className: cx$1f(className), onClick: handleFileClick, onDrop: handleFileDrop, onDragOver: handleDragOver },
         children,
-        React.createElement("input", __assign({ className: cx$1e('magneto-ui-input-file'), onChange: handleFileChange, ref: inputFileRef, type: "file" }, props))));
+        React.createElement("input", __assign({ className: cx$1f('magneto-ui-input-file'), onChange: handleFileChange, ref: inputFileRef, type: "file" }, props))));
 };
 /**
  * Atom UI component of Input File
  */
-var InputFile = Object.assign(Component$2T, {
+var InputFile = Object.assign(Component$2U, {
     Button: InputFileButton,
     Container: InputFileContainer
 });
@@ -2156,7 +2156,7 @@ var InputSearch = function (_a) {
 
 var styles$2M = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
 
-var Component$2S = function (_a) {
+var Component$2T = function (_a) {
     var offerCompanyLogo = _a.offerCompanyLogo, alt = _a.alt;
     if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
         return (React.createElement("div", { className: styles$2M['magneto-ui-job-company-logo'] },
@@ -2167,29 +2167,29 @@ var Component$2S = function (_a) {
 /**
  * UI Atom component of Company Logo
  */
-var JobCompanyLogo = Component$2S;
+var JobCompanyLogo = Component$2T;
 
 var styles$2L = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
 
-var Component$2R = function (_a) {
+var Component$2S = function (_a) {
     var title = _a.title, styles = _a.styles;
     return React.createElement("h1", { className: styles }, title && title);
 };
 /**
  * UI Children H1 Component for JobDetailsDrawer
  */
-var MainTitleJobDetails = Component$2R;
+var MainTitleJobDetails = Component$2S;
 
-var Component$2Q = function (_a) {
+var Component$2R = function (_a) {
     var title = _a.title, styles = _a.styles;
     return React.createElement("p", { className: styles }, title && title);
 };
 /**
  * UI Children P Component for JobDetailsDrawer
  */
-var SubTitleJobDetails = Component$2Q;
+var SubTitleJobDetails = Component$2R;
 
-var Component$2P = function (_a) {
+var Component$2Q = function (_a) {
     var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
     var showCompanyName = useMemo(function () {
         if (isHidden || !offerCompanyName)
@@ -2211,7 +2211,7 @@ var Component$2P = function (_a) {
 /**
  * UI Atom component of Job Header
  */
-var JobHeader = Component$2P;
+var JobHeader = Component$2Q;
 
 var styles$2K = {"linkComponent":"mg_link_linkComponent_1sftl"};
 
@@ -2229,7 +2229,7 @@ var toCSSVariables = function (input) {
     return output;
 };
 
-var Component$2O = function (_a) {
+var Component$2P = function (_a) {
     var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
     var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
     return (React.createElement("a", { className: styles$2K.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
@@ -2239,11 +2239,11 @@ var Component$2O = function (_a) {
 /**
  * Atomic UI component for Link
  */
-var Link = Component$2O;
+var Link = Component$2P;
 
 var styles$2J = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
 
-var Component$2N = function (_a) {
+var Component$2O = function (_a) {
     var loadingIcon = _a.loadingIcon;
     return (React.createElement("div", { className: styles$2J.loadingComponent },
         React.createElement(IconItem, __assign({}, loadingIcon))));
@@ -2251,11 +2251,11 @@ var Component$2N = function (_a) {
 /**
  * Atom UI component of loading icon for general purpose
  */
-var Loading = Component$2N;
+var Loading = Component$2O;
 
 var style$10 = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
 
-var Component$2M = function (_a) {
+var Component$2N = function (_a) {
     var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
     var _d = useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
@@ -2267,11 +2267,11 @@ var Component$2M = function (_a) {
         return null;
     return (React.createElement("img", { className: style$10[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
 };
-var LogoComponent = Component$2M;
+var LogoComponent = Component$2N;
 
 var styles$2I = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
 
-var Component$2L = function (_a) {
+var Component$2M = function (_a) {
     var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
     var stylesValue = useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
     var renderContent = function () {
@@ -2289,13 +2289,13 @@ var Component$2L = function (_a) {
 /**
  * Atom UI component of button for general purpose
  */
-var MainButton = Component$2L;
+var MainButton = Component$2M;
 
 var styles$2H = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
 
 var styles$2G = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
 
-var Component$2K = function (_a) {
+var Component$2L = function (_a) {
     var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
     return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$2G['magneto-ui--search-item']), href: url },
         React.createElement("p", { className: styles$2G['magneto-ui--search-item__text'] }, tag),
@@ -2304,7 +2304,7 @@ var Component$2K = function (_a) {
 /**
  * UI Atom component of Search Item
  */
-var SearchItem = Component$2K;
+var SearchItem = Component$2L;
 
 var MegaMenuTab = function (_a) {
     var label = _a.label, selected = _a.selected, url = _a.url, _b = _a.showArrow, showArrow = _b === void 0 ? true : _b;
@@ -2319,7 +2319,7 @@ var MegaMenuTab = function (_a) {
 
 var styles$2F = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
 
-var Component$2J = function (_a) {
+var Component$2K = function (_a) {
     var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
     return (React.createElement("div", { className: CNM.get({ styles: styles$2F, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
         React.createElement("div", { className: CNM.get({
@@ -2334,11 +2334,11 @@ var Component$2J = function (_a) {
 /**
  * Atom UI child component of menu dropdown
  */
-var MenuDropdownList = Component$2J;
+var MenuDropdownList = Component$2K;
 
 var styles$2E = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
 
-var Component$2I = function (_a) {
+var Component$2J = function (_a) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
     var _e = useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
     var toggleOptions = useCallback(function () {
@@ -2369,7 +2369,7 @@ var Component$2I = function (_a) {
 /**
  * Atom UI component of menu dropdown
  */
-var MenuDropdown = Component$2I;
+var MenuDropdown = Component$2J;
 
 var style$$ = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
 
@@ -2461,15 +2461,15 @@ var MultiRangeSlider = function (_a) {
 
 var styles$2C = {"content":"mg_paragraph_content_1mtnz"};
 
-var Component$2H = function (_a) {
+var Component$2I = function (_a) {
     var paragraph = _a.paragraph;
     return React.createElement("p", { className: styles$2C.content }, paragraph);
 };
-var Paragraph = memo(Component$2H);
+var Paragraph = memo(Component$2I);
 
 var style$_ = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
 
-var Component$2G = function (_a) {
+var Component$2H = function (_a) {
     var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
     var showMenu = show ? 'show' : 'hidden';
     var staticContentClass = staticContent ? style$_['static-content'] : '';
@@ -2492,7 +2492,7 @@ var Component$2G = function (_a) {
  * Atom Ui component of popover
  *
  */
-var Popover = Component$2G;
+var Popover = Component$2H;
 
 var ERadioType;
 (function (ERadioType) {
@@ -2502,7 +2502,7 @@ var ERadioType;
 
 var styles$2B = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
 
-var Component$2F = function (_a) {
+var Component$2G = function (_a) {
     var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
     return (React.createElement("label", { className: CNM.get({
             styles: styles$2B,
@@ -2521,11 +2521,11 @@ var Component$2F = function (_a) {
 /**
  * Atom UI component of radio button
  */
-var RadioButton = Component$2F;
+var RadioButton = Component$2G;
 
 var styles$2A = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
 
-var Component$2E = function (_a) {
+var Component$2F = function (_a) {
     var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
     return (React.createElement("label", { className: CNM.get({ styles: styles$2A, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
         React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
@@ -2542,7 +2542,7 @@ var Component$2E = function (_a) {
 /**
  * Molecule UI component for radio default
  */
-var RadioDefault = Component$2E;
+var RadioDefault = Component$2F;
 
 var _a$4;
 var radioTypes = (_a$4 = {},
@@ -2551,7 +2551,7 @@ var radioTypes = (_a$4 = {},
     _a$4);
 var getRadioComponent = function (type) { return radioTypes[type]; };
 
-var Component$2D = function (_a) {
+var Component$2E = function (_a) {
     var type = _a.type, props = __rest(_a, ["type"]);
     var RadioType = useMemo(function () { return getRadioComponent(ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
     if (!RadioType)
@@ -2561,26 +2561,26 @@ var Component$2D = function (_a) {
 /**
  * Atom UI component of radio
  */
-var Radio = Component$2D;
+var Radio = Component$2E;
 
 var styles$2z = {"magneto-ui-rating-badge__container":"mg_rating_badge_magneto-ui-rating-badge_container_1b19u","magneto-ui-rating-badge__icon":"mg_rating_badge_magneto-ui-rating-badge_icon_1b19u","magneto-ui-rating-badge__score":"mg_rating_badge_magneto-ui-rating-badge_score_1b19u"};
 
-var cx$1d = classNames.bind(styles$2z);
-var Component$2C = function (_a) {
+var cx$1e = classNames.bind(styles$2z);
+var Component$2D = function (_a) {
     var score = _a.score;
-    return (React.createElement("div", { className: cx$1d('magneto-ui-rating-badge') },
-        React.createElement("div", { className: cx$1d('magneto-ui-rating-badge__container') },
-            React.createElement("img", { src: StarBoldYellow, alt: StarBoldYellow, className: cx$1d('magneto-ui-rating-badge__icon') }),
-            React.createElement("span", { className: cx$1d('magneto-ui-rating-badge__score') }, score))));
+    return (React.createElement("div", { className: cx$1e('magneto-ui-rating-badge') },
+        React.createElement("div", { className: cx$1e('magneto-ui-rating-badge__container') },
+            React.createElement("img", { src: StarBoldYellow, alt: StarBoldYellow, className: cx$1e('magneto-ui-rating-badge__icon') }),
+            React.createElement("span", { className: cx$1e('magneto-ui-rating-badge__score') }, score))));
 };
 /**
  * Atom UI component of Rating Badge
  */
-var RatingBadge = Component$2C;
+var RatingBadge = Component$2D;
 
 var styles$2y = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
 
-var Component$2B = function (_a) {
+var Component$2C = function (_a) {
     var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
     return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$2y['magneto-ui-save-button'], " ").concat(addHover && styles$2y['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
         React.createElement("div", { className: styles$2y['button-content'] },
@@ -2590,11 +2590,11 @@ var Component$2B = function (_a) {
 /**
  * UI Atom Component of Save Button
  */
-var SaveButton = Component$2B;
+var SaveButton = Component$2C;
 
 var styles$2x = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
 
-var Component$2A = function (_a) {
+var Component$2B = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
     var handleCopyClick = function () {
         if (detailUrl) {
@@ -2606,11 +2606,11 @@ var Component$2A = function (_a) {
             React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
             buttonText && React.createElement("p", { className: styles$2x['magneto-ui-share-button__mobile-text'] }, buttonText))));
 };
-var ShareButton = Component$2A;
+var ShareButton = Component$2B;
 
 var styles$2w = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
 
-var Component$2z = function (_a) {
+var Component$2A = function (_a) {
     var name = _a.name, score = _a.score;
     var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
     var skillRef = useRef(null);
@@ -2652,7 +2652,7 @@ var Component$2z = function (_a) {
             React.createElement("p", null, name),
             React.createElement("div", { className: "".concat(styles$2w['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$2w['magneto-ui-skill--no-animation']) }))));
 };
-var Skill = Component$2z;
+var Skill = Component$2A;
 
 var styles$2v = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
 
@@ -2701,7 +2701,7 @@ var TextCustom = function (_a) {
 
 var styles$2u = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
 
-var Component$2y = function (_a) {
+var Component$2z = function (_a) {
     var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
     var isColorDark = function (color) {
         var hex = color.replace('#', '');
@@ -2736,11 +2736,11 @@ var Component$2y = function (_a) {
         customIcon && (React.createElement("img", { className: "".concat(styles$2u["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$2u['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
         name));
 };
-var ToggleButton = Component$2y;
+var ToggleButton = Component$2z;
 
 var styles$2t = {"w-inherit":"mg_typography_w-inherit_1a0lg","w-none":"mg_typography_w-none_1a0lg","w-auto":"mg_typography_w-auto_1a0lg","w-full":"mg_typography_w-full_1a0lg","w-min":"mg_typography_w-min_1a0lg","w-xxs":"mg_typography_w-xxs_1a0lg","w-xs":"mg_typography_w-xs_1a0lg","w-sm":"mg_typography_w-sm_1a0lg","w-sm-2":"mg_typography_w-sm-2_1a0lg","w-md":"mg_typography_w-md_1a0lg","w-md-2":"mg_typography_w-md-2_1a0lg","w-lg":"mg_typography_w-lg_1a0lg","w-xl":"mg_typography_w-xl_1a0lg","w-2xl":"mg_typography_w-2xl_1a0lg","w-3xl":"mg_typography_w-3xl_1a0lg","w-4xl":"mg_typography_w-4xl_1a0lg","w-container-xxs":"mg_typography_w-container-xxs_1a0lg","w-container-xs":"mg_typography_w-container-xs_1a0lg","w-container-sm":"mg_typography_w-container-sm_1a0lg","w-container-md":"mg_typography_w-container-md_1a0lg","w-container-lg":"mg_typography_w-container-lg_1a0lg","w-container-xl":"mg_typography_w-container-xl_1a0lg","w-container-2xl":"mg_typography_w-container-2xl_1a0lg","w-container-3xl":"mg_typography_w-container-3xl_1a0lg","min-w-inherit":"mg_typography_min-w-inherit_1a0lg","min-w-none":"mg_typography_min-w-none_1a0lg","min-w-auto":"mg_typography_min-w-auto_1a0lg","min-w-full":"mg_typography_min-w-full_1a0lg","min-w-min":"mg_typography_min-w-min_1a0lg","min-w-xxs":"mg_typography_min-w-xxs_1a0lg","min-w-xs":"mg_typography_min-w-xs_1a0lg","min-w-sm":"mg_typography_min-w-sm_1a0lg","min-w-sm-2":"mg_typography_min-w-sm-2_1a0lg","min-w-md":"mg_typography_min-w-md_1a0lg","min-w-md-2":"mg_typography_min-w-md-2_1a0lg","min-w-lg":"mg_typography_min-w-lg_1a0lg","min-w-xl":"mg_typography_min-w-xl_1a0lg","min-w-2xl":"mg_typography_min-w-2xl_1a0lg","min-w-3xl":"mg_typography_min-w-3xl_1a0lg","min-w-4xl":"mg_typography_min-w-4xl_1a0lg","min-w-container-xxs":"mg_typography_min-w-container-xxs_1a0lg","min-w-container-xs":"mg_typography_min-w-container-xs_1a0lg","min-w-container-sm":"mg_typography_min-w-container-sm_1a0lg","min-w-container-md":"mg_typography_min-w-container-md_1a0lg","min-w-container-lg":"mg_typography_min-w-container-lg_1a0lg","min-w-container-xl":"mg_typography_min-w-container-xl_1a0lg","min-w-container-2xl":"mg_typography_min-w-container-2xl_1a0lg","min-w-container-3xl":"mg_typography_min-w-container-3xl_1a0lg","h-inherit":"mg_typography_h-inherit_1a0lg","h-none":"mg_typography_h-none_1a0lg","h-auto":"mg_typography_h-auto_1a0lg","h-full":"mg_typography_h-full_1a0lg","h-min":"mg_typography_h-min_1a0lg","h-xxs":"mg_typography_h-xxs_1a0lg","h-xs":"mg_typography_h-xs_1a0lg","h-sm":"mg_typography_h-sm_1a0lg","h-sm-2":"mg_typography_h-sm-2_1a0lg","h-md":"mg_typography_h-md_1a0lg","h-md-2":"mg_typography_h-md-2_1a0lg","h-lg":"mg_typography_h-lg_1a0lg","h-xl":"mg_typography_h-xl_1a0lg","h-2xl":"mg_typography_h-2xl_1a0lg","h-3xl":"mg_typography_h-3xl_1a0lg","h-4xl":"mg_typography_h-4xl_1a0lg","h-container-xxs":"mg_typography_h-container-xxs_1a0lg","h-container-xs":"mg_typography_h-container-xs_1a0lg","h-container-sm":"mg_typography_h-container-sm_1a0lg","h-container-md":"mg_typography_h-container-md_1a0lg","h-container-lg":"mg_typography_h-container-lg_1a0lg","h-container-xl":"mg_typography_h-container-xl_1a0lg","h-container-2xl":"mg_typography_h-container-2xl_1a0lg","h-container-3xl":"mg_typography_h-container-3xl_1a0lg","min-h-inherit":"mg_typography_min-h-inherit_1a0lg","min-h-none":"mg_typography_min-h-none_1a0lg","min-h-auto":"mg_typography_min-h-auto_1a0lg","min-h-full":"mg_typography_min-h-full_1a0lg","min-h-min":"mg_typography_min-h-min_1a0lg","min-h-xxs":"mg_typography_min-h-xxs_1a0lg","min-h-xs":"mg_typography_min-h-xs_1a0lg","min-h-sm":"mg_typography_min-h-sm_1a0lg","min-h-sm-2":"mg_typography_min-h-sm-2_1a0lg","min-h-md":"mg_typography_min-h-md_1a0lg","min-h-md-2":"mg_typography_min-h-md-2_1a0lg","min-h-lg":"mg_typography_min-h-lg_1a0lg","min-h-xl":"mg_typography_min-h-xl_1a0lg","min-h-2xl":"mg_typography_min-h-2xl_1a0lg","min-h-3xl":"mg_typography_min-h-3xl_1a0lg","min-h-4xl":"mg_typography_min-h-4xl_1a0lg","min-h-container-xxs":"mg_typography_min-h-container-xxs_1a0lg","min-h-container-xs":"mg_typography_min-h-container-xs_1a0lg","min-h-container-sm":"mg_typography_min-h-container-sm_1a0lg","min-h-container-md":"mg_typography_min-h-container-md_1a0lg","min-h-container-lg":"mg_typography_min-h-container-lg_1a0lg","min-h-container-xl":"mg_typography_min-h-container-xl_1a0lg","min-h-container-2xl":"mg_typography_min-h-container-2xl_1a0lg","min-h-container-3xl":"mg_typography_min-h-container-3xl_1a0lg","sq-inherit":"mg_typography_sq-inherit_1a0lg","sq-none":"mg_typography_sq-none_1a0lg","sq-auto":"mg_typography_sq-auto_1a0lg","sq-full":"mg_typography_sq-full_1a0lg","sq-min":"mg_typography_sq-min_1a0lg","sq-xxs":"mg_typography_sq-xxs_1a0lg","sq-xs":"mg_typography_sq-xs_1a0lg","sq-sm":"mg_typography_sq-sm_1a0lg","sq-sm-2":"mg_typography_sq-sm-2_1a0lg","sq-md":"mg_typography_sq-md_1a0lg","sq-md-2":"mg_typography_sq-md-2_1a0lg","sq-lg":"mg_typography_sq-lg_1a0lg","sq-xl":"mg_typography_sq-xl_1a0lg","sq-2xl":"mg_typography_sq-2xl_1a0lg","sq-3xl":"mg_typography_sq-3xl_1a0lg","sq-4xl":"mg_typography_sq-4xl_1a0lg","min-sq-inherit":"mg_typography_min-sq-inherit_1a0lg","min-sq-none":"mg_typography_min-sq-none_1a0lg","min-sq-auto":"mg_typography_min-sq-auto_1a0lg","min-sq-full":"mg_typography_min-sq-full_1a0lg","min-sq-min":"mg_typography_min-sq-min_1a0lg","min-sq-xxs":"mg_typography_min-sq-xxs_1a0lg","min-sq-xs":"mg_typography_min-sq-xs_1a0lg","min-sq-sm":"mg_typography_min-sq-sm_1a0lg","min-sq-sm-2":"mg_typography_min-sq-sm-2_1a0lg","min-sq-md":"mg_typography_min-sq-md_1a0lg","min-sq-md-2":"mg_typography_min-sq-md-2_1a0lg","min-sq-lg":"mg_typography_min-sq-lg_1a0lg","min-sq-xl":"mg_typography_min-sq-xl_1a0lg","min-sq-2xl":"mg_typography_min-sq-2xl_1a0lg","min-sq-3xl":"mg_typography_min-sq-3xl_1a0lg","min-sq-4xl":"mg_typography_min-sq-4xl_1a0lg","stroke-transparent":"mg_typography_stroke-transparent_1a0lg","stroke-inherit":"mg_typography_stroke-inherit_1a0lg","stroke-current":"mg_typography_stroke-current_1a0lg","stroke-blue-dark-50":"mg_typography_stroke-blue-dark-50_1a0lg","stroke-blue-dark-100":"mg_typography_stroke-blue-dark-100_1a0lg","stroke-blue-dark-200":"mg_typography_stroke-blue-dark-200_1a0lg","stroke-blue-dark-300":"mg_typography_stroke-blue-dark-300_1a0lg","stroke-blue-dark-400":"mg_typography_stroke-blue-dark-400_1a0lg","stroke-blue-dark-500":"mg_typography_stroke-blue-dark-500_1a0lg","stroke-blue-light-50":"mg_typography_stroke-blue-light-50_1a0lg","stroke-blue-light-100":"mg_typography_stroke-blue-light-100_1a0lg","stroke-blue-light-200":"mg_typography_stroke-blue-light-200_1a0lg","stroke-blue-light-300":"mg_typography_stroke-blue-light-300_1a0lg","stroke-blue-light-400":"mg_typography_stroke-blue-light-400_1a0lg","stroke-blue-light-500":"mg_typography_stroke-blue-light-500_1a0lg","stroke-green-50":"mg_typography_stroke-green-50_1a0lg","stroke-green-100":"mg_typography_stroke-green-100_1a0lg","stroke-green-200":"mg_typography_stroke-green-200_1a0lg","stroke-green-300":"mg_typography_stroke-green-300_1a0lg","stroke-green-400":"mg_typography_stroke-green-400_1a0lg","stroke-green-500":"mg_typography_stroke-green-500_1a0lg","stroke-green-600":"mg_typography_stroke-green-600_1a0lg","stroke-grey-50":"mg_typography_stroke-grey-50_1a0lg","stroke-grey-100":"mg_typography_stroke-grey-100_1a0lg","stroke-grey-200":"mg_typography_stroke-grey-200_1a0lg","stroke-grey-300":"mg_typography_stroke-grey-300_1a0lg","stroke-grey-400":"mg_typography_stroke-grey-400_1a0lg","stroke-grey-500":"mg_typography_stroke-grey-500_1a0lg","stroke-grey-600":"mg_typography_stroke-grey-600_1a0lg","stroke-grey-700":"mg_typography_stroke-grey-700_1a0lg","stroke-grey-800":"mg_typography_stroke-grey-800_1a0lg","stroke-grey-900":"mg_typography_stroke-grey-900_1a0lg","stroke-red-50":"mg_typography_stroke-red-50_1a0lg","stroke-red-100":"mg_typography_stroke-red-100_1a0lg","stroke-red-200":"mg_typography_stroke-red-200_1a0lg","stroke-red-300":"mg_typography_stroke-red-300_1a0lg","stroke-yellow-50":"mg_typography_stroke-yellow-50_1a0lg","stroke-yellow-100":"mg_typography_stroke-yellow-100_1a0lg","stroke-yellow-200":"mg_typography_stroke-yellow-200_1a0lg","stroke-yellow-300":"mg_typography_stroke-yellow-300_1a0lg","fill-transparent":"mg_typography_fill-transparent_1a0lg","fill-inherit":"mg_typography_fill-inherit_1a0lg","fill-current":"mg_typography_fill-current_1a0lg","fill-blue-dark-50":"mg_typography_fill-blue-dark-50_1a0lg","fill-blue-dark-100":"mg_typography_fill-blue-dark-100_1a0lg","fill-blue-dark-200":"mg_typography_fill-blue-dark-200_1a0lg","fill-blue-dark-300":"mg_typography_fill-blue-dark-300_1a0lg","fill-blue-dark-400":"mg_typography_fill-blue-dark-400_1a0lg","fill-blue-dark-500":"mg_typography_fill-blue-dark-500_1a0lg","fill-blue-light-50":"mg_typography_fill-blue-light-50_1a0lg","fill-blue-light-100":"mg_typography_fill-blue-light-100_1a0lg","fill-blue-light-200":"mg_typography_fill-blue-light-200_1a0lg","fill-blue-light-300":"mg_typography_fill-blue-light-300_1a0lg","fill-blue-light-400":"mg_typography_fill-blue-light-400_1a0lg","fill-blue-light-500":"mg_typography_fill-blue-light-500_1a0lg","fill-green-50":"mg_typography_fill-green-50_1a0lg","fill-green-100":"mg_typography_fill-green-100_1a0lg","fill-green-200":"mg_typography_fill-green-200_1a0lg","fill-green-300":"mg_typography_fill-green-300_1a0lg","fill-green-400":"mg_typography_fill-green-400_1a0lg","fill-green-500":"mg_typography_fill-green-500_1a0lg","fill-green-600":"mg_typography_fill-green-600_1a0lg","fill-grey-50":"mg_typography_fill-grey-50_1a0lg","fill-grey-100":"mg_typography_fill-grey-100_1a0lg","fill-grey-200":"mg_typography_fill-grey-200_1a0lg","fill-grey-300":"mg_typography_fill-grey-300_1a0lg","fill-grey-400":"mg_typography_fill-grey-400_1a0lg","fill-grey-500":"mg_typography_fill-grey-500_1a0lg","fill-grey-600":"mg_typography_fill-grey-600_1a0lg","fill-grey-700":"mg_typography_fill-grey-700_1a0lg","fill-grey-800":"mg_typography_fill-grey-800_1a0lg","fill-grey-900":"mg_typography_fill-grey-900_1a0lg","fill-red-50":"mg_typography_fill-red-50_1a0lg","fill-red-100":"mg_typography_fill-red-100_1a0lg","fill-red-200":"mg_typography_fill-red-200_1a0lg","fill-red-300":"mg_typography_fill-red-300_1a0lg","fill-yellow-50":"mg_typography_fill-yellow-50_1a0lg","fill-yellow-100":"mg_typography_fill-yellow-100_1a0lg","fill-yellow-200":"mg_typography_fill-yellow-200_1a0lg","fill-yellow-300":"mg_typography_fill-yellow-300_1a0lg","bg-transparent":"mg_typography_bg-transparent_1a0lg","bg-inherit":"mg_typography_bg-inherit_1a0lg","bg-current":"mg_typography_bg-current_1a0lg","bg-blue-dark-50":"mg_typography_bg-blue-dark-50_1a0lg","bg-blue-dark-100":"mg_typography_bg-blue-dark-100_1a0lg","bg-blue-dark-200":"mg_typography_bg-blue-dark-200_1a0lg","bg-blue-dark-300":"mg_typography_bg-blue-dark-300_1a0lg","bg-blue-dark-400":"mg_typography_bg-blue-dark-400_1a0lg","bg-blue-dark-500":"mg_typography_bg-blue-dark-500_1a0lg","bg-blue-light-50":"mg_typography_bg-blue-light-50_1a0lg","bg-blue-light-100":"mg_typography_bg-blue-light-100_1a0lg","bg-blue-light-200":"mg_typography_bg-blue-light-200_1a0lg","bg-blue-light-300":"mg_typography_bg-blue-light-300_1a0lg","bg-blue-light-400":"mg_typography_bg-blue-light-400_1a0lg","bg-blue-light-500":"mg_typography_bg-blue-light-500_1a0lg","bg-green-50":"mg_typography_bg-green-50_1a0lg","bg-green-100":"mg_typography_bg-green-100_1a0lg","bg-green-200":"mg_typography_bg-green-200_1a0lg","bg-green-300":"mg_typography_bg-green-300_1a0lg","bg-green-400":"mg_typography_bg-green-400_1a0lg","bg-green-500":"mg_typography_bg-green-500_1a0lg","bg-green-600":"mg_typography_bg-green-600_1a0lg","bg-grey-50":"mg_typography_bg-grey-50_1a0lg","bg-grey-100":"mg_typography_bg-grey-100_1a0lg","bg-grey-200":"mg_typography_bg-grey-200_1a0lg","bg-grey-300":"mg_typography_bg-grey-300_1a0lg","bg-grey-400":"mg_typography_bg-grey-400_1a0lg","bg-grey-500":"mg_typography_bg-grey-500_1a0lg","bg-grey-600":"mg_typography_bg-grey-600_1a0lg","bg-grey-700":"mg_typography_bg-grey-700_1a0lg","bg-grey-800":"mg_typography_bg-grey-800_1a0lg","bg-grey-900":"mg_typography_bg-grey-900_1a0lg","bg-red-50":"mg_typography_bg-red-50_1a0lg","bg-red-100":"mg_typography_bg-red-100_1a0lg","bg-red-200":"mg_typography_bg-red-200_1a0lg","bg-red-300":"mg_typography_bg-red-300_1a0lg","bg-yellow-50":"mg_typography_bg-yellow-50_1a0lg","bg-yellow-100":"mg_typography_bg-yellow-100_1a0lg","bg-yellow-200":"mg_typography_bg-yellow-200_1a0lg","bg-yellow-300":"mg_typography_bg-yellow-300_1a0lg","color-transparent":"mg_typography_color-transparent_1a0lg","color-inherit":"mg_typography_color-inherit_1a0lg","color-current":"mg_typography_color-current_1a0lg","color-blue-dark-50":"mg_typography_color-blue-dark-50_1a0lg","color-blue-dark-100":"mg_typography_color-blue-dark-100_1a0lg","color-blue-dark-200":"mg_typography_color-blue-dark-200_1a0lg","color-blue-dark-300":"mg_typography_color-blue-dark-300_1a0lg","color-blue-dark-400":"mg_typography_color-blue-dark-400_1a0lg","color-blue-dark-500":"mg_typography_color-blue-dark-500_1a0lg","color-blue-light-50":"mg_typography_color-blue-light-50_1a0lg","color-blue-light-100":"mg_typography_color-blue-light-100_1a0lg","color-blue-light-200":"mg_typography_color-blue-light-200_1a0lg","color-blue-light-300":"mg_typography_color-blue-light-300_1a0lg","color-blue-light-400":"mg_typography_color-blue-light-400_1a0lg","color-blue-light-500":"mg_typography_color-blue-light-500_1a0lg","color-green-50":"mg_typography_color-green-50_1a0lg","color-green-100":"mg_typography_color-green-100_1a0lg","color-green-200":"mg_typography_color-green-200_1a0lg","color-green-300":"mg_typography_color-green-300_1a0lg","color-green-400":"mg_typography_color-green-400_1a0lg","color-green-500":"mg_typography_color-green-500_1a0lg","color-green-600":"mg_typography_color-green-600_1a0lg","color-grey-50":"mg_typography_color-grey-50_1a0lg","color-grey-100":"mg_typography_color-grey-100_1a0lg","color-grey-200":"mg_typography_color-grey-200_1a0lg","color-grey-300":"mg_typography_color-grey-300_1a0lg","color-grey-400":"mg_typography_color-grey-400_1a0lg","color-grey-500":"mg_typography_color-grey-500_1a0lg","color-grey-600":"mg_typography_color-grey-600_1a0lg","color-grey-700":"mg_typography_color-grey-700_1a0lg","color-grey-800":"mg_typography_color-grey-800_1a0lg","color-grey-900":"mg_typography_color-grey-900_1a0lg","color-red-50":"mg_typography_color-red-50_1a0lg","color-red-100":"mg_typography_color-red-100_1a0lg","color-red-200":"mg_typography_color-red-200_1a0lg","color-red-300":"mg_typography_color-red-300_1a0lg","color-yellow-50":"mg_typography_color-yellow-50_1a0lg","color-yellow-100":"mg_typography_color-yellow-100_1a0lg","color-yellow-200":"mg_typography_color-yellow-200_1a0lg","color-yellow-300":"mg_typography_color-yellow-300_1a0lg","magneto-ui-typography":"mg_typography_magneto-ui-typography_1a0lg","magneto-ui-typography--size-sm-2":"mg_typography_magneto-ui-typography--size-sm-2_1a0lg","magneto-ui-typography--size-md":"mg_typography_magneto-ui-typography--size-md_1a0lg","magneto-ui-typography--size-md-2":"mg_typography_magneto-ui-typography--size-md-2_1a0lg","magneto-ui-typography--size-lg":"mg_typography_magneto-ui-typography--size-lg_1a0lg","magneto-ui-typography--size-xl":"mg_typography_magneto-ui-typography--size-xl_1a0lg","magneto-ui-typography--size-2xl":"mg_typography_magneto-ui-typography--size-2xl_1a0lg","magneto-ui-typography--size-3xl":"mg_typography_magneto-ui-typography--size-3xl_1a0lg","magneto-ui-typography--size-4xl":"mg_typography_magneto-ui-typography--size-4xl_1a0lg","magneto-ui-typography--color-transparent":"mg_typography_magneto-ui-typography--color-transparent_1a0lg","magneto-ui-typography--color-inherit":"mg_typography_magneto-ui-typography--color-inherit_1a0lg","magneto-ui-typography--color-current":"mg_typography_magneto-ui-typography--color-current_1a0lg","magneto-ui-typography--color-blue-dark-50":"mg_typography_magneto-ui-typography--color-blue-dark-50_1a0lg","magneto-ui-typography--color-blue-dark-100":"mg_typography_magneto-ui-typography--color-blue-dark-100_1a0lg","magneto-ui-typography--color-blue-dark-200":"mg_typography_magneto-ui-typography--color-blue-dark-200_1a0lg","magneto-ui-typography--color-blue-dark-300":"mg_typography_magneto-ui-typography--color-blue-dark-300_1a0lg","magneto-ui-typography--color-blue-dark-400":"mg_typography_magneto-ui-typography--color-blue-dark-400_1a0lg","magneto-ui-typography--color-blue-dark-500":"mg_typography_magneto-ui-typography--color-blue-dark-500_1a0lg","magneto-ui-typography--color-blue-light-50":"mg_typography_magneto-ui-typography--color-blue-light-50_1a0lg","magneto-ui-typography--color-blue-light-100":"mg_typography_magneto-ui-typography--color-blue-light-100_1a0lg","magneto-ui-typography--color-blue-light-200":"mg_typography_magneto-ui-typography--color-blue-light-200_1a0lg","magneto-ui-typography--color-blue-light-300":"mg_typography_magneto-ui-typography--color-blue-light-300_1a0lg","magneto-ui-typography--color-blue-light-400":"mg_typography_magneto-ui-typography--color-blue-light-400_1a0lg","magneto-ui-typography--color-blue-light-500":"mg_typography_magneto-ui-typography--color-blue-light-500_1a0lg","magneto-ui-typography--color-green-50":"mg_typography_magneto-ui-typography--color-green-50_1a0lg","magneto-ui-typography--color-green-100":"mg_typography_magneto-ui-typography--color-green-100_1a0lg","magneto-ui-typography--color-green-200":"mg_typography_magneto-ui-typography--color-green-200_1a0lg","magneto-ui-typography--color-green-300":"mg_typography_magneto-ui-typography--color-green-300_1a0lg","magneto-ui-typography--color-green-400":"mg_typography_magneto-ui-typography--color-green-400_1a0lg","magneto-ui-typography--color-green-500":"mg_typography_magneto-ui-typography--color-green-500_1a0lg","magneto-ui-typography--color-green-600":"mg_typography_magneto-ui-typography--color-green-600_1a0lg","magneto-ui-typography--color-grey-50":"mg_typography_magneto-ui-typography--color-grey-50_1a0lg","magneto-ui-typography--color-grey-100":"mg_typography_magneto-ui-typography--color-grey-100_1a0lg","magneto-ui-typography--color-grey-200":"mg_typography_magneto-ui-typography--color-grey-200_1a0lg","magneto-ui-typography--color-grey-300":"mg_typography_magneto-ui-typography--color-grey-300_1a0lg","magneto-ui-typography--color-grey-400":"mg_typography_magneto-ui-typography--color-grey-400_1a0lg","magneto-ui-typography--color-grey-500":"mg_typography_magneto-ui-typography--color-grey-500_1a0lg","magneto-ui-typography--color-grey-600":"mg_typography_magneto-ui-typography--color-grey-600_1a0lg","magneto-ui-typography--color-grey-700":"mg_typography_magneto-ui-typography--color-grey-700_1a0lg","magneto-ui-typography--color-grey-800":"mg_typography_magneto-ui-typography--color-grey-800_1a0lg","magneto-ui-typography--color-grey-900":"mg_typography_magneto-ui-typography--color-grey-900_1a0lg","magneto-ui-typography--color-red-50":"mg_typography_magneto-ui-typography--color-red-50_1a0lg","magneto-ui-typography--color-red-100":"mg_typography_magneto-ui-typography--color-red-100_1a0lg","magneto-ui-typography--color-red-200":"mg_typography_magneto-ui-typography--color-red-200_1a0lg","magneto-ui-typography--color-red-300":"mg_typography_magneto-ui-typography--color-red-300_1a0lg","magneto-ui-typography--color-yellow-50":"mg_typography_magneto-ui-typography--color-yellow-50_1a0lg","magneto-ui-typography--color-yellow-100":"mg_typography_magneto-ui-typography--color-yellow-100_1a0lg","magneto-ui-typography--color-yellow-200":"mg_typography_magneto-ui-typography--color-yellow-200_1a0lg","magneto-ui-typography--color-yellow-300":"mg_typography_magneto-ui-typography--color-yellow-300_1a0lg","magneto-ui-typography--weight-thin":"mg_typography_magneto-ui-typography--weight-thin_1a0lg","magneto-ui-typography--weight-extra-light":"mg_typography_magneto-ui-typography--weight-extra-light_1a0lg","magneto-ui-typography--weight-light":"mg_typography_magneto-ui-typography--weight-light_1a0lg","magneto-ui-typography--weight-normal":"mg_typography_magneto-ui-typography--weight-normal_1a0lg","magneto-ui-typography--weight-medium":"mg_typography_magneto-ui-typography--weight-medium_1a0lg","magneto-ui-typography--weight-semi-bold":"mg_typography_magneto-ui-typography--weight-semi-bold_1a0lg","magneto-ui-typography--weight-bold":"mg_typography_magneto-ui-typography--weight-bold_1a0lg","magneto-ui-typography--weight-extra-bold":"mg_typography_magneto-ui-typography--weight-extra-bold_1a0lg","magneto-ui-typography--weight-black":"mg_typography_magneto-ui-typography--weight-black_1a0lg","magneto-ui-typography--code":"mg_typography_magneto-ui-typography--code_1a0lg","magneto-ui-typography--delete":"mg_typography_magneto-ui-typography--delete_1a0lg","magneto-ui-typography--italic":"mg_typography_magneto-ui-typography--italic_1a0lg","magneto-ui-typography--keyboard":"mg_typography_magneto-ui-typography--keyboard_1a0lg","magneto-ui-typography--mark":"mg_typography_magneto-ui-typography--mark_1a0lg","magneto-ui-typography--strong":"mg_typography_magneto-ui-typography--strong_1a0lg","magneto-ui-typography--underline":"mg_typography_magneto-ui-typography--underline_1a0lg","magneto-ui-typography--ellipsis":"mg_typography_magneto-ui-typography--ellipsis_1a0lg","magneto-ui-typography--ellipsis-multiline":"mg_typography_magneto-ui-typography--ellipsis-multiline_1a0lg"};
 
-var cx$1c = classNames.bind(styles$2t);
+var cx$1d = classNames.bind(styles$2t);
 var typographyStyles = function (_a) {
     var _b;
     var className = _a.className, color = _a.color, ellipsis = _a.ellipsis, size = _a.size, style = _a.style, weight = _a.weight;
@@ -2751,7 +2751,7 @@ var typographyStyles = function (_a) {
         _b['magneto-ui-typography--ellipsis'] = ellipsis === true,
         _b['magneto-ui-typography--ellipsis-multiline'] = typeof ellipsis === 'object' && typeof ellipsis.rows === 'number',
         _b);
-    var finalClassName = cx$1c('magneto-ui-typography', customizedClassName, className);
+    var finalClassName = cx$1d('magneto-ui-typography', customizedClassName, className);
     var finalStyle = __assign(__assign(__assign({}, (typeof size === 'number' && { '--size': "".concat(size, "px") })), (typeof weight === 'number' && { '--weight': weight })), (typeof ellipsis === 'object' && ellipsis.rows && { '--ellipsis-lines': ellipsis.rows }));
     return {
         className: finalClassName,
@@ -2769,11 +2769,11 @@ var applyWrappers = function (children, props) {
         props.underline ? { tag: 'u', className: 'magneto-ui-typography--underline' } : null
     ].filter(Boolean);
     if (wrappers.length === 1) {
-        return createElement(wrappers[0].tag, { className: cx$1c(wrappers[0].className) }, children);
+        return createElement(wrappers[0].tag, { className: cx$1d(wrappers[0].className) }, children);
     }
     return wrappers.reduce(function (acc, _a) {
         var tag = _a.tag, className = _a.className;
-        return createElement(tag, { className: cx$1c(className) }, acc);
+        return createElement(tag, { className: cx$1d(className) }, acc);
     }, children);
 };
 var OMITTED_PROPS = [
@@ -2803,33 +2803,33 @@ var BaseComponent$3 = function (_a, ref) {
     var _b = typographyStyles(__assign({}, props)), className = _b.className, style = _b.style;
     return (React.createElement("a", __assign({}, omitTypographyProps(props), { className: className, style: style, ref: ref }), applyWrappers(children, props)));
 };
-var Component$2x = forwardRef(BaseComponent$3);
+var Component$2y = forwardRef(BaseComponent$3);
 /**
  * Atom UI child component of Typography
  */
-var TypographyLink = Component$2x;
+var TypographyLink = Component$2y;
 
 var BaseComponent$2 = function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var _b = typographyStyles(__assign({}, props)), className = _b.className, style = _b.style;
     return (React.createElement("p", __assign({}, omitTypographyProps(props), { className: className, style: style, ref: ref }), applyWrappers(children, props)));
 };
-var Component$2w = forwardRef(BaseComponent$2);
+var Component$2x = forwardRef(BaseComponent$2);
 /**
  * Atom UI child component of Typography
  */
-var TypographyParagraph = Component$2w;
+var TypographyParagraph = Component$2x;
 
 var BaseComponent$1 = function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var _b = typographyStyles(__assign({}, props)), className = _b.className, style = _b.style;
     return (React.createElement("span", __assign({}, omitTypographyProps(props), { className: className, style: style, ref: ref }), applyWrappers(children, props)));
 };
-var Component$2v = forwardRef(BaseComponent$1);
+var Component$2w = forwardRef(BaseComponent$1);
 /**
  * Atom UI child component of Typography
  */
-var TypographyText = Component$2v;
+var TypographyText = Component$2w;
 
 var BaseComponent = function (_a, ref) {
     var children = _a.children, _b = _a.level, level = _b === void 0 ? 2 : _b, props = __rest(_a, ["children", "level"]);
@@ -2840,11 +2840,11 @@ var BaseComponent = function (_a, ref) {
     }, [level]);
     return React.createElement(Wrapper, __assign(__assign({}, omitTypographyProps(props)), { className: className, style: style }), applyWrappers(children, props), ref);
 };
-var Component$2u = forwardRef(BaseComponent);
+var Component$2v = forwardRef(BaseComponent);
 /**
  * Atom UI child component of Typography
  */
-var TypographyTitle = Component$2u;
+var TypographyTitle = Component$2v;
 
 /**
  * Atom UI of typography. It includes titles, paragraphs, texts and links.
@@ -2871,7 +2871,7 @@ var ETypographyFontWeight;
 
 var styles$2s = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
 
-var Component$2t = function (_a) {
+var Component$2u = function (_a) {
     var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
     var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
         sm: null
@@ -2884,7 +2884,7 @@ var Component$2t = function (_a) {
 /**
  * Atom UI component of user menu button analyst
  */
-var UserMenuButtonAnalyst = Component$2t;
+var UserMenuButtonAnalyst = Component$2u;
 
 function InlineDetails(_a) {
     var details = _a.details, className = _a.className;
@@ -2931,7 +2931,7 @@ var ShareIcons = {
     }
 };
 
-var Component$2s = function (_a) {
+var Component$2t = 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 ({
@@ -2983,7 +2983,7 @@ var ShareLinksAction = function (_a) {
 /**
  * UI Molecule componet of Actions
  */
-var Actions = Object.assign(Component$2s, { ShareLinks: ShareLinksAction });
+var Actions = Object.assign(Component$2t, { ShareLinks: ShareLinksAction });
 
 var style$X = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
 
@@ -2993,7 +2993,7 @@ var alertIcons$1 = {
     warning: Warning,
     error: Error$1
 };
-var Component$2r = function (_a) {
+var Component$2s = function (_a) {
     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$X["".concat(classMUI, "-").concat(type, "--with-border")] : '';
     var typeStyle = style$X["".concat(classMUI, "-").concat(type)];
@@ -3005,48 +3005,48 @@ var Component$2r = function (_a) {
             React.createElement(IconItem, { icon: Close, alt: type }))),
         extraButton));
 };
-var Alert = Component$2r;
+var Alert = Component$2s;
 
 var styles$2q = {"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$1b = classNames.bind(styles$2q);
+var cx$1c = classNames.bind(styles$2q);
 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$1b('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$1c('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$1a = classNames.bind(styles$2q);
+var cx$1b = classNames.bind(styles$2q);
 var AlertJobModalHeader = function (_a) {
     var className = _a.className, children = _a.children;
-    return React.createElement("div", { className: cx$1a('alert-modal__header', className) }, children);
+    return React.createElement("div", { className: cx$1b('alert-modal__header', className) }, children);
 };
 
-var cx$19 = classNames.bind(styles$2q);
+var cx$1a = classNames.bind(styles$2q);
 var AlertJobModalTitle = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
-    return (React.createElement("div", { className: cx$19('alert-modal__title', className) },
+    return (React.createElement("div", { className: cx$1a('alert-modal__title', className) },
         React.createElement("p", null, subtitle),
         React.createElement("p", null, "\u201C".concat(title, "\u201D")),
         children));
 };
 
-var cx$18 = classNames.bind(styles$2q);
+var cx$19 = classNames.bind(styles$2q);
 var AlertJobModalBody = function (_a) {
     var className = _a.className, children = _a.children;
-    return React.createElement("div", { className: cx$18('alert-modal__body', className) }, children);
+    return React.createElement("div", { className: cx$19('alert-modal__body', className) }, children);
 };
 
-var cx$17 = classNames.bind(styles$2q);
+var cx$18 = classNames.bind(styles$2q);
 var AlertJobModalFooter = function (_a) {
     var className = _a.className, children = _a.children;
-    return React.createElement("div", { className: cx$17('alert-modal__footer', className) }, children);
+    return React.createElement("div", { className: cx$18('alert-modal__footer', className) }, children);
 };
 
-var cx$16 = classNames.bind(styles$2q);
+var cx$17 = classNames.bind(styles$2q);
 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$16('alert-modal__button', className) }, buttonProps),
+    return (React.createElement("button", __assign({ className: cx$17('alert-modal__button', className) }, buttonProps),
         React.createElement("p", null, children),
         React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
 };
@@ -3073,8 +3073,8 @@ var DrawerPortal = function (_a) {
 
 var style$W = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_1e2s0","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_1e2s0","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_1e2s0","background-drawer":"mg_mobile_drawer_background-drawer_1e2s0","fadeIn":"mg_mobile_drawer_fadeIn_1e2s0","show":"mg_mobile_drawer_show_1e2s0","hidden":"mg_mobile_drawer_hidden_1e2s0"};
 
-var cx$15 = classNames.bind(style$W);
-var Component$2q = function (_a) {
+var cx$16 = classNames.bind(style$W);
+var Component$2r = 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, _d = _a.backgroundClassName, backgroundClassName = _d === void 0 ? '' : _d;
     var _e = useState(false), showContent = _e[0], setShowContent = _e[1];
     var _f = useState(isOpen), renderPortal = _f[0], setRenderPortal = _f[1];
@@ -3100,17 +3100,17 @@ var Component$2q = function (_a) {
         };
     }, [isOpen]);
     return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
-        React.createElement("div", { className: cx$15('magneto-ui-mobile-drawer') },
-            React.createElement("aside", { className: cx$15(showMenu, className) },
-                React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$15('magneto-ui-close-button'), onClick: onClose },
+        React.createElement("div", { className: cx$16('magneto-ui-mobile-drawer') },
+            React.createElement("aside", { className: cx$16(showMenu, className) },
+                React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$16('magneto-ui-close-button'), onClick: onClose },
                     React.createElement(IconItem, { icon: Add, hover: false })),
-                React.createElement("div", { className: cx$15('magneto-ui-container') }, children)),
-            isOpen && (React.createElement("span", { className: cx$15('background-drawer', backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
+                React.createElement("div", { className: cx$16('magneto-ui-container') }, children)),
+            isOpen && (React.createElement("span", { className: cx$16('background-drawer', backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
 };
 /**
  * Molecule UI component for Mobile Drawer
  */
-var MobileDrawer = Component$2q;
+var MobileDrawer = Component$2r;
 
 var styles$2p = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1ffsw","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1ffsw","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1ffsw","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1ffsw","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1ffsw","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1ffsw","fadeIn":"mg_modal_fadeIn_1ffsw"};
 
@@ -3164,21 +3164,21 @@ var Description = function (_a) {
 };
 var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
 
-var Component$2p = function (_a) {
+var Component$2q = function (_a) {
     var children = _a.children, open = _a.open, onClose = _a.onClose, _b = _a.modalClassName, modalClassName = _b === void 0 ? '' : _b, _c = _a.mobileDrawerClassName, mobileDrawerClassName = _c === void 0 ? '' : _c, _d = _a.backgroundClassNameDesktop, backgroundClassNameDesktop = _d === void 0 ? '' : _d, _e = _a.backgroundClassNameMobile, backgroundClassNameMobile = _e === void 0 ? '' : _e;
     var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, backgroundClassName: backgroundClassNameDesktop, isOpen: open, onClose: onClose }, children), {
         md: (React.createElement(MobileDrawer, { backgroundClassName: backgroundClassNameMobile, className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
     });
     return container;
 };
-var ModalResponsive = Component$2p;
+var ModalResponsive = Component$2q;
 
-var cx$14 = classNames.bind(styles$2q);
-var Component$2o = function (_a) {
+var cx$15 = classNames.bind(styles$2q);
+var Component$2p = 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$14('alert-modal', className), mobileDrawerClassName: cx$14('alert-modal__mobile', mobileClassName) }, children));
+    return (React.createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$15('alert-modal', className), mobileDrawerClassName: cx$15('alert-modal__mobile', mobileClassName) }, children));
 };
-var AlertJobModal = Object.assign(Component$2o, {
+var AlertJobModal = Object.assign(Component$2p, {
     Header: AlertJobModalHeader,
     Body: AlertJobModalBody,
     Footer: AlertJobModalFooter,
@@ -3191,15 +3191,15 @@ var styles$2o = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_
 
 var styles$2n = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
 
-var cx$13 = classNames.bind(styles$2n);
+var cx$14 = classNames.bind(styles$2n);
 var AlertJobStatusContainer = function (_a) {
     var className = _a.className, children = _a.children;
-    return React.createElement("div", { className: cx$13('alert-job__content', className) }, children);
+    return React.createElement("div", { className: cx$14('alert-job__content', className) }, children);
 };
 
 var styles$2m = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
 
-var cx$12 = classNames.bind(styles$2m);
+var cx$13 = classNames.bind(styles$2m);
 var alertIcons = {
     success: Checked2,
     warning: Warning3D
@@ -3208,25 +3208,25 @@ 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$12('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$13('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$2l = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
 
-var cx$11 = classNames.bind(styles$2l);
+var cx$12 = classNames.bind(styles$2l);
 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$11('alert-modal__button', className) }, buttonProps),
+    return (React.createElement("button", __assign({ className: cx$12('alert-modal__button', className) }, buttonProps),
         React.createElement("p", null, children),
         React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
 };
 
-var cx$10 = classNames.bind(styles$2o);
-var Component$2n = function (_a) {
+var cx$11 = classNames.bind(styles$2o);
+var Component$2o = function (_a) {
     var children = _a.children, className = _a.className, type = _a.type;
-    return React.createElement("div", { className: cx$10('alert-job', className, type) }, children);
+    return React.createElement("div", { className: cx$11('alert-job', className, type) }, children);
 };
-var AlertJobStatus = Object.assign(Component$2n, {
+var AlertJobStatus = Object.assign(Component$2o, {
     Container: AlertJobStatusContainer,
     Icon: AlertJobStatusIcon,
     Button: AlertJobStatusButton,
@@ -3235,7 +3235,7 @@ var AlertJobStatus = Object.assign(Component$2n, {
 
 var styles$2k = {"magneto-ui-chart-bars":"mg_bars_chart_magneto-ui-chart-bars_17if2","magneto-ui-chart-bars__chart":"mg_bars_chart_magneto-ui-chart-bars_chart_17if2","magneto-ui-chart-bars__minmax":"mg_bars_chart_magneto-ui-chart-bars_minmax_17if2","magneto-ui-chart-bars__mean":"mg_bars_chart_magneto-ui-chart-bars_mean_17if2"};
 
-var Component$2m = function (_a) {
+var Component$2n = function (_a) {
     var maxHeight = _a.maxHeight, data = _a.data, mean = _a.mean, texts = _a.texts;
     var minValue = useMemo(function () { return data[0].bin[0]; }, [data]);
     var maxValue = useMemo(function () { return data[data.length - 1].bin[1]; }, [data]);
@@ -3265,7 +3265,7 @@ var Component$2m = function (_a) {
                 " ",
                 numberToCurrency(mean) + ' / ' + texts.month))));
 };
-var BarsChart = Component$2m;
+var BarsChart = Component$2n;
 
 var style$V = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
 
@@ -3344,7 +3344,7 @@ var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
 
 var styles$2j = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
 
-var Component$2l = function (_a) {
+var Component$2m = function (_a) {
     var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
     return (React.createElement("div", { className: styles$2j.BreadcrumbsComponent },
         React.createElement("a", { href: homeUrl },
@@ -3354,7 +3354,7 @@ var Component$2l = function (_a) {
 /**
  * Molecule UI component for breadcrums information
  */
-var Breadcrumbs = Component$2l;
+var Breadcrumbs = Component$2m;
 
 var CandidateNavContext = createContext(undefined);
 var Provider$1 = function (_a) {
@@ -3381,7 +3381,7 @@ var context$1 = /*#__PURE__*/Object.freeze({
 var styles$2i = {"magneto-ui-candidate-nav-button":"mg_candidate_nav_button_magneto-ui-candidate-nav-button_s4lu3","magneto-ui-candidate-nav-button--red":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--red_s4lu3","magneto-ui-candidate-nav-button--dark-blue":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--dark-blue_s4lu3","magneto-ui-candidate-nav-button--gray":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--gray_s4lu3","magneto-ui-candidate-nav-button--arrow":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--arrow_s4lu3"};
 
 var cs$4 = classNames.bind(styles$2i);
-var Component$2k = function (_a) {
+var Component$2l = function (_a) {
     var _b;
     var children = _a.children, className = _a.className, toggler = _a.toggler, onClick = _a.onClick, variant = _a.variant, props = __rest(_a, ["children", "className", "toggler", "onClick", "variant"]);
     var onChangeOpen = useCandidateNav().onChangeOpen;
@@ -3399,7 +3399,7 @@ var Component$2k = function (_a) {
 /**
  * Molecule UI component child of Candidate Nav
  */
-var CandidateNavButton = Component$2k;
+var CandidateNavButton = Component$2l;
 
 var ECandidateNavButtonVariant;
 (function (ECandidateNavButtonVariant) {
@@ -3413,7 +3413,7 @@ var ECandidateNavButtonVariant;
 var styles$2h = {"magneto-ui-candidate-nav-option":"mg_candidate_nav_option_magneto-ui-candidate-nav-option_1o9op"};
 
 var cs$3 = classNames.bind(styles$2h);
-var Component$2j = function (_a) {
+var Component$2k = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var onChangeOpen = useCandidateNav().onChangeOpen;
     return (React.createElement("li", __assign({}, props, { className: cs$3('magneto-ui-candidate-nav-option', className) }), React.Children.map(children, function (child) {
@@ -3423,7 +3423,7 @@ var Component$2j = function (_a) {
 /**
  * Molecule UI component child of Candidate Nav
  */
-var CandidateNavOption = Component$2j;
+var CandidateNavOption = Component$2k;
 
 var styles$2g = {"magneto-ui-candidate-nav-options":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_1iyit","magneto-ui-candidate-nav-options--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options--visible_1iyit","magneto-ui-candidate-nav-options__container":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_container_1iyit","magneto-ui-candidate-nav-options__container--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_container--visible_1iyit","magneto-ui-candidate-nav-options__content":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_content_1iyit","magneto-ui-candidate-nav-options__content--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_content--visible_1iyit","magneto-ui-candidate-nav-options__list":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_list_1iyit","magneto-ui-candidate-nav-options__closable-area":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_closable-area_1iyit","magneto-ui-candidate-nav-options__line":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_line_1iyit"};
 
@@ -3432,7 +3432,7 @@ var customScrollbarButtonsStyle$1 = {
     '--custom-scrollbar-thumb-down-background': "url(".concat(MiniArrowGrayDown, ")"),
     '--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
 };
-var Component$2i = function (_a) {
+var Component$2j = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var _b = useCandidateNav(), showOptions = _b.showOptions, onChangeOpen = _b.onChangeOpen;
     var wrapperRef = useRef(null);
@@ -3474,24 +3474,24 @@ var Component$2i = function (_a) {
 /**
  * Molecule UI component child of Candidate Nav
  */
-var CandidateNavOptions = Component$2i;
+var CandidateNavOptions = Component$2j;
 
 var styles$2f = {"magneto-ui-candidate-nav-step":"mg_candidate_nav_step_magneto-ui-candidate-nav-step_3a00i"};
 
 var cs$1 = classNames.bind(styles$2f);
-var Component$2h = function (_a) {
+var Component$2i = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({}, props, { className: cs$1('magneto-ui-candidate-nav-step', className) }), children));
 };
 /**
  * Molecule UI component child of Candidate Nav
  */
-var CandidateNavStep = Component$2h;
+var CandidateNavStep = Component$2i;
 
 var styles$2e = {"magneto-ui-candidate-nav":"mg_candidate_nav_magneto-ui-candidate-nav_1on5i"};
 
 var cs = classNames.bind(styles$2e);
-var Component$2g = function (_a) {
+var Component$2h = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (React.createElement(Provider$1, null,
         React.createElement("div", __assign({ className: cs('magneto-ui-candidate-nav', className) }, props), children)));
@@ -3499,67 +3499,67 @@ var Component$2g = function (_a) {
 /**
  *  Molecule UI component of Candidate Nav
  */
-var CandidateNav = Object.assign(Component$2g, __assign({ Button: CandidateNavButton, Option: CandidateNavOption, Options: CandidateNavOptions, Step: CandidateNavStep }, context$1));
+var CandidateNav = Object.assign(Component$2h, __assign({ Button: CandidateNavButton, Option: CandidateNavOption, Options: CandidateNavOptions, Step: CandidateNavStep }, context$1));
 
 var styles$2d = {"magneto-ui-candidate-profile":"mg_candidate_profile_magneto-ui-candidate-profile_1vwhb"};
 
 var styles$2c = {"magneto-ui-candidate-profile-avatar":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_sa8bj","magneto-ui-candidate-profile-avatar__picture":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_picture_sa8bj","magneto-ui-candidate-profile-avatar__score":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_score_sa8bj"};
 
-var cx$$ = classNames.bind(styles$2c);
-var Component$2f = function (_a) {
+var cx$10 = classNames.bind(styles$2c);
+var Component$2g = function (_a) {
     var fallbackImage = _a.fallbackImage, onClick = _a.onClick, score = _a.score, userImage = _a.userImage, props = __rest(_a, ["fallbackImage", "onClick", "score", "userImage"]);
-    return (React.createElement("div", __assign({ className: cx$$('magneto-ui-candidate-profile-avatar') }, props),
-        React.createElement("picture", { className: cx$$('magneto-ui-candidate-profile-avatar__picture') },
+    return (React.createElement("div", __assign({ className: cx$10('magneto-ui-candidate-profile-avatar') }, props),
+        React.createElement("picture", { className: cx$10('magneto-ui-candidate-profile-avatar__picture') },
             React.createElement(Avatar, { userImage: userImage, fallbackImage: fallbackImage, onClick: onClick })),
-        score && (React.createElement("div", { className: cx$$('magneto-ui-candidate-profile-avatar__score') },
+        score && (React.createElement("div", { className: cx$10('magneto-ui-candidate-profile-avatar__score') },
             React.createElement(RatingBadge, { score: score })))));
 };
 /**
  * Molecule UI component child of candidate profile
  */
-var CandidateProfileAvatar = Component$2f;
+var CandidateProfileAvatar = Component$2g;
 
 var styles$2b = {"magneto-ui-candidate-profile-body":"mg_candidate_profile_body_magneto-ui-candidate-profile-body_z5hdu","magneto-ui-candidate-profile-body--open":"mg_candidate_profile_body_magneto-ui-candidate-profile-body--open_z5hdu"};
 
-var cx$_ = classNames.bind(styles$2b);
-var Component$2e = function (_a) {
+var cx$$ = classNames.bind(styles$2b);
+var Component$2f = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var open = Collapse.useCollapse().open;
-    return (React.createElement(Collapse.Body, __assign({ className: cx$_('magneto-ui-candidate-profile-body', {
+    return (React.createElement(Collapse.Body, __assign({ className: cx$$('magneto-ui-candidate-profile-body', {
             'magneto-ui-candidate-profile-body--open': open
         }) }, props), children));
 };
 /**
  * Molecule UI component child of candidate profile
  */
-var CandidateProfileBody = Component$2e;
+var CandidateProfileBody = Component$2f;
 
 var styles$2a = {"magneto-ui-candidate-profile-header":"mg_candidate_profile_header_magneto-ui-candidate-profile-header_1x5m8","magneto-ui-candidate-profile-header--open":"mg_candidate_profile_header_magneto-ui-candidate-profile-header--open_1x5m8"};
 
-var cx$Z = classNames.bind(styles$2a);
-var Component$2d = function (_a) {
+var cx$_ = classNames.bind(styles$2a);
+var Component$2e = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var open = Collapse.useCollapse().open;
-    return (React.createElement(Collapse.Header, __assign({ className: cx$Z('magneto-ui-candidate-profile-header', className, {
+    return (React.createElement(Collapse.Header, __assign({ className: cx$_('magneto-ui-candidate-profile-header', className, {
             'magneto-ui-candidate-profile-header--open': open
         }) }, props), children));
 };
 /**
  * Molecule UI component child of candidate profile
  */
-var CandidateProfileHeader = Component$2d;
+var CandidateProfileHeader = Component$2e;
 
 var styles$29 = {"magneto-ui-candidate-profile-toggler":"mg_candidate_profile_toggler_magneto-ui-candidate-profile-toggler_r3x9t","magneto-ui-candidate-profile-toggler--open":"mg_candidate_profile_toggler_magneto-ui-candidate-profile-toggler--open_r3x9t"};
 
-var cx$Y = classNames.bind(styles$29);
-var Component$2c = function (_a) {
+var cx$Z = classNames.bind(styles$29);
+var Component$2d = function (_a) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
     var _b = Collapse.useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
     var handleOnClick = useCallback(function (evt) {
         onClick === null || onClick === void 0 ? void 0 : onClick(evt);
         onChangeOpen(!open);
     }, [open, onChangeOpen, onClick]);
-    return (React.createElement(Collapse.Toggler, __assign({}, props, { className: cx$Y('magneto-ui-candidate-profile-toggler', className, {
+    return (React.createElement(Collapse.Toggler, __assign({}, props, { className: cx$Z('magneto-ui-candidate-profile-toggler', className, {
             'magneto-ui-candidate-profile-toggler--open': open
         }), onClick: handleOnClick }),
         React.createElement(IconItem, { icon: ArrowDownGreen, hover: false })));
@@ -3567,7 +3567,7 @@ var Component$2c = function (_a) {
 /**
  * Molecule UI component child of candidate profile
  */
-var CandidateProfileToggler = Component$2c;
+var CandidateProfileToggler = Component$2d;
 
 var children = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -3577,16 +3577,16 @@ var children = /*#__PURE__*/Object.freeze({
     Toggler: CandidateProfileToggler
 });
 
-var cx$X = classNames.bind(styles$2d);
-var Component$2b = function (_a) {
+var cx$Y = classNames.bind(styles$2d);
+var Component$2c = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? true : _b, onChangeOpen = _a.onChangeOpen, open = _a.open, props = __rest(_a, ["children", "className", "defaultOpen", "onChangeOpen", "open"]);
     return (React.createElement(Collapse.Provider, { defaultOpen: defaultOpen, open: open, onChangeOpen: onChangeOpen },
-        React.createElement("article", __assign({ className: cx$X('magneto-ui-candidate-profile', className) }, props), children)));
+        React.createElement("article", __assign({ className: cx$Y('magneto-ui-candidate-profile', className) }, props), children)));
 };
 /**
  * Molecule UI component of candidate profile
  */
-var CandidateProfile = Object.assign(Component$2b, children);
+var CandidateProfile = Object.assign(Component$2c, children);
 
 var styles$28 = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
 
@@ -3608,7 +3608,7 @@ var CitiesDetailDrawer = function (_a) {
 
 var styles$27 = {"create-account-cta":"mg_create_account_c_t_a_create-account-cta_kugln","create-account-cta__loader":"mg_create_account_c_t_a_create-account-cta_loader_kugln","create-account-cta__avatar":"mg_create_account_c_t_a_create-account-cta_avatar_kugln","create-account-cta__summary":"mg_create_account_c_t_a_create-account-cta_summary_kugln","create-account-cta__arrow":"mg_create_account_c_t_a_create-account-cta_arrow_kugln"};
 
-var Component$2a = function (_a) {
+var Component$2b = function (_a) {
     var ctaClick = _a.ctaClick, description = _a.description, title = _a.title, isLoading = _a.isLoading;
     return (React.createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$27['create-account-cta'] }, isLoading ? (React.createElement("div", { className: styles$27['create-account-cta__loader'] },
         React.createElement(DotsLoader, { color: "#1a324c", count: 3 }))) : (React.createElement(React.Fragment, null,
@@ -3618,14 +3618,14 @@ var Component$2a = function (_a) {
             React.createElement("p", null, description)),
         React.createElement("img", { className: styles$27['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
 };
-var CreateAccountCTA = Component$2a;
+var CreateAccountCTA = Component$2b;
 
 var styles$26 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
 
 var defaultValue$1 = function (value) {
     return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
 };
-var Component$29 = function (_a) {
+var Component$2a = function (_a) {
     var monthOptionsLabels = _a.monthOptionsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, futureYears = _a.futureYears, pastYears = _a.pastYears;
     var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
     var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
@@ -3663,12 +3663,12 @@ var Component$29 = function (_a) {
         React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
         React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
 };
-var DatePicker = Component$29;
+var DatePicker = Component$2a;
 
 var style$T = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
 
 var DEFAULT_PADDING = 20;
-var Component$28 = function (_a) {
+var Component$29 = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d, customContainer = _a.customContainer, _e = _a.backGroundClassName, backGroundClassName = _e === void 0 ? '' : _e;
     var fullDrawer = isFull ? "full-drawer" : '';
     var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
@@ -3714,7 +3714,7 @@ var Component$28 = function (_a) {
 /**
  * Molecule UI component for Drawer
  */
-var Drawer$1 = Component$28;
+var Drawer$1 = Component$29;
 
 var style$S = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
 
@@ -3779,7 +3779,7 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
 
 var styles$25 = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
 
-var Component$27 = function (_a) {
+var Component$28 = function (_a) {
     var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
     var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
     var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
@@ -3817,11 +3817,11 @@ var Component$27 = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoAction = Component$27;
+var ExpandableInfoAction = Component$28;
 
 var styles$24 = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
 
-var Component$26 = function (_a) {
+var Component$27 = function (_a) {
     var sections = _a.sections, footer = _a.footer;
     var sectionStyles = useCallback(function (multiple) {
         return CNM.get({
@@ -3868,7 +3868,7 @@ var Component$26 = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoDetails = Component$26;
+var ExpandableInfoDetails = Component$27;
 
 var EExpandableInfoVariant;
 (function (EExpandableInfoVariant) {
@@ -3891,7 +3891,7 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
 
 var styles$23 = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
 
-var Component$25 = function (_a) {
+var Component$26 = function (_a) {
     var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
     var icon = useCallback(function (icon) {
         if (icon) {
@@ -3915,11 +3915,11 @@ var Component$25 = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoMessage = Component$25;
+var ExpandableInfoMessage = Component$26;
 
 var styles$22 = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
 
-var Component$24 = function (_a) {
+var Component$25 = function (_a) {
     var toggler = _a.toggler, details = _a.details;
     var _b = useState(false), visible = _b[0], setVisible = _b[1];
     var handleOnToggle = useCallback(function () {
@@ -3933,7 +3933,7 @@ var Component$24 = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoModal = Component$24;
+var ExpandableInfoModal = Component$25;
 
 var styles$21 = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
 
@@ -3957,7 +3957,7 @@ var MobileSideCards = function (_a) {
 
 var style$R = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
 
-var Component$23 = function (_a) {
+var Component$24 = function (_a) {
     var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
     var _d = useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
     var menuActive = isActive ? style$R['is-active'] : '';
@@ -3988,7 +3988,7 @@ var MegaMenuJobsDrawer = function (_a) {
             React.createElement("p", { className: style$R['item-drawer__title'] }, title)),
         React.createElement("div", { className: "".concat(style$R['item-drawer__content']) }, content)));
 };
-var MegaMenuDrawerItem = Object.assign(Component$23, {
+var MegaMenuDrawerItem = Object.assign(Component$24, {
     Drawer: MegaMenuJobsDrawer
 });
 
@@ -4025,7 +4025,7 @@ var withMegaMenuSideCards = function (WrappedComponent) {
     return Component;
 };
 
-var Component$22 = function (_a) {
+var Component$23 = function (_a) {
     var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
     return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
             styles: styles$21,
@@ -4045,7 +4045,7 @@ var Component$22 = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoPopover = withClickOut(Component$22);
+var ExpandableInfoPopover = withClickOut(Component$23);
 
 var EXPANDABLE_INFO_TOGGLER_ICONS = {
     coin: CoinBlackOutline
@@ -4053,7 +4053,7 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
 
 var styles$1$ = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
 
-var Component$21 = function (_a) {
+var Component$22 = function (_a) {
     var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
     var styleGenerator = useCallback(function (base) {
         return CNM.get({
@@ -4102,11 +4102,11 @@ var Component$21 = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoToggler = Component$21;
+var ExpandableInfoToggler = Component$22;
 
 var styles$1_ = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
 
-var Component$20 = function (_a) {
+var Component$21 = function (_a) {
     var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
     var togglerProps = useMemo(function () { return ({
         details: details,
@@ -4138,7 +4138,7 @@ var Component$20 = function (_a) {
 /**
  * Molecule UI component for expandable info
  */
-var ExpandableInfo = Component$20;
+var ExpandableInfo = Component$21;
 
 var style$Q = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
 
@@ -4209,7 +4209,7 @@ var FilterSearchItem = function (_a) {
 
 var styles$1X = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_284yg","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_284yg","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_284yg","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_284yg"};
 
-var Component$1$ = function (_a) {
+var Component$20 = function (_a) {
     var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
     return (React.createElement("div", { className: styles$1X['fraud-card-job'] },
         React.createElement("div", { className: styles$1X['fraud-card-job__header'] },
@@ -4221,11 +4221,11 @@ var Component$1$ = function (_a) {
                 React.createElement("img", { src: WarningHex, alt: "warning" }),
                 linkText))));
 };
-var FraudCardJob = Component$1$;
+var FraudCardJob = Component$20;
 
 var styles$1W = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
 
-var Component$1_ = function (_a) {
+var Component$1$ = function (_a) {
     var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
     var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
     var searchListDinamyc = useMemo(function () {
@@ -4250,33 +4250,33 @@ var Component$1_ = function (_a) {
 /**
  * UI Atom component of Frequent Search
  */
-var FrequentSearch = Component$1_;
+var FrequentSearch = Component$1$;
 
 var style$O = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
 
-var Component$1Z = function (_a) {
+var Component$1_ = function (_a) {
     var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
     return (React.createElement("div", { className: style$O['header-drawer-company'] },
         React.createElement(LogoComponent, { logo: logo, alt: alt }),
         React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
         React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
 };
-var HeaderDrawerCompany = Component$1Z;
+var HeaderDrawerCompany = Component$1_;
 
 var styles$1V = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
 
-var Component$1Y = function (_a) {
+var Component$1Z = function (_a) {
     var children = _a.children;
     return React.createElement("div", { className: styles$1V.TabComponent }, children);
 };
 /**
  * Molecule UI for Tab
  */
-var Tab = Component$1Y;
+var Tab = Component$1Z;
 
 var styles$1U = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
 
-var Component$1X = function (_a) {
+var Component$1Y = function (_a) {
     var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
     var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
     var boxShadow = (tabButtonStyles || {}).boxShadow;
@@ -4285,11 +4285,11 @@ var Component$1X = function (_a) {
 /**
  * Molecule UI component for Tab Button
  */
-var TabButton = Component$1X;
+var TabButton = Component$1Y;
 
 var styles$1T = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
 
-var Component$1W = function (_a) {
+var Component$1X = function (_a) {
     var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
     return (React.createElement("div", { className: styles$1T.HeaderDrawerTabsComponent },
         React.createElement("a", { href: homeUrl },
@@ -4298,11 +4298,11 @@ var Component$1W = function (_a) {
             React.createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
             React.createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
 };
-var HeaderDrawerTabs = Component$1W;
+var HeaderDrawerTabs = Component$1X;
 
 var styles$1S = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
 
-var Component$1V = function (_a) {
+var Component$1W = function (_a) {
     var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
     return (React.createElement("div", { className: styles$1S.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
         var headerTabProps = __rest(_a, []);
@@ -4315,12 +4315,12 @@ var Component$1V = function (_a) {
 /**
  * Molecule UI component for header tabs information`
  */
-var HeaderTabs = Component$1V;
+var HeaderTabs = Component$1W;
 
 var styles$1R = {"w-inherit":"mg_horizontal_menu_w-inherit_auqtc","w-none":"mg_horizontal_menu_w-none_auqtc","w-auto":"mg_horizontal_menu_w-auto_auqtc","w-full":"mg_horizontal_menu_w-full_auqtc","w-min":"mg_horizontal_menu_w-min_auqtc","w-xxs":"mg_horizontal_menu_w-xxs_auqtc","w-xs":"mg_horizontal_menu_w-xs_auqtc","w-sm":"mg_horizontal_menu_w-sm_auqtc","w-sm-2":"mg_horizontal_menu_w-sm-2_auqtc","w-md":"mg_horizontal_menu_w-md_auqtc","w-md-2":"mg_horizontal_menu_w-md-2_auqtc","w-lg":"mg_horizontal_menu_w-lg_auqtc","w-xl":"mg_horizontal_menu_w-xl_auqtc","w-2xl":"mg_horizontal_menu_w-2xl_auqtc","w-3xl":"mg_horizontal_menu_w-3xl_auqtc","w-4xl":"mg_horizontal_menu_w-4xl_auqtc","w-container-xxs":"mg_horizontal_menu_w-container-xxs_auqtc","w-container-xs":"mg_horizontal_menu_w-container-xs_auqtc","w-container-sm":"mg_horizontal_menu_w-container-sm_auqtc","w-container-md":"mg_horizontal_menu_w-container-md_auqtc","w-container-lg":"mg_horizontal_menu_w-container-lg_auqtc","w-container-xl":"mg_horizontal_menu_w-container-xl_auqtc","w-container-2xl":"mg_horizontal_menu_w-container-2xl_auqtc","w-container-3xl":"mg_horizontal_menu_w-container-3xl_auqtc","min-w-inherit":"mg_horizontal_menu_min-w-inherit_auqtc","min-w-none":"mg_horizontal_menu_min-w-none_auqtc","min-w-auto":"mg_horizontal_menu_min-w-auto_auqtc","min-w-full":"mg_horizontal_menu_min-w-full_auqtc","min-w-min":"mg_horizontal_menu_min-w-min_auqtc","min-w-xxs":"mg_horizontal_menu_min-w-xxs_auqtc","min-w-xs":"mg_horizontal_menu_min-w-xs_auqtc","min-w-sm":"mg_horizontal_menu_min-w-sm_auqtc","min-w-sm-2":"mg_horizontal_menu_min-w-sm-2_auqtc","min-w-md":"mg_horizontal_menu_min-w-md_auqtc","min-w-md-2":"mg_horizontal_menu_min-w-md-2_auqtc","min-w-lg":"mg_horizontal_menu_min-w-lg_auqtc","min-w-xl":"mg_horizontal_menu_min-w-xl_auqtc","min-w-2xl":"mg_horizontal_menu_min-w-2xl_auqtc","min-w-3xl":"mg_horizontal_menu_min-w-3xl_auqtc","min-w-4xl":"mg_horizontal_menu_min-w-4xl_auqtc","min-w-container-xxs":"mg_horizontal_menu_min-w-container-xxs_auqtc","min-w-container-xs":"mg_horizontal_menu_min-w-container-xs_auqtc","min-w-container-sm":"mg_horizontal_menu_min-w-container-sm_auqtc","min-w-container-md":"mg_horizontal_menu_min-w-container-md_auqtc","min-w-container-lg":"mg_horizontal_menu_min-w-container-lg_auqtc","min-w-container-xl":"mg_horizontal_menu_min-w-container-xl_auqtc","min-w-container-2xl":"mg_horizontal_menu_min-w-container-2xl_auqtc","min-w-container-3xl":"mg_horizontal_menu_min-w-container-3xl_auqtc","h-inherit":"mg_horizontal_menu_h-inherit_auqtc","h-none":"mg_horizontal_menu_h-none_auqtc","h-auto":"mg_horizontal_menu_h-auto_auqtc","h-full":"mg_horizontal_menu_h-full_auqtc","h-min":"mg_horizontal_menu_h-min_auqtc","h-xxs":"mg_horizontal_menu_h-xxs_auqtc","h-xs":"mg_horizontal_menu_h-xs_auqtc","h-sm":"mg_horizontal_menu_h-sm_auqtc","h-sm-2":"mg_horizontal_menu_h-sm-2_auqtc","h-md":"mg_horizontal_menu_h-md_auqtc","h-md-2":"mg_horizontal_menu_h-md-2_auqtc","h-lg":"mg_horizontal_menu_h-lg_auqtc","h-xl":"mg_horizontal_menu_h-xl_auqtc","h-2xl":"mg_horizontal_menu_h-2xl_auqtc","h-3xl":"mg_horizontal_menu_h-3xl_auqtc","h-4xl":"mg_horizontal_menu_h-4xl_auqtc","h-container-xxs":"mg_horizontal_menu_h-container-xxs_auqtc","h-container-xs":"mg_horizontal_menu_h-container-xs_auqtc","h-container-sm":"mg_horizontal_menu_h-container-sm_auqtc","h-container-md":"mg_horizontal_menu_h-container-md_auqtc","h-container-lg":"mg_horizontal_menu_h-container-lg_auqtc","h-container-xl":"mg_horizontal_menu_h-container-xl_auqtc","h-container-2xl":"mg_horizontal_menu_h-container-2xl_auqtc","h-container-3xl":"mg_horizontal_menu_h-container-3xl_auqtc","min-h-inherit":"mg_horizontal_menu_min-h-inherit_auqtc","min-h-none":"mg_horizontal_menu_min-h-none_auqtc","min-h-auto":"mg_horizontal_menu_min-h-auto_auqtc","min-h-full":"mg_horizontal_menu_min-h-full_auqtc","min-h-min":"mg_horizontal_menu_min-h-min_auqtc","min-h-xxs":"mg_horizontal_menu_min-h-xxs_auqtc","min-h-xs":"mg_horizontal_menu_min-h-xs_auqtc","min-h-sm":"mg_horizontal_menu_min-h-sm_auqtc","min-h-sm-2":"mg_horizontal_menu_min-h-sm-2_auqtc","min-h-md":"mg_horizontal_menu_min-h-md_auqtc","min-h-md-2":"mg_horizontal_menu_min-h-md-2_auqtc","min-h-lg":"mg_horizontal_menu_min-h-lg_auqtc","min-h-xl":"mg_horizontal_menu_min-h-xl_auqtc","min-h-2xl":"mg_horizontal_menu_min-h-2xl_auqtc","min-h-3xl":"mg_horizontal_menu_min-h-3xl_auqtc","min-h-4xl":"mg_horizontal_menu_min-h-4xl_auqtc","min-h-container-xxs":"mg_horizontal_menu_min-h-container-xxs_auqtc","min-h-container-xs":"mg_horizontal_menu_min-h-container-xs_auqtc","min-h-container-sm":"mg_horizontal_menu_min-h-container-sm_auqtc","min-h-container-md":"mg_horizontal_menu_min-h-container-md_auqtc","min-h-container-lg":"mg_horizontal_menu_min-h-container-lg_auqtc","min-h-container-xl":"mg_horizontal_menu_min-h-container-xl_auqtc","min-h-container-2xl":"mg_horizontal_menu_min-h-container-2xl_auqtc","min-h-container-3xl":"mg_horizontal_menu_min-h-container-3xl_auqtc","sq-inherit":"mg_horizontal_menu_sq-inherit_auqtc","sq-none":"mg_horizontal_menu_sq-none_auqtc","sq-auto":"mg_horizontal_menu_sq-auto_auqtc","sq-full":"mg_horizontal_menu_sq-full_auqtc","sq-min":"mg_horizontal_menu_sq-min_auqtc","sq-xxs":"mg_horizontal_menu_sq-xxs_auqtc","sq-xs":"mg_horizontal_menu_sq-xs_auqtc","sq-sm":"mg_horizontal_menu_sq-sm_auqtc","sq-sm-2":"mg_horizontal_menu_sq-sm-2_auqtc","sq-md":"mg_horizontal_menu_sq-md_auqtc","sq-md-2":"mg_horizontal_menu_sq-md-2_auqtc","sq-lg":"mg_horizontal_menu_sq-lg_auqtc","sq-xl":"mg_horizontal_menu_sq-xl_auqtc","sq-2xl":"mg_horizontal_menu_sq-2xl_auqtc","sq-3xl":"mg_horizontal_menu_sq-3xl_auqtc","sq-4xl":"mg_horizontal_menu_sq-4xl_auqtc","min-sq-inherit":"mg_horizontal_menu_min-sq-inherit_auqtc","min-sq-none":"mg_horizontal_menu_min-sq-none_auqtc","min-sq-auto":"mg_horizontal_menu_min-sq-auto_auqtc","min-sq-full":"mg_horizontal_menu_min-sq-full_auqtc","min-sq-min":"mg_horizontal_menu_min-sq-min_auqtc","min-sq-xxs":"mg_horizontal_menu_min-sq-xxs_auqtc","min-sq-xs":"mg_horizontal_menu_min-sq-xs_auqtc","min-sq-sm":"mg_horizontal_menu_min-sq-sm_auqtc","min-sq-sm-2":"mg_horizontal_menu_min-sq-sm-2_auqtc","min-sq-md":"mg_horizontal_menu_min-sq-md_auqtc","min-sq-md-2":"mg_horizontal_menu_min-sq-md-2_auqtc","min-sq-lg":"mg_horizontal_menu_min-sq-lg_auqtc","min-sq-xl":"mg_horizontal_menu_min-sq-xl_auqtc","min-sq-2xl":"mg_horizontal_menu_min-sq-2xl_auqtc","min-sq-3xl":"mg_horizontal_menu_min-sq-3xl_auqtc","min-sq-4xl":"mg_horizontal_menu_min-sq-4xl_auqtc","stroke-transparent":"mg_horizontal_menu_stroke-transparent_auqtc","stroke-inherit":"mg_horizontal_menu_stroke-inherit_auqtc","stroke-current":"mg_horizontal_menu_stroke-current_auqtc","stroke-blue-dark-50":"mg_horizontal_menu_stroke-blue-dark-50_auqtc","stroke-blue-dark-100":"mg_horizontal_menu_stroke-blue-dark-100_auqtc","stroke-blue-dark-200":"mg_horizontal_menu_stroke-blue-dark-200_auqtc","stroke-blue-dark-300":"mg_horizontal_menu_stroke-blue-dark-300_auqtc","stroke-blue-dark-400":"mg_horizontal_menu_stroke-blue-dark-400_auqtc","stroke-blue-dark-500":"mg_horizontal_menu_stroke-blue-dark-500_auqtc","stroke-blue-light-50":"mg_horizontal_menu_stroke-blue-light-50_auqtc","stroke-blue-light-100":"mg_horizontal_menu_stroke-blue-light-100_auqtc","stroke-blue-light-200":"mg_horizontal_menu_stroke-blue-light-200_auqtc","stroke-blue-light-300":"mg_horizontal_menu_stroke-blue-light-300_auqtc","stroke-blue-light-400":"mg_horizontal_menu_stroke-blue-light-400_auqtc","stroke-blue-light-500":"mg_horizontal_menu_stroke-blue-light-500_auqtc","stroke-green-50":"mg_horizontal_menu_stroke-green-50_auqtc","stroke-green-100":"mg_horizontal_menu_stroke-green-100_auqtc","stroke-green-200":"mg_horizontal_menu_stroke-green-200_auqtc","stroke-green-300":"mg_horizontal_menu_stroke-green-300_auqtc","stroke-green-400":"mg_horizontal_menu_stroke-green-400_auqtc","stroke-green-500":"mg_horizontal_menu_stroke-green-500_auqtc","stroke-green-600":"mg_horizontal_menu_stroke-green-600_auqtc","stroke-grey-50":"mg_horizontal_menu_stroke-grey-50_auqtc","stroke-grey-100":"mg_horizontal_menu_stroke-grey-100_auqtc","stroke-grey-200":"mg_horizontal_menu_stroke-grey-200_auqtc","stroke-grey-300":"mg_horizontal_menu_stroke-grey-300_auqtc","stroke-grey-400":"mg_horizontal_menu_stroke-grey-400_auqtc","stroke-grey-500":"mg_horizontal_menu_stroke-grey-500_auqtc","stroke-grey-600":"mg_horizontal_menu_stroke-grey-600_auqtc","stroke-grey-700":"mg_horizontal_menu_stroke-grey-700_auqtc","stroke-grey-800":"mg_horizontal_menu_stroke-grey-800_auqtc","stroke-grey-900":"mg_horizontal_menu_stroke-grey-900_auqtc","stroke-red-50":"mg_horizontal_menu_stroke-red-50_auqtc","stroke-red-100":"mg_horizontal_menu_stroke-red-100_auqtc","stroke-red-200":"mg_horizontal_menu_stroke-red-200_auqtc","stroke-red-300":"mg_horizontal_menu_stroke-red-300_auqtc","stroke-yellow-50":"mg_horizontal_menu_stroke-yellow-50_auqtc","stroke-yellow-100":"mg_horizontal_menu_stroke-yellow-100_auqtc","stroke-yellow-200":"mg_horizontal_menu_stroke-yellow-200_auqtc","stroke-yellow-300":"mg_horizontal_menu_stroke-yellow-300_auqtc","fill-transparent":"mg_horizontal_menu_fill-transparent_auqtc","fill-inherit":"mg_horizontal_menu_fill-inherit_auqtc","fill-current":"mg_horizontal_menu_fill-current_auqtc","fill-blue-dark-50":"mg_horizontal_menu_fill-blue-dark-50_auqtc","fill-blue-dark-100":"mg_horizontal_menu_fill-blue-dark-100_auqtc","fill-blue-dark-200":"mg_horizontal_menu_fill-blue-dark-200_auqtc","fill-blue-dark-300":"mg_horizontal_menu_fill-blue-dark-300_auqtc","fill-blue-dark-400":"mg_horizontal_menu_fill-blue-dark-400_auqtc","fill-blue-dark-500":"mg_horizontal_menu_fill-blue-dark-500_auqtc","fill-blue-light-50":"mg_horizontal_menu_fill-blue-light-50_auqtc","fill-blue-light-100":"mg_horizontal_menu_fill-blue-light-100_auqtc","fill-blue-light-200":"mg_horizontal_menu_fill-blue-light-200_auqtc","fill-blue-light-300":"mg_horizontal_menu_fill-blue-light-300_auqtc","fill-blue-light-400":"mg_horizontal_menu_fill-blue-light-400_auqtc","fill-blue-light-500":"mg_horizontal_menu_fill-blue-light-500_auqtc","fill-green-50":"mg_horizontal_menu_fill-green-50_auqtc","fill-green-100":"mg_horizontal_menu_fill-green-100_auqtc","fill-green-200":"mg_horizontal_menu_fill-green-200_auqtc","fill-green-300":"mg_horizontal_menu_fill-green-300_auqtc","fill-green-400":"mg_horizontal_menu_fill-green-400_auqtc","fill-green-500":"mg_horizontal_menu_fill-green-500_auqtc","fill-green-600":"mg_horizontal_menu_fill-green-600_auqtc","fill-grey-50":"mg_horizontal_menu_fill-grey-50_auqtc","fill-grey-100":"mg_horizontal_menu_fill-grey-100_auqtc","fill-grey-200":"mg_horizontal_menu_fill-grey-200_auqtc","fill-grey-300":"mg_horizontal_menu_fill-grey-300_auqtc","fill-grey-400":"mg_horizontal_menu_fill-grey-400_auqtc","fill-grey-500":"mg_horizontal_menu_fill-grey-500_auqtc","fill-grey-600":"mg_horizontal_menu_fill-grey-600_auqtc","fill-grey-700":"mg_horizontal_menu_fill-grey-700_auqtc","fill-grey-800":"mg_horizontal_menu_fill-grey-800_auqtc","fill-grey-900":"mg_horizontal_menu_fill-grey-900_auqtc","fill-red-50":"mg_horizontal_menu_fill-red-50_auqtc","fill-red-100":"mg_horizontal_menu_fill-red-100_auqtc","fill-red-200":"mg_horizontal_menu_fill-red-200_auqtc","fill-red-300":"mg_horizontal_menu_fill-red-300_auqtc","fill-yellow-50":"mg_horizontal_menu_fill-yellow-50_auqtc","fill-yellow-100":"mg_horizontal_menu_fill-yellow-100_auqtc","fill-yellow-200":"mg_horizontal_menu_fill-yellow-200_auqtc","fill-yellow-300":"mg_horizontal_menu_fill-yellow-300_auqtc","bg-transparent":"mg_horizontal_menu_bg-transparent_auqtc","bg-inherit":"mg_horizontal_menu_bg-inherit_auqtc","bg-current":"mg_horizontal_menu_bg-current_auqtc","bg-blue-dark-50":"mg_horizontal_menu_bg-blue-dark-50_auqtc","bg-blue-dark-100":"mg_horizontal_menu_bg-blue-dark-100_auqtc","bg-blue-dark-200":"mg_horizontal_menu_bg-blue-dark-200_auqtc","bg-blue-dark-300":"mg_horizontal_menu_bg-blue-dark-300_auqtc","bg-blue-dark-400":"mg_horizontal_menu_bg-blue-dark-400_auqtc","bg-blue-dark-500":"mg_horizontal_menu_bg-blue-dark-500_auqtc","bg-blue-light-50":"mg_horizontal_menu_bg-blue-light-50_auqtc","bg-blue-light-100":"mg_horizontal_menu_bg-blue-light-100_auqtc","bg-blue-light-200":"mg_horizontal_menu_bg-blue-light-200_auqtc","bg-blue-light-300":"mg_horizontal_menu_bg-blue-light-300_auqtc","bg-blue-light-400":"mg_horizontal_menu_bg-blue-light-400_auqtc","bg-blue-light-500":"mg_horizontal_menu_bg-blue-light-500_auqtc","bg-green-50":"mg_horizontal_menu_bg-green-50_auqtc","bg-green-100":"mg_horizontal_menu_bg-green-100_auqtc","bg-green-200":"mg_horizontal_menu_bg-green-200_auqtc","bg-green-300":"mg_horizontal_menu_bg-green-300_auqtc","bg-green-400":"mg_horizontal_menu_bg-green-400_auqtc","bg-green-500":"mg_horizontal_menu_bg-green-500_auqtc","bg-green-600":"mg_horizontal_menu_bg-green-600_auqtc","bg-grey-50":"mg_horizontal_menu_bg-grey-50_auqtc","bg-grey-100":"mg_horizontal_menu_bg-grey-100_auqtc","bg-grey-200":"mg_horizontal_menu_bg-grey-200_auqtc","bg-grey-300":"mg_horizontal_menu_bg-grey-300_auqtc","bg-grey-400":"mg_horizontal_menu_bg-grey-400_auqtc","bg-grey-500":"mg_horizontal_menu_bg-grey-500_auqtc","bg-grey-600":"mg_horizontal_menu_bg-grey-600_auqtc","bg-grey-700":"mg_horizontal_menu_bg-grey-700_auqtc","bg-grey-800":"mg_horizontal_menu_bg-grey-800_auqtc","bg-grey-900":"mg_horizontal_menu_bg-grey-900_auqtc","bg-red-50":"mg_horizontal_menu_bg-red-50_auqtc","bg-red-100":"mg_horizontal_menu_bg-red-100_auqtc","bg-red-200":"mg_horizontal_menu_bg-red-200_auqtc","bg-red-300":"mg_horizontal_menu_bg-red-300_auqtc","bg-yellow-50":"mg_horizontal_menu_bg-yellow-50_auqtc","bg-yellow-100":"mg_horizontal_menu_bg-yellow-100_auqtc","bg-yellow-200":"mg_horizontal_menu_bg-yellow-200_auqtc","bg-yellow-300":"mg_horizontal_menu_bg-yellow-300_auqtc","color-transparent":"mg_horizontal_menu_color-transparent_auqtc","color-inherit":"mg_horizontal_menu_color-inherit_auqtc","color-current":"mg_horizontal_menu_color-current_auqtc","color-blue-dark-50":"mg_horizontal_menu_color-blue-dark-50_auqtc","color-blue-dark-100":"mg_horizontal_menu_color-blue-dark-100_auqtc","color-blue-dark-200":"mg_horizontal_menu_color-blue-dark-200_auqtc","color-blue-dark-300":"mg_horizontal_menu_color-blue-dark-300_auqtc","color-blue-dark-400":"mg_horizontal_menu_color-blue-dark-400_auqtc","color-blue-dark-500":"mg_horizontal_menu_color-blue-dark-500_auqtc","color-blue-light-50":"mg_horizontal_menu_color-blue-light-50_auqtc","color-blue-light-100":"mg_horizontal_menu_color-blue-light-100_auqtc","color-blue-light-200":"mg_horizontal_menu_color-blue-light-200_auqtc","color-blue-light-300":"mg_horizontal_menu_color-blue-light-300_auqtc","color-blue-light-400":"mg_horizontal_menu_color-blue-light-400_auqtc","color-blue-light-500":"mg_horizontal_menu_color-blue-light-500_auqtc","color-green-50":"mg_horizontal_menu_color-green-50_auqtc","color-green-100":"mg_horizontal_menu_color-green-100_auqtc","color-green-200":"mg_horizontal_menu_color-green-200_auqtc","color-green-300":"mg_horizontal_menu_color-green-300_auqtc","color-green-400":"mg_horizontal_menu_color-green-400_auqtc","color-green-500":"mg_horizontal_menu_color-green-500_auqtc","color-green-600":"mg_horizontal_menu_color-green-600_auqtc","color-grey-50":"mg_horizontal_menu_color-grey-50_auqtc","color-grey-100":"mg_horizontal_menu_color-grey-100_auqtc","color-grey-200":"mg_horizontal_menu_color-grey-200_auqtc","color-grey-300":"mg_horizontal_menu_color-grey-300_auqtc","color-grey-400":"mg_horizontal_menu_color-grey-400_auqtc","color-grey-500":"mg_horizontal_menu_color-grey-500_auqtc","color-grey-600":"mg_horizontal_menu_color-grey-600_auqtc","color-grey-700":"mg_horizontal_menu_color-grey-700_auqtc","color-grey-800":"mg_horizontal_menu_color-grey-800_auqtc","color-grey-900":"mg_horizontal_menu_color-grey-900_auqtc","color-red-50":"mg_horizontal_menu_color-red-50_auqtc","color-red-100":"mg_horizontal_menu_color-red-100_auqtc","color-red-200":"mg_horizontal_menu_color-red-200_auqtc","color-red-300":"mg_horizontal_menu_color-red-300_auqtc","color-yellow-50":"mg_horizontal_menu_color-yellow-50_auqtc","color-yellow-100":"mg_horizontal_menu_color-yellow-100_auqtc","color-yellow-200":"mg_horizontal_menu_color-yellow-200_auqtc","color-yellow-300":"mg_horizontal_menu_color-yellow-300_auqtc","magneto-ui-horizontal-menu":"mg_horizontal_menu_magneto-ui-horizontal-menu_auqtc","magneto-ui-horizontal-menu__back":"mg_horizontal_menu_magneto-ui-horizontal-menu_back_auqtc","magneto-ui-horizontal-menu__nav":"mg_horizontal_menu_magneto-ui-horizontal-menu_nav_auqtc","magneto-ui-horizontal-menu__list":"mg_horizontal_menu_magneto-ui-horizontal-menu_list_auqtc","magneto-ui-horizontal-menu__button":"mg_horizontal_menu_magneto-ui-horizontal-menu_button_auqtc","magneto-ui-horizontal-menu__button--active":"mg_horizontal_menu_magneto-ui-horizontal-menu_button--active_auqtc"};
 
-var cx$W = classNames.bind(styles$1R);
-var Component$1U = function (_a) {
+var cx$X = classNames.bind(styles$1R);
+var Component$1V = function (_a) {
     var className = _a.className, options = _a.options, onChange = _a.onChange;
     var _b = useState(0), selectedItem = _b[0], setSelectedItem = _b[1];
     var handleOnSelect = useCallback(function (key) {
@@ -4329,11 +4329,11 @@ var Component$1U = function (_a) {
     }, [onChange]);
     if (!options || !Array.isArray(options))
         return null;
-    return (React.createElement("header", { className: cx$W('magneto-ui-horizontal-menu', className) },
-        React.createElement("nav", { className: cx$W('magneto-ui-horizontal-menu__nav') },
-            React.createElement("ul", { className: cx$W('magneto-ui-horizontal-menu__list') }, options.map(function (_a, key) {
+    return (React.createElement("header", { className: cx$X('magneto-ui-horizontal-menu', className) },
+        React.createElement("nav", { className: cx$X('magneto-ui-horizontal-menu__nav') },
+            React.createElement("ul", { className: cx$X('magneto-ui-horizontal-menu__list') }, options.map(function (_a, key) {
                 var icon = _a.icon, title = _a.title;
-                return (React.createElement("li", { key: key, className: cx$W('magneto-ui-horizontal-menu__button', {
+                return (React.createElement("li", { key: key, className: cx$X('magneto-ui-horizontal-menu__button', {
                         'magneto-ui-horizontal-menu__button--active': selectedItem === key
                     }) },
                     React.createElement(Button, { suffixIcon: icon, buttonText: title, onClick: function () { return handleOnSelect(key); } })));
@@ -4342,7 +4342,7 @@ var Component$1U = function (_a) {
 /**
  * UI Molecule Component for Horizontal Menu
  */
-var HorizontalMenu = Component$1U;
+var HorizontalMenu = Component$1V;
 
 var styles$1Q = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
 
@@ -4461,7 +4461,7 @@ var Tooltip = function (_a) {
             visible && (React.createElement("span", { className: "".concat(styles$1N['tooltip-text'], " ").concat(styles$1N["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
 };
 
-var Component$1T = function (_a) {
+var Component$1U = function (_a) {
     var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
     var _f = useState(false), show = _f[0], setShow = _f[1];
     return (React.createElement(Popover, { className: [style$N['popover'], !show ? style$N['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$N['content'], classNameContent].join(' ') },
@@ -4480,10 +4480,10 @@ var Component$1T = function (_a) {
             React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$N['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
                 React.createElement(IconItem, { size: 20, icon: Share })))));
 };
-Component$1T.displayName = 'SharePopover';
-var SharePopover = Component$1T;
+Component$1U.displayName = 'SharePopover';
+var SharePopover = Component$1U;
 
-var Component$1S = function (_a) {
+var Component$1T = function (_a) {
     var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, isApplied = _a.isApplied;
     var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
         icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
@@ -4513,11 +4513,11 @@ var Component$1S = function (_a) {
 /**
  * UI Molecule Component for Jobs Actions
  */
-var JobActions = Component$1S;
+var JobActions = Component$1T;
 
 var styles$1M = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_16e1d","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_16e1d","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_16e1d","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_16e1d","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_16e1d"};
 
-var Component$1R = function (_a) {
+var Component$1S = function (_a) {
     var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
     return (React.createElement("div", { className: styles$1M['magneto-ui-job-apply-card'] },
         React.createElement("div", { className: styles$1M['magneto-ui-job-apply-card__wrapper'] },
@@ -4540,11 +4540,11 @@ var Component$1R = function (_a) {
 /**
  * UI Molecule Component for Job Apply Card
  */
-var JobApplyCard = Component$1R;
+var JobApplyCard = Component$1S;
 
 var styles$1L = {"option":"mg_vacant_option_mobile_option_10cgk","option--link":"mg_vacant_option_mobile_option--link_10cgk","option--button":"mg_vacant_option_mobile_option--button_10cgk","icon--big":"mg_vacant_option_mobile_icon--big_10cgk"};
 
-var cx$V = classNames.bind(styles$1L);
+var cx$W = classNames.bind(styles$1L);
 var VacantOptionMobile = function (_a) {
     var option = _a.option, onClick = _a.onClick, onMenu = _a.onMenu;
     var handleClick = function () {
@@ -4561,13 +4561,13 @@ var VacantOptionMobile = function (_a) {
         ? ShareIcons[option.icon].icon
         : option.icon;
     if (option.type === 'link') {
-        return (React.createElement("a", { href: option.href, target: "_blank", rel: "noopener noreferrer", className: cx$V('option', 'option--link', option.className) },
+        return (React.createElement("a", { href: option.href, target: "_blank", rel: "noopener noreferrer", className: cx$W('option', 'option--link', option.className) },
             option.icon ? React.createElement(IconItem, { size: 18, icon: icon }) : null,
             " ",
             option.label));
     }
     if (option.type === 'button' || option.type === 'menu') {
-        return (React.createElement("button", { className: cx$V('option', 'option--button', option.className), onClick: handleClick, type: "button" },
+        return (React.createElement("button", { className: cx$W('option', 'option--button', option.className), onClick: handleClick, type: "button" },
             option.icon ? React.createElement(IconItem, { size: 18, icon: icon }) : null,
             " ",
             option.label));
@@ -4577,7 +4577,7 @@ var VacantOptionMobile = function (_a) {
 
 var styles$1K = {"button":"mg_job_card_option_drawer_button_1b6xo","button-back":"mg_job_card_option_drawer_button-back_1b6xo","drawer":"mg_job_card_option_drawer_drawer_1b6xo","drawer__title":"mg_job_card_option_drawer_drawer_title_1b6xo","drawer__company":"mg_job_card_option_drawer_drawer_company_1b6xo","drawer__header":"mg_job_card_option_drawer_drawer_header_1b6xo"};
 
-var cx$U = classNames.bind(styles$1K);
+var cx$V = classNames.bind(styles$1K);
 var JobCardOptionDrawer = function (_a) {
     var title = _a.title, company = _a.company, menu = _a.menu, backText = _a.backText;
     var _b = useState(false), isOpen = _b[0], setOpen = _b[1];
@@ -4602,17 +4602,17 @@ var JobCardOptionDrawer = function (_a) {
         };
     }, [handleMenu, menu]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("button", { onClick: toggle, className: cx$U('button'), type: "button" },
+        React.createElement("button", { onClick: toggle, className: cx$V('button'), type: "button" },
             React.createElement(IconItem, { icon: More, size: 18 })),
-        React.createElement(MobileDrawer, { className: cx$U('drawer'), isOpen: isOpen, onClose: toggle },
-            React.createElement("header", { className: cx$U('drawer__header') },
+        React.createElement(MobileDrawer, { className: cx$V('drawer'), isOpen: isOpen, onClose: toggle },
+            React.createElement("header", { className: cx$V('drawer__header') },
                 showBack ? (React.createElement("section", null,
-                    React.createElement("button", { type: "button", className: cx$U('button-back'), onClick: function () { return handleMenu(menu, false); } },
+                    React.createElement("button", { type: "button", className: cx$V('button-back'), onClick: function () { return handleMenu(menu, false); } },
                         React.createElement(IconItem, { icon: ArrowLeft2, size: 20 }),
                         " ",
                         backText))) : null,
-                React.createElement("h4", { className: cx$U('drawer__title') }, title),
-                React.createElement("h5", { className: cx$U('drawer__company') }, company)),
+                React.createElement("h4", { className: cx$V('drawer__title') }, title),
+                React.createElement("h5", { className: cx$V('drawer__company') }, company)),
             React.createElement("div", null, options.map(function (option, index) { return (React.createElement(VacantOptionMobile, { key: index + option.label, option: option, onMenu: handleMenu, onClick: function () {
                     toggle();
                     handleMenu(menu, false);
@@ -4621,7 +4621,7 @@ var JobCardOptionDrawer = function (_a) {
 
 var styles$1J = {"option":"mg_vacant_option_option_14jrn","option--link":"mg_vacant_option_option--link_14jrn","option--menu":"mg_vacant_option_option--menu_14jrn","option--menu-open":"mg_vacant_option_option--menu-open_14jrn","option__menu-list":"mg_vacant_option_option_menu-list_14jrn","option--button":"mg_vacant_option_option--button_14jrn","icon--big":"mg_vacant_option_icon--big_14jrn"};
 
-var cx$T = classNames.bind(styles$1J);
+var cx$U = classNames.bind(styles$1J);
 var VacantOption = function (_a) {
     var option = _a.option, onClick = _a.onClick;
     var _b = useState(false), open = _b[0], setOpen = _b[1];
@@ -4636,16 +4636,16 @@ var VacantOption = function (_a) {
         ? ShareIcons[option.icon].icon
         : option.icon;
     if (option.type === 'menu') {
-        return (React.createElement(MenuDropdown, { title: option.label, opened: open, onClick: setOpen, prefixIcon: { icon: icon, size: 18 }, suffixIcon: { icon: ArrowDown2 }, className: cx$T('option', 'option--menu', { 'option--menu-open': open }, option.className), listClassName: cx$T('option__menu-list') }, option.children.map(function (child) { return (React.createElement(VacantOption, { onClick: handleClick, key: child.label, option: child })); })));
+        return (React.createElement(MenuDropdown, { title: option.label, opened: open, onClick: setOpen, prefixIcon: { icon: icon, size: 18 }, suffixIcon: { icon: ArrowDown2 }, className: cx$U('option', 'option--menu', { 'option--menu-open': open }, option.className), listClassName: cx$U('option__menu-list') }, option.children.map(function (child) { return (React.createElement(VacantOption, { onClick: handleClick, key: child.label, option: child })); })));
     }
     if (option.type === 'link') {
-        return (React.createElement("a", { href: option.href, target: "_blank", rel: "noopener noreferrer", className: cx$T('option', 'option--link', option.className) },
+        return (React.createElement("a", { href: option.href, target: "_blank", rel: "noopener noreferrer", className: cx$U('option', 'option--link', option.className) },
             option.icon ? React.createElement(IconItem, { size: 18, icon: icon }) : null,
             " ",
             option.label));
     }
     if (option.type === 'button') {
-        return (React.createElement("button", { className: cx$T('option', 'option--button', option.className), onClick: handleClick, type: "button" },
+        return (React.createElement("button", { className: cx$U('option', 'option--button', option.className), onClick: handleClick, type: "button" },
             option.icon ? React.createElement(IconItem, { size: 18, icon: icon }) : null,
             " ",
             option.label));
@@ -4655,7 +4655,7 @@ var VacantOption = function (_a) {
 
 var styles$1I = {"popover--open":"mg_job_card_option_popover--open_12kph","popover":"mg_job_card_option_popover_12kph","button":"mg_job_card_option_button_12kph"};
 
-var cx$S = classNames.bind(styles$1I);
+var cx$T = classNames.bind(styles$1I);
 var JobCardOption = function (_a) {
     var _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? stubUndefined : _c, menu = _a.menu;
     var ref = useRef(null);
@@ -4671,8 +4671,8 @@ var JobCardOption = function (_a) {
             (_a = window === null || window === void 0 ? void 0 : window.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(window, 'blur', onBlurWindow);
         };
     }, [setClickOut]);
-    return (React.createElement(Popover, { className: cx$S('popover', { 'popover--open': clickOut }), content: React.createElement("div", { onBlur: toggle, ref: ref }, menu.map(function (option) { return (React.createElement(VacantOption, { key: option.label, onClick: toggle, option: option })); })), show: clickOut, widthBase: 35, positionX: "left", positionY: "bottom" },
-        React.createElement("button", { type: "button", className: cx$S('button'), onClick: function () {
+    return (React.createElement(Popover, { className: cx$T('popover', { 'popover--open': clickOut }), content: React.createElement("div", { onBlur: toggle, ref: ref }, menu.map(function (option) { return (React.createElement(VacantOption, { key: option.label, onClick: toggle, option: option })); })), show: clickOut, widthBase: 35, positionX: "left", positionY: "bottom" },
+        React.createElement("button", { type: "button", className: cx$T('button'), onClick: function () {
                 setClickOut(function (prev) {
                     var _a;
                     if (!prev) {
@@ -4685,7 +4685,7 @@ var JobCardOption = function (_a) {
 };
 var JobCardOption$1 = withClickOut(JobCardOption);
 
-var style$M = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_74rzt","magneto-ui-card-jobs--urgent":"mg_job_card_desktop_magneto-ui-card-jobs--urgent_74rzt","magneto-ui-card-jobs__container":"mg_job_card_desktop_magneto-ui-card-jobs_container_74rzt","magneto-ui-card-jobs--job-open":"mg_job_card_desktop_magneto-ui-card-jobs--job-open_74rzt","magneto-ui-card-jobs__render-right":"mg_job_card_desktop_magneto-ui-card-jobs_render-right_74rzt","magneto-ui-card-jobs__options":"mg_job_card_desktop_magneto-ui-card-jobs_options_74rzt","magneto-ui-card-jobs__data":"mg_job_card_desktop_magneto-ui-card-jobs_data_74rzt","magneto-ui-card-jobs__button":"mg_job_card_desktop_magneto-ui-card-jobs_button_74rzt","magneto-ui-card-jobs__white-space":"mg_job_card_desktop_magneto-ui-card-jobs_white-space_74rzt","magneto-ui-card-jobs__header":"mg_job_card_desktop_magneto-ui-card-jobs_header_74rzt","magneto-ui-card-jobs__arrow":"mg_job_card_desktop_magneto-ui-card-jobs_arrow_74rzt","magneto-ui-card-jobs__text":"mg_job_card_desktop_magneto-ui-card-jobs_text_74rzt","magneto-ui-card-jobs__text--bold":"mg_job_card_desktop_magneto-ui-card-jobs_text--bold_74rzt","magneto-ui-card-jobs__text--big":"mg_job_card_desktop_magneto-ui-card-jobs_text--big_74rzt","magneto-ui-card-jobs__text--small":"mg_job_card_desktop_magneto-ui-card-jobs_text--small_74rzt","magneto-ui-card-jobs__published":"mg_job_card_desktop_magneto-ui-card-jobs_published_74rzt","magneto-ui-card-jobs__urgent":"mg_job_card_desktop_magneto-ui-card-jobs_urgent_74rzt","magneto-ui-card-jobs__urgent-icon":"mg_job_card_desktop_magneto-ui-card-jobs_urgent-icon_74rzt","magneto-ui-card-jobs__a":"mg_job_card_desktop_magneto-ui-card-jobs_a_74rzt","magneto-ui-card-jobs__company":"mg_job_card_desktop_magneto-ui-card-jobs_company_74rzt","magneto-ui-card-jobs__brand":"mg_job_card_desktop_magneto-ui-card-jobs_brand_74rzt","magneto-ui-card-jobs__brand-img":"mg_job_card_desktop_magneto-ui-card-jobs_brand-img_74rzt"};
+var style$M = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1dxqo","magneto-ui-card-jobs--urgent":"mg_job_card_desktop_magneto-ui-card-jobs--urgent_1dxqo","magneto-ui-card-jobs__container":"mg_job_card_desktop_magneto-ui-card-jobs_container_1dxqo","magneto-ui-card-jobs--job-open":"mg_job_card_desktop_magneto-ui-card-jobs--job-open_1dxqo","magneto-ui-card-jobs__render-right":"mg_job_card_desktop_magneto-ui-card-jobs_render-right_1dxqo","magneto-ui-card-jobs__options":"mg_job_card_desktop_magneto-ui-card-jobs_options_1dxqo","magneto-ui-card-jobs__data":"mg_job_card_desktop_magneto-ui-card-jobs_data_1dxqo","magneto-ui-card-jobs__button":"mg_job_card_desktop_magneto-ui-card-jobs_button_1dxqo","magneto-ui-card-jobs__white-space":"mg_job_card_desktop_magneto-ui-card-jobs_white-space_1dxqo","magneto-ui-card-jobs__header":"mg_job_card_desktop_magneto-ui-card-jobs_header_1dxqo","magneto-ui-card-jobs__arrow":"mg_job_card_desktop_magneto-ui-card-jobs_arrow_1dxqo","magneto-ui-card-jobs__text":"mg_job_card_desktop_magneto-ui-card-jobs_text_1dxqo","magneto-ui-card-jobs__text--bold":"mg_job_card_desktop_magneto-ui-card-jobs_text--bold_1dxqo","magneto-ui-card-jobs__text--big":"mg_job_card_desktop_magneto-ui-card-jobs_text--big_1dxqo","magneto-ui-card-jobs__text--small":"mg_job_card_desktop_magneto-ui-card-jobs_text--small_1dxqo","magneto-ui-card-jobs__published":"mg_job_card_desktop_magneto-ui-card-jobs_published_1dxqo","magneto-ui-card-jobs__urgent":"mg_job_card_desktop_magneto-ui-card-jobs_urgent_1dxqo","magneto-ui-card-jobs__urgent-icon":"mg_job_card_desktop_magneto-ui-card-jobs_urgent-icon_1dxqo","magneto-ui-card-jobs__a":"mg_job_card_desktop_magneto-ui-card-jobs_a_1dxqo","magneto-ui-card-jobs__company":"mg_job_card_desktop_magneto-ui-card-jobs_company_1dxqo","magneto-ui-card-jobs__brand":"mg_job_card_desktop_magneto-ui-card-jobs_brand_1dxqo","magneto-ui-card-jobs__brand-img":"mg_job_card_desktop_magneto-ui-card-jobs_brand-img_1dxqo"};
 
 var useWithElement = function (ref) {
     var _a = useState(null), width = _a[0], setWidth = _a[1];
@@ -4702,7 +4702,7 @@ var useWithElement = function (ref) {
     return width;
 };
 
-var cx$R = classNames.bind(style$M);
+var cx$S = classNames.bind(style$M);
 var getJobSubtitle = function (companyName) {
     var args = [];
     for (var _i = 1; _i < arguments.length; _i++) {
@@ -4721,28 +4721,28 @@ var JobCardDesktop = function (_a) {
         var safeCities = Array.isArray(cities) ? cities : [];
         return safeCities.length > 5 ? safeCities.slice(0, 5).join(', ') : safeCities.join(', ');
     }, [cities]);
-    return (React.createElement("div", { className: cx$R("".concat(classMUI, "-card-jobs__container"), jobOpen && "".concat(classMUI, "-card-jobs--job-open")) },
-        React.createElement("article", { onClick: showDetail, className: cx$R("".concat(classMUI, "-card-jobs"), urgent && "".concat(classMUI, "-card-jobs--urgent")) },
-            !isCompanyPage && (React.createElement("div", { className: cx$R("".concat(classMUI, "-card-jobs__brand")) },
+    return (React.createElement("div", { className: cx$S("".concat(classMUI, "-card-jobs__container"), jobOpen && "".concat(classMUI, "-card-jobs--job-open")) },
+        React.createElement("article", { onClick: showDetail, className: cx$S("".concat(classMUI, "-card-jobs"), urgent && "".concat(classMUI, "-card-jobs--urgent")) },
+            !isCompanyPage && (React.createElement("div", { className: cx$S("".concat(classMUI, "-card-jobs__brand")) },
                 React.createElement("div", null,
-                    React.createElement("img", { className: cx$R("".concat(classMUI, "-card-jobs__brand-img")), alt: companyName ? "".concat(altDynamicText.workAt, " ").concat(companyName) : 'company-name', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
-            React.createElement("div", { className: cx$R("".concat(classMUI, "-card-jobs__data")) },
-                React.createElement("section", { className: cx$R("".concat(classMUI, "-card-jobs__header")) },
-                    React.createElement("span", { className: cx$R("".concat(classMUI, "-card-jobs__text"), "".concat(classMUI, "-card-jobs__published")) }, formatPublishDate),
-                    React.createElement("section", { ref: optionsRef, className: cx$R("".concat(classMUI, "-card-jobs__options"), 'opciones') })),
-                React.createElement("h2", { className: cx$R("".concat(classMUI, "-card-jobs__text"), "".concat(classMUI, "-card-jobs__text--big"), "".concat(classMUI, "-card-jobs__text--bold")) },
-                    React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); }, className: cx$R("".concat(classMUI, "-card-jobs__a")) }, title)),
-                React.createElement("h3", { className: cx$R("".concat(classMUI, "-card-jobs__text")) }, getJobSubtitle(companyName, contractType)),
-                React.createElement("p", { className: cx$R("".concat(classMUI, "-card-jobs__text")) }, salary),
-                React.createElement("p", { className: cx$R("".concat(classMUI, "-card-jobs__text")) }, citiesformatted))),
-        React.createElement("div", { style: { width: width || 300 }, className: cx$R("".concat(classMUI, "-card-jobs__render-right")) },
-            React.createElement("div", { className: cx$R("".concat(classMUI, "-card-jobs__white-space")), onClick: function () { return showDetail === null || showDetail === void 0 ? void 0 : showDetail(); } }, urgent ? (React.createElement("span", { className: cx$R("".concat(classMUI, "-card-jobs__urgent"), "".concat(classMUI, "-card-jobs__text--small")) },
-                React.createElement(IconItem, { className: cx$R("".concat(classMUI, "-card-jobs__urgent-icon")), icon: Urgent, size: 14 }),
+                    React.createElement("img", { className: cx$S("".concat(classMUI, "-card-jobs__brand-img")), alt: companyName ? "".concat(altDynamicText.workAt, " ").concat(companyName) : 'company-name', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
+            React.createElement("div", { className: cx$S("".concat(classMUI, "-card-jobs__data")) },
+                React.createElement("section", { className: cx$S("".concat(classMUI, "-card-jobs__header")) },
+                    React.createElement("span", { className: cx$S("".concat(classMUI, "-card-jobs__text"), "".concat(classMUI, "-card-jobs__published")) }, formatPublishDate),
+                    React.createElement("section", { ref: optionsRef, className: cx$S("".concat(classMUI, "-card-jobs__options"), 'opciones') })),
+                React.createElement("h2", { className: cx$S("".concat(classMUI, "-card-jobs__text"), "".concat(classMUI, "-card-jobs__text--big"), "".concat(classMUI, "-card-jobs__text--bold")) },
+                    React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); }, className: cx$S("".concat(classMUI, "-card-jobs__a")) }, title)),
+                React.createElement("h3", { className: cx$S("".concat(classMUI, "-card-jobs__text")) }, getJobSubtitle(companyName, contractType)),
+                React.createElement("p", { className: cx$S("".concat(classMUI, "-card-jobs__text")) }, salary),
+                React.createElement("p", { className: cx$S("".concat(classMUI, "-card-jobs__text")) }, citiesformatted))),
+        React.createElement("div", { style: { width: width || 300 }, className: cx$S("".concat(classMUI, "-card-jobs__render-right")) },
+            React.createElement("div", { className: cx$S("".concat(classMUI, "-card-jobs__white-space")), onClick: function () { return showDetail === null || showDetail === void 0 ? void 0 : showDetail(); } }, urgent ? (React.createElement("span", { className: cx$S("".concat(classMUI, "-card-jobs__urgent"), "".concat(classMUI, "-card-jobs__text--small")) },
+                React.createElement(IconItem, { className: cx$S("".concat(classMUI, "-card-jobs__urgent-icon")), icon: Urgent, size: 14 }),
                 " ",
                 urgent)) : null),
             renderRight ? renderRight() : null,
-            React.createElement("button", { className: cx$R("".concat(classMUI, "-card-jobs__button")), onClick: function () { return showDetail === null || showDetail === void 0 ? void 0 : showDetail(); } },
-                React.createElement(IconItem, { icon: ArrowLeft2, size: 16, className: cx$R("".concat(classMUI, "-card-jobs__arrow")) })))));
+            React.createElement("button", { className: cx$S("".concat(classMUI, "-card-jobs__button")), onClick: function () { return showDetail === null || showDetail === void 0 ? void 0 : showDetail(); } },
+                React.createElement(IconItem, { icon: ArrowLeft2, size: 16, className: cx$S("".concat(classMUI, "-card-jobs__arrow")) })))));
 };
 
 var JobCard = function (_a) {
@@ -4799,7 +4799,7 @@ var JobCardMobile = function (_a) {
 
 var styles$1H = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
 
-var Component$1Q = function (_a) {
+var Component$1R = function (_a) {
     var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
     return (React.createElement("div", { className: styles$1H['magneto-ui-job-company-header'] },
         React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
@@ -4810,18 +4810,18 @@ var Component$1Q = function (_a) {
 /**
  * UI Molecule component for Company Job Header
  */
-var JobCompanyHeader = Component$1Q;
+var JobCompanyHeader = Component$1R;
 
 var styles$1G = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
 
-var Component$1P = function (_a) {
+var Component$1Q = function (_a) {
     var offerDescription = _a.offerDescription;
     return (React.createElement("div", { className: styles$1G['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
 };
 /**
  * UI Molecule Component for Job Detail Card Header
  */
-var JobDetailCard = Component$1P;
+var JobDetailCard = Component$1Q;
 
 var style$K = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
 
@@ -4838,7 +4838,7 @@ var JobDetailContainer = function (_a) {
 
 var styles$1F = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
 
-var Component$1O = function (_a) {
+var Component$1P = function (_a) {
     var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
     var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
         icon: iconList && iconList[index],
@@ -4863,12 +4863,12 @@ var Component$1O = function (_a) {
 /**
  * UI Molecule component for Job Detail
  */
-Component$1O.displayName = 'JobDetails';
-var JobDetails = Component$1O;
+Component$1P.displayName = 'JobDetails';
+var JobDetails = Component$1P;
 
 var styles$1E = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
 
-var Component$1N = function (_a) {
+var Component$1O = function (_a) {
     var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt, companyName = _a.companyName;
     var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
         var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
@@ -4896,11 +4896,11 @@ var Component$1N = function (_a) {
 /**
  * UI Molecule component for Job Footer Card
  */
-var JobFooterCard = Component$1N;
+var JobFooterCard = Component$1O;
 
 var styles$1D = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
 
-var Component$1M = function (_a) {
+var Component$1N = function (_a) {
     var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
     return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1D['magneto-ui-job-skills-card'] },
         React.createElement("p", null, offerSkillsLabel),
@@ -4913,7 +4913,7 @@ var Component$1M = function (_a) {
 /**
  * UI Molecule component of Job Skills Card
  */
-var JobSkillsCard = Component$1M;
+var JobSkillsCard = Component$1N;
 
 var styles$1C = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
 
@@ -4936,7 +4936,7 @@ var JobVideo = function (_a) {
 
 var style$J = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
 
-var Component$1L = function (_a) {
+var Component$1M = function (_a) {
     var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
     return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$J['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
         var icon = _a.icon, url = _a.url, title = _a.title;
@@ -4944,11 +4944,11 @@ var Component$1L = function (_a) {
             React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
     })));
 };
-var ListIconLink = Component$1L;
+var ListIconLink = Component$1M;
 
 var style$I = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1fe5w","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1fe5w","isActive":"mg_menu_icon_isActive_1fe5w"};
 
-var Component$1K = function (_a) {
+var Component$1L = function (_a) {
     var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
     var menuActive = isActive ? style$I['isActive'] : '';
     return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$I['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
@@ -4957,7 +4957,7 @@ var Component$1K = function (_a) {
         icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
         React.createElement("p", { className: style$I['magneto-ui-menu-icon__menu-text'] }, text)))));
 };
-var MenuIcon = Component$1K;
+var MenuIcon = Component$1L;
 
 var style$H = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
 
@@ -4967,7 +4967,7 @@ var getIcon = function (iconsObject, iconName) {
     return iconsObject[iconName];
 };
 
-var Component$1J = function (_a) {
+var Component$1K = function (_a) {
     var menuItems1440 = _a.menuItems1440, haveGif = _a.haveGif, urlParam = _a.urlParam, menuItems = _a.menuItems, logout = _a.logout;
     var logoutText = logout.logoutText, onClick = logout.onClick;
     var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
@@ -4985,16 +4985,16 @@ var Component$1J = function (_a) {
         })),
         React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
 };
-var ListMenuIcons = Component$1J;
+var ListMenuIcons = Component$1K;
 
-var Component$1I = function (_a) {
+var Component$1J = function (_a) {
     var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
     return (React.createElement("div", null, menuList.map(function (_a, index) {
         var text = _a.text, url = _a.url, slug = _a.slug;
         return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
     })));
 };
-var ListMenuItems = Component$1I;
+var ListMenuItems = Component$1J;
 
 var style$G = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
 
@@ -5224,7 +5224,7 @@ var transitionDuration = 300;
 
 var styles$1y = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
 
-var Component$1H = function (_a) {
+var Component$1I = function (_a) {
     var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
     var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
     var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
@@ -5288,11 +5288,11 @@ var Component$1H = function (_a) {
 /**
  * Molecule UI component for Message
  */
-var Message = Component$1H;
+var Message = Component$1I;
 
 var styles$1x = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
 
-var Component$1G = function (_a) {
+var Component$1H = function (_a) {
     var returnText = _a.returnText, onClick = _a.onClick;
     return (React.createElement("div", { className: styles$1x['magneto-ui-mobile-job-details-header'] },
         React.createElement("button", { onClick: onClick },
@@ -5302,11 +5302,11 @@ var Component$1G = function (_a) {
 /**
  * UI Molecule Component for Mobile Jobs Drawer
  */
-var MobileJobDetailsHeader = Component$1G;
+var MobileJobDetailsHeader = Component$1H;
 
 var styles$1w = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
 
-var Component$1F = function (_a) {
+var Component$1G = function (_a) {
     var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
     var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
     var searchInputRef = useRef(null);
@@ -5339,7 +5339,7 @@ var Component$1F = function (_a) {
 /**
  * Molecule UI component for MobileSearchbar
  */
-var MobileSearchbar = Component$1F;
+var MobileSearchbar = Component$1G;
 
 var styles$1v = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
 
@@ -5494,8 +5494,8 @@ var QUALIFICATION = [
 
 var styles$1s = {"magneto-ui-qualification":"mg_qualification_magneto-ui-qualification_a2ncq","magneto-ui-qualification__star":"mg_qualification_magneto-ui-qualification_star_a2ncq"};
 
-var cx$Q = classNames.bind(styles$1s);
-var Component$1E = function (_a) {
+var cx$R = classNames.bind(styles$1s);
+var Component$1F = function (_a) {
     var _b = _a.rating, rating = _b === void 0 ? -1 : _b, onClick = _a.onClick;
     var _c = useState(-1), qualification = _c[0], setQualification = _c[1];
     var _d = useState(-1), hover = _d[0], setHover = _d[1];
@@ -5508,9 +5508,9 @@ var Component$1E = function (_a) {
             setQualification(Math.round(rating) - 1);
         }
     }, [rating]);
-    return (React.createElement("ul", { className: cx$Q('magneto-ui-qualification') }, QUALIFICATION.map(function (_a, index) {
+    return (React.createElement("ul", { className: cx$R('magneto-ui-qualification') }, QUALIFICATION.map(function (_a, index) {
         var alt = _a.alt, icon = _a.icon, iconHover = _a.iconHover, iconSelect = _a.iconSelect;
-        return (React.createElement("li", { className: cx$Q('magneto-ui-qualification__star'), onMouseEnter: function () { return setHover(index); }, onMouseLeave: function () { return setHover(-1); }, onClick: function () { return onClickQualification(index); }, key: "qualification-star-".concat(index) },
+        return (React.createElement("li", { className: cx$R('magneto-ui-qualification__star'), onMouseEnter: function () { return setHover(index); }, onMouseLeave: function () { return setHover(-1); }, onClick: function () { return onClickQualification(index); }, key: "qualification-star-".concat(index) },
             React.createElement("img", { alt: alt, src: index <= Number(qualification) ? iconSelect : index <= Number(hover) ? iconHover : icon })));
     })));
 };
@@ -5518,7 +5518,7 @@ var Component$1E = function (_a) {
  * Atom Ui component of Qualification
  *
  */
-var Qualification = Component$1E;
+var Qualification = Component$1F;
 
 var style$A = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
 
@@ -5530,7 +5530,7 @@ var RightsReservedText = function (_a) {
 
 var styles$1r = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_yz7nl","magneto-ui-score-level__p":"mg_score_level_magneto-ui-score-level_p_yz7nl","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_yz7nl","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_yz7nl"};
 
-var Component$1D = function (_a) {
+var Component$1E = function (_a) {
     var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
     var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
     var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
@@ -5566,11 +5566,11 @@ var Component$1D = function (_a) {
         React.createElement("button", { className: styles$1r['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
             React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
 };
-var ScoreLevel = Component$1D;
+var ScoreLevel = Component$1E;
 
 var styles$1q = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
 
-var Component$1C = function (_a) {
+var Component$1D = function (_a) {
     var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
     var labelScore = useMemo(function () {
         return levels[scoreValue - 1];
@@ -5591,11 +5591,11 @@ var Component$1C = function (_a) {
             React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
             React.createElement("p", null, labelScore))));
 };
-var ScoreLevelStatic = Component$1C;
+var ScoreLevelStatic = Component$1D;
 
 var styles$1p = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
 
-var Component$1B = function (_a) {
+var Component$1C = function (_a) {
     var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
     var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
     useEffect(function () {
@@ -5624,38 +5624,54 @@ var Component$1B = function (_a) {
 /**
  * UI Molecule of a searchbar
  */
-var Searchbar = Component$1B;
+var Searchbar = Component$1C;
 
 var styles$1o = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
 
-var Component$1A = function (_a) {
+var Component$1B = function (_a) {
     var props = __rest(_a, []);
     return (React.createElement("div", { className: styles$1o['search-button'] },
         props.searchValue && React.createElement("div", { className: styles$1o['search-button__badge'] }),
         React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
 };
-var SearchButton = Component$1A;
+var SearchButton = Component$1B;
 
-var styles$1n = {"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$1n = {"similar-card":"mg_similar_card_similar-card_okowi","similar-card__arrow":"mg_similar_card_similar-card_arrow_okowi","similar-card__text":"mg_similar_card_similar-card_text_okowi","similar-card__text--bold":"mg_similar_card_similar-card_text--bold_okowi","similar-card__text--lighter":"mg_similar_card_similar-card_text--lighter_okowi","similar-card__text--normal":"mg_similar_card_similar-card_text--normal_okowi","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_okowi"};
 
 var styles$1m = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
 
-var cx$P = classNames.bind(styles$1m);
-var Component$1z = function (_a) {
+var cx$Q = classNames.bind(styles$1m);
+var Component$1A = 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$P("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$Q("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
 };
-var SimilarCardLogo = Component$1z;
+var SimilarCardLogo = Component$1A;
 
-var cx$O = classNames.bind(styles$1n);
-var Component$1y = function (_a) {
+var cx$P = classNames.bind(styles$1n);
+var Component$1z = 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$O('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$P('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$1y;
+var SimilarCardIcon = Component$1z;
+
+var cx$O = classNames.bind(styles$1n);
+var Component$1y = function (_a) {
+    var customText = _a.customText, className = _a.className, headingType = _a.headingType;
+    if (!(customText === null || customText === void 0 ? void 0 : customText.length))
+        return null;
+    return (React.createElement("p", { className: cx$O(styles$1n['similar-card__text'], className) }, customText.map(function (_a, index) {
+        var value = _a.value, fontWeight = _a.fontWeight, _b = _a.lineBreak, lineBreak = _b === void 0 ? false : _b;
+        var isFirst = index === 0;
+        var Tag = isFirst && headingType ? headingType : 'span';
+        return (React.createElement(Fragment, { key: "custom-text-".concat(index) },
+            React.createElement(Tag, { className: styles$1n["similar-card__text--".concat(fontWeight)] }, value),
+            lineBreak && React.createElement("br", null)));
+    })));
+};
+var SimilarCardText = Component$1y;
 
 var cx$N = classNames.bind(styles$1n);
 var Component$1x = function (_a) {
@@ -5663,7 +5679,7 @@ var Component$1x = function (_a) {
     return (React.createElement("a", { className: cx$N("similar-card", className), href: jobUrlSlug, title: title }, children));
 };
 var SimilarCard = Object.assign(Component$1x, {
-    Text: TextCustom,
+    Text: SimilarCardText,
     Logo: SimilarCardLogo,
     Icon: SimilarCardIcon
 });
@@ -6785,7 +6801,7 @@ var JobSuggestedHeader = function (jobCompanySuggestedHeaderProps) {
         React.createElement(JobCompanyHeader, __assign({}, jobCompanySuggestedHeaderProps))));
 };
 
-var styles$Q = {"job-suggested-similar-jobs":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_1n84u","job-suggested-similar-jobs__title":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_title_1n84u","job-suggested-similar-jobs__text":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_text_1n84u","job-suggested-similar-jobs__search":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_search_1n84u","job-suggested-similar-jobs__search--alternative-bg":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_search--alternative-bg_1n84u"};
+var styles$Q = {"job-suggested-similar-jobs":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_t61xv","job-suggested-similar-jobs__title":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_title_t61xv","job-suggested-similar-jobs__text":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_text_t61xv","job-suggested-similar-jobs__search":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_search_t61xv","job-suggested-similar-jobs__search--alternative-bg":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_search--alternative-bg_t61xv"};
 
 var similarJobTextAdapter = function (job) {
     var text = [
@@ -6814,7 +6830,7 @@ var JobSuggestedSimilarJobs = function (_a) {
             return (React.createElement(React.Fragment, { key: index },
                 React.createElement(SimilarCard, { className: cx$y(className), jobUrlSlug: job.jobUrlSlug, title: job.title },
                     React.createElement(Logo, { hideLogo: hideLogo, alt: job.title, src: job.companyLogo || NoLogo }),
-                    React.createElement(Text, { className: cx$y('job-suggested-similar-jobs__text'), customText: similarJobTextAdapter(job) }),
+                    React.createElement(Text, { className: cx$y('job-suggested-similar-jobs__text'), customText: similarJobTextAdapter(job), headingType: "h2" }),
                     React.createElement(Icon, null)),
                 React.createElement(Divider, null)));
         }),
@@ -8869,6 +8885,8 @@ var Component$r = function (_a) {
  */
 var Select2Tags = Component$r;
 
+var normalizeString = function (str) { return str.normalize('NFD').replace(/[\u0300-\u036f]/g, ''); };
+
 var useSelect2 = function (_a) {
     var setTerm = _a.setTerm, _b = _a.currentFields, currentFields = _b === void 0 ? [] : _b, limitSelections = _a.limitSelections, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, onChange = _a.onChange, isMultiple = _a.isMultiple, selectList = _a.selectList;
     var _d = useState([]), valueSelected = _d[0], setValueSelected = _d[1];
@@ -8920,10 +8938,11 @@ var useSelect2 = function (_a) {
         setSearchValue(event.target.value);
     }, []);
     var list = useMemo(function () {
-        if (searchValue.length > 1 && !setTerm) {
+        var normalizedSearch = normalizeString(searchValue.toLowerCase());
+        if (normalizedSearch.length > 1 && !setTerm) {
             return selectList.filter(function (_a) {
                 var name = _a.name;
-                return name.toLowerCase().includes(searchValue.toLowerCase());
+                return normalizeString(name.toLowerCase()).includes(normalizedSearch);
             });
         }
         return selectList;