copilot-chat-widget 0.1.19 → 0.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -14,8 +14,6 @@ yarn add copilot-chat-widget
14
14
  import { loadCopilotChatWidget } from "copilot-chat-widget";
15
15
 
16
16
  loadCopilotChatWidget({
17
- // optional: baseUrl if backend is on a different origin
18
- // baseUrl: "https://your-backend-domain"
19
17
  });
20
18
  ```
21
19
  `loadCopilotChatWidget` fetches widget config from `/api/chat-widget/config` and mounts the chat bubble.
@@ -28,7 +26,6 @@ import { loadCopilotChatWidget } from "copilot-chat-widget";
28
26
  export default function Page() {
29
27
  useEffect(() => {
30
28
  loadCopilotChatWidget({
31
- baseUrl: process.env.NEXT_PUBLIC_WIDGET_BASE_URL // optional override if backend is another origin
32
29
  });
33
30
  }, []);
34
31
 
@@ -45,7 +42,6 @@ export default function Page() {
45
42
  - `data-autoload="false"`: if you want to insert the script but call `window.CopilotChat.init()` manually.
46
43
 
47
44
  ## Configuration
48
- - `baseUrl` (string): backend host serving `/api/chat-widget/config`. Needed when the embedding page is on a different origin. If omitted, the widget uses `WIDGET_BASE_URL` (injected at build) then falls back to the script/page origin.
49
45
  - `autoload` (boolean): set `false` to defer bootstrap and call `window.CopilotChat.load()` yourself.
50
46
 
51
47
  Runtime controls (after script loads):
@@ -1,7 +1,7 @@
1
- (function(){"use strict";(()=>{if(typeof window>"u"||typeof document>"u"||window.__copilotWidgetLoaded)return;window.__copilotWidgetLoaded=!0;const S="http://localhost:3000",g=64,f=720,x=document.currentScript,k=e=>{document.readyState==="complete"||document.readyState==="interactive"?setTimeout(e,0):document.addEventListener("DOMContentLoaded",e)},C=()=>x||Array.from(document.querySelectorAll("script")).reverse().find(r=>r.dataset?.token||r.src&&r.src.includes("chat-widget"))||null,I=({iframeUrl:e,launcherIcon:h})=>{const r=document.querySelector("[data-copilot-widget-root]");r&&r.remove();const a=l=>{const n=document.querySelector("[data-copilot-checkout-toast]");n&&n.remove();const d=document.createElement("div");d.setAttribute("data-copilot-checkout-toast","true"),d.innerText=l,Object.assign(d.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(d),setTimeout(()=>{d.remove()},4500)},s=document.createElement("div");s.setAttribute("data-copilot-widget-root","true");const b=s.attachShadow({mode:"open"});document.body.appendChild(s);const t=document.createElement("button");t.type="button",t.setAttribute("aria-label","Open Copilot chat"),t.innerHTML=`
1
+ (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=`
2
2
  <img
3
- src="${h}"
3
+ src="${p}"
4
4
  alt="Copilot chat launcher"
5
5
  style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
6
6
  />
7
- `,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 o=document.createElement("div");o.setAttribute("data-copilot-widget-root","true"),Object.assign(o.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 p=document.createElement("div"),E=document.createElement("div"),v=document.createElement("div");Object.assign(p.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"}),p.appendChild(E),p.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"}),b.appendChild(u);const i=document.createElement("iframe");i.src=e,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"}),b.appendChild(u),u.appendChild(i),o.appendChild(p),o.appendChild(u),document.body.appendChild(t),document.body.appendChild(o);let c=!1;const m=()=>{c&&(c=!1,o.style.opacity="0",o.style.transform="scale(0.8) translateY(20px)",p.style.display="none",setTimeout(()=>{o.style.display="none"},250),t.style.transform="scale(1)")},O=l=>{const{data:n,source:d}=l||{};if(n?.type){if(n.type==="CART_CHECKOUT"&&d===i.contentWindow){console.log("[CopilotChat] Received checkout payload from widget:",n),a("Checkout message received from chat widget. Check console for payload.");return}if(n.type==="WIDGET_READY"&&d===i.contentWindow){i.contentWindow.postMessage({type:"INIT_WIDGET"},"*");return}n.type==="CHAT_CLOSED"&&m()}};t.onclick=l=>{l.stopPropagation(),c=!c,c?(o.style.display="block",p.style.display="block",requestAnimationFrame(()=>{o.style.opacity="1",o.style.transform="scale(1) translateY(0)"})):m()},window.addEventListener("message",O),document.addEventListener("click",l=>{const n=l.target;n&&c&&!o.contains(n)&&n!==t&&m()});const w={close:m,open:()=>{c||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=w.close,window.CopilotChat.open=w.open,window.CopilotChat.controls=w,w},T=e=>{console.error(`[CopilotChat] ${e}`)},A=()=>{const e=C();return e?(e.dataset||{}).autoload!=="false":!1},y=async(e={})=>{e.scriptEl||C();const h=window.CopilotChatConfig||{},r=e.baseUrl||h.baseUrl||S;try{const a=await fetch(`${r}/api/chat-widget/config`,{credentials:"omit",mode:"cors"});if(!a.ok)throw new Error(`Server responded with ${a.status}`);const s=await a.json();if(!s?.iframeUrl||!s?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.init=(t={})=>{const o={iframeUrl:t.iframeUrl||s.iframeUrl,launcherIcon:t.launcherIcon||s.launcherIcon};return I(o)},window.CopilotChat.init(e)}catch(a){return T(a instanceof Error?a.message:"Unknown error during widget bootstrap."),null}};A()&&k(()=>{y()}),window.CopilotChat=window.CopilotChat||{},window.CopilotChat.load=y})()})();
7
+ `,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})()})();
package/dist/index.cjs CHANGED
@@ -1,7 +1,7 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E="http://localhost:3000",w=64,y=720,k=({iframeUrl:g,launcherIcon:b})=>{const c=document.querySelector("[data-copilot-widget-root]");c&&c.remove();const m=d=>{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=d,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)},n=document.createElement("div");n.setAttribute("data-copilot-widget-root","true");const a=n.attachShadow({mode:"open"});document.body.appendChild(n);const t=document.createElement("button");t.type="button",t.setAttribute("aria-label","Open Copilot chat"),t.innerHTML=`
1
+ "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=`
2
2
  <img
3
- src="${b}"
3
+ src="${p}"
4
4
  alt="Copilot chat launcher"
5
5
  style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
6
6
  />
7
- `,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:`${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"}),a.appendChild(p);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,{width:"100%",height:"100%",border:"none",display:"block",background:"transparent",overflow:"hidden"}),a.appendChild(p),p.appendChild(i),e.appendChild(l),e.appendChild(p),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:r}=d||{};if(o?.type){if(o.type==="CART_CHECKOUT"&&r===i.contentWindow){console.log("[CopilotChat] Received checkout payload from widget:",o),m("Checkout message received from chat widget. Check console for payload.");return}if(o.type==="WIDGET_READY"&&r===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(g={}){if(typeof window>"u"||typeof document>"u")return null;const b=window.CopilotChatConfig||{},c=g.baseUrl||b.baseUrl||E,m=`${c.replace(/\/$/,"")}/api/chat-widget/config`;try{const n=await fetch(m,{credentials:"omit",mode:"cors"});if(!n.ok)throw new Error(`Server responded with ${n.status}`);const a=await n.json();if(!a?.iframeUrl||!a?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.baseUrl=c,k({iframeUrl:a.iframeUrl,launcherIcon:a.launcherIcon})}catch(n){return console.error("[CopilotChat] Error during widget bootstrap:",n instanceof Error?n.message:n),null}}exports.default=C;exports.loadCopilotChatWidget=C;
7
+ `,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;
package/dist/index.mjs CHANGED
@@ -1,12 +1,12 @@
1
1
  const y = "http://localhost:3000";
2
- const C = ({ iframeUrl: g, launcherIcon: b }) => {
3
- const c = document.querySelector("[data-copilot-widget-root]");
4
- c && c.remove();
5
- const m = (d) => {
2
+ const C = ({ iframeUrl: g, launcherIcon: p }) => {
3
+ const h = document.querySelector("[data-copilot-widget-root]");
4
+ h && h.remove();
5
+ const n = (d) => {
6
6
  const o = document.querySelector("[data-copilot-checkout-toast]");
7
7
  o && o.remove();
8
- const r = document.createElement("div");
9
- r.setAttribute("data-copilot-checkout-toast", "true"), r.innerText = d, Object.assign(r.style, {
8
+ const a = document.createElement("div");
9
+ a.setAttribute("data-copilot-checkout-toast", "true"), a.innerText = d, Object.assign(a.style, {
10
10
  position: "fixed",
11
11
  top: "20px",
12
12
  left: "50%",
@@ -22,17 +22,17 @@ const C = ({ iframeUrl: g, launcherIcon: b }) => {
22
22
  maxWidth: "420px",
23
23
  lineHeight: "1.4",
24
24
  textAlign: "center"
25
- }), document.body.appendChild(r), setTimeout(() => {
26
- r.remove();
25
+ }), document.body.appendChild(a), setTimeout(() => {
26
+ a.remove();
27
27
  }, 4500);
28
- }, n = document.createElement("div");
29
- n.setAttribute("data-copilot-widget-root", "true");
30
- const a = n.attachShadow({ mode: "open" });
31
- document.body.appendChild(n);
28
+ }, r = document.createElement("div");
29
+ r.setAttribute("data-copilot-widget-root", "true");
30
+ const b = r.attachShadow({ mode: "open" });
31
+ document.body.appendChild(r);
32
32
  const t = document.createElement("button");
33
33
  t.type = "button", t.setAttribute("aria-label", "Open Copilot chat"), t.innerHTML = `
34
34
  <img
35
- src="${b}"
35
+ src="${p}"
36
36
  alt="Copilot chat launcher"
37
37
  style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
38
38
  />
@@ -105,8 +105,8 @@ const C = ({ iframeUrl: g, launcherIcon: b }) => {
105
105
  boxShadow: "0 6px 16px rgba(15,23,42,0.12)",
106
106
  borderRadius: "2px"
107
107
  }), l.appendChild(w), l.appendChild(x);
108
- const p = document.createElement("div");
109
- Object.assign(p.style, {
108
+ const c = document.createElement("div");
109
+ Object.assign(c.style, {
110
110
  width: "720px",
111
111
  maxWidth: "calc(100vw - 48px)",
112
112
  height: `${Math.min(720, Math.max(320, window.innerHeight - 140))}px`,
@@ -116,7 +116,7 @@ const C = ({ iframeUrl: g, launcherIcon: b }) => {
116
116
  border: "1px solid rgba(15,23,42,0.12)",
117
117
  boxShadow: "0 18px 45px rgba(15,23,42,0.16)",
118
118
  overflow: "hidden"
119
- }), a.appendChild(p);
119
+ }), b.appendChild(c);
120
120
  const i = document.createElement("iframe");
121
121
  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, {
122
122
  width: "100%",
@@ -125,59 +125,59 @@ const C = ({ iframeUrl: g, launcherIcon: b }) => {
125
125
  display: "block",
126
126
  background: "transparent",
127
127
  overflow: "hidden"
128
- }), a.appendChild(p), p.appendChild(i), e.appendChild(l), e.appendChild(p), document.body.appendChild(t), document.body.appendChild(e);
128
+ }), b.appendChild(c), c.appendChild(i), e.appendChild(l), e.appendChild(c), document.body.appendChild(t), document.body.appendChild(e);
129
129
  let s = !1;
