@inkeep/cxkit-primitives 0.5.95 → 0.5.96

package/dist/components/embedded-chat.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as n, jsxs as $, Fragment as Z } from "react/jsx-runtime";
-import { forwardRef as Q, memo as P, useState as ge, useEffect as Me, useMemo as Ie } from "react";
+import { jsx as n, jsxs as V, Fragment as Z } from "react/jsx-runtime";
+import { forwardRef as U, memo as P, useState as ge, useEffect as Me, useMemo as Ie } from "react";
 import ee from "react-textarea-autosize";
 import * as te from "@radix-ui/react-avatar";
-import * as V from "@radix-ui/react-checkbox";
+import * as K from "@radix-ui/react-checkbox";
 import * as S from "@radix-ui/react-popover";
 import * as k from "@radix-ui/react-tooltip";
 import * as x from "@radix-ui/react-scroll-area";
@@ -14,13 +14,13 @@ import xe from "../atoms/avatars/user.js";
 import { CustomIcon as A } from "../atoms/icons/custom-icon.js";
 import { BuiltInIconRenderer as B } from "../atoms/icons/built-in-icon-renderer.js";
 import { LinkWithQueryParams as De } from "../atoms/link.js";
-import { Markdown as U } from "../atoms/markdown/index.js";
+import { Markdown as q } from "../atoms/markdown/index.js";
 import { AttachmentItemProvider as be, useAttachmentItem as D } from "../providers/attachment-item-provider.js";
 import { AttachmentsBarProvider as Oe, useAttachmentsBar as F } from "../providers/attachments-bar-provider.js";
 import { SourceItemProvider as We, useSourceItem as w } from "../providers/source-item-provider.js";
-import { useInkeepConfig as u } from "../providers/config-provider.js";
-import { useInkeepConversation as K, SHARE_QUERY_PARAM as Ne } from "../providers/conversation-provider.js";
-import { useChatEvents as q } from "../providers/chat-events-provider.js";
+import { useInkeepConfig as C } from "../providers/config-provider.js";
+import { useInkeepConversation as O, SHARE_QUERY_PARAM as Ne } from "../providers/conversation-provider.js";
+import { useChatEvents as W } from "../providers/chat-events-provider.js";
 import { useMessageFeedback as re } from "../providers/feedback-provider.js";
 import { MessageAttachmentsProvider as Re, useMessageAttachments as j } from "../providers/message-attachments-provider.js";
 import { MessageProvider as $e, useMessage as b } from "../providers/message-provider.js";
