@inkeep/cxkit-primitives 0.5.95 → 0.5.96

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

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

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),s=require("react"),w=require("react-hook-form"),x=require("./conversation-provider.cjs"),P=require("../components/modal/modal-provider.cjs"),M=require("../utils/form.cjs"),H="root.serverError",h=s.createContext(void 0);function S(){const[t,n]=s.useState(null),[v,u]=s.useState(!1),{conversation:i}=x.useInkeepConversation(),F=P.useModal(),C=e=>{n(e)},a=()=>{n(null),u(!1),t?.buttons.close?.action==="close_modal"&&F?.setOpen(!1)},c=s.useMemo(()=>t?.fields.map(e=>{const o={...e};return"_type"in e&&e._type==="include_chat_session"&&(o.inputType="checkbox",i.id?(o.isHidden=e.isHidden,o.isRequired=e.isRequired):(o.isHidden=!0,o.isRequired=!1)),o}),[t?.fields,i.id]),m=c?.find(e=>"_type"in e&&e._type==="include_chat_session"),r=s.useMemo(()=>M.getFormDefaultValues(c),[c]),{control:b,handleSubmit:p,formState:{errors:d,isSubmitting:E},setError:R,reset:l}=w.useForm({defaultValues:r});s.useEffect(()=>{r&&l(r)},[l,r]);const q=p(async e=>{const _=i.id&&m&&e[m.name]?i:null;try{await t?.buttons.submit.onSubmit({values:e,conversation:_}),u(!0),t?.successView||a()}catch(f){R(H,{message:f instanceof Error?f.message:"Something went wrong."})}}),y=d?.root?.serverError;return{form:t,openForm:C,closeForm:a,handleSubmit:q,isSuccess:v,isSubmitting:E,formError:y,fields:c,errors:d,control:b,defaultValues:r}}const V=({children:t})=>{const n=S();return g.jsx(h.Provider,{value:n,children:t})},j=()=>{const t=s.useContext(h);if(!t)throw new Error("useChatForm must be used within a ChatFormProvider");return t};exports.ChatFormProvider=V;exports.useChatForm=j;exports.useChatFormState=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),s=require("react"),H=require("react-hook-form"),O=require("./conversation-provider.cjs"),M=require("../components/modal/modal-provider.cjs"),T=require("../utils/form.cjs"),V=require("./chat-events-provider.cjs"),j="root.serverError",S=s.createContext(void 0);function g(){const[t,i]=s.useState(null),[a,u]=s.useState(null),[C,l]=s.useState(!1),{conversation:r}=O.useInkeepConversation(),F=M.useModal(),{logEvent:b}=V.useChatEvents(),E=(e,o)=>{i(e),u(o||null)},m=()=>{i(null),u(null),l(!1),t?.buttons.close?.action==="close_modal"&&F?.setOpen(!1)},c=s.useMemo(()=>t?.fields.map(e=>{const o={...e};return"_type"in e&&e._type==="include_chat_session"&&(o.inputType="checkbox",r.id?(o.isHidden=e.isHidden,o.isRequired=e.isRequired):(o.isHidden=!0,o.isRequired=!1)),o}),[t?.fields,r.id]),d=c?.find(e=>"_type"in e&&e._type==="include_chat_session"),n=s.useMemo(()=>T.getFormDefaultValues(c),[c]),{control:_,handleSubmit:q,formState:{errors:f,isSubmitting:y},setError:R,reset:p}=H.useForm({defaultValues:n});s.useEffect(()=>{n&&p(n)},[p,n]);const P=q(async e=>{const v=r.id&&d&&e[d.name]?r:null;try{await t?.buttons.submit.onSubmit({values:e,conversation:v}),a&&b({eventName:"user_escalation_indicated",properties:{escalationType:"support_form",getHelpOptionName:a.name,conversation:v||r}}),l(!0),t?.successView||m()}catch(h){R(j,{message:h instanceof Error?h.message:"Something went wrong."})}}),w=f?.root?.serverError;return{form:t,openForm:E,closeForm:m,handleSubmit:P,isSuccess:C,isSubmitting:y,formError:w,fields:c,errors:f,control:_,defaultValues:n}}const k=({children:t})=>{const i=g();return x.jsx(S.Provider,{value:i,children:t})},N=()=>{const t=s.useContext(S);if(!t)throw new Error("useChatForm must be used within a ChatFormProvider");return t};exports.ChatFormProvider=k;exports.useChatForm=N;exports.useChatFormState=g;

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

