@inkeep/agents-ui 0.15.26 → 0.15.27

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("../../atoms/dialog.cjs"),l=require("../../atoms/icons/custom-icon.cjs"),m=require("../../providers/image-preview-provider.cjs"),s=require("../../utils/compose-event-handlers.cjs"),a=require("../factory.cjs"),P=a.ikp(t.Root,{_id:"aiChatImagePreviewModal"}),g=i=>{const{onOpenChange:e,...d}=i,{imagePreview:o,closeImagePreview:n}=m.useImagePreview();return r.jsx(P,{open:o!==null,onOpenChange:s.composeEventHandlers(e,v=>{v||n()}),...d})},c=a.ikp(t.Overlay,{_id:"aiChatImagePreviewModal__Overlay"}),I=a.ikp(t.Content,{_id:"aiChatImagePreviewModal__Content"}),w=i=>{const{imagePreview:e}=m.useImagePreview(),{children:d,...o}=i;return r.jsxs(I,{"aria-label":e?.name??"Image preview","aria-describedby":void 0,...o,children:[r.jsx(t.Title,{className:"sr-only",children:e?.name??"Image preview"}),d]})},C=a.ikp("img",{_id:"aiChatImagePreviewModal__Image"}),h=i=>{const{imagePreview:e}=m.useImagePreview();return r.jsx(C,{src:e?.url,alt:e?.name??"Image preview",...i})},M=a.ikp("div",{_id:"aiChatImagePreviewModal__Footer"}),u=a.ikp("span",{_id:"aiChatImagePreviewModal__FileName"}),b=i=>{const{imagePreview:e}=m.useImagePreview();return r.jsx(u,{...i,children:e?.name})},_=a.ikp(t.Close,{_id:"aiChatImagePreviewModal__Close",children:r.jsx(l.CustomIcon,{iconKey:"close"})});exports.EmbeddedChatPrimitiveImagePreviewModal=g;exports.EmbeddedChatPrimitiveImagePreviewModalClose=_;exports.EmbeddedChatPrimitiveImagePreviewModalContent=w;exports.EmbeddedChatPrimitiveImagePreviewModalFileName=b;exports.EmbeddedChatPrimitiveImagePreviewModalFooter=M;exports.EmbeddedChatPrimitiveImagePreviewModalImage=h;exports.EmbeddedChatPrimitiveImagePreviewModalOverlay=c;

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

