@getwidgets/live-chat-widget 1.0.9 → 1.1.1

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

@@ -19750,7 +19750,7 @@
     }
     return sessionId;
   };
-  const LiveChatWidget = ({ widgetId, apiKey, name: name2 = null, email = null, unique_id = null }) => {
+  const LiveChatWidget = ({ widgetId, name: name2 = null, email = null, unique_id = null }) => {
     var _a, _b;
     const [config, setConfig] = reactExports.useState(null);
     const [messages, setMessages] = reactExports.useState([]);
@@ -19843,6 +19843,7 @@
         const stored = localStorage.getItem("widgetkraft_livechat_authtoken");
         setLocalStorageToken(stored);
         if (stored && !authToken) setAuthToken(stored);
+        if (stored) setShowContactFields(false);
       } catch (e) {
       }
       const handleStorageChange = (e) => {
@@ -19851,6 +19852,7 @@
             const stored = localStorage.getItem("widgetkraft_livechat_authtoken");
             setLocalStorageToken(stored);
             if (stored && !authToken) setAuthToken(stored);
+            if (stored) setShowContactFields(false);
           } catch (err) {
           }
         }
@@ -19908,7 +19910,7 @@
     reactExports.useEffect(() => {
       if (!widgetId) return;
       fetchWidgetConfig(widgetId).then((data) => setConfig(data)).catch((err) => console.error("Failed to load widget config:", err));
-    }, [widgetId, apiKey]);
+    }, [widgetId]);
     reactExports.useEffect(() => {
       const checkAndInitializeSession = async () => {
         var _a2;
@@ -20795,72 +20797,71 @@
         }
       `));
   };
-  function init({ widgetId, apiKey, mode = "inline", name: name2 = null, email = null, unique_id = null }) {
+  let reactRoot = null;
+  let userDetails = { name: null, email: null, unique_id: null };
+  let currentWidgetId = null;
+  function init({
+    widgetId,
+    mode = "inline",
+    name: name2 = null,
+    email = null,
+    unique_id = null
+  }) {
     const container = document.getElementById("livechat-root");
     if (!container) {
-      console.error("Live Chat Widget root element (#livechat-root) not found.");
+      console.error(
+        "Live Chat Widget root element (#livechat-root) not found."
+      );
       return;
     }
-    container.innerHTML = "";
-    delete container.__livechat_mounted;
-    const shadowRoot = container.attachShadow({ mode: "open" });
-    const mountPoint = document.createElement("div");
-    mountPoint.id = "live-chat-widget-mount";
-    shadowRoot.appendChild(mountPoint);
-    const styles = document.createElement("style");
-    styles.textContent = `
-    @import url("https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css");
-  `;
-    shadowRoot.appendChild(styles);
-    const root2 = client.createRoot(mountPoint);
-    try {
-      root2.render(
+    currentWidgetId = widgetId;
+    container.dataset.widgetId = widgetId;
+    if (!container.__livechat_mounted) {
+      container.innerHTML = "";
+      const shadowRoot = container.attachShadow({ mode: "open" });
+      const mountPoint = document.createElement("div");
+      mountPoint.id = "live-chat-widget-mount";
+      shadowRoot.appendChild(mountPoint);
+      const styles = document.createElement("style");
+      styles.textContent = `
+      @import url("https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css");
+    `;
+      shadowRoot.appendChild(styles);
+      reactRoot = client.createRoot(mountPoint);
+      container.__livechat_mounted = true;
+    }
+    userDetails = { name: name2, email, unique_id };
+    if (reactRoot) {
+      reactRoot.render(
         /* @__PURE__ */ React.createElement(React.StrictMode, null, /* @__PURE__ */ React.createElement(
           LiveChatWidget,
           {
-            widgetId,
-            apiKey,
-            name: name2,
-            email,
-            unique_id
+            widgetId: currentWidgetId,
+            name: userDetails.name,
+            email: userDetails.email,
+            unique_id: userDetails.unique_id
           }
         ))
       );
-      container.__livechat_mounted = true;
-    } catch (err) {
-      console.error("❌ LiveChatWidget render failed:", err);
-      const errDiv = document.createElement("div");
-      errDiv.style.cssText = "padding:20px; border:2px solid #f00; background:#fee; color:#c00; font-family:monospace; border-radius:8px; margin:20px;";
-      errDiv.innerHTML = `
-      <h3 style="margin:0 0 10px 0;">Live Chat Widget Error</h3>
-      <pre style="white-space: pre-wrap; margin:0;">${(err == null ? void 0 : err.message) || String(err)}</pre>
-      <p style="margin:10px 0 0 0;">Check console for details.</p>
-    `;
-      mountPoint.appendChild(errDiv);
     }
   }
   function setUser({ name: name2, email, unique_id }) {
-    const container = document.getElementById("livechat-root");
-    if (container && container.__livechat_mounted) {
-      const shadowRoot = container.shadowRoot;
-      if (shadowRoot) {
-        const mountPoint = shadowRoot.getElementById("live-chat-widget-mount") || shadowRoot.querySelector("#live-chat-widget-mount");
-        if (mountPoint) {
-          const root2 = client.createRoot(mountPoint);
-          root2.render(
-            /* @__PURE__ */ React.createElement(React.StrictMode, null, /* @__PURE__ */ React.createElement(
-              LiveChatWidget,
-              {
-                widgetId: container.dataset.widgetId,
-                apiKey: container.dataset.apiKey,
-                name: name2,
-                email,
-                unique_id
-              }
-            ))
-          );
-        }
-      }
+    if (userDetails.name === name2 && userDetails.email === email && userDetails.unique_id === unique_id) {
+      return;
+    }
+    userDetails = { name: name2, email, unique_id };
+    if (reactRoot) {
+      reactRoot.render(
+        /* @__PURE__ */ React.createElement(React.StrictMode, null, /* @__PURE__ */ React.createElement(
+          LiveChatWidget,
+          {
+            widgetId: currentWidgetId,
+            name: userDetails.name,
+            email: userDetails.email,
+            unique_id: userDetails.unique_id
+          }
+        ))
+      );
     }
   }
   window.LiveChatWidget = { init, setUser };

package/package.json

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