blsmedia/bot
2
0
Fork 0
Code Activity

fix(engine): 🐛 Embed bubble variable

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-04-28 12:41:28 -07:00
parent 20c402ad1b
commit 4d98de2c70
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/EmbedBubble.tsx
View File

@ -1,6 +1,8 @@
import React, { useEffect, useRef, useState } from 'react'
import React, { useEffect, useMemo, useRef, useState } from 'react'
import { EmbedBubbleStep } from 'models'
import { TypingContent } from './TypingContent'
import { parseVariables } from 'services/variable'
import { useTypebot } from 'contexts/TypebotContext'
type Props = {
step: EmbedBubbleStep
@ -10,9 +12,15 @@ type Props = {
export const showAnimationDuration = 400
export const EmbedBubble = ({ step, onTransitionEnd }: Props) => {
const { typebot } = useTypebot()
const messageContainer = useRef<HTMLDivElement | null>(null)
const [isTyping, setIsTyping] = useState(true)
const url = useMemo(
() => parseVariables(typebot.variables)(step.content?.url),
[step.content?.url, typebot.variables]
)
useEffect(() => {
showContentAfterMediaLoad()
// eslint-disable-next-line react-hooks/exhaustive-deps
@ -51,7 +59,7 @@ export const EmbedBubble = ({ step, onTransitionEnd }: Props) => {
</div>
<iframe
id="embed-bubble-content"
src={step.content.url}
src={url}
className={
'w-full z-20 p-4 content-opacity ' +
(isTyping ? 'opacity-0' : 'opacity-100')