copilot-chat-widget 0.1.26 → 0.1.27

package/dist/index.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k="http://localhost:3000",w=64,C=720,E=({iframeUrl:u,launcherIcon:g})=>{const d=document.querySelector("[data-copilot-widget-root]");d&&d.remove();const c=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)},p=document.createElement("div");p.setAttribute("data-copilot-widget-root","true");const n=p.attachShadow({mode:"open"});document.body.appendChild(p);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 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=`
       <img
-        src="${g}"
+        src="${u}"
         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 h=document.createElement("div");Object.assign(h.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(h);const i=document.createElement("iframe");i.src=u,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(h),h.appendChild(i),e.appendChild(l),e.appendChild(h),document.body.appendChild(t),document.body.appendChild(e);let a=!1;const m=()=>{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),c("Checkout message received from chat widget. Check console for payload."),c("Data:");return}if(o.type==="WIDGET_READY"&&r===i.contentWindow){i.contentWindow.postMessage({type:"INIT_WIDGET"},"*");return}o.type==="CHAT_CLOSED"&&m()}};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)"})):m()},document.addEventListener("click",s=>{const o=s.target;o&&a&&!e.contains(o)&&o!==t&&m()});const b={close:m,open:()=>{a||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=b.close,window.CopilotChat.open=b.open,window.CopilotChat.controls=b,b};async function y(u={}){if(typeof window>"u"||typeof document>"u")return null;const g=window.CopilotChatConfig||{},d=u.token||g.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 c=u.baseUrl||g.baseUrl||k,p=`${c.replace(/\/$/,"")}/api/chat-widget/config?token=${encodeURIComponent(d)}`;try{const n=await fetch(p,{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=c,E({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 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;

package/dist/index.mjs

@@ -1,8 +1,8 @@
 const C = "http://localhost:3000";
-const y = ({ iframeUrl: u, launcherIcon: g }) => {
+const y = ({ iframeUrl: h, launcherIcon: u }) => {
   const d = document.querySelector("[data-copilot-widget-root]");
   d && d.remove();
-  const c = (s) => {
+  const g = (s) => {
     const o = document.querySelector("[data-copilot-checkout-toast]");
     o && o.remove();
     const r = document.createElement("div");
@@ -25,14 +25,14 @@ const y = ({ iframeUrl: u, launcherIcon: g }) => {
     }), document.body.appendChild(r), setTimeout(() => {
       r.remove();
     }, 4500);
-  }, p = document.createElement("div");
-  p.setAttribute("data-copilot-widget-root", "true");
-  const n = p.attachShadow({ mode: "open" });
-  document.body.appendChild(p);
+  }, 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 = `
       <img
-        src="${g}"
+        src="${u}"
         alt="Copilot chat launcher"
         style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
       />
@@ -70,7 +70,7 @@ const y = ({ iframeUrl: u, launcherIcon: g }) => {
     opacity: "0",
     transition: "all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)"
   });
-  const l = document.createElement("div"), b = document.createElement("div"), f = document.createElement("div");
+  const l = document.createElement("div"), m = document.createElement("div"), f = document.createElement("div");
   Object.assign(l.style, {
     position: "absolute",
     bottom: "-14px",
@@ -80,7 +80,7 @@ const y = ({ iframeUrl: u, launcherIcon: g }) => {
     pointerEvents: "none",
     display: "none",
     zIndex: "1"
-  }), Object.assign(b.style, {
+  }), Object.assign(m.style, {
     position: "absolute",
     bottom: "0",
     left: "0",
@@ -104,9 +104,9 @@ const y = ({ iframeUrl: u, launcherIcon: g }) => {
     borderTop: "13px solid white",
     boxShadow: "0 6px 16px rgba(15,23,42,0.12)",
     borderRadius: "2px"
-  }), l.appendChild(b), l.appendChild(f);
-  const h = document.createElement("div");
-  Object.assign(h.style, {
+  }), l.appendChild(m), l.appendChild(f);
+  const p = document.createElement("div");
+  Object.assign(p.style, {
     width: "720px",
     maxWidth: "calc(100vw - 48px)",
     height: `${Math.min(720, Math.max(320, window.innerHeight - 140))}px`,
@@ -116,18 +116,18 @@ const y = ({ iframeUrl: u, launcherIcon: g }) => {
     border: "1px solid rgba(15,23,42,0.12)",
     boxShadow: "0 18px 45px rgba(15,23,42,0.16)",
     overflow: "hidden"
-  }), n.appendChild(h);
+  }), n.appendChild(p);
   const i = document.createElement("iframe");
-  i.src = u, i.title = "Copilot chat widget", i.allow = "clipboard-read; clipboard-write; microphone; camera; display-capture", i.setAttribute("scrolling", "no"), Object.assign(i.style, {
+  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(h), h.appendChild(i), e.appendChild(l), e.appendChild(h), document.body.appendChild(t), document.body.appendChild(e);
+  }), n.appendChild(p), p.appendChild(i), e.appendChild(l), e.appendChild(p), document.body.appendChild(t), document.body.appendChild(e);
   let a = !1;
-  const m = () => {
+  const w = () => {
     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)");
@@ -135,45 +135,45 @@ const y = ({ iframeUrl: u, launcherIcon: g }) => {
     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), c("Checkout message received from chat widget. Check console for payload."), c("Data:");
+        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" && m();
+      o.type === "CHAT_CLOSED" && w();
     }
   };
   window.addEventListener("message", x), 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)";
-    })) : m();
+    })) : w();
   }, document.addEventListener("click", (s) => {
     const o = s.target;
-    o && a && !e.contains(o) && o !== t && m();
+    o && a && !e.contains(o) && o !== t && w();
   });
-  const w = {
-    close: m,
+  const b = {
+    close: w,
     open: () => {
       a || t.click();
     }
   };
-  return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.close = w.close, window.CopilotChat.open = w.open, window.CopilotChat.controls = w, w;
+  return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.close = b.close, window.CopilotChat.open = b.open, window.CopilotChat.controls = b, b;
 };
-async function E(u = {}) {
+async function E(h = {}) {
   if (typeof window > "u" || typeof document > "u")
     return null;
-  const g = window.CopilotChatConfig || {}, d = u.token || g.token || typeof window < "u" && window.localStorage?.getItem("copilotChatToken") || 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 c = u.baseUrl || g.baseUrl || C, p = `${c.replace(/\/$/, "")}/api/chat-widget/config?token=${encodeURIComponent(
+  const g = h.baseUrl || u.baseUrl || C, c = `${g.replace(/\/$/, "")}/api/chat-widget/config?token=${encodeURIComponent(
     d
   )}`;
   try {
-    const n = await fetch(p, {
+    const n = await fetch(c, {
       credentials: "omit",
       mode: "cors"
     });
@@ -182,7 +182,7 @@ async function E(u = {}) {
     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 = c, y({
+    return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.token = d, window.CopilotChat.baseUrl = g, y({
       iframeUrl: t.iframeUrl,
       launcherIcon: t.launcherIcon
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "copilot-chat-widget",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "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,9 +209,7 @@ const buildWidget = ({ iframeUrl, launcherIcon }) => {
 
     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.");
       showCheckoutToast("Data:",data);
-
       return;
     }