@@ -1,66 +1,74 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
-import { useState as f, useMemo as p, useEffect as g, createContext as V, useContext as q } from "react";
-import { useForm as H } from "react-hook-form";
-import { useInkeepConversation as M } from "./conversation-provider.js";
-import { useModal as P } from "../components/modal/modal-provider.js";
+import { jsx as O } from "react/jsx-runtime";
+import { useState as c, useMemo as S, useEffect as V, createContext as q, useContext as M } from "react";
+import { useForm as N } from "react-hook-form";
+import { useInkeepConversation as P } from "./conversation-provider.js";
+import { useModal as T } from "../components/modal/modal-provider.js";
 import { getFormDefaultValues as k } from "../utils/form.js";
-const I = "root.serverError", h = V(void 0);
-function O() {
-  const [t, r] = f(null), [S, c] = f(!1), { conversation: n } = M(), b = P(), v = (e) => {
-    r(e);
-  }, u = () => {
-    r(null), c(!1), t?.buttons.close?.action === "close_modal" && b?.setOpen(!1);
-  }, i = p(() => t?.fields.map((e) => {
+import { useChatEvents as G } from "./chat-events-provider.js";
+const I = "root.serverError", g = q(void 0);
+function j() {
+  const [t, r] = c(null), [a, u] = c(null), [C, m] = c(!1), { conversation: s } = P(), E = T(), { logEvent: b } = G(), F = (e, o) => {
+    r(e), u(o || null);
+  }, l = () => {
+    r(null), u(null), m(!1), t?.buttons.close?.action === "close_modal" && E?.setOpen(!1);
+  }, i = S(() => t?.fields.map((e) => {
     const o = { ...e };
-    return "_type" in e && e._type === "include_chat_session" && (o.inputType = "checkbox", n.id ? (o.isHidden = e.isHidden, o.isRequired = e.isRequired) : (o.isHidden = !0, o.isRequired = !1)), o;
-  }), [t?.fields, n.id]), a = i?.find((e) => "_type" in e && e._type === "include_chat_session"), s = p(() => k(i), [i]), {
-    control: C,
-    handleSubmit: F,
-    formState: { errors: m, isSubmitting: E },
-    setError: _,
-    reset: l
-  } = H({
-    defaultValues: s
+    return "_type" in e && e._type === "include_chat_session" && (o.inputType = "checkbox", s.id ? (o.isHidden = e.isHidden, o.isRequired = e.isRequired) : (o.isHidden = !0, o.isRequired = !1)), o;
+  }), [t?.fields, s.id]), p = i?.find((e) => "_type" in e && e._type === "include_chat_session"), n = S(() => k(i), [i]), {
+    control: _,
+    handleSubmit: y,
+    formState: { errors: d, isSubmitting: R },
+    setError: w,
+    reset: f
+  } = N({
+    defaultValues: n
   });
-  g(() => {
-    s && l(s);
-  }, [l, s]);
-  const R = F(async (e) => {
-    const x = n.id && a && e[a.name] ? n : null;
+  V(() => {
+    n && f(n);
+  }, [f, n]);
+  const x = y(async (e) => {
+    const h = s.id && p && e[p.name] ? s : null;
     try {
-      await t?.buttons.submit.onSubmit({ values: e, conversation: x }), c(!0), t?.successView || u();
-    } catch (d) {
-      _(I, {
-        message: d instanceof Error ? d.message : "Something went wrong."
+      await t?.buttons.submit.onSubmit({ values: e, conversation: h }), a && b({
+        eventName: "user_escalation_indicated",
+        properties: {
+          escalationType: "support_form",
+          getHelpOptionName: a.name,
+          conversation: h || s
+        }
+      }), m(!0), t?.successView || l();
+    } catch (v) {
+      w(I, {
+        message: v instanceof Error ? v.message : "Something went wrong."
       });
     }
-  }), w = m?.root?.serverError;
+  }), H = d?.root?.serverError;
   return {
     form: t,
-    openForm: v,
-    closeForm: u,
-    handleSubmit: R,
-    isSuccess: S,
-    isSubmitting: E,
-    formError: w,
+    openForm: F,
+    closeForm: l,
+    handleSubmit: x,
+    isSuccess: C,
+    isSubmitting: R,
+    formError: H,
     fields: i,
-    errors: m,
-    control: C,
-    defaultValues: s
+    errors: d,
+    control: _,
+    defaultValues: n
   };
 }
-const G = ({ children: t }) => {
-  const r = O();
-  return /* @__PURE__ */ y(h.Provider, { value: r, children: t });
-}, J = () => {
-  const t = q(h);
+const U = ({ children: t }) => {
+  const r = j();
+  return /* @__PURE__ */ O(g.Provider, { value: r, children: t });
+}, W = () => {
+  const t = M(g);
   if (!t)
     throw new Error("useChatForm must be used within a ChatFormProvider");
   return t;
 };
 export {
-  G as ChatFormProvider,
-  J as useChatForm,
-  O as useChatFormState
+  U as ChatFormProvider,
+  W as useChatForm,
+  j as useChatFormState
 };

package/dist/providers/feedback-provider.cjs

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

package/dist/providers/feedback-provider.js

@@ -1,69 +1,75 @@
 "use client";
 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 { createContext as N, useContext as U, useState as f, useCallback as p } from "react";
+import { submitFeedback as M } 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 { getMessageContent as v } from "../utils/misc.js";
 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);
+const l = N(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 N({
-        type: i,
+  const { baseSettings: e } = j(), { apiKey: s, analyticsApiBaseUrl: o, analyticsProperties: m } = e, [F, g] = f(null), [C, w] = f({}), { conversation: c } = q(), { messages: r, selectedWorkflow: h } = S(), { userProperties: y } = B(), { logEvent: b } = A(), i = p(
+    async (t, n, a = []) => {
+      const d = await M({
+        type: n,
         messageId: t,
-        reasons: c,
+        reasons: a,
         apiKey: s,
         apiUrl: o,
-        userProperties: w,
-        properties: b
+        userProperties: y,
+        properties: m
       });
-      a && C((d) => ({
-        ...d,
-        [t]: { type: a.type, reasons: a.reasons }
+      d && w((u) => ({
+        ...u,
+        [t]: { type: d.type, reasons: d.reasons }
       }));
-      const p = n.findIndex((d) => d.id === t), _ = n[p], E = {
-        conversationId: m.id,
-        question: f(n[p - 1]),
-        answer: f(_),
+      const k = r.findIndex((u) => u.id === t), P = r[k], E = {
+        conversationId: c.id,
+        question: v(r[k - 1]),
+        answer: v(P),
         messageId: t,
-        reasons: c,
+        reasons: a,
         workflowId: h?.id
       };
-      y({
-        eventName: i === "positive" ? "assistant_positive_feedback_submitted" : "assistant_negative_feedback_submitted",
+      b({
+        eventName: n === "positive" ? "assistant_positive_feedback_submitted" : "assistant_negative_feedback_submitted",
         properties: E
+      }), n === "negative" && b({
+        eventName: "user_escalation_indicated",
+        properties: {
+          escalationType: "downvote",
+          conversation: c
+        }
       });
     },
-    [n, m]
-  ), x = u(
+    [r, c]
+  ), _ = p(
     async (t) => {
-      r(t, "positive");
+      i(t, "positive");
     },
-    [r]
-  ), P = u(
-    async (t, i) => {
-      const c = R(i);
-      r(t, "negative", c);
+    [i]
+  ), x = p(
+    async (t, n) => {
+      const a = R(n);
+      i(t, "negative", a);
     },
-    [r]
+    [i]
   );
   return {
-    feedback: g,
-    currentFeedback: l,
-    setCurrentFeedback: F,
-    submitPositiveFeedback: x,
-    submitNegativeFeedback: P
+    feedback: C,
+    currentFeedback: F,
+    setCurrentFeedback: g,
+    submitPositiveFeedback: _,
+    submitNegativeFeedback: x
   };
 }
-const Q = ({ children: e }) => {
+const O = ({ children: e }) => {
   const s = K();
-  return /* @__PURE__ */ I(v.Provider, { value: s, children: e });
-}, T = () => {
-  const e = M(v);
+  return /* @__PURE__ */ I(l.Provider, { value: s, children: e });
+}, Q = () => {
+  const e = U(l);
   if (!e)
     throw new Error("useFeedback must be used within a FeedbackProvider");
   return e;
@@ -78,6 +84,6 @@ function R(e) {
   return s.length > 0 ? s : [];
 }
 export {
-  Q as FeedbackProvider,
-  T as useMessageFeedback
+  O as FeedbackProvider,
+  Q as useMessageFeedback
 };

package/package.json

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