130
- const h = () => {
130
+ const u = () => {
131
131
  s && (s = !1, e.style.opacity = "0", e.style.transform = "scale(0.8) translateY(20px)", l.style.display = "none", setTimeout(() => {
132
132
  e.style.display = "none";
133
133
  }, 250), t.style.transform = "scale(1)");
134
134
  }, f = (d) => {
135
- const { data: o, source: r } = d || {};
135
+ const { data: o, source: a } = d || {};
136
136
  if (o?.type) {
137
- if (o.type === "CART_CHECKOUT" && r === i.contentWindow) {
138
- console.log("[CopilotChat] Received checkout payload from widget:", o), m("Checkout message received from chat widget. Check console for payload.");
137
+ if (o.type === "CART_CHECKOUT" && a === i.contentWindow) {
138
+ console.log("[CopilotChat] Received checkout payload from widget:", o), n("Checkout message received from chat widget. Check console for payload.");
139
139
  return;
140
140
  }
141
- if (o.type === "WIDGET_READY" && r === i.contentWindow) {
141
+ if (o.type === "WIDGET_READY" && a === i.contentWindow) {
142
142
  i.contentWindow.postMessage({ type: "INIT_WIDGET" }, "*");
143
143
  return;
144
144
  }
145
- o.type === "CHAT_CLOSED" && h();
145
+ o.type === "CHAT_CLOSED" && u();
146
146
  }
147
147
  };
148
148
  window.addEventListener("message", f), t.onclick = (d) => {
149
149
  d.stopPropagation(), s = !s, s ? (e.style.display = "block", l.style.display = "block", requestAnimationFrame(() => {
150
150
  e.style.opacity = "1", e.style.transform = "scale(1) translateY(0)";
151
- })) : h();
151
+ })) : u();
152
152
  }, document.addEventListener("click", (d) => {
153
153
  const o = d.target;
154
- o && s && !e.contains(o) && o !== t && h();
154
+ o && s && !e.contains(o) && o !== t && u();
155
155
  });
