@inkeep/cxkit-primitives 0.5.94 → 0.5.96

package/dist/index.d.cts

@@ -63,6 +63,7 @@ import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { SearchHit } from '@inkeep/cxkit-types';
+import { SelectItem } from '@inkeep/cxkit-types';
 import { SetStateAction } from 'react';
 import { SourceItem } from '@inkeep/cxkit-types';
 import { SVGProps } from 'react';
@@ -397,7 +398,7 @@ export declare type ChatEventsContextValue = {
      * Pass messages if you want it to also log a conversation.
      * The conversation will be appended to the event properties.
      */
-    logEvent: (event: InkeepEvent, messages?: Message[]) => void;
+    logEvent: (event: InkeepEvent, messages?: Message[]) => Promise<void>;
     /**
      * Log a conversation.
      */
@@ -3483,7 +3484,7 @@ declare const PrimitiveFooter: ForwardRefExoticComponent< PolymorphicProps & Omi
 
 declare const PrimitiveForm: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "_id"> & Partial<Pick< DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "_id">>>;
 
-declare const PrimitiveFormCancel: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id">>>;
+declare const PrimitiveFormCancel: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "type" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "type" | "_id">>>;
 
 declare const PrimitiveFormClose: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id">>>;
 
@@ -3957,7 +3958,7 @@ declare const SelectIcon: React_2.ForwardRefExoticComponent<SelectIconProps & Re
 declare interface SelectIconProps extends PrimitiveSpanProps {
 }
 
-declare const SelectItem: React_2.ForwardRefExoticComponent<SelectItemProps & React_2.RefAttributes<HTMLDivElement>>;
+declare const SelectItem_2: React_2.ForwardRefExoticComponent<SelectItemProps & React_2.RefAttributes<HTMLDivElement>>;
 
 declare interface SelectItemAlignedPositionProps extends PrimitiveDivProps_2, SelectPopperPrivateProps {
 }
@@ -4013,7 +4014,7 @@ declare namespace SelectPrimitive {
         SelectViewport,
         SelectGroup,
         SelectLabel,
-        SelectItem,
+        SelectItem_2 as SelectItem,
         SelectItemText,
         SelectItemIndicator,
         SelectScrollUpButton,
@@ -4310,7 +4311,7 @@ export declare const useChatForm: () => ChatFormContextValue;
 
 export declare function useChatFormState(): {
     form: AIChatFormSettings | null;
-    openForm: (formSettings: AIChatFormSettings) => void;
+    openForm: (formSettings: AIChatFormSettings, getHelpOption?: GetHelpOption) => void;
     closeForm: () => void;
     handleSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
     isSuccess: boolean;
@@ -4319,7 +4320,50 @@ export declare function useChatFormState(): {
         type: string | number;
         message: Message_2;
     }> | undefined;
-    fields: FormField[] | undefined;
+    fields: ({
+        inputType: "checkbox";
+        defaultValue?: boolean;
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    } | {
+        inputType: "file";
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    } | {
+        inputType: "select";
+        items: SelectItem[];
+        defaultValue?: string;
+        placeholder?: string;
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    } | {
+        inputType: "email" | "text" | "textarea";
+        defaultValue?: string;
+        placeholder?: string;
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    } | {
+        _type: "include_chat_session";
+        inputType?: "checkbox";
+        defaultValue?: boolean;
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    })[] | undefined;
     errors: FieldErrors<Record<string, any>>;
     control: Control<Record<string, any>, any>;
     defaultValues: Record<string, any>;

package/dist/index.d.ts

@@ -63,6 +63,7 @@ import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { SearchHit } from '@inkeep/cxkit-types';
+import { SelectItem } from '@inkeep/cxkit-types';
 import { SetStateAction } from 'react';
 import { SourceItem } from '@inkeep/cxkit-types';
 import { SVGProps } from 'react';
@@ -397,7 +398,7 @@ export declare type ChatEventsContextValue = {
      * Pass messages if you want it to also log a conversation.
      * The conversation will be appended to the event properties.
      */
-    logEvent: (event: InkeepEvent, messages?: Message[]) => void;
+    logEvent: (event: InkeepEvent, messages?: Message[]) => Promise<void>;
     /**
      * Log a conversation.
      */
@@ -3483,7 +3484,7 @@ declare const PrimitiveFooter: ForwardRefExoticComponent< PolymorphicProps & Omi
 
 declare const PrimitiveForm: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "_id"> & Partial<Pick< DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "_id">>>;
 
-declare const PrimitiveFormCancel: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id">>>;
+declare const PrimitiveFormCancel: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "type" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "type" | "_id">>>;
 
 declare const PrimitiveFormClose: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id">>>;
 
@@ -3957,7 +3958,7 @@ declare const SelectIcon: React_2.ForwardRefExoticComponent<SelectIconProps & Re
 declare interface SelectIconProps extends PrimitiveSpanProps {
 }
 
-declare const SelectItem: React_2.ForwardRefExoticComponent<SelectItemProps & React_2.RefAttributes<HTMLDivElement>>;
+declare const SelectItem_2: React_2.ForwardRefExoticComponent<SelectItemProps & React_2.RefAttributes<HTMLDivElement>>;
 
 declare interface SelectItemAlignedPositionProps extends PrimitiveDivProps_2, SelectPopperPrivateProps {
 }
@@ -4013,7 +4014,7 @@ declare namespace SelectPrimitive {
         SelectViewport,
         SelectGroup,
         SelectLabel,
-        SelectItem,
+        SelectItem_2 as SelectItem,
         SelectItemText,
         SelectItemIndicator,
         SelectScrollUpButton,
@@ -4310,7 +4311,7 @@ export declare const useChatForm: () => ChatFormContextValue;
 
 export declare function useChatFormState(): {
     form: AIChatFormSettings | null;
-    openForm: (formSettings: AIChatFormSettings) => void;
+    openForm: (formSettings: AIChatFormSettings, getHelpOption?: GetHelpOption) => void;
     closeForm: () => void;
     handleSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
     isSuccess: boolean;
@@ -4319,7 +4320,50 @@ export declare function useChatFormState(): {
         type: string | number;
         message: Message_2;
     }> | undefined;
-    fields: FormField[] | undefined;
+    fields: ({
+        inputType: "checkbox";
+        defaultValue?: boolean;
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    } | {
+        inputType: "file";
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    } | {
+        inputType: "select";
+        items: SelectItem[];
+        defaultValue?: string;
+        placeholder?: string;
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    } | {
+        inputType: "email" | "text" | "textarea";
+        defaultValue?: string;
+        placeholder?: string;
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    } | {
+        _type: "include_chat_session";
+        inputType?: "checkbox";
+        defaultValue?: boolean;
+        name: string;
+        label: string;
+        isRequired?: boolean;
+        isHidden?: boolean;
+        description?: string;
+    })[] | undefined;
     errors: FieldErrors<Record<string, any>>;
     control: Control<Record<string, any>, any>;
     defaultValues: Record<string, any>;

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.94",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.96",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.94",
+      widgetLibraryVersion: "0.5.96",
       componentType: s,
       tags: a
     }),

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

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

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