build: 📦️ Update packages

2022-05-13 09:18:25 -07:00
parent ddaaa68e28
commit 6c2986590b
32 changed files with 2994 additions and 3689 deletions
--- a/apps/builder/components/share/customDomain/CustomDomainsDropdown.tsx
+++ b/apps/builder/components/share/customDomain/CustomDomainsDropdown.tsx
@ -87,7 +87,7 @@ export const CustomDomainsDropdown = ({
        textAlign="left"
        {...props}
      >
-        <Text isTruncated overflowY="visible" h="20px">
+        <Text noOfLines={0} overflowY="visible" h="20px">
          {currentCustomDomain ?? 'Add my domain'}
        </Text>
      </MenuButton>
--- a/apps/builder/components/shared/CredentialsDropdown.tsx
+++ b/apps/builder/components/shared/CredentialsDropdown.tsx
@ -103,7 +103,7 @@ export const CredentialsDropdown = ({
        textAlign="left"
        {...props}
      >
-        <Text isTruncated overflowY="visible" h="20px">
+        <Text noOfLines={0} overflowY="visible" h="20px">
          {currentCredential ? currentCredential.name : defaultCredentialsLabel}
        </Text>
      </MenuButton>
--- a/apps/builder/components/shared/DropdownList.tsx
+++ b/apps/builder/components/shared/DropdownList.tsx
@ -10,7 +10,7 @@ import {
  Stack,
 } from '@chakra-ui/react'
 import { ChevronLeftIcon } from 'assets/icons'
-import React from 'react'
+import React, { ReactNode } from 'react'

 type Props<T> = {
  currentItem?: T
@ -39,8 +39,8 @@ export const DropdownList = <T,>({
        textAlign="left"
        {...props}
      >
-        <chakra.span isTruncated display="block">
-          {currentItem ?? placeholder}
+        <chakra.span noOfLines={0} display="block">
+          {(currentItem ?? placeholder) as unknown as ReactNode}
        </chakra.span>
      </MenuButton>
      <Portal>
@ -55,7 +55,7 @@ export const DropdownList = <T,>({
                textOverflow="ellipsis"
                onClick={handleMenuItemClick(item)}
              >
-                {item}
+                {item as unknown as ReactNode}
              </MenuItem>
            ))}
          </Stack>
--- a/apps/builder/components/shared/Graph/Nodes/ItemNode/ItemNodeContent/contents/ConditionNodeContent.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/ItemNode/ItemNodeContent/contents/ConditionNodeContent.tsx
@ -22,7 +22,7 @@ export const ConditionNodeContent = ({ item }: Props) => {
              byId(comparison.variableId)
            )
            return (
-              <Wrap key={comparison.id} spacing={1} isTruncated>
+              <Wrap key={comparison.id} spacing={1} noOfLines={0}>
                {idx > 0 && <Text>{item.content.logicalOperator ?? ''}</Text>}
                {variable?.name && (
                  <Tag bgColor="orange.400" color="white">
@ -38,7 +38,7 @@ export const ConditionNodeContent = ({ item }: Props) => {
                )}
                {comparison?.value && (
                  <Tag bgColor={'gray.200'}>
-                    <Text isTruncated>{comparison.value}</Text>
+                    <Text noOfLines={0}>{comparison.value}</Text>
                  </Tag>
                )}
              </Wrap>
--- a/apps/builder/components/shared/Graph/Nodes/ItemNode/ItemNodeOverlay.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/ItemNode/ItemNodeOverlay.tsx
@ -1,6 +1,6 @@
 import { Flex, FlexProps } from '@chakra-ui/react'
 import { Item } from 'models'
-import React from 'react'
+import React, { ReactNode } from 'react'

 type Props = {
  item: Item
@ -20,7 +20,7 @@ export const ItemNodeOverlay = ({ item, ...props }: Props) => {
      shadow="lg"
      {...props}
    >
-      {item.content ?? 'Click to edit'}
+      {(item.content ?? 'Click to edit') as ReactNode}
    </Flex>
  )
 }
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/ConfigureContent.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/ConfigureContent.tsx
@ -4,7 +4,7 @@ import { Text } from '@chakra-ui/react'
 type Props = { label?: string }

 export const ConfigureContent = ({ label }: Props) => (
-  <Text color={label ? 'currentcolor' : 'gray.500'} isTruncated>
+  <Text color={label ? 'currentcolor' : 'gray.500'} noOfLines={0}>
    {label ?? 'Configure...'}
  </Text>
 )
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/SendEmailContent.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/SendEmailContent.tsx
@ -9,7 +9,7 @@ export const SendEmailContent = ({ step }: Props) => {
  if (step.options.recipients.length === 0)
    return <Text color="gray.500">Configure...</Text>
  return (
-    <Wrap isTruncated pr="6">
+    <Wrap noOfLines={2} pr="6">
      <WrapItem>
        <Text>Send email to</Text>
      </WrapItem>
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/SetVariableContent.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/SetVariableContent.tsx
@ -9,7 +9,7 @@ export const SetVariableContent = ({ step }: { step: SetVariableStep }) => {
    typebot?.variables.find(byId(step.options.variableId))?.name ?? ''
  const expression = step.options.expressionToEvaluate ?? ''
  return (
-    <Text color={'gray.500'} isTruncated>
+    <Text color={'gray.500'} noOfLines={2}>
      {variableName === '' && expression === ''
        ? 'Click to edit...'
        : `${variableName} ${expression ? `= ${expression}` : ``}`}
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/WebhookContent.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/WebhookContent.tsx
@ -13,7 +13,7 @@ export const WebhookContent = ({ step: { webhookId } }: Props) => {

  if (!webhook?.url) return <Text color="gray.500">Configure...</Text>
  return (
-    <Text isTruncated pr="6">
+    <Text noOfLines={2} pr="6">
      {webhook.method} {webhook.url}
    </Text>
  )
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/ZapierContent.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/ZapierContent.tsx
@ -36,7 +36,7 @@ export const ProviderWebhookContent = ({ step, configuredLabel }: Props) => {
  if (isNotDefined(webhook?.body))
    return <Text color="gray.500">Configure...</Text>
  return (
-    <Text isTruncated pr="6">
+    <Text noOfLines={0} pr="6">
      {webhook?.url ? configuredLabel : 'Disabled'}
    </Text>
  )
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/TextBubbleEditor/TextBubbleEditor.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/TextBubbleEditor/TextBubbleEditor.tsx
@ -4,11 +4,13 @@ import {
  Plate,
  selectEditor,
  serializeHtml,
-  TDescendant,
+  TEditor,
+  TElement,
+  Value,
  withPlate,
 } from '@udecode/plate-core'
 import { editorStyle, platePlugins } from 'libs/plate'
-import { BaseSelection, createEditor, Transforms } from 'slate'
+import { BaseEditor, BaseSelection, createEditor, Transforms } from 'slate'
 import { ToolBar } from './ToolBar'
 import { parseHtmlStringToPlainText } from 'services/utils'
 import { defaultTextBubbleContent, TextBubbleContent, Variable } from 'models'
@ -16,7 +18,7 @@ import { VariableSearchInput } from 'components/shared/VariableSearchInput'
 import { ReactEditor } from 'slate-react'

 type Props = {
-  initialValue: TDescendant[]
+  initialValue: TElement[]
  onClose: (newContent: TextBubbleContent) => void
 }

@ -24,7 +26,10 @@ export const TextBubbleEditor = ({ initialValue, onClose }: Props) => {
  const randomEditorId = useMemo(() => Math.random().toString(), [])
  const editor = useMemo(
    () =>
-      withPlate(createEditor(), { id: randomEditorId, plugins: platePlugins }),
+      withPlate(createEditor() as TEditor<Value>, {
+        id: randomEditorId,
+        plugins: platePlugins,
+      }),
    // eslint-disable-next-line react-hooks/exhaustive-deps
    []
  )
@ -65,7 +70,7 @@ export const TextBubbleEditor = ({ initialValue, onClose }: Props) => {
    }
  }

-  const convertValueToStepContent = (value: unknown[]): TextBubbleContent => {
+  const convertValueToStepContent = (value: TElement[]): TextBubbleContent => {
    if (value.length === 0) defaultTextBubbleContent
    const html = serializeHtml(editor, {
      nodes: value,
@ -84,12 +89,12 @@ export const TextBubbleEditor = ({ initialValue, onClose }: Props) => {
  const handleVariableSelected = (variable?: Variable) => {
    setIsVariableDropdownOpen(false)
    if (!rememberedSelection.current || !variable) return
-    Transforms.select(editor, rememberedSelection.current)
-    Transforms.insertText(editor, '{{' + variable.name + '}}')
+    Transforms.select(editor as BaseEditor, rememberedSelection.current)
+    Transforms.insertText(editor as BaseEditor, '{{' + variable.name + '}}')
    ReactEditor.focus(editor as unknown as ReactEditor)
  }

-  const handleChangeEditorContent = (val: unknown[]) => {
+  const handleChangeEditorContent = (val: TElement[]) => {
    setValue(val)
    setIsVariableDropdownOpen(false)
  }
@ -110,7 +115,10 @@ export const TextBubbleEditor = ({ initialValue, onClose }: Props) => {
      spacing={0}
      cursor="text"
    >
-      <ToolBar onVariablesButtonClick={() => setIsVariableDropdownOpen(true)} />
+      <ToolBar
+        editor={editor}
+        onVariablesButtonClick={() => setIsVariableDropdownOpen(true)}
+      />
      <Plate
        id={randomEditorId}
        editableProps={{
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/TextBubbleEditor/ToolBar.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/TextBubbleEditor/ToolBar.tsx
@ -4,18 +4,24 @@ import {
  MARK_ITALIC,
  MARK_UNDERLINE,
 } from '@udecode/plate-basic-marks'
-import { usePlateEditorRef, getPluginType } from '@udecode/plate-core'
+import { getPluginType, PlateEditor, Value } from '@udecode/plate-core'
 import { LinkToolbarButton } from '@udecode/plate-ui-link'
 import { MarkToolbarButton } from '@udecode/plate-ui-toolbar'
 import { BoldIcon, ItalicIcon, UnderlineIcon, LinkIcon } from 'assets/icons'

-type Props = { onVariablesButtonClick: () => void } & StackProps
-export const ToolBar = (props: Props) => {
-  const editor = usePlateEditorRef()
+type Props = {
+  editor: PlateEditor<Value>
+  onVariablesButtonClick: () => void
+} & StackProps

+export const ToolBar = ({
+  editor,
+  onVariablesButtonClick,
+  ...props
+}: Props) => {
  const handleVariablesButtonMouseDown = (e: React.MouseEvent) => {
    e.preventDefault()
-    props.onVariablesButtonClick()
+    onVariablesButtonClick()
  }
  return (
    <HStack
--- a/apps/builder/components/shared/TypebotHeader/CollaborationMenuButton/CollaboratorButton.tsx
+++ b/apps/builder/components/shared/TypebotHeader/CollaborationMenuButton/CollaboratorButton.tsx
@ -88,7 +88,11 @@ export const CollaboratorIdentityContent = ({
            {name}
          </Text>
        )}
-        <Text color="gray.500" fontSize={name ? '14px' : 'inherit'} isTruncated>
+        <Text
+          color="gray.500"
+          fontSize={name ? '14px' : 'inherit'}
+          noOfLines={0}
+        >
          {email}
        </Text>
      </Stack>
--- a/apps/builder/components/shared/TypebotHeader/EditableTypebotName.tsx
+++ b/apps/builder/components/shared/TypebotHeader/EditableTypebotName.tsx
@ -18,7 +18,7 @@ export const EditableTypebotName = ({ name, onNewName }: EditableProps) => {
    <Tooltip label="Rename">
      <Editable value={localName} onChange={setLocalName} onSubmit={onNewName}>
        <EditablePreview
-          isTruncated
+          noOfLines={0}
          cursor="pointer"
          maxW="200px"
          overflow="hidden"
--- a/apps/builder/layouts/results/SubmissionContent.tsx
+++ b/apps/builder/layouts/results/SubmissionContent.tsx
@ -134,7 +134,7 @@ export const SubmissionsContent = ({
    () =>
      publishedTypebot ? convertResultsToTableData(results, resultHeader) : [],
    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [results]
+    [publishedTypebot?.id, resultHeader.length, results]
  )

  const handleLogsModalClose = () => setInspectingLogsResultId(undefined)
--- a/apps/builder/package.json
+++ b/apps/builder/package.json
@ -15,30 +15,30 @@
    "workerDirectory": "public"
  },
  "dependencies": {
-    "@chakra-ui/css-reset": "^1.1.3",
-    "@chakra-ui/react": "^1.8.7",
-    "@codemirror/basic-setup": "^0.19.3",
-    "@codemirror/lang-css": "^0.19.3",
-    "@codemirror/lang-html": "^0.19.4",
-    "@codemirror/lang-javascript": "^0.19.7",
-    "@codemirror/lang-json": "^0.19.2",
+    "@chakra-ui/css-reset": "^2.0.0",
+    "@chakra-ui/react": "^2.0.0",
+    "@codemirror/basic-setup": "^0.20.0",
+    "@codemirror/lang-css": "^0.20.0",
+    "@codemirror/lang-html": "^0.20.0",
+    "@codemirror/lang-javascript": "^0.20.0",
+    "@codemirror/lang-json": "^0.20.0",
    "@codemirror/text": "^0.19.6",
-    "@emotion/react": "^11.8.2",
+    "@emotion/react": "^11.9.0",
    "@emotion/styled": "^11.8.1",
    "@giphy/js-fetch-api": "^4.1.2",
    "@giphy/js-types": "^4.1.0",
-    "@giphy/react-components": "^5.6.1",
+    "@giphy/react-components": "^5.7.0",
    "@googleapis/drive": "^2.3.0",
-    "@sentry/nextjs": "^6.19.3",
-    "@stripe/stripe-js": "^1.26.0",
-    "@udecode/plate-basic-marks": "^10.5.0",
+    "@sentry/nextjs": "^6.19.7",
+    "@stripe/stripe-js": "^1.29.0",
+    "@udecode/plate-basic-marks": "^11.0.0",
    "@udecode/plate-common": "^7.0.2",
-    "@udecode/plate-core": "^10.5.0",
-    "@udecode/plate-link": "^10.5.0",
-    "@udecode/plate-ui-link": "^10.5.0",
-    "@udecode/plate-ui-toolbar": "^10.5.0",
+    "@udecode/plate-core": "^11.0.0",
+    "@udecode/plate-link": "^11.0.0",
+    "@udecode/plate-ui-link": "^11.0.0",
+    "@udecode/plate-ui-toolbar": "^11.0.0",
    "bot-engine": "*",
-    "browser-image-compression": "^1.0.17",
+    "browser-image-compression": "^2.0.0",
    "canvas-confetti": "^1.5.1",
    "cuid": "^2.1.8",
    "db": "*",
@ -46,65 +46,65 @@
    "dequal": "^2.0.2",
    "emoji-mart": "^3.0.1",
    "focus-visible": "^5.2.0",
-    "framer-motion": "6.2.8",
-    "google-auth-library": "^7.14.1",
+    "framer-motion": "6.3.3",
+    "google-auth-library": "^8.0.2",
    "google-spreadsheet": "^3.2.0",
-    "got": "^12.0.3",
-    "htmlparser2": "^7.2.0",
-    "immer": "^9.0.12",
+    "got": "^12.0.4",
+    "htmlparser2": "^8.0.1",
+    "immer": "^9.0.14",
    "js-video-url-parser": "^0.5.1",
    "jsonwebtoken": "^8.5.1",
-    "kbar": "^0.1.0-beta.33",
+    "kbar": "^0.1.0-beta.34",
    "micro": "^9.3.4",
    "micro-cors": "^0.1.1",
-    "minio": "^7.0.26",
+    "minio": "^7.0.28",
    "models": "*",
-    "next": "^12.1.4",
-    "next-auth": "4.3.1",
-    "nodemailer": "^6.7.3",
+    "next": "^12.1.6",
+    "next-auth": "4.3.4",
+    "nodemailer": "^6.7.5",
    "nprogress": "^0.2.0",
    "papaparse": "^5.3.2",
-    "prettier": "^2.6.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-draggable": "^4.4.4",
+    "prettier": "^2.6.2",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-draggable": "^4.4.5",
    "react-table": "^7.7.0",
-    "slate": "^0.76.0",
+    "slate": "^0.78.0",
    "slate-history": "^0.66.0",
-    "slate-hyperscript": "^0.67.0",
-    "slate-react": "^0.76.0",
-    "stripe": "^8.215.0",
+    "slate-hyperscript": "^0.77.0",
+    "slate-react": "^0.79.0",
+    "stripe": "^9.1.0",
    "styled-components": "^5.3.5",
    "svg-round-corners": "^0.3.0",
-    "swr": "^1.2.2",
+    "swr": "^1.3.0",
    "tinycolor2": "^1.4.2",
    "typebot-js": "*",
-    "use-debounce": "^7.0.1",
+    "use-debounce": "^8.0.1",
    "utils": "*",
    "qs": "^6.10.3"
  },
  "devDependencies": {
-    "@playwright/test": "^1.20.2",
+    "@playwright/test": "^1.22.0",
    "@types/canvas-confetti": "^1.4.2",
    "@types/emoji-mart": "^3.0.9",
-    "@types/google-spreadsheet": "^3.2.0",
+    "@types/google-spreadsheet": "^3.2.1",
    "@types/jsonwebtoken": "8.5.8",
    "@types/micro-cors": "^0.1.2",
-    "@types/minio": "^7.0.12",
-    "@types/node": "^17.0.23",
+    "@types/minio": "^7.0.13",
+    "@types/node": "^17.0.33",
    "@types/nodemailer": "^6.4.4",
    "@types/nprogress": "^0.2.0",
    "@types/papaparse": "^5.3.2",
-    "@types/prettier": "^2.4.4",
-    "@types/react": "^17.0.43",
-    "@types/react-table": "^7.7.10",
+    "@types/prettier": "^2.6.1",
+    "@types/react": "^18.0.9",
+    "@types/react-table": "^7.7.12",
    "@types/tinycolor2": "^1.4.3",
-    "@typescript-eslint/eslint-plugin": "^5.17.0",
-    "dotenv": "^16.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.23.0",
+    "dotenv": "^16.0.1",
    "eslint": "<8.0.0",
-    "eslint-config-next": "12.1.4",
+    "eslint-config-next": "12.1.6",
    "msw": "^0.39.2",
-    "typescript": "^4.6.3",
+    "typescript": "^4.6.4",
    "@types/qs": "^6.9.7"
  }
 }
--- a/apps/builder/pages/api/integrations/google-sheets/spreadsheets.ts
+++ b/apps/builder/pages/api/integrations/google-sheets/spreadsheets.ts
@ -1,5 +1,6 @@
 import { NextApiRequest, NextApiResponse } from 'next'
 import { drive } from '@googleapis/drive'
+import { OAuth2Client } from 'googleapis-common'
 import { getAuthenticatedGoogleClient } from 'libs/google-sheets'
 import { badRequest, methodNotAllowed, notAuthenticated } from 'utils'
 import { setUser, withSentry } from '@sentry/nextjs'
@ -18,7 +19,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
      return res.status(404).send("Couldn't find credentials in database")
    const response = await drive({
      version: 'v3',
-      auth: auth.client,
+      auth: auth.client as unknown as OAuth2Client,
    }).files.list({
      q: "mimeType='application/vnd.google-apps.spreadsheet'",
      fields: 'nextPageToken, files(id, name)',
--- a/apps/builder/playwright/tests/settings.spec.ts
+++ b/apps/builder/playwright/tests/settings.spec.ts
@ -21,7 +21,7 @@ test.describe.parallel('Settings page', () => {
        typebotViewer(page).locator('a:has-text("Made with Typebot")')
      ).toHaveAttribute('href', 'https://www.typebot.io/?utm_source=litebadge')
      await page.click('button:has-text("General")')
-      await page.uncheck('input[type="checkbox"]', { force: true })
+      await page.click('text="Typebot.io branding"')
      await expect(
        typebotViewer(page).locator('a:has-text("Made with Typebot")')
      ).toBeHidden()
@ -59,9 +59,7 @@ test.describe.parallel('Settings page', () => {
      await page.click('button:has-text("Typing emulation")')
      await page.fill('[data-testid="speed"] input', '350')
      await page.fill('[data-testid="max-delay"] input', '1.5')
-      await page.uncheck('input[type="checkbox"] >> nth=-1', {
-        force: true,
-      })
+      await page.click('text="Typing emulation" >> nth=-1')
      await expect(page.locator('[data-testid="speed"]')).toBeHidden()
      await expect(page.locator('[data-testid="max-delay"]')).toBeHidden()
    })
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@ -23,8 +23,8 @@
    "clsx": "^1.1.1",
    "file-loader": "^6.2.0",
    "prism-react-renderer": "^1.3.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
    "url-loader": "^4.1.1"
  },
  "browserslist": {
--- a/apps/landing-page/package.json
+++ b/apps/landing-page/package.json
@ -8,30 +8,29 @@
    "analyze": "cross-env ANALYZE=true next build"
  },
  "dependencies": {
-    "@chakra-ui/react": "^1.8.7",
-    "@emotion/react": "^11.8.2",
+    "@chakra-ui/react": "^2.0.0",
+    "@emotion/react": "^11.9.0",
    "@emotion/styled": "^11.8.1",
    "aos": "^2.3.4",
    "bot-engine": "*",
    "focus-visible": "^5.2.0",
-    "framer-motion": "^6.2.8",
-    "keen-slider": "^6.6.5",
+    "framer-motion": "^6.3.3",
    "models": "*",
-    "next": "^12.1.4",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "next": "^12.1.6",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
    "typebot-js": "*",
    "utils": "*"
  },
  "devDependencies": {
-    "@next/bundle-analyzer": "^12.1.4",
+    "@next/bundle-analyzer": "^12.1.6",
    "@types/aos": "^3.0.4",
-    "@types/node": "^17.0.23",
-    "@types/react": "^17.0.43",
-    "autoprefixer": "^10.4.4",
+    "@types/node": "^17.0.33",
+    "@types/react": "^18.0.9",
+    "autoprefixer": "^10.4.7",
    "cross-env": "^7.0.3",
    "eslint": "<8.0.0",
-    "prettier": "^2.6.1",
-    "typescript": "^4.6.3"
+    "prettier": "^2.6.2",
+    "typescript": "^4.6.4"
  }
 }
--- a/apps/viewer/package.json
+++ b/apps/viewer/package.json
@ -12,35 +12,35 @@
    "test:open": "PWDEBUG=1 yarn playwright test"
  },
  "dependencies": {
-    "@sentry/nextjs": "^6.19.3",
+    "@sentry/nextjs": "^6.19.7",
    "bot-engine": "*",
    "cors": "^2.8.5",
    "cuid": "^2.1.8",
    "db": "*",
    "google-spreadsheet": "^3.2.0",
-    "got": "^12.0.3",
+    "got": "^12.0.4",
    "models": "*",
-    "next": "^12.1.4",
-    "nodemailer": "^6.7.3",
+    "next": "^12.1.6",
+    "nodemailer": "^6.7.5",
    "qs": "^6.10.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
    "sanitize-html": "^2.7.0",
    "utils": "*"
  },
  "devDependencies": {
-    "@playwright/test": "^1.20.2",
+    "@playwright/test": "^1.22.0",
    "@types/cors": "^2.8.12",
-    "@types/google-spreadsheet": "^3.2.0",
-    "@types/node": "^17.0.23",
+    "@types/google-spreadsheet": "^3.2.1",
+    "@types/node": "^17.0.33",
    "@types/nodemailer": "^6.4.4",
    "@types/qs": "^6.9.7",
-    "@types/react": "^17.0.43",
+    "@types/react": "^18.0.9",
    "@types/sanitize-html": "^2.6.2",
-    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/eslint-plugin": "^5.23.0",
    "eslint": "<8.0.0",
-    "eslint-config-next": "12.1.4",
+    "eslint-config-next": "12.1.6",
    "next-transpile-modules": "^9.0.0",
-    "typescript": "^4.6.3"
+    "typescript": "^4.6.4"
  }
 }
--- a/package.json
+++ b/package.json
@ -18,7 +18,7 @@
    "db:migrate": "yarn workspace db migration:deploy"
  },
  "devDependencies": {
-    "turbo": "^1.1.10"
+    "turbo": "^1.2.9"
  },
  "packageManager": "yarn@1.22.17"
 }
--- a/packages/bot-engine/package.json
+++ b/packages/bot-engine/package.json
@ -10,40 +10,40 @@
    "models": "*",
    "qs": "^6.10.3",
    "react-frame-component": "5.2.2-alpha.1",
-    "react-phone-number-input": "^3.1.49",
-    "react-scroll": "^1.8.6",
+    "react-phone-number-input": "^3.1.52",
+    "react-scroll": "^1.8.7",
    "react-transition-group": "^4.4.2",
    "utils": "*"
  },
  "devDependencies": {
-    "@rollup/plugin-commonjs": "^21.0.3",
+    "@rollup/plugin-commonjs": "^22.0.0",
    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-typescript": "^8.3.1",
-    "@types/react": "^17.0.43",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.2",
+    "@types/react": "^18.0.9",
    "@types/react-phone-number-input": "^3.0.13",
    "@types/react-scroll": "^1.8.3",
    "@types/react-transition-group": "^4.4.4",
-    "autoprefixer": "^10.4.4",
+    "autoprefixer": "^10.4.7",
    "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.12",
-    "rollup": "^2.70.1",
-    "rollup-plugin-dts": "^4.2.0",
+    "postcss": "^8.4.13",
+    "rollup": "^2.72.1",
+    "rollup-plugin-dts": "^4.2.1",
    "rollup-plugin-peer-deps-external": "^2.2.4",
    "rollup-plugin-postcss": "^4.0.2",
    "rollup-plugin-terser": "^7.0.2",
-    "tailwindcss": "^3.0.23",
-    "typescript": "^4.6.3",
-    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "tailwindcss": "^3.0.24",
+    "typescript": "^4.6.4",
+    "@typescript-eslint/eslint-plugin": "^5.23.0",
    "eslint": "<8.0.0",
-    "eslint-config-next": "12.1.4",
+    "eslint-config-next": "12.1.6",
    "eslint-config-prettier": "^8.5.0",
    "eslint-plugin-prettier": "^4.0.0",
-    "tslib": "^2.3.1",
+    "tslib": "^2.4.0",
    "@types/qs": "^6.9.7"
  },
  "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "^18.1.0"
  },
  "scripts": {
    "build": "yarn rollup -c",
--- a/packages/db/package.json
+++ b/packages/db/package.json
@ -5,13 +5,13 @@
  "main": "./index.ts",
  "types": "./index.ts",
  "devDependencies": {
-    "prisma": "^3.12.0",
+    "prisma": "^3.14.0",
    "ts-node": "^10.7.0",
-    "typescript": "^4.6.3",
+    "typescript": "^4.6.4",
    "dotenv-cli": "5.1.0"
  },
  "dependencies": {
-    "@prisma/client": "^3.12.0"
+    "@prisma/client": "^3.14.0"
  },
  "scripts": {
    "dx": "dotenv -e ../../apps/builder/.env.local prisma db push && yarn generate:schema && yarn start:sutdio  ",
--- a/packages/models/package.json
+++ b/packages/models/package.json
@ -6,10 +6,10 @@
  "license": "AGPL-3.0-or-later",
  "private": true,
  "devDependencies": {
-    "typescript": "^4.6.3"
+    "typescript": "^4.6.4"
  },
  "dependencies": {
-    "next": "^12.1.4",
+    "next": "^12.1.6",
    "db": "*"
  },
  "scripts": {
--- a/packages/models/src/typebot/steps/bubble.ts
+++ b/packages/models/src/typebot/steps/bubble.ts
@ -1,4 +1,5 @@
 import { StepBase } from '.'
+import { TElement } from '@udecode/plate-core'

 export type BubbleStep =
  | TextBubbleStep
@ -41,7 +42,7 @@ export type EmbedBubbleStep = StepBase & {

 export type TextBubbleContent = {
  html: string
-  richText: unknown[]
+  richText: TElement[]
  plainText: string
 }

--- a/packages/scripts/package.json
+++ b/packages/scripts/package.json
@ -12,9 +12,6 @@
    "db": "*",
    "models": "*",
    "utils": "*",
-    "ts-node": "^10.5.0"
-  },
-  "dependencies": {
-    "firebase-admin": "^10.0.2"
+    "ts-node": "^10.7.0"
  }
 }
--- a/packages/typebot-js/package.json
+++ b/packages/typebot-js/package.json
@ -10,20 +10,23 @@
    "test": "yarn jest"
  },
  "devDependencies": {
-    "@rollup/plugin-typescript": "^8.3.1",
-    "@types/jest": "^27.4.1",
-    "@typescript-eslint/eslint-plugin": "^5.17.0",
-    "@typescript-eslint/parser": "^5.17.0",
+    "@rollup/plugin-typescript": "^8.3.2",
+    "@types/jest": "^27.5.1",
+    "@typescript-eslint/eslint-plugin": "^5.23.0",
+    "@typescript-eslint/parser": "^5.23.0",
    "eslint": "<8.0.0",
-    "eslint-plugin-functional": "^4.2.0",
-    "eslint-plugin-jest": "^26.1.3",
+    "eslint-plugin-functional": "^4.2.1",
+    "eslint-plugin-jest": "^26.1.5",
    "eslint-plugin-prettier": "^4.0.0",
-    "jest": "^27.5.1",
-    "rollup": "^2.70.1",
+    "jest": "^28.1.0",
+    "rollup": "^2.72.1",
    "rollup-plugin-styles": "^4.0.0",
    "rollup-plugin-terser": "^7.0.2",
-    "ts-jest": "^27.1.4",
-    "ts-loader": "^9.2.8",
-    "typescript": "^4.6.3"
+    "ts-jest": "^28.0.2",
+    "ts-loader": "^9.3.0",
+    "typescript": "^4.6.4"
+  },
+  "dependencies": {
+    "jest-environment-jsdom": "^28.1.0"
  }
 }
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@ -7,18 +7,18 @@
  "module": "dist/esm/index.js",
  "types": "dist/index.d.ts",
  "devDependencies": {
-    "@rollup/plugin-commonjs": "^21.0.3",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-typescript": "^8.3.1",
-    "rollup": "^2.70.1",
-    "rollup-plugin-dts": "^4.2.0",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.2",
+    "rollup": "^2.72.1",
+    "rollup-plugin-dts": "^4.2.1",
    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "tslib": "^2.3.1",
-    "typescript": "^4.6.3"
+    "tslib": "^2.4.0",
+    "typescript": "^4.6.4"
  },
  "dependencies": {
    "models": "*",
-    "next": "^12.1.4"
+    "next": "^12.1.6"
  },
  "scripts": {
    "build": "yarn rollup -c",
--- a/packages/wordpress/package.json
+++ b/packages/wordpress/package.json
@ -6,7 +6,7 @@
  "author": "baptisteArno",
  "license": "AGPL-3.0-or-later",
  "devDependencies": {
-    "@prettier/plugin-php": "^0.18.3"
+    "@prettier/plugin-php": "^0.18.4"
  },
  "scripts": {
    "deploy": "yarn copy && yarn commit",
--- a/turbo.json
+++ b/turbo.json
@ -3,7 +3,7 @@
  "pipeline": {
    "build": {
      "dependsOn": ["^build"],
-      "outputs": [".next/**", "dist/**"]
+      "outputs": [".next/**", "dist/**", "build/**"]
    },
    "test": {
      "dependsOn": [],
--- a/yarn.lock
+++ b/yarn.lock