@inkeep/agents-ui 0.0.0-dev-20260508215802 → 0.0.0-dev-20260508234956

package/dist/primitives/components/embedded-chat/use-inkeep-chat.js

@@ -1,34 +1,34 @@
 "use client";
-import { useChat as at } from "@ai-sdk/react";
-import { normalizeFileType as xe } from "./file-upload-input.js";
-import { DefaultChatTransport as it } from "ai";
-import { useRef as c, useEffect as x, useState as F, useMemo as Fe, useCallback as $, useImperativeHandle as lt } from "react";
-import { useModal as ct } from "../modal/modal-provider.js";
-import { useOptionalChatBubble as ut } from "../../providers/chat-bubble-provider.js";
-import { useOptionalSidebarChat as pt } from "../../providers/sidebar-chat-provider.js";
-import { useInkeepConfig as dt } from "../../providers/config-provider.js";
-import { useCaptcha as ft } from "./use-captcha.js";
-import { useMediaQuery as mt } from "../../hooks/use-media-query.js";
-import { useAnonymousSession as gt } from "../../hooks/use-anonymous-session.js";
-import { useAuthToken as ht } from "../../hooks/use-auth-token.js";
-import { useConversationLoader as vt } from "../../hooks/use-conversation-loader.js";
-import { useInitialConversation as yt } from "../../hooks/use-initial-conversation.js";
+import { useChat as it } from "@ai-sdk/react";
+import { normalizeFileType as Oe } from "./file-upload-input.js";
+import { DefaultChatTransport as lt } from "ai";
+import { useRef as c, useEffect as x, useState as F, useMemo as _e, useCallback as $, useImperativeHandle as ct } from "react";
+import { useModal as ut } from "../modal/modal-provider.js";
+import { useOptionalChatBubble as pt } from "../../providers/chat-bubble-provider.js";
+import { useOptionalSidebarChat as dt } from "../../providers/sidebar-chat-provider.js";
+import { useInkeepConfig as ft } from "../../providers/config-provider.js";
+import { useCaptcha as mt } from "./use-captcha.js";
+import { useMediaQuery as gt } from "../../hooks/use-media-query.js";
+import { useAnonymousSession as ht } from "../../hooks/use-anonymous-session.js";
+import { useAuthToken as vt } from "../../hooks/use-auth-token.js";
+import { useConversationLoader as yt } from "../../hooks/use-conversation-loader.js";
+import { useInitialConversation as Ct } from "../../hooks/use-initial-conversation.js";
 import { generateUid as U } from "../../utils/generate-uid.js";
-import { useBaseEvents as Ct } from "../../providers/base-events-provider.js";
-import { useChatForm as At } from "../../providers/chat-form-provider.js";
-import { useWidget as St } from "../../providers/widget-provider.js";
-import { useControllableState as bt } from "@radix-ui/react-use-controllable-state";
+import { useBaseEvents as At } from "../../providers/base-events-provider.js";
+import { useChatForm as St } from "../../providers/chat-form-provider.js";
+import { useWidget as bt } from "../../providers/widget-provider.js";
+import { useControllableState as Rt } from "@radix-ui/react-use-controllable-state";
 import { useStreamingEvents as It } from "../../hooks/use-streaming-events.js";
