blsmedia/bot
2
0
Fork 0
Code Activity

🐛 (bot) Fix double callback on video and audio bubble

Browse Source
This commit is contained in:
Baptiste Arnaud
2023-07-12 14:23:41 +02:00
parent 6565fcc29c
commit abb363b59d
4 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/embeds/js/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@typebot.io/js",
"version": "0.0.75",
"version": "0.0.76",
"description": "Javascript library to display typebots on your website",
"type": "module",
"main": "dist/index.js",

14
packages/embeds/js/src/features/blocks/bubbles/audio/components/AudioBubble.tsx
View File

@ -25,17 +25,19 @@ export const AudioBubble = (props: Props) => {
props.onTransitionEnd(ref?.offsetTop)
}
const onCanPlay = () => {
clearTimeout(typingTimeout)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}
onMount(() => {
typingTimeout = setTimeout(() => {
if (audioElement) audioElement.removeEventListener('canplay', onCanPlay)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}, defaultTypingDuration)
if (audioElement)
audioElement.oncanplay = () => {
clearTimeout(typingTimeout)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}
if (audioElement) audioElement.addEventListener('canplay', onCanPlay)
})
onCleanup(() => {

14
packages/embeds/js/src/features/blocks/bubbles/video/components/VideoBubble.tsx
View File

@ -27,21 +27,23 @@ export const VideoBubble = (props: Props) => {
props.onTransitionEnd(ref?.offsetTop)
}
const onCanPlay = () => {
clearTimeout(typingTimeout)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}
onMount(() => {
console.log(videoElement)
typingTimeout = setTimeout(
() => {
if (videoElement) videoElement.removeEventListener('canplay', onCanPlay)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
},
videoElement ? defaultTypingDuration : 2000
)
if (videoElement)
videoElement.oncanplay = () => {
clearTimeout(typingTimeout)
setIsTyping(false)
setTimeout(autoPlay, showAnimationDuration)
}
if (videoElement) videoElement.addEventListener('canplay', onCanPlay)
})
onCleanup(() => {

2
packages/embeds/react/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@typebot.io/react",
"version": "0.0.75",
"version": "0.0.76",
"description": "React library to display typebots on your website",
"main": "dist/index.js",
"types": "dist/index.d.ts",