@inkeep/agents-ui 0.15.5 → 0.15.7

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

@@ -1,3 +1,3 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("@ai-sdk/react"),Y=require("ai"),n=require("react"),Z=require("../../providers/config-provider.cjs"),ee=require("../../hooks/use-media-query.cjs"),R=require("../../utils/generate-uid.cjs"),te=require("../../providers/base-events-provider.cjs"),se=require("../../providers/chat-form-provider.cjs"),ne=require("../../providers/widget-provider.cjs"),re=require("@radix-ui/react-use-controllable-state"),ae=require("../../hooks/use-streaming-events.cjs"),x=`Hmm.. 
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("@ai-sdk/react"),Z=require("ai"),n=require("react"),ee=require("../../providers/config-provider.cjs"),te=require("../../hooks/use-media-query.cjs"),k=require("../../utils/generate-uid.cjs"),se=require("../../providers/base-events-provider.cjs"),ne=require("../../providers/chat-form-provider.cjs"),re=require("../../providers/widget-provider.cjs"),ae=require("@radix-ui/react-use-controllable-state"),oe=require("../../hooks/use-streaming-events.cjs"),A=`Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`,oe=()=>{const{baseSettings:v,aiChatSettings:o}=Z.useInkeepConfig(),[s="",E]=re.useControllableState({prop:o.conversationId,defaultProp:o.conversationId??""}),{logEvent:i}=te.useBaseEvents(),{setConversationId:P,emitToParent:u}=ae.useStreamingEvents(),[a,l]=n.useState(""),k=e=>l(e.target.value),{filters:S}=v,{onInputMessageChange:A,filters:b,agentUrl:D,context:N,headers:U,apiKey:y}=o,T=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${v.organizationDisplayName??"Administrator"}`;default:return x}},[O,d]=n.useState([]),[K,C]=n.useState(null),{messages:g,sendMessage:L,status:I,setMessages:w,stop:W,error:p}=X.useChat({transport:new Y.DefaultChatTransport({api:D,headers:{...y?{Authorization:`Bearer ${y}`}:{},...U},body:{requestContext:N}}),onData(e){u(e.type,e.data)},async onFinish(){u("completion",{conversationId:s}),await i({eventName:"assistant_message_received",properties:{conversationId:s}}),i({eventName:"assistant_answer_displayed",properties:{conversationId:s}})},onError(e){console.log("onError",e.message),w(c=>{const r=[...c],t=r[r.length-1];if(t){const F=T(e);t.role==="user"?r.push({id:R.generateUid(16),role:"assistant",parts:[{type:"text",text:F}]}):t.parts=[{type:"text",text:F}]}return r})}}),M=I==="submitted",$=I==="streaming",z=g.length===0,m=!a.trim()||M,B=ee.useMediaQuery("(max-width: 768px)"),[G,h]=n.useState(null);n.useEffect(()=>{p&&h(p)},[p]);const H=()=>h(null),_=n.useRef(null);n.useEffect(()=>{A?.(a)},[a]);const Q=e=>{e.key==="Enter"&&!e.shiftKey&&!m&&!e.nativeEvent.isComposing&&(e.preventDefault(),f())},f=async(e=a)=>{if(m&&(!e||e.trim().length===0))return;d([]),l(""),await i({eventName:"user_message_submitted",properties:{conversationId:s}});const c=S||b?JSON.stringify({...S,...b}):void 0,r={};c&&(r["inkeep-filters"]=c);let t=s;t||(t=`conv_${R.generateUid(16)}`,E(t)),P(t),L({text:e},{headers:r,body:{conversationId:t}})},j=()=>{W().then(()=>{u("aborted",{conversationId:s})})},q=()=>{H(),w([]),E(""),d([]),C(null),i({eventName:"chat_clear_button_clicked",properties:{conversationId:s}})},{openForm:J}=se.useChatForm(),V=ne.useWidget();return n.useImperativeHandle(o.chatFunctionsRef,()=>({submitMessage:f,updateInputMessage(e){l(e)},clearChat:q,openForm:e=>{V?.setView("chat"),J(e,void 0)},focusInput:()=>{_.current?.focus()}})),{messages:g,isLoading:M,isStreaming:$,error:G,setError:h,isSubmitDisabled:m,input:a,handleInputChange:k,handleInputKeyDown:Q,handleSubmit:f,stop:j,clear:q,isEmpty:g.length===0,inputRef:_,isMobile:B,messageAttachments:O,setMessageAttachments:d,selectedWorkflow:K,setSelectedWorkflow:C,isNewChat:z,conversationId:s}};exports.DEFAULT_ERROR_MESSAGE=x;exports.useInkeepChat=oe;
+It seems I might be having some issues right now. Please clear the chat and try again.`,ie=()=>{const{baseSettings:C,aiChatSettings:i}=ee.useInkeepConfig(),[t="",b]=ae.useControllableState({prop:i.conversationId,defaultProp:i.conversationId??""}),{logEvent:a}=se.useBaseEvents(),{setConversationId:D,emitToParent:u}=oe.useStreamingEvents(),[o,l]=n.useState(""),N=e=>l(e.target.value),{filters:y}=C,{onInputMessageChange:U,filters:I,agentUrl:M,context:d,headers:g,apiKey:p}=i,T=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${C.organizationDisplayName??"Administrator"}`;default:return A}},[O,m]=n.useState([]),[H,w]=n.useState(null),K=n.useMemo(()=>new Z.DefaultChatTransport({api:M,headers:{...p?{Authorization:`Bearer ${p}`}:{},...g},body:{requestContext:d}}),[M,p,g,d]),{messages:h,sendMessage:L,status:_,setMessages:q,stop:W,error:f}=Y.useChat({transport:K,onData(e){u(e.type,e.data)},async onFinish(){u("completion",{conversationId:t}),await a({eventName:"assistant_message_received",properties:{conversationId:t}}),a({eventName:"assistant_answer_displayed",properties:{conversationId:t}})},onError(e){console.log("onError",e.message),a({eventName:"chat_error",properties:{conversationId:t,error:e.message}}),q(c=>{const r=[...c],s=r[r.length-1];if(s){const P=T(e);s.role==="user"?r.push({id:k.generateUid(16),role:"assistant",parts:[{type:"text",text:P}]}):s.parts=[{type:"text",text:P}]}return r})}}),x=_==="submitted",$=_==="streaming",z=h.length===0,v=!o.trim()||x,B=te.useMediaQuery("(max-width: 768px)"),[G,E]=n.useState(null);n.useEffect(()=>{f&&E(f)},[f]);const Q=()=>E(null),F=n.useRef(null);n.useEffect(()=>{U?.(o)},[o]);const j=e=>{e.key==="Enter"&&!e.shiftKey&&!v&&!e.nativeEvent.isComposing&&(e.preventDefault(),S())},S=async(e=o)=>{if(v&&(!e||e.trim().length===0))return;m([]),l(""),await a({eventName:"user_message_submitted",properties:{conversationId:t}});const c=y||I?JSON.stringify({...y,...I}):void 0,r={...g};c&&(r["inkeep-filters"]=c);let s=t;s||(s=`conv_${k.generateUid(16)}`,b(s)),D(s),L({text:e},{headers:r,body:{conversationId:s,requestContext:d}})},J=()=>{W().then(()=>{u("aborted",{conversationId:t})})},R=()=>{Q(),q([]),b(""),m([]),w(null),a({eventName:"chat_clear_button_clicked",properties:{conversationId:t}})},{openForm:V}=ne.useChatForm(),X=re.useWidget();return n.useImperativeHandle(i.chatFunctionsRef,()=>({submitMessage:S,updateInputMessage(e){l(e)},clearChat:R,openForm:e=>{X?.setView("chat"),V(e,void 0)},focusInput:()=>{F.current?.focus()}})),{messages:h,isLoading:x,isStreaming:$,error:G,setError:E,isSubmitDisabled:v,input:o,handleInputChange:N,handleInputKeyDown:j,handleSubmit:S,stop:J,clear:R,isEmpty:h.length===0,inputRef:F,isMobile:B,messageAttachments:O,setMessageAttachments:m,selectedWorkflow:H,setSelectedWorkflow:w,isNewChat:z,conversationId:t}};exports.DEFAULT_ERROR_MESSAGE=A;exports.useInkeepChat=ie;

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

