@inkeep/agents-ui 0.15.1 → 0.15.3

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../providers/base-events-provider.cjs"),p=require("../../providers/chat-form-provider.cjs"),c=require("../modal/modal-provider.cjs"),d=require("./chat-provider.cjs"),u=e=>{const{logEvent:n}=a.useBaseEvents(),{conversationId:o,messages:t}=d.useChat(),{openForm:s}=p.useChatForm(),i=c.useModal();return{handleAction:r=>{if(e.action.type==="open_form"){r?.onOpenForm?.();const l="name"in e?e:void 0;s?.(e.action.formSettings,l)}else e.action.type==="invoke_callback"&&(e.action.callback({conversation:{id:o,messages:t}}),e.action.shouldCloseModal&&i?.setOpen(!1))},logHelpAction:()=>{"name"in e&&(n({eventName:"get_help_option_clicked",properties:{getHelpOption:e,conversationId:o}}),e.action.type!=="open_form"&&n({eventName:"user_escalation_indicated",properties:{escalationType:"get_help_option",getHelpOption:e,conversationId:o}}))}}};exports.useChatAction=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../providers/base-events-provider.cjs"),c=require("../../providers/chat-form-provider.cjs"),d=require("../modal/modal-provider.cjs"),u=require("./chat-provider.cjs"),m=(e,s)=>{const{logEvent:t}=p.useBaseEvents(),{conversationId:n,messages:i}=u.useChat(),{openForm:a}=c.useChatForm(),r=d.useModal();return{handleAction:l=>{if(e.action.type==="open_form"){l?.onOpenForm?.();const o="name"in e?e:void 0;a?.(e.action.formSettings,o)}else if(e.action.type==="invoke_callback"||e.action.type==="invoke_message_callback"){const o={conversation:{id:n,messages:i}};e.action.type==="invoke_message_callback"?e.action.callback({...o,messageId:s}):e.action.callback({...o}),e.action.shouldCloseModal&&r?.setOpen(!1)}},logHelpAction:()=>{"name"in e&&(t({eventName:"get_help_option_clicked",properties:{getHelpOption:e,conversationId:n}}),e.action.type!=="open_form"&&t({eventName:"user_escalation_indicated",properties:{escalationType:"get_help_option",getHelpOption:e,conversationId:n}}))}}};exports.useChatAction=m;

package/dist/primitives/components/embedded-chat/use-chat-action.d.ts

@@ -2,7 +2,7 @@ import { IkpChatAction } from '../../../types/index.ts';
 interface HandleAction {
     onOpenForm?: Function;
 }
