🐛 (settings) Fix typing emulation not working

Closes #330

apps/builder/src/components/NewVersionPopup.tsx

@@ -12,7 +12,7 @@ import { useEffect, useState } from 'react'
 import { sendRequest } from 'utils'
 import { PackageIcon } from './icons'
 
-const intervalDuration = 1000 * 60 // 30 seconds
+const intervalDuration = 1000 * 60
 
 export const NewVersionPopup = () => {
   const { typebot, save } = useTypebot()

packages/js/src/components/ConversationContainer/ChatChunk.tsx

@@ -68,6 +68,7 @@ export const ChatChunk = (props: Props) => {
               {(message) => (
                 <HostBubble
                   message={message}
+                  typingEmulation={props.settings.typingEmulation}
                   onTransitionEnd={displayNextMessage}
                 />
               )}

packages/js/src/components/bubbles/HostBubble.tsx

@@ -9,13 +9,15 @@ import type {
   EmbedBubbleContent,
   ImageBubbleContent,
   TextBubbleContent,
+  TypingEmulation,
   VideoBubbleContent,
 } from 'models'
 import { BubbleBlockType } from 'models/features/blocks/bubbles/enums'
 import { Match, Switch } from 'solid-js'
 
 type Props = {
   message: ChatMessage
+  typingEmulation: TypingEmulation
   onTransitionEnd: () => void
 }
 
@@ -29,6 +31,7 @@ export const HostBubble = (props: Props) => {
       <Match when={props.message.type === BubbleBlockType.TEXT}>
         <TextBubble
           content={props.message.content as Omit<TextBubbleContent, 'richText'>}
+          typingEmulation={props.typingEmulation}
           onTransitionEnd={onTransitionEnd}
         />
       </Match>

packages/js/src/features/blocks/bubbles/textBubble/components/TextBubble.tsx

@@ -5,8 +5,8 @@ import { computeTypingDuration } from '../utils/computeTypingDuration'
 
 type Props = {
   content: Pick<TextBubbleContent, 'html' | 'plainText'>
+  typingEmulation: TypingEmulation
   onTransitionEnd: () => void
-  typingEmulation?: TypingEmulation
 }
 
 export const showAnimationDuration = 400
@@ -29,10 +29,13 @@ export const TextBubble = (props: Props) => {
 
   onMount(() => {
     if (!isTyping) return
-    const typingDuration = computeTypingDuration(
-      props.content.plainText,
-      props.typingEmulation ?? defaultTypingEmulation
-    )
+    const typingDuration =
+      props.typingEmulation?.enabled === false
+        ? 0
+        : computeTypingDuration(
+            props.content.plainText,
+            props.typingEmulation ?? defaultTypingEmulation
+          )
     setTimeout(() => {
       onTypingEnd()
     }, typingDuration)