-import { useInputNotification as Rt } from "../../hooks/use-input-notification.js";
-import { resolveStreamingAuthError as Tt, DEFAULT_ERROR_MESSAGE as ie, isRecoverableError as wt, RECOVERABLE_NOTIFICATION_DURATION_MS as Et, resolveHttpStatusCode as kt, RATE_LIMIT_MESSAGE as Mt, RECOVERABLE_FALLBACK_MESSAGE as Oe } from "./chat-error-helpers.js";
-const Xt = () => {
-  const { baseSettings: q, aiChatSettings: y } = dt(), [i = "", g] = bt({
+import { useInputNotification as wt } from "../../hooks/use-input-notification.js";
+import { resolveStreamingAuthError as Tt, DEFAULT_ERROR_MESSAGE as ce, isRecoverableError as kt, RECOVERABLE_NOTIFICATION_DURATION_MS as Et, resolveHttpStatusCode as Mt, RATE_LIMIT_MESSAGE as xt, RECOVERABLE_FALLBACK_MESSAGE as Ne } from "./chat-error-helpers.js";
+const Yt = () => {
+  const { baseSettings: q, aiChatSettings: y } = ft(), [i = "", g] = Rt({
     prop: y.conversationIdOverride,
     defaultProp: y.conversationIdOverride ?? ""
-  }), _e = ct(), Ne = ut(), Pe = pt(), { logEvent: m } = Ct(), { setConversationId: Le, emitToParent: O } = It(), le = c(i);
+  }), Pe = ut(), Le = pt(), De = dt(), { logEvent: m } = At(), { setConversationId: Be, emitToParent: O } = It(), ue = c(i);
   x(() => {
-    const e = le.current;
-    le.current = i, e !== i && m({
+    const e = ue.current;
+    ue.current = i, e !== i && m({
       eventName: "chat_conversation_changed",
       properties: {
         conversationId: i,
@@ -36,94 +36,98 @@ const Xt = () => {
       }
     });
   }, [i, m]);
-  const [C, A] = F(""), De = (e) => A(e.target.value), {
-    shouldBypassCaptcha: ce,
-    filters: ue,
-    privacyPreferences: Be,
-    userProperties: z
-  } = q, { authToken: _, isLoading: $e, refreshToken: pe } = ht(), de = !!q.getAuthToken, d = !!_, {
-    onInputMessageChange: Ue,
-    filters: fe,
+  const [C, A] = F(""), $e = (e) => A(e.target.value), {
+    shouldBypassCaptcha: pe,
+    filters: de,
+    privacyPreferences: Ue,
+    userProperties: z,
+    analyticsProperties: H
+  } = q, { authToken: _, isLoading: qe, refreshToken: fe } = vt(), me = !!q.getAuthToken, d = !!_, {
+    onInputMessageChange: ze,
+    filters: ge,
     baseUrl: N,
-    agentUrl: qe,
-    context: me,
-    headers: ge,
+    agentUrl: He,
+    context: he,
+    headers: ve,
     appId: S,
     apiKey: h,
     files: b
-  } = y, ze = _e?.isOpen ?? Ne?.isOpen ?? Pe?.isOpen ?? !0, { getCaptchaHeader: I, invalidate: u } = ft({
+  } = y, Ke = Pe?.isOpen ?? Le?.isOpen ?? De?.isOpen ?? !0, { getCaptchaHeader: R, invalidate: u } = mt({
     baseUrl: N,
-    shouldBypassCaptcha: ce || !!h,
-    shouldMakeInitialRequest: ze
-  }), he = c(I);
-  he.current = I;
-  const ve = qe || `${N}/run/api/chat`, { sessionToken: H, refreshSession: K } = gt({
+    shouldBypassCaptcha: pe || !!h,
+    shouldMakeInitialRequest: Ke
+  }), ye = c(R);
+  ye.current = R;
+  const Ce = He || `${N}/run/api/chat`, { sessionToken: K, refreshSession: J } = ht({
     baseUrl: N,
     appId: S,
-    getCaptchaHeader: I,
+    getCaptchaHeader: R,
     invalidateCaptcha: u,
-    optOutAllAnalytics: Be?.optOutAllAnalytics,
-    enabled: !d && !$e
-  }), ye = h ?? (d ? _ : H), { loadConversation: Ce } = vt({
+    optOutAllAnalytics: Ue?.optOutAllAnalytics,
+    enabled: !d && !qe
+  }), Ae = h ?? (d ? _ : K), { loadConversation: Se } = yt({
     baseUrl: N,
     appId: S,
-    authToken: ye,
-    getCaptchaHeader: I,
+    authToken: Ae,
+    getCaptchaHeader: R,
     invalidateCaptcha: u,
-    refreshSession: h || d ? void 0 : K
-  }), [He, Ae] = F(!1), G = c(null);
-  G.current = H;
-  const J = c(null);
-  J.current = _;
+    refreshSession: h || d ? void 0 : J
+  }), [Je, be] = F(!1), j = c(null);
+  j.current = K;
+  const G = c(null);
+  G.current = _;
   const V = c(void 0);
   V.current = z && Object.keys(z).length > 0 ? JSON.stringify(z) : void 0;
-  const v = c(0), j = c(null), W = c(null), R = c(void 0), Ke = b?.map(
+  const W = c(void 0);
+  W.current = H && Object.keys(H).length > 0 ? JSON.stringify(H) : void 0;
+  const v = c(0), Q = c(null), Z = c(null), I = c(void 0), je = b?.map(
     (e) => `${e.filename ?? ""}:${e.mediaType}:${e.url.length}:${e.url.slice(0, 64)}:${e.url.slice(-32)}`
   ).join(`
 `) ?? "";
   x(() => {
-    R.current = b?.length ? b : void 0;
-  }, [Ke]);
-  const Se = c(ge);
-  Se.current = ge;
-  const Q = c(void 0);
-  Q.current = ue || fe ? JSON.stringify({ ...ue, ...fe }) : void 0;
+    I.current = b?.length ? b : void 0;
+  }, [je]);
+  const Re = c(ve);
+  Re.current = ve;
+  const X = c(void 0);
+  X.current = de || ge ? JSON.stringify({ ...de, ...ge }) : void 0;
   const Ge = (e) => {
-    switch (kt(e)) {
+    switch (Mt(e)) {
       case 400:
         try {
           const t = JSON.parse(e.message ?? "");
-          return t.detail ?? t.error?.message ?? Oe;
+          return t.detail ?? t.error?.message ?? Ne;
         } catch {
-          return e.message?.trim() || Oe;
+          return e.message?.trim() || Ne;
         }
       case 401:
-        return de ? "Authentication failed. Please try again." : ie;
+        return me ? "Authentication failed. Please try again." : ce;
       case 403:
         return `There seems to be a configuration error. Please contact ${q.organizationDisplayName ?? "Administrator"}`;
       case 429:
-        return Mt;
+        return xt;
       default:
-        return ie;
+        return ce;
     }
-  }, [P, Z] = F([]), Je = Fe(
-    () => new it({
-      api: ve,
+  }, [P, Y] = F([]), Ve = _e(
+    () => new lt({
+      api: Ce,
       headers: () => {
-        const e = h ?? J.current ?? G.current;
+        const e = h ?? G.current ?? j.current;
         return {
           "x-inkeep-client-timezone": Intl.DateTimeFormat().resolvedOptions().timeZone,
           "x-inkeep-client-timestamp": (/* @__PURE__ */ new Date()).toISOString(),
           "x-inkeep-invocation-type": "chat_widget",
           ...S ? { "x-inkeep-app-id": S } : {},
           ...e ? { Authorization: `Bearer ${e}` } : {},
-          ...Q.current ? { "inkeep-filters": Q.current } : {},
+          ...X.current ? { "inkeep-filters": X.current } : {},
           ...V.current ? { "x-inkeep-user-properties": V.current } : {},
-          ...Se.current
+          ...W.current ? { "x-inkeep-properties": W.current } : {},
+          ...Re.current
         };
       },
       prepareSendMessagesRequest: async (e) => {
-        const a = await he.current(), t = e.messages[e.messages.length - 1];
+        const a = await ye.current(), t = e.messages[e.messages.length - 1];
         return t || console.warn(
           "[useInkeepChat] prepareSendMessagesRequest called with empty messages array"
         ), {
@@ -141,21 +145,20 @@ const Xt = () => {
         };
       },
       body: {
-        requestContext: me
+        requestContext: he
       }
     }),
-    [ve, me, S, h]
+    [Ce, he, S, h]
   ), {
     messages: L,
-    sendMessage: X,
-    addToolApprovalResponse: Y,
-    addToolOutput: Ve,
-    status: be,
+    sendMessage: ee,
+    addToolApprovalResponse: te,
+    status: Ie,
     setMessages: f,
     stop: D,
     error: B
-  } = at({
-    transport: Je,
+  } = it({
+    transport: Ve,
     onData(e) {
       O(e.type, e.data);
     },
@@ -174,47 +177,47 @@ const Xt = () => {
     },
     onError(e) {
       console.error("onError", { code: e.code, message: e.message });
-      const a = ce || h ? null : Tt(e);
+      const a = pe || h ? null : Tt(e);
       if (a !== null && v.current < 1) {
         v.current++;
-        const n = W.current, s = j.current;
+        const n = Z.current, s = Q.current;
         (async () => {
-          if (a === "session" && de) {
-            const l = await pe();
+          if (a === "session" && me) {
+            const l = await fe();
             if (!l) throw new Error("Auth token refresh failed");
-            J.current = l;
+            G.current = l;
           } else if (a === "session") {
-            const l = await K();
-            l && (G.current = l);
+            const l = await J();
+            l && (j.current = l);
           } else
             u();
           if (n) {
-            Y(n);
+            te(n);
             return;
           }
           s && (f((l) => {
             let r = [...l];
             return r.at(-1)?.role === "assistant" && (r = r.slice(0, -1)), r.at(-1)?.role === "user" && (r = r.slice(0, -1)), r;
-          }), X(
+          }), ee(
             s.files?.length ? { parts: [{ type: "text", text: s.content }, ...s.files] } : { text: s.content },
             { body: s.body }
           ));
         })().catch(() => {
           v.current = 0, u(), f((l) => {
-            const r = [...l], E = r[r.length - 1];
-            if (!E) return r;
-            const k = ie;
-            return E.role === "user" ? r.push({
+            const r = [...l], k = r[r.length - 1];
+            if (!k) return r;
+            const E = ce;
+            return k.role === "user" ? r.push({
               id: U(16),
               role: "assistant",
-              parts: [{ type: "text", text: k }]
-            }) : E.parts = [{ type: "text", text: k }], r;
+              parts: [{ type: "text", text: E }]
+            }) : k.parts = [{ type: "text", text: E }], r;
           });
         });
         return;
       }
       v.current = 0, a !== null && u();
-      const t = wt(e), p = Ge(e);
+      const t = kt(e), p = Ge(e);
       if (m({
         eventName: "chat_error",
         properties: {
@@ -222,15 +225,15 @@ const Xt = () => {
           error: e.message
         }
       }), t) {
-        ne(
+        ae(
           { title: "Request failed", message: p },
           Et
         ), f((s) => {
           let o = [...s];
           return o.at(-1)?.role === "assistant" && (o = o.slice(0, -1)), o.at(-1)?.role === "user" && (o = o.slice(0, -1)), o;
         });
-        const n = j.current?.content;
-        n && A(n), re.current = e;
+        const n = Q.current?.content;
+        n && A(n), oe.current = e;
         return;
       }
       f((n) => {
@@ -242,12 +245,12 @@ const Xt = () => {
         }) : o.parts = [{ type: "text", text: p }]), s;
       });
     }
-  }), Ie = c(d);
+  }), we = c(d);
   x(() => {
-    const e = Ie.current;
-    Ie.current = d, e !== d && (D(), T(null), f([]), g(""), A(""), Z([]), u());
+    const e = we.current;
+    we.current = d, e !== d && (D(), w(null), f([]), g(""), A(""), Y([]), u());
   }, [d, D, f, g, u]);
-  const Re = be === "submitted", ee = be === "streaming", je = Fe(() => {
+  const Te = Ie === "submitted", se = Ie === "streaming", We = _e(() => {
     const e = (n) => {
       if (!n || typeof n != "object") return !1;
       const s = n;
@@ -255,62 +258,62 @@ const Xt = () => {
     }, t = [...L ?? []].reverse().find((n) => n.role === "assistant");
     if (!t) return !1;
     const p = t.parts?.at(-1);
-    return !(!e(p) || p.state !== "output-available" || !p.approval?.id || ee);
-  }, [L, ee]), [We, te] = F(!1), Te = ee || je && !We, we = Re || Te, Qe = L.length === 0, se = !C.trim() && P.length === 0 || we, Ze = mt("(max-width: 768px)"), [Xe, T] = F(null), re = c(null);
+    return !(!e(p) || p.state !== "output-available" || !p.approval?.id || se);
+  }, [L, se]), [Qe, re] = F(!1), ke = se || We && !Qe, Ee = Te || ke, Ze = L.length === 0, ne = !C.trim() && P.length === 0 || Ee, Xe = gt("(max-width: 768px)"), [Ye, w] = F(null), oe = c(null);
   x(() => {
     if (B) {
-      if (re.current === B) {
-        re.current = null;
+      if (oe.current === B) {
+        oe.current = null;
         return;
       }
-      T(B);
+      w(B);
     }
   }, [B]);
-  const Ye = () => T(null), { inputNotification: et, showInputNotification: ne, clearInputNotification: tt } = Rt(), Ee = c(null);
+  const et = () => w(null), { inputNotification: tt, showInputNotification: ae, clearInputNotification: st } = wt(), Me = c(null);
   x(() => {
-    Ue?.(C);
+    ze?.(C);
   }, [C]);
-  const st = (e) => {
-    e.key === "Enter" && !e.shiftKey && !se && !e.nativeEvent.isComposing && (e.preventDefault(), oe());
-  }, oe = async (e = C) => {
-    if (se && (!e || e.trim().length === 0) && P.length === 0) return;
+  const rt = (e) => {
+    e.key === "Enter" && !e.shiftKey && !ne && !e.nativeEvent.isComposing && (e.preventDefault(), ie());
+  }, ie = async (e = C) => {
+    if (ne && (!e || e.trim().length === 0) && P.length === 0) return;
     const a = P;
-    Z([]), A(""), v.current = 0, W.current = null, te(!1), await m({
+    Y([]), A(""), v.current = 0, Z.current = null, re(!1), await m({
       eventName: "user_message_submitted",
       properties: {
         conversationId: i
       }
     });
     let t = i;
-    t || (t = `conv_${U(16)}`, g(t)), Le(t);
-    const p = R.current;
-    R.current = void 0;
+    t || (t = `conv_${U(16)}`, g(t)), Be(t);
+    const p = I.current;
+    I.current = void 0;
     let n, s;
     if (p?.length) {
       let o;
       try {
         o = await Promise.all(
           a.map((l) => {
-            const r = xe(l);
-            return new Promise((E, k) => {
+            const r = Oe(l);
+            return new Promise((k, E) => {
               const M = new FileReader();
               M.onload = () => {
                 if (typeof M.result != "string") {
-                  k(new Error(`Failed to read file "${r.name}"`));
+                  E(new Error(`Failed to read file "${r.name}"`));
                   return;
                 }
-                E({
+                k({
                   type: "file",
                   url: M.result,
                   mediaType: r.type,
                   filename: r.name
                 });
-              }, M.onerror = () => k(new Error(`Failed to read file "${r.name}"`)), M.readAsDataURL(r);
+              }, M.onerror = () => E(new Error(`Failed to read file "${r.name}"`)), M.readAsDataURL(r);
             });
           })
         );
       } catch {
-        ne({
+        ae({
           title: "Failed to attach files",
           message: "Could not read one or more files. Please try again."
         });
@@ -319,44 +322,44 @@ const Xt = () => {
       s = [...o, ...p], n = e.trim() ? { parts: [{ type: "text", text: e }, ...s] } : { parts: s };
     } else if (a.length > 0) {
       const o = new DataTransfer();
-      for (const r of a) o.items.add(xe(r));
+      for (const r of a) o.items.add(Oe(r));
       const l = o.files;
       n = e.trim() ? { text: e, files: l } : { files: l };
     } else
       n = { text: e };
-    j.current = {
+    Q.current = {
       content: e,
       body: { conversationId: t },
       files: s
-    }, X(n, {
+    }, ee(n, {
       body: { conversationId: t }
     });
-  }, rt = $(
+  }, nt = $(
     (e) => {
-      v.current = 0, W.current = e, te(!1), Y(e);
+      v.current = 0, Z.current = e, re(!1), te(e);
     },
-    [Y]
-  ), ae = $(() => {
-    te(!0), D().then(() => {
+    [te]
+  ), le = $(() => {
+    re(!0), D().then(() => {
       O("aborted", { conversationId: i });
     });
-  }, [D, i, O]), ke = () => {
-    Ye(), f([]), g(""), u(), R.current = b?.length ? b : void 0, m({
+  }, [D, i, O]), xe = () => {
+    et(), f([]), g(""), u(), I.current = b?.length ? b : void 0, m({
       eventName: "chat_clear_button_clicked",
       properties: {
         conversationId: i
       }
     });
-  }, w = $(
+  }, T = $(
     (e, a) => {
-      T(null), f(a), g(e), u(), R.current = void 0;
+      w(null), f(a), g(e), u(), I.current = void 0;
     },
     [f, g, u]
-  ), Me = $(
+  ), Fe = $(
     async (e, a) => {
-      ae(), w(e, []), Ae(!0);
+      le(), T(e, []), be(!0);
       try {
-        const t = await Ce(e, a);
+        const t = await Se(e, a);
         if (t === null) return !1;
         const n = t[t.length - 1]?.role === "user" ? [
           ...t,
@@ -371,67 +374,66 @@ const Xt = () => {
             ]
           }
         ] : t;
-        return w(e, n), !0;
+        return T(e, n), !0;
       } finally {
-        a?.aborted || Ae(!1);
+        a?.aborted || be(!1);
       }
     },
-    [w, Ce, ae]
+    [T, Se, le]
   );
-  yt({
+  Ct({
     conversationId: y.conversationId,
-    effectiveAuthToken: ye,
-    loadAndRestoreSession: Me,
-    onLoadFailed: () => w("", [])
+    effectiveAuthToken: Ae,
+    loadAndRestoreSession: Fe,
+    onLoadFailed: () => T("", [])
   });
-  const { openForm: nt } = At(), ot = St();
-  return lt(y.chatFunctionsRef, () => ({
-    submitMessage: oe,
+  const { openForm: ot } = St(), at = bt();
+  return ct(y.chatFunctionsRef, () => ({
+    submitMessage: ie,
     updateInputMessage(e) {
       A(e);
     },
-    clearChat: ke,
+    clearChat: xe,
     openForm: (e) => {
-      ot?.setView("chat"), nt(e, void 0);
+      at?.setView("chat"), ot(e, void 0);
     },
     focusInput: () => {
-      Ee.current?.focus();
+      Me.current?.focus();
     }
   })), {
     messages: L,
-    sendMessage: X,
-    addToolApprovalResponse: rt,
-    addToolOutput: Ve,
-    isLoading: Re,
-    isStreaming: Te,
-    isBusy: we,
-    error: Xe,
-    setError: T,
-    isSubmitDisabled: se,
+    sendMessage: ee,
+    addToolApprovalResponse: nt,
+    isLoading: Te,
+    isStreaming: ke,
+    isBusy: Ee,
+    error: Ye,
+    setError: w,
+    isSubmitDisabled: ne,
     input: C,
-    handleInputChange: De,
-    handleInputKeyDown: st,
-    handleSubmit: oe,
-    stop: ae,
-    clear: ke,
-    inputRef: Ee,
-    isMobile: Ze,
+    handleInputChange: $e,
+    handleInputKeyDown: rt,
+    handleSubmit: ie,
+    stop: le,
+    clear: xe,
+    inputRef: Me,
+    isMobile: Xe,
     files: P,
-    setFiles: Z,
-    isNewChat: Qe,
+    setFiles: Y,
+    isNewChat: Ze,
     conversationId: i,
-    restoreSession: w,
-    loadAndRestoreSession: Me,
-    isSessionLoading: He,
-    authToken: d ? _ : H,
-    refreshSession: d ? pe : K,
-    getCaptchaHeader: I,
+    restoreSession: T,
+    loadAndRestoreSession: Fe,
+    isSessionLoading: Je,
+    authToken: d ? _ : K,
+    refreshSession: d ? fe : J,
+    getCaptchaHeader: R,
     invalidateCaptcha: u,
-    inputNotification: et,
-    showInputNotification: ne,
-    clearInputNotification: tt
+    inputNotification: tt,
+    showInputNotification: ae,
+    clearInputNotification: st
   };
 };
 export {
-  Xt as useInkeepChat
+  Yt as useInkeepChat
 };