feat(engine): ✨ Can edit answers by clicking on it

packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/ImageBubble.tsx

@@ -1,5 +1,4 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react'
-import { useHostAvatars } from 'contexts/HostAvatarsContext'
 import { useTypebot } from 'contexts/TypebotContext'
 import { ImageBubbleStep } from 'models'
 import { TypingContent } from './TypingContent'
@@ -16,7 +15,6 @@ export const mediaLoadingFallbackTimeout = 5000
 
 export const ImageBubble = ({ step, onTransitionEnd }: Props) => {
   const { typebot } = useTypebot()
-  const { updateLastAvatarOffset } = useHostAvatars()
   const messageContainer = useRef<HTMLDivElement | null>(null)
   const image = useRef<HTMLImageElement | null>(null)
   const [isTyping, setIsTyping] = useState(true)
@@ -27,7 +25,6 @@ export const ImageBubble = ({ step, onTransitionEnd }: Props) => {
   )
 
   useEffect(() => {
-    sendAvatarOffset()
     showContentAfterMediaLoad()
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
@@ -48,19 +45,10 @@ export const ImageBubble = ({ step, onTransitionEnd }: Props) => {
   const onTypingEnd = () => {
     setIsTyping(false)
     setTimeout(() => {
-      sendAvatarOffset()
       onTransitionEnd()
     }, showAnimationDuration)
   }
 
-  const sendAvatarOffset = () => {
-    if (!messageContainer.current) return
-    const containerDimensions = messageContainer.current.getBoundingClientRect()
-    updateLastAvatarOffset(
-      messageContainer.current.offsetTop + containerDimensions.height
-    )
-  }
-
   return (
     <div className="flex flex-col" ref={messageContainer}>
       <div className="flex mb-2 w-full lg:w-11/12 items-center">