@inkeep/agents-ui 0.16.0 → 0.16.1

package/dist/primitives/components/embedded-chat/file-upload-input.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import P, { useState as C, useMemo as x, useEffect as T } from "react";
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import P, { useState as C, useEffect as T, useMemo as w } from "react";
 import { CustomIcon as F } from "../../atoms/icons/custom-icon.js";
 import { useImagePreview as b } from "../../providers/image-preview-provider.js";
-import { useMessage as w } from "../../providers/message-provider.js";
+import { useMessage as L } from "../../providers/message-provider.js";
 import { useChat as d } from "./chat-provider.js";
-import { FileUploadRoot as L, useFileUploadApi as m } from "../../atoms/file-upload.js";
+import { useFileUploadApi as m, FileUploadRoot as M } from "../../atoms/file-upload.js";
 import { dataAttr as I } from "../../utils/misc.js";
 import { composeEventHandlers as l } from "../../utils/compose-event-handlers.js";
-import { ikp as a } from "../factory.js";
-import { useInkeepConfig as M } from "../../providers/config-provider.js";
-const y = {
+import { ikp as o } from "../factory.js";
+import { useInkeepConfig as y } from "../../providers/config-provider.js";
+const j = {
   "application/pdf": "filePdf",
   "text/plain": "fileText",
   "text/markdown": "fileMarkdown",
@@ -33,19 +33,19 @@ const p = {
   "text/csv": [".csv"],
   "text/x-log": [".log"],
   "application/json": [".json"]
-}, j = new Set(Object.keys(p)), k = Object.values(p).flat().join(", "), E = 10, N = 1024 * 1024 * 10, U = Object.entries(p).reduce(
+}, k = new Set(Object.keys(p)), U = Object.values(p).flat().join(", "), E = 10, N = 1024 * 1024 * 10, R = Object.entries(p).reduce(
   (e, [t, i]) => {
     for (const n of i) e[n] = t;
     return e;
   },
   {}
 );
-function R(e) {
+function A(e) {
   if (e.type) return e;
-  const t = `.${e.name.split(".").pop()?.toLowerCase()}`, i = U[t];
+  const t = `.${e.name.split(".").pop()?.toLowerCase()}`, i = R[t];
   return i ? new File([e], e.name, { type: i }) : e;
 }
-function A(e) {
+function O(e) {
   if (!e.length) return null;
   const t = (i) => e.some((n) => n.errors.includes(i));
   return t("TOO_MANY_FILES") ? {
@@ -53,7 +53,7 @@ function A(e) {
     message: `You can only attach up to ${E} files per message.`
   } : t("FILE_INVALID_TYPE") ? {
     title: "Unsupported file type",
-    message: `Only ${k} files are supported.`
+    message: `Only ${U} files are supported.`
   } : t("FILE_TOO_LARGE") ? {
     title: "File too large",
     message: `Files must be smaller than ${N / 1024 / 1024}MB.`
@@ -65,37 +65,37 @@ function A(e) {
     message: "This file could not be added."
   };
 }
-const O = a("div", {
+const S = o("div", {
   _id: "aiChatMessage__Files"
-}), me = ({
-  children: e,
-  ...t
-}) => {
-  const { message: i } = w();
+}), ue = ({ children: e, ...t }) => {
+  const { message: i } = L();
   if (i.role !== "user") return null;
   const n = (i.parts ?? []).filter((r) => {
     if (r.type !== "file") return !1;
     const s = r.mediaType;
-    return j.has(s ?? "");
+    return k.has(s ?? "");
   });
-  return n.length ? /* @__PURE__ */ o(O, { ...t, children: e(n) }) : null;
-}, S = a("button", {
+  return n.length ? /* @__PURE__ */ a(S, { ...t, children: e(n) }) : null;
+}, D = o("button", {
   _id: "aiChatMessage__File"
-}), ue = ({
+}), pe = ({
   url: e,
   name: t,
   mediaType: i,
   onClick: n,
   ...r
 }) => {
-  const { openImagePreview: s } = b(), [c, f] = C(!0), _ = x(() => new File([], t ?? "file", { type: i }), [t, i]);
-  return /* @__PURE__ */ o(
+  const { openImagePreview: s } = b(), [c, f] = C(!0), _ = w(
+    () => new File([], t ?? "file", { type: i }),
+    [t, i]
+  );
+  return /* @__PURE__ */ a(
     v.Provider,
     {
       value: { file: _, objectUrl: e, isLoading: c, setIsLoading: f, onRemove: () => {
       } },
-      children: /* @__PURE__ */ o(
-        S,
+      children: /* @__PURE__ */ a(
+        D,
         {
           type: "button",
           "aria-label": g(i ?? "") ? `Preview ${t ?? "file"}` : `Open ${t ?? "file"} in new tab`,
@@ -115,24 +115,24 @@ const O = a("div", {
       )
     }
   );
-}, D = a("div", {
+}, $ = o("div", {
   _id: "aiChatInput__Fieldset"
-}), $ = (e) => {
+}), B = (e) => {
   const t = m();
-  return /* @__PURE__ */ o(
-    D,
+  return /* @__PURE__ */ a(
+    $,
     {
       ...t.getDropzoneProps({ disableClick: !0 }),
       "data-drag-over": I(t.dragging),
       ...e
     }
   );
-}, pe = ({
+}, fe = ({
   ...e
 }) => {
   const { files: t, setFiles: i, showInputNotification: n } = d();
-  return /* @__PURE__ */ o(
-    L,
+  return /* @__PURE__ */ a(
+    M,
     {
       accept: p,
       maxFiles: E,
@@ -141,38 +141,44 @@ const O = a("div", {
       acceptedFiles: t,
       onFileAccept: (r) => i(r.files),
       onFileReject: (r) => {
-        const s = A(r.files);
+        const s = O(r.files);
         s && n(s);
       },
-      children: /* @__PURE__ */ o($, { ...e })
+      children: /* @__PURE__ */ a(B, { ...e })
     }
   );
-}, fe = a("div", {
+}, _e = o("div", {
   _id: "aiChatInput__DropZone"
-}), B = a("div", {
+}), X = o("div", {
   _id: "aiChatInput__Notification"
-}), _e = (e) => {
-  const { inputNotification: t } = d();
-  return t ? /* @__PURE__ */ o(B, { role: "alert", ...e }) : null;
-}, X = a("p", {
-  _id: "aiChatInput__NotificationTitle"
 }), he = (e) => {
   const { inputNotification: t } = d();
-  return t?.title ? /* @__PURE__ */ o(X, { ...e, children: t.title }) : null;
-}, H = a("p", {
+  return t ? /* @__PURE__ */ a(X, { role: "alert", ...e }) : null;
+}, H = o("p", {
+  _id: "aiChatInput__NotificationTitle"
+}), Ce = ({
+  children: e,
+  ...t
+}) => {
+  const { inputNotification: i } = d();
+  return i?.title ? /* @__PURE__ */ x(H, { ...t, children: [
+    e,
+    i.title
+  ] }) : null;
+}, Y = o("p", {
   _id: "aiChatInput__NotificationMessage"
-}), Ce = (e) => {
+}), Fe = (e) => {
   const { inputNotification: t } = d();
-  return /* @__PURE__ */ o(H, { ...e, children: t?.message });
-}, Y = a("button", {
+  return /* @__PURE__ */ a(Y, { ...e, children: t?.message });
+}, z = o("button", {
   _id: "aiChatInput__NotificationClose"
-}), Fe = ({
+}), Ie = ({
   onClick: e,
   ...t
 }) => {
   const { clearInputNotification: i } = d();
-  return /* @__PURE__ */ o(
-    Y,
+  return /* @__PURE__ */ a(
+    z,
     {
       type: "button",
       "aria-label": "Dismiss",
@@ -180,19 +186,19 @@ const O = a("div", {
       ...t
     }
   );
-}, Ie = a("div", {
+}, ve = o("div", {
   _id: "aiChatInput__NotificationContent"
-}), ve = a("div", {
+}), ge = o("div", {
   _id: "aiChatInput__NotificationHeader"
-}), ge = a(F, {
+}), Pe = o(F, {
   _id: "aiChatInput__FileUploadButtonIcon",
   iconKey: "fileUpload"
-}), z = a("button", {
+}), K = o("button", {
   _id: "aiChatInput__FileUploadButton"
-}), Pe = (e) => {
-  const { aiChatSettings: t } = M(), i = m(), { onClick: n, ...r } = e;
-  return /* @__PURE__ */ o(
-    z,
+}), be = (e) => {
+  const { aiChatSettings: t } = y(), i = m(), { onClick: n, ...r } = e;
+  return /* @__PURE__ */ a(
+    K,
     {
       type: "button",
       "aria-label": "Upload file",
@@ -201,43 +207,40 @@ const O = a("div", {
       ...r
     }
   );
-}, K = a("input", {
+}, Z = o("input", {
   _id: "aiChatInput__FileInput"
-}), be = (e) => {
+}), Ee = (e) => {
   const t = m();
-  return /* @__PURE__ */ o(K, { ...e, ...t.getHiddenInputProps() });
-}, Z = a("div", {
+  return /* @__PURE__ */ a(Z, { ...e, ...t.getHiddenInputProps() });
+}, V = o("div", {
   _id: "aiChatInput__FileList"
-}), Ee = ({
-  children: e,
-  ...t
-}) => {
+}), Ne = ({ children: e, ...t }) => {
   const n = m().acceptedFiles;
-  return n.length ? /* @__PURE__ */ o(Z, { ...t, children: e(n) }) : null;
+  return n.length ? /* @__PURE__ */ a(V, { ...t, children: e(n) }) : null;
 }, v = P.createContext(null);
 function u() {
   const e = P.useContext(v);
   if (!e) throw new Error("useFileContext must be used within EmbeddedChatPrimitiveFileItem");
   return e;
 }
-const V = a("div", {
+const W = o("div", {
   _id: "aiChatInput__FileItem"
-}), Ne = ({ file: e, ...t }) => {
+}), xe = ({ file: e, ...t }) => {
   const i = m(), [n, r] = C(void 0), [s, c] = C(!0);
   T(() => i.createFileUrl(e, (_) => {
     r(_), c(!0);
   }), [e]);
   const f = () => i.deleteFile(e);
-  return /* @__PURE__ */ o(v.Provider, { value: { file: e, objectUrl: n, isLoading: s, setIsLoading: c, onRemove: f }, children: /* @__PURE__ */ o(V, { "data-loading": I(s), ...t }) });
-}, W = a("button", {
+  return /* @__PURE__ */ a(v.Provider, { value: { file: e, objectUrl: n, isLoading: s, setIsLoading: c, onRemove: f }, children: /* @__PURE__ */ a(W, { "data-loading": I(s), ...t }) });
+}, G = o("button", {
   _id: "aiChatInput__FilePreviewTrigger"
-}), xe = ({
+}), Te = ({
   onClick: e,
   ...t
 }) => {
   const { objectUrl: i, file: n } = u(), { openImagePreview: r } = b();
-  return /* @__PURE__ */ o(
-    W,
+  return /* @__PURE__ */ a(
+    G,
     {
       type: "button",
       "aria-label": `Preview ${n.name}`,
@@ -248,17 +251,17 @@ const V = a("div", {
       ...t
     }
   );
-}, G = a("span", {
+}, J = o("span", {
   _id: "aiChatInput__FileContent"
-}), Te = (e) => /* @__PURE__ */ o(G, { ...e }), J = a("img", {
+}), we = (e) => /* @__PURE__ */ a(J, { ...e }), q = o("img", {
   _id: "aiChatInput__FileThumbnail"
-}), we = ({
+}), Le = ({
   onLoad: e,
   ...t
 }) => {
   const { objectUrl: i, file: n, setIsLoading: r } = u();
-  return /* @__PURE__ */ o(
-    J,
+  return /* @__PURE__ */ a(
+    q,
     {
       src: i,
       alt: n.name,
@@ -266,26 +269,26 @@ const V = a("div", {
       ...t
     }
   );
-}, Le = ({ className: e }) => {
-  const { file: t } = u(), i = y[R(t).type] ?? "fileText";
-  return /* @__PURE__ */ o(F, { iconKey: i, className: e });
-}, q = a("span", {
+}, Me = ({ className: e }) => {
+  const { file: t } = u(), i = j[A(t).type] ?? "fileText";
+  return /* @__PURE__ */ a(F, { iconKey: i, className: e });
+}, Q = o("span", {
   _id: "aiChatInput__FileName"
-}), Me = (e) => {
+}), ye = (e) => {
   const { file: t } = u();
-  return /* @__PURE__ */ o(q, { ...e, children: t.name });
-}, Q = a("button", {
+  return /* @__PURE__ */ a(Q, { ...e, children: t.name });
+}, ee = o("button", {
   _id: "aiChatInput__FileRemove"
-}), ye = a(F, {
+}), je = o(F, {
   _id: "aiChatInput__FileRemoveIcon",
   iconKey: "close"
-}), je = ({
+}), ke = ({
   onClick: e,
   ...t
 }) => {
   const { onRemove: i } = u();
-  return /* @__PURE__ */ o(
-    Q,
+  return /* @__PURE__ */ a(
+    ee,
     {
       type: "button",
       "aria-label": "Remove file",
@@ -295,34 +298,34 @@ const V = a("div", {
   );
 };
 export {
-  k as ACCEPTED_FILE_EXTENSIONS,
-  j as ACCEPTED_FILE_MIME_TYPES,
-  fe as EmbeddedChatPrimitiveDropZone,
-  Te as EmbeddedChatPrimitiveFileContent,
-  be as EmbeddedChatPrimitiveFileInput,
-  Ne as EmbeddedChatPrimitiveFileItem,
-  Ee as EmbeddedChatPrimitiveFileList,
-  Me as EmbeddedChatPrimitiveFileName,
-  xe as EmbeddedChatPrimitiveFilePreviewTrigger,
-  je as EmbeddedChatPrimitiveFileRemove,
-  ye as EmbeddedChatPrimitiveFileRemoveIcon,
-  we as EmbeddedChatPrimitiveFileThumbnail,
-  Le as EmbeddedChatPrimitiveFileTypeIcon,
-  Pe as EmbeddedChatPrimitiveFileUploadButton,
-  ge as EmbeddedChatPrimitiveFileUploadButtonIcon,
-  pe as EmbeddedChatPrimitiveInputFieldset,
-  _e as EmbeddedChatPrimitiveInputNotification,
-  Fe as EmbeddedChatPrimitiveInputNotificationClose,
-  Ie as EmbeddedChatPrimitiveInputNotificationContent,
-  ve as EmbeddedChatPrimitiveInputNotificationHeader,
-  Ce as EmbeddedChatPrimitiveInputNotificationMessage,
-  he as EmbeddedChatPrimitiveInputNotificationTitle,
-  ue as EmbeddedChatPrimitiveMessageFile,
-  me as EmbeddedChatPrimitiveMessageFiles,
+  U as ACCEPTED_FILE_EXTENSIONS,
+  k as ACCEPTED_FILE_MIME_TYPES,
+  _e as EmbeddedChatPrimitiveDropZone,
+  we as EmbeddedChatPrimitiveFileContent,
+  Ee as EmbeddedChatPrimitiveFileInput,
+  xe as EmbeddedChatPrimitiveFileItem,
+  Ne as EmbeddedChatPrimitiveFileList,
+  ye as EmbeddedChatPrimitiveFileName,
+  Te as EmbeddedChatPrimitiveFilePreviewTrigger,
+  ke as EmbeddedChatPrimitiveFileRemove,
+  je as EmbeddedChatPrimitiveFileRemoveIcon,
+  Le as EmbeddedChatPrimitiveFileThumbnail,
+  Me as EmbeddedChatPrimitiveFileTypeIcon,
+  be as EmbeddedChatPrimitiveFileUploadButton,
+  Pe as EmbeddedChatPrimitiveFileUploadButtonIcon,
+  fe as EmbeddedChatPrimitiveInputFieldset,
+  he as EmbeddedChatPrimitiveInputNotification,
+  Ie as EmbeddedChatPrimitiveInputNotificationClose,
+  ve as EmbeddedChatPrimitiveInputNotificationContent,
+  ge as EmbeddedChatPrimitiveInputNotificationHeader,
+  Fe as EmbeddedChatPrimitiveInputNotificationMessage,
+  Ce as EmbeddedChatPrimitiveInputNotificationTitle,
+  pe as EmbeddedChatPrimitiveMessageFile,
+  ue as EmbeddedChatPrimitiveMessageFiles,
   p as FILE_ACCEPT_MAP,
-  y as FILE_TYPE_ICON_MAP,
+  j as FILE_TYPE_ICON_MAP,
   E as MAX_FILES,
   N as MAX_FILE_SIZE,
   g as isImageMimeType,
-  R as normalizeFileType
+  A as normalizeFileType
 };

package/dist/primitives/components/embedded-chat/image-preview-modal.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { Overlay as v, Title as s, Close as P, Root as g, Content as c } from "../../atoms/dialog.js";
+import { Close as v, Title as s, Overlay as P, Root as g, Content as c } from "../../atoms/dialog.js";
 import { CustomIcon as w } from "../../atoms/icons/custom-icon.js";
 import { useImagePreview as o } from "../../providers/image-preview-provider.js";
 import { composeEventHandlers as I } from "../../utils/compose-event-handlers.js";
@@ -19,7 +19,7 @@ const C = a(g, {
       ...m
     }
   );
-}, O = a(v, {
+}, O = a(P, {
   _id: "aiChatImagePreviewModal__Overlay"
 }), h = a(c, {
   _id: "aiChatImagePreviewModal__Content"
@@ -56,7 +56,7 @@ const C = a(g, {
 }), k = (i) => {
   const { imagePreview: e } = o();
   return /* @__PURE__ */ r(M, { ...i, children: e?.name });
-}, H = a(P, {
+}, H = a(v, {
   _id: "aiChatImagePreviewModal__Close",
   children: /* @__PURE__ */ r(w, { iconKey: "close" })
 });

package/dist/primitives/components/embedded-chat/use-inkeep-chat.cjs

@@ -1,4 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ze=require("@ai-sdk/react"),Ae=require("./file-upload-input.cjs"),Xe=require("ai"),t=require("react"),Ye=require("../modal/modal-provider.cjs"),et=require("../../providers/chat-bubble-provider.cjs"),tt=require("../../providers/sidebar-chat-provider.cjs"),st=require("../../providers/config-provider.cjs"),rt=require("./use-captcha.cjs"),nt=require("../../hooks/use-media-query.cjs"),at=require("../../hooks/use-anonymous-session.cjs"),ot=require("../../hooks/use-auth-token.cjs"),it=require("../../hooks/use-conversation-loader.cjs"),ut=require("../../hooks/use-initial-conversation.cjs"),O=require("../../utils/generate-uid.cjs"),ct=require("../../providers/base-events-provider.cjs"),lt=require("../../providers/chat-form-provider.cjs"),dt=require("../../providers/widget-provider.cjs"),ft=require("@radix-ui/react-use-controllable-state"),pt=require("../../hooks/use-streaming-events.cjs"),ht=require("../../hooks/use-inkeep-api-client.cjs"),gt=require("../../hooks/use-input-notification.cjs");function mt(m){const h=m.message??"";let r=Number(m.code)||Number(m.statusCode);if(Number.isNaN(r))try{r=Number(JSON.parse(h).status)}catch{}const d=ht.parseAuthError(r,{detail:h});return d!==null?d:r===401?"session":null}const _=`Hmm.. 
-
-It seems I might be having some issues right now. Please clear the chat and try again.`,vt=()=>{const{baseSettings:m,aiChatSettings:h}=st.useInkeepConfig(),[r="",d]=ft.useControllableState({prop:h.conversationIdOverride,defaultProp:h.conversationIdOverride??""}),ke=Ye.useModal(),we=et.useOptionalChatBubble(),Te=tt.useOptionalSidebarChat(),{logEvent:v}=ct.useBaseEvents(),{setConversationId:Ee,emitToParent:E}=pt.useStreamingEvents(),Y=t.useRef(r);t.useEffect(()=>{const e=Y.current;Y.current=r,e!==r&&v({eventName:"chat_conversation_changed",properties:{conversationId:r,previousConversationId:e}})},[r,v]);const[C,M]=t.useState(""),Me=e=>M(e.target.value),{shouldBypassCaptcha:ee,filters:te,privacyPreferences:qe,userProperties:U}=m,{authToken:q,isLoading:Fe,refreshToken:se}=ot.useAuthToken(),re=!!m.getAuthToken,f=!!q,{onInputMessageChange:xe,filters:ne,baseUrl:F,agentUrl:Pe,context:ae,headers:oe,appId:R,apiKey:y,files:S}=h,Ne=ke?.isOpen??we?.isOpen??Te?.isOpen??!0,{getCaptchaHeader:I,invalidate:c}=rt.useCaptcha({baseUrl:F,shouldBypassCaptcha:ee||!!y,shouldMakeInitialRequest:Ne}),ie=t.useRef(I);ie.current=I;const ue=Pe||`${F}/run/api/chat`,{sessionToken:D,refreshSession:L}=at.useAnonymousSession({baseUrl:F,appId:R,getCaptchaHeader:I,invalidateCaptcha:c,optOutAllAnalytics:qe?.optOutAllAnalytics,enabled:!f&&!Fe}),ce=y??(f?q:D),{loadConversation:le}=it.useConversationLoader({baseUrl:F,appId:R,authToken:ce,getCaptchaHeader:I,invalidateCaptcha:c,refreshSession:y||f?void 0:L}),[Oe,de]=t.useState(!1),$=t.useRef(null);$.current=D;const B=t.useRef(null);B.current=q;const z=t.useRef(void 0);z.current=U&&Object.keys(U).length>0?JSON.stringify(U):void 0;const b=t.useRef(0),fe=t.useRef(null),H=t.useRef(null),A=t.useRef(void 0),_e=S?.map(e=>`${e.filename??""}:${e.mediaType}:${e.url.length}:${e.url.slice(0,64)}:${e.url.slice(-32)}`).join(`
-`)??"";t.useEffect(()=>{A.current=S?.length?S:void 0},[_e]);const pe=t.useRef(oe);pe.current=oe;const K=t.useRef(void 0);K.current=te||ne?JSON.stringify({...te,...ne}):void 0;const Ue=e=>{switch(e.code){case 400:return e.message;case 401:return re?"Authentication failed. Please try again.":_;case 403:return`There seems to be a configuration error. Please contact ${m.organizationDisplayName??"Administrator"}`;default:return _}},[x,j]=t.useState([]),De=t.useMemo(()=>new Xe.DefaultChatTransport({api:ue,headers:()=>{const e=y??B.current??$.current;return{"x-inkeep-client-timezone":Intl.DateTimeFormat().resolvedOptions().timeZone,"x-inkeep-client-timestamp":new Date().toISOString(),...R?{"x-inkeep-app-id":R}:{},...e?{Authorization:`Bearer ${e}`}:{},...K.current?{"inkeep-filters":K.current}:{},...z.current?{"x-inkeep-user-properties":z.current}:{},...pe.current}},prepareSendMessagesRequest:async e=>{const u=await ie.current(),s=e.messages[e.messages.length-1];return s||console.warn("[useInkeepChat] prepareSendMessagesRequest called with empty messages array"),{body:{...e.body,id:e.id,messages:s?[s]:[],trigger:e.trigger,messageId:e.messageId},headers:{...e.headers,...u}}},body:{requestContext:ae}}),[ue,ae,R,y]),{messages:P,sendMessage:J,addToolApprovalResponse:G,status:he,setMessages:g,stop:N,error:Q}=Ze.useChat({transport:De,onData(e){E(e.type,e.data)},async onFinish(){E("completion",{conversationId:r}),await v({eventName:"assistant_message_received",properties:{conversationId:r}}),v({eventName:"assistant_answer_displayed",properties:{conversationId:r}})},onError(e){console.error("onError",{code:e.code,message:e.message});const u=ee||y?null:mt(e);if(u!==null&&b.current<1){b.current++;const s=H.current,a=fe.current;(async()=>{if(u==="session"&&re){const n=await se();if(!n)throw new Error("Auth token refresh failed");B.current=n}else if(u==="session"){const n=await L();n&&($.current=n)}else c();if(s){G(s);return}a&&(g(n=>{let o=[...n];return o.at(-1)?.role==="assistant"&&(o=o.slice(0,-1)),o.at(-1)?.role==="user"&&(o=o.slice(0,-1)),o}),J(a.files?.length?{parts:[{type:"text",text:a.content},...a.files]}:{text:a.content},{body:a.body}))})().catch(()=>{b.current=0,c(),g(n=>{const o=[...n],p=o[o.length-1];if(!p)return o;const l=_;return p.role==="user"?o.push({id:O.generateUid(16),role:"assistant",parts:[{type:"text",text:l}]}):p.parts=[{type:"text",text:l}],o})});return}b.current=0,u!==null&&c(),v({eventName:"chat_error",properties:{conversationId:r,error:e.message}}),g(s=>{const a=[...s],i=a[a.length-1];if(i){const n=Ue(e);i.role==="user"?a.push({id:O.generateUid(16),role:"assistant",parts:[{type:"text",text:n}]}):i.parts=[{type:"text",text:n}]}return a})}}),ge=t.useRef(f);t.useEffect(()=>{const e=ge.current;ge.current=f,e!==f&&(N(),k(null),g([]),d(""),M(""),j([]),c())},[f,N,g,d,c]);const me=he==="submitted",W=he==="streaming",Le=t.useMemo(()=>{const e=i=>{if(!i||typeof i!="object")return!1;const n=i;return typeof n.type=="string"&&n.type.startsWith("tool-")},s=[...P??[]].reverse().find(i=>i.role==="assistant");if(!s)return!1;const a=s.parts?.at(-1);return!(!e(a)||a.state!=="output-available"||!a.approval?.id||W)},[P,W]),ve=W||Le,ye=me||ve,$e=P.length===0,V=!C.trim()&&x.length===0||ye,Be=nt.useMediaQuery("(max-width: 768px)"),[ze,k]=t.useState(null);t.useEffect(()=>{Q&&k(Q)},[Q]);const He=()=>k(null),{inputNotification:Ke,showInputNotification:be,clearInputNotification:je}=gt.useInputNotification(),Ce=t.useRef(null);t.useEffect(()=>{xe?.(C)},[C]);const Je=e=>{e.key==="Enter"&&!e.shiftKey&&!V&&!e.nativeEvent.isComposing&&(e.preventDefault(),Z())},Z=async(e=C)=>{if(V&&(!e||e.trim().length===0)&&x.length===0)return;const u=x;j([]),M(""),b.current=0,H.current=null,await v({eventName:"user_message_submitted",properties:{conversationId:r}});let s=r;s||(s=`conv_${O.generateUid(16)}`,d(s)),Ee(s);const a=A.current;A.current=void 0;let i,n;if(a?.length){let o;try{o=await Promise.all(u.map(p=>{const l=Ae.normalizeFileType(p);return new Promise((Ve,Ie)=>{const T=new FileReader;T.onload=()=>{if(typeof T.result!="string"){Ie(new Error(`Failed to read file "${l.name}"`));return}Ve({type:"file",url:T.result,mediaType:l.type,filename:l.name})},T.onerror=()=>Ie(new Error(`Failed to read file "${l.name}"`)),T.readAsDataURL(l)})}))}catch{be({title:"Failed to attach files",message:"Could not read one or more files. Please try again."});return}n=[...o,...a],i=e.trim()?{parts:[{type:"text",text:e},...n]}:{parts:n}}else if(u.length>0){const o=new DataTransfer;for(const l of u)o.items.add(Ae.normalizeFileType(l));const p=o.files;i=e.trim()?{text:e,files:p}:{files:p}}else i={text:e};fe.current={content:e,body:{conversationId:s},files:n},J(i,{body:{conversationId:s}})},Ge=t.useCallback(e=>{b.current=0,H.current=e,G(e)},[G]),X=t.useCallback(()=>{N().then(()=>{E("aborted",{conversationId:r})})},[N,r,E]),Re=()=>{He(),g([]),d(""),c(),A.current=S?.length?S:void 0,v({eventName:"chat_clear_button_clicked",properties:{conversationId:r}})},w=t.useCallback((e,u)=>{k(null),g(u),d(e),c(),A.current=void 0},[g,d,c]),Se=t.useCallback(async(e,u)=>{X(),w(e,[]),de(!0);try{const s=await le(e,u);if(s===null)return!1;const i=s[s.length-1]?.role==="user"?[...s,{id:O.generateUid(16),role:"assistant",parts:[{type:"text",text:"This session was interrupted. Please check back in a few minutes or start a new conversation."}]}]:s;return w(e,i),!0}finally{u?.aborted||de(!1)}},[w,le,X]);ut.useInitialConversation({conversationId:h.conversationId,effectiveAuthToken:ce,loadAndRestoreSession:Se,onLoadFailed:()=>w("",[])});const{openForm:Qe}=lt.useChatForm(),We=dt.useWidget();return t.useImperativeHandle(h.chatFunctionsRef,()=>({submitMessage:Z,updateInputMessage(e){M(e)},clearChat:Re,openForm:e=>{We?.setView("chat"),Qe(e,void 0)},focusInput:()=>{Ce.current?.focus()}})),{messages:P,sendMessage:J,addToolApprovalResponse:Ge,isLoading:me,isStreaming:ve,isBusy:ye,error:ze,setError:k,isSubmitDisabled:V,input:C,handleInputChange:Me,handleInputKeyDown:Je,handleSubmit:Z,stop:X,clear:Re,inputRef:Ce,isMobile:Be,files:x,setFiles:j,isNewChat:$e,conversationId:r,restoreSession:w,loadAndRestoreSession:Se,isSessionLoading:Oe,authToken:f?q:D,refreshSession:f?se:L,getCaptchaHeader:I,invalidateCaptcha:c,inputNotification:Ke,showInputNotification:be,clearInputNotification:je}};exports.DEFAULT_ERROR_MESSAGE=_;exports.useInkeepChat=vt;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const et=require("@ai-sdk/react"),we=require("./file-upload-input.cjs"),tt=require("ai"),t=require("react"),st=require("../modal/modal-provider.cjs"),rt=require("../../providers/chat-bubble-provider.cjs"),nt=require("../../providers/sidebar-chat-provider.cjs"),at=require("../../providers/config-provider.cjs"),ot=require("./use-captcha.cjs"),it=require("../../hooks/use-media-query.cjs"),ut=require("../../hooks/use-anonymous-session.cjs"),ct=require("../../hooks/use-auth-token.cjs"),lt=require("../../hooks/use-conversation-loader.cjs"),dt=require("../../hooks/use-initial-conversation.cjs"),D=require("../../utils/generate-uid.cjs"),pt=require("../../providers/base-events-provider.cjs"),ft=require("../../providers/chat-form-provider.cjs"),gt=require("../../providers/widget-provider.cjs"),ht=require("@radix-ui/react-use-controllable-state"),mt=require("../../hooks/use-streaming-events.cjs"),vt=require("../../hooks/use-input-notification.cjs"),p=require("./chat-error-helpers.cjs"),yt=()=>{const{baseSettings:U,aiChatSettings:R}=at.useInkeepConfig(),[u="",m]=ht.useControllableState({prop:R.conversationIdOverride,defaultProp:R.conversationIdOverride??""}),ke=st.useModal(),Me=rt.useOptionalChatBubble(),Fe=nt.useOptionalSidebarChat(),{logEvent:h}=pt.useBaseEvents(),{setConversationId:_e,emitToParent:_}=mt.useStreamingEvents(),ae=t.useRef(u);t.useEffect(()=>{const e=ae.current;ae.current=u,e!==u&&h({eventName:"chat_conversation_changed",properties:{conversationId:u,previousConversationId:e}})},[u,h]);const[C,S]=t.useState(""),qe=e=>S(e.target.value),{shouldBypassCaptcha:oe,filters:ie,privacyPreferences:xe,userProperties:B}=U,{authToken:q,isLoading:Oe,refreshToken:ue}=ct.useAuthToken(),ce=!!U.getAuthToken,f=!!q,{onInputMessageChange:Pe,filters:le,baseUrl:x,agentUrl:Le,context:de,headers:pe,appId:E,apiKey:v,files:A}=R,Ne=ke?.isOpen??Me?.isOpen??Fe?.isOpen??!0,{getCaptchaHeader:b,invalidate:l}=ot.useCaptcha({baseUrl:x,shouldBypassCaptcha:oe||!!v,shouldMakeInitialRequest:Ne}),fe=t.useRef(b);fe.current=b;const ge=Le||`${x}/run/api/chat`,{sessionToken:$,refreshSession:z}=ut.useAnonymousSession({baseUrl:x,appId:E,getCaptchaHeader:b,invalidateCaptcha:l,optOutAllAnalytics:xe?.optOutAllAnalytics,enabled:!f&&!Oe}),he=v??(f?q:$),{loadConversation:me}=lt.useConversationLoader({baseUrl:x,appId:E,authToken:he,getCaptchaHeader:b,invalidateCaptcha:l,refreshSession:v||f?void 0:z}),[De,ve]=t.useState(!1),G=t.useRef(null);G.current=$;const H=t.useRef(null);H.current=q;const K=t.useRef(void 0);K.current=B&&Object.keys(B).length>0?JSON.stringify(B):void 0;const y=t.useRef(0),V=t.useRef(null),j=t.useRef(null),I=t.useRef(void 0),Ue=A?.map(e=>`${e.filename??""}:${e.mediaType}:${e.url.length}:${e.url.slice(0,64)}:${e.url.slice(-32)}`).join(`
+`)??"";t.useEffect(()=>{I.current=A?.length?A:void 0},[Ue]);const ye=t.useRef(pe);ye.current=pe;const J=t.useRef(void 0);J.current=ie||le?JSON.stringify({...ie,...le}):void 0;const Be=e=>{switch(p.resolveHttpStatusCode(e)){case 400:try{const s=JSON.parse(e.message??"");return s.detail??s.error?.message??p.RECOVERABLE_FALLBACK_MESSAGE}catch{return e.message?.trim()||p.RECOVERABLE_FALLBACK_MESSAGE}case 401:return ce?"Authentication failed. Please try again.":p.DEFAULT_ERROR_MESSAGE;case 403:return`There seems to be a configuration error. Please contact ${U.organizationDisplayName??"Administrator"}`;case 429:return p.RATE_LIMIT_MESSAGE;default:return p.DEFAULT_ERROR_MESSAGE}},[O,Q]=t.useState([]),$e=t.useMemo(()=>new tt.DefaultChatTransport({api:ge,headers:()=>{const e=v??H.current??G.current;return{"x-inkeep-client-timezone":Intl.DateTimeFormat().resolvedOptions().timeZone,"x-inkeep-client-timestamp":new Date().toISOString(),"x-inkeep-invocation-type":"chat_widget",...E?{"x-inkeep-app-id":E}:{},...e?{Authorization:`Bearer ${e}`}:{},...J.current?{"inkeep-filters":J.current}:{},...K.current?{"x-inkeep-user-properties":K.current}:{},...ye.current}},prepareSendMessagesRequest:async e=>{const i=await fe.current(),s=e.messages[e.messages.length-1];return s||console.warn("[useInkeepChat] prepareSendMessagesRequest called with empty messages array"),{body:{...e.body,id:e.id,messages:s?[s]:[],trigger:e.trigger,messageId:e.messageId},headers:{...e.headers,...i}}},body:{requestContext:de}}),[ge,de,E,v]),{messages:P,sendMessage:W,addToolApprovalResponse:Z,status:Re,setMessages:g,stop:L,error:N}=et.useChat({transport:$e,onData(e){_(e.type,e.data)},async onFinish(){_("completion",{conversationId:u}),await h({eventName:"assistant_message_received",properties:{conversationId:u}}),h({eventName:"assistant_answer_displayed",properties:{conversationId:u}})},onError(e){console.error("onError",{code:e.code,message:e.message});const i=oe||v?null:p.resolveStreamingAuthError(e);if(i!==null&&y.current<1){y.current++;const a=j.current,r=V.current;(async()=>{if(i==="session"&&ce){const c=await ue();if(!c)throw new Error("Auth token refresh failed");H.current=c}else if(i==="session"){const c=await z();c&&(G.current=c)}else l();if(a){Z(a);return}r&&(g(c=>{let n=[...c];return n.at(-1)?.role==="assistant"&&(n=n.slice(0,-1)),n.at(-1)?.role==="user"&&(n=n.slice(0,-1)),n}),W(r.files?.length?{parts:[{type:"text",text:r.content},...r.files]}:{text:r.content},{body:r.body}))})().catch(()=>{y.current=0,l(),g(c=>{const n=[...c],k=n[n.length-1];if(!k)return n;const M=p.DEFAULT_ERROR_MESSAGE;return k.role==="user"?n.push({id:D.generateUid(16),role:"assistant",parts:[{type:"text",text:M}]}):k.parts=[{type:"text",text:M}],n})});return}y.current=0,i!==null&&l();const s=p.isRecoverableError(e),d=Be(e);if(h({eventName:"chat_error",properties:{conversationId:u,error:e.message}}),s){se({title:"Request failed",message:d},p.RECOVERABLE_NOTIFICATION_DURATION_MS),g(r=>{let o=[...r];return o.at(-1)?.role==="assistant"&&(o=o.slice(0,-1)),o.at(-1)?.role==="user"&&(o=o.slice(0,-1)),o});const a=V.current?.content;a&&S(a),te.current=e;return}g(a=>{const r=[...a],o=r[r.length-1];return o&&(o.role==="user"?r.push({id:D.generateUid(16),role:"assistant",parts:[{type:"text",text:d}]}):o.parts=[{type:"text",text:d}]),r})}}),Ce=t.useRef(f);t.useEffect(()=>{const e=Ce.current;Ce.current=f,e!==f&&(L(),T(null),g([]),m(""),S(""),Q([]),l())},[f,L,g,m,l]);const Se=Re==="submitted",X=Re==="streaming",ze=t.useMemo(()=>{const e=a=>{if(!a||typeof a!="object")return!1;const r=a;return typeof r.type=="string"&&r.type.startsWith("tool-")},s=[...P??[]].reverse().find(a=>a.role==="assistant");if(!s)return!1;const d=s.parts?.at(-1);return!(!e(d)||d.state!=="output-available"||!d.approval?.id||X)},[P,X]),[Ge,Y]=t.useState(!1),Ee=X||ze&&!Ge,Ae=Se||Ee,He=P.length===0,ee=!C.trim()&&O.length===0||Ae,Ke=it.useMediaQuery("(max-width: 768px)"),[Ve,T]=t.useState(null),te=t.useRef(null);t.useEffect(()=>{if(N){if(te.current===N){te.current=null;return}T(N)}},[N]);const je=()=>T(null),{inputNotification:Je,showInputNotification:se,clearInputNotification:Qe}=vt.useInputNotification(),be=t.useRef(null);t.useEffect(()=>{Pe?.(C)},[C]);const We=e=>{e.key==="Enter"&&!e.shiftKey&&!ee&&!e.nativeEvent.isComposing&&(e.preventDefault(),re())},re=async(e=C)=>{if(ee&&(!e||e.trim().length===0)&&O.length===0)return;const i=O;Q([]),S(""),y.current=0,j.current=null,Y(!1),await h({eventName:"user_message_submitted",properties:{conversationId:u}});let s=u;s||(s=`conv_${D.generateUid(16)}`,m(s)),_e(s);const d=I.current;I.current=void 0;let a,r;if(d?.length){let o;try{o=await Promise.all(i.map(c=>{const n=we.normalizeFileType(c);return new Promise((k,M)=>{const F=new FileReader;F.onload=()=>{if(typeof F.result!="string"){M(new Error(`Failed to read file "${n.name}"`));return}k({type:"file",url:F.result,mediaType:n.type,filename:n.name})},F.onerror=()=>M(new Error(`Failed to read file "${n.name}"`)),F.readAsDataURL(n)})}))}catch{se({title:"Failed to attach files",message:"Could not read one or more files. Please try again."});return}r=[...o,...d],a=e.trim()?{parts:[{type:"text",text:e},...r]}:{parts:r}}else if(i.length>0){const o=new DataTransfer;for(const n of i)o.items.add(we.normalizeFileType(n));const c=o.files;a=e.trim()?{text:e,files:c}:{files:c}}else a={text:e};V.current={content:e,body:{conversationId:s},files:r},W(a,{body:{conversationId:s}})},Ze=t.useCallback(e=>{y.current=0,j.current=e,Y(!1),Z(e)},[Z]),ne=t.useCallback(()=>{Y(!0),L().then(()=>{_("aborted",{conversationId:u})})},[L,u,_]),Ie=()=>{je(),g([]),m(""),l(),I.current=A?.length?A:void 0,h({eventName:"chat_clear_button_clicked",properties:{conversationId:u}})},w=t.useCallback((e,i)=>{T(null),g(i),m(e),l(),I.current=void 0},[g,m,l]),Te=t.useCallback(async(e,i)=>{ne(),w(e,[]),ve(!0);try{const s=await me(e,i);if(s===null)return!1;const a=s[s.length-1]?.role==="user"?[...s,{id:D.generateUid(16),role:"assistant",parts:[{type:"text",text:"This session was interrupted. Please check back in a few minutes or start a new conversation."}]}]:s;return w(e,a),!0}finally{i?.aborted||ve(!1)}},[w,me,ne]);dt.useInitialConversation({conversationId:R.conversationId,effectiveAuthToken:he,loadAndRestoreSession:Te,onLoadFailed:()=>w("",[])});const{openForm:Xe}=ft.useChatForm(),Ye=gt.useWidget();return t.useImperativeHandle(R.chatFunctionsRef,()=>({submitMessage:re,updateInputMessage(e){S(e)},clearChat:Ie,openForm:e=>{Ye?.setView("chat"),Xe(e,void 0)},focusInput:()=>{be.current?.focus()}})),{messages:P,sendMessage:W,addToolApprovalResponse:Ze,isLoading:Se,isStreaming:Ee,isBusy:Ae,error:Ve,setError:T,isSubmitDisabled:ee,input:C,handleInputChange:qe,handleInputKeyDown:We,handleSubmit:re,stop:ne,clear:Ie,inputRef:be,isMobile:Ke,files:O,setFiles:Q,isNewChat:He,conversationId:u,restoreSession:w,loadAndRestoreSession:Te,isSessionLoading:De,authToken:f?q:$,refreshSession:f?ue:z,getCaptchaHeader:b,invalidateCaptcha:l,inputNotification:Je,showInputNotification:se,clearInputNotification:Qe}};exports.useInkeepChat=yt;

package/dist/primitives/components/embedded-chat/use-inkeep-chat.d.ts

@@ -2,12 +2,11 @@ import { KeyboardEvent, Dispatch, SetStateAction, RefObject } from 'react';
 import { FileUIPart, ChatRequestOptions } from 'ai';
 import { Message } from '../../../types/index.ts';
 import { InputNotification } from '../../hooks/use-input-notification';
-export declare const DEFAULT_ERROR_MESSAGE = "Hmm.. \n\nIt seems I might be having some issues right now. Please clear the chat and try again.";
 export declare const useInkeepChat: () => {
     messages: Message[];
     sendMessage: (message?: (Omit<Message, "id" | "role"> & {
         id?: string | undefined;
-        role?: "system" | "user" | "assistant" | undefined;
+        role?: "user" | "system" | "assistant" | undefined;
     } & {
         text?: never;
         files?: never;