@inkeep/cxkit-primitives 0.5.48 → 0.5.50

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/index.d.cts

@@ -22,7 +22,6 @@ import { FeebackReason } from '@inkeep/cxkit-types';
 import { FeedbackItemType } from '@inkeep/cxkit-types';
 import { FeedbackType } from '@inkeep/cxkit-types';
 import { FieldErrors } from 'react-hook-form';
-import { FocusScope } from '@radix-ui/react-focus-scope';
 import { FormField } from '@inkeep/cxkit-types';
 import { FormHTMLAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -54,7 +53,6 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Portal as Portal_2 } from '@radix-ui/react-portal';
 import { Primitive } from '@radix-ui/react-primitive';
 import { PropsWithChildren } from 'react';
-import * as RadixDialog from '@radix-ui/react-dialog';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
@@ -74,6 +72,7 @@ import { ToolCallAction } from '@inkeep/cxkit-types';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { TopLevelHeading } from '@inkeep/cxkit-types';
 import { TransformedSource } from '@inkeep/cxkit-types';
+import { TrapFocusOptions } from '@zag-js/focus-trap';
 import { UrlQueryParam } from '@inkeep/cxkit-types';
 import { UserProperties as UserProperties_2 } from '@inkeep/cxkit-types';
 import { Workflow } from '@inkeep/cxkit-types';
@@ -548,7 +547,7 @@ export declare const Command: React_2.ForwardRefExoticComponent<Children & Omit<
         /** Whether this separator should always be rendered. Useful if you disable automatic filtering. */
         alwaysRender?: boolean;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    Dialog: React_2.ForwardRefExoticComponent<RadixDialog.DialogProps & Children & Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
