@inkeep/cxkit-primitives 0.5.23 → 0.5.24

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

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

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

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),J=require("../../providers/config-provider.cjs"),V=require("../../hooks/use-media-query.cjs"),X=require("./search-query.graphql.cjs"),Y=require("./transform-results.cjs"),Z=require("../../providers/search-events-provider.cjs"),ee=require("../../hooks/use-instant-update.cjs"),te=require("../../utils/graphql-client.cjs"),se=()=>{const{baseSettings:L,searchSettings:N}=J.useInkeepConfig(),{apiKey:S,aiApiBaseUrl:O,userAuthToken:l}=L,{maxResults:R,placeholder:Q,defaultQuery:x,debounceTimeMs:q,onQueryChange:B,searchFunctionsRef:F,tabs:i}=N,{logEvent:C}=Z.useSearchEvents(),[c,T]=t.useState(x),k=t.useRef(null),[v,E]=t.useState(!1),[H,h]=t.useState(null),[$,a]=t.useState("NONE"),z=t.useCallback(e=>{a(e)},[]),[d,f]=t.useState([]),s=Y.useTransformResults(d,c),M=typeof i?.[0]=="string"?i[0]:i[0][0],[y,w]=t.useState(M),{disableTransition:I,disabled:D}=ee.useInstantUpdate(),K=t.useCallback(e=>{I(),w(e);const r=s[e][0].id;a(r)},[s,I]);t.useEffect(()=>{let e=y in s?y:Object.keys(s)[0];if(!s[e]?.length){const n=Object.keys(s).find(u=>s[u]?.length);n?e=n:e=M}if(!e)return;w(e);const r=s[e]?.[0];r&&a(r.id)},[s]);const b=V.useMediaQuery("(max-width: 768px)"),o=t.useRef({}),m=t.useRef(null),g=t.useRef(null);t.useImperativeHandle(F,()=>({updateQuery(e){T(e)},focusInput:()=>{k.current?.focus()}}));const A=`${O}/graphql`,P=t.useMemo(()=>({Authorization:`Bearer ${S}`,"Content-Type":"application/json",...l?{"User-Token":l}:{}}),[S,l]),U=t.useCallback(async e=>{m.current&&m.current.abort();const r=new AbortController;m.current=r;try{E(!0),h(null);const u=(await te.graphqlRequest(A,X.default,{searchInput:e},P))?.search.searchHits;o.current[e.searchQuery]=u,f(u)}catch(n){if(n.name==="AbortError")return;h("Failed to fetch search results. Please try again.")}E(!1)},[A,P]),_=t.useCallback(e=>{const r=o.current[e.searchQuery];C({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalResults:r?.length}})},[]),j=t.useCallback(e=>{if(g.current&&window.clearTimeout(g.current),!e.searchQuery){f([]),h(null);return}g.current=window.setTimeout(()=>{C({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(f(o.current[e.searchQuery]),_(e)):U(e).then(()=>{_(e)})},q)},[q,U]),p=t.useMemo(()=>({searchQuery:c,filters:{limit:R}}),[c,R]);t.useEffect(()=>{B?.(p.searchQuery),j(p)},[j,p]);const W=t.useCallback(e=>T(e.target.value),[]),G=t.useMemo(()=>Q||(b?"Search...":"Search for anything..."),[Q,b]);return{results:s,resultsList:d,hasContent:d.length>0||v,loading:v,error:H,query:c,onInput:W,placeholder:G,tab:y,onTabChange:K,selectedItem:$,setSelectedItem:a,onSelectedItemChange:z,transitionsDisabled:D,inputRef:k,isMobile:b}};exports.useInkeepSearch=se;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),X=require("../../providers/config-provider.cjs"),Y=require("../../hooks/use-media-query.cjs"),Z=require("./search-query.graphql.cjs"),ee=require("./transform-results.cjs"),te=require("../../providers/search-events-provider.cjs"),se=require("../../hooks/use-instant-update.cjs"),re=require("../../utils/graphql-client.cjs"),ne=()=>{const{baseSettings:N,searchSettings:O}=X.useInkeepConfig(),{apiKey:S,aiApiBaseUrl:x,userAuthToken:l,filters:R}=N,{maxResults:Q,placeholder:q,defaultQuery:B,debounceTimeMs:C,onQueryChange:H,searchFunctionsRef:$,tabs:i,filters:T}=O,{logEvent:k}=te.useSearchEvents(),[c,v]=t.useState(B),E=t.useRef(null),[M,w]=t.useState(!1),[z,h]=t.useState(null),[D,a]=t.useState("NONE"),K=t.useCallback(e=>{a(e)},[]),[f,d]=t.useState([]),s=ee.useTransformResults(f,c),I=typeof i?.[0]=="string"?i[0]:i[0][0],[y,A]=t.useState(I),{disableTransition:P,disabled:W}=se.useInstantUpdate(),G=t.useCallback(e=>{P(),A(e);const r=s[e][0].id;a(r)},[s,P]);t.useEffect(()=>{let e=y in s?y:Object.keys(s)[0];if(!s[e]?.length){const n=Object.keys(s).find(u=>s[u]?.length);n?e=n:e=I}if(!e)return;A(e);const r=s[e]?.[0];r&&a(r.id)},[s]);const b=Y.useMediaQuery("(max-width: 768px)"),o=t.useRef({}),m=t.useRef(null),g=t.useRef(null);t.useImperativeHandle($,()=>({updateQuery(e){v(e)},focusInput:()=>{E.current?.focus()}}));const U=`${x}/graphql`,_=t.useMemo(()=>({Authorization:`Bearer ${S}`,"Content-Type":"application/json",...l?{"User-Token":l}:{}}),[S,l]),j=t.useCallback(async e=>{m.current&&m.current.abort();const r=new AbortController;m.current=r;try{w(!0),h(null);const u=(await re.graphqlRequest(U,Z.default,{searchInput:e},_))?.search.searchHits;o.current[e.searchQuery]=u,d(u)}catch(n){if(n.name==="AbortError")return;h("Failed to fetch search results. Please try again.")}w(!1)},[U,_]),F=t.useCallback(e=>{const r=o.current[e.searchQuery];k({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalResults:r?.length}})},[]),L=t.useCallback(e=>{if(g.current&&window.clearTimeout(g.current),!e.searchQuery){d([]),h(null);return}g.current=window.setTimeout(()=>{k({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(d(o.current[e.searchQuery]),F(e)):j(e).then(()=>{F(e)})},C)},[C,j]),p=t.useMemo(()=>({searchQuery:c,filters:{...R,...T,limit:Q}}),[c,Q,R,T]);t.useEffect(()=>{H?.(p.searchQuery),L(p)},[L,p]);const J=t.useCallback(e=>v(e.target.value),[]),V=t.useMemo(()=>q||(b?"Search...":"Search for anything..."),[q,b]);return{results:s,resultsList:f,hasContent:f.length>0||M,loading:M,error:z,query:c,onInput:J,placeholder:V,tab:y,onTabChange:G,selectedItem:D,setSelectedItem:a,onSelectedItemChange:K,transitionsDisabled:W,inputRef:E,isMobile:b}};exports.useInkeepSearch=ne;

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

@@ -1,140 +1,143 @@
 "use client";
-import { useState as s, useRef as l, useCallback as n, useEffect as B, useImperativeHandle as Z, useMemo as T } from "react";
-import { useInkeepConfig as ee } from "../../providers/config-provider.js";
-import { useMediaQuery as te } from "../../hooks/use-media-query.js";
-import re from "./search-query.graphql.js";
-import { useTransformResults as se } from "./transform-results.js";
-import { useSearchEvents as ne } from "../../providers/search-events-provider.js";
-import { useInstantUpdate as oe } from "../../hooks/use-instant-update.js";
-import { graphqlRequest as ce } from "../../utils/graphql-client.js";
-const pe = () => {
-  const { baseSettings: F, searchSettings: H } = ee(), { apiKey: S, aiApiBaseUrl: P, userAuthToken: h } = F, {
-    maxResults: C,
-    placeholder: v,
-    defaultQuery: $,
-    debounceTimeMs: k,
-    onQueryChange: z,
-    searchFunctionsRef: D,
-    tabs: f
-  } = H, { logEvent: w } = ne(), [c, q] = s($), E = l(null), [A, I] = s(!1), [K, m] = s(null), [W, a] = s("NONE"), G = n((e) => {
+import { useState as s, useRef as l, useCallback as n, useEffect as H, useImperativeHandle as te, useMemo as T } from "react";
+import { useInkeepConfig as re } from "../../providers/config-provider.js";
+import { useMediaQuery as se } from "../../hooks/use-media-query.js";
+import ne from "./search-query.graphql.js";
+import { useTransformResults as oe } from "./transform-results.js";
+import { useSearchEvents as ce } from "../../providers/search-events-provider.js";
+import { useInstantUpdate as ae } from "../../hooks/use-instant-update.js";
+import { graphqlRequest as ie } from "../../utils/graphql-client.js";
+const be = () => {
+  const { baseSettings: P, searchSettings: $ } = re(), { apiKey: S, aiApiBaseUrl: z, userAuthToken: h, filters: C } = P, {
+    maxResults: v,
+    placeholder: k,
+    defaultQuery: D,
+    debounceTimeMs: w,
+    onQueryChange: K,
+    searchFunctionsRef: W,
+    tabs: f,
+    filters: q
+  } = $, { logEvent: E } = ce(), [c, A] = s(D), I = l(null), [_, x] = s(!1), [G, m] = s(null), [J, a] = s("NONE"), V = n((e) => {
     a(e);
-  }, []), [d, p] = s([]), t = se(d, c), _ = typeof f?.[0] == "string" ? f[0] : f[0][0], [y, x] = s(_), { disableTransition: L, disabled: J } = oe(), V = n(
+  }, []), [d, p] = s([]), t = oe(d, c), F = typeof f?.[0] == "string" ? f[0] : f[0][0], [y, L] = s(F), { disableTransition: M, disabled: X } = ae(), Y = n(
     (e) => {
-      L(), x(e);
+      M(), L(e);
       const r = t[e][0].id;
       a(r);
     },
-    [t, L]
+    [t, M]
   );
-  B(() => {
+  H(() => {
     let e = y in t ? y : Object.keys(t)[0];
     if (!t[e]?.length) {
-      const o = Object.keys(t).find((i) => t[i]?.length);
-      o ? e = o : e = _;
+      const o = Object.keys(t).find((u) => t[u]?.length);
+      o ? e = o : e = F;
     }
     if (!e) return;
-    x(e);
+    L(e);
     const r = t[e]?.[0];
     r && a(r.id);
   }, [t]);
-  const b = te("(max-width: 768px)"), u = l({}), g = l(null), Q = l(null);
-  Z(D, () => ({
+  const b = se("(max-width: 768px)"), i = l({}), g = l(null), Q = l(null);
+  te(W, () => ({
     updateQuery(e) {
-      q(e);
+      A(e);
     },
     focusInput: () => {
-      E.current?.focus();
+      I.current?.focus();
     }
   }));
-  const M = `${P}/graphql`, N = T(
+  const N = `${z}/graphql`, U = T(
     () => ({
       Authorization: `Bearer ${S}`,
       "Content-Type": "application/json",
       ...h ? { "User-Token": h } : {}
     }),
     [S, h]
-  ), U = n(
+  ), j = n(
     async (e) => {
       g.current && g.current.abort();
       const r = new AbortController();
       g.current = r;
       try {
-        I(!0), m(null);
-        const i = (await ce(M, re, { searchInput: e }, N))?.search.searchHits;
-        u.current[e.searchQuery] = i, p(i);
+        x(!0), m(null);
+        const u = (await ie(N, ne, { searchInput: e }, U))?.search.searchHits;
+        i.current[e.searchQuery] = u, p(u);
       } catch (o) {
         if (o.name === "AbortError")
           return;
         m("Failed to fetch search results. Please try again.");
       }
-      I(!1);
+      x(!1);
     },
-    [M, N]
-  ), j = n((e) => {
-    const r = u.current[e.searchQuery];
-    w({
+    [N, U]
+  ), O = n((e) => {
+    const r = i.current[e.searchQuery];
+    E({
       eventName: "search_query_response_received",
       properties: {
         searchQuery: e.searchQuery,
         totalResults: r?.length
       }
     });
-  }, []), O = n(
+  }, []), B = n(
     (e) => {
       if (Q.current && window.clearTimeout(Q.current), !e.searchQuery) {
         p([]), m(null);
         return;
       }
       Q.current = window.setTimeout(() => {
-        w({
+        E({
           eventName: "search_query_submitted",
           properties: {
             searchQuery: e.searchQuery
           }
-        }), u.current[e.searchQuery] ? (p(u.current[e.searchQuery]), j(e)) : U(e).then(() => {
-          j(e);
+        }), i.current[e.searchQuery] ? (p(i.current[e.searchQuery]), O(e)) : j(e).then(() => {
+          O(e);
         });
-      }, k);
+      }, w);
     },
-    [k, U]
+    [w, j]
   ), R = T(
     () => ({
       searchQuery: c,
       filters: {
-        limit: C
+        ...C,
+        ...q,
+        limit: v
       }
     }),
-    [c, C]
+    [c, v, C, q]
   );
-  B(() => {
-    z?.(R.searchQuery), O(R);
-  }, [O, R]);
-  const X = n(
-    (e) => q(e.target.value),
+  H(() => {
+    K?.(R.searchQuery), B(R);
+  }, [B, R]);
+  const Z = n(
+    (e) => A(e.target.value),
     []
-  ), Y = T(
-    () => v || (b ? "Search..." : "Search for anything..."),
-    [v, b]
+  ), ee = T(
+    () => k || (b ? "Search..." : "Search for anything..."),
+    [k, b]
   );
   return {
     results: t,
     resultsList: d,
-    hasContent: d.length > 0 || A,
-    loading: A,
-    error: K,
+    hasContent: d.length > 0 || _,
+    loading: _,
+    error: G,
     query: c,
-    onInput: X,
-    placeholder: Y,
+    onInput: Z,
+    placeholder: ee,
     tab: y,
-    onTabChange: V,
-    selectedItem: W,
+    onTabChange: Y,
+    selectedItem: J,
     setSelectedItem: a,
-    onSelectedItemChange: G,
-    transitionsDisabled: J,
-    inputRef: E,
+    onSelectedItemChange: V,
+    transitionsDisabled: X,
+    inputRef: I,
     isMobile: b
   };
 };
 export {
-  pe as useInkeepSearch
+  be as useInkeepSearch
 };

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.23",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.24",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.23",
+      widgetLibraryVersion: "0.5.24",
       componentType: o,
       tags: r
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.23",
+  "version": "0.5.24",
   "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.23",
-    "@inkeep/cxkit-theme": "0.5.23",
-    "@inkeep/cxkit-types": "0.5.23"
+    "@inkeep/cxkit-color-mode": "0.5.24",
+    "@inkeep/cxkit-theme": "0.5.24",
+    "@inkeep/cxkit-types": "0.5.24"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",