@inkeep/cxkit-primitives 0.5.42 → 0.5.44

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

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _e=require("openai"),t=require("react"),Ae=require("../../providers/config-provider.cjs"),Re=require("../../providers/conversation-provider.cjs"),Le=require("../../providers/chat-events-provider.cjs"),B=require("../../utils/get-message-metadata.cjs"),xe=require("../../utils/misc.cjs"),ae=require("../../utils/reset-query-params.cjs"),Be=require("../../providers/chat-form-provider.cjs"),De=require("../../providers/widget-provider.cjs"),Oe=require("../../hooks/use-media-query.cjs"),Fe=require("./use-captcha.cjs"),Ke=require("../modal/modal-provider.cjs"),u=require("../../utils/generate-uid.cjs"),Te=require("../../utils/tools/links-tool.cjs"),Qe=require("../../atoms/api/analytics/conversation.cjs"),We=()=>{const{chatId:f,setConversation:re,conversation:D,resetConversation:ie}=Re.useInkeepConversation(),{baseSettings:k,aiChatSettings:O}=Ae.useInkeepConfig(),{aiApiBaseUrl:F,shouldBypassCaptcha:K,filters:T}=k,Q=Ke.useModal(),{getSolution:ce,prefetchSolution:b,invalidateSolution:W}=Fe.useCaptcha({fetchUrl:`${F}/v1/challenge`,shouldBypassCaptcha:K,shouldMakeInitialRequest:Q?Q.isOpen:!0}),le=new _e({baseURL:`${F}/v1`,apiKey:k.apiKey,dangerouslyAllowBrowser:!0}),{onInputMessageChange:ue,getTools:ge,prompts:de,model:me,filters:J}=O,[p,N]=t.useState(""),z=t.useRef(null);t.useEffect(()=>{ue?.(p)},[p]);const[g,l]=t.useState([]),[H,h]=t.useState(!1),[fe,v]=t.useState(!1),[pe,j]=t.useState(null),[_,G]=t.useState(null),[y,S]=t.useState([]),he=e=>{S(s=>[...s,e])},[ve,V]=t.useState({}),i=t.useRef([]),C=t.useRef(null),{logEvent:q}=Le.useChatEvents(),X=de?.map((e,s)=>({id:`system-${Date.now().toString()}-${u.generateUid(4)}-${s}`,role:"system",content:e})),[ye,Se]=t.useState(!!f);t.useEffect(()=>{if(f){const{apiKey:e,analyticsApiBaseUrl:s}=k;Qe.getConversation(f,e,s).then(n=>{if(n){q({eventName:"shared_chat_loaded",properties:{conversation:n}}),Se(!1),re({...n,id:""});const a=n.messages.map(c=>({id:Date.now().toString()+u.generateUid(4)+c.id,content:xe.parseIfJson(c.content),role:c.role,links:c.links}));l(a),i.current=a}})}},[f]);const Ce=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${k.organizationDisplayName??"Administrator"}`;default:return`Hmm.. 
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ae=require("openai"),t=require("react"),Re=require("../../providers/config-provider.cjs"),Le=require("../../providers/conversation-provider.cjs"),xe=require("../../providers/chat-events-provider.cjs"),D=require("../../utils/get-message-metadata.cjs"),Be=require("../../utils/misc.cjs"),ae=require("../../utils/reset-query-params.cjs"),De=require("../../providers/chat-form-provider.cjs"),Oe=require("../../providers/widget-provider.cjs"),Fe=require("../../hooks/use-media-query.cjs"),Te=require("./use-captcha.cjs"),Ke=require("../modal/modal-provider.cjs"),u=require("../../utils/generate-uid.cjs"),Qe=require("../../utils/tools/links-tool.cjs"),We=require("../../atoms/api/analytics/conversation.cjs"),Je=()=>{const{chatId:f,setConversation:re,conversation:N,resetConversation:ie}=Le.useInkeepConversation(),{baseSettings:b,aiChatSettings:O}=Re.useInkeepConfig(),{aiApiBaseUrl:F,shouldBypassCaptcha:T,filters:K}=b,Q=Ke.useModal(),{getSolution:ce,prefetchSolution:q,invalidateSolution:W}=Te.useCaptcha({fetchUrl:`${F}/v1/challenge`,shouldBypassCaptcha:T,shouldMakeInitialRequest:Q?Q.isOpen:!0}),le=new Ae({baseURL:`${F}/v1`,apiKey:b.apiKey,dangerouslyAllowBrowser:!0}),{onInputMessageChange:ue,getTools:ge,prompts:de,model:me,filters:J,onToolCall:fe}=O,[p,_]=t.useState(""),z=t.useRef(null);t.useEffect(()=>{ue?.(p)},[p]);const[g,l]=t.useState([]),[H,h]=t.useState(!1),[pe,v]=t.useState(!1),[he,j]=t.useState(null),[A,G]=t.useState(null),[y,S]=t.useState([]),ve=e=>{S(s=>[...s,e])},[ye,V]=t.useState({}),i=t.useRef([]),C=t.useRef(null),{logEvent:P}=xe.useChatEvents(),X=de?.map((e,s)=>({id:`system-${Date.now().toString()}-${u.generateUid(4)}-${s}`,role:"system",content:e})),[Se,Ce]=t.useState(!!f);t.useEffect(()=>{if(f){const{apiKey:e,analyticsApiBaseUrl:s}=b;We.getConversation(f,e,s).then(n=>{if(n){P({eventName:"shared_chat_loaded",properties:{conversation:n}}),Ce(!1),re({...n,id:""});const a=n.messages.map(c=>({id:Date.now().toString()+u.generateUid(4)+c.id,content:Be.parseIfJson(c.content),role:c.role,links:c.links}));l(a),i.current=a}})}},[f]);const Me=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${b.organizationDisplayName??"Administrator"}`;default:return`Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`}},Y=e=>{j(e),l(s=>{const n=[...s],a=n[n.length-1];return a&&(a.content=Ce(e)),n}),h(!1),v(!1),W(),b()},A=!p.trim()&&!y.length||H,Me=e=>{e.key==="Enter"&&!e.shiftKey&&!A&&!e.nativeEvent.isComposing&&(e.preventDefault(),R())},we=e=>{const s=e.target.value;N(s)},R=async(e=p)=>{if(A&&(!e||e.trim().length===0))return;h(!0);const s=_?g.length===2:g.length===0,n=B.getMessageMetadata(_,y,s);let a;const c=B.serializeAttachments(y);y.length&&c?a=[{type:"text",text:c}]:a=e;const ee={id:`${Date.now().toString()}-${u.generateUid(4)}-1`,role:"user",content:a,metadata:n},P=[...g.length?[]:X,ee];f&&ae.resetQueryParams(),l(M=>[...M,...P]),i.current=[...i.current,...P],S([]),N(""),q({eventName:"user_message_submitted",properties:{}},i.current);const te=[Te.provideLinksTool,...ge?.({conversation:D})||[]];try{const M={model:me,messages:i.current,stream:!0,tools:te,tool_choice:"auto"},se=await ce(),ne=se?btoa(JSON.stringify(se)):null,oe=T||J?JSON.stringify({...T,...J}):void 0,E={};!K&&ne&&(E["X-INKEEP-CHALLENGE-SOLUTION"]=ne),oe&&(E["inkeep-filters"]=oe);const d=le.beta.chat.completions.stream(M,Object.keys(E).length>0?{headers:E}:void 0),o={id:`${Date.now().toString()}-${u.generateUid(4)}-2`,role:"assistant",content:"",links:[],toolCalls:[]};l(U=>[...U,o]),d.on("content",(U,w)=>{v(!0),o.content=w,l($=>{const r=[...$],L=r.findIndex(I=>I.id===o.id);return L===-1?[...r,o]:(r[L]={...o},r)})}),d.on("tool_calls.function.arguments.done",U=>{const{name:w,arguments:$}=U,r=te?.find(m=>m.function.name===w);if(!r)return;const I=("parse"in r.function?r.function.parse:JSON.parse)($),Ee=r.function.function?.(I,d),Ue=r.renderMessageButtons?.({args:I,execution:Ee})??[];w==="provideLinks"?o.links=I.links??[]:V(m=>({...m,[o.id]:[...m[o.id]??[],...Ue]})),o.toolCalls?.push({id:"call_"+u.generateUid(24),type:"function",function:{name:w,arguments:$}}),l(m=>{const x=[...m],$e=x.findIndex(Ne=>Ne.id===o.id);return x[$e]={...o},x})}),d.on("error",Y),d.finalChatCompletion().then(()=>{i.current=[...i.current,o],C.current=null,h(!1),v(!1),b(),q({eventName:"assistant_message_received",properties:{}},i.current)}),C.current=d.controller}catch(M){Y(M),h(!1),v(!1)}},Ie=()=>{C.current&&(C.current.abort(),C.current=null),h(!1),v(!1),b()},Z=()=>{j(null),l([]),i.current=[],ie(),V({}),S([]),ae.resetQueryParams(),G(null),W(),b(),q({eventName:"chat_clear_button_clicked",properties:{conversation:D}})},ke=e=>{G(e);const{initialReplyMessage:s,displayName:n}=e,a={id:g.length.toString()+u.generateUid(4),role:"user",content:n},c={id:(g.length+1).toString()+u.generateUid(4),role:"assistant",content:s,links:[]},P=[{id:`system-${Date.now().toString()}-${u.generateUid(4)}-${e.id}`,role:"system",content:`Company has asked user to follow this guided workflow:
-${B.serializeWorkflow(e)}`},...X,a,c];l(P),S([])},{openForm:be}=Be.useChatForm(),qe=De.useWidget();t.useImperativeHandle(O.chatFunctionsRef,()=>({submitMessage:R,updateInputMessage(e){N(e)},clearChat:Z,openForm:e=>{qe?.setView("chat"),be(e)},focusInput:()=>{z.current?.focus()}}));const Pe=Oe.useMediaQuery("(max-width: 768px)");return{messages:g,input:p,isLoading:H,isStreaming:fe,isLoadingConversation:ye,error:pe,isSubmitDisabled:A,handleInputChange:we,handleInputKeyDown:Me,handleSubmit:R,stop:Ie,clear:Z,handleWorkflow:ke,selectedWorkflow:_,messageAttachments:y,setMessageAttachments:S,addAttachment:he,messageButtons:ve,isEmpty:g.length===0,inputRef:z,isMobile:Pe}};exports.useInkeepChat=We;
+It seems I might be having some issues right now. Please clear the chat and try again.`}},Y=e=>{j(e),l(s=>{const n=[...s],a=n[n.length-1];return a&&(a.content=Me(e)),n}),h(!1),v(!1),W(),q()},R=!p.trim()&&!y.length||H,we=e=>{e.key==="Enter"&&!e.shiftKey&&!R&&!e.nativeEvent.isComposing&&(e.preventDefault(),L())},Ie=e=>{const s=e.target.value;_(s)},L=async(e=p)=>{if(R&&(!e||e.trim().length===0))return;h(!0);const s=A?g.length===2:g.length===0,n=D.getMessageMetadata(A,y,s);let a;const c=D.serializeAttachments(y);y.length&&c?a=[{type:"text",text:c}]:a=e;const ee={id:`${Date.now().toString()}-${u.generateUid(4)}-1`,role:"user",content:a,metadata:n},E=[...g.length?[]:X,ee];f&&ae.resetQueryParams(),l(M=>[...M,...E]),i.current=[...i.current,...E],S([]),_(""),P({eventName:"user_message_submitted",properties:{}},i.current);const te=[Qe.provideLinksTool,...ge?.({conversation:N})||[]];try{const M={model:me,messages:i.current,stream:!0,tools:te,tool_choice:"auto"},se=await ce(),ne=se?btoa(JSON.stringify(se)):null,oe=K||J?JSON.stringify({...K,...J}):void 0,U={};!T&&ne&&(U["X-INKEEP-CHALLENGE-SOLUTION"]=ne),oe&&(U["inkeep-filters"]=oe);const d=le.beta.chat.completions.stream(M,Object.keys(U).length>0?{headers:U}:void 0),o={id:`${Date.now().toString()}-${u.generateUid(4)}-2`,role:"assistant",content:"",links:[],toolCalls:[]};l(w=>[...w,o]),d.on("content",(w,I)=>{v(!0),o.content=I,l($=>{const r=[...$],x=r.findIndex(k=>k.id===o.id);return x===-1?[...r,o]:(r[x]={...o},r)})}),d.on("tool_calls.function.arguments.done",w=>{const{name:I,arguments:$}=w,r=te?.find(m=>m.function.name===I);if(!r)return;fe?.(w,{conversation:N});const k=("parse"in r.function?r.function.parse:JSON.parse)($),Ue=r.function.function?.(k,d),$e=r.renderMessageButtons?.({args:k,execution:Ue})??[];I==="provideLinks"?o.links=k.links??[]:V(m=>({...m,[o.id]:[...m[o.id]??[],...$e]})),o.toolCalls?.push({id:"call_"+u.generateUid(24),type:"function",function:{name:I,arguments:$}}),l(m=>{const B=[...m],Ne=B.findIndex(_e=>_e.id===o.id);return B[Ne]={...o},B})}),d.on("error",Y),d.finalChatCompletion().then(()=>{i.current=[...i.current,o],C.current=null,h(!1),v(!1),q(),P({eventName:"assistant_message_received",properties:{}},i.current)}),C.current=d.controller}catch(M){Y(M),h(!1),v(!1)}},ke=()=>{C.current&&(C.current.abort(),C.current=null),h(!1),v(!1),q()},Z=()=>{j(null),l([]),i.current=[],ie(),V({}),S([]),ae.resetQueryParams(),G(null),W(),q(),P({eventName:"chat_clear_button_clicked",properties:{conversation:N}})},be=e=>{G(e);const{initialReplyMessage:s,displayName:n}=e,a={id:g.length.toString()+u.generateUid(4),role:"user",content:n},c={id:(g.length+1).toString()+u.generateUid(4),role:"assistant",content:s,links:[]},E=[{id:`system-${Date.now().toString()}-${u.generateUid(4)}-${e.id}`,role:"system",content:`Company has asked user to follow this guided workflow:
+${D.serializeWorkflow(e)}`},...X,a,c];l(E),S([])},{openForm:qe}=De.useChatForm(),Pe=Oe.useWidget();t.useImperativeHandle(O.chatFunctionsRef,()=>({submitMessage:L,updateInputMessage(e){_(e)},clearChat:Z,openForm:e=>{Pe?.setView("chat"),qe(e)},focusInput:()=>{z.current?.focus()}}));const Ee=Fe.useMediaQuery("(max-width: 768px)");return{messages:g,input:p,isLoading:H,isStreaming:pe,isLoadingConversation:Se,error:he,isSubmitDisabled:R,handleInputChange:Ie,handleInputKeyDown:we,handleSubmit:L,stop:ke,clear:Z,handleWorkflow:be,selectedWorkflow:A,messageAttachments:y,setMessageAttachments:S,addAttachment:ve,messageButtons:ye,isEmpty:g.length===0,inputRef:z,isMobile:Ee}};exports.useInkeepChat=Je;

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

