@nameless26/widget 0.1.0

package/dist/index.cjs.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react");function R(t){return`nexus_widget_session_${t}`}function H(t){const r=sessionStorage.getItem(R(t));if(r)return r;const n=crypto.randomUUID();return sessionStorage.setItem(R(t),n),n}async function*W(t,r){const n=new TextDecoder;let u="";try{for(;;){if(r.aborted)return;const{done:a,value:x}=await t.read();if(a)return;u+=n.decode(x,{stream:!0});const c=u.split(`
+
+`);u=c.pop()??"";for(const y of c)for(const b of y.split(`
+`)){if(!b.startsWith("data: "))continue;const d=b.slice(6).trim();try{yield JSON.parse(d)}catch{}}}}finally{t.releaseLock()}}function D({agentId:t,baseUrl:r="http://localhost:8000/api",endUserId:n}){const[u,a]=o.useState([]),[x,c]=o.useState(!1),[y,b]=o.useState(!0),[d,h]=o.useState(null),[v,p]=o.useState(null),[m,k]=o.useState(null),s=o.useRef(H(t)),w=o.useRef(null),T=o.useCallback(async()=>{var N;(N=w.current)==null||N.abort(),b(!0),h(null);const i=new AbortController;w.current=i;try{const f=await fetch(`${r}/widget/session`,{method:"POST",signal:i.signal,headers:{"Content-Type":"application/json"},body:JSON.stringify({agentId:t,sessionId:s.current})});if(!f.ok)throw new Error(`HTTP ${f.status}`);const j=await f.json();k(j.token);const S=await fetch(`${r}/chat/history`,{method:"POST",signal:i.signal,headers:{"Content-Type":"application/json",Authorization:`Bearer ${j.token}`},body:JSON.stringify({agentId:t,sessionId:s.current})});if(!S.ok)throw new Error(`HTTP ${S.status}`);const l=await S.json();a(l.messages??[]),p(l.conversationId??null)}catch(f){(f==null?void 0:f.name)!=="AbortError"&&h("Unable to initialize widget session.")}finally{b(!1)}},[t]);o.useEffect(()=>(T(),()=>{var i;(i=w.current)==null||i.abort()}),[T]);const O=o.useCallback(()=>{var i;(i=w.current)==null||i.abort(),c(!1)},[]),P=o.useCallback(()=>{var i;(i=w.current)==null||i.abort(),a([]),p(null),h(null),c(!1),s.current=crypto.randomUUID(),k(null),T()},[T]),E=o.useCallback(async i=>{var S;if(!i.trim()||x||!m)return;(S=w.current)==null||S.abort();const N=new AbortController;w.current=N,h(null);const f=`u_${Date.now()}`,j=`a_${Date.now()}`;a(l=>[...l,{id:f,role:"user",content:i.trim()}]),c(!0);try{const l=await fetch(`${r}/chat`,{method:"POST",signal:N.signal,headers:{"Content-Type":"application/json",Authorization:`Bearer ${m}`},body:JSON.stringify({agent_id:t,message:i.trim(),session_id:s.current,end_user_id:n})});if(!l.ok||!l.body)throw new Error(`HTTP ${l.status}`);a(g=>[...g,{id:j,role:"assistant",content:""}]);const $=l.body.getReader();for await(const g of W($,N.signal))switch(g.type){case"start":p(g.conversationId);break;case"token":a(I=>I.map(C=>C.id===j?{...C,content:C.content+g.content}:C));break;case"done":break;case"error":h(g.message),a(I=>I.filter(C=>C.id!==j));break}}catch(l){if((l==null?void 0:l.name)==="AbortError")return;h("Something went wrong. Please try again."),a($=>$.filter(g=>g.id!==f&&g.id!==j))}finally{c(!1)}},[t,n,x,m]);return{messages:u,isLoading:x,historyLoading:y,error:d,conversationId:v,send:E,reset:P,cancel:O}}function _({color:t}){return e.jsx("div",{className:`flex items-end gap-1 px-3 py-2.5 rounded-2xl rounded-bl-sm w-fit\r
+                    bg-[rgba(255,255,255,0.06)]`,children:[0,1,2].map(r=>e.jsx("span",{style:{width:6,height:6,borderRadius:"50%",background:t,opacity:.6,animation:`nexusBounce 1.2s ease-in-out ${r*.2}s infinite`}},r))})}function z({msg:t,primaryColor:r}){const n=t.role==="user";return e.jsx("div",{className:`flex ${n?"justify-end":"justify-start"}`,children:e.jsx("div",{style:n?{background:r}:void 0,className:`max-w-[82%] px-3 py-2.5 rounded-2xl text-sm leading-relaxed
+                    ${n?"text-white rounded-br-sm":"bg-[rgba(255,255,255,0.06)] text-[rgba(255,255,255,0.8)] rounded-bl-sm"}`,children:t.content})})}function B({agentName:t,messages:r,isLoading:n,error:u,primaryColor:a,welcomeMessage:x,onSend:c,onReset:y,onClose:b}){const[d,h]=o.useState(""),v=o.useRef(null),p=o.useRef(null);o.useEffect(()=>{var s;(s=v.current)==null||s.scrollIntoView({behavior:"smooth"})},[r,n]),o.useEffect(()=>{var s;(s=p.current)==null||s.focus()},[]);const m=()=>{!d.trim()||n||(c(d),h(""))},k=s=>{s.key==="Enter"&&!s.shiftKey&&(s.preventDefault(),m())};return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
+        @keyframes nexusBounce {
+          0%, 80%, 100% { transform: translateY(0); }
+          40%            { transform: translateY(-5px); }
+        }
+      `}),e.jsxs("div",{style:{fontFamily:"system-ui, -apple-system, sans-serif"},className:`flex flex-col overflow-hidden rounded-2xl shadow-2xl\r
+                   border border-[rgba(255,255,255,0.08)]`,role:"dialog","aria-label":`${t} chat`,children:[e.jsxs("div",{style:{background:a},className:"flex items-center justify-between px-4 py-3 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-white/40"}),e.jsx("span",{className:"text-white text-sm font-medium",children:t})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("button",{onClick:y,"aria-label":"Start new conversation",className:`p-1.5 rounded-full text-white/60 hover:text-white\r
+                         hover:bg-white/15 transition-colors`,children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),e.jsx("path",{d:"M3 3v5h5"})]})}),e.jsx("button",{onClick:b,"aria-label":"Close chat",className:`p-1.5 rounded-full text-white/60 hover:text-white\r
+                         hover:bg-white/15 transition-colors`,children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12"})})})]})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 py-4 space-y-3 bg-[#0d0d1a]",style:{minHeight:0},children:[r.length===0&&e.jsx("div",{className:"flex justify-start",children:e.jsx("div",{className:`max-w-[82%] px-3 py-2.5 rounded-2xl rounded-bl-sm\r
+                              bg-[rgba(255,255,255,0.06)] text-sm\r
+                              text-[rgba(255,255,255,0.8)] leading-relaxed`,children:x})}),r.map(s=>e.jsx(z,{msg:s,primaryColor:a},s.id)),n&&e.jsx("div",{className:"flex justify-start",children:e.jsx(_,{color:a})}),u&&e.jsx("div",{className:"text-center text-xs text-red-400/70 py-1",children:u}),e.jsx("div",{ref:v})]}),e.jsxs("div",{className:`px-3 py-3 bg-[#0d0d1a] border-t border-[rgba(255,255,255,0.06)]\r
+                        flex items-end gap-2 shrink-0`,children:[e.jsx("textarea",{ref:p,rows:1,value:d,onChange:s=>h(s.target.value),onKeyDown:k,placeholder:"Type a message…",disabled:n,style:{resize:"none",maxHeight:100,overflowY:"auto"},className:`flex-1 bg-[rgba(255,255,255,0.05)] border border-[rgba(255,255,255,0.08)]\r
+                       rounded-xl px-3 py-2.5 text-sm text-white/80 placeholder-white/25\r
+                       focus:outline-none focus:border-[rgba(255,255,255,0.18)]\r
+                       transition-colors disabled:opacity-40`}),e.jsx("button",{onClick:m,disabled:!d.trim()||n,"aria-label":"Send message",style:{background:d.trim()&&!n?a:void 0},className:`shrink-0 w-9 h-9 rounded-xl flex items-center justify-center\r
+                       bg-[rgba(255,255,255,0.08)] transition-colors\r
+                       disabled:opacity-40 disabled:cursor-not-allowed`,children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("path",{d:"m22 2-7 20-4-9-9-4Z"}),e.jsx("path",{d:"M22 2 11 13"})]})})]})]})]})}const M=o.forwardRef(({agentId:t,baseUrl:r,primaryColor:n="#6366f1",position:u="bottom-right",welcomeMessage:a="Hi! How can I help you today?",agentName:x="Assistant",endUserId:c},y)=>{const{messages:b,isLoading:d,historyLoading:h,error:v,conversationId:p,send:m,reset:k,cancel:s}=D({agentId:t,baseUrl:r,endUserId:c});return e.jsx("div",{ref:y,style:{position:"fixed",[u==="bottom-left"?"left":"right"]:"20px",bottom:"20px",zIndex:9999,fontFamily:"system-ui, -apple-system, sans-serif"},children:e.jsx(B,{agentName:x,messages:b,isLoading:d,error:v,primaryColor:n,welcomeMessage:a,onSend:m,onReset:k,onClose:s})})});M.displayName="NexusWidget";exports.NexusWidget=M;exports.useChat=D;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { NexusWidget } from './Widget';
+export type { NexusWidgetProps, ChatMessage, UseChatOptions, ChatPanelProps, SseEvent, } from './types';
+export { useChat } from './useChat';