@@ -1,175 +1,185 @@
 "use client";
-import { useChat as X } from "@ai-sdk/react";
-import { DefaultChatTransport as Y } from "ai";
-import { useState as c, useEffect as k, useRef as Z, useImperativeHandle as ee } from "react";
-import { useInkeepConfig as te } from "../../providers/config-provider.js";
-import { useMediaQuery as se } from "../../hooks/use-media-query.js";
-import { generateUid as D } from "../../utils/generate-uid.js";
-import { useBaseEvents as ne } from "../../providers/base-events-provider.js";
-import { useChatForm as oe } from "../../providers/chat-form-provider.js";
-import { useWidget as re } from "../../providers/widget-provider.js";
-import { useControllableState as ae } from "@radix-ui/react-use-controllable-state";
-import { useStreamingEvents as ie } from "../../hooks/use-streaming-events.js";
-const ce = `Hmm.. 
+import { useChat as Y } from "@ai-sdk/react";
+import { DefaultChatTransport as Z } from "ai";
+import { useState as c, useMemo as ee, useEffect as A, useRef as te, useImperativeHandle as se } from "react";
+import { useInkeepConfig as ne } from "../../providers/config-provider.js";
+import { useMediaQuery as oe } from "../../hooks/use-media-query.js";
+import { generateUid as R } from "../../utils/generate-uid.js";
+import { useBaseEvents as re } from "../../providers/base-events-provider.js";
+import { useChatForm as ae } from "../../providers/chat-form-provider.js";
+import { useWidget as ie } from "../../providers/widget-provider.js";
+import { useControllableState as ce } from "@radix-ui/react-use-controllable-state";
+import { useStreamingEvents as me } from "../../hooks/use-streaming-events.js";
+const ue = `Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`, ye = () => {
-  const { baseSettings: v, aiChatSettings: r } = te(), [s = "", I] = ae({
-    prop: r.conversationId,
-    defaultProp: r.conversationId ?? ""
-  }), { logEvent: a } = ne(), { setConversationId: N, emitToParent: m } = ie(), [o, l] = c(""), A = (e) => l(e.target.value), {
+It seems I might be having some issues right now. Please clear the chat and try again.`, be = () => {
+  const { baseSettings: y, aiChatSettings: a } = ne(), [t = "", E] = ce({
+    prop: a.conversationId,
+    defaultProp: a.conversationId ?? ""
+  }), { logEvent: o } = re(), { setConversationId: P, emitToParent: m } = me(), [r, u] = c(""), T = (e) => u(e.target.value), {
     /*  shouldBypassCaptcha, */
-    filters: C
-  } = v, {
-    onInputMessageChange: R,
-    filters: y,
-    agentUrl: P,
-    context: T,
-    headers: K,
-    apiKey: E
-  } = r, U = (e) => {
+    filters: b
+  } = y, {
+    onInputMessageChange: q,
+    filters: w,
+    agentUrl: S,
+    context: l,
+    headers: p,
+    apiKey: g
+  } = a, H = (e) => {
     switch (e.code) {
       case 400:
         return e.message;
       case 403:
-        return `There seems to be a configuration error. Please contact ${v.organizationDisplayName ?? "Administrator"}`;
+        return `There seems to be a configuration error. Please contact ${y.organizationDisplayName ?? "Administrator"}`;
       default:
-        return ce;
+        return ue;
     }
-  }, [W, p] = c([]), [$, b] = c(null), {
-    messages: u,
-    sendMessage: z,
-    status: w,
-    setMessages: S,
-    stop: B,
-    error: g
-  } = X({
-    transport: new Y({
-      api: P,
+  }, [K, d] = c([]), [U, M] = c(null), W = ee(
+    () => new Z({
+      api: S,
       headers: {
-        ...E ? { Authorization: `Bearer ${E}` } : {},
-        ...K
+        ...g ? { Authorization: `Bearer ${g}` } : {},
+        ...p
       },
       body: {
-        requestContext: T
+        requestContext: l
       }
     }),
+    [S, g, p, l]
+  ), {
+    messages: h,
+    sendMessage: $,
+    status: _,
+    setMessages: x,
+    stop: z,
+    error: f
+  } = Y({
+    transport: W,
     onData(e) {
       m(e.type, e.data);
     },
     async onFinish() {
-      m("completion", { conversationId: s }), await a({
+      m("completion", { conversationId: t }), await o({
         eventName: "assistant_message_received",
         properties: {
-          conversationId: s
+          conversationId: t
         }
-      }), a({
+      }), o({
         eventName: "assistant_answer_displayed",
         properties: {
-          conversationId: s
+          conversationId: t
         }
       });
     },
     onError(e) {
-      console.log("onError", e.message), S((i) => {
-        const n = [...i], t = n[n.length - 1];
-        if (t) {
-          const F = U(e);
-          t.role === "user" ? n.push({
-            id: D(16),
+      console.log("onError", e.message), o({
+        eventName: "chat_error",
+        properties: {
+          conversationId: t,
+          error: e.message
+        }
+      }), x((i) => {
+        const n = [...i], s = n[n.length - 1];
+        if (s) {
+          const D = H(e);
+          s.role === "user" ? n.push({
+            id: R(16),
             role: "assistant",
-            parts: [{ type: "text", text: F }]
-          }) : t.parts = [{ type: "text", text: F }];
+            parts: [{ type: "text", text: D }]
+          }) : s.parts = [{ type: "text", text: D }];
         }
         return n;
       });
     }
-  }), M = w === "submitted", H = w === "streaming", L = u.length === 0, d = !o.trim() || M, O = se("(max-width: 768px)"), [q, h] = c(null);
-  k(() => {
-    g && h(g);
-  }, [g]);
-  const G = () => h(null), _ = Z(null);
-  k(() => {
-    R?.(o);
-  }, [o]);
-  const J = (e) => {
-    e.key === "Enter" && !e.shiftKey && !d && !e.nativeEvent.isComposing && (e.preventDefault(), f());
-  }, f = async (e = o) => {
-    if (d && (!e || e.trim().length === 0)) return;
-    p([]), l(""), await a({
+  }), F = _ === "submitted", B = _ === "streaming", L = h.length === 0, v = !r.trim() || F, O = oe("(max-width: 768px)"), [G, C] = c(null);
+  A(() => {
+    f && C(f);
+  }, [f]);
+  const J = () => C(null), N = te(null);
+  A(() => {
+    q?.(r);
+  }, [r]);
+  const Q = (e) => {
+    e.key === "Enter" && !e.shiftKey && !v && !e.nativeEvent.isComposing && (e.preventDefault(), I());
+  }, I = async (e = r) => {
+    if (v && (!e || e.trim().length === 0)) return;
+    d([]), u(""), await o({
       eventName: "user_message_submitted",
       properties: {
-        conversationId: s
+        conversationId: t
       }
     });
-    const i = C || y ? JSON.stringify({
-      ...C,
-      ...y
-    }) : void 0, n = {};
+    const i = b || w ? JSON.stringify({
+      ...b,
+      ...w
+    }) : void 0, n = {
+      ...p
+    };
     i && (n["inkeep-filters"] = i);
-    let t = s;
-    t || (t = `conv_${D(16)}`, I(t)), N(t), z(
-      // { ...userMessage, files },
-      // { ...userMessage, },
+    let s = t;
+    s || (s = `conv_${R(16)}`, E(s)), P(s), $(
       {
         text: e
       },
       {
         headers: n,
         body: {
-          conversationId: t
+          conversationId: s,
+          requestContext: l
         }
       }
     );
-  }, Q = () => {
-    B().then(() => {
-      m("aborted", { conversationId: s });
+  }, V = () => {
+    z().then(() => {
+      m("aborted", { conversationId: t });
     });
-  }, x = () => {
-    G(), S([]), I(""), p([]), b(null), a({
+  }, k = () => {
+    J(), x([]), E(""), d([]), M(null), o({
       eventName: "chat_clear_button_clicked",
       properties: {
-        conversationId: s
+        conversationId: t
       }
     });
-  }, { openForm: V } = oe(), j = re();
-  return ee(r.chatFunctionsRef, () => ({
-    submitMessage: f,
+  }, { openForm: j } = ae(), X = ie();
+  return se(a.chatFunctionsRef, () => ({
+    submitMessage: I,
     updateInputMessage(e) {
-      l(e);
+      u(e);
     },
-    clearChat: x,
+    clearChat: k,
     openForm: (e) => {
-      j?.setView("chat"), V(e, void 0);
+      X?.setView("chat"), j(e, void 0);
     },
     focusInput: () => {
-      _.current?.focus();
+      N.current?.focus();
     }
   })), {
-    messages: u,
-    isLoading: M,
-    isStreaming: H,
-    error: q,
-    setError: h,
-    isSubmitDisabled: d,
-    input: o,
-    handleInputChange: A,
-    handleInputKeyDown: J,
-    handleSubmit: f,
-    stop: Q,
-    clear: x,
-    isEmpty: u.length === 0,
-    inputRef: _,
+    messages: h,
+    isLoading: F,
+    isStreaming: B,
+    error: G,
+    setError: C,
+    isSubmitDisabled: v,
+    input: r,
+    handleInputChange: T,
+    handleInputKeyDown: Q,
+    handleSubmit: I,
+    stop: V,
+    clear: k,
+    isEmpty: h.length === 0,
+    inputRef: N,
     isMobile: O,
     // Additional state for attachments and workflow
-    messageAttachments: W,
-    setMessageAttachments: p,
-    selectedWorkflow: $,
-    setSelectedWorkflow: b,
+    messageAttachments: K,
+    setMessageAttachments: d,
+    selectedWorkflow: U,
+    setSelectedWorkflow: M,
     isNewChat: L,
-    conversationId: s
+    conversationId: t
   };
 };
 export {
-  ce as DEFAULT_ERROR_MESSAGE,
-  ye as useInkeepChat
+  ue as DEFAULT_ERROR_MESSAGE,
+  be as useInkeepChat
 };

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

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

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

@@ -5,7 +5,7 @@ import { useInkeepConfig as g } from "./config-provider.js";
 const a = d(void 0), P = ({ children: e }) => {
   const { baseSettings: t, componentType: o } = g(), { tags: s, analyticsProperties: n } = t, r = u(
     () => ({
-      widgetLibraryVersion: "0.15.4",
+      widgetLibraryVersion: "0.15.6",
       componentType: o,
       tags: s
     }),

package/dist/types/events.d.ts

@@ -43,7 +43,7 @@ type ExtendPropertiesWithCommon<T> = T extends {
 export type InkeepEventWithCommon = ExtendPropertiesWithCommon<InkeepEvent>;
 export type InkeepCallbackEvent = InkeepEventWithCommon;
 export type SearchEvent = SearchQueryResponseReceivedEvent | SearchQuerySubmittedEvent | SearchResultClickedEvent;
-export type ChatEvent = AssistantMessageReceivedEvent | AssistantAnswerDisplayedEvent | UserMessageSubmittedEvent | UserEscalationIndicatedEvent | SharedChatLoadedEvent | AssistantPositiveFeedbackSubmittedEvent | AssistantNegativeFeedbackSubmittedEvent | ChatClearButtonClickedEvent | AssistantMessageCopiedEvent | GetHelpOptionClickedEvent | ChatShareButtonClickedEvent | AssistantSourceItemClickedEvent | AssistantMessageLinkOpenedEvent | AssistantCodeBlockCopiedEvent;
+export type ChatEvent = AssistantMessageReceivedEvent | AssistantAnswerDisplayedEvent | UserMessageSubmittedEvent | UserEscalationIndicatedEvent | SharedChatLoadedEvent | AssistantPositiveFeedbackSubmittedEvent | AssistantNegativeFeedbackSubmittedEvent | ChatClearButtonClickedEvent | AssistantMessageCopiedEvent | GetHelpOptionClickedEvent | ChatShareButtonClickedEvent | AssistantSourceItemClickedEvent | AssistantMessageLinkOpenedEvent | AssistantCodeBlockCopiedEvent | ChatErrorEvent;
 export type WidgetEvent = ModalOpenedEvent | ModalClosedEvent | ChatBubbleOpenedEvent | ChatBubbleClosedEvent;
 export type InkeepEvent = SearchEvent | ChatEvent | WidgetEvent;
 export interface AssistantMessageReceivedEvent {
@@ -141,6 +141,13 @@ export interface AssistantMessageLinkOpenedEvent {
         url?: string;
     };
 }
+export interface ChatErrorEvent {
+    eventName: 'chat_error';
+    properties: {
+        conversationId: string;
+        error?: string;
+    };
+}
 export interface SearchResultClickedEvent {
     eventName: 'search_result_clicked';
     properties: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-ui",
-  "version": "0.15.5",
+  "version": "0.15.7",
   "description": "",
   "homepage": "",
   "repository": {