fix: autostart (CT-000) (#114)

voiceflow · Feb 23, 2024 · cb7ad34 · cb7ad34
1 parent d28b43d
commit cb7ad34
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/packages/react-chat/src/contexts/RuntimeContext/useRuntimeState.ts b/packages/react-chat/src/contexts/RuntimeContext/useRuntimeState.ts
@@ -2,7 +2,7 @@ import { BaseRequest } from '@voiceflow/base-types';
 import { isTextRequest } from '@voiceflow/base-types/build/cjs/request';
 import { ActionType, Trace, TraceDeclaration } from '@voiceflow/sdk-runtime';
 import cuid from 'cuid';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 
 import { SendMessage, SessionOptions, SessionStatus } from '@/common';
 import { DEFAULT_MESSAGE_DELAY } from '@/components/SystemResponse/constants';
@@ -137,10 +137,6 @@ export const useRuntimeState = ({ assistant, config }: Settings) => {
     setOpen(false);
   };
 
-  useEffect(() => {
-    if (config.autostart) launch?.();
-  }, []);
-
   return {
     state: {
       session,

diff --git a/packages/react-chat/src/views/ChatEmbed/index.tsx b/packages/react-chat/src/views/ChatEmbed/index.tsx
@@ -1,4 +1,4 @@
-import { useContext } from 'react';
+import { useContext, useEffect } from 'react';
 
 import { RuntimeStateAPIContext } from '@/contexts';
 import { useChatAPI, useTheme } from '@/hooks';
@@ -13,7 +13,7 @@ interface ChatEmbedProps extends React.PropsWithChildren {
 }
 
 const ChatEmbed: React.FC<ChatEmbedProps> = ({ shadowRoot, chatAPI, ready }) => {
-  const { assistant, interact } = useContext(RuntimeStateAPIContext);
+  const { assistant, interact, open } = useContext(RuntimeStateAPIContext);
   const theme = useTheme(assistant);
 
   const isStyleSheetResolved = useResolveAssistantStyleSheet(assistant, shadowRoot);
@@ -28,6 +28,11 @@ const ChatEmbed: React.FC<ChatEmbedProps> = ({ shadowRoot, chatAPI, ready }) =>
     ready
   );
 
+  useEffect(() => {
+    // "open" the embedded chat window to trigger launch
+    open();
+  }, []);
+
   if (!isStyleSheetResolved) return null;
   return <ChatWindow className={theme} />;
 };