@brainbase-labs/chat-widget 0.1.11 → 0.1.13

package/dist/index.js

@@ -1,7 +1,7 @@
 import { useState as N, useRef as U, useEffect as Z, useCallback as x, useMemo as te } from "react";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 const oe = "bb-chat-";
-function ie(o) {
+function le(o) {
   try {
     const t = sessionStorage.getItem(`${oe}${o}`);
     return t ? JSON.parse(t) : null;
@@ -24,7 +24,7 @@ function re(o) {
   } catch {
   }
 }
-function le(o) {
+function de(o) {
   const {
     config: t,
     apiClient: s,
@@ -33,25 +33,25 @@ function le(o) {
     onSessionEnd: m,
     onMessage: c,
     onError: g
-  } = o, [l, n] = N([]), [b, M] = N([]), [A, H] = N(!1), [P, z] = N(null), [y, _] = N(null), S = U(0), K = U(!1);
+  } = o, [l, n] = N([]), [y, M] = N([]), [A, H] = N(!1), [P, z] = N(null), [b, _] = N(null), S = U(0), K = U(!1);
   Z(() => {
     if (K.current) return;
     K.current = !0;
-    const p = ie(t.embedId);
+    const p = le(t.embedId);
     p && p.status === "active" && (_(p.sessionId), n(p.messages), M(p.toolCalls), S.current = p.startTime);
   }, [t.embedId]), Z(() => {
-    y && l.length > 0 && se(t.embedId, {
-      sessionId: y,
+    b && l.length > 0 && se(t.embedId, {
+      sessionId: b,
       deploymentId: t.deploymentId,
       workerId: t.workerId,
       flowId: t.flowId,
       startTime: S.current,
       messages: l,
-      toolCalls: b,
+      toolCalls: y,
       status: "active"
     });
-  }, [y, l, b, t]);
-  const G = x(async () => (S.current = Date.now(), _(null), n([]), M([]), re(t.embedId), ""), [t.embedId]), E = x(
+  }, [b, l, y, t]);
+  const J = x(async () => (S.current = Date.now(), _(null), n([]), M([]), re(t.embedId), ""), [t.embedId]), j = x(
     (p, I, k) => {
       switch (p.type) {
         case "session": {
@@ -104,14 +104,14 @@ function le(o) {
         case "completed": {
           n(
             (d) => d.map((h) => h.id === I ? { ...h, status: "sent" } : h)
-          ), y && se(t.embedId, {
-            sessionId: y,
+          ), b && se(t.embedId, {
+            sessionId: b,
             deploymentId: t.deploymentId,
             workerId: t.workerId,
             flowId: t.flowId,
             startTime: S.current,
             messages: l,
-            toolCalls: b,
+            toolCalls: y,
             status: "completed"
           });
           break;
@@ -131,7 +131,7 @@ function le(o) {
         }
       }
     },
-    [t, y, l, b, u]
+    [t, b, l, y, u]
   ), T = x(
     async (p, I, k) => {
       const d = p.getReader(), h = new TextDecoder();
@@ -143,16 +143,16 @@ function le(o) {
           for (a += h.decode(B, { stream: !0 }); a.includes(`
 
 `); ) {
-            const [v, j] = a.split(`
+            const [v, V] = a.split(`
 
 `, 2);
-            a = j;
+            a = V;
             for (const ne of v.split(`
 `))
               if (ne.startsWith("data: "))
                 try {
-                  const ce = JSON.parse(ne.slice(6));
-                  E(ce, I, k);
+                  const ie = JSON.parse(ne.slice(6));
+                  j(ie, I, k);
                 } catch {
                 }
           }
@@ -161,7 +161,7 @@ function le(o) {
         d.releaseLock();
       }
     },
-    [E]
+    [j]
   ), ee = x(
     async (p) => {
       if (!p.trim()) return;
@@ -188,12 +188,12 @@ function le(o) {
         if (r) {
           const a = s.sendMessage(p);
           for await (const f of a)
-            E(f, k, h);
+            j(f, k, h);
         } else {
           const a = await s.sendMessage({
             embedId: t.embedId,
             message: p,
-            sessionId: y ?? void 0
+            sessionId: b ?? void 0
           });
           await T(a, k, h);
         }
@@ -214,51 +214,51 @@ function le(o) {
       }
     },
     [
-      y,
+      b,
       s,
       r,
       t.embedId,
-      E,
+      j,
       T,
       c,
       g
     ]
-  ), J = x(async () => {
-    if (!y) return;
+  ), G = x(async () => {
+    if (!b) return;
     const p = {
-      sessionId: y,
+      sessionId: b,
       deploymentId: t.deploymentId,
       workerId: t.workerId,
       flowId: t.flowId,
       startTime: S.current,
       messages: l,
-      toolCalls: b,
+      toolCalls: y,
       status: "completed"
     };
     m == null || m(p), re(t.embedId), _(null), n([]), M([]);
   }, [
-    y,
+    b,
     t,
     l,
-    b,
+    y,
     m
-  ]), F = x(() => {
+  ]), O = x(() => {
     n([]), M([]);
   }, []);
   return {
     messages: l,
-    toolCalls: b,
+    toolCalls: y,
     isLoading: A,
     error: P,
-    sessionId: y,
+    sessionId: b,
     sendMessage: ee,
-    endSession: J,
-    clearMessages: F,
-    startNewSession: G
+    endSession: G,
+    clearMessages: O,
+    startNewSession: J
   };
 }
-const de = "https://whatsapp-based-server.onrender.com";
-function ue(o = de) {
+const ce = "https://chat-embed-deployment.onrender.com";
+function ue(o = ce) {
   return {
     async getDeploymentConfig(t) {
       const s = await fetch(`${o}/chat/config/${t}`);
@@ -356,14 +356,14 @@ const me = {
     delay: 1e3
   }
 ];
-function O(o) {
+function F(o) {
   return new Promise((t) => setTimeout(t, o));
 }
 function pe(o, t) {
   const s = { ...me, ...o }, r = t ?? ge, u = `mock-session-${Date.now()}`;
   return {
     async getDeploymentConfig(m) {
-      return await O(300), s;
+      return await F(300), s;
     },
     async *sendMessage(m) {
       yield {
@@ -374,7 +374,7 @@ function pe(o, t) {
       const c = r.find(
         (n) => typeof n.trigger == "string" ? m.toLowerCase().includes(n.trigger.toLowerCase()) : n.trigger.test(m)
       ) ?? r[r.length - 1];
-      if (await O(c.delay ?? 500), c.toolCalls)
+      if (await F(c.delay ?? 500), c.toolCalls)
         for (const n of c.toolCalls)
           yield {
             type: "tool_call",
@@ -383,14 +383,14 @@ function pe(o, t) {
               args: n.arguments
             },
             timestamp: Date.now()
-          }, await O(300), yield {
+          }, await F(300), yield {
             type: "tool_call",
             data: {
               function: n.name,
               result: n.result
             },
             timestamp: Date.now()
-          }, await O(200);
+          }, await F(200);
       const g = c.response.split(" ");
       let l = "";
       for (const n of g)
@@ -398,7 +398,7 @@ function pe(o, t) {
           type: "message",
           data: { content: l, role: "assistant" },
           timestamp: Date.now()
-        }, await O(30 + Math.random() * 40);
+        }, await F(30 + Math.random() * 40);
       yield {
         type: "done",
         data: { session_id: u },
@@ -463,12 +463,12 @@ const q = ({
       )
     ]
   }
-), he = "_header_1p6z5_1", _e = "_compact_1p6z5_9", fe = "_headerBackground_1p6z5_20", be = "_headerContent_1p6z5_59", ye = "_topRow_1p6z5_64", we = "_agentInfo_1p6z5_79", Ce = "_agentLogo_1p6z5_85", ke = "_agentLogoPlaceholder_1p6z5_102", ve = "_brainbaseLogo_1p6z5_123", Ie = "_agentName_1p6z5_137", Ne = "_actions_1p6z5_144", Le = "_actionButton_1p6z5_149", $e = "_welcomeText_1p6z5_183", Be = "_title_1p6z5_202", xe = "_subtitle_1p6z5_210", w = {
+), he = "_header_1p6z5_1", _e = "_compact_1p6z5_9", fe = "_headerBackground_1p6z5_20", ye = "_headerContent_1p6z5_59", be = "_topRow_1p6z5_64", we = "_agentInfo_1p6z5_79", Ce = "_agentLogo_1p6z5_85", ke = "_agentLogoPlaceholder_1p6z5_102", ve = "_brainbaseLogo_1p6z5_123", Ie = "_agentName_1p6z5_137", Ne = "_actions_1p6z5_144", Le = "_actionButton_1p6z5_149", $e = "_welcomeText_1p6z5_183", Be = "_title_1p6z5_202", xe = "_subtitle_1p6z5_210", w = {
   header: he,
   compact: _e,
   headerBackground: fe,
-  headerContent: be,
-  topRow: ye,
+  headerContent: ye,
+  topRow: be,
   agentInfo: we,
   agentLogo: Ce,
   agentLogoPlaceholder: ke,
@@ -559,19 +559,19 @@ const q = ({
       ] })
     ] })
   ] });
-}, Se = "_messageWrapper_c86gj_1", Te = "_user_c86gj_19", We = "_assistant_c86gj_24", De = "_avatar_c86gj_28", He = "_avatarPlaceholder_c86gj_43", Pe = "_brainbaseLogo_c86gj_53", Ee = "_messageBubble_c86gj_58", je = "_error_c86gj_76", Ve = "_content_c86gj_81", Ae = "_cursor_c86gj_88", ze = "_errorIndicator_c86gj_107", L = {
+}, Se = "_messageWrapper_c86gj_1", Te = "_user_c86gj_19", We = "_assistant_c86gj_24", De = "_avatar_c86gj_28", He = "_avatarPlaceholder_c86gj_43", Pe = "_brainbaseLogo_c86gj_53", je = "_messageBubble_c86gj_58", Ve = "_error_c86gj_76", Ee = "_content_c86gj_81", Ae = "_cursor_c86gj_88", ze = "_errorIndicator_c86gj_107", L = {
   messageWrapper: Se,
   user: Te,
   assistant: We,
   avatar: De,
   avatarPlaceholder: He,
   brainbaseLogo: Pe,
-  messageBubble: Ee,
-  error: je,
-  content: Ve,
+  messageBubble: je,
+  error: Ve,
+  content: Ee,
   cursor: Ae,
   errorIndicator: ze
-}, Fe = ({
+}, Oe = ({
   message: o,
   agentName: t,
   agentLogoUrl: s
@@ -614,15 +614,15 @@ const q = ({
       ]
     }
   );
-}, Oe = "_toolCall_1wby1_1", Re = "_iconWrapper_1wby1_24", Ue = "_spinner_1wby1_33", Ze = "_checkIcon_1wby1_48", qe = "_errorIcon_1wby1_54", Ke = "_content_1wby1_60", Ge = "_label_1wby1_66", Je = "_name_1wby1_73", Ye = "_pending_1wby1_78", Xe = "_completed_1wby1_82", Qe = "_error_1wby1_54", $ = {
-  toolCall: Oe,
+}, Fe = "_toolCall_1wby1_1", Re = "_iconWrapper_1wby1_24", Ue = "_spinner_1wby1_33", Ze = "_checkIcon_1wby1_48", qe = "_errorIcon_1wby1_54", Ke = "_content_1wby1_60", Je = "_label_1wby1_66", Ge = "_name_1wby1_73", Ye = "_pending_1wby1_78", Xe = "_completed_1wby1_82", Qe = "_error_1wby1_54", $ = {
+  toolCall: Fe,
   iconWrapper: Re,
   spinner: Ue,
   checkIcon: Ze,
   errorIcon: qe,
   content: Ke,
-  label: Ge,
-  name: Je,
+  label: Je,
+  name: Ge,
   pending: Ye,
   completed: Xe,
   error: Qe
@@ -719,7 +719,7 @@ const q = ({
       /* @__PURE__ */ e("p", { className: Y.emptyText, children: "Start a conversation" })
     ] }),
     o.map((n) => /* @__PURE__ */ e(
-      Fe,
+      Oe,
       {
         message: n,
         agentName: r,
@@ -737,7 +737,7 @@ const q = ({
   textarea: ht,
   sendButton: _t,
   hint: ft
-}, bt = ({
+}, yt = ({
   onSend: o,
   disabled: t = !1,
   placeholder: s = "Send a message..."
@@ -752,8 +752,8 @@ const q = ({
   const g = x(
     (n) => {
       n == null || n.preventDefault();
-      const b = r.trim();
-      b && !t && (o(b), u(""), m.current && (m.current.style.height = "auto"));
+      const y = r.trim();
+      y && !t && (o(y), u(""), m.current && (m.current.style.height = "auto"));
     },
     [r, t, o]
   ), l = x(
@@ -806,8 +806,8 @@ const q = ({
       " for new line"
     ] })
   ] });
-}, yt = "_poweredBy_9jh5q_1", wt = "_logo_9jh5q_20", Ct = "_poweredText_9jh5q_24", kt = "_text_9jh5q_36", X = {
-  poweredBy: yt,
+}, bt = "_poweredBy_9jh5q_1", wt = "_logo_9jh5q_20", Ct = "_poweredText_9jh5q_24", kt = "_text_9jh5q_36", X = {
+  poweredBy: bt,
   logo: wt,
   poweredText: Ct,
   text: kt
@@ -896,7 +896,7 @@ const q = ({
   onNewChat: c
 }) => {
   var H;
-  const [g, l] = N(!1), n = t.length > 0, b = () => {
+  const [g, l] = N(!1), n = t.length > 0, y = () => {
     l(!0);
   }, M = () => {
     l(!1), c == null || c();
@@ -912,7 +912,7 @@ const q = ({
         welcomeTitle: o.welcomeMessage || "Hello there.",
         welcomeSubtitle: o.welcomeMessage ? void 0 : "How can we help?",
         onClose: m,
-        onNewChatRequest: b,
+        onNewChatRequest: y,
         showNewChatButton: n,
         compact: n
       }
@@ -929,7 +929,7 @@ const q = ({
         }
       ),
       /* @__PURE__ */ e(
-        bt,
+        yt,
         {
           onSend: u,
           disabled: r,
@@ -962,11 +962,11 @@ const q = ({
       ] })
     ] }) })
   ] });
-}, Dt = "_toggleButton_11dqz_1", Ht = "_icon_11dqz_31", Pt = "_agentLogo_11dqz_36", Et = "_unreadBadge_11dqz_43", Q = {
+}, Dt = "_toggleButton_11dqz_1", Ht = "_icon_11dqz_31", Pt = "_agentLogo_11dqz_36", jt = "_unreadBadge_11dqz_43", Q = {
   toggleButton: Dt,
   icon: Ht,
   agentLogo: Pt,
-  unreadBadge: Et
+  unreadBadge: jt
 }, ae = ({
   onClick: o,
   agentLogoUrl: t,
@@ -1001,20 +1001,20 @@ const q = ({
       s > 0 && /* @__PURE__ */ e("span", { className: Q.unreadBadge, children: s > 9 ? "9+" : s })
     ]
   }
-), jt = "_container_kgfgt_1", Vt = "_header_kgfgt_25", At = "_logoWrapper_kgfgt_38", zt = "_logo_kgfgt_38", Ft = "_closeButton_kgfgt_51", Ot = "_content_kgfgt_74", Rt = "_iconWrapper_kgfgt_84", Ut = "_errorIcon_kgfgt_95", Zt = "_title_kgfgt_101", qt = "_description_kgfgt_109", Kt = "_retryButton_kgfgt_117", Gt = "_footer_kgfgt_139", Jt = "_poweredBy_kgfgt_146", Yt = "_footerLogo_kgfgt_160", C = {
-  container: jt,
-  header: Vt,
+), Vt = "_container_kgfgt_1", Et = "_header_kgfgt_25", At = "_logoWrapper_kgfgt_38", zt = "_logo_kgfgt_38", Ot = "_closeButton_kgfgt_51", Ft = "_content_kgfgt_74", Rt = "_iconWrapper_kgfgt_84", Ut = "_errorIcon_kgfgt_95", Zt = "_title_kgfgt_101", qt = "_description_kgfgt_109", Kt = "_retryButton_kgfgt_117", Jt = "_footer_kgfgt_139", Gt = "_poweredBy_kgfgt_146", Yt = "_footerLogo_kgfgt_160", C = {
+  container: Vt,
+  header: Et,
   logoWrapper: At,
   logo: zt,
-  closeButton: Ft,
-  content: Ot,
+  closeButton: Ot,
+  content: Ft,
   iconWrapper: Rt,
   errorIcon: Ut,
   title: Zt,
   description: qt,
   retryButton: Kt,
-  footer: Gt,
-  poweredBy: Jt,
+  footer: Jt,
+  poweredBy: Gt,
   footerLogo: Yt
 }, Xt = ({
   errorType: o,
@@ -1148,14 +1148,14 @@ const q = ({
       }
     ) })
   ] });
-}, Qt = "_widget_1ehud_1", eo = "_inline_1ehud_25", V = {
+}, Qt = "_widget_1ehud_1", eo = "_inline_1ehud_25", E = {
   widget: Qt,
   "bottom-right": "_bottom-right_1ehud_10",
   "bottom-left": "_bottom-left_1ehud_17",
   inline: eo
-}, to = "https://whatsapp-based-server.onrender.com", so = ({
+}, no = ({
   embedId: o,
-  apiBaseUrl: t = to,
+  apiBaseUrl: t = ce,
   mockMode: s = !1,
   mockResponses: r,
   position: u = "bottom-right",
@@ -1164,19 +1164,19 @@ const q = ({
   agentName: g,
   welcomeMessage: l,
   showBranding: n,
-  className: b,
+  className: y,
   onSessionStart: M,
   onSessionEnd: A,
   onMessage: H,
   onError: P
 }) => {
-  const [z, y] = N(m), [_, S] = N(null), [K, G] = N(!0), [E, T] = N(null), [ee, J] = N(), F = te(() => s ? pe(
+  const [z, b] = N(m), [_, S] = N(null), [K, J] = N(!0), [j, T] = N(null), [ee, G] = N(), O = te(() => s ? pe(
     { primaryColor: c, agentName: g, welcomeMessage: l },
     r
   ) : ue(t), [s, c, g, l, r, t]), p = x(async () => {
-    G(!0), T(null), J(void 0);
+    J(!0), T(null), G(void 0);
     try {
-      const v = await F.getDeploymentConfig(o);
+      const v = await O.getDeploymentConfig(o);
       S({
         ...v,
         // Allow prop overrides
@@ -1189,8 +1189,8 @@ const q = ({
         }
       });
     } catch (v) {
-      const j = v instanceof Error ? v : new Error("Failed to load config");
-      j.message.includes("404") ? (T("not_found"), J("The chat widget with this embed ID was not found.")) : j.message.includes("Failed to fetch") || j.message.includes("network") ? T("network") : T("unknown"), s && (S({
+      const V = v instanceof Error ? v : new Error("Failed to load config");
+      V.message.includes("404") ? (T("not_found"), G("The chat widget with this embed ID was not found.")) : V.message.includes("Failed to fetch") || V.message.includes("network") ? T("network") : T("unknown"), s && (S({
         embedId: o,
         deploymentId: "mock-deployment",
         workerId: "mock-worker",
@@ -1198,11 +1198,11 @@ const q = ({
         primaryColor: c ?? "#1a1a2e",
         agentName: g ?? "AI Assistant",
         styling: n !== void 0 ? { showBranding: n } : void 0
-      }), T(null)), P == null || P(j);
+      }), T(null)), P == null || P(V);
     } finally {
-      G(!1);
+      J(!1);
     }
-  }, [o, s, F, c, g, l, P]);
+  }, [o, s, O, c, g, l, P]);
   Z(() => {
     p();
   }, [p]);
@@ -1217,9 +1217,9 @@ const q = ({
     styling: n !== void 0 ? {
       showBranding: n
     } : void 0
-  }, [_, o, c, g, l, n]), k = le({
+  }, [_, o, c, g, l, n]), k = de({
     config: I,
-    apiClient: F,
+    apiClient: O,
     mockMode: s,
     onSessionStart: M,
     onSessionEnd: A,
@@ -1233,19 +1233,19 @@ const q = ({
   ), h = () => {
     k.endSession(), k.startNewSession();
   }, a = () => {
-    y(!1);
+    b(!1);
   }, f = () => {
     p();
   }, B = u === "inline";
-  return K ? null : E && !s ? !B && !z ? /* @__PURE__ */ e(
+  return K ? null : j && !s ? !B && !z ? /* @__PURE__ */ e(
     "div",
     {
-      className: `${V.widget} ${V[u]} ${b ?? ""}`,
+      className: `${E.widget} ${E[u]} ${y ?? ""}`,
       style: d,
       children: /* @__PURE__ */ e(
         ae,
         {
-          onClick: () => y(!0),
+          onClick: () => b(!0),
           agentName: g
         }
       )
@@ -1253,12 +1253,12 @@ const q = ({
   ) : /* @__PURE__ */ e(
     "div",
     {
-      className: `${V.widget} ${V[u]} ${b ?? ""}`,
+      className: `${E.widget} ${E[u]} ${y ?? ""}`,
       style: d,
       children: /* @__PURE__ */ e(
         Xt,
         {
-          errorType: E,
+          errorType: j,
           message: ee,
           onRetry: f,
           onClose: B ? void 0 : a
@@ -1268,7 +1268,7 @@ const q = ({
   ) : /* @__PURE__ */ e(
     "div",
     {
-      className: `${V.widget} ${V[u]} ${b ?? ""}`,
+      className: `${E.widget} ${E[u]} ${y ?? ""}`,
       style: d,
       children: z || B ? /* @__PURE__ */ e(
         Wt,
@@ -1283,7 +1283,7 @@ const q = ({
       ) : /* @__PURE__ */ e(
         ae,
         {
-          onClick: () => y(!0),
+          onClick: () => b(!0),
           agentName: _ == null ? void 0 : _.agentName,
           agentLogoUrl: _ == null ? void 0 : _.agentLogoUrl
         }
@@ -1291,7 +1291,7 @@ const q = ({
     }
   );
 };
-function ro() {
+function so() {
   if (typeof crypto < "u" && crypto.randomUUID)
     return `bb-${crypto.randomUUID()}`;
   const o = Date.now().toString(36), t = Math.random().toString(36).substring(2, 15), s = Math.random().toString(36).substring(2, 15);
@@ -1301,17 +1301,17 @@ export {
   Wt as ChatContainer,
   Me as ChatHeader,
   ae as ChatToggleButton,
-  so as ChatWidget,
-  Fe as Message,
-  bt as MessageInput,
+  no as ChatWidget,
+  Oe as Message,
+  yt as MessageInput,
   mt as MessageList,
   et as ToolCallDisplay,
   ct as TypingIndicator,
   re as clearSession,
   ue as createAPIClient,
   pe as createMockAPIClient,
-  ro as generateSessionId,
-  ie as getStoredSession,
+  so as generateSessionId,
+  le as getStoredSession,
   se as storeSession,
-  le as useChat
+  de as useChat
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brainbase-labs/chat-widget",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "A React chat widget for embedding Brainbase Labs AI agents in your applications",
   "author": "Brainbase Labs <hello@brainbaselabs.com>",
   "license": "MIT",