@@ -0,0 +1,15 @@
+import { ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, ImgHTMLAttributes, HTMLAttributes } from 'react';
+import { PolymorphicProps } from '..';
+import * as DialogPrimitive from '../../atoms/dialog';
+declare const PrimitiveImagePreviewModal: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogProps, "_id"> & Partial<Pick<DialogPrimitive.DialogProps, "_id">>>;
+export declare const EmbeddedChatPrimitiveImagePreviewModal: (props: ComponentPropsWithRef<typeof PrimitiveImagePreviewModal>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatPrimitiveImagePreviewModalOverlay: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogOverlayProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<DialogPrimitive.DialogOverlayProps & RefAttributes<HTMLDivElement>, "_id">>>;
+declare const PrimitiveImagePreviewModalContent: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogContentProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<DialogPrimitive.DialogContentProps & RefAttributes<HTMLDivElement>, "_id">>>;
+export declare const EmbeddedChatPrimitiveImagePreviewModalContent: (props: ComponentPropsWithRef<typeof PrimitiveImagePreviewModalContent>) => import("react/jsx-runtime").JSX.Element;
+declare const PrimitiveImagePreviewModalImage: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "_id"> & Partial<Pick< DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "_id">>>;
+export declare const EmbeddedChatPrimitiveImagePreviewModalImage: (props: ComponentPropsWithRef<typeof PrimitiveImagePreviewModalImage>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatPrimitiveImagePreviewModalFooter: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const PrimitiveImagePreviewModalFileName: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "_id">>>;
+export declare const EmbeddedChatPrimitiveImagePreviewModalFileName: (props: ComponentPropsWithRef<typeof PrimitiveImagePreviewModalFileName>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatPrimitiveImagePreviewModalClose: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogCloseProps & RefAttributes<HTMLButtonElement>, "children" | "_id"> & Partial<Pick<DialogPrimitive.DialogCloseProps & RefAttributes<HTMLButtonElement>, "children" | "_id">>>;
+export {};

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

@@ -0,0 +1,71 @@
+"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 { 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";
+import { ikp as a } from "../factory.js";
+const C = a(g, {
+  _id: "aiChatImagePreviewModal"
+}), F = (i) => {
+  const { onOpenChange: e, ...m } = i, { imagePreview: t, closeImagePreview: d } = o();
+  return /* @__PURE__ */ r(
+    C,
+    {
+      open: t !== null,
+      onOpenChange: I(e, (n) => {
+        n || d();
+      }),
+      ...m
+    }
+  );
+}, O = a(v, {
+  _id: "aiChatImagePreviewModal__Overlay"
+}), h = a(c, {
+  _id: "aiChatImagePreviewModal__Content"
+}), N = (i) => {
+  const { imagePreview: e } = o(), { children: m, ...t } = i;
+  return /* @__PURE__ */ l(
+    h,
+    {
+      "aria-label": e?.name ?? "Image preview",
+      "aria-describedby": void 0,
+      ...t,
+      children: [
+        /* @__PURE__ */ r(s, { className: "sr-only", children: e?.name ?? "Image preview" }),
+        m
+      ]
+    }
+  );
+}, _ = a("img", {
+  _id: "aiChatImagePreviewModal__Image"
+}), x = (i) => {
+  const { imagePreview: e } = o();
+  return /* @__PURE__ */ r(
+    _,
+    {
+      src: e?.url,
+      alt: e?.name ?? "Image preview",
+      ...i
+    }
+  );
+}, j = a("div", {
+  _id: "aiChatImagePreviewModal__Footer"
+}), M = a("span", {
+  _id: "aiChatImagePreviewModal__FileName"
+}), k = (i) => {
+  const { imagePreview: e } = o();
+  return /* @__PURE__ */ r(M, { ...i, children: e?.name });
+}, H = a(P, {
+  _id: "aiChatImagePreviewModal__Close",
+  children: /* @__PURE__ */ r(w, { iconKey: "close" })
+});
+export {
+  F as EmbeddedChatPrimitiveImagePreviewModal,
+  H as EmbeddedChatPrimitiveImagePreviewModalClose,
+  N as EmbeddedChatPrimitiveImagePreviewModalContent,
+  k as EmbeddedChatPrimitiveImagePreviewModalFileName,
+  j as EmbeddedChatPrimitiveImagePreviewModalFooter,
+  x as EmbeddedChatPrimitiveImagePreviewModalImage,
+  O as EmbeddedChatPrimitiveImagePreviewModalOverlay
+};

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

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

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

@@ -1,6 +1,7 @@
 import { KeyboardEvent, Dispatch, SetStateAction, RefObject } from 'react';
 import { FileUIPart, ChatRequestOptions } from 'ai';
-import { Message, MessageAttachment, Workflow } from '../../../types/index.ts';
+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[];
@@ -41,10 +42,8 @@ export declare const useInkeepChat: () => {
     clear: () => void;
     inputRef: RefObject<HTMLTextAreaElement | null>;
     isMobile: boolean;
-    messageAttachments: MessageAttachment[];
-    setMessageAttachments: Dispatch<SetStateAction<MessageAttachment[]>>;
-    selectedWorkflow: Workflow | null;
-    setSelectedWorkflow: Dispatch<SetStateAction<Workflow | null>>;
+    files: File[];
+    setFiles: Dispatch<SetStateAction<File[]>>;
     isNewChat: boolean;
     conversationId: string;
     restoreSession: (sessionId: string, loadedMessages: Message[]) => void;
@@ -54,4 +53,7 @@ export declare const useInkeepChat: () => {
     refreshSession: () => Promise<string | null>;
     getCaptchaHeader: () => Promise<Record<string, string>>;
     invalidateCaptcha: () => void;
+    inputNotification: InputNotification | null;
+    showInputNotification: (n: InputNotification, durationMs?: number) => void;
+    clearInputNotification: () => void;
 };