@inkeep/cxkit-primitives 0.5.49 → 0.5.50

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 Le=require("openai"),t=require("react"),xe=require("../../providers/config-provider.cjs"),Be=require("../../providers/conversation-provider.cjs"),De=require("../../providers/chat-events-provider.cjs"),D=require("../../utils/get-message-metadata.cjs"),Oe=require("../../utils/misc.cjs"),ae=require("../../utils/reset-query-params.cjs"),Fe=require("../../providers/chat-form-provider.cjs"),Te=require("../../providers/widget-provider.cjs"),Ke=require("../../hooks/use-media-query.cjs"),Qe=require("./use-captcha.cjs"),We=require("../modal/modal-provider.cjs"),l=require("../../utils/generate-uid.cjs"),Je=require("../../utils/tools/links-tool.cjs"),ze=require("../../atoms/api/analytics/conversation.cjs"),He=()=>{const{chatId:p,setConversation:re,conversation:N,resetConversation:ie}=Be.useInkeepConversation(),{baseSettings:b,aiChatSettings:O}=xe.useInkeepConfig(),{aiApiBaseUrl:F,shouldBypassCaptcha:T,filters:K}=b,Q=We.useModal(),{getSolution:ce,prefetchSolution:q,invalidateSolution:W}=Qe.useCaptcha({fetchUrl:`${F}/v1/challenge`,shouldBypassCaptcha:T,shouldMakeInitialRequest:Q?Q.isOpen:!0}),ue=new Le({baseURL:`${F}/v1`,apiKey:b.apiKey,dangerouslyAllowBrowser:!0}),{onInputMessageChange:le,getTools:de,prompts:ge,model:me,filters:J,onToolCall:pe}=O,[f,_]=t.useState(""),z=t.useRef(null);t.useEffect(()=>{le?.(f)},[f]);const[d,u]=t.useState([]),[H,h]=t.useState(!1),[fe,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({}),r=t.useRef([]),C=t.useRef(null),{logEvent:P,logConversation:Se}=De.useChatEvents(),X=ge?.map((e,s)=>({id:`system-${Date.now().toString()}-${l.generateUid(4)}-${s}`,role:"system",content:e})),[Ce,we]=t.useState(!!p);t.useEffect(()=>{if(p){const{apiKey:e,analyticsApiBaseUrl:s}=b;ze.getConversation(p,e,s).then(o=>{if(o){P({eventName:"shared_chat_loaded",properties:{conversation:o}}),we(!1),re({...o,id:""});const a=o.messages.map(c=>({id:Date.now().toString()+l.generateUid(4)+c.id,content:Oe.parseIfJson(c.content),role:c.role,links:c.links}));u(a),r.current=a}})}},[p]);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.. 
+"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"),l=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}),ue=new Ae({baseURL:`${F}/v1`,apiKey:b.apiKey,dangerouslyAllowBrowser:!0}),{onInputMessageChange:le,getTools:ge,prompts:de,model:me,filters:J,onToolCall:fe}=O,[p,_]=t.useState(""),z=t.useRef(null);t.useEffect(()=>{le?.(p)},[p]);const[g,u]=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({}),r=t.useRef([]),C=t.useRef(null),{logEvent:P}=xe.useChatEvents(),X=de?.map((e,s)=>({id:`system-${Date.now().toString()}-${l.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(o=>{if(o){P({eventName:"shared_chat_loaded",properties:{conversation:o}}),Ce(!1),re({...o,id:""});const a=o.messages.map(c=>({id:Date.now().toString()+l.generateUid(4)+c.id,content:Be.parseIfJson(c.content),role:c.role,links:c.links}));u(a),r.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),u(s=>{const o=[...s],a=o[o.length-1];return a&&(a.content=Me(e)),o}),h(!1),v(!1),W(),q()},R=!f.trim()&&!y.length||H,Ie=e=>{e.key==="Enter"&&!e.shiftKey&&!R&&!e.nativeEvent.isComposing&&(e.preventDefault(),L())},ke=e=>{const s=e.target.value;_(s)},L=async(e=f)=>{if(R&&(!e||e.trim().length===0))return;h(!0);const s=A?d.length===2:d.length===0,o=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()}-${l.generateUid(4)}-1`,role:"user",content:a,metadata:o},E=[...d.length?[]:X,ee];p&&ae.resetQueryParams(),u(w=>[...w,...E]),r.current=[...r.current,...E],S([]),_(""),P({eventName:"user_message_submitted",properties:{}},r.current);const te=[Je.provideLinksTool,...de?.({conversation:N})||[]];try{const w={model:me,messages:r.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 g=ue.beta.chat.completions.stream(w,Object.keys(U).length>0?{headers:U}:void 0),n={id:`${Date.now().toString()}-${l.generateUid(4)}-2`,role:"assistant",content:"",links:[],toolCalls:[]};u(M=>[...M,n]),g.on("content",(M,I)=>{v(!0),n.content=I,u($=>{const i=[...$],x=i.findIndex(k=>k.id===n.id);return x===-1?[...i,n]:(i[x]={...n},i)})}),g.on("tool_calls.function.arguments.done",async M=>{const{name:I,arguments:$}=M,i=te?.find(m=>m.function.name===I);if(!i)return;const k=("parse"in i.function?i.function.parse:JSON.parse)($),$e=i.function.function?.(k,g),Ne=i.renderMessageButtons?.({args:k,execution:$e})??[];I==="provideLinks"?n.links=k.links??[]:V(m=>({...m,[n.id]:[...m[n.id]??[],...Ne]})),n.toolCalls?.push({id:"call_"+l.generateUid(24),type:"function",function:{name:I,arguments:$}}),u(m=>{const B=[...m],Ae=B.findIndex(Re=>Re.id===n.id);return B[Ae]={...n},B});const _e=await Se([...r.current,n]);pe?.(M,{conversation:_e??N})}),g.on("error",Y),g.finalChatCompletion().then(()=>{r.current=[...r.current,n],C.current=null,h(!1),v(!1),q(),P({eventName:"assistant_message_received",properties:{}},r.current)}),C.current=g.controller}catch(w){Y(w),h(!1),v(!1)}},be=()=>{C.current&&(C.current.abort(),C.current=null),h(!1),v(!1),q()},Z=()=>{j(null),u([]),r.current=[],ie(),V({}),S([]),ae.resetQueryParams(),G(null),W(),q(),P({eventName:"chat_clear_button_clicked",properties:{conversation:N}})},qe=e=>{G(e);const{initialReplyMessage:s,displayName:o}=e,a={id:d.length.toString()+l.generateUid(4),role:"user",content:o},c={id:(d.length+1).toString()+l.generateUid(4),role:"assistant",content:s,links:[]},E=[{id:`system-${Date.now().toString()}-${l.generateUid(4)}-${e.id}`,role:"system",content:`Company has asked user to follow this guided workflow:
-${D.serializeWorkflow(e)}`},...X,a,c];u(E),S([])},{openForm:Pe}=Fe.useChatForm(),Ee=Te.useWidget();t.useImperativeHandle(O.chatFunctionsRef,()=>({submitMessage:L,updateInputMessage(e){_(e)},clearChat:Z,openForm:e=>{Ee?.setView("chat"),Pe(e)},focusInput:()=>{z.current?.focus()}}));const Ue=Ke.useMediaQuery("(max-width: 768px)");return{messages:d,input:f,isLoading:H,isStreaming:fe,isLoadingConversation:Ce,error:he,isSubmitDisabled:R,handleInputChange:ke,handleInputKeyDown:Ie,handleSubmit:L,stop:be,clear:Z,handleWorkflow:qe,selectedWorkflow:A,messageAttachments:y,setMessageAttachments:S,addAttachment:ve,messageButtons:ye,isEmpty:d.length===0,inputRef:z,isMobile:Ue}};exports.useInkeepChat=He;
+It seems I might be having some issues right now. Please clear the chat and try again.`}},Y=e=>{j(e),u(s=>{const o=[...s],a=o[o.length-1];return a&&(a.content=Me(e)),o}),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,o=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()}-${l.generateUid(4)}-1`,role:"user",content:a,metadata:o},E=[...g.length?[]:X,ee];f&&ae.resetQueryParams(),u(M=>[...M,...E]),r.current=[...r.current,...E],S([]),_(""),P({eventName:"user_message_submitted",properties:{}},r.current);const te=[Qe.provideLinksTool,...ge?.({conversation:N})||[]];try{const M={model:me,messages:r.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=ue.beta.chat.completions.stream(M,Object.keys(U).length>0?{headers:U}:void 0),n={id:`${Date.now().toString()}-${l.generateUid(4)}-2`,role:"assistant",content:"",links:[],toolCalls:[]};u(w=>[...w,n]),d.on("content",(w,I)=>{v(!0),n.content=I,u($=>{const i=[...$],x=i.findIndex(k=>k.id===n.id);return x===-1?[...i,n]:(i[x]={...n},i)})}),d.on("tool_calls.function.arguments.done",async w=>{const{name:I,arguments:$}=w,i=te?.find(m=>m.function.name===I);if(!i)return;const k=("parse"in i.function?i.function.parse:JSON.parse)($),Ue=i.function.function?.(k,d),$e=i.renderMessageButtons?.({args:k,execution:Ue})??[];I==="provideLinks"?n.links=k.links??[]:V(m=>({...m,[n.id]:[...m[n.id]??[],...$e]})),n.toolCalls?.push({id:"call_"+l.generateUid(24),type:"function",function:{name:I,arguments:$}}),u(m=>{const B=[...m],Ne=B.findIndex(_e=>_e.id===n.id);return B[Ne]={...n},B}),fe?.(w,{conversation:{...N,messages:[...r.current,n]}})}),d.on("error",Y),d.finalChatCompletion().then(()=>{r.current=[...r.current,n],C.current=null,h(!1),v(!1),q(),P({eventName:"assistant_message_received",properties:{}},r.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),u([]),r.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:o}=e,a={id:g.length.toString()+l.generateUid(4),role:"user",content:o},c={id:(g.length+1).toString()+l.generateUid(4),role:"assistant",content:s,links:[]},E=[{id:`system-${Date.now().toString()}-${l.generateUid(4)}-${e.id}`,role:"system",content:`Company has asked user to follow this guided workflow:
+${D.serializeWorkflow(e)}`},...X,a,c];u(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,26 +1,26 @@
 "use client";
-import Re from "openai";
-import { useState as c, useRef as U, useEffect as ae, useImperativeHandle as Pe } from "react";
-import { useInkeepConfig as Ue } from "../../providers/config-provider.js";
-import { useInkeepConversation as Fe } from "../../providers/conversation-provider.js";
-import { useChatEvents as Ke } from "../../providers/chat-events-provider.js";
-import { getMessageMetadata as Te, serializeAttachments as We, serializeWorkflow as Je } from "../../utils/get-message-metadata.js";
-import { parseIfJson as ze } from "../../utils/misc.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 He } from "../../providers/chat-form-provider.js";
-import { useWidget as Qe } from "../../providers/widget-provider.js";
-import { useMediaQuery as je } from "../../hooks/use-media-query.js";
-import { useCaptcha as qe } from "./use-captcha.js";
-import { useModal as Ge } from "../modal/modal-provider.js";
+import { useChatForm as Je } from "../../providers/chat-form-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 Ve } from "../../utils/tools/links-tool.js";
-import { getConversation as Xe } from "../../atoms/api/analytics/conversation.js";
-const dt = () => {
-  const { chatId: d, setConversation: ie, conversation: x, resetConversation: ce } = Fe(), { baseSettings: b, aiChatSettings: F } = Ue(), { aiApiBaseUrl: K, shouldBypassCaptcha: T, filters: W } = b, J = Ge(), { getSolution: le, prefetchSolution: $, invalidateSolution: z } = qe({
+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: T,
     shouldMakeInitialRequest: J ? J.isOpen : !0
-  }), ue = new Re({
+  }), ue = new De({
     baseURL: `${K}/v1`,
     apiKey: b.apiKey,
     dangerouslyAllowBrowser: !0
@@ -37,25 +37,25 @@ const dt = () => {
   }, [f]);
   const [m, l] = c([]), [j, h] = c(!1), [he, y] = c(!1), [ye, q] = c(null), [B, G] = c(null), [C, v] = c([]), Ce = (e) => {
     v((t) => [...t, e]);
-  }, [ve, V] = c({}), a = U([]), w = U(null), { logEvent: E, logConversation: we } = Ke(), X = pe?.map((e, t) => ({
+  }, [ve, V] = c({}), a = U([]), w = U(null), { logEvent: E } = Ue(), X = pe?.map((e, t) => ({
     id: `system-${Date.now().toString()}-${u(4)}-${t}`,
     role: "system",
     content: e
-  })), [Ie, Me] = c(!!d);
+  })), [we, Ie] = c(!!d);
   ae(() => {
     if (d) {
       const { apiKey: e, analyticsApiBaseUrl: t } = b;
-      Xe(d, e, t).then((n) => {
+      Ge(d, e, t).then((n) => {
         if (n) {
           E({
             eventName: "shared_chat_loaded",
             properties: {
               conversation: n
             }
-          }), Me(!1), ie({ ...n, id: "" });
+          }), Ie(!1), ie({ ...n, id: "" });
           const o = n.messages.map((i) => ({
             id: Date.now().toString() + u(4) + i.id,
-            content: ze(i.content),
+            content: We(i.content),
             role: i.role,
             links: i.links
           }));
@@ -64,7 +64,7 @@ const dt = () => {
       });
     }
   }, [d]);
-  const Se = (e) => {
+  const Me = (e) => {
     switch (e.code) {
       case 400:
         return e.message;
@@ -78,19 +78,19 @@ It seems I might be having some issues right now. Please clear the chat and try
   }, Y = (e) => {
     q(e), l((t) => {
       const n = [...t], o = n[n.length - 1];
-      return o && (o.content = Se(e)), n;
+      return o && (o.content = Me(e)), n;
     }), h(!1), y(!1), z(), $();
-  }, D = !f.trim() && !C.length || j, ke = (e) => {
+  }, D = !f.trim() && !C.length || j, Se = (e) => {
     e.key === "Enter" && !e.shiftKey && !D && !e.nativeEvent.isComposing && (e.preventDefault(), O());
-  }, be = (e) => {
+  }, ke = (e) => {
     const t = e.target.value;
     L(t);
   }, O = async (e = f) => {
     if (D && (!e || e.trim().length === 0)) return;
     h(!0);
-    const t = B ? m.length === 2 : m.length === 0, n = Te(B, C, t);
+    const t = B ? m.length === 2 : m.length === 0, n = Fe(B, C, t);
     let o;
-    const i = We(C);
+    const i = Ke(C);
     C.length && i ? o = [{ type: "text", text: i }] : o = e;
     const ee = {
       id: `${Date.now().toString()}-${u(4)}-1`,
@@ -105,7 +105,7 @@ It seems I might be having some issues right now. Please clear the chat and try
       },
       a.current
     );
-    const te = [Ve, ...ge?.({ conversation: x }) || []];
+    const te = [qe, ...ge?.({ conversation: x }) || []];
     try {
       const I = {
         model: de,
@@ -136,10 +136,10 @@ It seems I might be having some issues right now. Please clear the chat and try
       }), g.on("tool_calls.function.arguments.done", async (M) => {
         const { name: S, arguments: A } = M, r = te?.find((p) => p.function.name === S);
         if (!r) return;
-        const k = ("parse" in r.function ? r.function.parse : JSON.parse)(A), xe = r.function.function?.(k, g), Le = r.renderMessageButtons?.({ args: k, execution: xe }) ?? [];
+        const k = ("parse" in r.function ? r.function.parse : JSON.parse)(A), Ae = r.function.function?.(k, g), xe = r.renderMessageButtons?.({ args: k, execution: Ae }) ?? [];
         S === "provideLinks" ? s.links = k.links ?? [] : V((p) => ({
           ...p,
-          [s.id]: [...p[s.id] ?? [], ...Le]
+          [s.id]: [...p[s.id] ?? [], ...xe]
         })), s.toolCalls?.push({
           id: "call_" + u(24),
           type: "function",
@@ -148,14 +148,14 @@ It seems I might be having some issues right now. Please clear the chat and try
             arguments: A
           }
         }), l((p) => {
-          const P = [...p], De = P.findIndex((Oe) => Oe.id === s.id);
-          return P[De] = { ...s }, P;
+          const P = [...p], Le = P.findIndex((Be) => Be.id === s.id);
+          return P[Le] = { ...s }, P;
+        }), fe?.(M, {
+          conversation: {
+            ...x,
+            messages: [...a.current, s]
+          }
         });
-        const Be = await we([
-          ...a.current,
-          s
-        ]);
-        fe?.(M, { conversation: Be ?? x });
       }), g.on("error", Y), g.finalChatCompletion().then(() => {
         a.current = [...a.current, s], w.current = null, h(!1), y(!1), $(), E(
           {
@@ -168,7 +168,7 @@ It seems I might be having some issues right now. Please clear the chat and try
     } catch (I) {
       Y(I), h(!1), y(!1);
     }
-  }, $e = () => {
+  }, be = () => {
     w.current && (w.current.abort(), w.current = null), h(!1), y(!1), $();
   }, Z = () => {
     q(null), l([]), a.current = [], ce(), V({}), v([]), re(), G(null), z(), $(), E({
@@ -177,7 +177,7 @@ It seems I might be having some issues right now. Please clear the chat and try
         conversation: x
       }
     });
-  }, Ee = (e) => {
+  }, $e = (e) => {
     G(e);
     const { initialReplyMessage: t, displayName: n } = e, o = {
       id: m.length.toString() + u(4),
@@ -192,38 +192,38 @@ It seems I might be having some issues right now. Please clear the chat and try
       id: `system-${Date.now().toString()}-${u(4)}-${e.id}`,
       role: "system",
       content: `Company has asked user to follow this guided workflow:
-${Je(e)}`
+${Te(e)}`
     }, ...X, o, i];
     l(N), v([]);
-  }, { openForm: Ne } = He(), _e = Qe();
-  Pe(F.chatFunctionsRef, () => ({
+  }, { openForm: Ee } = Je(), Ne = ze();
+  Oe(F.chatFunctionsRef, () => ({
     submitMessage: O,
     updateInputMessage(e) {
       L(e);
     },
     clearChat: Z,
     openForm: (e) => {
-      _e?.setView("chat"), Ne(e);
+      Ne?.setView("chat"), Ee(e);
     },
     focusInput: () => {
       Q.current?.focus();
     }
   }));
-  const Ae = je("(max-width: 768px)");
+  const _e = He("(max-width: 768px)");
   return {
     messages: m,
     input: f,
     isLoading: j,
     isStreaming: he,
-    isLoadingConversation: Ie,
+    isLoadingConversation: we,
     error: ye,
     isSubmitDisabled: D,
-    handleInputChange: be,
-    handleInputKeyDown: ke,
+    handleInputChange: ke,
+    handleInputKeyDown: Se,
     handleSubmit: O,
-    stop: $e,
+    stop: be,
     clear: Z,
-    handleWorkflow: Ee,
+    handleWorkflow: $e,
     selectedWorkflow: B,
     messageAttachments: C,
     setMessageAttachments: v,
@@ -231,9 +231,9 @@ ${Je(e)}`
     messageButtons: ve,
     isEmpty: m.length === 0,
     inputRef: Q,
-    isMobile: Ae
+    isMobile: _e
   };
 };
 export {
-  dt 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"),f=require("./user-provider.cjs"),d=t.createContext(void 0),b=({children:e})=>{const{baseSettings:n,componentType:o}=B.useInkeepConfig(),{apiKey:r,analyticsApiBaseUrl:i,tags:c,privacyPreferences:E,env:g}=n,{userProperties:a}=f.useUser(),v=t.useMemo(()=>({widgetLibraryVersion:"0.5.49",componentType:o,tags:c}),[o,c]),u=!E.optOutAllAnalytics&&g!=="development",m={logEvent:t.useCallback(async l=>{const s={...v,...l.properties},p={eventName:l.eventName,properties:s,userProperties:a};if(u){if("conversation"in s&&!s.conversation?.id)return;y.logEvent(p,r,i)}n.onEvent?.(p)},[u,n,r,i,a,v])};return P.jsx(d.Provider,{value:m,children:e})},x=()=>{const e=t.useContext(d);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=b;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"),f=require("./user-provider.cjs"),d=t.createContext(void 0),b=({children:e})=>{const{baseSettings:n,componentType:o}=B.useInkeepConfig(),{apiKey:r,analyticsApiBaseUrl:i,tags:c,privacyPreferences:E,env:g}=n,{userProperties:a}=f.useUser(),v=t.useMemo(()=>({widgetLibraryVersion:"0.5.50",componentType:o,tags:c}),[o,c]),u=!E.optOutAllAnalytics&&g!=="development",m={logEvent:t.useCallback(async l=>{const s={...v,...l.properties},p={eventName:l.eventName,properties:s,userProperties:a};if(u){if("conversation"in s&&!s.conversation?.id)return;y.logEvent(p,r,i)}n.onEvent?.(p)},[u,n,r,i,a,v])};return P.jsx(d.Provider,{value:m,children:e})},x=()=>{const e=t.useContext(d);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=b;exports.useBaseEvents=x;

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

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

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),j=require("../atoms/api/analytics/conversation.cjs"),w=require("./config-provider.cjs"),B=require("./conversation-provider.cjs"),k=require("./user-provider.cjs"),f=require("./base-events-provider.cjs"),g=t.createContext(void 0),b=({children:e})=>{const{baseSettings:x}=w.useInkeepConfig(),{apiKey:l,analyticsApiBaseUrl:C,tags:d,privacyPreferences:{optOutAllAnalytics:i},env:a}=x,{userProperties:E}=k.useUser(),{logEvent:h}=f.useBaseEvents(),{conversation:o,setConversation:y}=B.useInkeepConversation(),p=t.useRef(o);t.useEffect(()=>{p.current=o},[o]);const c=t.useCallback(async n=>{const s=p.current,v=!i&&a!=="development";let r=Object.assign({},s,{messages:n});if(v){const P=await j.logConversation(s.id,{messages:n,tags:d,userProperties:E},l,C);P&&(r=P)}return r},[C,l,d,E,i,a]),q={logEvent:t.useCallback(async(n,s)=>{if(s){const r=await c(s);y(r)}const v={...n,properties:{conversation:o,...n.properties}};h(v)},[h,c,i,a]),logConversation:c};return u.jsx(g.Provider,{value:q,children:e})},A=({children:e})=>u.jsx(f.BaseEventsProvider,{children:u.jsx(b,{children:e})}),O=()=>{const e=t.useContext(g);if(!e)throw new Error("useChatEvents must be used within a ChatEventsProvider");return e};exports.ChatEventsProvider=b;exports.ChatEventsProviderWithBase=A;exports.useChatEvents=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),j=require("../atoms/api/analytics/conversation.cjs"),w=require("./config-provider.cjs"),B=require("./conversation-provider.cjs"),k=require("./user-provider.cjs"),f=require("./base-events-provider.cjs"),g=t.createContext(void 0),b=({children:e})=>{const{baseSettings:x}=w.useInkeepConfig(),{apiKey:C,analyticsApiBaseUrl:d,tags:E,privacyPreferences:{optOutAllAnalytics:i},env:a}=x,{userProperties:h}=k.useUser(),{logEvent:p}=f.useBaseEvents(),{conversation:c,setConversation:y}=B.useInkeepConversation(),v=t.useRef(c);t.useEffect(()=>{v.current=c},[c]);const u=t.useCallback(async n=>{const s=v.current,r=!i&&a!=="development";let o=Object.assign({},s,{messages:n});if(r){const P=await j.logConversation(s.id,{messages:n,tags:E,userProperties:h},C,d);P&&(o=P)}return o},[d,C,E,h,i,a]),q={logEvent:t.useCallback(async(n,s)=>{let r=v.current;s&&(r=await u(s),y(r));const o={...n,properties:{conversation:r,...n.properties}};p(o)},[p,u,i,a]),logConversation:u};return l.jsx(g.Provider,{value:q,children:e})},A=({children:e})=>l.jsx(f.BaseEventsProvider,{children:l.jsx(b,{children:e})}),O=()=>{const e=t.useContext(g);if(!e)throw new Error("useChatEvents must be used within a ChatEventsProvider");return e};exports.ChatEventsProvider=b;exports.ChatEventsProviderWithBase=A;exports.useChatEvents=O;

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

@@ -1,65 +1,63 @@
 "use client";
-import { jsx as v } from "react/jsx-runtime";
-import { useRef as y, useEffect as w, useCallback as m, createContext as b, useContext as B } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as y, useEffect as w, useCallback as h, createContext as b, useContext as B } from "react";
 import { logConversation as k } from "../atoms/api/analytics/conversation.js";
 import { useInkeepConfig as A } from "./config-provider.js";
 import { useInkeepConversation as j } from "./conversation-provider.js";
 import { useUser as I } from "./user-provider.js";
 import { useBaseEvents as O, BaseEventsProvider as U } from "./base-events-provider.js";
-const d = b(void 0), K = ({ children: t }) => {
+const m = b(void 0), K = ({ children: t }) => {
   const { baseSettings: g } = A(), {
-    apiKey: u,
-    analyticsApiBaseUrl: p,
-    tags: l,
+    apiKey: p,
+    analyticsApiBaseUrl: l,
+    tags: C,
     privacyPreferences: { optOutAllAnalytics: s },
     env: i
-  } = g, { userProperties: C } = I(), { logEvent: f } = O(), { conversation: o, setConversation: P } = j(), E = y(o);
+  } = g, { userProperties: f } = I(), { logEvent: E } = O(), { conversation: a, setConversation: P } = j(), c = y(a);
   w(() => {
-    E.current = o;
-  }, [o]);
-  const a = m(
+    c.current = a;
+  }, [a]);
+  const v = h(
     async (e) => {
-      const n = E.current, c = !s && i !== "development";
+      const n = c.current, o = !s && i !== "development";
       let r = Object.assign({}, n, { messages: e });
-      if (c) {
-        const h = await k(
+      if (o) {
+        const d = await k(
           n.id,
           {
             messages: e,
-            tags: l,
-            userProperties: C
+            tags: C,
+            userProperties: f
           },
-          u,
-          p
+          p,
+          l
         );
-        h && (r = h);
+        d && (r = d);
       }
       return r;
     },
-    [p, u, l, C, s, i]
+    [l, p, C, f, s, i]
   ), x = {
-    logEvent: m(
+    logEvent: h(
       async (e, n) => {
-        if (n) {
-          const r = await a(n);
-          P(r);
-        }
-        const c = {
+        let o = c.current;
+        n && (o = await v(n), P(o));
+        const r = {
           ...e,
           properties: {
             conversation: o,
             ...e.properties
           }
         };
-        f(c);
+        E(r);
       },
-      [f, a, s, i]
+      [E, v, s, i]
     ),
-    logConversation: a
+    logConversation: v
   };
-  return /* @__PURE__ */ v(d.Provider, { value: x, children: t });
-}, F = ({ children: t }) => /* @__PURE__ */ v(U, { children: /* @__PURE__ */ v(K, { children: t }) }), G = () => {
-  const t = B(d);
+  return /* @__PURE__ */ u(m.Provider, { value: x, children: t });
+}, F = ({ children: t }) => /* @__PURE__ */ u(U, { children: /* @__PURE__ */ u(K, { children: t }) }), G = () => {
+  const t = B(m);
   if (!t)
     throw new Error("useChatEvents must be used within a ChatEventsProvider");
   return t;

package/package.json

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