+    Dialog: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogProps & Children & Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
         asChild?: boolean;
     }, "ref"> & {
         /**
@@ -620,7 +619,7 @@ export declare const Command: React_2.ForwardRefExoticComponent<Children & Omit<
 /**
  * Renders the command menu in a Radix Dialog.
  */
-export declare const CommandDialog: React_2.ForwardRefExoticComponent<RadixDialog.DialogProps & Children & Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
+export declare const CommandDialog: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogProps & Children & Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
 }, "ref"> & {
     /**
@@ -1443,17 +1442,17 @@ declare interface DialogContentImplProps extends Omit<DismissableLayerProps, 'on
      * pointer, or a programmatic focus.
      * @defaultValue false
      */
-    trapFocus?: FocusScopeProps['trapped'];
+    trapFocus?: boolean;
     /**
      * Event handler called when auto-focusing on open.
      * Can be prevented.
      */
-    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
+    onOpenAutoFocus?: TrapFocusOptions['onActivate'];
     /**
      * Event handler called when auto-focusing on close.
      * Can be prevented.
      */
-    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
+    onCloseAutoFocus?: TrapFocusOptions['onDeactivate'];
 }
 
 declare interface DialogContentProps extends DialogContentTypeProps {
@@ -2717,8 +2716,6 @@ export declare const FeedbackProvider: React.FC<{
     children: React.ReactNode;
 }>;
 
-declare type FocusScopeProps = React_2.ComponentPropsWithoutRef<typeof FocusScope>;
-
 declare type FormErrors = Record<'title' | 'content', string | undefined>;
 
 export declare interface FormFieldContextValue extends FormFieldCtx {

package/dist/index.d.ts

@@ -22,7 +22,6 @@ import { FeebackReason } from '@inkeep/cxkit-types';
 import { FeedbackItemType } from '@inkeep/cxkit-types';
 import { FeedbackType } from '@inkeep/cxkit-types';
 import { FieldErrors } from 'react-hook-form';
-import { FocusScope } from '@radix-ui/react-focus-scope';
 import { FormField } from '@inkeep/cxkit-types';
 import { FormHTMLAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -54,7 +53,6 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Portal as Portal_2 } from '@radix-ui/react-portal';
 import { Primitive } from '@radix-ui/react-primitive';
 import { PropsWithChildren } from 'react';
-import * as RadixDialog from '@radix-ui/react-dialog';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
@@ -74,6 +72,7 @@ import { ToolCallAction } from '@inkeep/cxkit-types';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { TopLevelHeading } from '@inkeep/cxkit-types';
 import { TransformedSource } from '@inkeep/cxkit-types';
+import { TrapFocusOptions } from '@zag-js/focus-trap';
 import { UrlQueryParam } from '@inkeep/cxkit-types';
 import { UserProperties as UserProperties_2 } from '@inkeep/cxkit-types';
 import { Workflow } from '@inkeep/cxkit-types';
@@ -548,7 +547,7 @@ export declare const Command: React_2.ForwardRefExoticComponent<Children & Omit<
         /** Whether this separator should always be rendered. Useful if you disable automatic filtering. */
         alwaysRender?: boolean;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    Dialog: React_2.ForwardRefExoticComponent<RadixDialog.DialogProps & Children & Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
+    Dialog: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogProps & Children & Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
         asChild?: boolean;
     }, "ref"> & {
         /**
@@ -620,7 +619,7 @@ export declare const Command: React_2.ForwardRefExoticComponent<Children & Omit<
 /**
  * Renders the command menu in a Radix Dialog.
  */
-export declare const CommandDialog: React_2.ForwardRefExoticComponent<RadixDialog.DialogProps & Children & Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
+export declare const CommandDialog: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogProps & Children & Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
 }, "ref"> & {
     /**
@@ -1443,17 +1442,17 @@ declare interface DialogContentImplProps extends Omit<DismissableLayerProps, 'on
      * pointer, or a programmatic focus.
      * @defaultValue false
      */
-    trapFocus?: FocusScopeProps['trapped'];
+    trapFocus?: boolean;
     /**
      * Event handler called when auto-focusing on open.
      * Can be prevented.
      */
-    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
+    onOpenAutoFocus?: TrapFocusOptions['onActivate'];
     /**
      * Event handler called when auto-focusing on close.
      * Can be prevented.
      */
-    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
+    onCloseAutoFocus?: TrapFocusOptions['onDeactivate'];
 }
 
 declare interface DialogContentProps extends DialogContentTypeProps {
@@ -2717,8 +2716,6 @@ export declare const FeedbackProvider: React.FC<{
     children: React.ReactNode;
 }>;
 
-declare type FocusScopeProps = React_2.ComponentPropsWithoutRef<typeof FocusScope>;
-
 declare type FormErrors = Record<'title' | 'content', string | undefined>;
 
 export declare interface FormFieldContextValue extends FormFieldCtx {

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.48",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.48",
+      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.48",
+  "version": "0.5.50",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -25,25 +25,25 @@
     "@radix-ui/react-checkbox": "1.1.3",
     "@radix-ui/react-compose-refs": "^1.1.1",
     "@radix-ui/react-context": "^1.1.1",
-    "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "^1.1.5",
     "@radix-ui/react-focus-guards": "^1.1.1",
     "@radix-ui/react-focus-scope": "^1.1.2",
     "@radix-ui/react-hover-card": "^1.1.6",
     "@radix-ui/react-id": "^1.1.0",
-    "@radix-ui/react-popover": "1.1.4",
+    "@radix-ui/react-popover": "1.1.6",
     "@radix-ui/react-portal": "^1.1.4",
     "@radix-ui/react-presence": "^1.1.2",
     "@radix-ui/react-primitive": "^2.0.2",
     "@radix-ui/react-scroll-area": "1.2.2",
-    "@radix-ui/react-select": "2.1.4",
+    "@radix-ui/react-select": "2.1.6",
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-tabs": "1.1.2",
     "@radix-ui/react-tooltip": "1.1.6",
+    "@radix-ui/react-use-callback-ref": "^1.1.0",
     "@radix-ui/react-use-controllable-state": "^1.1.0",
+    "@zag-js/focus-trap": "^1.7.0",
     "altcha-lib": "^1.2.0",
     "aria-hidden": "^1.2.4",
-    "cmdk": "^1.0.4",
     "dequal": "^2.0.3",
     "humps": "2.0.1",
     "merge-anything": "5.1.7",
@@ -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.48",
-    "@inkeep/cxkit-theme": "0.5.48",
-    "@inkeep/cxkit-types": "0.5.48"
+    "@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",