@inkeep/cxkit-primitives 0.5.29 → 0.5.30

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.29",
+  "version": "0.5.30",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -58,9 +58,9 @@
     "rehype-raw": "7.0.0",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.29",
-    "@inkeep/cxkit-theme": "0.5.29",
-    "@inkeep/cxkit-types": "0.5.29"
+    "@inkeep/cxkit-color-mode": "0.5.30",
+    "@inkeep/cxkit-theme": "0.5.30",
+    "@inkeep/cxkit-types": "0.5.30"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",