magneto365.ui 2.57.2-alpha → 2.57.3-alpha

package/dist/cjs/index.js

@@ -7188,9 +7188,10 @@ var MegaMenuTabs = function (_a) {
 
 var Component$9 = function (_a) {
     var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
-    var _c = useMegaMenuMain(), homeUrl = _c.homeUrl, loginProps = _c.loginProps;
-    var _d = useMegaMenuJobs(), tabs = _d.tabs, allJobsAction = _d.allJobsAction, onChangeTab = _d.onChangeTab;
-    var _e = useMegaMenu().socialHeaderProps, blog = _e.blog, helpOptions = _e.helpOptions;
+    var _c = React.useState(''), currentPage = _c[0], setCurrentPage = _c[1];
+    var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, loginProps = _d.loginProps;
+    var _e = useMegaMenuJobs(), tabs = _e.tabs, allJobsAction = _e.allJobsAction, onChangeTab = _e.onChangeTab;
+    var _f = useMegaMenu().socialHeaderProps, blog = _f.blog, helpOptions = _f.helpOptions;
     var handleClose = function () {
         if (onClose) {
             onClose();
@@ -7200,8 +7201,12 @@ var Component$9 = function (_a) {
     var closeButton = React.useMemo(function () { return (React__default["default"].createElement("button", { onClick: onClose },
         React__default["default"].createElement(IconItem, { icon: Add, hover: false }))); }, [onClose]);
     var isActiveOption = React.useCallback(function (url) {
-        var currentPage = window.location.href;
         return currentPage == url;
+    }, [currentPage]);
+    React.useEffect(function () {
+        if (typeof window == 'undefined')
+            return;
+        setCurrentPage(window.location.href);
     }, []);
     var options = React.useMemo(function () {
         return tabs.map(function (tab, index) { return (React__default["default"].createElement(MegaMenuDrawerItem, { text: tab.label, url: tab.url, content: {
@@ -7689,7 +7694,7 @@ var Component$5 = function () {
 };
 var MegaMenuSocialHeader = Component$5;
 
-var styles$1 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-header_12xzo","mega-menu-main-header__main":"mg_mega_menu_main_header_mega-menu-main-header_main_12xzo","mega-menu-main-header__menu":"mg_mega_menu_main_header_mega-menu-main-header_menu_12xzo","mega-menu-main-header__search":"mg_mega_menu_main_header_mega-menu-main-header_search_12xzo","mega-menu-main-header__search-button":"mg_mega_menu_main_header_mega-menu-main-header_search-button_12xzo","mega-menu-main-header__login":"mg_mega_menu_main_header_mega-menu-main-header_login_12xzo"};
+var styles$1 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-header_miizb","mega-menu-main-header__main":"mg_mega_menu_main_header_mega-menu-main-header_main_miizb","mega-menu-main-header__menu":"mg_mega_menu_main_header_mega-menu-main-header_menu_miizb","mega-menu-main-header__search":"mg_mega_menu_main_header_mega-menu-main-header_search_miizb","mega-menu-main-header__search-button":"mg_mega_menu_main_header_mega-menu-main-header_search-button_miizb","mega-menu-main-header__login":"mg_mega_menu_main_header_mega-menu-main-header_login_miizb"};
 
 var Component$4 = function (_a) {
     var toggleDrawerMenu = _a.toggleDrawerMenu;