-export declare const useChatAction: (chatAction: IkpChatAction) => {
+export declare const useChatAction: (chatAction: IkpChatAction, messageId?: string) => {
     handleAction: (opts?: HandleAction) => void;
     logHelpAction: () => void;
 };

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

@@ -1,38 +1,41 @@
 "use client";
 import { useBaseEvents as r } from "../../providers/base-events-provider.js";
-import { useChatForm as a } from "../../providers/chat-form-provider.js";
-import { useModal as m } from "../modal/modal-provider.js";
+import { useChatForm as m } from "../../providers/chat-form-provider.js";
+import { useModal as c } from "../modal/modal-provider.js";
 import { useChat as f } from "./chat-provider.js";
-const H = (e) => {
-  const { logEvent: n } = r(), { conversationId: o, messages: t } = f(), { openForm: s } = a(), i = m();
+const y = (e, t) => {
+  const { logEvent: s } = r(), { conversationId: n, messages: i } = f(), { openForm: l } = m(), a = c();
   return { handleAction: (p) => {
     if (e.action.type === "open_form") {
       p?.onOpenForm?.();
-      const l = "name" in e ? e : void 0;
-      s?.(e.action.formSettings, l);
-    } else e.action.type === "invoke_callback" && (e.action.callback({
-      conversation: {
-        id: o,
-        messages: t
-      }
-    }), e.action.shouldCloseModal && i?.setOpen(!1));
+      const o = "name" in e ? e : void 0;
+      l?.(e.action.formSettings, o);
+    } else if (e.action.type === "invoke_callback" || e.action.type === "invoke_message_callback") {
+      const o = {
+        conversation: {
+          id: n,
+          messages: i
+        }
+      };
+      e.action.type === "invoke_message_callback" ? e.action.callback({ ...o, messageId: t }) : e.action.callback({ ...o }), e.action.shouldCloseModal && a?.setOpen(!1);
+    }
   }, logHelpAction: () => {
-    "name" in e && (n({
+    "name" in e && (s({
       eventName: "get_help_option_clicked",
       properties: {
         getHelpOption: e,
-        conversationId: o
+        conversationId: n
       }
-    }), e.action.type !== "open_form" && n({
+    }), e.action.type !== "open_form" && s({
       eventName: "user_escalation_indicated",
       properties: {
         escalationType: "get_help_option",
         getHelpOption: e,
-        conversationId: o
+        conversationId: n
       }
     }));
   } };
 };
 export {
-  H as useChatAction
+  y as useChatAction
 };

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"),F=`Hmm.. 
+"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.. 
 
-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;
+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;

package/dist/primitives/components/embedded-chat/use-inkeep-chat.d.ts

@@ -14,7 +14,6 @@ export declare const useInkeepChat: () => {
     handleSubmit: (content?: string) => Promise<void>;
     stop: () => void;
     clear: () => void;
-    messageButtons: Record<string, any[]>;
     isEmpty: boolean;
     inputRef: RefObject<HTMLTextAreaElement | null>;
     isMobile: boolean;

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

@@ -1,105 +1,113 @@
 "use client";
 import { useChat as X } from "@ai-sdk/react";
 import { DefaultChatTransport as Y } from "ai";
-import { useState as r, useEffect as F, useRef as Z, useImperativeHandle as ee } from "react";
+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 ne } from "../../utils/generate-uid.js";
-import { useBaseEvents as oe } from "../../providers/base-events-provider.js";
-import { useChatForm as re } from "../../providers/chat-form-provider.js";
-import { useWidget as ae } from "../../providers/widget-provider.js";
-import { useControllableState as ie } from "@radix-ui/react-use-controllable-state";
-import { useStreamingEvents as ce } from "../../hooks/use-streaming-events.js";
-const me = `Hmm.. 
+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.. 
 
-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: k, emitToParent: m } = ce(), [o, u] = r(""), D = (e) => u(e.target.value), {
+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), {
     /*  shouldBypassCaptcha, */
     filters: C
   } = v, {
-    onInputMessageChange: N,
-    filters: E,
-    agentUrl: A,
-    context: R,
-    headers: B,
-    apiKey: b
-  } = a, P = (e) => {
+    onInputMessageChange: R,
+    filters: y,
+    agentUrl: P,
+    context: T,
+    headers: K,
+    apiKey: E
+  } = r, U = (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 me;
+        return ce;
     }
-  }, [T, K] = r({}), [U, l] = r([]), [W, y] = r(null), {
-    messages: p,
-    sendMessage: $,
+  }, [W, p] = c([]), [$, b] = c(null), {
+    messages: u,
+    sendMessage: z,
     status: w,
     setMessages: S,
-    stop: z,
+    stop: B,
     error: g
   } = X({
     transport: new Y({
-      api: A,
+      api: P,
       headers: {
-        ...b ? { Authorization: `Bearer ${b}` } : {},
-        ...B
+        ...E ? { Authorization: `Bearer ${E}` } : {},
+        ...K
       },
       body: {
-        requestContext: R
+        requestContext: T
       }
     }),
     onData(e) {
       m(e.type, e.data);
     },
     async onFinish() {
-      m("completion", { conversationId: t }), await i({
+      m("completion", { conversationId: s }), await a({
         eventName: "assistant_message_received",
         properties: {
-          conversationId: t
+          conversationId: s
         }
-      }), i({
+      }), a({
         eventName: "assistant_answer_displayed",
         properties: {
-          conversationId: t
+          conversationId: s
         }
       });
     },
     onError(e) {
-      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;
+      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),
+            role: "assistant",
+            parts: [{ type: "text", text: F }]
+          }) : t.parts = [{ type: "text", text: F }];
+        }
+        return n;
       });
     }
-  }), M = w === "submitted", H = w === "streaming", L = p.length === 0, d = !o.trim() || M, O = se("(max-width: 768px)"), [q, h] = r(null);
-  F(() => {
+  }), 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);
-  F(() => {
-    N?.(o);
+  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;
-    l([]), u(""), await i({
+    p([]), l(""), await a({
       eventName: "user_message_submitted",
       properties: {
-        conversationId: t
+        conversationId: s
       }
     });
-    const c = C || E ? JSON.stringify({
+    const i = C || y ? JSON.stringify({
       ...C,
-      ...E
+      ...y
     }) : void 0, n = {};
-    c && (n["inkeep-filters"] = c);
-    let s = t;
-    s || (s = `conv_${ne(16)}`, I(s)), k(s), $(
+    i && (n["inkeep-filters"] = i);
+    let t = s;
+    t || (t = `conv_${D(16)}`, I(t)), N(t), z(
       // { ...userMessage, files },
       // { ...userMessage, },
       {
@@ -108,26 +116,26 @@ It seems I might be having some issues right now. Please clear the chat and try
       {
         headers: n,
         body: {
-          conversationId: s
+          conversationId: t
         }
       }
     );
   }, Q = () => {
-    z().then(() => {
-      m("aborted", { conversationId: t });
+    B().then(() => {
+      m("aborted", { conversationId: s });
     });
   }, x = () => {
-    G(), S([]), I(""), K({}), l([]), y(null), i({
+    G(), S([]), I(""), p([]), b(null), a({
       eventName: "chat_clear_button_clicked",
       properties: {
-        conversationId: t
+        conversationId: s
       }
     });
-  }, { openForm: V } = re(), j = ae();
-  return ee(a.chatFunctionsRef, () => ({
+  }, { openForm: V } = oe(), j = re();
+  return ee(r.chatFunctionsRef, () => ({
     submitMessage: f,
     updateInputMessage(e) {
-      u(e);
+      l(e);
     },
     clearChat: x,
     openForm: (e) => {
@@ -137,32 +145,31 @@ It seems I might be having some issues right now. Please clear the chat and try
       _.current?.focus();
     }
   })), {
-    messages: p,
+    messages: u,
     isLoading: M,
     isStreaming: H,
     error: q,
     setError: h,
     isSubmitDisabled: d,
     input: o,
-    handleInputChange: D,
+    handleInputChange: A,
     handleInputKeyDown: J,
     handleSubmit: f,
     stop: Q,
     clear: x,
-    messageButtons: T,
-    isEmpty: p.length === 0,
+    isEmpty: u.length === 0,
     inputRef: _,
     isMobile: O,
     // Additional state for attachments and workflow
-    messageAttachments: U,
-    setMessageAttachments: l,
-    selectedWorkflow: W,
-    setSelectedWorkflow: y,
+    messageAttachments: W,
+    setMessageAttachments: p,
+    selectedWorkflow: $,
+    setSelectedWorkflow: b,
     isNewChat: L,
-    conversationId: t
+    conversationId: s
   };
 };
 export {
-  me as DEFAULT_ERROR_MESSAGE,
-  be as useInkeepChat
+  ce as DEFAULT_ERROR_MESSAGE,
+  ye as useInkeepChat
 };