🐛 (bot) Fix audio and video autoplay error catching

baptisteArno · Jul 11, 2023 · 5587bfb · 5587bfb · vercel · Jul 11, 2023
1 parent 70dd413
commit 5587bfb
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 16 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.68",
+  "version": "0.0.69",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

diff --git a/packages/embeds/js/src/features/blocks/bubbles/audio/components/AudioBubble.tsx b/packages/embeds/js/src/features/blocks/bubbles/audio/components/AudioBubble.tsx
@@ -21,13 +21,10 @@ export const AudioBubble = (props: Props) => {
       setIsTyping(false)
       setTimeout(() => {
         const audioElement = ref?.querySelector('audio')
-        if (audioElement) {
-          try {
-            audioElement.play()
-          } catch (e) {
-            console.warn('Could not autoplay the audio:', e)
-          }
-        }
+        if (audioElement)
+          audioElement
+            .play()
+            .catch((e) => console.warn('Could not autoplay the audio:', e))
         props.onTransitionEnd(ref?.offsetTop)
       }, showAnimationDuration)
     }, typingDuration)

diff --git a/packages/embeds/js/src/features/blocks/bubbles/video/components/VideoBubble.tsx b/packages/embeds/js/src/features/blocks/bubbles/video/components/VideoBubble.tsx
@@ -18,13 +18,10 @@ export const VideoBubble = (props: Props) => {
 
   const onTypingEnd = () => {
     const videoElement = ref?.querySelector('video')
-    if (videoElement) {
-      try {
-        videoElement.play()
-      } catch (e) {
-        console.warn('Could not autoplay the video:', e)
-      }
-    }
+    if (videoElement)
+      videoElement
+        .play()
+        .catch((e) => console.warn('Could not autoplay the video:', e))
     if (!isTyping()) return
     setIsTyping(false)
     setTimeout(() => {

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.68",
+  "version": "0.0.69",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",