@omniumretail/component-library 1.3.58 → 1.3.59

package/dist/component-library.es.js

@@ -26674,32 +26674,43 @@ const Header = ({
   const headerRef = useRef(null);
   const overlayRef = useRef(null);
   const companyLogos = getCompanyLogos(companyName);
+  const closeMenuAndExecute = (action2, delay = 150) => {
+    setIsMenuOpen(false);
+    setActiveDropdown(null);
+    setTimeout(action2, delay);
+  };
   const onLogout = () => {
-    if (shouldConfirmNavigation) {
-      onLeavingPage("/logout");
-    } else if (logout) {
-      logout();
-    } else {
-      onHome();
-    }
+    closeMenuAndExecute(() => {
+      if (shouldConfirmNavigation) {
+        onLeavingPage("/logout");
+      } else if (logout) {
+        logout();
+      } else {
+        onHome();
+      }
+    });
   };
   const onProfile = () => {
-    if (shouldConfirmNavigation) {
-      onLeavingPage("/profile");
-    } else if (onProfileClick) {
-      onProfileClick();
-    } else {
-      window.location.href = profileUrl;
-    }
+    closeMenuAndExecute(() => {
+      if (shouldConfirmNavigation) {
+        onLeavingPage("/profile");
+      } else if (onProfileClick) {
+        onProfileClick();
+      } else {
+        window.location.href = profileUrl;
+      }
+    });
   };
   const onHome = () => {
-    if (shouldConfirmNavigation) {
-      onLeavingPage("/home");
-    } else if (onHomeClick) {
-      onHomeClick();
-    } else {
-      window.location.href = homeUrl;
-    }
+    closeMenuAndExecute(() => {
+      if (shouldConfirmNavigation) {
+        onLeavingPage("/home");
+      } else if (onHomeClick) {
+        onHomeClick();
+      } else {
+        window.location.href = homeUrl;
+      }
+    });
   };
   const onSupport = () => {
     if (onSupportModalOpen) {
@@ -26747,11 +26758,13 @@ const Header = ({
             {
               className: styles$4.listName,
               onClick: () => {
-                if (onLeavingPage && link2.targetRoute) {
-                  onLeavingPage(link2.targetRoute);
-                } else {
-                  link2.action();
-                }
+                closeMenuAndExecute(() => {
+                  if (onLeavingPage && link2.targetRoute) {
+                    onLeavingPage(link2.targetRoute);
+                  } else {
+                    link2.action();
+                  }
+                }, 100);
               },
               children: [
                 /* @__PURE__ */ jsx(
@@ -26770,11 +26783,13 @@ const Header = ({
             {
               className: styles$4.dropdownMenu,
               children: link2.dropdownMenu.map((dropdownLink) => /* @__PURE__ */ jsx("li", { onClick: () => {
-                if (onLeavingPage && dropdownLink.targetRoute) {
-                  onLeavingPage(dropdownLink.targetRoute);
-                } else {
-                  dropdownLink.action();
-                }
+                closeMenuAndExecute(() => {
+                  if (onLeavingPage && dropdownLink.targetRoute) {
+                    onLeavingPage(dropdownLink.targetRoute);
+                  } else {
+                    dropdownLink.action();
+                  }
+                }, 100);
               }, className: styles$4.listItem, children: /* @__PURE__ */ jsx("div", { className: styles$4.listName, children: dropdownLink.name }) }, dropdownLink.name))
             }
           )