@@ -1,51 +1,58 @@
 "use client";
-import Be from "openai";
-import { useState as c, useRef as P, useEffect as ae, useImperativeHandle as De } from "react";
-import { useInkeepConfig as Oe } from "../../providers/config-provider.js";
-import { useInkeepConversation as Re } from "../../providers/conversation-provider.js";
-import { useChatEvents as Pe } from "../../providers/chat-events-provider.js";
-import { getMessageMetadata as Ue, serializeAttachments as Fe, serializeWorkflow as Ke } from "../../utils/get-message-metadata.js";
+import De from "openai";
+import { useState as c, useRef as U, useEffect as ae, useImperativeHandle as Oe } from "react";
+import { useInkeepConfig as Re } from "../../providers/config-provider.js";
+import { useInkeepConversation as Pe } from "../../providers/conversation-provider.js";
+import { useChatEvents as Ue } from "../../providers/chat-events-provider.js";
+import { getMessageMetadata as Fe, serializeAttachments as Ke, serializeWorkflow as Te } from "../../utils/get-message-metadata.js";
 import { parseIfJson as We } from "../../utils/misc.js";
 import { resetQueryParams as re } from "../../utils/reset-query-params.js";
 import { useChatForm as Je } from "../../providers/chat-form-provider.js";
-import { useWidget as Te } from "../../providers/widget-provider.js";
-import { useMediaQuery as ze } from "../../hooks/use-media-query.js";
-import { useCaptcha as He } from "./use-captcha.js";
-import { useModal as Qe } from "../modal/modal-provider.js";
+import { useWidget as ze } from "../../providers/widget-provider.js";
+import { useMediaQuery as He } from "../../hooks/use-media-query.js";
+import { useCaptcha as Qe } from "./use-captcha.js";
+import { useModal as je } from "../modal/modal-provider.js";
 import { generateUid as u } from "../../utils/generate-uid.js";
