copilot-chat-widget 0.1.20 → 0.1.22

package/dist/chat-widget.min.js

@@ -1,7 +1,7 @@
-(function(){"use strict";(()=>{if(typeof window>"u"||typeof document>"u"||window.__copilotWidgetLoaded)return;window.__copilotWidgetLoaded=!0;const S="http://localhost:3000",b=64,f=720,x=document.currentScript,k=e=>{document.readyState==="complete"||document.readyState==="interactive"?setTimeout(e,0):document.addEventListener("DOMContentLoaded",e)},y=()=>x||Array.from(document.querySelectorAll("script")).reverse().find(o=>o.dataset?.token||o.src&&o.src.includes("chat-widget"))||null,I=({iframeUrl:e,launcherIcon:p})=>{const o=document.querySelector("[data-copilot-widget-root]");o&&o.remove();const c=d=>{const i=document.querySelector("[data-copilot-checkout-toast]");i&&i.remove();const a=document.createElement("div");a.setAttribute("data-copilot-checkout-toast","true"),a.innerText=d,Object.assign(a.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(a),setTimeout(()=>{a.remove()},4500)},m=document.createElement("div");m.setAttribute("data-copilot-widget-root","true");const h=m.attachShadow({mode:"open"});document.body.appendChild(m);const t=document.createElement("button");t.type="button",t.setAttribute("aria-label","Open Copilot chat"),t.innerHTML=`
+(function(){"use strict";(()=>{if(typeof window>"u"||typeof document>"u"||window.__copilotWidgetLoaded)return;window.__copilotWidgetLoaded=!0;const S="http://localhost:3000",b=64,f=720,x=document.currentScript,k=e=>{document.readyState==="complete"||document.readyState==="interactive"?setTimeout(e,0):document.addEventListener("DOMContentLoaded",e)},y=()=>x||Array.from(document.querySelectorAll("script")).reverse().find(o=>o.src&&o.src.includes("chat-widget"))||null,T=({iframeUrl:e,launcherIcon:p})=>{const o=document.querySelector("[data-copilot-widget-root]");o&&o.remove();const c=d=>{const i=document.querySelector("[data-copilot-checkout-toast]");i&&i.remove();const a=document.createElement("div");a.setAttribute("data-copilot-checkout-toast","true"),a.innerText=d,Object.assign(a.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(a),setTimeout(()=>{a.remove()},4500)},m=document.createElement("div");m.setAttribute("data-copilot-widget-root","true");const h=m.attachShadow({mode:"open"});document.body.appendChild(m);const t=document.createElement("button");t.type="button",t.setAttribute("aria-label","Open Copilot chat"),t.innerHTML=`
       <img
         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:`${b}px`,height:`${b}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 n=document.createElement("div");n.setAttribute("data-copilot-widget-root","true"),Object.assign(n.style,{display:"none",position:"fixed",bottom:`${b+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"),E=document.createElement("div"),v=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(E.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(v.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(E),l.appendChild(v);const u=document.createElement("div");Object.assign(u.style,{width:`${f}px`,maxWidth:"calc(100vw - 48px)",height:`${Math.min(f,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(u);const r=document.createElement("iframe");r.src=e,r.title="Copilot chat widget",r.allow="clipboard-read; clipboard-write; microphone; camera; display-capture",r.setAttribute("scrolling","no"),Object.assign(r.style,{width:"100%",height:"100%",border:"none",display:"block",background:"transparent",overflow:"hidden"}),h.appendChild(u),u.appendChild(r),n.appendChild(l),n.appendChild(u),document.body.appendChild(t),document.body.appendChild(n);let s=!1;const w=()=>{s&&(s=!1,n.style.opacity="0",n.style.transform="scale(0.8) translateY(20px)",l.style.display="none",setTimeout(()=>{n.style.display="none"},250),t.style.transform="scale(1)")},O=d=>{const{data:i,source:a}=d||{};if(i?.type){if(i.type==="CART_CHECKOUT"&&a===r.contentWindow){console.log("[CopilotChat] Received checkout payload from widget:",i),c("Checkout message received from chat widget. Check console for payload.");return}if(i.type==="WIDGET_READY"&&a===r.contentWindow){r.contentWindow.postMessage({type:"INIT_WIDGET"},"*");return}i.type==="CHAT_CLOSED"&&w()}};t.onclick=d=>{d.stopPropagation(),s=!s,s?(n.style.display="block",l.style.display="block",requestAnimationFrame(()=>{n.style.opacity="1",n.style.transform="scale(1) translateY(0)"})):w()},window.addEventListener("message",O),document.addEventListener("click",d=>{const i=d.target;i&&s&&!n.contains(i)&&i!==t&&w()});const g={close:w,open:()=>{s||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=g.close,window.CopilotChat.open=g.open,window.CopilotChat.controls=g,g},T=e=>{console.error(`[CopilotChat] ${e}`)},A=()=>{const e=y();return e?(e.dataset||{}).autoload!=="false":!1},C=async(e={})=>{e.scriptEl||y();const p=S;try{const o=await fetch(`${p}/api/chat-widget/config`,{credentials:"omit",mode:"cors"});if(!o.ok)throw new Error(`Server responded with ${o.status}`);const c=await o.json();if(!c?.iframeUrl||!c?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.init=(h={})=>{const t={iframeUrl:h.iframeUrl||c.iframeUrl,launcherIcon:h.launcherIcon||c.launcherIcon};return I(t)},window.CopilotChat.init(e)}catch(o){return T(o instanceof Error?o.message:"Unknown error during widget bootstrap."),null}};A()&&k(()=>{C()}),window.CopilotChat=window.CopilotChat||{},window.CopilotChat.load=C})()})();
+    `,Object.assign(t.style,{position:"fixed",bottom:"24px",right:"24px",width:`${b}px`,height:`${b}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 n=document.createElement("div");n.setAttribute("data-copilot-widget-root","true"),Object.assign(n.style,{display:"none",position:"fixed",bottom:`${b+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"),E=document.createElement("div"),v=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(E.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(v.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(E),l.appendChild(v);const u=document.createElement("div");Object.assign(u.style,{width:`${f}px`,maxWidth:"calc(100vw - 48px)",height:`${Math.min(f,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(u);const r=document.createElement("iframe");r.src=e,r.title="Copilot chat widget",r.allow="clipboard-read; clipboard-write; microphone; camera; display-capture",r.setAttribute("scrolling","no"),Object.assign(r.style,{width:"100%",height:"100%",border:"none",display:"block",background:"transparent",overflow:"hidden"}),h.appendChild(u),u.appendChild(r),n.appendChild(l),n.appendChild(u),document.body.appendChild(t),document.body.appendChild(n);let s=!1;const w=()=>{s&&(s=!1,n.style.opacity="0",n.style.transform="scale(0.8) translateY(20px)",l.style.display="none",setTimeout(()=>{n.style.display="none"},250),t.style.transform="scale(1)")},O=d=>{const{data:i,source:a}=d||{};if(i?.type){if(i.type==="CART_CHECKOUT"&&a===r.contentWindow){console.log("[CopilotChat] Received checkout payload from widget:",i),c("Checkout message received from chat widget. Check console for payload.");return}if(i.type==="WIDGET_READY"&&a===r.contentWindow){r.contentWindow.postMessage({type:"INIT_WIDGET"},"*");return}i.type==="CHAT_CLOSED"&&w()}};t.onclick=d=>{d.stopPropagation(),s=!s,s?(n.style.display="block",l.style.display="block",requestAnimationFrame(()=>{n.style.opacity="1",n.style.transform="scale(1) translateY(0)"}),r.contentWindow&&r.contentWindow.postMessage({type:"CHAT_OPENED"},"*")):w()},window.addEventListener("message",O),document.addEventListener("click",d=>{const i=d.target;i&&s&&!n.contains(i)&&i!==t&&w()});const g={close:w,open:()=>{s||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=g.close,window.CopilotChat.open=g.open,window.CopilotChat.controls=g,g},I=e=>{console.error(`[CopilotChat] ${e}`)},A=()=>{const e=y();return e?(e.dataset||{}).autoload!=="false":!1},C=async(e={})=>{e.scriptEl||y();const p=S;try{const o=await fetch(`${p}/api/chat-widget/config`,{credentials:"omit",mode:"cors"});if(!o.ok)throw new Error(`Server responded with ${o.status}`);const c=await o.json();if(!c?.iframeUrl||!c?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.init=(h={})=>{const t={iframeUrl:h.iframeUrl||c.iframeUrl,launcherIcon:h.launcherIcon||c.launcherIcon};return T(t)},window.CopilotChat.init(e)}catch(o){return I(o instanceof Error?o.message:"Unknown error during widget bootstrap."),null}};A()&&k(()=>{C()}),window.CopilotChat=window.CopilotChat||{},window.CopilotChat.load=C})()})();

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",m=64,y=720,k=({iframeUrl:b,launcherIcon:p})=>{const h=document.querySelector("[data-copilot-widget-root]");h&&h.remove();const n=d=>{const o=document.querySelector("[data-copilot-checkout-toast]");o&&o.remove();const a=document.createElement("div");a.setAttribute("data-copilot-checkout-toast","true"),a.innerText=d,Object.assign(a.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(a),setTimeout(()=>{a.remove()},4500)},r=document.createElement("div");r.setAttribute("data-copilot-widget-root","true");const w=r.attachShadow({mode:"open"});document.body.appendChild(r);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",g=64,y=720,T=({iframeUrl:m,launcherIcon:b})=>{const p=document.querySelector("[data-copilot-widget-root]");p&&p.remove();const i=d=>{const o=document.querySelector("[data-copilot-checkout-toast]");o&&o.remove();const a=document.createElement("div");a.setAttribute("data-copilot-checkout-toast","true"),a.innerText=d,Object.assign(a.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(a),setTimeout(()=>{a.remove()},4500)},r=document.createElement("div");r.setAttribute("data-copilot-widget-root","true");const x=r.attachShadow({mode:"open"});document.body.appendChild(r);const t=document.createElement("button");t.type="button",t.setAttribute("aria-label","Open Copilot chat"),t.innerHTML=`
       <img
-        src="${p}"
+        src="${b}"
         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:`${m}px`,height:`${m}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:`${m+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"),x=document.createElement("div"),f=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(x.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(f.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(x),l.appendChild(f);const c=document.createElement("div");Object.assign(c.style,{width:`${y}px`,maxWidth:"calc(100vw - 48px)",height:`${Math.min(y,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"}),w.appendChild(c);const i=document.createElement("iframe");i.src=b,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"}),w.appendChild(c),c.appendChild(i),e.appendChild(l),e.appendChild(c),document.body.appendChild(t),document.body.appendChild(e);let s=!1;const u=()=>{s&&(s=!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=d=>{const{data:o,source:a}=d||{};if(o?.type){if(o.type==="CART_CHECKOUT"&&a===i.contentWindow){console.log("[CopilotChat] Received checkout payload from widget:",o),n("Checkout message received from chat widget. Check console for payload.");return}if(o.type==="WIDGET_READY"&&a===i.contentWindow){i.contentWindow.postMessage({type:"INIT_WIDGET"},"*");return}o.type==="CHAT_CLOSED"&&u()}};window.addEventListener("message",v),t.onclick=d=>{d.stopPropagation(),s=!s,s?(e.style.display="block",l.style.display="block",requestAnimationFrame(()=>{e.style.opacity="1",e.style.transform="scale(1) translateY(0)"})):u()},document.addEventListener("click",d=>{const o=d.target;o&&s&&!e.contains(o)&&o!==t&&u()});const g={close:u,open:()=>{s||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=g.close,window.CopilotChat.open=g.open,window.CopilotChat.controls=g,g};async function C(b={}){if(typeof window>"u"||typeof document>"u")return null;const p=E,h=`${p.replace(/\/$/,"")}/api/chat-widget/config`;try{const n=await fetch(h,{credentials:"omit",mode:"cors"});if(!n.ok)throw new Error(`Server responded with ${n.status}`);const r=await n.json();if(!r?.iframeUrl||!r?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.baseUrl=p,k({iframeUrl:r.iframeUrl,launcherIcon:r.launcherIcon})}catch(n){return console.error("[CopilotChat] Error during widget bootstrap:",n instanceof Error?n.message:n),null}}exports.default=C;exports.loadCopilotChatWidget=C;
+    `,Object.assign(t.style,{position:"fixed",bottom:"24px",right:"24px",width:`${g}px`,height:`${g}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:`${g+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"),w=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(w.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(w);const c=document.createElement("div");Object.assign(c.style,{width:`${y}px`,maxWidth:"calc(100vw - 48px)",height:`${Math.min(y,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"}),x.appendChild(c);const n=document.createElement("iframe");n.src=m,n.title="Copilot chat widget",n.allow="clipboard-read; clipboard-write; microphone; camera; display-capture",n.setAttribute("scrolling","no"),Object.assign(n.style,{width:"100%",height:"100%",border:"none",display:"block",background:"transparent",overflow:"hidden"}),x.appendChild(c),c.appendChild(n),e.appendChild(l),e.appendChild(c),document.body.appendChild(t),document.body.appendChild(e);let s=!1;const h=()=>{s&&(s=!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)")},E=d=>{const{data:o,source:a}=d||{};if(o?.type){if(o.type==="CART_CHECKOUT"&&a===n.contentWindow){console.log("[CopilotChat] Received checkout payload from widget:",o),i("Checkout message received from chat widget. Check console for payload.");return}if(o.type==="WIDGET_READY"&&a===n.contentWindow){n.contentWindow.postMessage({type:"INIT_WIDGET"},"*");return}o.type==="CHAT_CLOSED"&&h()}};window.addEventListener("message",E),t.onclick=d=>{d.stopPropagation(),s=!s,s?(e.style.display="block",l.style.display="block",requestAnimationFrame(()=>{e.style.opacity="1",e.style.transform="scale(1) translateY(0)"}),n.contentWindow&&n.contentWindow.postMessage({type:"CHAT_OPENED"},"*")):h()},document.addEventListener("click",d=>{const o=d.target;o&&s&&!e.contains(o)&&o!==t&&h()});const u={close:h,open:()=>{s||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=u.close,window.CopilotChat.open=u.open,window.CopilotChat.controls=u,u};async function C(m={}){if(typeof window>"u"||typeof document>"u")return null;const p=`${v.replace(/\/$/,"")}/api/chat-widget/config`;try{const i=await fetch(p,{credentials:"omit",mode:"cors"});if(!i.ok)throw new Error(`Server responded with ${i.status}`);const r=await i.json();if(!r?.iframeUrl||!r?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");return T({iframeUrl:r.iframeUrl,launcherIcon:r.launcherIcon})}catch(i){return console.error("[CopilotChat] Error during widget bootstrap:",i instanceof Error?i.message:i),null}}exports.default=C;exports.loadCopilotChatWidget=C;

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "copilot-chat-widget",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "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

@@ -225,20 +225,23 @@ const buildWidget = ({ iframeUrl, launcherIcon }) => {
 
   window.addEventListener("message", handleWidgetMessage);
 
-  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();
-    }
-  };
+  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)";
+      });
+      if (iframe.contentWindow) {
+        iframe.contentWindow.postMessage({ type: "CHAT_OPENED" }, "*");
+      }
+    } else {
+      closeChat();
+    }
+  };
 
   document.addEventListener("click", (event) => {
     const target = event.target;
@@ -270,19 +273,15 @@ export async function loadCopilotChatWidget(options = {}) {
     return null;
   }
 
-  const globalConfig = window.CopilotChatConfig || {};
-
   const baseUrl =
     BUILD_BASE_URL ||
     (typeof window !== "undefined" && window.location?.origin) ||
     null;
-
-  if (!baseUrl) {
-    console.error(
-      "[CopilotChat] Missing baseUrl (set via loadCopilotChatWidget({ baseUrl }), window.CopilotChatConfig.baseUrl, or WIDGET_BASE_URL)."
-    );
-    return null;
-  }
+
+  if (!baseUrl) {
+    console.error("[CopilotChat] Unable to resolve widget base URL.");
+    return null;
+  }
 
   const url = `${baseUrl.replace(/\/$/, "")}/api/chat-widget/config`;
 
@@ -301,12 +300,9 @@ export async function loadCopilotChatWidget(options = {}) {
       throw new Error("Received incomplete widget configuration from server.");
     }
 
-    window.CopilotChat = window.CopilotChat || {};
-    window.CopilotChat.baseUrl = baseUrl;
-
-    return buildWidget({
-      iframeUrl: remoteConfig.iframeUrl,
-      launcherIcon: remoteConfig.launcherIcon,
+    return buildWidget({
+      iframeUrl: remoteConfig.iframeUrl,
+      launcherIcon: remoteConfig.launcherIcon,
     });
   } catch (error) {
     console.error(

package/src/widget-runtime.js

@@ -11,7 +11,7 @@
   const IFRAME_SIZE = 720;
   const embeddingScript = document.currentScript;
 
-  const ready = (fn) => {
+  const ready = (fn) => {
     if (document.readyState === "complete" || document.readyState === "interactive") {
       setTimeout(fn, 0);
     } else {
@@ -30,15 +30,15 @@
     }
   };
 
-  const resolveEmbeddingScript = () => {
-    if (embeddingScript) {
-      return embeddingScript;
-    }
-
-    const scripts = Array.from(document.querySelectorAll("script"));
-    const candidate = scripts
-      .reverse()
-      .find((script) => script.dataset?.token || (script.src && script.src.includes("chat-widget")));
+  const resolveEmbeddingScript = () => {
+    if (embeddingScript) {
+      return embeddingScript;
+    }
+
+    const scripts = Array.from(document.querySelectorAll("script"));
+    const candidate = scripts
+      .reverse()
+      .find((script) => script.src && script.src.includes("chat-widget"));
 
     return candidate || null;
   };
@@ -261,20 +261,23 @@
       }
     };
 
-    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();
-      }
-    };
+    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)";
+        });
+        if (iframe.contentWindow) {
+          iframe.contentWindow.postMessage({ type: "CHAT_OPENED" }, "*");
+        }
+      } else {
+        closeChat();
+      }
+    };
 
     window.addEventListener("message", handleWidgetMessage);
 
@@ -307,33 +310,32 @@
     console.error(`[CopilotChat] ${message}`);
   };
 
-  const shouldAutoBootstrapFromScript = () => {
-    const scriptEl = resolveEmbeddingScript();
-    if (!scriptEl) return false;
-    const dataset = scriptEl.dataset || {};
-    return dataset.autoload !== "false";
-  };
-
+  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 =
       BUILD_BASE_URL ||
       inferBaseUrlFromScript(scriptEl) ||
-      (typeof window !== "undefined" && window.location?.origin) ||
-      null;
+      (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`, {
-        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}`);