copilot-chat-widget 0.1.28 → 0.1.29

package/dist/index.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E="http://localhost:3000",w=64,C=720,k=({iframeUrl:h,launcherIcon:u})=>{const d=document.querySelector("[data-copilot-widget-root]");d&&d.remove();const g=s=>{const o=document.querySelector("[data-copilot-checkout-toast]");o&&o.remove();const r=document.createElement("div");r.setAttribute("data-copilot-checkout-toast","true"),r.innerText=s,Object.assign(r.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(r),setTimeout(()=>{r.remove()},4500)},c=document.createElement("div");c.setAttribute("data-copilot-widget-root","true");const n=c.attachShadow({mode:"open"});document.body.appendChild(c);const t=document.createElement("button");t.type="button",t.setAttribute("aria-label","Open Copilot chat"),t.innerHTML=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v="http://localhost:3000",w=64,C=720,E=({iframeUrl:c,launcherIcon:p})=>{const r=document.querySelector("[data-copilot-widget-root]");r&&r.remove();const a=document.createElement("div");a.setAttribute("data-copilot-widget-root","true");const h=a.attachShadow({mode:"open"});document.body.appendChild(a);const t=document.createElement("button");t.type="button",t.setAttribute("aria-label","Open Copilot chat"),t.innerHTML=`
       <img
-        src="${u}"
+        src="${p}"
         alt="Copilot chat launcher"
         style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
       />
-    `,Object.assign(t.style,{position:"fixed",bottom:"24px",right:"24px",width:`${w}px`,height:`${w}px`,borderRadius:"50%",border:"none",background:"linear-gradient(135deg, #0078ff, #00c6ff)",color:"white",cursor:"pointer",zIndex:999998,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 6px 14px rgba(0,0,0,0.25)",transition:"all 0.25s ease"}),t.onmouseover=()=>{t.style.transform="scale(1.12)",t.style.boxShadow="0 10px 25px rgba(0,0,0,0.3)"},t.onmouseout=()=>{t.style.transform="scale(1)",t.style.boxShadow="0 6px 14px rgba(0,0,0,0.25)"};const e=document.createElement("div");e.setAttribute("data-copilot-widget-root","true"),Object.assign(e.style,{display:"none",position:"fixed",bottom:`${w+36}px`,right:"24px",zIndex:"999999",transformOrigin:"bottom right",transform:"scale(0.8) translateY(20px)",opacity:"0",transition:"all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)"});const l=document.createElement("div"),f=document.createElement("div"),x=document.createElement("div");Object.assign(l.style,{position:"absolute",bottom:"-14px",right:"28px",width:"30px",height:"20px",pointerEvents:"none",display:"none",zIndex:"1"}),Object.assign(f.style,{position:"absolute",bottom:"0",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",borderTop:"15px solid rgba(15,23,42,0.1)"}),Object.assign(x.style,{position:"absolute",bottom:"2px",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"13px solid transparent",borderRight:"13px solid transparent",borderTop:"13px solid white",boxShadow:"0 6px 16px rgba(15,23,42,0.12)",borderRadius:"2px"}),l.appendChild(f),l.appendChild(x);const p=document.createElement("div");Object.assign(p.style,{width:`${C}px`,maxWidth:"calc(100vw - 48px)",height:`${Math.min(C,Math.max(320,window.innerHeight-140))}px`,maxHeight:"calc(100vh - 150px)",borderRadius:"20px",background:"white",border:"1px solid rgba(15,23,42,0.12)",boxShadow:"0 18px 45px rgba(15,23,42,0.16)",overflow:"hidden"}),n.appendChild(p);const i=document.createElement("iframe");i.src=h,i.title="Copilot chat widget",i.allow="clipboard-read; clipboard-write; microphone; camera; display-capture",i.setAttribute("scrolling","no"),Object.assign(i.style,{width:"100%",height:"100%",border:"none",display:"block",background:"transparent",overflow:"hidden"}),n.appendChild(p),p.appendChild(i),e.appendChild(l),e.appendChild(p),document.body.appendChild(t),document.body.appendChild(e);let a=!1;const b=()=>{a&&(a=!1,e.style.opacity="0",e.style.transform="scale(0.8) translateY(20px)",l.style.display="none",setTimeout(()=>{e.style.display="none"},250),t.style.transform="scale(1)")},v=s=>{const{data:o,source:r}=s||{};if(o?.type){if(o.type==="CART_CHECKOUT"&&r===i.contentWindow){console.log("[CopilotChat] Received checkout payload from widget:",o),g("Data:");return}if(o.type==="WIDGET_READY"&&r===i.contentWindow){i.contentWindow.postMessage({type:"INIT_WIDGET"},"*");return}o.type==="CHAT_CLOSED"&&b()}};window.addEventListener("message",v),t.onclick=s=>{s.stopPropagation(),a=!a,a?(e.style.display="block",l.style.display="block",requestAnimationFrame(()=>{e.style.opacity="1",e.style.transform="scale(1) translateY(0)"})):b()},document.addEventListener("click",s=>{const o=s.target;o&&a&&!e.contains(o)&&o!==t&&b()});const m={close:b,open:()=>{a||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=m.close,window.CopilotChat.open=m.open,window.CopilotChat.controls=m,m};async function y(h={}){if(typeof window>"u"||typeof document>"u")return null;const u=window.CopilotChatConfig||{},d=h.token||u.token||typeof window<"u"&&window.localStorage?.getItem("copilotChatToken")||null;if(!d)return console.error("[CopilotChat] Missing token (provide via loadCopilotChatWidget({ token }) or window.CopilotChatConfig.token)."),null;const g=h.baseUrl||u.baseUrl||E,c=`${g.replace(/\/$/,"")}/api/chat-widget/config?token=${encodeURIComponent(d)}`;try{const n=await fetch(c,{credentials:"omit",mode:"cors"});if(!n.ok)throw new Error(`Server responded with ${n.status}`);const t=await n.json();if(!t?.iframeUrl||!t?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.token=d,window.CopilotChat.baseUrl=g,k({iframeUrl:t.iframeUrl,launcherIcon:t.launcherIcon})}catch(n){return console.error("[CopilotChat] Error during widget bootstrap:",n instanceof Error?n.message:n),null}}exports.default=y;exports.loadCopilotChatWidget=y;
+    `,Object.assign(t.style,{position:"fixed",bottom:"24px",right:"24px",width:`${w}px`,height:`${w}px`,borderRadius:"50%",border:"none",background:"linear-gradient(135deg, #0078ff, #00c6ff)",color:"white",cursor:"pointer",zIndex:999998,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 6px 14px rgba(0,0,0,0.25)",transition:"all 0.25s ease"}),t.onmouseover=()=>{t.style.transform="scale(1.12)",t.style.boxShadow="0 10px 25px rgba(0,0,0,0.3)"},t.onmouseout=()=>{t.style.transform="scale(1)",t.style.boxShadow="0 6px 14px rgba(0,0,0,0.25)"};const e=document.createElement("div");e.setAttribute("data-copilot-widget-root","true"),Object.assign(e.style,{display:"none",position:"fixed",bottom:`${w+36}px`,right:"24px",zIndex:"999999",transformOrigin:"bottom right",transform:"scale(0.8) translateY(20px)",opacity:"0",transition:"all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)"});const s=document.createElement("div"),b=document.createElement("div"),m=document.createElement("div");Object.assign(s.style,{position:"absolute",bottom:"-14px",right:"28px",width:"30px",height:"20px",pointerEvents:"none",display:"none",zIndex:"1"}),Object.assign(b.style,{position:"absolute",bottom:"0",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",borderTop:"15px solid rgba(15,23,42,0.1)"}),Object.assign(m.style,{position:"absolute",bottom:"2px",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"13px solid transparent",borderRight:"13px solid transparent",borderTop:"13px solid white",boxShadow:"0 6px 16px rgba(15,23,42,0.12)",borderRadius:"2px"}),s.appendChild(b),s.appendChild(m);const l=document.createElement("div");Object.assign(l.style,{width:`${C}px`,maxWidth:"calc(100vw - 48px)",height:`${Math.min(C,Math.max(320,window.innerHeight-140))}px`,maxHeight:"calc(100vh - 150px)",borderRadius:"20px",background:"white",border:"1px solid rgba(15,23,42,0.12)",boxShadow:"0 18px 45px rgba(15,23,42,0.16)",overflow:"hidden"}),h.appendChild(l);const o=document.createElement("iframe");o.src=c,o.title="Copilot chat widget",o.allow="clipboard-read; clipboard-write; microphone; camera; display-capture",o.setAttribute("scrolling","no"),Object.assign(o.style,{width:"100%",height:"100%",border:"none",display:"block",background:"transparent",overflow:"hidden"}),h.appendChild(l),l.appendChild(o),e.appendChild(s),e.appendChild(l),document.body.appendChild(t),document.body.appendChild(e);let i=!1;const u=()=>{i&&(i=!1,e.style.opacity="0",e.style.transform="scale(0.8) translateY(20px)",s.style.display="none",setTimeout(()=>{e.style.display="none"},250),t.style.transform="scale(1)")},y=d=>{const{data:n,source:f}=d||{};if(n?.type){if(n.type==="CART_CHECKOUT"&&f===o.contentWindow){console.log("[CopilotChat] Received checkout payload from widget:",n);return}if(n.type==="WIDGET_READY"&&f===o.contentWindow){o.contentWindow.postMessage({type:"INIT_WIDGET"},"*");return}n.type==="CHAT_CLOSED"&&u()}};window.addEventListener("message",y),t.onclick=d=>{d.stopPropagation(),i=!i,i?(e.style.display="block",s.style.display="block",requestAnimationFrame(()=>{e.style.opacity="1",e.style.transform="scale(1) translateY(0)"})):u()},document.addEventListener("click",d=>{const n=d.target;n&&i&&!e.contains(n)&&n!==t&&u()});const g={close:u,open:()=>{i||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=g.close,window.CopilotChat.open=g.open,window.CopilotChat.controls=g,g};async function x(c={}){if(typeof window>"u"||typeof document>"u")return null;const p=window.CopilotChatConfig||{},r=c.token||p.token||typeof window<"u"&&window.localStorage?.getItem("copilotChatToken")||null;if(!r)return console.error("[CopilotChat] Missing token (provide via loadCopilotChatWidget({ token }) or window.CopilotChatConfig.token)."),null;const a=c.baseUrl||p.baseUrl||v,h=`${a.replace(/\/$/,"")}/api/chat-widget/config?token=${encodeURIComponent(r)}`;try{const t=await fetch(h,{credentials:"omit",mode:"cors"});if(!t.ok)throw new Error(`Server responded with ${t.status}`);const e=await t.json();if(!e?.iframeUrl||!e?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.token=r,window.CopilotChat.baseUrl=a,E({iframeUrl:e.iframeUrl,launcherIcon:e.launcherIcon})}catch(t){return console.error("[CopilotChat] Error during widget bootstrap:",t instanceof Error?t.message:t),null}}exports.default=x;exports.loadCopilotChatWidget=x;

package/dist/index.mjs

@@ -1,38 +1,15 @@
 const C = "http://localhost:3000";
-const y = ({ iframeUrl: h, launcherIcon: u }) => {
-  const d = document.querySelector("[data-copilot-widget-root]");
-  d && d.remove();
-  const g = (s) => {
-    const o = document.querySelector("[data-copilot-checkout-toast]");
-    o && o.remove();
-    const r = document.createElement("div");
-    r.setAttribute("data-copilot-checkout-toast", "true"), r.innerText = s, Object.assign(r.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(r), setTimeout(() => {
-      r.remove();
-    }, 4500);
-  }, c = document.createElement("div");
-  c.setAttribute("data-copilot-widget-root", "true");
-  const n = c.attachShadow({ mode: "open" });
-  document.body.appendChild(c);
+const x = ({ iframeUrl: c, launcherIcon: p }) => {
+  const r = document.querySelector("[data-copilot-widget-root]");
+  r && r.remove();
+  const a = document.createElement("div");
+  a.setAttribute("data-copilot-widget-root", "true");
+  const h = a.attachShadow({ mode: "open" });
+  document.body.appendChild(a);
   const t = document.createElement("button");
   t.type = "button", t.setAttribute("aria-label", "Open Copilot chat"), t.innerHTML = `
       <img
-        src="${u}"
+        src="${p}"
         alt="Copilot chat launcher"
         style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
       />
@@ -70,8 +47,8 @@ const y = ({ iframeUrl: h, launcherIcon: u }) => {
     opacity: "0",
     transition: "all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)"
   });
-  const l = document.createElement("div"), m = document.createElement("div"), f = document.createElement("div");
-  Object.assign(l.style, {
+  const s = document.createElement("div"), g = document.createElement("div"), b = document.createElement("div");
+  Object.assign(s.style, {
     position: "absolute",
     bottom: "-14px",
     right: "28px",
@@ -80,7 +57,7 @@ const y = ({ iframeUrl: h, launcherIcon: u }) => {
     pointerEvents: "none",
     display: "none",
     zIndex: "1"
-  }), Object.assign(m.style, {
+  }), Object.assign(g.style, {
     position: "absolute",
     bottom: "0",
     left: "0",
@@ -91,7 +68,7 @@ const y = ({ iframeUrl: h, launcherIcon: u }) => {
     borderLeft: "15px solid transparent",
     borderRight: "15px solid transparent",
     borderTop: "15px solid rgba(15,23,42,0.1)"
-  }), Object.assign(f.style, {
+  }), Object.assign(b.style, {
     position: "absolute",
     bottom: "2px",
     left: "0",
@@ -104,9 +81,9 @@ const y = ({ iframeUrl: h, launcherIcon: u }) => {
     borderTop: "13px solid white",
     boxShadow: "0 6px 16px rgba(15,23,42,0.12)",
     borderRadius: "2px"
-  }), l.appendChild(m), l.appendChild(f);
-  const p = document.createElement("div");
-  Object.assign(p.style, {
+  }), s.appendChild(g), s.appendChild(b);
+  const l = document.createElement("div");
+  Object.assign(l.style, {
     width: "720px",
     maxWidth: "calc(100vw - 48px)",
     height: `${Math.min(720, Math.max(320, window.innerHeight - 140))}px`,
@@ -116,84 +93,84 @@ const y = ({ iframeUrl: h, launcherIcon: u }) => {
     border: "1px solid rgba(15,23,42,0.12)",
     boxShadow: "0 18px 45px rgba(15,23,42,0.16)",
     overflow: "hidden"
-  }), n.appendChild(p);
-  const i = document.createElement("iframe");
-  i.src = h, i.title = "Copilot chat widget", i.allow = "clipboard-read; clipboard-write; microphone; camera; display-capture", i.setAttribute("scrolling", "no"), Object.assign(i.style, {
+  }), h.appendChild(l);
+  const o = document.createElement("iframe");
+  o.src = c, o.title = "Copilot chat widget", o.allow = "clipboard-read; clipboard-write; microphone; camera; display-capture", o.setAttribute("scrolling", "no"), Object.assign(o.style, {
     width: "100%",
     height: "100%",
     border: "none",
     display: "block",
     background: "transparent",
     overflow: "hidden"
-  }), n.appendChild(p), p.appendChild(i), e.appendChild(l), e.appendChild(p), document.body.appendChild(t), document.body.appendChild(e);
-  let a = !1;
-  const w = () => {
-    a && (a = !1, e.style.opacity = "0", e.style.transform = "scale(0.8) translateY(20px)", l.style.display = "none", setTimeout(() => {
+  }), h.appendChild(l), l.appendChild(o), e.appendChild(s), e.appendChild(l), document.body.appendChild(t), document.body.appendChild(e);
+  let i = !1;
+  const u = () => {
+    i && (i = !1, e.style.opacity = "0", e.style.transform = "scale(0.8) translateY(20px)", s.style.display = "none", setTimeout(() => {
       e.style.display = "none";
     }, 250), t.style.transform = "scale(1)");
-  }, x = (s) => {
-    const { data: o, source: r } = s || {};
-    if (o?.type) {
-      if (o.type === "CART_CHECKOUT" && r === i.contentWindow) {
-        console.log("[CopilotChat] Received checkout payload from widget:", o), g("Data:");
+  }, f = (d) => {
+    const { data: n, source: m } = d || {};
+    if (n?.type) {
+      if (n.type === "CART_CHECKOUT" && m === o.contentWindow) {
+        console.log("[CopilotChat] Received checkout payload from widget:", n);
         return;
       }
-      if (o.type === "WIDGET_READY" && r === i.contentWindow) {
-        i.contentWindow.postMessage({ type: "INIT_WIDGET" }, "*");
+      if (n.type === "WIDGET_READY" && m === o.contentWindow) {
+        o.contentWindow.postMessage({ type: "INIT_WIDGET" }, "*");
         return;
       }
-      o.type === "CHAT_CLOSED" && w();
+      n.type === "CHAT_CLOSED" && u();
     }
   };
-  window.addEventListener("message", x), t.onclick = (s) => {
-    s.stopPropagation(), a = !a, a ? (e.style.display = "block", l.style.display = "block", requestAnimationFrame(() => {
+  window.addEventListener("message", f), t.onclick = (d) => {
+    d.stopPropagation(), i = !i, i ? (e.style.display = "block", s.style.display = "block", requestAnimationFrame(() => {
       e.style.opacity = "1", e.style.transform = "scale(1) translateY(0)";
-    })) : w();
-  }, document.addEventListener("click", (s) => {
-    const o = s.target;
-    o && a && !e.contains(o) && o !== t && w();
+    })) : u();
+  }, document.addEventListener("click", (d) => {
+    const n = d.target;
+    n && i && !e.contains(n) && n !== t && u();
   });
-  const b = {
-    close: w,
+  const w = {
+    close: u,
     open: () => {
-      a || t.click();
+      i || t.click();
     }
   };
-  return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.close = b.close, window.CopilotChat.open = b.open, window.CopilotChat.controls = b, b;
+  return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.close = w.close, window.CopilotChat.open = w.open, window.CopilotChat.controls = w, w;
 };
-async function E(h = {}) {
+async function y(c = {}) {
   if (typeof window > "u" || typeof document > "u")
     return null;
-  const u = window.CopilotChatConfig || {}, d = h.token || u.token || typeof window < "u" && window.localStorage?.getItem("copilotChatToken") || null;
-  if (!d)
+  const p = window.CopilotChatConfig || {}, r = c.token || p.token || typeof window < "u" && window.localStorage?.getItem("copilotChatToken") || null;
+  if (!r)
     return console.error(
       "[CopilotChat] Missing token (provide via loadCopilotChatWidget({ token }) or window.CopilotChatConfig.token)."
     ), null;
-  const g = h.baseUrl || u.baseUrl || C, c = `${g.replace(/\/$/, "")}/api/chat-widget/config?token=${encodeURIComponent(
-    d
+  const a = c.baseUrl || p.baseUrl || C, h = `${a.replace(/\/$/, "")}/api/chat-widget/config?token=${encodeURIComponent(
+    r
   )}`;
   try {
-    const n = await fetch(c, {
+    const t = await fetch(h, {
       credentials: "omit",
       mode: "cors"
     });
-    if (!n.ok)
-      throw new Error(`Server responded with ${n.status}`);
-    const t = await n.json();
-    if (!t?.iframeUrl || !t?.launcherIcon)
+    if (!t.ok)
+      throw new Error(`Server responded with ${t.status}`);
+    const e = await t.json();
+    if (!e?.iframeUrl || !e?.launcherIcon)
       throw new Error("Received incomplete widget configuration from server.");
-    return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.token = d, window.CopilotChat.baseUrl = g, y({
-      iframeUrl: t.iframeUrl,
-      launcherIcon: t.launcherIcon
+    return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.token = r, window.CopilotChat.baseUrl = a, x({
+      iframeUrl: e.iframeUrl,
+      launcherIcon: e.launcherIcon
     });
-  } catch (n) {
+  } catch (t) {
     return console.error(
       "[CopilotChat] Error during widget bootstrap:",
-      n instanceof Error ? n.message : n
+      t instanceof Error ? t.message : t
     ), null;
   }
 }
 export {
-  E as default,
-  E as loadCopilotChatWidget
+  y as default,
+  y as loadCopilotChatWidget
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "copilot-chat-widget",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "description": "Embeddable Copilot chat widget that can be loaded via NPM or a script tag.",
   "type": "module",
   "main": "./dist/index.cjs",

package/src/index.js

@@ -209,7 +209,6 @@ const buildWidget = ({ iframeUrl, launcherIcon }) => {
 
     if (data.type === "CART_CHECKOUT" && source === iframe.contentWindow) {
       console.log("[CopilotChat] Received checkout payload from widget:", data);
-      showCheckoutToast("Data:",data);
       return;
     }