Merge pull request #265 from FlowiseAI/bugfix/Starter-Prompts

Bugfix/Starter prompts not appearing

Author: HenryHengZJ

dist/components/Bot.d.ts

@@ -92,7 +92,9 @@ export type BotProps = {
     footer?: FooterTheme;
     sourceDocsTitle?: string;
     observersConfig?: observersConfigType;
-    starterPrompts?: string[];
+    starterPrompts?: string[] | Record<string, {
+        prompt: string;
+    }>;
     starterPromptFontSize?: number;
     clearChatOnReload?: boolean;
     disclaimer?: DisclaimerPopUpTheme;

dist/components/Bot.d.ts.map

@@ -139,7 +139,7 @@ export type BotProps = {
   footer?: FooterTheme;
   sourceDocsTitle?: string;
   observersConfig?: observersConfigType;
-  starterPrompts?: string[];
+  starterPrompts?: string[] | Record<string, { prompt: string }>;
   starterPromptFontSize?: number;
   clearChatOnReload?: boolean;
   disclaimer?: DisclaimerPopUpTheme;
@@ -540,7 +540,7 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
         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.';
+          const errMessage = (await response.text()) ?? 'Too many requests. Please try again later.';
           handleError(errMessage);
           throw new Error(errMessage);
         } else {
@@ -825,9 +825,18 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
   });
 
   createEffect(() => {
-    if (props.starterPrompts && props.starterPrompts.length > 0) {
-      const prompts = Object.values(props.starterPrompts).map((prompt) => prompt);
+    if (props.starterPrompts) {
+      let prompts: string[];
 
+      if (Array.isArray(props.starterPrompts)) {
+        // If starterPrompts is an array
+        prompts = props.starterPrompts;
+      } else {
+        // If starterPrompts is a JSON object
+        prompts = Object.values(props.starterPrompts).map((promptObj: { prompt: string }) => promptObj.prompt);
+      }
+
+      // Filter out any empty prompts
       return setStarterPrompts(prompts.filter((prompt) => prompt !== ''));
     }
   });