@inkeep/cxkit-primitives 0.5.4 → 0.5.6

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

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

@@ -1,12 +1,12 @@
 "use client";
 import be from "openai";
-import { useState as c, useRef as D, useEffect as X, useImperativeHandle as _e } from "react";
+import { useState as c, useRef as R, useEffect as X, useImperativeHandle as _e } from "react";
 import { getConversation as Ee } from "../../atoms/api/analytics/conversation.js";
 import { useInkeepConfig as Ne } from "../../providers/config-provider.js";
 import { useInkeepConversation as Ae } from "../../providers/conversation-provider.js";
-import { useChatEvents as xe } from "../../providers/chat-events-provider.js";
-import { getMessageMetadata as Le, serializeAttachments as Re, serializeWorkflow as $e } from "../../utils/get-message-metadata.js";
-import { parseIfJson as De, getMessageContent as Pe } from "../../utils/misc.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, getMessageContent as Pe } from "../../utils/misc.js";
 import { resetQueryParams as j } from "../../utils/reset-query-params.js";
 import { useChatForm as Ue } from "../../providers/chat-form-provider.js";
 import { useWidget as Ke } from "../../providers/widget-provider.js";
@@ -22,14 +22,14 @@ const tt = () => {
     baseURL: `${U}/v1`,
     apiKey: S.apiKey,
     dangerouslyAllowBrowser: !0
-  }), { onInputMessageChange: ne, tools: oe, prompts: ae, model: re, onToolCall: ie } = P, [p, A] = c(""), T = D(null);
+  }), { onInputMessageChange: ne, tools: oe, prompts: ae, model: re, onToolCall: ie } = P, [p, A] = c(""), T = R(null);
   X(() => {
     ne?.(p);
   }, [p]);
   const [u, l] = c([]), [W, f] = c(!1), [ce, h] = c(!1), [le, F] = c(null), [I, z] = c(null), [w, y] = c([]), ue = (e) => {
     y((s) => [...s, e]);
-  }, [me, H] = c({}), r = D([]), C = D(null), { logEvent: _ } = xe(), J = ae?.map((e, s) => ({
-    id: `system-${s}`,
+  }, [me, H] = c({}), r = R([]), C = R(null), { logEvent: _ } = $e(), J = ae?.map((e, s) => ({
+    id: `system-${Date.now().toString()}-${s}`,
     role: "system",
     content: e
   })), [de, ge] = c(!!g);
@@ -46,7 +46,7 @@ const tt = () => {
           ge(!1), Y({ ...n, id: "" });
           const o = n.messages.map((i) => ({
             id: Date.now().toString() + i.id,
-            content: De(i.content),
+            content: Re(i.content),
             role: i.role,
             links: i.links
           }));
@@ -71,17 +71,17 @@ It seems I might be having some issues right now. Please clear the chat and try
       const n = [...s], o = n[n.length - 1];
       return o && (o.content = pe(e)), n;
     }), f(!1), h(!1), B(), b();
-  }, x = !p.trim() && !w.length || W, fe = (e) => {
-    e.key === "Enter" && !e.shiftKey && !x && !e.nativeEvent.isComposing && (e.preventDefault(), L());
+  }, $ = !p.trim() && !w.length || W, fe = (e) => {
+    e.key === "Enter" && !e.shiftKey && !$ && !e.nativeEvent.isComposing && (e.preventDefault(), x());
   }, he = (e) => {
     const s = e.target.value;
     A(s);
-  }, L = async (e = p) => {
-    if (x && (!e || e.trim().length === 0)) return;
+  }, x = async (e = p) => {
+    if ($ && (!e || e.trim().length === 0)) return;
     f(!0);
-    const s = I ? u.length === 2 : u.length === 0, n = Le(I, w, s);
+    const s = I ? u.length === 2 : u.length === 0, n = xe(I, w, s);
     let o;
-    const i = Re(w);
+    const i = De(w);
     w.length && i ? o = [{ type: "text", text: i }] : o = e;
     const E = {
       id: `${Date.now().toString()}1`,
@@ -116,15 +116,15 @@ It seems I might be having some issues right now. Please clear the chat and try
         content: "",
         links: []
       };
-      l((m) => [...m, t]), M.on("content", (m, R) => {
-        h(!0), t.content = R, l(($) => {
-          const a = [...$], d = a.findIndex((k) => k.id === t.id);
+      l((m) => [...m, t]), M.on("content", (m, D) => {
+        h(!0), t.content = D, l((L) => {
+          const a = [...L], d = a.findIndex((k) => k.id === t.id);
           return d === -1 ? [...a, t] : (a[d] = { ...t }, a);
         });
       }), M.on("tool_calls.function.arguments.done", (m) => {
-        const { name: R, arguments: $ } = m;
-        if (R === "provideLinks") {
-          const a = JSON.parse($);
+        const { name: D, arguments: L } = m;
+        if (D === "provideLinks") {
+          const a = JSON.parse(L);
           a.links?.length > 0 && (t.links = a.links, l((d) => {
             const k = [...d], ke = k.findIndex((Se) => Se.id === t.id);
             return k[ke] = { ...t }, k;
@@ -175,17 +175,17 @@ It seems I might be having some issues right now. Please clear the chat and try
       content: s,
       links: []
     }, N = [{
-      id: `system-${e.id}`,
+      id: `system-${Date.now().toString()}-${e.id}`,
       role: "system",
       content: `Company has asked user to follow this guided workflow:
-${$e(
+${Le(
         e
       )}`
     }, ...J, o, i];
     l(N), y([]);
   }, { openForm: ye } = Ue(), Ce = Ke();
   _e(P.chatFunctionsRef, () => ({
-    submitMessage: L,
+    submitMessage: x,
     updateInputMessage(e) {
       A(e);
     },
@@ -205,10 +205,10 @@ ${$e(
     isStreaming: ce,
     isLoadingConversation: de,
     error: le,
-    isSubmitDisabled: x,
+    isSubmitDisabled: $,
     handleInputChange: he,
     handleInputKeyDown: fe,
-    handleSubmit: L,
+    handleSubmit: x,
     stop: Ie,
     clear: Q,
     handleWorkflow: we,

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.4",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.6",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.4",
+      widgetLibraryVersion: "0.5.6",
       componentType: o,
       tags: r
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -53,9 +53,9 @@
     "react-textarea-autosize": "8.5.7",
     "rehype-raw": "7.0.0",
     "unist-util-visit": "^5.0.0",
-    "@inkeep/cxkit-color-mode": "0.5.4",
-    "@inkeep/cxkit-theme": "0.5.4",
-    "@inkeep/cxkit-types": "0.5.4"
+    "@inkeep/cxkit-color-mode": "0.5.6",
+    "@inkeep/cxkit-theme": "0.5.6",
+    "@inkeep/cxkit-types": "0.5.6"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",