@inkeep/cxkit-primitives 0.5.75 → 0.5.77

package/dist/atoms/api/analytics/feedback.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function b(r){const{type:t,messageId:n,reasons:s=[],apiKey:a,apiUrl:i,userProperties:c}=r,d=`${i}/feedback`,o={type:t,messageId:n,createdAt:new Date().toISOString(),userProperties:c};t==="negative"&&(o.reasons=s);const e=await fetch(d,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${a}`},body:JSON.stringify(o)});if(!e.ok){const u=await e.text();throw new Error(`Failed to send feedback: ${u}`)}return e.json()}exports.submitFeedback=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function b(r){const{type:t,messageId:n,reasons:s=[],apiKey:a,apiUrl:i,userProperties:c,properties:d}=r,p=`${i}/feedback`,o={type:t,messageId:n,createdAt:new Date().toISOString(),userProperties:c,properties:d};t==="negative"&&(o.reasons=s);const e=await fetch(p,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${a}`},body:JSON.stringify(o)});if(!e.ok){const u=await e.text();throw new Error(`Failed to send feedback: ${u}`)}return e.json()}exports.submitFeedback=b;

package/dist/atoms/api/analytics/feedback.js

@@ -1,13 +1,14 @@
 "use client";
-async function f(n) {
-  const { type: t, messageId: r, reasons: s = [], apiKey: a, apiUrl: i, userProperties: c } = n, d = `${i}/feedback`, o = {
+async function u(r) {
+  const { type: t, messageId: n, reasons: s = [], apiKey: a, apiUrl: i, userProperties: c, properties: d } = r, p = `${i}/feedback`, o = {
     type: t,
-    messageId: r,
+    messageId: n,
     createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-    userProperties: c
+    userProperties: c,
+    properties: d
   };
   t === "negative" && (o.reasons = s);
-  const e = await fetch(d, {
+  const e = await fetch(p, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -16,11 +17,11 @@ async function f(n) {
     body: JSON.stringify(o)
   });
   if (!e.ok) {
-    const p = await e.text();
-    throw new Error(`Failed to send feedback: ${p}`);
+    const f = await e.text();
+    throw new Error(`Failed to send feedback: ${f}`);
   }
   return e.json();
 }
 export {
-  f as submitFeedback
+  u as submitFeedback
 };

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

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

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

package/dist/index.d.cts

@@ -2780,6 +2780,7 @@ export declare interface InkeepConversationContextValue {
     setConversation: React.Dispatch<React.SetStateAction<ConversationResponse>>;
     chatId: string | undefined;
     resetConversation: () => void;
+    setExternalChatId: React.Dispatch<React.SetStateAction<string | undefined>>;
 }
 
 export declare const InkeepConversationProvider: React.FC<{

package/dist/index.d.ts

@@ -2780,6 +2780,7 @@ export declare interface InkeepConversationContextValue {
     setConversation: React.Dispatch<React.SetStateAction<ConversationResponse>>;
     chatId: string | undefined;
     resetConversation: () => void;
+    setExternalChatId: React.Dispatch<React.SetStateAction<string | undefined>>;
 }
 
 export declare const InkeepConversationProvider: React.FC<{

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

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

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

@@ -1,43 +1,52 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import { useMemo as y, useCallback as x, createContext as B, useContext as P } from "react";
-import { logEvent as C } from "../atoms/api/analytics/events.js";
-import { useInkeepConfig as b } from "./config-provider.js";
-import { useUser as w } from "./user-provider.js";
-const l = B(void 0), _ = ({ children: e }) => {
-  const { baseSettings: t, componentType: s } = b(), { apiKey: r, analyticsApiBaseUrl: i, tags: a, privacyPreferences: u, env: d } = t, { userProperties: c } = w(), v = y(
+import { jsx as y } from "react/jsx-runtime";
+import { useMemo as P, useCallback as x, createContext as B, useContext as C } from "react";
+import { logEvent as b } from "../atoms/api/analytics/events.js";
+import { useInkeepConfig as w } from "./config-provider.js";
+import { useUser as A } from "./user-provider.js";
+const u = B(void 0), $ = ({ children: e }) => {
+  const { baseSettings: t, componentType: s } = w(), { apiKey: r, analyticsApiBaseUrl: i, tags: a, privacyPreferences: d, env: E, analyticsProperties: c } = t, { userProperties: v } = A(), p = P(
     () => ({
-      widgetLibraryVersion: "0.5.75",
+      widgetLibraryVersion: "0.5.77",
       componentType: s,
       tags: a
     }),
     [s, a]
-  ), m = !u.optOutAllAnalytics && d !== "development", E = { logEvent: x(
+  ), m = !d.optOutAllAnalytics && E !== "development", f = { logEvent: x(
     async (o) => {
       const n = {
-        ...v,
-        ...o.properties
-      }, p = {
+        ...p,
+        ...o.properties,
+        ...c
+      }, l = {
         eventName: o.eventName,
         properties: n,
-        userProperties: c
-      }, f = ["modal_opened", "modal_closed"].includes(o.eventName);
-      if (m && !f) {
+        userProperties: v
+      }, g = ["modal_opened", "modal_closed"].includes(o.eventName);
+      if (m && !g) {
         if ("conversation" in n && !n.conversation?.id) return;
-        C(p, r, i);
+        b(l, r, i);
       }
-      t.onEvent?.(p);
+      t.onEvent?.(l);
     },
-    [m, t, r, i, c, v]
+    [
+      m,
+      t,
+      r,
+      i,
+      v,
+      p,
+      c
+    ]
   ) };
-  return /* @__PURE__ */ g(l.Provider, { value: E, children: e });
-}, $ = () => {
-  const e = P(l);
+  return /* @__PURE__ */ y(u.Provider, { value: f, children: e });
+}, j = () => {
+  const e = C(u);
   if (!e)
     throw new Error("useBaseEvents must be used within a BaseEventsProvider");
   return e;
 };
 export {
-  _ as BaseEventsProvider,
-  $ as useBaseEvents
+  $ as BaseEventsProvider,
+  j as useBaseEvents
 };

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

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

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

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

package/dist/providers/conversation-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),o=require("react"),h=require("./config-provider.cjs"),C="conversationId",l=o.createContext(null),S=({children:n})=>{const i=w(),{aiChatSettings:c}=h.useInkeepConfig(),t=c.chatId||i,s={id:"",messages:[]},[r,a]=o.useState(s),e=()=>{a(s)},u=o.useMemo(()=>({conversation:r,setConversation:a,chatId:t,resetConversation:e}),[r,t]);return p.jsx(l.Provider,{value:u,children:n})},f=()=>{const n=o.useContext(l);if(!n)throw new Error("useInkeepConversation must be used within an InkeepConversationProvider");return n};function w(){const[n,i]=o.useState(void 0),{aiChatSettings:c}=h.useInkeepConfig(),{shareChatUrlBasePath:t}=c;return o.useEffect(()=>{if(!t||typeof window>"u")return;const s=e=>e.endsWith("/")?e.slice(0,-1):e,r=()=>{const{origin:e,pathname:u,search:m}=window.location,d=new URL(t),I=s(u),P=s(d.pathname);if(e===d.origin&&I===P){const v=new URLSearchParams(m).get(C);v&&i(v)}};r();const a=()=>r();return window.addEventListener("popstate",a),()=>{window.removeEventListener("popstate",a)}},[t]),n}exports.InkeepConversationProvider=S;exports.SHARE_QUERY_PARAM=C;exports.useInkeepConversation=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),t=require("react"),C=require("./config-provider.cjs"),l="conversationId",I=t.createContext(null),f=({children:o})=>{const d=w(),{aiChatSettings:u}=C.useInkeepConfig(),n=u.chatId||d,[r,s]=t.useState(n);t.useEffect(()=>{s(n)},[n]);const a={id:"",messages:[]},[e,i]=t.useState(a),h=()=>{i(a),s(void 0)},c=t.useMemo(()=>({conversation:e,setConversation:i,chatId:r,resetConversation:h,setExternalChatId:s}),[e,r]);return p.jsx(I.Provider,{value:c,children:o})},S=()=>{const o=t.useContext(I);if(!o)throw new Error("useInkeepConversation must be used within an InkeepConversationProvider");return o};function w(){const[o,d]=t.useState(void 0),{aiChatSettings:u}=C.useInkeepConfig(),{shareChatUrlBasePath:n}=u;return t.useEffect(()=>{if(!n||typeof window>"u")return;const r=e=>e.endsWith("/")?e.slice(0,-1):e,s=()=>{const{origin:e,pathname:i,search:h}=window.location,c=new URL(n),m=r(i),P=r(c.pathname);if(e===c.origin&&m===P){const v=new URLSearchParams(h).get(l);v&&d(v)}};s();const a=()=>s();return window.addEventListener("popstate",a),()=>{window.removeEventListener("popstate",a)}},[n]),o}exports.InkeepConversationProvider=f;exports.SHARE_QUERY_PARAM=l;exports.useInkeepConversation=S;

package/dist/providers/conversation-provider.js

@@ -1,49 +1,54 @@
 "use client";
-import { jsx as I } from "react/jsx-runtime";
-import { useState as u, useMemo as f, createContext as w, useContext as P, useEffect as S } from "react";
-import { useInkeepConfig as m } from "./config-provider.js";
-const g = "conversationId", v = w(null), z = ({ children: t }) => {
-  const a = x(), { aiChatSettings: i } = m(), n = i.chatId || a, o = {
+import { jsx as f } from "react/jsx-runtime";
+import { useState as u, useEffect as m, useMemo as w, createContext as P, useContext as S } from "react";
+import { useInkeepConfig as v } from "./config-provider.js";
+const x = "conversationId", l = P(null), z = ({ children: n }) => {
+  const c = g(), { aiChatSettings: d } = v(), t = d.chatId || c, [s, o] = u(t);
+  m(() => {
+    o(t);
+  }, [t]);
+  const r = {
     id: "",
     messages: []
-  }, [s, r] = u(o), e = () => {
-    r(o);
-  }, c = f(
+  }, [e, a] = u(r), h = () => {
+    a(r), o(void 0);
+  }, i = w(
     () => ({
-      conversation: s,
-      setConversation: r,
-      chatId: n,
-      resetConversation: e
+      conversation: e,
+      setConversation: a,
+      chatId: s,
+      resetConversation: h,
+      setExternalChatId: o
     }),
-    [s, n]
+    [e, s]
   );
-  return /* @__PURE__ */ I(v.Provider, { value: c, children: t });
+  return /* @__PURE__ */ f(l.Provider, { value: i, children: n });
 }, L = () => {
-  const t = P(v);
-  if (!t)
+  const n = S(l);
+  if (!n)
     throw new Error("useInkeepConversation must be used within an InkeepConversationProvider");
-  return t;
+  return n;
 };
-function x() {
-  const [t, a] = u(void 0), { aiChatSettings: i } = m(), { shareChatUrlBasePath: n } = i;
-  return S(() => {
-    if (!n || typeof window > "u") return;
-    const o = (e) => e.endsWith("/") ? e.slice(0, -1) : e, s = () => {
-      const { origin: e, pathname: c, search: C } = window.location, d = new URL(n), l = o(c), p = o(d.pathname);
-      if (e === d.origin && l === p) {
-        const h = new URLSearchParams(C).get(g);
-        h && a(h);
+function g() {
+  const [n, c] = u(void 0), { aiChatSettings: d } = v(), { shareChatUrlBasePath: t } = d;
+  return m(() => {
+    if (!t || typeof window > "u") return;
+    const s = (e) => e.endsWith("/") ? e.slice(0, -1) : e, o = () => {
+      const { origin: e, pathname: a, search: h } = window.location, i = new URL(t), I = s(a), p = s(i.pathname);
+      if (e === i.origin && I === p) {
+        const C = new URLSearchParams(h).get(x);
+        C && c(C);
       }
     };
-    s();
-    const r = () => s();
+    o();
+    const r = () => o();
     return window.addEventListener("popstate", r), () => {
       window.removeEventListener("popstate", r);
     };
-  }, [n]), t;
+  }, [t]), n;
 }
 export {
   z as InkeepConversationProvider,
-  g as SHARE_QUERY_PARAM,
+  x as SHARE_QUERY_PARAM,
   L as useInkeepConversation
 };

package/dist/providers/feedback-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),n=require("react"),_=require("../atoms/api/analytics/feedback.cjs"),M=require("../components/embedded-chat/chat-provider.cjs"),l=require("../utils/misc.cjs"),S=require("./config-provider.cjs"),E=require("./conversation-provider.cjs"),j=require("./chat-events-provider.cjs"),I=require("./user-provider.cjs"),f=n.createContext(void 0);function R(){const{baseSettings:e}=S.useInkeepConfig(),{apiKey:s,analyticsApiBaseUrl:o}=e,[b,g]=n.useState(null),[F,p]=n.useState({}),{conversation:k}=E.useInkeepConversation(),{messages:c,selectedWorkflow:C}=M.useChat(),{userProperties:P}=I.useUser(),{logEvent:m}=j.useChatEvents(),r=n.useCallback(async(t,i,a=[])=>{const u=await _.submitFeedback({type:i,messageId:t,reasons:a,apiKey:s,apiUrl:o,userProperties:P});u&&p(d=>({...d,[t]:{type:u.type,reasons:u.reasons}}));const v=c.findIndex(d=>d.id===t),y=c[v],w={conversationId:k.id,question:l.getMessageContent(c[v-1]),answer:l.getMessageContent(y),messageId:t,reasons:a,workflowId:C?.id};m({eventName:i==="positive"?"assistant_positive_feedback_submitted":"assistant_negative_feedback_submitted",properties:w})},[c,k]),h=n.useCallback(async t=>{r(t,"positive")},[r]),q=n.useCallback(async(t,i)=>{const a=$(i);r(t,"negative",a)},[r]);return{feedback:F,currentFeedback:b,setCurrentFeedback:g,submitPositiveFeedback:h,submitNegativeFeedback:q}}const U=({children:e})=>{const s=R();return x.jsx(f.Provider,{value:s,children:e})},N=()=>{const e=n.useContext(f);if(!e)throw new Error("useFeedback must be used within a FeedbackProvider");return e};function $(e){const s=[];for(const o in e)e[o]==="on"&&s.push({label:o,details:e[`${o}:description`]||""});return s.length>0?s:[]}exports.FeedbackProvider=U;exports.useMessageFeedback=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),n=require("react"),M=require("../atoms/api/analytics/feedback.cjs"),S=require("../components/embedded-chat/chat-provider.cjs"),l=require("../utils/misc.cjs"),E=require("./config-provider.cjs"),j=require("./conversation-provider.cjs"),I=require("./chat-events-provider.cjs"),R=require("./user-provider.cjs"),f=n.createContext(void 0);function U(){const{baseSettings:e}=E.useInkeepConfig(),{apiKey:s,analyticsApiBaseUrl:o,analyticsProperties:b}=e,[g,p]=n.useState(null),[F,P]=n.useState({}),{conversation:k}=j.useInkeepConversation(),{messages:r,selectedWorkflow:C}=S.useChat(),{userProperties:m}=R.useUser(),{logEvent:h}=I.useChatEvents(),c=n.useCallback(async(t,i,a=[])=>{const u=await M.submitFeedback({type:i,messageId:t,reasons:a,apiKey:s,apiUrl:o,userProperties:m,properties:b});u&&P(d=>({...d,[t]:{type:u.type,reasons:u.reasons}}));const v=r.findIndex(d=>d.id===t),w=r[v],x={conversationId:k.id,question:l.getMessageContent(r[v-1]),answer:l.getMessageContent(w),messageId:t,reasons:a,workflowId:C?.id};h({eventName:i==="positive"?"assistant_positive_feedback_submitted":"assistant_negative_feedback_submitted",properties:x})},[r,k]),q=n.useCallback(async t=>{c(t,"positive")},[c]),y=n.useCallback(async(t,i)=>{const a=A(i);c(t,"negative",a)},[c]);return{feedback:F,currentFeedback:g,setCurrentFeedback:p,submitPositiveFeedback:q,submitNegativeFeedback:y}}const N=({children:e})=>{const s=U();return _.jsx(f.Provider,{value:s,children:e})},$=()=>{const e=n.useContext(f);if(!e)throw new Error("useFeedback must be used within a FeedbackProvider");return e};function A(e){const s=[];for(const o in e)e[o]==="on"&&s.push({label:o,details:e[`${o}:description`]||""});return s.length>0?s:[]}exports.FeedbackProvider=N;exports.useMessageFeedback=$;

package/dist/providers/feedback-provider.js

@@ -1,40 +1,41 @@
 "use client";
-import { jsx as E } from "react/jsx-runtime";
-import { createContext as I, useContext as U, useState as p, useCallback as u } from "react";
-import { submitFeedback as M } from "../atoms/api/analytics/feedback.js";
-import { useChat as N } from "../components/embedded-chat/chat-provider.js";
+import { jsx as I } from "react/jsx-runtime";
+import { createContext as U, useContext as M, useState as k, useCallback as u } from "react";
+import { submitFeedback as N } from "../atoms/api/analytics/feedback.js";
+import { useChat as S } from "../components/embedded-chat/chat-provider.js";
 import { getMessageContent as f } from "../utils/misc.js";
-import { useInkeepConfig as S } from "./config-provider.js";
-import { useInkeepConversation as j } from "./conversation-provider.js";
-import { useChatEvents as q } from "./chat-events-provider.js";
-import { useUser as A } from "./user-provider.js";
-const v = I(void 0);
-function B() {
-  const { baseSettings: e } = S(), { apiKey: s, analyticsApiBaseUrl: o } = e, [b, l] = p(null), [F, g] = p({}), { conversation: m } = j(), { messages: n, selectedWorkflow: C } = N(), { userProperties: h } = A(), { logEvent: w } = q(), r = u(
+import { useInkeepConfig as j } from "./config-provider.js";
+import { useInkeepConversation as q } from "./conversation-provider.js";
+import { useChatEvents as A } from "./chat-events-provider.js";
+import { useUser as B } from "./user-provider.js";
+const v = U(void 0);
+function K() {
+  const { baseSettings: e } = j(), { apiKey: s, analyticsApiBaseUrl: o, analyticsProperties: b } = e, [l, F] = k(null), [g, C] = k({}), { conversation: m } = q(), { messages: n, selectedWorkflow: h } = S(), { userProperties: w } = B(), { logEvent: y } = A(), r = u(
     async (t, i, c = []) => {
-      const a = await M({
+      const a = await N({
         type: i,
         messageId: t,
         reasons: c,
         apiKey: s,
         apiUrl: o,
-        userProperties: h
+        userProperties: w,
+        properties: b
       });
-      a && g((d) => ({
+      a && C((d) => ({
         ...d,
         [t]: { type: a.type, reasons: a.reasons }
       }));
-      const k = n.findIndex((d) => d.id === t), P = n[k], _ = {
+      const p = n.findIndex((d) => d.id === t), _ = n[p], E = {
         conversationId: m.id,
-        question: f(n[k - 1]),
-        answer: f(P),
+        question: f(n[p - 1]),
+        answer: f(_),
         messageId: t,
         reasons: c,
-        workflowId: C?.id
+        workflowId: h?.id
       };
-      w({
+      y({
         eventName: i === "positive" ? "assistant_positive_feedback_submitted" : "assistant_negative_feedback_submitted",
-        properties: _
+        properties: E
       });
     },
     [n, m]
@@ -43,31 +44,31 @@ function B() {
       r(t, "positive");
     },
     [r]
-  ), y = u(
+  ), P = u(
     async (t, i) => {
-      const c = K(i);
+      const c = R(i);
       r(t, "negative", c);
     },
     [r]
   );
   return {
-    feedback: F,
-    currentFeedback: b,
-    setCurrentFeedback: l,
+    feedback: g,
+    currentFeedback: l,
+    setCurrentFeedback: F,
     submitPositiveFeedback: x,
-    submitNegativeFeedback: y
+    submitNegativeFeedback: P
   };
 }
-const O = ({ children: e }) => {
-  const s = B();
-  return /* @__PURE__ */ E(v.Provider, { value: s, children: e });
-}, Q = () => {
-  const e = U(v);
+const Q = ({ children: e }) => {
+  const s = K();
+  return /* @__PURE__ */ I(v.Provider, { value: s, children: e });
+}, T = () => {
+  const e = M(v);
   if (!e)
     throw new Error("useFeedback must be used within a FeedbackProvider");
   return e;
 };
-function K(e) {
+function R(e) {
   const s = [];
   for (const o in e)
     e[o] === "on" && s.push({
@@ -77,6 +78,6 @@ function K(e) {
   return s.length > 0 ? s : [];
 }
 export {
-  O as FeedbackProvider,
-  Q as useMessageFeedback
+  Q as FeedbackProvider,
+  T as useMessageFeedback
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.75",
+  "version": "0.5.77",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -60,9 +60,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.75",
-    "@inkeep/cxkit-theme": "0.5.75",
-    "@inkeep/cxkit-types": "0.5.75"
+    "@inkeep/cxkit-color-mode": "0.5.77",
+    "@inkeep/cxkit-theme": "0.5.77",
+    "@inkeep/cxkit-types": "0.5.77"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",