Add onRequest to steaming requests

README.md

@@ -149,7 +149,7 @@ You can also customize chatbot with different configuration
       form: {
         backgroundColor: 'white',
         textColor: 'black',
-      }
+      },
       customCSS: ``, // Add custom CSS styles. Use !important to override default styles
       chatWindow: {
         showTitle: true,

dist/components/Bot.d.ts

@@ -1,6 +1,7 @@
 import { FeedbackRatingType } from '@/queries/sendMessageQuery';
 import { BotMessageTheme, FooterTheme, TextInputTheme, UserMessageTheme, FeedbackTheme, DisclaimerPopUpTheme, DateTimeToggleTheme } from '@/features/bubble/types';
 import { FilePreview } from '@/components/inputs/textInput/components/FilePreview';
+import { BaseRequest } from '@/queries/types';
 export type FileEvent<T = EventTarget> = {
     target: T;
 };
@@ -82,8 +83,6 @@ type observerConfigType = (accessor: string | boolean | object | MessageType[])
 export type observersConfigType = Record<'observeUserInput' | 'observeLoading' | 'observeMessages', observerConfigType>;
 export type BotProps = {
     chatflowid: string;
-    apiHost?: string;
-    onRequest?: (request: RequestInit) => Promise<void>;
     chatflowConfig?: Record<string, unknown>;
     backgroundColor?: string;
     welcomeMessage?: string;
@@ -118,7 +117,7 @@ export type BotProps = {
     dateTimeToggle?: DateTimeToggleTheme;
     renderHTML?: boolean;
     closeBot?: () => void;
-};
+} & BaseRequest;
 export type LeadsConfig = {
     status: boolean;
     title?: string;

dist/components/bubbles/BotBubble.d.ts

@@ -1,11 +1,10 @@
 import { IAction, MessageType } from '../Bot';
 import { DateTimeToggleTheme } from '@/features/bubble/types';
+import { BaseRequest } from '@/queries/types';
 type Props = {
     message: MessageType;
     chatflowid: string;
     chatId: string;
-    apiHost?: string;
-    onRequest?: (request: RequestInit) => Promise<void>;
     fileAnnotations?: any;
     showAvatar?: boolean;
     avatarSrc?: string;
@@ -21,7 +20,7 @@ type Props = {
     renderHTML?: boolean;
     handleActionClick: (elem: any, action: IAction | undefined | null) => void;
     handleSourceDocumentsClick: (src: any) => void;
-};
+} & BaseRequest;
 export declare const BotBubble: (props: Props) => import("solid-js").JSX.Element;
 export {};
 //# sourceMappingURL=BotBubble.d.ts.map

dist/components/bubbles/LeadCaptureBubble.d.ts

@@ -1,10 +1,10 @@
 import { LeadsConfig, MessageType } from '@/components/Bot';
+import { BaseRequest } from '@/queries/types';
 type Props = {
     message: MessageType;
     chatflowid: string;
     chatId: string;
     leadsConfig?: LeadsConfig;
-    apiHost?: string;
     showAvatar?: boolean;
     avatarSrc?: string;
     backgroundColor?: string;
@@ -14,7 +14,7 @@ type Props = {
     isLeadSaved: boolean;
     setIsLeadSaved: (value: boolean) => void;
     setLeadEmail: (value: string) => void;
-};
+} & BaseRequest;
 export declare const LeadCaptureBubble: (props: Props) => import("solid-js").JSX.Element;
 export {};
 //# sourceMappingURL=LeadCaptureBubble.d.ts.map

dist/queries/sendMessageQuery.d.ts

@@ -1,4 +1,5 @@
 import { FileUpload, IAction } from '@/components/Bot';
+import { BaseRequest } from './types';
 export type IncomingInput = {
     question?: string;
     form?: Record<string, unknown>;
@@ -11,10 +12,6 @@ export type IncomingInput = {
     action?: IAction;
     humanInput?: Record<string, unknown>;
 };
-type BaseRequest = {
-    apiHost?: string;
-    onRequest?: (request: RequestInit) => Promise<void>;
-};
 export type MessageRequest = BaseRequest & {
     chatflowid?: string;
     body?: IncomingInput;
@@ -85,5 +82,4 @@ export declare const addLeadQuery: ({ apiHost, body, onRequest }: LeadCaptureReq
     data?: any;
     error?: Error | undefined;
 }>;
-export {};
 //# sourceMappingURL=sendMessageQuery.d.ts.map