package/dist/index.es.js

@@ -0,0 +1,419 @@
+import { jsxs as p, Fragment as B, jsx as e } from "react/jsx-runtime";
+import { useState as k, useRef as D, useCallback as I, useEffect as H, forwardRef as E } from "react";
+function O(t) {
+  return `nexus_widget_session_${t}`;
+}
+function W(t) {
+  const s = sessionStorage.getItem(O(t));
+  if (s) return s;
+  const r = crypto.randomUUID();
+  return sessionStorage.setItem(O(t), r), r;
+}
+async function* A(t, s) {
+  const r = new TextDecoder();
+  let d = "";
+  try {
+    for (; ; ) {
+      if (s.aborted) return;
+      const { done: o, value: f } = await t.read();
+      if (o) return;
+      d += r.decode(f, { stream: !0 });
+      const l = d.split(`
+
+`);
+      d = l.pop() ?? "";
+      for (const y of l)
+        for (const b of y.split(`
+`)) {
+          if (!b.startsWith("data: ")) continue;
+          const c = b.slice(6).trim();
+          try {
+            yield JSON.parse(c);
+          } catch {
+          }
+        }
+    }
+  } finally {
+    t.releaseLock();
+  }
+}
+function J({ agentId: t, baseUrl: s = "http://localhost:8000/api", endUserId: r }) {
+  const [d, o] = k([]), [f, l] = k(!1), [y, b] = k(!0), [c, u] = k(null), [N, x] = k(null), [g, S] = k(null), n = D(W(t)), w = D(null), j = I(async () => {
+    var T;
+    (T = w.current) == null || T.abort(), b(!0), u(null);
+    const a = new AbortController();
+    w.current = a;
+    try {
+      const h = await fetch(`${s}/widget/session`, {
+        method: "POST",
+        signal: a.signal,
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          agentId: t,
+          sessionId: n.current
+        })
+      });
+      if (!h.ok)
+        throw new Error(`HTTP ${h.status}`);
+      const v = await h.json();
+      S(v.token);
+      const C = await fetch(`${s}/chat/history`, {
+        method: "POST",
+        signal: a.signal,
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${v.token}`
+        },
+        body: JSON.stringify({
+          agentId: t,
+          sessionId: n.current
+        })
+      });
+      if (!C.ok)
+        throw new Error(`HTTP ${C.status}`);
+      const i = await C.json();
+      o(i.messages ?? []), x(i.conversationId ?? null);
+    } catch (h) {
+      (h == null ? void 0 : h.name) !== "AbortError" && u("Unable to initialize widget session.");
+    } finally {
+      b(!1);
+    }
+  }, [t]);
+  H(() => (j(), () => {
+    var a;
+    (a = w.current) == null || a.abort();
+  }), [j]);
+  const P = I(() => {
+    var a;
+    (a = w.current) == null || a.abort(), l(!1);
+  }, []), _ = I(() => {
+    var a;
+    (a = w.current) == null || a.abort(), o([]), x(null), u(null), l(!1), n.current = crypto.randomUUID(), S(null), j();
+  }, [j]), z = I(
+    async (a) => {
+      var C;
+      if (!a.trim() || f || !g) return;
+      (C = w.current) == null || C.abort();
+      const T = new AbortController();
+      w.current = T, u(null);
+      const h = `u_${Date.now()}`, v = `a_${Date.now()}`;
+      o((i) => [
+        ...i,
+        { id: h, role: "user", content: a.trim() }
+      ]), l(!0);
+      try {
+        const i = await fetch(`${s}/chat`, {
+          method: "POST",
+          signal: T.signal,
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${g}`
+          },
+          body: JSON.stringify({
+            agent_id: t,
+            message: a.trim(),
+            session_id: n.current,
+            end_user_id: r
+          })
+        });
+        if (!i.ok || !i.body)
+          throw new Error(`HTTP ${i.status}`);
+        o((m) => [
+          ...m,
+          { id: v, role: "assistant", content: "" }
+        ]);
+        const M = i.body.getReader();
+        for await (const m of A(M, T.signal))
+          switch (m.type) {
+            case "start":
+              x(m.conversationId);
+              break;
+            case "token":
+              o(
+                (R) => R.map(
+                  ($) => $.id === v ? { ...$, content: $.content + m.content } : $
+                )
+              );
+              break;
+            case "done":
+              break;
+            case "error":
+              u(m.message), o(
+                (R) => R.filter(($) => $.id !== v)
+              );
+              break;
+          }
+      } catch (i) {
+        if ((i == null ? void 0 : i.name) === "AbortError") return;
+        u("Something went wrong. Please try again."), o(
+          (M) => M.filter(
+            (m) => m.id !== h && m.id !== v
+          )
+        );
+      } finally {
+        l(!1);
+      }
+    },
+    [t, r, f, g]
+  );
+  return {
+    messages: d,
+    isLoading: f,
+    historyLoading: y,
+    error: c,
+    conversationId: N,
+    send: z,
+    reset: _,
+    cancel: P
+  };
+}
+function K({ color: t }) {
+  return /* @__PURE__ */ e("div", { className: `flex items-end gap-1 px-3 py-2.5 rounded-2xl rounded-bl-sm w-fit\r
+                    bg-[rgba(255,255,255,0.06)]`, children: [0, 1, 2].map((s) => /* @__PURE__ */ e(
+    "span",
+    {
+      style: {
+        width: 6,
+        height: 6,
+        borderRadius: "50%",
+        background: t,
+        opacity: 0.6,
+        animation: `nexusBounce 1.2s ease-in-out ${s * 0.2}s infinite`
+      }
+    },
+    s
+  )) });
+}
+function L({
+  msg: t,
+  primaryColor: s
+}) {
+  const r = t.role === "user";
+  return /* @__PURE__ */ e("div", { className: `flex ${r ? "justify-end" : "justify-start"}`, children: /* @__PURE__ */ e(
+    "div",
+    {
+      style: r ? { background: s } : void 0,
+      className: `max-w-[82%] px-3 py-2.5 rounded-2xl text-sm leading-relaxed
+                    ${r ? "text-white rounded-br-sm" : "bg-[rgba(255,255,255,0.06)] text-[rgba(255,255,255,0.8)] rounded-bl-sm"}`,
+      children: t.content
+    }
+  ) });
+}
+function U({
+  agentName: t,
+  messages: s,
+  isLoading: r,
+  error: d,
+  primaryColor: o,
+  welcomeMessage: f,
+  onSend: l,
+  onReset: y,
+  onClose: b
+}) {
+  const [c, u] = k(""), N = D(null), x = D(null);
+  H(() => {
+    var n;
+    (n = N.current) == null || n.scrollIntoView({ behavior: "smooth" });
+  }, [s, r]), H(() => {
+    var n;
+    (n = x.current) == null || n.focus();
+  }, []);
+  const g = () => {
+    !c.trim() || r || (l(c), u(""));
+  }, S = (n) => {
+    n.key === "Enter" && !n.shiftKey && (n.preventDefault(), g());
+  };
+  return /* @__PURE__ */ p(B, { children: [
+    /* @__PURE__ */ e("style", { children: `
+        @keyframes nexusBounce {
+          0%, 80%, 100% { transform: translateY(0); }
+          40%            { transform: translateY(-5px); }
+        }
+      ` }),
+    /* @__PURE__ */ p(
+      "div",
+      {
+        style: { fontFamily: "system-ui, -apple-system, sans-serif" },
+        className: `flex flex-col overflow-hidden rounded-2xl shadow-2xl\r
+                   border border-[rgba(255,255,255,0.08)]`,
+        role: "dialog",
+        "aria-label": `${t} chat`,
+        children: [
+          /* @__PURE__ */ p(
+            "div",
+            {
+              style: { background: o },
+              className: "flex items-center justify-between px-4 py-3 shrink-0",
+              children: [
+                /* @__PURE__ */ p("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-white/40" }),
+                  /* @__PURE__ */ e("span", { className: "text-white text-sm font-medium", children: t })
+                ] }),
+                /* @__PURE__ */ p("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      onClick: y,
+                      "aria-label": "Start new conversation",
+                      className: `p-1.5 rounded-full text-white/60 hover:text-white\r
+                         hover:bg-white/15 transition-colors`,
+                      children: /* @__PURE__ */ p(
+                        "svg",
+                        {
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          children: [
+                            /* @__PURE__ */ e("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+                            /* @__PURE__ */ e("path", { d: "M3 3v5h5" })
+                          ]
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      onClick: b,
+                      "aria-label": "Close chat",
+                      className: `p-1.5 rounded-full text-white/60 hover:text-white\r
+                         hover:bg-white/15 transition-colors`,
+                      children: /* @__PURE__ */ e(
+                        "svg",
+                        {
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" })
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ p("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-3 bg-[#0d0d1a]", style: { minHeight: 0 }, children: [
+            s.length === 0 && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ e("div", { className: `max-w-[82%] px-3 py-2.5 rounded-2xl rounded-bl-sm\r
+                              bg-[rgba(255,255,255,0.06)] text-sm\r
+                              text-[rgba(255,255,255,0.8)] leading-relaxed`, children: f }) }),
+            s.map((n) => /* @__PURE__ */ e(L, { msg: n, primaryColor: o }, n.id)),
+            r && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ e(K, { color: o }) }),
+            d && /* @__PURE__ */ e("div", { className: "text-center text-xs text-red-400/70 py-1", children: d }),
+            /* @__PURE__ */ e("div", { ref: N })
+          ] }),
+          /* @__PURE__ */ p("div", { className: `px-3 py-3 bg-[#0d0d1a] border-t border-[rgba(255,255,255,0.06)]\r
+                        flex items-end gap-2 shrink-0`, children: [
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                ref: x,
+                rows: 1,
+                value: c,
+                onChange: (n) => u(n.target.value),
+                onKeyDown: S,
+                placeholder: "Type a message…",
+                disabled: r,
+                style: { resize: "none", maxHeight: 100, overflowY: "auto" },
+                className: `flex-1 bg-[rgba(255,255,255,0.05)] border border-[rgba(255,255,255,0.08)]\r
+                       rounded-xl px-3 py-2.5 text-sm text-white/80 placeholder-white/25\r
+                       focus:outline-none focus:border-[rgba(255,255,255,0.18)]\r
+                       transition-colors disabled:opacity-40`
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: g,
+                disabled: !c.trim() || r,
+                "aria-label": "Send message",
+                style: { background: c.trim() && !r ? o : void 0 },
+                className: `shrink-0 w-9 h-9 rounded-xl flex items-center justify-center\r
+                       bg-[rgba(255,255,255,0.08)] transition-colors\r
+                       disabled:opacity-40 disabled:cursor-not-allowed`,
+                children: /* @__PURE__ */ p(
+                  "svg",
+                  {
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "white",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    children: [
+                      /* @__PURE__ */ e("path", { d: "m22 2-7 20-4-9-9-4Z" }),
+                      /* @__PURE__ */ e("path", { d: "M22 2 11 13" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const F = E(
+  ({
+    agentId: t,
+    baseUrl: s,
+    primaryColor: r = "#6366f1",
+    position: d = "bottom-right",
+    welcomeMessage: o = "Hi! How can I help you today?",
+    agentName: f = "Assistant",
+    endUserId: l
+  }, y) => {
+    const {
+      messages: b,
+      isLoading: c,
+      historyLoading: u,
+      error: N,
+      conversationId: x,
+      send: g,
+      reset: S,
+      cancel: n
+    } = J({ agentId: t, baseUrl: s, endUserId: l });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: y,
+        style: {
+          position: "fixed",
+          [d === "bottom-left" ? "left" : "right"]: "20px",
+          bottom: "20px",
+          zIndex: 9999,
+          fontFamily: "system-ui, -apple-system, sans-serif"
+        },
+        children: /* @__PURE__ */ e(
+          U,
+          {
+            agentName: f,
+            messages: b,
+            isLoading: c,
+            error: N,
+            primaryColor: r,
+            welcomeMessage: o,
+            onSend: g,
+            onReset: S,
+            onClose: n
+          }
+        )
+      }
+    );
+  }
+);
+F.displayName = "NexusWidget";
+export {
+  F as NexusWidget,
+  J as useChat
+};

package/dist/types.d.ts

@@ -0,0 +1,42 @@
+export interface ChatMessage {
+    id: string;
+    role: "user" | "assistant";
+    content: string;
+}
+export interface UseChatOptions {
+    agentId: string;
+    baseUrl?: string;
+    endUserId?: string;
+}
+export type SseEvent = {
+    type: "start";
+    conversationId: string;
+} | {
+    type: "token";
+    content: string;
+} | {
+    type: "done";
+} | {
+    type: "error";
+    message: string;
+};
+export interface NexusWidgetProps {
+    agentId: string;
+    baseUrl?: string;
+    primaryColor?: string;
+    position?: "bottom-right" | "bottom-left";
+    welcomeMessage?: string;
+    agentName?: string;
+    endUserId?: string;
+}
+export interface ChatPanelProps {
+    agentName: string;
+    messages: ChatMessage[];
+    isLoading: boolean;
+    error: string | null;
+    primaryColor: string;
+    welcomeMessage: string;
+    onSend: (text: string) => void;
+    onReset: () => void;
+    onClose: () => void;
+}

package/dist/useChat.d.ts

@@ -0,0 +1,11 @@
+import { ChatMessage, UseChatOptions } from './types';
+export declare function useChat({ agentId, baseUrl: BASE_URL, endUserId }: UseChatOptions): {
+    messages: ChatMessage[];
+    isLoading: boolean;
+    historyLoading: boolean;
+    error: string | null;
+    conversationId: string | null;
+    send: (text: string) => Promise<void>;
+    reset: () => void;
+    cancel: () => void;
+};

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@nameless26/widget",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build && vite build --config vite.embed.config.ts",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^5.0.2"
+  }
+}