@inkeep/agents-ui 0.17.7 → 0.17.8

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

@@ -2,7 +2,7 @@
 import { useChat as lt } from "@ai-sdk/react";
 import { normalizeFileType as ut } from "./file-upload-input.js";
 import { DefaultChatTransport as dt } from "ai";
-import { useRef as i, useEffect as _, useState as k, useMemo as Oe, useCallback as $, useImperativeHandle as pt } from "react";
+import { useRef as i, useEffect as b, useState as k, useMemo as Oe, useCallback as $, useImperativeHandle as pt } from "react";
 import { useInkeepConfig as ft } from "../../providers/config-provider.js";
 import { useChatAuth as mt } from "../../providers/chat-auth-provider.js";
 import { useMediaQuery as gt } from "../../hooks/use-media-query.js";
@@ -12,16 +12,16 @@ import { generateUid as F } from "../../utils/generate-uid.js";
 import { useBaseEvents as yt } from "../../providers/base-events-provider.js";
 import { useChatForm as Rt } from "../../providers/chat-form-provider.js";
 import { useWidget as Et } from "../../providers/widget-provider.js";
-import { useControllableState as It } from "@radix-ui/react-use-controllable-state";
-import { useStreamingEvents as St } from "../../hooks/use-streaming-events.js";
+import { useControllableState as St } from "@radix-ui/react-use-controllable-state";
+import { useStreamingEvents as It } from "../../hooks/use-streaming-events.js";
 import { useInputNotification as Ct } from "../../hooks/use-input-notification.js";
