♻️ Add shared eslint config

packages/bot-engine/src/components/ChatGroup/AvatarSideContainer.tsx

@@ -13,59 +13,60 @@ import { ResizeObserver } from 'resize-observer'
 
 type Props = { hostAvatarSrc?: string; keepShowing: boolean }
 
-export const AvatarSideContainer = forwardRef(
-  ({ hostAvatarSrc, keepShowing }: Props, ref: ForwardedRef<unknown>) => {
-    const { document } = useFrame()
-    const [show, setShow] = useState(false)
-    const [avatarTopOffset, setAvatarTopOffset] = useState(0)
+export const AvatarSideContainer = forwardRef(function AvatarSideContainer(
+  { hostAvatarSrc, keepShowing }: Props,
+  ref: ForwardedRef<unknown>
+) {
+  const { document } = useFrame()
+  const [show, setShow] = useState(false)
+  const [avatarTopOffset, setAvatarTopOffset] = useState(0)
 
-    const refreshTopOffset = () => {
-      if (!scrollingSideGroupRef.current || !avatarContainer.current) return
-      const { height } = scrollingSideGroupRef.current.getBoundingClientRect()
-      const { height: avatarHeight } =
-        avatarContainer.current.getBoundingClientRect()
-      setAvatarTopOffset(height - avatarHeight)
-    }
-    const scrollingSideGroupRef = useRef<HTMLDivElement>(null)
-    const avatarContainer = useRef<HTMLDivElement>(null)
-    useImperativeHandle(ref, () => ({
-      refreshTopOffset,
-    }))
-
-    useEffect(() => {
-      if (!document) return
-      setShow(true)
-      const resizeObserver = new ResizeObserver(refreshTopOffset)
-      resizeObserver.observe(document.body)
-      return () => {
-        resizeObserver.disconnect()
-      }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [])
-
-    return (
-      <div
-        className="flex w-6 xs:w-10 mr-2 mb-2 flex-shrink-0 items-center relative typebot-avatar-container "
-        ref={scrollingSideGroupRef}
-      >
-        <CSSTransition
-          classNames="bubble"
-          timeout={500}
-          in={show && keepShowing}
-          unmountOnExit
-        >
-          <div
-            className="absolute w-6 xs:w-10 h-6 xs:h-10 mb-4 xs:mb-2 flex items-center top-0"
-            ref={avatarContainer}
-            style={{
-              top: `${avatarTopOffset}px`,
-              transition: 'top 350ms ease-out, opacity 500ms',
-            }}
-          >
-            <Avatar avatarSrc={hostAvatarSrc} />
-          </div>
-        </CSSTransition>
-      </div>
-    )
+  const refreshTopOffset = () => {
+    if (!scrollingSideGroupRef.current || !avatarContainer.current) return
+    const { height } = scrollingSideGroupRef.current.getBoundingClientRect()
+    const { height: avatarHeight } =
+      avatarContainer.current.getBoundingClientRect()
+    setAvatarTopOffset(height - avatarHeight)
   }
-)
+  const scrollingSideGroupRef = useRef<HTMLDivElement>(null)
+  const avatarContainer = useRef<HTMLDivElement>(null)
+  useImperativeHandle(ref, () => ({
+    refreshTopOffset,
+  }))
+
+  useEffect(() => {
+    if (!document) return
+    setShow(true)
+    const resizeObserver = new ResizeObserver(refreshTopOffset)
+    resizeObserver.observe(document.body)
+    return () => {
+      resizeObserver.disconnect()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
+  return (
+    <div
+      className="flex w-6 xs:w-10 mr-2 mb-2 flex-shrink-0 items-center relative typebot-avatar-container "
+      ref={scrollingSideGroupRef}
+    >
+      <CSSTransition
+        classNames="bubble"
+        timeout={500}
+        in={show && keepShowing}
+        unmountOnExit
+      >
+        <div
+          className="absolute w-6 xs:w-10 h-6 xs:h-10 mb-4 xs:mb-2 flex items-center top-0"
+          ref={avatarContainer}
+          style={{
+            top: `${avatarTopOffset}px`,
+            transition: 'top 350ms ease-out, opacity 500ms',
+          }}
+        >
+          <Avatar avatarSrc={hostAvatarSrc} />
+        </div>
+      </CSSTransition>
+    </div>
+  )
+})

packages/bot-engine/src/components/ChatGroup/ChatBlock/InputChatBlock.tsx

@@ -53,7 +53,7 @@ export const InputChatBlock = ({
         blockId: block.id,
         groupId: block.groupId,
         content: value,
-        variableId: variableId ?? null,
+        variableId,
         uploadedFiles: block.type === InputBlockType.FILE,
       })
     if (!isEditting) onTransitionEnd({ label, value, itemId }, isRetry)

packages/bot-engine/src/components/ChatGroup/ChatGroup.tsx

@@ -246,7 +246,6 @@ const ChatChunks = ({
 }: Props) => {
   const [isSkipped, setIsSkipped] = useState(false)
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const avatarSideContainerRef = useRef<any>()
 
   useEffect(() => {

packages/bot-engine/src/components/TypebotViewer.tsx

@@ -8,6 +8,7 @@ import { ConversationContainer } from './ConversationContainer'
 import { AnswersProvider } from '../providers/AnswersProvider'
 import {
   Answer,
+  AnswerInput,
   BackgroundType,
   Edge,
   PublicTypebot,
@@ -27,7 +28,9 @@ export type TypebotViewerProps = {
   startGroupId?: string
   isLoading?: boolean
   onNewGroupVisible?: (edge: Edge) => void
-  onNewAnswer?: (answer: Answer & { uploadedFiles: boolean }) => Promise<void>
+  onNewAnswer?: (
+    answer: AnswerInput & { uploadedFiles: boolean }
+  ) => Promise<void>
   onNewLog?: (log: Omit<Log, 'id' | 'createdAt' | 'resultId'>) => void
   onCompleted?: () => void
   onVariablesUpdated?: (variables: VariableWithValue[]) => void
@@ -58,7 +61,7 @@ export const TypebotViewer = ({
   const handleNewGroupVisible = (edge: Edge) =>
     onNewGroupVisible && onNewGroupVisible(edge)
 
-  const handleNewAnswer = (answer: Answer & { uploadedFiles: boolean }) =>
+  const handleNewAnswer = (answer: AnswerInput & { uploadedFiles: boolean }) =>
     onNewAnswer && onNewAnswer(answer)
 
   const handleNewLog = (log: Omit<Log, 'id' | 'createdAt' | 'resultId'>) =>

packages/bot-engine/src/components/inputs/ShortTextInput.tsx

@@ -5,21 +5,19 @@ type ShortTextInputProps = {
   onChange: (value: string) => void
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>
 
-export const ShortTextInput = React.forwardRef(
-  (
-    { onChange, ...props }: ShortTextInputProps,
-    ref: React.ForwardedRef<HTMLInputElement>
-  ) => {
-    return (
-      <input
-        ref={ref}
-        className="focus:outline-none bg-transparent px-4 py-4 flex-1 w-full text-input"
-        type="text"
-        style={{ fontSize: '16px' }}
-        autoFocus={!isMobile}
-        onChange={(e) => onChange(e.target.value)}
-        {...props}
-      />
-    )
-  }
-)
+export const ShortTextInput = React.forwardRef(function ShortTextInput(
+  { onChange, ...props }: ShortTextInputProps,
+  ref: React.ForwardedRef<HTMLInputElement>
+) {
+  return (
+    <input
+      ref={ref}
+      className="focus:outline-none bg-transparent px-4 py-4 flex-1 w-full text-input"
+      type="text"
+      style={{ fontSize: '16px' }}
+      autoFocus={!isMobile}
+      onChange={(e) => onChange(e.target.value)}
+      {...props}
+    />
+  )
+})

packages/bot-engine/src/components/inputs/Textarea.tsx

@@ -5,11 +5,11 @@ type TextareaProps = {
   onChange: (value: string) => void
 } & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>
 
-export const Textarea = React.forwardRef(
-  (
-    { onChange, ...props }: TextareaProps,
-    ref: React.ForwardedRef<HTMLTextAreaElement>
-  ) => (
+export const Textarea = React.forwardRef(function Textarea(
+  { onChange, ...props }: TextareaProps,
+  ref: React.ForwardedRef<HTMLTextAreaElement>
+) {
+  return (
     <textarea
       ref={ref}
       className="focus:outline-none bg-transparent px-4 py-4 flex-1 w-full text-input"
@@ -22,4 +22,4 @@ export const Textarea = React.forwardRef(
       {...props}
     />
   )
-)
+})