@inkeep/agents-ui 0.15.6 → 0.15.8

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

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

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