feat: add autoSendInitialMessage config option for pre-populating chat

Author: SyncWithRaj

dist/components/Bot.d.ts

@@ -124,6 +124,7 @@ export type BotProps = {
     closeBot?: () => void;
     hasCustomHeader?: boolean;
     dialogContainer?: HTMLElement;
+    autoSendInitialMessage?: string;
 };
 export type LeadsConfig = {
     status: boolean;

dist/components/Bot.d.ts.map

@@ -76,6 +76,7 @@ export type ChatWindowTheme = {
     dateTimeToggle?: DateTimeToggleTheme;
     renderHTML?: boolean;
     headerHtml?: string;
+    autoSendInitialMessage?: string;
 };
 export type ButtonTheme = {
     size?: 'small' | 'medium' | 'large' | number;

dist/features/bubble/components/Bubble.d.ts.map

@@ -188,6 +188,7 @@ export type BotProps = {
   closeBot?: () => void;
   hasCustomHeader?: boolean;
   dialogContainer?: HTMLElement;
+  autoSendInitialMessage?: string;
 };
 
 export type LeadsConfig = {
@@ -553,6 +554,7 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
   // TTS auto-scroll prevention refs
   let isTTSActionRef = false;
   let ttsTimeoutRef: ReturnType<typeof setTimeout> | null = null;
+  let hasAutoSentInitialMessage = false;
 
   createMemo(() => {
     const customerId = (props.chatflowConfig?.vars as any)?.customerId;
@@ -1630,6 +1632,13 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
       setIsTTSEnabled(!!chatbotConfig.isTTSEnabled);
     }
 
+    // Auto-send initial message after config is fully loaded
+    if (props.autoSendInitialMessage && !hasAutoSentInitialMessage) {
+      hasAutoSentInitialMessage = true;
+      setUserInput(props.autoSendInitialMessage);
+      handleSubmit(props.autoSendInitialMessage);
+    }
+
     // eslint-disable-next-line solid/reactivity
     return () => {
       setUserInput('');

dist/features/bubble/types.d.ts

@@ -212,6 +212,7 @@ export const Bubble = (props: BubbleProps) => {
               hasCustomHeader={!!bubbleProps.theme?.chatWindow?.headerHtml}
               closeBot={closeBot}
               dialogContainer={resolveDialogContainer(props.dialogContainer) ?? bubbleContainerRef()}
+              autoSendInitialMessage={bubbleProps.theme?.chatWindow?.autoSendInitialMessage}
             />
           </div>
         </Show>