@inkeep/agents-ui 0.0.0-dev-20260401193828 → 0.0.0-dev-20260402200940

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

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 { 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[];
@@ -45,6 +46,8 @@ export declare const useInkeepChat: () => {
     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 +57,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;
 };