@omniumretail/component-library 1.3.66 → 1.3.67

package/dist/component-library.es.js

@@ -26664,14 +26664,32 @@ const Header = ({
   onHomeClick,
   showSupport = false,
   onSupportModalOpen,
-  onMenuToggle
+  onMenuToggle,
+  supportModalOpen,
+  onSupportModalOpenChange
 }) => {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [activeDropdown, setActiveDropdown] = useState(null);
-  const [isSupportModalVisible, setIsSupportModalVisible] = useState(false);
+  const [isSupportModalVisibleInternal, setIsSupportModalVisibleInternal] = useState(false);
   const headerRef = useRef(null);
   const overlayRef = useRef(null);
   const companyLogos = getCompanyLogos(companyName);
+  const isControlled = supportModalOpen !== void 0;
+  const isSupportModalVisible = isControlled ? supportModalOpen : isSupportModalVisibleInternal;
+  const setSupportModalVisible = (value) => {
+    if (isControlled) {
+      onSupportModalOpenChange?.(value);
+    } else {
+      setIsSupportModalVisibleInternal(value);
+    }
+  };
+  const prevSupportModalOpen = useRef(supportModalOpen);
+  useEffect(() => {
+    if (isControlled && supportModalOpen && !prevSupportModalOpen.current && onSupportModalOpen) {
+      onSupportModalOpen();
+    }
+    prevSupportModalOpen.current = supportModalOpen;
+  }, [supportModalOpen, isControlled, onSupportModalOpen]);
   const closeMenuAndExecute = (action2, delay = 150) => {
     setIsMenuOpen(false);
     setActiveDropdown(null);
@@ -26714,14 +26732,14 @@ const Header = ({
     if (onSupportModalOpen) {
       onSupportModalOpen();
     }
-    setIsSupportModalVisible(true);
+    setSupportModalVisible(true);
     setIsMenuOpen(false);
   };
   const handleSupportSubmit = (data) => {
     if (onSupportSubmit) {
       onSupportSubmit(data);
     }
-    setIsSupportModalVisible(false);
+    setSupportModalVisible(false);
   };
   const menuTopList = getMenuTopList(
     onHome
@@ -26816,7 +26834,7 @@ const Header = ({
       SupportModal,
       {
         visible: isSupportModalVisible,
-        onClose: () => setIsSupportModalVisible(false),
+        onClose: () => setSupportModalVisible(false),
         onSubmit: handleSupportSubmit,
         applicationOptions: applicationOptions || []
       }