-import { resolveStreamingAuthError as At, DEFAULT_ERROR_MESSAGE as ne, isRecoverableError as Tt, isNetworkError as Ne, RECOVERABLE_NOTIFICATION_DURATION_MS as Pe, PAYLOAD_TOO_LARGE_MESSAGE as oe, RATE_LIMIT_MESSAGE as Be, NETWORK_ERROR_MESSAGE as De, NETWORK_ERROR_WITH_FILES_MESSAGE as Le, resolveHttpStatusCode as wt, RECOVERABLE_FALLBACK_MESSAGE as $e, estimateRequestBodyBytes as bt, MAX_REQUEST_BODY_BYTES as Mt } from "./chat-error-helpers.js";
-const Wt = () => {
-  const { baseSettings: ae, aiChatSettings: v } = ft(), [c = "", y] = It({
+import { resolveStreamingAuthError as At, DEFAULT_ERROR_MESSAGE as ne, isRecoverableError as Tt, isNetworkError as Ne, RECOVERABLE_NOTIFICATION_DURATION_MS as Pe, PAYLOAD_TOO_LARGE_MESSAGE as oe, RATE_LIMIT_MESSAGE as Be, NETWORK_ERROR_MESSAGE as De, NETWORK_ERROR_WITH_FILES_MESSAGE as Le, resolveHttpStatusCode as _t, RECOVERABLE_FALLBACK_MESSAGE as $e, estimateRequestBodyBytes as wt, MAX_REQUEST_BODY_BYTES as Mt } from "./chat-error-helpers.js";
+const bt = 50, jt = () => {
+  const { baseSettings: ae, aiChatSettings: v } = ft(), [c = "", y] = St({
     prop: v.conversationIdOverride,
     defaultProp: v.conversationIdOverride ?? ""
-  }), { logEvent: g } = yt(), { setConversationId: Ue, emitToParent: x } = St(), ie = i(c);
-  _(() => {
+  }), { logEvent: g } = yt(), { setConversationId: Ue, emitToParent: x } = It(), ie = i(c);
+  b(() => {
     const e = ie.current;
     ie.current = c, e !== c && g({
       eventName: "chat_conversation_changed",
@@ -32,7 +32,7 @@ const Wt = () => {
     });
   }, [c, g]);
   const [C, A] = k(""), Ge = (e) => A(e.target.value), {
-    shouldBypassCaptcha: Ke,
+    shouldBypassCaptcha: He,
     filters: ce,
     userProperties: U,
     analyticsProperties: G
@@ -46,30 +46,30 @@ const Wt = () => {
     getCaptchaHeader: O,
     invalidateCaptcha: d,
     effectiveAuthToken: me,
-    applicableRefreshSession: ze
+    applicableRefreshSession: Ke
   } = mt(), {
-    onInputMessageChange: He,
+    onInputMessageChange: ze,
     filters: ge,
     baseUrl: he,
     agentUrl: qe,
     context: ve,
     headers: ye,
     appId: N,
-    apiKey: K,
+    apiKey: H,
     files: T
   } = v, Re = i(O);
   Re.current = O;
-  const Ee = qe || `${he}/run/api/chat`, { loadConversation: Ie } = ht({
+  const Ee = qe || `${he}/run/api/chat`, { loadConversation: Se } = ht({
     baseUrl: he,
     appId: N,
     authToken: me,
     getCaptchaHeader: O,
     invalidateCaptcha: d,
-    refreshSession: ze
-  }), [We, Se] = k(!1), z = i(null);
-  z.current = pe;
-  const H = i(null);
-  H.current = le;
+    refreshSession: Ke
+  }), [We, Ie] = k(!1), K = i(null);
+  K.current = pe;
+  const z = i(null);
+  z.current = le;
   const q = i(void 0);
   q.current = U && Object.keys(U).length > 0 ? U : void 0;
   const W = i(void 0);
@@ -78,7 +78,7 @@ const Wt = () => {
     (e) => `${e.filename ?? ""}:${e.mediaType}:${e.url.length}:${e.url.slice(0, 64)}:${e.url.slice(-32)}`
   ).join(`
 `) ?? "";
-  _(() => {
+  b(() => {
     h.current = T?.length ? T : void 0;
   }, [je]);
   const Ce = i(ye);
@@ -88,11 +88,11 @@ const Wt = () => {
   const Ve = (e) => {
     if (Ne(e))
       return P.current?.files?.length ? Le : De;
-    switch (wt(e)) {
+    switch (_t(e)) {
       case 400:
         try {
-          const t = JSON.parse(e.message ?? "");
-          return t.detail ?? t.error?.message ?? $e;
+          const s = JSON.parse(e.message ?? "");
+          return s.detail ?? s.error?.message ?? $e;
         } catch {
           return e.message?.trim() || $e;
         }
@@ -107,11 +107,11 @@ const Wt = () => {
       default:
         return ne;
     }
-  }, [I, Y] = k([]), Ye = Oe(
+  }, [S, Y] = k([]), Ye = Oe(
     () => new dt({
       api: Ee,
       headers: () => {
-        const e = K ?? H.current ?? z.current;
+        const e = H ?? z.current ?? K.current;
         return {
           "x-inkeep-client-timezone": Intl.DateTimeFormat().resolvedOptions().timeZone,
           "x-inkeep-client-timestamp": (/* @__PURE__ */ new Date()).toISOString(),
@@ -123,14 +123,14 @@ const Wt = () => {
         };
       },
       prepareSendMessagesRequest: async (e) => {
-        const l = await Re.current(), t = e.messages[e.messages.length - 1];
-        return t || console.warn(
+        const l = await Re.current(), s = e.messages[e.messages.length - 1];
+        return s || console.warn(
           "[useInkeepChat] prepareSendMessagesRequest called with empty messages array"
         ), {
           body: {
             ...e.body,
             id: e.id,
-            messages: t ? [t] : [],
+            messages: s ? [s] : [],
             trigger: e.trigger,
             messageId: e.messageId,
             ...q.current ? { userProperties: q.current } : {},
@@ -146,9 +146,9 @@ const Wt = () => {
         requestContext: ve
       }
     }),
-    [Ee, ve, N, K]
+    [Ee, ve, N, H]
   ), {
-    messages: w,
+    messages: _,
     sendMessage: J,
     addToolApprovalResponse: Q,
     status: Ae,
@@ -157,6 +157,12 @@ const Wt = () => {
     error: D
   } = lt({
     transport: Ye,
+    // The SDK notifies React once per streamed chunk, which at typical token
+    // rates is 20-60 renders/sec of the whole chat tree. Coalescing to ~20fps
+    // is imperceptible while streaming text but caps the render work that grows
+    // with conversation length. Does not affect what is streamed, only how
+    // often React is told about it.
+    experimental_throttle: bt,
     onData(e) {
       x(e.type, e.data);
     },
@@ -177,36 +183,36 @@ const Wt = () => {
     },
     onError(e) {
       console.error("onError", { code: e.code, message: e.message });
-      const l = Ke || K ? null : At(e);
+      const l = He || H ? null : At(e);
       if (l !== null && E.current < 1) {
         E.current++;
-        const o = j.current, r = P.current;
+        const o = j.current, t = P.current;
         (async () => {
           if (l === "session" && ue) {
             const n = await de();
             if (!n) throw new Error("Auth token refresh failed");
-            H.current = n;
+            z.current = n;
           } else if (l === "session") {
             const n = await fe();
-            n && (z.current = n);
+            n && (K.current = n);
           } else
             d();
           if (o) {
             Q(o);
             return;
           }
-          r && (m((n) => {
+          t && (m((n) => {
             let a = [...n];
             return a.at(-1)?.role === "assistant" && (a = a.slice(0, -1)), a.at(-1)?.role === "user" && (a = a.slice(0, -1)), a;
           }), J(
             {
-              id: r.messageId,
+              id: t.messageId,
               parts: [
-                ...r.content.trim() ? [{ type: "text", text: r.content }] : [],
-                ...r.files ?? []
+                ...t.content.trim() ? [{ type: "text", text: t.content }] : [],
+                ...t.files ?? []
               ]
             },
-            { body: r.body }
+            { body: t.body }
           ));
         })().catch(() => {
           E.current = 0, d(), m((n) => {
@@ -217,77 +223,80 @@ const Wt = () => {
               id: F(16),
               role: "assistant",
               parts: [{ type: "text", text: u }]
-            }) : f.parts = [{ type: "text", text: u }], a;
+            }) : a[a.length - 1] = { ...f, parts: [{ type: "text", text: u }] }, a;
           });
         });
         return;
       }
       E.current = 0, l !== null && d();
-      const t = Tt(e) || Ne(e), s = Ve(e);
+      const s = Tt(e) || Ne(e), r = Ve(e);
       if (g({
         eventName: "chat_error",
         properties: {
           conversationId: c,
-          messageId: w.at(-1)?.id,
+          messageId: _.at(-1)?.id,
           error: e.message
         }
-      }), t) {
+      }), s) {
         L(
-          { title: s === oe ? "Message too large" : s === Be ? "Rate limit reached" : s === De || s === Le ? "Connection error" : "Request failed", message: s },
+          { title: r === oe ? "Message too large" : r === Be ? "Rate limit reached" : r === De || r === Le ? "Connection error" : "Request failed", message: r },
           Pe
         ), m((p) => {
           let n = [...p];
           return n.at(-1)?.role === "assistant" && (n = n.slice(0, -1)), n.at(-1)?.role === "user" && (n = n.slice(0, -1)), n;
         });
-        const r = P.current?.content;
-        r && A(r), te.current = e;
+        const t = P.current?.content;
+        t && A(t), te.current = e;
         return;
       }
       m((o) => {
-        const r = [...o], p = r[r.length - 1];
-        return p && (p.role === "user" ? r.push({
+        const t = [...o], p = t[t.length - 1];
+        return p && (p.role === "user" ? t.push({
           id: F(16),
           role: "assistant",
-          parts: [{ type: "text", text: s }]
-        }) : p.parts = [{ type: "text", text: s }]), r;
+          parts: [{ type: "text", text: r }]
+        }) : t[t.length - 1] = {
+          ...p,
+          parts: [{ type: "text", text: r }]
+        }), t;
       });
     }
   }), Te = i(R);
-  _(() => {
+  b(() => {
     const e = Te.current;
-    Te.current = R, e !== R && (B(), b(null), m([]), y(""), A(""), Y([]), d());
+    Te.current = R, e !== R && (B(), w(null), m([]), y(""), A(""), Y([]), d());
   }, [R, B, m, y, d]);
-  const we = Ae === "submitted", X = Ae === "streaming", Je = Oe(() => {
+  const _e = Ae === "submitted", X = Ae === "streaming", Je = Oe(() => {
     const e = (o) => {
       if (!o || typeof o != "object") return !1;
-      const r = o;
-      return typeof r.type == "string" && r.type.startsWith("tool-");
-    }, t = [...w ?? []].reverse().find((o) => o.role === "assistant");
-    if (!t) return !1;
-    const s = t.parts?.at(-1);
-    return !(!e(s) || s.state !== "output-available" || !s.approval?.id || X);
-  }, [w, X]), [Qe, Z] = k(!1), be = X || Je && !Qe, Me = we || be, Xe = w.length === 0, ee = !C.trim() && I.length === 0 || Me, Ze = gt("(max-width: 768px)"), [et, b] = k(null), te = i(null);
-  _(() => {
+      const t = o;
+      return typeof t.type == "string" && t.type.startsWith("tool-");
+    }, s = [..._ ?? []].reverse().find((o) => o.role === "assistant");
+    if (!s) return !1;
+    const r = s.parts?.at(-1);
+    return !(!e(r) || r.state !== "output-available" || !r.approval?.id || X);
+  }, [_, X]), [Qe, Z] = k(!1), we = X || Je && !Qe, Me = _e || we, Xe = _.length === 0, ee = !C.trim() && S.length === 0 || Me, Ze = gt("(max-width: 768px)"), [et, w] = k(null), te = i(null);
+  b(() => {
     if (D) {
       if (te.current === D) {
         te.current = null;
         return;
       }
-      b(D);
+      w(D);
     }
   }, [D]);
-  const tt = () => b(null), { inputNotification: st, showInputNotification: L, clearInputNotification: rt } = Ct(), _e = i(null);
-  _(() => {
-    He?.(C);
+  const tt = () => w(null), { inputNotification: st, showInputNotification: L, clearInputNotification: rt } = Ct(), be = i(null);
+  b(() => {
+    ze?.(C);
   }, [C]);
   const nt = (e) => {
     e.key === "Enter" && !e.shiftKey && !ee && !e.nativeEvent.isComposing && (e.preventDefault(), se());
   }, se = async (e = C) => {
-    if (ee && (!e || e.trim().length === 0) && I.length === 0 || !e.trim() && !I.length && !h.current?.length)
+    if (ee && (!e || e.trim().length === 0) && S.length === 0 || !e.trim() && !S.length && !h.current?.length)
       return;
-    if (bt({
+    if (wt({
       text: e,
-      rawFileBytes: I.reduce((f, u) => f + u.size, 0),
+      rawFileBytes: S.reduce((f, u) => f + u.size, 0),
       encodedPartsBytes: (h.current ?? []).reduce(
         (f, u) => f + u.url.length,
         0
@@ -299,25 +308,25 @@ const Wt = () => {
       );
       return;
     }
-    const t = I;
+    const s = S;
     Y([]), A(""), E.current = 0, j.current = null, Z(!1);
-    let s = c;
-    s || (s = `conv_${F(16)}`, y(s));
+    let r = c;
+    r || (r = `conv_${F(16)}`, y(r));
     const o = F(21);
-    Ue(s), await g({
+    Ue(r), await g({
       eventName: "user_message_submitted",
       properties: {
-        conversationId: s,
+        conversationId: r,
         messageId: o
       }
     });
-    const r = h.current;
+    const t = h.current;
     h.current = void 0;
     let p = [];
-    if (t.length > 0)
+    if (s.length > 0)
       try {
         p = await Promise.all(
-          t.map((f) => {
+          s.map((f) => {
             const u = ut(f);
             return new Promise((ct, xe) => {
               const M = new FileReader();
@@ -343,16 +352,16 @@ const Wt = () => {
         });
         return;
       }
-    const n = p.length || r?.length ? [...p, ...r ?? []] : void 0, a = [
+    const n = p.length || t?.length ? [...p, ...t ?? []] : void 0, a = [
       ...e.trim() ? [{ type: "text", text: e }] : [],
       ...n ?? []
     ];
     P.current = {
       content: e,
       messageId: o,
-      body: { conversationId: s },
+      body: { conversationId: r },
       files: n
-    }, J({ id: o, parts: a }, { body: { conversationId: s } });
+    }, J({ id: o, parts: a }, { body: { conversationId: r } });
   }, ot = $(
     (e) => {
       E.current = 0, j.current = e, Z(!1), Q(e);
@@ -369,19 +378,19 @@ const Wt = () => {
         conversationId: c
       }
     });
-  }, S = $(
+  }, I = $(
     (e, l) => {
-      b(null), m(l), y(e), d(), h.current = void 0;
+      w(null), m(l), y(e), d(), h.current = void 0;
     },
     [m, y, d]
   ), Fe = $(
     async (e, l) => {
-      re(), S(e, []), Se(!0);
+      re(), I(e, []), Ie(!0);
       try {
-        const t = await Ie(e, l);
-        if (t === null) return !1;
-        const o = t[t.length - 1]?.role === "user" ? [
-          ...t,
+        const s = await Se(e, l);
+        if (s === null) return !1;
+        const o = s[s.length - 1]?.role === "user" ? [
+          ...s,
           {
             id: F(16),
             role: "assistant",
@@ -392,21 +401,21 @@ const Wt = () => {
               }
             ]
           }
-        ] : t;
-        return S(e, o), !0;
+        ] : s;
+        return I(e, o), !0;
       } finally {
-        l?.aborted || Se(!1);
+        l?.aborted || Ie(!1);
       }
     },
-    [S, Ie, re]
+    [I, Se, re]
   );
   vt({
     conversationId: v.conversationId,
     fetchedConversation: v.fetchedConversation,
     effectiveAuthToken: me,
-    restoreSession: S,
+    restoreSession: I,
     loadAndRestoreSession: Fe,
-    onLoadFailed: () => S("", [])
+    onLoadFailed: () => I("", [])
   });
   const { openForm: at } = Rt(), it = Et();
   return pt(v.chatFunctionsRef, () => ({
@@ -419,17 +428,17 @@ const Wt = () => {
       it?.setView("chat"), at(e, void 0);
     },
     focusInput: () => {
-      _e.current?.focus();
+      be.current?.focus();
     }
   })), {
-    messages: w,
+    messages: _,
     sendMessage: J,
     addToolApprovalResponse: ot,
-    isLoading: we,
-    isStreaming: be,
+    isLoading: _e,
+    isStreaming: we,
     isBusy: Me,
     error: et,
-    setError: b,
+    setError: w,
     isSubmitDisabled: ee,
     input: C,
     handleInputChange: Ge,
@@ -437,13 +446,13 @@ const Wt = () => {
     handleSubmit: se,
     stop: re,
     clear: ke,
-    inputRef: _e,
+    inputRef: be,
     isMobile: Ze,
-    files: I,
+    files: S,
     setFiles: Y,
     isNewChat: Xe,
     conversationId: c,
-    restoreSession: S,
+    restoreSession: I,
     loadAndRestoreSession: Fe,
     isSessionLoading: We,
     authToken: R ? le : pe,
@@ -456,5 +465,5 @@ const Wt = () => {
   };
 };
 export {
-  Wt as useInkeepChat
+  jt as useInkeepChat
 };

package/dist/primitives/providers/base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),p=require("./config-provider.cjs"),n=t.createContext(void 0),g=({children:e})=>{const{baseSettings:s,componentType:o}=p.useInkeepConfig(),{tags:r,analyticsProperties:i}=s,c="0.17.7",a=t.useMemo(()=>({widgetLibraryVersion:c,componentType:o,tags:r}),[o,r,c]),v={logEvent:t.useCallback(async u=>{const E={...a,...u.properties,...i},d={eventName:u.eventName,properties:E};return s.onEvent?.(d)},[s,a,i])};return l.jsx(n.Provider,{value:v,children:e})},m=()=>{const e=t.useContext(n);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsContext=n;exports.BaseEventsProvider=g;exports.useBaseEvents=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),p=require("./config-provider.cjs"),n=t.createContext(void 0),g=({children:e})=>{const{baseSettings:s,componentType:o}=p.useInkeepConfig(),{tags:r,analyticsProperties:i}=s,c="0.17.8",a=t.useMemo(()=>({widgetLibraryVersion:c,componentType:o,tags:r}),[o,r,c]),v={logEvent:t.useCallback(async u=>{const E={...a,...u.properties,...i},d={eventName:u.eventName,properties:E};return s.onEvent?.(d)},[s,a,i])};return l.jsx(n.Provider,{value:v,children:e})},m=()=>{const e=t.useContext(n);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsContext=n;exports.BaseEventsProvider=g;exports.useBaseEvents=m;

package/dist/primitives/providers/base-events-provider.js

@@ -3,7 +3,7 @@ import { jsx as u } from "react/jsx-runtime";
 import { createContext as E, useMemo as d, useCallback as l, useContext as g } from "react";
 import { useInkeepConfig as x } from "./config-provider.js";
 const c = E(void 0), b = ({ children: e }) => {
-  const { baseSettings: t, componentType: o } = x(), { tags: s, analyticsProperties: n } = t, r = "0.17.7", i = d(
+  const { baseSettings: t, componentType: o } = x(), { tags: s, analyticsProperties: n } = t, r = "0.17.8", i = d(
     () => ({
       widgetLibraryVersion: r,
       componentType: o,

package/dist/primitives/providers/chat-base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),u=require("react"),B=require("./config-provider.cjs"),O=require("./chat-auth-provider.cjs"),U=require("../hooks/use-events-api.cjs"),x=require("./base-events-provider.cjs"),M=({children:g})=>{const{baseSettings:n,aiChatSettings:h,componentType:i}=B.useInkeepConfig(),{tags:t,analyticsProperties:r,privacyPreferences:y,userProperties:o}=n,c="0.17.7",a=u.useMemo(()=>({widgetLibraryVersion:c,componentType:i}),[i,c]),{effectiveAuthToken:b,applicableRefreshSession:f,getCaptchaHeader:E,invalidateCaptcha:P}=O.useChatAuth(),{baseUrl:m,appId:A,analyticsApiBaseUrl:C,headers:I}=h,p=y?.optOutAllAnalytics??!1,{logEvent:l}=U.useEventsApi({baseUrl:C??m,appId:A,authToken:b,getCaptchaHeader:E,invalidateCaptcha:P,refreshSession:f,headers:I}),k={logEvent:u.useCallback(async s=>{const q={eventName:s.eventName,properties:{...a,...t?{tags:t}:{},...s.properties,...r}};if(!p){const e=s.properties??{},v=typeof e.conversationId=="string"?e.conversationId:void 0,d=typeof e.messageId=="string"?e.messageId:void 0,S=!!o&&Object.keys(o).length>0,w={...t?{tags:t}:{},...r??{}},T={...a,...s.properties};l({body:{type:s.eventName,...v?{conversationId:v}:{},...d?{messageId:d}:{},...S?{userProperties:o}:{},properties:w,metadata:T}})}try{return await n.onEvent?.(q)}catch(e){console.warn("[events] onEvent callback threw",e)}},[n,a,t,r,l,p,o])};return j.jsx(x.BaseEventsContext.Provider,{value:k,children:g})};exports.ChatBaseEventsProvider=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),u=require("react"),B=require("./config-provider.cjs"),O=require("./chat-auth-provider.cjs"),U=require("../hooks/use-events-api.cjs"),x=require("./base-events-provider.cjs"),M=({children:g})=>{const{baseSettings:n,aiChatSettings:h,componentType:i}=B.useInkeepConfig(),{tags:t,analyticsProperties:r,privacyPreferences:y,userProperties:o}=n,c="0.17.8",a=u.useMemo(()=>({widgetLibraryVersion:c,componentType:i}),[i,c]),{effectiveAuthToken:b,applicableRefreshSession:f,getCaptchaHeader:E,invalidateCaptcha:P}=O.useChatAuth(),{baseUrl:m,appId:A,analyticsApiBaseUrl:C,headers:I}=h,p=y?.optOutAllAnalytics??!1,{logEvent:l}=U.useEventsApi({baseUrl:C??m,appId:A,authToken:b,getCaptchaHeader:E,invalidateCaptcha:P,refreshSession:f,headers:I}),k={logEvent:u.useCallback(async s=>{const q={eventName:s.eventName,properties:{...a,...t?{tags:t}:{},...s.properties,...r}};if(!p){const e=s.properties??{},v=typeof e.conversationId=="string"?e.conversationId:void 0,d=typeof e.messageId=="string"?e.messageId:void 0,S=!!o&&Object.keys(o).length>0,w={...t?{tags:t}:{},...r??{}},T={...a,...s.properties};l({body:{type:s.eventName,...v?{conversationId:v}:{},...d?{messageId:d}:{},...S?{userProperties:o}:{},properties:w,metadata:T}})}try{return await n.onEvent?.(q)}catch(e){console.warn("[events] onEvent callback threw",e)}},[n,a,t,r,l,p,o])};return j.jsx(x.BaseEventsContext.Provider,{value:k,children:g})};exports.ChatBaseEventsProvider=M;

package/dist/primitives/providers/chat-base-events-provider.js

@@ -6,7 +6,7 @@ import { useChatAuth as O } from "./chat-auth-provider.js";
 import { useEventsApi as j } from "../hooks/use-events-api.js";
 import { BaseEventsContext as M } from "./base-events-provider.js";
 const F = ({ children: m }) => {
-  const { baseSettings: r, aiChatSettings: g, componentType: i } = N(), { tags: t, analyticsProperties: n, privacyPreferences: f, userProperties: o } = r, c = "0.17.7", a = x(
+  const { baseSettings: r, aiChatSettings: g, componentType: i } = N(), { tags: t, analyticsProperties: n, privacyPreferences: f, userProperties: o } = r, c = "0.17.8", a = x(
     () => ({
       widgetLibraryVersion: c,
       componentType: i

package/dist/react/embedded-chat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),s=require("../styled/components/embedded-chat.cjs"),a=require("../styled/components/chat-history.cjs"),b=require("../styled/components/modal.cjs"),w=require("../styled/components/shadow.cjs"),E=require("../styled/components/message.cjs"),k=require("../primitives/providers/chat-auth-provider.cjs"),P=require("../primitives/providers/chat-base-events-provider.cjs"),f=require("../primitives/providers/chat-history-provider.cjs"),F=require("../primitives/providers/config-provider.cjs"),B=require("../primitives/providers/root-provider.cjs"),q=require("../primitives/providers/widget-provider.cjs"),y=require("../primitives/components/embedded-chat/chat-provider.cjs"),L=require("../primitives/components/modal/modal-provider.cjs"),g=require("../primitives/utils/misc.cjs"),T=require("../primitives/atoms/portal-with-theme.cjs"),D=require("../primitives/atoms/error-boundary.cjs"),W=require("./modal.cjs"),N=require("../primitives/providers/image-preview-provider.cjs"),V=require("./widget-toggle.cjs"),v=require("../primitives/components/embedded-chat/file-upload-input.cjs"),i=require("../styled/components/embedded-chat/file-upload-input.cjs"),m=require("../styled/components/embedded-chat/image-preview-modal.cjs");function R(r){const{baseSettings:t,aiChatSettings:n}=r;return e.jsx(D.ErrorBoundary,{children:e.jsx(w.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(B.RootProvider,{config:{baseSettings:t,aiChatSettings:n},componentType:F.WebWidgetInteractionType.EmbeddedChat,children:e.jsx(A,{...r})})})})}function S(r){const{children:t,onToggleView:n,isHidden:o,shouldAutoFocusInput:d=!n}=r;return e.jsx(k.ChatAuthProvider,{children:e.jsx(P.ChatBaseEventsProvider,{children:e.jsx(s.Provider,{isHidden:o,shouldAutoFocusInput:d,children:t})})})}function A(r){return e.jsx(S,{...r,children:e.jsx(H,{...r})})}function H(r){const{onToggleView:t,variant:n,header:o=$}=r,d=L.useModal(),c=q.useWidget(),x=d&&!c?W.ModalContent:p.Fragment;return e.jsx(N.ImagePreviewProvider,{children:e.jsx(x,{children:e.jsxs(s.Wrapper,{variant:n??(t?"no-shadow":"container-with-shadow"),"data-composite":g.dataAttr(!!r.onToggleView||d?.isOpen),children:[e.jsx(Y,{}),e.jsxs(s.Root,{children:[o&&e.jsx(o,{...r}),e.jsx(_,{}),e.jsx(z,{})]}),e.jsx(ee,{}),e.jsx(U,{}),e.jsx(se,{})]})})})}const $=r=>{const{onToggleView:t,askAILabel:n,searchLabel:o}=r,{aiChatSettings:d}=F.useInkeepConfig(),c=d.isChatHistoryButtonVisible,x=!!t||c;return e.jsx(s.Header,{"data-show-toolbar":g.dataAttr(x),children:x?e.jsxs(s.HeaderToolbar,{"data-show-widget-toggle":g.dataAttr(!!t),children:[e.jsx(s.HeaderToolbarWrapper,{children:c&&e.jsx(s.ChatHistoryTrigger,{})}),t&&e.jsx(V.WidgetToggle,{onToggleView:t,askAILabel:n,searchLabel:o,view:"chat"}),e.jsx(b.Close,{})]}):e.jsx(b.Close,{})})};function _(){const{isSessionLoading:r}=y.useChat();return e.jsx(s.Content,{children:e.jsxs(s.ContentScrollArea,{children:[e.jsx(s.ContentScrollAreaViewport,{children:r?e.jsx(s.MessagesSessionLoading,{}):e.jsx(Q,{})}),e.jsx(s.ContentScrollAreaScrollbar,{children:e.jsx(s.ContentScrollAreaThumb,{})}),e.jsx(s.ContentScrollAreaCorner,{})]})})}function Q(){const{aiChatSettings:{components:r}}=F.useInkeepConfig();return e.jsx(s.Messages,{children:({messages:t,isLoading:n,isStreaming:o})=>{const d=t.at(-1),c=l=>(h,C)=>{const j=r?.[h];if(!j)return console.warn(`Component "${h}" not found in components config`),null;const I={...C,messageId:l.id};try{if(typeof j=="function"&&j.length<=1)return p.createElement(j,I);const u=j(I,document.createElement("div"),null);return p.isValidElement(u)||typeof u=="string"?u:null}catch(u){return console.error(`🔍 [renderComponent] Error rendering component "${h}":`,u),null}},x=l=>e.jsx(s.Markdown,{text:l});return e.jsxs(e.Fragment,{children:[e.jsx(O,{}),t.map(l=>{const h=d?.id===l.id,C=c(l);return e.jsxs(s.MessageWrapper,{message:l,children:[e.jsx(M,{}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:r?.IkpMessage?e.jsx(s.DynamicComponent,{name:"IkpMessage",props:{message:l,renderComponent:C,renderMarkdown:x},componentDef:r.IkpMessage}):e.jsxs(e.Fragment,{children:[e.jsx(E.EmbeddedChatMessagePart,{isLast:h}),(!o||!h)&&e.jsx(Z,{})]})}),e.jsx(G,{}),e.jsx(K,{})]})]},l.id)}),n&&d?.role==="user"&&d?.parts.length&&e.jsxs(s.MessageWrapper,{message:{id:"___loader___",role:"assistant",parts:[{type:"text",text:"Thinking..."}]},children:[e.jsx(M,{}),e.jsx(s.MessageLoading,{})]})]})}})}function O(){return e.jsxs(s.IntroMessageWrapper,{children:[e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:e.jsx(E.EmbeddedChatMessagePart,{isLast:!1})}),e.jsxs(s.Disclaimer,{children:[e.jsx(s.DisclaimerLabel,{}),e.jsx(s.DisclaimerTrigger,{}),e.jsxs(s.DisclaimerContent,{children:[e.jsx(s.DisclaimerText,{}),e.jsx(s.DisclaimerArrow,{})]})]}),e.jsxs(s.ExampleQuestions,{children:[e.jsx(s.ExampleQuestionsLabel,{}),e.jsx(s.ExampleQuestionsList,{children:r=>r.map(t=>e.jsx(s.ExampleQuestion,{children:e.jsx(s.ExampleQuestionButton,{question:t})},typeof t=="object"?t.label:t))})]})]})]})}function M(){return e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]})}function U(){return e.jsx(T.PortalWithTheme,{children:e.jsx(m.EmbeddedChatImagePreviewModal,{children:e.jsx(m.EmbeddedChatImagePreviewModalOverlay,{children:e.jsxs(m.EmbeddedChatImagePreviewModalContent,{children:[e.jsx(m.EmbeddedChatImagePreviewModalClose,{}),e.jsx(m.EmbeddedChatImagePreviewModalImage,{}),e.jsx(m.EmbeddedChatImagePreviewModalFooter,{children:e.jsx(m.EmbeddedChatImagePreviewModalFileName,{})})]})})})})}function G(){return e.jsx(i.EmbeddedChatMessageFiles,{children:r=>r.map((t,n)=>{const o=t.url,d=t.mediaType??"",c=d.split("/").pop(),x=t.filename??(c?`untitled.${c}`:"untitled"),l=v.isImageMimeType(d);return e.jsxs(i.EmbeddedChatMessageFile,{url:o,name:x,mediaType:d,children:[l?e.jsx(i.EmbeddedChatFileThumbnail,{}):e.jsx(i.EmbeddedChatFileTypeIcon,{}),e.jsx(i.EmbeddedChatFileName,{})]},o||n)})})}function K(){return e.jsxs(s.MessageToolbar,{children:[e.jsx(s.MessageCustomActions,{children:r=>r.map((t,n)=>e.jsx(s.MessageCustomAction,{action:t},`action-${n}`))}),e.jsx(s.MessageAction,{action:"copy"}),e.jsx(s.MessageAction,{action:"upvote"}),e.jsx(s.MessageAction,{action:"downvote"})]})}function Z(){return e.jsxs(s.MessageSources,{children:[e.jsx(s.MessageSourcesHeader,{}),e.jsx(s.MessageSourcesList,{children:r=>r.map((t,n)=>e.jsxs(s.MessageSourceItem,{href:t.url,source:t,children:[e.jsx(s.MessageSourceItemBreadcrumbs,{children:t.breadcrumbs?.map(o=>e.jsxs(p.Fragment,{children:[o,e.jsx(s.MessageSourceItemBreadcrumbIcon,{})]},o))}),e.jsx(s.MessageSourceItemIcon,{}),e.jsx(s.MessageSourceItemTitle,{}),e.jsx(s.MessageSourceItemTag,{}),e.jsx(s.MessageSourceItemDescription,{children:o=>o.map((d,c)=>e.jsx(s.MessageSourceItemDescriptionPart,{descriptionPart:d},`part-${c}`))}),e.jsx(s.MessageSourceItemIndicator,{})]},n))})]})}function z(){return e.jsxs(s.Footer,{children:[e.jsx(i.EmbeddedChatInputNotification,{children:e.jsxs(i.EmbeddedChatInputNotificationContent,{children:[e.jsxs(i.EmbeddedChatInputNotificationHeader,{children:[e.jsx(i.EmbeddedChatInputNotificationTitle,{}),e.jsx(i.EmbeddedChatInputNotificationClose,{})]}),e.jsx(i.EmbeddedChatInputNotificationMessage,{})]})}),e.jsx(J,{}),e.jsx(X,{})]})}function J(){return e.jsxs(s.InputFieldset,{children:[e.jsx(i.EmbeddedChatFileInput,{}),e.jsx(i.EmbeddedChatDropZone,{children:"Drop files here to add to chat"}),e.jsx(i.EmbeddedChatFileList,{children:r=>r.map((t,n)=>{const o=v.isImageMimeType(t.type);return e.jsxs(i.EmbeddedChatFileItem,{file:t,children:[o?e.jsxs(i.EmbeddedChatFilePreviewTrigger,{children:[e.jsx(i.EmbeddedChatFileThumbnail,{}),e.jsx(i.EmbeddedChatFileName,{})]}):e.jsxs(i.EmbeddedChatFileContent,{children:[e.jsx(i.EmbeddedChatFileTypeIcon,{}),e.jsx(i.EmbeddedChatFileName,{})]}),e.jsx(i.EmbeddedChatFileRemove,{})]},`${t.name}-${t.lastModified}-${n}`)})}),e.jsxs(s.InputGroup,{children:[e.jsx(i.EmbeddedChatFileUploadButton,{}),e.jsx(s.Input,{}),e.jsx(s.SendButton,{children:e.jsx(s.SendButtonIcon,{})})]})]})}function X(){return e.jsxs(s.ActionBar,{children:[e.jsxs(s.TaglineContainer,{children:[e.jsx(s.TaglineText,{}),e.jsx(s.TaglineLogo,{})]}),e.jsxs(s.Actions,{children:[e.jsx(s.HelpActions,{children:({pinned:r,unpinned:t})=>e.jsxs(e.Fragment,{children:[r.map(n=>e.jsx(s.HelpAction,{action:n},n.name)),t.length>0&&e.jsx(s.HelpActionsTrigger,{}),e.jsxs(s.HelpActionsMenu,{children:[e.jsx(s.HelpActionsMenuArrow,{}),t.map(n=>e.jsxs(s.HelpActionsMenuItem,{action:n,children:[e.jsx(s.HelpActionsMenuItemIcon,{action:n}),n.name]},n.name))]})]})}),e.jsxs(s.ChatAction,{action:"copy",children:[e.jsx(s.ChatActionLabel,{action:"copy"}),e.jsx(s.ChatActionFeedback,{action:"copy"})]}),e.jsx(s.ChatAction,{action:"clear"}),e.jsx(s.ChatAction,{action:"stop"})]})]})}function Y(){const{sessions:r}=f.useChatHistory(),{conversationId:t}=y.useChat();return e.jsxs(a.EmbeddedChatHistoryRoot,{children:[e.jsxs(a.EmbeddedChatHistoryHeader,{children:[e.jsxs(a.EmbeddedChatHistoryBackButton,{children:[e.jsx(a.EmbeddedChatHistoryBackButtonIcon,{iconKey:"backToChat"}),"Back to chat"]}),e.jsx(a.EmbeddedChatHistoryTitle,{}),e.jsx(b.Close,{})]}),e.jsxs(a.EmbeddedChatHistoryList,{children:[r.map(n=>e.jsxs(a.EmbeddedChatHistoryItem,{sessionId:n.id,"data-active":g.dataAttr(n.id===t),children:[e.jsx(a.EmbeddedChatHistoryItemTitle,{children:n.title}),e.jsx(a.EmbeddedChatHistoryItemDate,{children:a.formatSessionDate(n.updatedAt)})]},n.id)),e.jsx(a.EmbeddedChatHistoryEmptyState,{}),e.jsx(a.EmbeddedChatHistoryLoadingState,{})]}),e.jsx(a.EmbeddedChatHistoryFooter,{children:e.jsx(a.EmbeddedChatHistoryNewConversationButton,{})})]})}function ee(){return e.jsx(T.PortalWithTheme,{children:e.jsx(s.FeedbackModal,{children:e.jsx(s.FeedbackModalOverlay,{children:e.jsxs(s.FeedbackModalContent,{children:[e.jsx(s.FeedbackModalHeader,{}),e.jsx(s.FeedbackModalClose,{}),e.jsx(s.FeedbackModalBody,{children:e.jsxs(s.FeedbackForm,{children:[e.jsxs(s.FeedbackField,{children:[e.jsx(s.FeedbackItemLabel,{}),e.jsx(s.FeedbackItemDescription,{})]}),e.jsx(s.FeedbackSubmitButton,{})]})})]})})})})}function se(){return e.jsxs(s.FormWrapper,{children:[e.jsx(s.FormClose,{}),e.jsxs(s.Form,{children:[e.jsxs(s.FormHeader,{children:[e.jsx(s.FormHeading,{}),e.jsx(s.FormDescription,{})]}),e.jsx(s.FormContent,{children:r=>e.jsxs(e.Fragment,{children:[r.map((t,n)=>e.jsxs(s.FormField,{field:t,autoFocus:n===0,children:[e.jsx(s.FormFieldLabel,{}),t.inputType==="text"&&e.jsx(s.FormFieldText,{}),t.inputType==="email"&&e.jsx(s.FormFieldEmail,{}),t.inputType==="file"&&e.jsx(s.FormFieldFile,{}),t.inputType==="textarea"&&e.jsx(s.FormFieldTextArea,{}),t.inputType==="checkbox"&&e.jsx(s.FormFieldCheckbox,{children:e.jsx(s.FormFieldCheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(s.FormFieldSelect,{children:[e.jsxs(s.FormFieldSelectTrigger,{children:[e.jsx(s.FormFieldSelectValue,{}),e.jsx(s.FormFieldSelectIcon,{})]}),e.jsx(s.FormFieldSelectContent,{children:e.jsx(s.FormFieldSelectViewport,{children:t.items.map(o=>e.jsxs(s.FormFieldSelectItem,{value:o.value,children:[e.jsx(s.FormFieldSelectItemText,{children:o.label}),e.jsx(s.FormFieldSelectItemIndicator,{})]},o.value))})})]}),t.inputType==="combobox"&&e.jsxs(s.FormFieldCombobox,{children:[e.jsxs(s.FormFieldComboboxControl,{children:["multiple"in t&&t.multiple&&e.jsx(s.FormFieldComboboxSelectedTags,{}),e.jsx(s.FormFieldComboboxInput,{}),e.jsx(s.FormFieldComboboxTrigger,{})]}),e.jsx(s.FormFieldComboboxPositioner,{children:e.jsx(s.FormFieldComboboxContent,{children:e.jsx(s.FormFieldComboboxList,{children:e.jsx(s.FormFieldComboboxListItems,{children:o=>o.length===0?e.jsx(s.FormFieldComboboxListEmpty,{}):o.map(d=>e.jsxs(s.FormFieldComboboxItem,{item:d,children:[e.jsx(s.FormFieldComboboxItemText,{children:d.label}),e.jsx(s.FormFieldComboboxItemIndicator,{})]},d.value))})})})})]}),e.jsx(s.FormFieldDescription,{}),e.jsx(s.FormFieldError,{})]},t.name)),e.jsx(s.FormError,{})]})}),e.jsxs(s.FormFooter,{children:[e.jsx(s.FormCancel,{}),e.jsx(s.FormSubmit,{})]})]}),e.jsxs(s.FormSuccess,{children:[e.jsx(s.FormSuccessHeading,{}),e.jsx(s.FormSuccessMessage,{}),e.jsx(s.FormSuccessButton,{})]})]})}exports.InkeepEmbeddedChat=R;exports.InkeepEmbeddedChatImpl=A;exports.InkeepEmbeddedChatImplContent=H;exports.InkeepEmbeddedChatProvider=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),s=require("../styled/components/embedded-chat.cjs"),a=require("../styled/components/chat-history.cjs"),g=require("../styled/components/modal.cjs"),A=require("../styled/components/shadow.cjs"),F=require("../styled/components/message.cjs"),H=require("../primitives/providers/chat-auth-provider.cjs"),w=require("../primitives/providers/chat-base-events-provider.cjs"),f=require("../primitives/providers/chat-history-provider.cjs"),p=require("../primitives/providers/config-provider.cjs"),k=require("../primitives/providers/root-provider.cjs"),P=require("../primitives/providers/widget-provider.cjs"),C=require("../primitives/components/embedded-chat/chat-provider.cjs"),B=require("../primitives/components/modal/modal-provider.cjs"),u=require("../primitives/utils/misc.cjs"),I=require("../primitives/atoms/portal-with-theme.cjs"),q=require("../primitives/atoms/error-boundary.cjs"),L=require("./modal.cjs"),D=require("../primitives/providers/image-preview-provider.cjs"),W=require("./widget-toggle.cjs"),M=require("../primitives/components/embedded-chat/file-upload-input.cjs"),i=require("../styled/components/embedded-chat/file-upload-input.cjs"),m=require("../styled/components/embedded-chat/image-preview-modal.cjs");function N(r){const{baseSettings:t,aiChatSettings:n}=r;return e.jsx(q.ErrorBoundary,{children:e.jsx(A.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(k.RootProvider,{config:{baseSettings:t,aiChatSettings:n},componentType:p.WebWidgetInteractionType.EmbeddedChat,children:e.jsx(y,{...r})})})})}function E(r){const{children:t,onToggleView:n,isHidden:o,shouldAutoFocusInput:d=!n}=r;return e.jsx(H.ChatAuthProvider,{children:e.jsx(w.ChatBaseEventsProvider,{children:e.jsx(s.Provider,{isHidden:o,shouldAutoFocusInput:d,children:t})})})}function y(r){return e.jsx(E,{...r,children:e.jsx(T,{...r})})}function T(r){const{onToggleView:t,variant:n,header:o=V}=r,d=B.useModal(),c=P.useWidget(),l=d&&!c?L.ModalContent:j.Fragment;return e.jsx(D.ImagePreviewProvider,{children:e.jsx(l,{children:e.jsxs(s.Wrapper,{variant:n??(t?"no-shadow":"container-with-shadow"),"data-composite":u.dataAttr(!!r.onToggleView||d?.isOpen),children:[e.jsx(Y,{}),e.jsxs(s.Root,{children:[o&&e.jsx(o,{...r}),e.jsx($,{}),e.jsx(z,{})]}),e.jsx(ee,{}),e.jsx(G,{}),e.jsx(se,{})]})})})}const V=r=>{const{onToggleView:t,askAILabel:n,searchLabel:o}=r,{aiChatSettings:d}=p.useInkeepConfig(),c=d.isChatHistoryButtonVisible,l=!!t||c;return e.jsx(s.Header,{"data-show-toolbar":u.dataAttr(l),children:l?e.jsxs(s.HeaderToolbar,{"data-show-widget-toggle":u.dataAttr(!!t),children:[e.jsx(s.HeaderToolbarWrapper,{children:c&&e.jsx(s.ChatHistoryTrigger,{})}),t&&e.jsx(W.WidgetToggle,{onToggleView:t,askAILabel:n,searchLabel:o,view:"chat"}),e.jsx(g.Close,{})]}):e.jsx(g.Close,{})})};function $(){const{isSessionLoading:r}=C.useChat();return e.jsx(s.Content,{children:e.jsxs(s.ContentScrollArea,{children:[e.jsx(s.ContentScrollAreaViewport,{children:r?e.jsx(s.MessagesSessionLoading,{}):e.jsx(O,{})}),e.jsx(s.ContentScrollAreaScrollbar,{children:e.jsx(s.ContentScrollAreaThumb,{})}),e.jsx(s.ContentScrollAreaCorner,{})]})})}const R=r=>e.jsx(s.Markdown,{text:r});function _(){const{isStreaming:r}=C.useChat();return r?null:e.jsx(S,{})}const Q=j.memo(function({message:t,isLast:n,components:o}){const d=(c,l)=>{const x=o?.[c];if(!x)return console.warn(`Component "${c}" not found in components config`),null;const b={...l,messageId:t.id};try{if(typeof x=="function"&&x.length<=1)return j.createElement(x,b);const h=x(b,document.createElement("div"),null);return j.isValidElement(h)||typeof h=="string"?h:null}catch(h){return console.error(`🔍 [renderComponent] Error rendering component "${c}":`,h),null}};return e.jsxs(s.MessageWrapper,{message:t,children:[e.jsx(v,{}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:o?.IkpMessage?e.jsx(s.DynamicComponent,{name:"IkpMessage",props:{message:t,renderComponent:d,renderMarkdown:R},componentDef:o.IkpMessage}):e.jsxs(e.Fragment,{children:[e.jsx(F.EmbeddedChatMessagePart,{isLast:n}),n?e.jsx(_,{}):e.jsx(S,{})]})}),e.jsx(K,{}),e.jsx(Z,{})]})]})});function O(){const{aiChatSettings:{components:r}}=p.useInkeepConfig();return e.jsx(s.Messages,{children:({messages:t,isLoading:n})=>{const o=t.at(-1);return e.jsxs(e.Fragment,{children:[e.jsx(U,{}),t.map(d=>e.jsx(Q,{message:d,isLast:o?.id===d.id,components:r},d.id)),n&&o?.role==="user"&&o?.parts.length&&e.jsxs(s.MessageWrapper,{message:{id:"___loader___",role:"assistant",parts:[{type:"text",text:"Thinking..."}]},children:[e.jsx(v,{}),e.jsx(s.MessageLoading,{})]})]})}})}function U(){return e.jsxs(s.IntroMessageWrapper,{children:[e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:e.jsx(F.EmbeddedChatMessagePart,{isLast:!1})}),e.jsxs(s.Disclaimer,{children:[e.jsx(s.DisclaimerLabel,{}),e.jsx(s.DisclaimerTrigger,{}),e.jsxs(s.DisclaimerContent,{children:[e.jsx(s.DisclaimerText,{}),e.jsx(s.DisclaimerArrow,{})]})]}),e.jsxs(s.ExampleQuestions,{children:[e.jsx(s.ExampleQuestionsLabel,{}),e.jsx(s.ExampleQuestionsList,{children:r=>r.map(t=>e.jsx(s.ExampleQuestion,{children:e.jsx(s.ExampleQuestionButton,{question:t})},typeof t=="object"?t.label:t))})]})]})]})}function v(){return e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]})}function G(){return e.jsx(I.PortalWithTheme,{children:e.jsx(m.EmbeddedChatImagePreviewModal,{children:e.jsx(m.EmbeddedChatImagePreviewModalOverlay,{children:e.jsxs(m.EmbeddedChatImagePreviewModalContent,{children:[e.jsx(m.EmbeddedChatImagePreviewModalClose,{}),e.jsx(m.EmbeddedChatImagePreviewModalImage,{}),e.jsx(m.EmbeddedChatImagePreviewModalFooter,{children:e.jsx(m.EmbeddedChatImagePreviewModalFileName,{})})]})})})})}function K(){return e.jsx(i.EmbeddedChatMessageFiles,{children:r=>r.map((t,n)=>{const o=t.url,d=t.mediaType??"",c=d.split("/").pop(),l=t.filename??(c?`untitled.${c}`:"untitled"),x=M.isImageMimeType(d);return e.jsxs(i.EmbeddedChatMessageFile,{url:o,name:l,mediaType:d,children:[x?e.jsx(i.EmbeddedChatFileThumbnail,{}):e.jsx(i.EmbeddedChatFileTypeIcon,{}),e.jsx(i.EmbeddedChatFileName,{})]},o||n)})})}function Z(){return e.jsxs(s.MessageToolbar,{children:[e.jsx(s.MessageCustomActions,{children:r=>r.map((t,n)=>e.jsx(s.MessageCustomAction,{action:t},`action-${n}`))}),e.jsx(s.MessageAction,{action:"copy"}),e.jsx(s.MessageAction,{action:"upvote"}),e.jsx(s.MessageAction,{action:"downvote"})]})}function S(){return e.jsxs(s.MessageSources,{children:[e.jsx(s.MessageSourcesHeader,{}),e.jsx(s.MessageSourcesList,{children:r=>r.map((t,n)=>e.jsxs(s.MessageSourceItem,{href:t.url,source:t,children:[e.jsx(s.MessageSourceItemBreadcrumbs,{children:t.breadcrumbs?.map(o=>e.jsxs(j.Fragment,{children:[o,e.jsx(s.MessageSourceItemBreadcrumbIcon,{})]},o))}),e.jsx(s.MessageSourceItemIcon,{}),e.jsx(s.MessageSourceItemTitle,{}),e.jsx(s.MessageSourceItemTag,{}),e.jsx(s.MessageSourceItemDescription,{children:o=>o.map((d,c)=>e.jsx(s.MessageSourceItemDescriptionPart,{descriptionPart:d},`part-${c}`))}),e.jsx(s.MessageSourceItemIndicator,{})]},n))})]})}function z(){return e.jsxs(s.Footer,{children:[e.jsx(i.EmbeddedChatInputNotification,{children:e.jsxs(i.EmbeddedChatInputNotificationContent,{children:[e.jsxs(i.EmbeddedChatInputNotificationHeader,{children:[e.jsx(i.EmbeddedChatInputNotificationTitle,{}),e.jsx(i.EmbeddedChatInputNotificationClose,{})]}),e.jsx(i.EmbeddedChatInputNotificationMessage,{})]})}),e.jsx(J,{}),e.jsx(X,{})]})}function J(){return e.jsxs(s.InputFieldset,{children:[e.jsx(i.EmbeddedChatFileInput,{}),e.jsx(i.EmbeddedChatDropZone,{children:"Drop files here to add to chat"}),e.jsx(i.EmbeddedChatFileList,{children:r=>r.map((t,n)=>{const o=M.isImageMimeType(t.type);return e.jsxs(i.EmbeddedChatFileItem,{file:t,children:[o?e.jsxs(i.EmbeddedChatFilePreviewTrigger,{children:[e.jsx(i.EmbeddedChatFileThumbnail,{}),e.jsx(i.EmbeddedChatFileName,{})]}):e.jsxs(i.EmbeddedChatFileContent,{children:[e.jsx(i.EmbeddedChatFileTypeIcon,{}),e.jsx(i.EmbeddedChatFileName,{})]}),e.jsx(i.EmbeddedChatFileRemove,{})]},`${t.name}-${t.lastModified}-${n}`)})}),e.jsxs(s.InputGroup,{children:[e.jsx(i.EmbeddedChatFileUploadButton,{}),e.jsx(s.Input,{}),e.jsx(s.SendButton,{children:e.jsx(s.SendButtonIcon,{})})]})]})}function X(){return e.jsxs(s.ActionBar,{children:[e.jsxs(s.TaglineContainer,{children:[e.jsx(s.TaglineText,{}),e.jsx(s.TaglineLogo,{})]}),e.jsxs(s.Actions,{children:[e.jsx(s.HelpActions,{children:({pinned:r,unpinned:t})=>e.jsxs(e.Fragment,{children:[r.map(n=>e.jsx(s.HelpAction,{action:n},n.name)),t.length>0&&e.jsx(s.HelpActionsTrigger,{}),e.jsxs(s.HelpActionsMenu,{children:[e.jsx(s.HelpActionsMenuArrow,{}),t.map(n=>e.jsxs(s.HelpActionsMenuItem,{action:n,children:[e.jsx(s.HelpActionsMenuItemIcon,{action:n}),n.name]},n.name))]})]})}),e.jsxs(s.ChatAction,{action:"copy",children:[e.jsx(s.ChatActionLabel,{action:"copy"}),e.jsx(s.ChatActionFeedback,{action:"copy"})]}),e.jsx(s.ChatAction,{action:"clear"}),e.jsx(s.ChatAction,{action:"stop"})]})]})}function Y(){const{sessions:r}=f.useChatHistory(),{conversationId:t}=C.useChat();return e.jsxs(a.EmbeddedChatHistoryRoot,{children:[e.jsxs(a.EmbeddedChatHistoryHeader,{children:[e.jsxs(a.EmbeddedChatHistoryBackButton,{children:[e.jsx(a.EmbeddedChatHistoryBackButtonIcon,{iconKey:"backToChat"}),"Back to chat"]}),e.jsx(a.EmbeddedChatHistoryTitle,{}),e.jsx(g.Close,{})]}),e.jsxs(a.EmbeddedChatHistoryList,{children:[r.map(n=>e.jsxs(a.EmbeddedChatHistoryItem,{sessionId:n.id,"data-active":u.dataAttr(n.id===t),children:[e.jsx(a.EmbeddedChatHistoryItemTitle,{children:n.title}),e.jsx(a.EmbeddedChatHistoryItemDate,{children:a.formatSessionDate(n.updatedAt)})]},n.id)),e.jsx(a.EmbeddedChatHistoryEmptyState,{}),e.jsx(a.EmbeddedChatHistoryLoadingState,{})]}),e.jsx(a.EmbeddedChatHistoryFooter,{children:e.jsx(a.EmbeddedChatHistoryNewConversationButton,{})})]})}function ee(){return e.jsx(I.PortalWithTheme,{children:e.jsx(s.FeedbackModal,{children:e.jsx(s.FeedbackModalOverlay,{children:e.jsxs(s.FeedbackModalContent,{children:[e.jsx(s.FeedbackModalHeader,{}),e.jsx(s.FeedbackModalClose,{}),e.jsx(s.FeedbackModalBody,{children:e.jsxs(s.FeedbackForm,{children:[e.jsxs(s.FeedbackField,{children:[e.jsx(s.FeedbackItemLabel,{}),e.jsx(s.FeedbackItemDescription,{})]}),e.jsx(s.FeedbackSubmitButton,{})]})})]})})})})}function se(){return e.jsxs(s.FormWrapper,{children:[e.jsx(s.FormClose,{}),e.jsxs(s.Form,{children:[e.jsxs(s.FormHeader,{children:[e.jsx(s.FormHeading,{}),e.jsx(s.FormDescription,{})]}),e.jsx(s.FormContent,{children:r=>e.jsxs(e.Fragment,{children:[r.map((t,n)=>e.jsxs(s.FormField,{field:t,autoFocus:n===0,children:[e.jsx(s.FormFieldLabel,{}),t.inputType==="text"&&e.jsx(s.FormFieldText,{}),t.inputType==="email"&&e.jsx(s.FormFieldEmail,{}),t.inputType==="file"&&e.jsx(s.FormFieldFile,{}),t.inputType==="textarea"&&e.jsx(s.FormFieldTextArea,{}),t.inputType==="checkbox"&&e.jsx(s.FormFieldCheckbox,{children:e.jsx(s.FormFieldCheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(s.FormFieldSelect,{children:[e.jsxs(s.FormFieldSelectTrigger,{children:[e.jsx(s.FormFieldSelectValue,{}),e.jsx(s.FormFieldSelectIcon,{})]}),e.jsx(s.FormFieldSelectContent,{children:e.jsx(s.FormFieldSelectViewport,{children:t.items.map(o=>e.jsxs(s.FormFieldSelectItem,{value:o.value,children:[e.jsx(s.FormFieldSelectItemText,{children:o.label}),e.jsx(s.FormFieldSelectItemIndicator,{})]},o.value))})})]}),t.inputType==="combobox"&&e.jsxs(s.FormFieldCombobox,{children:[e.jsxs(s.FormFieldComboboxControl,{children:["multiple"in t&&t.multiple&&e.jsx(s.FormFieldComboboxSelectedTags,{}),e.jsx(s.FormFieldComboboxInput,{}),e.jsx(s.FormFieldComboboxTrigger,{})]}),e.jsx(s.FormFieldComboboxPositioner,{children:e.jsx(s.FormFieldComboboxContent,{children:e.jsx(s.FormFieldComboboxList,{children:e.jsx(s.FormFieldComboboxListItems,{children:o=>o.length===0?e.jsx(s.FormFieldComboboxListEmpty,{}):o.map(d=>e.jsxs(s.FormFieldComboboxItem,{item:d,children:[e.jsx(s.FormFieldComboboxItemText,{children:d.label}),e.jsx(s.FormFieldComboboxItemIndicator,{})]},d.value))})})})})]}),e.jsx(s.FormFieldDescription,{}),e.jsx(s.FormFieldError,{})]},t.name)),e.jsx(s.FormError,{})]})}),e.jsxs(s.FormFooter,{children:[e.jsx(s.FormCancel,{}),e.jsx(s.FormSubmit,{})]})]}),e.jsxs(s.FormSuccess,{children:[e.jsx(s.FormSuccessHeading,{}),e.jsx(s.FormSuccessMessage,{}),e.jsx(s.FormSuccessButton,{})]})]})}exports.InkeepEmbeddedChat=N;exports.InkeepEmbeddedChatImpl=y;exports.InkeepEmbeddedChatImplContent=T;exports.InkeepEmbeddedChatProvider=E;