@inkeep/cxkit-primitives 0.5.107 → 0.5.108

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

@@ -1 +1 @@
-"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.107",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;
+"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.108",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

@@ -7,7 +7,7 @@ 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.107",
+      widgetLibraryVersion: "0.5.108",
       componentType: s,
       tags: a
     }),

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

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

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

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

package/package.json

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