Merge pull request #263 from FlowiseAI/bugfix/Rate-Limit-Err-Message

Bugfix/Showing rate limit error message when streaming

Author: HenryHengZJ

dist/components/Bot.d.ts.map

@@ -33,7 +33,7 @@ import { cancelAudioRecording, startAudioRecording, stopAudioRecording } from '@
 import { LeadCaptureBubble } from '@/components/bubbles/LeadCaptureBubble';
 import { removeLocalStorageChatHistory, getLocalStorageChatflow, setLocalStorageChatflow, setCookie, getCookie } from '@/utils';
 import { cloneDeep } from 'lodash';
-import { fetchEventSource } from '@microsoft/fetch-event-source';
+import { fetchEventSource, EventStreamContentType } from '@microsoft/fetch-event-source';
 
 export type FileEvent<T = EventTarget> = {
   target: T;
@@ -514,6 +514,17 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
       headers: {
         'Content-Type': 'application/json',
       },
+      async onopen(response) {
+        if (response.ok && response.headers.get('content-type') === EventStreamContentType) {
+          return; // everything's good
+        } else if (response.status === 429) {
+          const errMessage = await response.text() ?? 'Too many requests. Please try again later.';
+          handleError(errMessage);
+          throw new Error(errMessage);
+        } else {
+          throw new Error();
+        }
+      },
       async onmessage(ev) {
         const payload = JSON.parse(ev.data);
         switch (payload.event) {

dist/features/full/components/Full.d.ts.map

@@ -83,6 +83,7 @@ export const Full = (props: FullProps, { element }: { element: HTMLElement }) =>
             starterPromptFontSize={props.theme?.chatWindow?.starterPromptFontSize}
             clearChatOnReload={props.theme?.chatWindow?.clearChatOnReload}
             disclaimer={props.theme?.disclaimer}
+            dateTimeToggle={props.theme?.chatWindow?.dateTimeToggle}
           />
         </div>
       </Show>