156
- const u = {
157
- close: h,
156
+ const m = {
157
+ close: u,
158
158
  open: () => {
159
159
  s || t.click();
160
160
  }
161
161
  };
162
- return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.close = u.close, window.CopilotChat.open = u.open, window.CopilotChat.controls = u, u;
162
+ return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.close = m.close, window.CopilotChat.open = m.open, window.CopilotChat.controls = m, m;
163
163
  };
164
164
  async function E(g = {}) {
165
165
  if (typeof window > "u" || typeof document > "u")
166
166
  return null;
167
- const b = window.CopilotChatConfig || {}, c = g.baseUrl || b.baseUrl || y, m = `${c.replace(/\/$/, "")}/api/chat-widget/config`;
167
+ const p = y, h = `${p.replace(/\/$/, "")}/api/chat-widget/config`;
168
168
  try {
169
- const n = await fetch(m, {
169
+ const n = await fetch(h, {
170
170
  credentials: "omit",
171
171
  mode: "cors"
172
172
  });
173
173
  if (!n.ok)
174
174
  throw new Error(`Server responded with ${n.status}`);
175
- const a = await n.json();
176
- if (!a?.iframeUrl || !a?.launcherIcon)
175
+ const r = await n.json();
176
+ if (!r?.iframeUrl || !r?.launcherIcon)
177
177
  throw new Error("Received incomplete widget configuration from server.");
178
- return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.baseUrl = c, C({
179
- iframeUrl: a.iframeUrl,
180
- launcherIcon: a.launcherIcon
178
+ return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.baseUrl = p, C({
179
+ iframeUrl: r.iframeUrl,
180
+ launcherIcon: r.launcherIcon
181
181
  });
182
182
  } catch (n) {
183
183
  return console.error(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "copilot-chat-widget",
3
- "version": "0.1.19",
3
+ "version": "0.1.20",
4
4
  "description": "Embeddable Copilot chat widget that can be loaded via NPM or a script tag.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
package/src/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  export interface CopilotChatOptions {
2
2
  autoload?: boolean;
3
- baseUrl?: string;
4
3
  }
5
4
 
6
5
  export function loadCopilotChatWidget(options: CopilotChatOptions): unknown;
package/src/index.js CHANGED
@@ -273,11 +273,9 @@ export async function loadCopilotChatWidget(options = {}) {
273
273
  const globalConfig = window.CopilotChatConfig || {};
274
274
 
275
275
  const baseUrl =
276
- options.baseUrl ||
277
- globalConfig.baseUrl ||
278
276
  BUILD_BASE_URL ||
279
- (typeof window !== "undefined" && window.location?.origin) ||
280
- null;
277
+ (typeof window !== "undefined" && window.location?.origin) ||
278
+ null;
281
279
 
282
280
  if (!baseUrl) {
283
281
  console.error(
@@ -319,8 +319,6 @@
319
319
  const globalConfig = window.CopilotChatConfig || {};
320
320
 
321
321
  const baseUrl =
322
- config.baseUrl ||
323
- globalConfig.baseUrl ||
324
322
  BUILD_BASE_URL ||
325
323
  inferBaseUrlFromScript(scriptEl) ||
326
324
  (typeof window !== "undefined" && window.location?.origin) ||