🐛 (webhook) Add loading bubble when executing webhook on client

baptisteArno · May 26, 2023 · 4dec06f · 4dec06f · vercel · May 26, 2023
1 parent 154271c
commit 4dec06f
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.0.56",
+  "version": "0.0.57",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

diff --git a/packages/embeds/js/src/components/ConversationContainer/ConversationContainer.tsx b/packages/embeds/js/src/components/ConversationContainer/ConversationContainer.tsx
@@ -69,7 +69,11 @@ export const ConversationContainer = (props: Props) => {
           (action) => isNotDefined(action.lastBubbleBlockId)
         )
         for (const action of actionsBeforeFirstBubble) {
-          if ('streamOpenAiChatCompletion' in action) setIsSending(true)
+          if (
+            'streamOpenAiChatCompletion' in action ||
+            'webhookToExecute' in action
+          )
+            setIsSending(true)
           const response = await executeClientSideAction(action, {
             apiHost: props.context.apiHost,
             sessionId: props.initialChatReply.sessionId,
@@ -137,7 +141,11 @@ export const ConversationContainer = (props: Props) => {
         isNotDefined(action.lastBubbleBlockId)
       )
       for (const action of actionsBeforeFirstBubble) {
-        if ('streamOpenAiChatCompletion' in action) setIsSending(true)
+        if (
+          'streamOpenAiChatCompletion' in action ||
+          'webhookToExecute' in action
+        )
+          setIsSending(true)
         const response = await executeClientSideAction(action, {
           apiHost: props.context.apiHost,
           sessionId: props.initialChatReply.sessionId,
@@ -182,7 +190,11 @@ export const ConversationContainer = (props: Props) => {
         (action) => action.lastBubbleBlockId === blockId
       )
       for (const action of actionsToExecute) {
-        if ('streamOpenAiChatCompletion' in action) setIsSending(true)
+        if (
+          'streamOpenAiChatCompletion' in action ||
+          'webhookToExecute' in action
+        )
+          setIsSending(true)
         const response = await executeClientSideAction(action, {
           apiHost: props.context.apiHost,
           sessionId: props.initialChatReply.sessionId,

diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.0.56",
+  "version": "0.0.57",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",