@bikdotai/bik-component-library 0.0.870-beta.1 → 0.0.871

package/dist/esm/components/bik-copilot/useCopilotStreamChat.js

@@ -1,23 +1,25 @@
-import { useState as I, useRef as p, useCallback as i, useEffect as Y, useMemo as gt } from "react";
-import { COPILOT_REGENERATE_PROMPT as It } from "./copilotRegenerate.js";
-import { persistCopilotTurn as ht, pruneCopilotSessions as yt, deleteCopilotSession as Ct, loadCopilotSession as Tt } from "./services/copilotDb.js";
-import { sendCopilotFeedback as Et } from "./services/copilotFeedbackClient.js";
-import { fetchCopilotMessages as wt, COPILOT_HISTORY_PAGE_SIZE as St } from "./services/copilotMessagesClient.js";
-import { resetCopilotSessionForRoute as vt, resolveCopilotSessionIdForRoute as Ot, getCopilotSessionIdForRoute as Mt } from "./services/copilotPageSession.js";
-import { readCopilotEventContent as Z, streamCopilotChat as Pt } from "./services/copilotStreamClient.js";
-import { DEFAULT_COPILOT_ROUTE as Ht, DEFAULT_COPILOT_AGENT as _t } from "./useCopilotIcebreakers.js";
-const nt = "Something went wrong. Please try again.", Nt = ({
-  storeId: a,
-  agent: H = _t,
-  route: m = Ht,
+import { useState as h, useRef as p, useCallback as a, useEffect as Y, useMemo as It } from "react";
+import { COPILOT_REGENERATE_PROMPT as ht } from "./copilotRegenerate.js";
+import { persistCopilotTurn as yt, pruneCopilotSessions as Ct, deleteCopilotSession as Tt, loadCopilotSession as Et } from "./services/copilotDb.js";
+import { sendCopilotFeedback as wt } from "./services/copilotFeedbackClient.js";
+import { fetchCopilotMessages as St, COPILOT_HISTORY_PAGE_SIZE as vt } from "./services/copilotMessagesClient.js";
+import { resetCopilotSessionForRoute as Ot, resolveCopilotSessionIdForRoute as Pt, getCopilotSessionIdForRoute as Mt } from "./services/copilotPageSession.js";
+import { readCopilotEventContent as Z, streamCopilotChat as Ht } from "./services/copilotStreamClient.js";
+import { DEFAULT_COPILOT_ROUTE as _t, DEFAULT_COPILOT_AGENT as bt } from "./useCopilotIcebreakers.js";
+const nt = "Something went wrong. Please try again.", st = (c) => c.map(
+  (m) => m.role === "assistant" ? { ...m, isRestored: !0 } : m
+), Dt = ({
+  storeId: c,
+  agent: m = bt,
+  route: R = _t,
   messagesPath: j,
   feedbackPath: q,
   user: J,
   loadHistory: K = !0,
   systemPrompt: Q,
-  sessionId: h,
+  sessionId: y,
   persist: l = !0,
-  onError: w,
+  onError: S,
   onResponseComplete: V,
   onSessionIdChange: N,
   baseUrl: _,
@@ -27,29 +29,29 @@ const nt = "Something went wrong. Please try again.", Nt = ({
   getAuthToken: L,
   fetchImpl: A
 }) => {
-  const [D, B] = I([]), [st, tt] = I(
-    h ?? null
-  ), [O, S] = I(!1), [ot, et] = I(!0), [ct, M] = I(), [ut, it] = I(), [at, F] = I(!1), [$, R] = I(!1), f = p([]), z = p(void 0), y = p(null), c = p(null), C = p(h ?? null), k = p(m);
-  k.current = m;
-  const T = p(1), P = p(!1), u = i(
+  const [D, B] = h([]), [ot, tt] = h(
+    y ?? null
+  ), [P, v] = h(!1), [ct, et] = h(!0), [ut, M] = h(), [it, at] = h(), [lt, F] = h(!1), [$, g] = h(!1), f = p([]), z = p(void 0), C = p(null), u = p(null), T = p(y ?? null), k = p(R);
+  k.current = R;
+  const E = p(1), H = p(!1), i = a(
     (t) => {
       const e = t(f.current);
       f.current = e, B(e);
     },
     []
-  ), v = i((t) => {
-    z.current = t, it(t);
-  }, []), g = i(() => {
-    const t = C.current;
-    !l || !t || ht({
+  ), O = a((t) => {
+    z.current = t, at(t);
+  }, []), I = a(() => {
+    const t = T.current;
+    !l || !t || yt({
       route: k.current,
       sessionId: t,
       messages: f.current,
       previousResponseId: z.current,
-      storeId: a,
-      agent: H
+      storeId: c,
+      agent: m
     });
-  }, [H, l, a]), U = p({
+  }, [m, l, c]), U = p({
     baseUrl: _,
     messagesPath: j,
     feedbackPath: q,
@@ -57,7 +59,7 @@ const nt = "Something went wrong. Please try again.", Nt = ({
     authToken: x,
     getAuthToken: L,
     fetchImpl: A,
-    storeId: a,
+    storeId: c,
     loadHistory: K,
     user: J
   });
@@ -69,13 +71,15 @@ const nt = "Something went wrong. Please try again.", Nt = ({
     authToken: x,
     getAuthToken: L,
     fetchImpl: A,
-    storeId: a,
+    storeId: c,
     loadHistory: K,
     user: J
   };
-  const G = i(async (t) => {
-    const e = U.current, r = C.current;
-    return !e.loadHistory || !r ? null : wt({
+  const G = a(async (t) => {
+    const e = U.current, n = T.current;
+    if (!e.loadHistory || !n)
+      return null;
+    const r = await St({
       baseUrl: e.baseUrl,
       endpointPath: e.messagesPath,
       headers: e.headers,
@@ -83,111 +87,112 @@ const nt = "Something went wrong. Please try again.", Nt = ({
       getAuthToken: e.getAuthToken,
       fetchImpl: e.fetchImpl,
       storeId: e.storeId,
-      sessionId: r,
+      sessionId: n,
       page: t,
-      pageSize: St
+      pageSize: vt
     });
+    return { ...r, messages: st(r.messages) };
   }, []);
   Y(() => {
     let t = !1;
     return (async () => {
-      c.current?.(), c.current = null, y.current = null, S(!1), M(void 0), et(!0), R(!1), P.current = !1, F(!1);
-      const r = h ?? (l ? await Ot({ route: m, storeId: a }) : Mt({ route: m, storeId: a })), n = l ? await Tt(m, r) : null;
+      u.current?.(), u.current = null, C.current = null, v(!1), M(void 0), et(!0), g(!1), H.current = !1, F(!1);
+      const n = y ?? (l ? await Pt({ route: R, storeId: c }) : Mt({ route: R, storeId: c })), r = l ? await Et(R, n) : null;
       if (!t) {
-        if (C.current = r, tt(r), f.current = n?.messages ?? [], B(f.current), v(n?.previousResponseId), et(!1), N?.(r), f.current.length > 0) {
-          T.current = 2, R(U.current.loadHistory);
+        if (T.current = n, tt(n), f.current = st(r?.messages ?? []), B(f.current), O(r?.previousResponseId), et(!1), N?.(n), f.current.length > 0) {
+          E.current = 2, g(U.current.loadHistory);
           return;
         }
-        if (!h) {
-          T.current = 1, R(!1);
+        if (!y) {
+          E.current = 1, g(!1);
           return;
         }
-        T.current = 1;
+        E.current = 1;
         try {
           const s = await G(1);
           if (t || !s)
             return;
-          T.current = 2, u(() => s.messages), R(s.hasMore);
+          E.current = 2, i(() => s.messages), g(s.hasMore);
         } catch {
-          R(!1);
+          g(!1);
         }
       }
     })(), () => {
       t = !0;
     };
   }, [
-    m,
-    a,
-    h,
+    R,
+    c,
+    y,
     l,
-    v,
-    u,
+    O,
+    i,
     G
   ]);
-  const lt = i(() => {
-    if (P.current || !$)
+  const ft = a(() => {
+    if (H.current || !$)
       return;
-    P.current = !0, F(!0);
-    const t = T.current;
+    H.current = !0, F(!0);
+    const t = E.current;
     (async () => {
       try {
         const e = await G(t);
         if (!e) {
-          R(!1);
+          g(!1);
           return;
         }
-        T.current = t + 1, R(e.hasMore), u((r) => {
-          const n = new Set(
-            r.flatMap(
+        E.current = t + 1, g(e.hasMore), i((n) => {
+          const r = new Set(
+            n.flatMap(
               (o) => o.messageId ? [o.id, o.messageId] : [o.id]
             )
           ), s = e.messages.filter(
-            (o) => !n.has(o.id)
+            (o) => !r.has(o.id)
           );
-          return s.length > 0 ? [...s, ...r] : r;
+          return s.length > 0 ? [...s, ...n] : n;
         });
       } catch (e) {
-        w?.(
+        S?.(
           e instanceof Error ? e : new Error(String(e))
         );
       } finally {
-        P.current = !1, F(!1);
+        H.current = !1, F(!1);
       }
     })();
-  }, [u, $, w, G]);
+  }, [i, $, S, G]);
   Y(() => {
-    l && yt();
-  }, [l]), Y(() => () => c.current?.(), []);
-  const E = i(
+    l && Ct();
+  }, [l]), Y(() => () => u.current?.(), []);
+  const w = a(
     (t) => {
-      const e = y.current;
-      y.current = null, e && u(
-        (r) => r.map((n) => {
-          if (n.id !== e)
-            return n;
+      const e = C.current;
+      C.current = null, e && i(
+        (n) => n.map((r) => {
+          if (r.id !== e)
+            return r;
           const s = {
-            ...n,
+            ...r,
             isStreaming: !1
           };
           return t ? t(s) : s;
         }).filter(
-          (n) => n.id !== e || n.content.length > 0 || n.wasInterrupted === !0
+          (r) => r.id !== e || r.content.length > 0 || r.wasInterrupted === !0
         )
       );
     },
-    [u]
-  ), rt = i(
+    [i]
+  ), rt = a(
     (t) => {
-      const e = y.current;
+      const e = C.current;
       if (t.type === "STREAM") {
-        const r = Z(t).text;
-        if (!e || !r)
+        const n = Z(t).text;
+        if (!e || !n)
           return;
-        u(
-          (n) => n.map(
+        i(
+          (r) => r.map(
             (s) => s.id === e ? {
               ...s,
-              content: s.content + r,
+              content: s.content + n,
               messageId: t.messageId ?? s.messageId
             } : s
           )
@@ -196,58 +201,58 @@ const nt = "Something went wrong. Please try again.", Nt = ({
       }
       if (t.type === "TEXT") {
         const {
-          text: r,
-          followUps: n,
+          text: n,
+          followUps: r,
           toolResults: s,
           responseId: o
         } = Z(t);
-        E((d) => ({
+        w((d) => ({
           ...d,
-          content: r,
+          content: n,
           messageId: t.messageId ?? d.messageId,
-          ...n ? { followUps: n } : {},
+          ...r ? { followUps: r } : {},
           // Kept on the message, not just handled in passing, so the
           // action button is still there after a reload.
           ...s ? { toolResults: s } : {}
-        })), v(o), g(), V?.({
-          text: r,
+        })), O(o), I(), V?.({
+          text: n,
           responseId: o,
-          followUps: n
+          followUps: r
         });
         return;
       }
-      t.type === "ERROR" && (M(Z(t).text || nt), E(), g());
+      t.type === "ERROR" && (M(Z(t).text || nt), w(), I());
     },
     [
-      u,
-      E,
+      i,
+      w,
       V,
-      g,
-      v
+      I,
+      O
     ]
-  ), X = i(
+  ), X = a(
     (t) => {
-      const e = t.trim(), r = C.current;
-      if (!e || !r || O)
+      const e = t.trim(), n = T.current;
+      if (!e || !n || P)
         return;
       M(void 0);
-      const n = Date.now(), s = `copilot-a-${n}`;
-      y.current = s, u((o) => [
+      const r = Date.now(), s = `copilot-a-${r}`;
+      C.current = s, i((o) => [
         ...o,
         {
-          id: `copilot-u-${n}`,
+          id: `copilot-u-${r}`,
           role: "user",
           content: e,
-          timestamp: n
+          timestamp: r
         },
         {
           id: s,
           role: "assistant",
           content: "",
-          timestamp: n + 1,
+          timestamp: r + 1,
           isStreaming: !0
         }
-      ]), S(!0), g(), c.current = Pt(
+      ]), v(!0), I(), u.current = Ht(
         {
           baseUrl: _,
           endpointPath: W,
@@ -255,123 +260,123 @@ const nt = "Something went wrong. Please try again.", Nt = ({
           authToken: x,
           getAuthToken: L,
           fetchImpl: A,
-          storeId: a,
-          agent: H,
-          route: m,
+          storeId: c,
+          agent: m,
+          route: R,
           userPrompt: e,
-          sessionId: r,
+          sessionId: n,
           previousResponseId: z.current,
           systemPrompt: Q
         },
         {
           onEvent: rt,
           onComplete: () => {
-            E(), S(!1), c.current = null, g();
+            w(), v(!1), u.current = null, I();
           },
           onError: (o) => {
-            M(o.message || nt), E(), S(!1), c.current = null, g(), w?.(o);
+            M(o.message || nt), w(), v(!1), u.current = null, I(), S?.(o);
           },
           onAbort: () => {
-            E(), S(!1), c.current = null, g();
+            w(), v(!1), u.current = null, I();
           }
         }
       );
     },
     [
-      u,
+      i,
       x,
       _,
       W,
       A,
-      H,
-      E,
+      m,
+      w,
       L,
       rt,
       b,
-      O,
-      w,
-      m,
-      g,
-      a,
+      P,
+      S,
+      R,
+      I,
+      c,
       Q
     ]
-  ), ft = i(() => {
+  ), dt = a(() => {
     f.current.some(
       (e) => e.role === "assistant" && e.content.length > 0
-    ) && X(It);
-  }, [X]), dt = i(
-    (t, e, r) => {
-      const n = U.current, s = C.current;
+    ) && X(ht);
+  }, [X]), pt = a(
+    (t, e, n) => {
+      const r = U.current, s = T.current;
       if (!s)
         return;
       const o = f.current.find(
         (d) => (d.messageId ?? d.id) === t
       );
-      Et({
-        baseUrl: n.baseUrl,
-        endpointPath: n.feedbackPath,
-        headers: n.headers,
-        authToken: n.authToken,
-        getAuthToken: n.getAuthToken,
-        fetchImpl: n.fetchImpl,
-        storeId: n.storeId,
+      wt({
+        baseUrl: r.baseUrl,
+        endpointPath: r.feedbackPath,
+        headers: r.headers,
+        authToken: r.authToken,
+        getAuthToken: r.getAuthToken,
+        fetchImpl: r.fetchImpl,
+        storeId: r.storeId,
         sessionId: s,
         messageId: t,
         feedback: e,
         route: k.current,
         reply: o?.content,
-        user: n.user,
-        reasons: r?.reasons,
-        comment: r?.comment
+        user: r.user,
+        reasons: n?.reasons,
+        comment: n?.comment
       }).catch((d) => {
-        w?.(
+        S?.(
           d instanceof Error ? d : new Error(String(d))
         );
       });
     },
-    [w]
-  ), pt = i(() => {
-    if (!c.current)
+    [S]
+  ), mt = a(() => {
+    if (!u.current)
       return;
-    const t = y.current;
-    t && u(
+    const t = C.current;
+    t && i(
       (e) => e.map(
-        (r) => r.id === t ? { ...r, wasInterrupted: !0 } : r
+        (n) => n.id === t ? { ...n, wasInterrupted: !0 } : n
       )
-    ), c.current(), c.current = null;
-  }, [u]), mt = i(() => {
-    c.current?.(), c.current = null, y.current = null, S(!1), M(void 0), T.current = 1, P.current = !1, F(!1), R(!1);
-    const t = k.current, e = C.current, r = h ?? vt({ route: t, storeId: a });
-    C.current = r, tt(r), f.current = [], B([]), v(void 0), l && e && Ct(t, e), N?.(r);
+    ), u.current(), u.current = null;
+  }, [i]), Rt = a(() => {
+    u.current?.(), u.current = null, C.current = null, v(!1), M(void 0), E.current = 1, H.current = !1, F(!1), g(!1);
+    const t = k.current, e = T.current, n = y ?? Ot({ route: t, storeId: c });
+    T.current = n, tt(n), f.current = [], B([]), O(void 0), l && e && Tt(t, e), N?.(n);
   }, [
     N,
     l,
-    h,
-    v,
-    a
-  ]), Rt = gt(
-    () => O && !D.some((t) => t.isStreaming && t.content),
-    [O, D]
+    y,
+    O,
+    c
+  ]), gt = It(
+    () => P && !D.some((t) => t.isStreaming && t.content),
+    [P, D]
   );
   return {
     messages: D,
-    sessionId: st,
-    previousResponseId: ut,
-    isStreaming: O,
-    isThinking: Rt,
-    isRestoring: ot,
-    isLoadingHistory: at,
+    sessionId: ot,
+    previousResponseId: it,
+    isStreaming: P,
+    isThinking: gt,
+    isRestoring: ct,
+    isLoadingHistory: lt,
     hasMoreHistory: $,
-    error: ct,
+    error: ut,
     sendMessage: X,
-    regenerate: ft,
-    submitFeedback: dt,
-    loadOlderMessages: lt,
-    stopStreaming: pt,
-    startNewConversation: mt
+    regenerate: dt,
+    submitFeedback: pt,
+    loadOlderMessages: ft,
+    stopStreaming: mt,
+    startNewConversation: Rt
   };
 };
 export {
-  Nt as useCopilotStreamChat
+  Dt as useCopilotStreamChat
 };
 //# sourceMappingURL=useCopilotStreamChat.js.map