@getwidgets/live-chat-widget 1.1.3 → 1.1.4

package/dist/live-chat-widget.umd.js

@@ -19753,6 +19753,7 @@
   const LiveChatWidget = ({ widgetId, name: name2 = null, email = null, unique_id = null }) => {
     var _a, _b;
     const [showMenu, setShowMenu] = reactExports.useState(false);
+    const endChatButtonRef = reactExports.useRef(null);
     const [config, setConfig] = reactExports.useState(null);
     const [messages, setMessages] = reactExports.useState([]);
     const [inputMessage, setInputMessage] = reactExports.useState("");
@@ -20340,14 +20341,38 @@
     };
     reactExports.useEffect(() => {
       if (!showMenu) return;
-      const handler = (e) => {
-        if (!e.target.closest(".livechat-menu-trigger") && !e.target.closest(".livechat-menu-popup")) {
-          setShowMenu(false);
+      const handleClickOutside = (e) => {
+        try {
+          const composedPath = e.composedPath ? e.composedPath() : [e.target];
+          const hasMenuElement = composedPath.some((el2) => {
+            if (!el2.classList) return false;
+            const isMenuTrigger = el2.classList.contains("livechat-menu-trigger");
+            const isMenuPopup = el2.classList.contains("livechat-menu-popup");
+            return isMenuTrigger || isMenuPopup;
+          });
+          if (!hasMenuElement) {
+            setShowMenu(false);
+          }
+        } catch (err) {
         }
       };
-      document.addEventListener("mousedown", handler);
-      return () => document.removeEventListener("mousedown", handler);
+      document.addEventListener("click", handleClickOutside, false);
+      return () => {
+        document.removeEventListener("click", handleClickOutside, false);
+      };
     }, [showMenu]);
+    reactExports.useEffect(() => {
+      const btn = endChatButtonRef.current;
+      if (!btn) return;
+      const handleClick = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        handleEndChat();
+        setShowMenu(false);
+      };
+      btn.addEventListener("click", handleClick, true);
+      return () => btn.removeEventListener("click", handleClick, true);
+    }, []);
     if (!config) return null;
     const handleStartNewChat = () => {
       try {
@@ -20370,6 +20395,9 @@
         setInputMessage("");
         setIsSessionInitialized(false);
         setShowMenu(false);
+        setContactName("");
+        setContactEmail("");
+        setShowContactFields(!!(inputAreaConfig == null ? void 0 : inputAreaConfig.allow_chat_with_email));
       } catch (e) {
       }
     };
@@ -20575,21 +20603,35 @@
           /* @__PURE__ */ React.createElement(
             "button",
             {
+              ref: endChatButtonRef,
               className: "transition-all duration-200 hover:bg-red-50",
+              type: "button",
+              tabIndex: "0",
               style: {
                 background: "none",
                 border: "none",
                 width: "100%",
                 cursor: "pointer",
-                // padding: isMobile ? '8px 12px' : '6px 12px',
-                minHeight: "auto",
+                padding: isMobile ? "8px 12px" : "6px 12px",
+                minHeight: "32px",
                 fontSize: isMobile ? "14px" : "13px",
                 color: "#DC2626",
                 fontWeight: "500",
-                borderRadius: "6px"
-                // margin: '4px 0'
+                borderRadius: "6px",
+                margin: "0",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                userSelect: "none"
               },
-              onClick: handleEndChat
+              onClick: (e) => {
+                var _a2, _b2;
+                e.preventDefault();
+                e.stopPropagation();
+                (_b2 = (_a2 = e.nativeEvent) == null ? void 0 : _a2.stopImmediatePropagation) == null ? void 0 : _b2.call(_a2);
+                handleEndChat();
+                setTimeout(() => setShowMenu(false), 0);
+              }
             },
             "End Chat"
           )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getwidgets/live-chat-widget",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "main": "dist/live-chat-widget.umd.js",
   "unpkg": "dist/live-chat-widget.umd.js",
   "type": "module",