@@ -53,7 +53,7 @@ import { HoverPopoverProvider as ot, useHoverPopover as Ae } from "../providers/
 import { useWidgetAutoFocus as rt } from "./modal/widget-auto-focus.js";
 const ct = "__intro__", dt = i("div", {
   _id: "aiChatWrapper"
-}), rn = Q((t, e) => {
+}), rn = U((t, e) => {
   const { ...a } = t, { isHidden: s, isMobile: o } = g(), [r, c] = je(), d = le(e, r), m = c?.width ? c.width > 580 : !0, l = et();
   return /* @__PURE__ */ n(
     dt,
@@ -86,7 +86,7 @@ const ct = "__intro__", dt = i("div", {
   _id: "aiChatHeader__ToolbarHeader"
 }), un = P(
   (t) => {
-    const { aiChatSettings: e } = u(), a = `Ask ${e.aiAssistantName || "AI"}`;
+    const { aiChatSettings: e } = C(), a = `Ask ${e.aiAssistantName || "AI"}`;
     return /* @__PURE__ */ n(ht, { ...t, children: a });
   }
 ), Cn = i("div", {
@@ -95,7 +95,7 @@ const ct = "__intro__", dt = i("div", {
   _id: "aiChatContentScrollArea"
 }), ut = i(x.Viewport, {
   _id: "aiChatContentScrollArea__Viewport"
-}), vn = Q(({ children: t, ...e }, a) => {
+}), vn = U(({ children: t, ...e }, a) => {
   const { containerRef: s } = it(), o = le(a, s);
   return /* @__PURE__ */ n(
     ut,
@@ -129,14 +129,14 @@ const ct = "__intro__", dt = i("div", {
   _id: "aiChatDisclaimer"
 }), Pn = P(
   (t) => {
-    const { aiChatSettings: e } = u(), [a, s] = ge(!1), o = st(a, 100);
+    const { aiChatSettings: e } = C(), [a, s] = ge(!1), o = st(a, 100);
     return e.disclaimerSettings?.isEnabled ? /* @__PURE__ */ n(ot, { open: a, setOpen: s, children: /* @__PURE__ */ n(S.Root, { open: o, onOpenChange: s, children: /* @__PURE__ */ n(pt, { ...t }) }) }) : null;
   }
 ), vt = i("span", {
   _id: "aiChatDisclaimerLabel"
 }), Fn = P(
   (t) => {
-    const { aiChatSettings: e } = u(), a = e.disclaimerSettings;
+    const { aiChatSettings: e } = C(), a = e.disclaimerSettings;
     return /* @__PURE__ */ n(vt, { children: a?.label, ...t });
   }
 ), gt = i(S.Trigger, {
@@ -170,11 +170,11 @@ const ct = "__intro__", dt = i("div", {
       ...t
     }
   );
-}, _t = i(U, {
+}, _t = i(q, {
   _id: "aiChatDisclaimerText"
 }), fn = P(
   (t) => {
-    const { aiChatSettings: e } = u(), a = e.aiAssistantName, o = e.disclaimerSettings?.tooltip || `Information provided by ${a || "this AI assistant"} is not guaranteed to be accurate or comprehensive.`;
+    const { aiChatSettings: e } = C(), a = e.aiAssistantName, o = e.disclaimerSettings?.tooltip || `Information provided by ${a || "this AI assistant"} is not guaranteed to be accurate or comprehensive.`;
     return /* @__PURE__ */ n(_t, { shouldOpenLinksInNewTab: !0, children: o, ...t });
   }
 ), En = i(S.Arrow, {
@@ -182,26 +182,26 @@ const ct = "__intro__", dt = i("div", {
 }), At = i("div", {
   _id: "aiChatExampleQuestions"
 }), Sn = (t) => {
-  const { aiChatSettings: e } = u(), { messages: a } = g();
+  const { aiChatSettings: e } = C(), { messages: a } = g();
   return !e.exampleQuestions?.length || a.length ? null : /* @__PURE__ */ n(At, { ...t });
 }, Pt = i("h3", {
   _id: "aiChatExampleQuestionsLabel"
 }), kn = P(
   (t) => {
-    const { aiChatSettings: e } = u();
+    const { aiChatSettings: e } = C();
     return /* @__PURE__ */ n(Pt, { children: e.exampleQuestionsLabel, ...t });
   }
 ), Ft = i("div", {
   _id: "aiChatExampleQuestionsList"
 }), Bn = P(
   (t) => {
-    const { aiChatSettings: e } = u(), a = e.exampleQuestions, { children: s, ...o } = t;
+    const { aiChatSettings: e } = C(), a = e.exampleQuestions, { children: s, ...o } = t;
     return /* @__PURE__ */ n(Ft, { children: M(s, a), ...o });
   }
 ), Mt = i("div", {
   _id: "aiChatExampleQuestion"
-}), Tn = Q((t, e) => {
-  const { aiChatSettings: a } = u(), s = a.isFirstExampleQuestionHighlighted;
+}), Tn = U((t, e) => {
+  const { aiChatSettings: a } = C(), s = a.isFirstExampleQuestionHighlighted;
   return /* @__PURE__ */ n(Mt, { ref: e, "data-highlight": p(s), ...t });
 }), It = i("button", {
   _id: "aiChatExampleQuestionButton"
@@ -218,18 +218,18 @@ const ct = "__intro__", dt = i("div", {
 }, ft = i("div", {
   _id: "aiChatWorkflows"
 }), wn = (t) => {
-  const { aiChatSettings: e } = u(), { messages: a } = g();
+  const { aiChatSettings: e } = C(), { messages: a } = g();
   return !e.workflows?.length || a.length ? null : /* @__PURE__ */ n(ft, { ...t });
 }, Et = i("h3", {
   _id: "aiChatWorkflowsLabel"
 }), Hn = P((t) => {
-  const { aiChatSettings: e } = u();
+  const { aiChatSettings: e } = C();
   return /* @__PURE__ */ n(Et, { children: e.workflowsHeader, ...t });
 }), St = i("div", {
   _id: "aiChatWorkflowsList"
 }), Ln = P(
   (t) => {
-    const { aiChatSettings: e } = u(), a = e.workflows, { children: s, ...o } = t;
+    const { aiChatSettings: e } = C(), a = e.workflows, { children: s, ...o } = t;
     return /* @__PURE__ */ n(St, { children: M(s, a), ...o });
   }
 ), kt = i("button", {
@@ -251,7 +251,7 @@ const ct = "__intro__", dt = i("div", {
   return e.role === "system" ? null : /* @__PURE__ */ n($e, { message: e, children: /* @__PURE__ */ n(Bt, { "data-role": e.role, ...a }) });
 }, Dn = P(
   (t) => {
-    const { message: e, ...a } = t, { aiChatSettings: s, baseSettings: o } = u(), r = s.aiAssistantName, c = r ? `Hi, I'm ${r}!` : "Hi!", d = s.chatSubjectName ?? o.organizationDisplayName, m = `${c} 
+    const { message: e, ...a } = t, { aiChatSettings: s, baseSettings: o } = C(), r = s.aiAssistantName, c = r ? `Hi, I'm ${r}!` : "Hi!", d = s.chatSubjectName ?? o.organizationDisplayName, m = `${c} 
 
  I'm an AI assistant trained on documentation, help articles, and other content.`, l = d ? `
 
@@ -284,7 +284,7 @@ const ct = "__intro__", dt = i("div", {
 }, Lt = i(te.Root, {
   _id: "aiChatMessageAvatarContent"
 }), Rn = (t) => {
-  const { message: e } = b(), { baseSettings: a } = u();
+  const { message: e } = b(), { baseSettings: a } = C();
   return /* @__PURE__ */ n(
     Lt,
     {
@@ -297,7 +297,7 @@ const ct = "__intro__", dt = i("div", {
   _id: "aiChatMessageAvatarFallback"
 }), $n = P(
   (t) => {
-    const { baseSettings: e } = u(), { message: a } = b();
+    const { baseSettings: e } = C(), { message: a } = b();
     return e.userProperties.name ? /* @__PURE__ */ n(
       xt,
       {
@@ -314,7 +314,7 @@ const ct = "__intro__", dt = i("div", {
     const { onLoadingStatusChange: e, ...a } = t, {
       aiChatSettings: s,
       baseSettings: { userProperties: o }
-    } = u(), { message: r } = b(), { aiAssistantAvatar: c } = s ?? {}, d = typeof c == "string" ? c : c?.light, m = (typeof c == "string" ? c : c?.dark) ?? d, l = tt(d, m), [C, v] = ge(l);
+    } = C(), { message: r } = b(), { aiAssistantAvatar: c } = s ?? {}, d = typeof c == "string" ? c : c?.light, m = (typeof c == "string" ? c : c?.dark) ?? d, l = tt(d, m), [u, v] = ge(l);
     Me(() => {
       v(l);
     }, [l]);
@@ -337,10 +337,10 @@ const ct = "__intro__", dt = i("div", {
         "data-role": r.role,
         ...t
       }
-    ) : C ? /* @__PURE__ */ n(
+    ) : u ? /* @__PURE__ */ n(
       pe,
       {
-        src: C,
+        src: u,
         alt: "AI assistant avatar",
         "data-type": "image",
         "data-role": r.role,
@@ -462,9 +462,9 @@ const ct = "__intro__", dt = i("div", {
 }, ve = i("div", {
   _id: "aiChatMessage"
 }), as = (t) => {
-  const { aiChatSettings: e } = u(), { componentStyles: a, ...s } = t, { message: o } = b(), { logEvent: r } = q(), c = de(o), { conversation: d } = K();
+  const { aiChatSettings: e } = C(), { componentStyles: a, ...s } = t, { message: o } = b(), { logEvent: r } = W(), c = de(o), { conversation: d } = O();
   return o.role === "user" ? /* @__PURE__ */ n(ve, { "data-role": o.role, children: c, ...s }) : /* @__PURE__ */ n(ve, { "data-role": o.role, ...s, children: /* @__PURE__ */ n(
-    U,
+    q,
     {
       children: c,
       componentStyles: a,
@@ -505,11 +505,17 @@ const ct = "__intro__", dt = i("div", {
 }), Yt = i("button", {
   _id: "aiChatMessageToolAction"
 }), os = (t) => {
-  const { onClick: e, action: a, ...s } = t, { handleAction: o } = me(a), r = () => {
-    o();
-  }, c = a.label || "Contact Support", d = /* @__PURE__ */ $(Z, { children: [
+  const { onClick: e, action: a, ...s } = t, { handleAction: o } = me(a), { logEvent: r } = W(), { conversation: c } = O(), d = () => {
+    o(), r({
+      eventName: "user_escalation_indicated",
+      properties: {
+        escalationType: "contact_us",
+        conversation: c
+      }
+    });
+  }, m = a.label || "Contact Support", l = /* @__PURE__ */ V(Z, { children: [
     a.icon && /* @__PURE__ */ n(B, { iconSettings: a.icon }),
-    c
+    m
   ] });
   return a.action.type === "open_link" ? /* @__PURE__ */ n(
     zt,
@@ -518,25 +524,25 @@ const ct = "__intro__", dt = i("div", {
       target: "_blank",
       rel: "noopener",
       "data-type": a.action.type,
-      onClick: h(e, r),
-      children: d,
+      onClick: h(e, d),
+      children: l,
       ...s
     }
   ) : /* @__PURE__ */ n(
     Yt,
     {
       "data-type": a.action.type,
-      onClick: h(e, r),
-      children: d,
+      onClick: h(e, d),
+      children: l,
       ...s
     }
   );
 }, Jt = i("button", {
   _id: "aiChatMessageAction"
 }), rs = (t) => {
-  const { action: e, onClick: a, className: s, ...o } = t, { conversation: r } = K(), { message: c } = b(), { isStreaming: d, messages: m } = g(), [l, C] = X(), { feedback: v, submitPositiveFeedback: I, setCurrentFeedback: T, currentFeedback: O } = re(), { logEvent: G } = q(), [W, z] = qe(), {
+  const { action: e, onClick: a, className: s, ...o } = t, { conversation: r } = O(), { message: c } = b(), { isStreaming: d, messages: m } = g(), [l, u] = X(), { feedback: v, submitPositiveFeedback: I, setCurrentFeedback: T, currentFeedback: N } = re(), { logEvent: G } = W(), [R, z] = qe(), {
     baseSettings: { privacyPreferences: he }
-  } = u(), { optOutAllAnalytics: Y } = he, ue = m.at(-1)?.id === c?.id, J = c.role === "assistant";
+  } = C(), { optOutAllAnalytics: Y } = he, ue = m.at(-1)?.id === c?.id, J = c.role === "assistant";
   if (ue && d || !J || {
     copy: !1,
     upvote: Y,
@@ -544,7 +550,7 @@ const ct = "__intro__", dt = i("div", {
   }[e]) return null;
   const y = {
     copy() {
-      C(de(c)), G({
+      u(de(c)), G({
         eventName: "assistant_message_copied",
         properties: {
           conversation: r
@@ -565,7 +571,7 @@ const ct = "__intro__", dt = i("div", {
     downvote: "Downvote Message"
   }, f = {
     copy: /* @__PURE__ */ n(A, { iconKey: l ? "messageCopied" : "messageCopy" }),
-    upvote: /* @__PURE__ */ n(A, { iconKey: W ? "messageCopied" : "thumbsUp" }),
+    upvote: /* @__PURE__ */ n(A, { iconKey: R ? "messageCopied" : "thumbsUp" }),
     downvote: /* @__PURE__ */ n(A, { iconKey: "thumbsDown" })
   }, E = {
     copy: { "data-copied": p(l) },
@@ -574,7 +580,7 @@ const ct = "__intro__", dt = i("div", {
     },
     downvote: {
       "data-downvoted": p(v[c.id]?.type === "negative"),
-      "data-state": O === null ? "closed" : "open"
+      "data-state": N === null ? "closed" : "open"
     }
   };
   return /* @__PURE__ */ n(
@@ -603,21 +609,21 @@ const ct = "__intro__", dt = i("div", {
     baseSettings: { transformSource: o, organizationDisplayName: r },
     aiChatSettings: { shouldOpenLinksInNewTab: c },
     searchSettings: { tabs: d }
-  } = u();
+  } = C();
   if (e.role !== "assistant") return null;
   const m = e.links.map((l) => {
-    const C = nt(l, "chatSourceItem", {
+    const u = nt(l, "chatSourceItem", {
       organizationDisplayName: r,
       tabs: d,
       transformSource: o
-    }), v = C.shouldOpenInNewTab !== void 0 ? C.shouldOpenInNewTab : c;
-    return { ...C, isExternal: v };
+    }), v = u.shouldOpenInNewTab !== void 0 ? u.shouldOpenInNewTab : c;
+    return { ...u, isExternal: v };
   });
   return /* @__PURE__ */ n(ei, { children: M(a, m), ...s });
 }, ti = i(De, {
   _id: "aiChatMessageSourceItem"
 }), ls = (t) => {
-  const { source: e, onClick: a, ...s } = t, { logEvent: o } = q(), { conversation: r } = K(), c = () => {
+  const { source: e, onClick: a, ...s } = t, { logEvent: o } = W(), { conversation: r } = O(), c = () => {
     o({
       eventName: "assistant_source_item_clicked",
       properties: {
@@ -704,8 +710,8 @@ const ct = "__intro__", dt = i("div", {
   _id: "aiChatInput__Group"
 }), di = i("textarea", {
   _id: "aiChatInput"
-}), Ms = Q(({ onChange: t, onKeyDown: e, ...a }, s) => {
-  const { handleInputChange: o, handleInputKeyDown: r, input: c, error: d, shouldAutoFocusInput: m, inputRef: l } = g(), { aiChatSettings: C } = u(), v = le(
+}), Ms = U(({ onChange: t, onKeyDown: e, ...a }, s) => {
+  const { handleInputChange: o, handleInputKeyDown: r, input: c, error: d, shouldAutoFocusInput: m, inputRef: l } = g(), { aiChatSettings: u } = C(), v = le(
     s,
     l
   );
@@ -715,11 +721,11 @@ const ct = "__intro__", dt = i("div", {
       asChild: !0,
       ref: v,
       maxLength: 99999,
-      placeholder: C.placeholder,
+      placeholder: u.placeholder,
       value: c,
       onChange: h(t, o),
       onKeyDown: h(e, r),
-      disabled: !!d || C.isViewOnly,
+      disabled: !!d || u.isViewOnly,
       ...a,
       children: /* @__PURE__ */ n(ee, {})
     }
@@ -727,7 +733,7 @@ const ct = "__intro__", dt = i("div", {
 }), mi = i("button", {
   _id: "aiChatInput__SendButton"
 }), Is = (t) => {
-  const { handleSubmit: e, isSubmitDisabled: a, error: s } = g(), { aiChatSettings: o } = u(), { onClick: r, ...c } = t;
+  const { handleSubmit: e, isSubmitDisabled: a, error: s } = g(), { aiChatSettings: o } = C(), { onClick: r, ...c } = t;
   return /* @__PURE__ */ n(
     mi,
     {
@@ -795,7 +801,7 @@ const ct = "__intro__", dt = i("div", {
   side: "bottom",
   sideOffset: 3,
   align: "center",
-  children: /* @__PURE__ */ $(Z, { children: [
+  children: /* @__PURE__ */ V(Z, { children: [
     /* @__PURE__ */ n(gi, {}),
     "Attachments will be kept in context for the entire conversation."
   ] })
@@ -991,11 +997,11 @@ const ct = "__intro__", dt = i("div", {
 }), yi = i(k.Trigger, {
   _id: "aiChat__ChatAction"
 }), Pe = (t) => {
-  const { action: e, onClick: a, className: s, ...o } = t, { clear: r, stop: c, isLoading: d, messages: m, selectedWorkflow: l } = g(), { conversation: C } = K(), { aiChatSettings: v, baseSettings: I } = u(), { logEvent: T } = q(), [O, G] = X(), [W, z] = X();
+  const { action: e, onClick: a, className: s, ...o } = t, { clear: r, stop: c, isLoading: d, messages: m, selectedWorkflow: l } = g(), { conversation: u } = O(), { aiChatSettings: v, baseSettings: I } = C(), { logEvent: T } = W(), [N, G] = X(), [R, z] = X();
   if ({
     help: !1,
     copy: m.length === 0 || !v.isCopyChatButtonVisible || d,
-    share: m.length === 0 || !v.isShareButtonVisible || !C.id || !!l || d,
+    share: m.length === 0 || !v.isShareButtonVisible || !u.id || !!l || d,
     clear: m.length === 0 || v.isViewOnly || d,
     stop: !d
   }[e]) return null;
@@ -1004,28 +1010,28 @@ const ct = "__intro__", dt = i("div", {
     help: () => {
     },
     copy: () => {
-      const N = m.map((y) => {
-        const L = `**${y.role === "assistant" ? "AI Assistant" : "User"}**`, f = de(y), E = Ve(y.metadata?.attributes?.attachments), R = E ? `
+      const $ = m.map((y) => {
+        const L = `**${y.role === "assistant" ? "AI Assistant" : "User"}**`, f = de(y), E = Ve(y.metadata?.attributes?.attachments), Q = E ? `
 
 **Attachments**
 
 ${E}` : "";
         return `${L}
 
-${f}${R}`;
+${f}${Q}`;
       }).join(`
 
 ---
 
 `);
-      G(N);
+      G($);
     },
     share: async () => {
-      const N = {
+      const $ = {
         visibility: "public",
         tags: [],
         userProperties: {},
-        messages: C.messages.map((E) => ({
+        messages: u.messages.map((E) => ({
           ...E,
           createdAt: void 0,
           updatedAt: void 0,
@@ -1034,18 +1040,18 @@ ${f}${R}`;
         }))
       }, { apiKey: y, analyticsApiBaseUrl: L } = I, f = await at(
         "",
-        N,
+        $,
         y,
         L
       );
       if (f) {
-        const R = `${v.shareChatUrlBasePath}?${Ne}=${f?.id}`;
-        z(R), T({
+        const Q = `${v.shareChatUrlBasePath}?${Ne}=${f?.id}`;
+        z(Q), T({
           eventName: "chat_share_button_clicked",
           properties: {
             sharedConversationId: f?.id,
-            originalConversationId: C.id,
-            sharedChatUrl: R,
+            originalConversationId: u.id,
+            sharedChatUrl: Q,
             conversation: f
           }
         });
@@ -1054,14 +1060,14 @@ ${f}${R}`;
     clear: r,
     stop: c
   }, Ce = {
-    copy: O,
-    share: W
+    copy: N,
+    share: R
   };
   return /* @__PURE__ */ n(k.Tooltip, { delayDuration: 0, open: Ce[e], children: /* @__PURE__ */ n(
     yi,
     {
       "data-type": e,
-      "data-copied": p(O || W),
+      "data-copied": p(N || R),
       className: `${s} ${e}`,
       children: /* @__PURE__ */ n(Hi, { action: e }),
       onClick: h(a, J[e]),
@@ -1071,7 +1077,7 @@ ${f}${R}`;
 }, wi = i("span", {
   _id: "aiChat__ChatActionLabel"
 }), Hi = (t) => {
-  const { action: e, ...a } = t, { aiChatSettings: s } = u(), o = s.toolbarButtonLabels ?? {}, r = {
+  const { action: e, ...a } = t, { aiChatSettings: s } = C(), o = s.toolbarButtonLabels ?? {}, r = {
     help: o.getHelp ?? "Get Help",
     copy: o.copyChat ?? "Copy",
     share: o.share ?? "Share",
@@ -1086,20 +1092,20 @@ ${f}${R}`;
     copy: "Copied!",
     share: "Link copied!"
   };
-  return /* @__PURE__ */ $(Li, { sideOffset: 5, ...s, children: [
+  return /* @__PURE__ */ V(Li, { sideOffset: 5, ...s, children: [
     /* @__PURE__ */ n(k.Arrow, {}),
     a || o[e]
   ] });
 }, xi = i(S.Root, {
   _id: "aiChatHelpActions"
 }), lo = (t) => {
-  const { children: e, ...a } = t, { aiChatSettings: s } = u(), { getHelpOptions: o } = s;
+  const { children: e, ...a } = t, { aiChatSettings: s } = C(), { getHelpOptions: o } = s;
   if (!o || (o ?? []).length === 0)
     return null;
   const { _pinned: r, _unpinned: c } = o.reduce(
-    (C, v) => {
+    (u, v) => {
       const I = v.isPinnedToToolbar ? "_pinned" : "_unpinned";
-      return { ...C, [I]: [...C[I], v] };
+      return { ...u, [I]: [...u[I], v] };
     },
     { _pinned: [], _unpinned: [] }
   ), d = c.length === 1 ? [...r, c[0]] : r, m = c.length === 1 ? [] : c, l = Ge();
@@ -1135,7 +1141,7 @@ ${f}${R}`;
   _id: "aiChatHelpActions__Trigger"
 }), uo = P(
   (t) => {
-    const { aiChatSettings: e } = u();
+    const { aiChatSettings: e } = C();
     return /* @__PURE__ */ n(Pe, { action: "help", ...t, asChild: !0, children: /* @__PURE__ */ n(Wi, { children: e.toolbarButtonLabels?.getHelp ?? "Get Help" }) });
   }
 ), Ni = i(S.Content, {
@@ -1206,15 +1212,15 @@ ${f}${R}`;
   const { onSubmit: e, ...a } = t, { submitNegativeFeedback: s, currentFeedback: o, setCurrentFeedback: r } = re();
   return /* @__PURE__ */ n(Qi, { onSubmit: h(e, (d) => {
     d.preventDefault();
-    const m = d.target, l = new FormData(m), C = Object.fromEntries(l.entries());
-    o && (s(o, C), r(null));
+    const m = d.target, l = new FormData(m), u = Object.fromEntries(l.entries());
+    o && (s(o, u), r(null));
   }), ...a });
 }, Vi = i("div", {
   _id: "aiChatFeedbackItem"
 }), fo = (t) => {
   const { name: e, ...a } = t;
   return /* @__PURE__ */ n(Qe, { name: e, children: /* @__PURE__ */ n(Vi, { ...a }) });
-}, Ui = i(V.Root, {
+}, Ui = i(K.Root, {
   _id: "aiChatFeedbackItem__Checkbox"
 }), Eo = (t) => {
   const { name: e, focusItem: a } = ce(), { onCheckedChange: s, ...o } = t, r = (c) => {
@@ -1229,7 +1235,7 @@ ${f}${R}`;
       ...o
     }
   );
-}, So = i(V.Indicator, {
+}, So = i(K.Indicator, {
   _id: "aiChatFeedbackItem__CheckboxIndicator",
   children: /* @__PURE__ */ n(_e, {})
 }), Ki = i("label", {
@@ -1282,7 +1288,7 @@ ${f}${R}`;
 }), xo = (t) => {
   const { form: e } = _();
   return e?.heading ? /* @__PURE__ */ n(Yi, { children: e.heading, ...t }) : null;
-}, Ji = i(U, {
+}, Ji = i(q, {
   _id: "aiChatForm__Description"
 }), Do = (t) => {
   const { form: e } = _();
@@ -1373,7 +1379,7 @@ ${f}${R}`;
     error: a,
     fieldProps: { value: s, onChange: o, onBlur: r, ...c },
     autoFocus: d
-  } = H(), { onChange: m, onBlur: l, ...C } = t, v = (I) => {
+  } = H(), { onChange: m, onBlur: l, ...u } = t, v = (I) => {
     const T = I.target.files;
     o(T);
   };
@@ -1384,7 +1390,7 @@ ${f}${R}`;
       autoFocus: d,
       "data-value": s,
       "data-invalid": p(!!a),
-      ...C,
+      ...u,
       ...c,
       onChange: h(m, v),
       onBlur: h(l, r)
@@ -1395,7 +1401,7 @@ ${f}${R}`;
   type: "textarea",
   asChild: !0,
   children: /* @__PURE__ */ n(ee, { maxRows: 8 })
-}), aa = i(V.Root, {
+}), aa = i(K.Root, {
   _id: "aiChatForm__FieldCheckbox"
 }), Vo = (t) => {
   const { field: e, error: a, fieldProps: s, autoFocus: o } = H(), { onCheckedChange: r, ...c } = t;
@@ -1411,7 +1417,7 @@ ${f}${R}`;
       ...c
     }
   );
-}, Uo = i(V.Indicator, {
+}, Uo = i(K.Indicator, {
   _id: "aiChatForm__FieldCheckboxIndicator",
   children: /* @__PURE__ */ n(_e, {})
 }), na = i(we, {
@@ -1497,7 +1503,7 @@ ${f}${R}`;
 }), or = (t) => {
   const { form: e } = _();
   return /* @__PURE__ */ n(la, { children: e?.successView?.heading, ...t });
-}, ha = i(U, {
+}, ha = i(q, {
   _id: "aiChatForm__SuccessMessage"
 }), rr = (t) => {
   const { form: e } = _();
@@ -1512,7 +1518,7 @@ ${f}${R}`;
     ua,
     {
       onClick: h(e, o),
-      children: /* @__PURE__ */ $(Z, { children: [
+      children: /* @__PURE__ */ V(Z, { children: [
         c,
         d
       ] }),

package/dist/index.d.cts

@@ -398,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.
      */
@@ -4311,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;

package/dist/index.d.ts

@@ -398,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.
      */
@@ -4311,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;

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.95",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.95",
+      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;