copilot-chat-widget 0.1.21 → 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.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",g=64,y=720,k=({iframeUrl:m,launcherIcon:b})=>{const p=document.querySelector("[data-copilot-widget-root]");p&&p.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 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=`
+"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="${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:`${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 i=document.createElement("iframe");i.src=m,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"}),x.appendChild(c),c.appendChild(i),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)")},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"&&h()}};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)"})):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=`${E.replace(/\/$/,"")}/api/chat-widget/config`;try{const n=await fetch(p,{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 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: m, launcherIcon: g }) => {
+const C = ({ iframeUrl: g, launcherIcon: m }) => {
   const p = document.querySelector("[data-copilot-widget-root]");
   p && p.remove();
-  const n = (d) => {
+  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: m, launcherIcon: g }) => {
   const t = document.createElement("button");
   t.type = "button", t.setAttribute("aria-label", "Open Copilot chat"), t.innerHTML = `
       <img
-        src="${g}"
+        src="${m}"
         alt="Copilot chat launcher"
         style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
       />
@@ -117,15 +117,15 @@ const C = ({ iframeUrl: m, launcherIcon: g }) => {
     boxShadow: "0 18px 45px rgba(15,23,42,0.16)",
     overflow: "hidden"
   }), b.appendChild(l);
-  const i = document.createElement("iframe");
-  i.src = m, i.title = "Copilot chat widget", i.allow = "clipboard-read; clipboard-write; microphone; camera; display-capture", i.setAttribute("scrolling", "no"), Object.assign(i.style, {
+  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(l), l.appendChild(i), e.appendChild(c), e.appendChild(l), 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 h = () => {
     s && (s = !1, e.style.opacity = "0", e.style.transform = "scale(0.8) translateY(20px)", c.style.display = "none", setTimeout(() => {
@@ -134,12 +134,12 @@ const C = ({ iframeUrl: m, launcherIcon: g }) => {
   }, 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" && h();
@@ -148,7 +148,7 @@ const C = ({ iframeUrl: m, launcherIcon: g }) => {
   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)";
-    })) : h();
+    }), 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();
@@ -161,28 +161,28 @@ const C = ({ iframeUrl: m, launcherIcon: g }) => {
   };
   return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.close = u.close, window.CopilotChat.open = u.open, window.CopilotChat.controls = u, u;
 };
-async function E(m = {}) {
+async function E(g = {}) {
   if (typeof window > "u" || typeof document > "u")
     return null;
   const p = `${y.replace(/\/$/, "")}/api/chat-widget/config`;
   try {
-    const n = await fetch(p, {
+    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 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.21",
+  "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;

package/src/widget-runtime.js

@@ -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);