copilot-chat-widget 0.1.17 → 0.1.19

package/src/widget-runtime.js

@@ -11,22 +11,7 @@
   const IFRAME_SIZE = 720;
   const embeddingScript = document.currentScript;
 
-  const readQueryConfig = (scriptEl) => {
-    if (!scriptEl?.src) return {};
-    try {
-      const url = new URL(scriptEl.src, window.location.href);
-      const params = {};
-      url.searchParams.forEach((value, key) => {
-        params[key] = value;
-      });
-      return params;
-    } catch (error) {
-      console.warn("[CopilotChat] Failed to parse script query params:", error);
-      return {};
-    }
-  };
-
-  const ready = (fn) => {
+  const ready = (fn) => {
     if (document.readyState === "complete" || document.readyState === "interactive") {
       setTimeout(fn, 0);
     } else {
@@ -57,47 +42,47 @@
 
     return candidate || null;
   };
-
-  const buildWidget = ({ iframeUrl, launcherIcon }) => {
-    const existingRoot = document.querySelector("[data-copilot-widget-root]");
-    if (existingRoot) {
-      existingRoot.remove();
-    }
-
-    const showCheckoutToast = (message) => {
-      const existingToast = document.querySelector("[data-copilot-checkout-toast]");
-      if (existingToast) {
-        existingToast.remove();
-      }
-
-      const toast = document.createElement("div");
-      toast.setAttribute("data-copilot-checkout-toast", "true");
-      toast.innerText = message;
-
-      Object.assign(toast.style, {
-        position: "fixed",
-        top: "20px",
-        left: "50%",
-        transform: "translateX(-50%)",
-        padding: "12px 16px",
-        background: "#0f172a",
-        color: "white",
-        borderRadius: "12px",
-        boxShadow: "0 8px 24px rgba(0,0,0,0.25)",
-        zIndex: 2147483647,
-        fontSize: "14px",
-        fontWeight: "600",
-        maxWidth: "420px",
-        lineHeight: "1.4",
-        textAlign: "center",
-      });
-
-      document.body.appendChild(toast);
-
-      setTimeout(() => {
-        toast.remove();
-      }, 4500);
-    };
+
+  const buildWidget = ({ iframeUrl, launcherIcon }) => {
+    const existingRoot = document.querySelector("[data-copilot-widget-root]");
+    if (existingRoot) {
+      existingRoot.remove();
+    }
+
+    const showCheckoutToast = (message) => {
+      const existingToast = document.querySelector("[data-copilot-checkout-toast]");
+      if (existingToast) {
+        existingToast.remove();
+      }
+
+      const toast = document.createElement("div");
+      toast.setAttribute("data-copilot-checkout-toast", "true");
+      toast.innerText = message;
+
+      Object.assign(toast.style, {
+        position: "fixed",
+        top: "20px",
+        left: "50%",
+        transform: "translateX(-50%)",
+        padding: "12px 16px",
+        background: "#0f172a",
+        color: "white",
+        borderRadius: "12px",
+        boxShadow: "0 8px 24px rgba(0,0,0,0.25)",
+        zIndex: 2147483647,
+        fontSize: "14px",
+        fontWeight: "600",
+        maxWidth: "420px",
+        lineHeight: "1.4",
+        textAlign: "center",
+      });
+
+      document.body.appendChild(toast);
+
+      setTimeout(() => {
+        toast.remove();
+      }, 4500);
+    };
 
     // ---------- Shadow DOM container ----------
     const containerHost = document.createElement("div");
@@ -256,42 +241,42 @@
       btn.style.transform = "scale(1)";
     };
 
-    const handleWidgetMessage = (event) => {
-      const { data, source } = event || {};
-      if (!data?.type) return;
-
-      if (data.type === "CART_CHECKOUT" && source === iframe.contentWindow) {
-        console.log("[CopilotChat] Received checkout payload from widget:", data);
-        showCheckoutToast("Checkout message received from chat widget. Check console for payload.");
-        return;
-      }
-
-      if (data.type === "WIDGET_READY" && source === iframe.contentWindow) {
-        iframe.contentWindow.postMessage({ type: "INIT_WIDGET" }, "*");
-        return;
-      }
-
-      if (data.type === "CHAT_CLOSED") {
-        closeChat();
-      }
-    };
-
-    btn.onclick = (event) => {
-      event.stopPropagation();
-      isOpen = !isOpen;
-      if (isOpen) {
-        container.style.display = "block";
-        arrow.style.display = "block";
-        requestAnimationFrame(() => {
-          container.style.opacity = "1";
-          container.style.transform = "scale(1) translateY(0)";
-        });
-      } else {
-        closeChat();
-      }
-    };
-
-    window.addEventListener("message", handleWidgetMessage);
+    const handleWidgetMessage = (event) => {
+      const { data, source } = event || {};
+      if (!data?.type) return;
+
+      if (data.type === "CART_CHECKOUT" && source === iframe.contentWindow) {
+        console.log("[CopilotChat] Received checkout payload from widget:", data);
+        showCheckoutToast("Checkout message received from chat widget. Check console for payload.");
+        return;
+      }
+
+      if (data.type === "WIDGET_READY" && source === iframe.contentWindow) {
+        iframe.contentWindow.postMessage({ type: "INIT_WIDGET" }, "*");
+        return;
+      }
+
+      if (data.type === "CHAT_CLOSED") {
+        closeChat();
+      }
+    };
+
+    btn.onclick = (event) => {
+      event.stopPropagation();
+      isOpen = !isOpen;
+      if (isOpen) {
+        container.style.display = "block";
+        arrow.style.display = "block";
+        requestAnimationFrame(() => {
+          container.style.opacity = "1";
+          container.style.transform = "scale(1) translateY(0)";
+        });
+      } else {
+        closeChat();
+      }
+    };
+
+    window.addEventListener("message", handleWidgetMessage);
 
     document.addEventListener("click", (event) => {
       const target = event.target;
@@ -322,75 +307,35 @@
     console.error(`[CopilotChat] ${message}`);
   };
 
-  const shouldAutoBootstrapFromScript = () => {
-    const scriptEl = resolveEmbeddingScript();
-    if (!scriptEl) return false;
-    const queryConfig = readQueryConfig(scriptEl);
-    const dataset = scriptEl.dataset || {};
-    const hasTokenHint = dataset.token || queryConfig.token;
-    const hasGlobalToken = typeof window !== "undefined" && window.CopilotChatConfig && window.CopilotChatConfig.token;
-    return (hasTokenHint || hasGlobalToken) && dataset.autoload !== "false";
-  };
-
-  const initCopilotChatWidget = async (config = {}) => {
-    const scriptEl = config.scriptEl || resolveEmbeddingScript();
-    const globalConfig = window.CopilotChatConfig || {};
-    const datasetConfig = scriptEl?.dataset || {};
-    const queryConfig = readQueryConfig(scriptEl);
-
-    const resolveToken = () => {
-      const fromConfig = config.token || globalConfig.token || datasetConfig.token || queryConfig.token;
-      if (fromConfig) return fromConfig;
-
-      try {
-        const stored = window.localStorage.getItem("copilotChatToken");
-        if (stored) return stored;
-      } catch (error) {
-        // ignore storage errors
-      }
-
-      if (typeof window !== "undefined" && typeof window.prompt === "function") {
-        const entered = window.prompt("Enter your Copilot Chat token:");
-        if (entered) {
-          try {
-            window.localStorage.setItem("copilotChatToken", entered);
-          } catch (error) {
-            // ignore storage errors
-          }
-          return entered;
-        }
-      }
-
-      return null;
-    };
-
-    const token = resolveToken();
-
-    if (!token) {
-      handleError("Missing token (provide via init config, window.CopilotChatConfig.token, or data-token attribute).");
-      return null;
-    }
-
-    const baseUrl =
-      config.baseUrl ||
-      globalConfig.baseUrl ||
-      datasetConfig.baseUrl ||
-      queryConfig.baseUrl ||
-      BUILD_BASE_URL ||
-      inferBaseUrlFromScript(scriptEl) ||
-      (typeof window !== "undefined" && window.location?.origin) ||
-      null;
+  const shouldAutoBootstrapFromScript = () => {
+    const scriptEl = resolveEmbeddingScript();
+    if (!scriptEl) return false;
+    const dataset = scriptEl.dataset || {};
+    return dataset.autoload !== "false";
+  };
+
+  const initCopilotChatWidget = async (config = {}) => {
+    const scriptEl = config.scriptEl || resolveEmbeddingScript();
+    const globalConfig = window.CopilotChatConfig || {};
+
+    const baseUrl =
+      config.baseUrl ||
+      globalConfig.baseUrl ||
+      BUILD_BASE_URL ||
+      inferBaseUrlFromScript(scriptEl) ||
+      (typeof window !== "undefined" && window.location?.origin) ||
+      null;
 
     if (!baseUrl) {
       handleError("Unable to resolve base URL from embedding script or window.location.");
       return null;
     }
 
-    try {
-      const response = await fetch(`${baseUrl}/api/chat-widget/config?token=${encodeURIComponent(token)}`, {
-        credentials: "omit",
-        mode: "cors",
-      });
+    try {
+      const response = await fetch(`${baseUrl}/api/chat-widget/config`, {
+        credentials: "omit",
+        mode: "cors",
+      });
 
       if (!response.ok) {
         throw new Error(`Server responded with ${response.status}`);