@inkeep/agents-ui 0.14.15 → 0.14.17

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

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

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

package/package.json

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