-import { provideLinksTool as je } from "../../utils/tools/links-tool.js";
-import { getConversation as qe } from "../../atoms/api/analytics/conversation.js";
-const mt = () => {
-  const { chatId: d, setConversation: ie, conversation: U, resetConversation: ce } = Re(), { baseSettings: k, aiChatSettings: F } = Oe(), { aiApiBaseUrl: K, shouldBypassCaptcha: W, filters: J } = k, T = Qe(), { getSolution: le, prefetchSolution: b, invalidateSolution: z } = He({
+import { provideLinksTool as qe } from "../../utils/tools/links-tool.js";
+import { getConversation as Ge } from "../../atoms/api/analytics/conversation.js";
+const gt = () => {
+  const { chatId: d, setConversation: ie, conversation: x, resetConversation: ce } = Pe(), { baseSettings: b, aiChatSettings: F } = Re(), { aiApiBaseUrl: K, shouldBypassCaptcha: T, filters: W } = b, J = je(), { getSolution: le, prefetchSolution: $, invalidateSolution: z } = Qe({
     fetchUrl: `${K}/v1/challenge`,
-    shouldBypassCaptcha: W,
-    shouldMakeInitialRequest: T ? T.isOpen : !0
-  }), ue = new Be({
+    shouldBypassCaptcha: T,
+    shouldMakeInitialRequest: J ? J.isOpen : !0
+  }), ue = new De({
     baseURL: `${K}/v1`,
-    apiKey: k.apiKey,
+    apiKey: b.apiKey,
     dangerouslyAllowBrowser: !0
-  }), { onInputMessageChange: me, getTools: ge, prompts: pe, model: de, filters: H } = F, [f, x] = c(""), Q = P(null);
+  }), {
+    onInputMessageChange: me,
+    getTools: ge,
+    prompts: pe,
+    model: de,
+    filters: H,
+    onToolCall: fe
+  } = F, [f, L] = c(""), Q = U(null);
   ae(() => {
     me?.(f);
   }, [f]);
-  const [m, l] = c([]), [j, h] = c(!1), [fe, y] = c(!1), [he, q] = c(null), [L, G] = c(null), [C, w] = c([]), ye = (e) => {
+  const [m, l] = c([]), [j, h] = c(!1), [he, y] = c(!1), [ye, q] = c(null), [B, G] = c(null), [C, w] = c([]), Ce = (e) => {
     w((t) => [...t, e]);
-  }, [Ce, V] = c({}), r = P([]), v = P(null), { logEvent: $ } = Pe(), X = pe?.map((e, t) => ({
+  }, [we, V] = c({}), r = U([]), v = U(null), { logEvent: E } = Ue(), X = pe?.map((e, t) => ({
     id: `system-${Date.now().toString()}-${u(4)}-${t}`,
     role: "system",
     content: e
-  })), [we, ve] = c(!!d);
+  })), [ve, Ie] = c(!!d);
   ae(() => {
     if (d) {
-      const { apiKey: e, analyticsApiBaseUrl: t } = k;
-      qe(d, e, t).then((s) => {
+      const { apiKey: e, analyticsApiBaseUrl: t } = b;
+      Ge(d, e, t).then((s) => {
         if (s) {
-          $({
+          E({
             eventName: "shared_chat_loaded",
             properties: {
               conversation: s
             }
-          }), ve(!1), ie({ ...s, id: "" });
+          }), Ie(!1), ie({ ...s, id: "" });
           const o = s.messages.map((i) => ({
             id: Date.now().toString() + u(4) + i.id,
             content: We(i.content),
@@ -57,12 +64,12 @@ const mt = () => {
       });
     }
   }, [d]);
-  const Ie = (e) => {
+  const Me = (e) => {
     switch (e.code) {
       case 400:
         return e.message;
       case 403:
-        return `There seems to be a configuration error. Please contact ${k.organizationDisplayName ?? "Administrator"}`;
+        return `There seems to be a configuration error. Please contact ${b.organizationDisplayName ?? "Administrator"}`;
       default:
         return `Hmm.. 
 
@@ -71,34 +78,34 @@ It seems I might be having some issues right now. Please clear the chat and try
   }, Y = (e) => {
     q(e), l((t) => {
       const s = [...t], o = s[s.length - 1];
-      return o && (o.content = Ie(e)), s;
-    }), h(!1), y(!1), z(), b();
-  }, B = !f.trim() && !C.length || j, Me = (e) => {
-    e.key === "Enter" && !e.shiftKey && !B && !e.nativeEvent.isComposing && (e.preventDefault(), D());
-  }, Se = (e) => {
+      return o && (o.content = Me(e)), s;
+    }), h(!1), y(!1), z(), $();
+  }, D = !f.trim() && !C.length || j, Se = (e) => {
+    e.key === "Enter" && !e.shiftKey && !D && !e.nativeEvent.isComposing && (e.preventDefault(), O());
+  }, ke = (e) => {
     const t = e.target.value;
-    x(t);
-  }, D = async (e = f) => {
-    if (B && (!e || e.trim().length === 0)) return;
+    L(t);
+  }, O = async (e = f) => {
+    if (D && (!e || e.trim().length === 0)) return;
     h(!0);
-    const t = L ? m.length === 2 : m.length === 0, s = Ue(L, C, t);
+    const t = B ? m.length === 2 : m.length === 0, s = Fe(B, C, t);
     let o;
-    const i = Fe(C);
+    const i = Ke(C);
     C.length && i ? o = [{ type: "text", text: i }] : o = e;
     const ee = {
       id: `${Date.now().toString()}-${u(4)}-1`,
       role: "user",
       content: o,
       metadata: s
-    }, E = [...m.length ? [] : X, ee];
-    d && re(), l((I) => [...I, ...E]), r.current = [...r.current, ...E], w([]), x(""), $(
+    }, N = [...m.length ? [] : X, ee];
+    d && re(), l((I) => [...I, ...N]), r.current = [...r.current, ...N], w([]), L(""), E(
       {
         eventName: "user_message_submitted",
         properties: {}
       },
       r.current
     );
-    const te = [je, ...ge?.({ conversation: U }) || []];
+    const te = [qe, ...ge?.({ conversation: x }) || []];
     try {
       const I = {
         model: de,
@@ -106,14 +113,14 @@ It seems I might be having some issues right now. Please clear the chat and try
         stream: !0,
         tools: te,
         tool_choice: "auto"
-      }, se = await le(), ne = se ? btoa(JSON.stringify(se)) : null, oe = J || H ? JSON.stringify({
-        ...J,
+      }, se = await le(), ne = se ? btoa(JSON.stringify(se)) : null, oe = W || H ? JSON.stringify({
+        ...W,
         ...H
-      }) : void 0, N = {};
-      !W && ne && (N["X-INKEEP-CHALLENGE-SOLUTION"] = ne), oe && (N["inkeep-filters"] = oe);
+      }) : void 0, _ = {};
+      !T && ne && (_["X-INKEEP-CHALLENGE-SOLUTION"] = ne), oe && (_["inkeep-filters"] = oe);
       const g = ue.beta.chat.completions.stream(
         I,
-        Object.keys(N).length > 0 ? { headers: N } : void 0
+        Object.keys(_).length > 0 ? { headers: _ } : void 0
       ), n = {
         id: `${Date.now().toString()}-${u(4)}-2`,
         role: "assistant",
@@ -121,31 +128,32 @@ It seems I might be having some issues right now. Please clear the chat and try
         links: [],
         toolCalls: []
       };
-      l((_) => [..._, n]), g.on("content", (_, M) => {
-        y(!0), n.content = M, l((A) => {
-          const a = [...A], O = a.findIndex((S) => S.id === n.id);
-          return O === -1 ? [...a, n] : (a[O] = { ...n }, a);
+      l((M) => [...M, n]), g.on("content", (M, S) => {
+        y(!0), n.content = S, l((A) => {
+          const a = [...A], R = a.findIndex((k) => k.id === n.id);
+          return R === -1 ? [...a, n] : (a[R] = { ...n }, a);
         });
-      }), g.on("tool_calls.function.arguments.done", (_) => {
-        const { name: M, arguments: A } = _, a = te?.find((p) => p.function.name === M);
+      }), g.on("tool_calls.function.arguments.done", (M) => {
+        const { name: S, arguments: A } = M, a = te?.find((p) => p.function.name === S);
         if (!a) return;
-        const S = ("parse" in a.function ? a.function.parse : JSON.parse)(A), _e = a.function.function?.(S, g), Ae = a.renderMessageButtons?.({ args: S, execution: _e }) ?? [];
-        M === "provideLinks" ? n.links = S.links ?? [] : V((p) => ({
+        fe?.(M, { conversation: x });
+        const k = ("parse" in a.function ? a.function.parse : JSON.parse)(A), Ae = a.function.function?.(k, g), xe = a.renderMessageButtons?.({ args: k, execution: Ae }) ?? [];
+        S === "provideLinks" ? n.links = k.links ?? [] : V((p) => ({
           ...p,
-          [n.id]: [...p[n.id] ?? [], ...Ae]
+          [n.id]: [...p[n.id] ?? [], ...xe]
         })), n.toolCalls?.push({
           id: "call_" + u(24),
           type: "function",
           function: {
-            name: M,
+            name: S,
             arguments: A
           }
         }), l((p) => {
-          const R = [...p], xe = R.findIndex((Le) => Le.id === n.id);
-          return R[xe] = { ...n }, R;
+          const P = [...p], Le = P.findIndex((Be) => Be.id === n.id);
+          return P[Le] = { ...n }, P;
         });
       }), g.on("error", Y), g.finalChatCompletion().then(() => {
-        r.current = [...r.current, n], v.current = null, h(!1), y(!1), b(), $(
+        r.current = [...r.current, n], v.current = null, h(!1), y(!1), $(), E(
           {
             eventName: "assistant_message_received",
             properties: {}
@@ -156,16 +164,16 @@ It seems I might be having some issues right now. Please clear the chat and try
     } catch (I) {
       Y(I), h(!1), y(!1);
     }
-  }, ke = () => {
-    v.current && (v.current.abort(), v.current = null), h(!1), y(!1), b();
+  }, be = () => {
+    v.current && (v.current.abort(), v.current = null), h(!1), y(!1), $();
   }, Z = () => {
-    q(null), l([]), r.current = [], ce(), V({}), w([]), re(), G(null), z(), b(), $({
+    q(null), l([]), r.current = [], ce(), V({}), w([]), re(), G(null), z(), $(), E({
       eventName: "chat_clear_button_clicked",
       properties: {
-        conversation: U
+        conversation: x
       }
     });
-  }, be = (e) => {
+  }, $e = (e) => {
     G(e);
     const { initialReplyMessage: t, displayName: s } = e, o = {
       id: m.length.toString() + u(4),
@@ -176,52 +184,52 @@ It seems I might be having some issues right now. Please clear the chat and try
       role: "assistant",
       content: t,
       links: []
-    }, E = [{
+    }, N = [{
       id: `system-${Date.now().toString()}-${u(4)}-${e.id}`,
       role: "system",
       content: `Company has asked user to follow this guided workflow:
-${Ke(e)}`
+${Te(e)}`
     }, ...X, o, i];
-    l(E), w([]);
-  }, { openForm: $e } = Je(), Ee = Te();
-  De(F.chatFunctionsRef, () => ({
-    submitMessage: D,
+    l(N), w([]);
+  }, { openForm: Ee } = Je(), Ne = ze();
+  Oe(F.chatFunctionsRef, () => ({
+    submitMessage: O,
     updateInputMessage(e) {
-      x(e);
+      L(e);
     },
     clearChat: Z,
     openForm: (e) => {
-      Ee?.setView("chat"), $e(e);
+      Ne?.setView("chat"), Ee(e);
     },
     focusInput: () => {
       Q.current?.focus();
     }
   }));
-  const Ne = ze("(max-width: 768px)");
+  const _e = He("(max-width: 768px)");
   return {
     messages: m,
     input: f,
     isLoading: j,
-    isStreaming: fe,
-    isLoadingConversation: we,
-    error: he,
-    isSubmitDisabled: B,
-    handleInputChange: Se,
-    handleInputKeyDown: Me,
-    handleSubmit: D,
-    stop: ke,
+    isStreaming: he,
+    isLoadingConversation: ve,
+    error: ye,
+    isSubmitDisabled: D,
+    handleInputChange: ke,
+    handleInputKeyDown: Se,
+    handleSubmit: O,
+    stop: be,
     clear: Z,
-    handleWorkflow: be,
-    selectedWorkflow: L,
+    handleWorkflow: $e,
+    selectedWorkflow: B,
     messageAttachments: C,
     setMessageAttachments: w,
-    addAttachment: ye,
-    messageButtons: Ce,
+    addAttachment: Ce,
+    messageButtons: we,
     isEmpty: m.length === 0,
     inputRef: Q,
-    isMobile: Ne
+    isMobile: _e
   };
 };
 export {
-  mt as useInkeepChat
+  gt as useInkeepChat
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),b=require("./user-provider.cjs"),p=t.createContext(void 0),f=({children:e})=>{const{baseSettings:s,componentType:n}=B.useInkeepConfig(),{apiKey:o,analyticsApiBaseUrl:r,tags:i,privacyPreferences:d,env:E}=s,{userProperties:c}=b.useUser(),a=t.useMemo(()=>({widgetLibraryVersion:"0.5.42",componentType:n,tags:i}),[n,i]),u=!d.optOutAllAnalytics&&E!=="development",g={logEvent:t.useCallback(async v=>{const m={...a,...v.properties},l={eventName:v.eventName,properties:m,userProperties:c};u&&y.logEvent(l,o,r),s.onEvent?.(l)},[u,s,o,r,c,a])};return P.jsx(p.Provider,{value:g,children:e})},x=()=>{const e=t.useContext(p);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=f;exports.useBaseEvents=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),b=require("./user-provider.cjs"),p=t.createContext(void 0),f=({children:e})=>{const{baseSettings:s,componentType:n}=B.useInkeepConfig(),{apiKey:o,analyticsApiBaseUrl:r,tags:i,privacyPreferences:d,env:E}=s,{userProperties:c}=b.useUser(),a=t.useMemo(()=>({widgetLibraryVersion:"0.5.44",componentType:n,tags:i}),[n,i]),u=!d.optOutAllAnalytics&&E!=="development",g={logEvent:t.useCallback(async v=>{const m={...a,...v.properties},l={eventName:v.eventName,properties:m,userProperties:c};u&&y.logEvent(l,o,r),s.onEvent?.(l)},[u,s,o,r,c,a])};return P.jsx(p.Provider,{value:g,children:e})},x=()=>{const e=t.useContext(p);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=f;exports.useBaseEvents=x;

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

@@ -7,7 +7,7 @@ import { useUser as b } from "./user-provider.js";
 const m = x(void 0), U = ({ children: e }) => {
   const { baseSettings: t, componentType: o } = C(), { apiKey: n, analyticsApiBaseUrl: s, tags: r, privacyPreferences: u, env: l } = t, { userProperties: i } = b(), a = d(
     () => ({
-      widgetLibraryVersion: "0.5.42",
+      widgetLibraryVersion: "0.5.44",
       componentType: o,
       tags: r
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.42",
+  "version": "0.5.44",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -59,9 +59,9 @@
     "remark-gfm": "^4.0.1",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.42",
-    "@inkeep/cxkit-theme": "0.5.42",
-    "@inkeep/cxkit-types": "0.5.42"
+    "@inkeep/cxkit-color-mode": "0.5.44",
+    "@inkeep/cxkit-theme": "0.5.44",
+    "@inkeep/cxkit-types": "0.5.44"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",