2
0

⬆️ Upgrade chakra version

This commit is contained in:
Baptiste Arnaud
2024-06-17 14:12:14 +02:00
parent 0f2f4d2130
commit bec9cb68ca
61 changed files with 724 additions and 1793 deletions

View File

@ -14,14 +14,14 @@
},
"dependencies": {
"@braintree/sanitize-url": "7.0.1",
"@chakra-ui/anatomy": "2.1.1",
"@chakra-ui/react": "2.7.1",
"@chakra-ui/theme-tools": "2.0.18",
"@chakra-ui/anatomy": "2.2.2",
"@chakra-ui/react": "2.8.2",
"@chakra-ui/theme-tools": "2.1.2",
"@dnd-kit/core": "6.0.8",
"@dnd-kit/sortable": "7.0.2",
"@dnd-kit/utilities": "3.2.1",
"@emotion/react": "11.11.1",
"@emotion/styled": "11.11.0",
"@emotion/react": "11.11.4",
"@emotion/styled": "11.11.5",
"@faire/mjml-react": "3.3.0",
"@giphy/js-fetch-api": "5.0.0",
"@giphy/js-types": "4.4.0",
@ -65,13 +65,13 @@
"dequal": "2.0.3",
"emojilib": "3.0.10",
"focus-visible": "5.2.0",
"framer-motion": "10.3.0",
"framer-motion": "11.1.7",
"google-auth-library": "8.9.0",
"google-spreadsheet": "4.1.1",
"immer": "10.0.2",
"isolated-vm": "4.7.2",
"jsonwebtoken": "9.0.1",
"ky": "1.2.3",
"ky": "1.2.4",
"libphonenumber-js": "1.10.37",
"micro": "10.0.1",
"micro-cors": "0.1.1",
@ -99,7 +99,7 @@
"zustand": "4.5.0"
},
"devDependencies": {
"@chakra-ui/styled-system": "2.9.1",
"@chakra-ui/styled-system": "2.9.2",
"@playwright/test": "1.43.1",
"@typebot.io/billing": "workspace:*",
"@typebot.io/forge": "workspace:*",

View File

@ -6,6 +6,7 @@ import {
PopoverContent,
Flex,
useColorModeValue,
Portal,
} from '@chakra-ui/react'
import React from 'react'
import { EmojiOrImageIcon } from './EmojiOrImageIcon'
@ -55,16 +56,19 @@ export const EditableEmojiOrImageIcon = ({
</PopoverTrigger>
</Flex>
</Tooltip>
<PopoverContent p="2">
<ImageUploadContent
uploadFileProps={uploadFileProps}
defaultUrl={icon ?? ''}
onSubmit={onChangeIcon}
excludedTabs={['giphy', 'unsplash']}
onClose={onClose}
initialTab="icon"
/>
</PopoverContent>
<Portal>
<PopoverContent p="2">
<ImageUploadContent
uploadFileProps={uploadFileProps}
defaultUrl={icon ?? ''}
onSubmit={onChangeIcon}
excludedTabs={['giphy', 'unsplash']}
onClose={onClose}
initialTab="icon"
linkWithVariableButton={false}
/>
</PopoverContent>
</Portal>
</>
)}
</Popover>

View File

@ -16,6 +16,7 @@ type Props = {
defaultUrl?: string
imageSize?: 'small' | 'regular' | 'thumb'
initialTab?: Tabs
linkWithVariableButton?: boolean
onSubmit: (url: string) => void
onClose?: () => void
} & (
@ -43,6 +44,7 @@ export const ImageUploadContent = ({
imageSize = 'regular',
onClose,
initialTab,
linkWithVariableButton,
...props
}: Props) => {
const includedTabs =
@ -128,6 +130,7 @@ export const ImageUploadContent = ({
imageSize={imageSize}
onSubmit={handleSubmit}
defaultUrl={defaultUrl}
linkWithVariableButton={linkWithVariableButton}
/>
</Stack>
)
@ -138,12 +141,14 @@ const BodyContent = ({
tab,
defaultUrl,
imageSize,
linkWithVariableButton,
onSubmit,
}: {
uploadFileProps?: FilePathUploadProps
tab: Tabs
defaultUrl?: string
imageSize: 'small' | 'regular' | 'thumb'
linkWithVariableButton?: boolean
onSubmit: (url: string) => void
}) => {
switch (tab) {
@ -157,7 +162,13 @@ const BodyContent = ({
)
}
case 'link':
return <EmbedLinkContent defaultUrl={defaultUrl} onNewUrl={onSubmit} />
return (
<EmbedLinkContent
defaultUrl={defaultUrl}
onNewUrl={onSubmit}
withVariableButton={linkWithVariableButton}
/>
)
case 'giphy':
return <GiphyContent onNewUrl={onSubmit} />
case 'emoji':
@ -194,7 +205,8 @@ const UploadFileContent = ({
const EmbedLinkContent = ({
defaultUrl,
onNewUrl,
}: ContentProps & { defaultUrl?: string }) => {
withVariableButton,
}: ContentProps & { defaultUrl?: string; withVariableButton?: boolean }) => {
const { t } = useTranslate()
return (
@ -203,6 +215,7 @@ const EmbedLinkContent = ({
placeholder={t('editor.header.linkTab.searchInputPlaceholder.label')}
onChange={onNewUrl}
defaultValue={defaultUrl ?? ''}
withVariableButton={withVariableButton}
/>
</Stack>
)

View File

@ -9,7 +9,7 @@
},
"devDependencies": {
"mintlify": "4.0.75",
"tsx": "^4.6.2",
"tsx": "4.6.2",
"dotenv-cli": "7.4.1"
}
}

View File

@ -27,7 +27,7 @@
"google-spreadsheet": "4.1.1",
"got": "12.6.0",
"isolated-vm": "4.7.2",
"ky": "1.2.3",
"ky": "1.2.4",
"next": "14.1.0",
"nextjs-cors": "2.1.2",
"nodemailer": "6.9.8",

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const AccessibilityIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const ArrowRight = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const CalculatorIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
export const CapterraIcon = (props: IconProps) => (
<Icon

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const CheckCircleIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
import { featherIconsBaseProps } from '.'

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const ChevronDownIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const ChevronRightIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const ConditionIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const DoIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const DocIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const DontIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import { featherIconsBaseProps } from './HamburgerIcon'
export const EmailIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import { featherIconsBaseProps } from './HamburgerIcon'
export const ExternalLinkIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const FolderIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const featherIconsBaseProps: IconProps = {

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const Logo = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const MapIcon = (props: IconProps) => (

View File

@ -0,0 +1,7 @@
import { Icon } from '@chakra-ui/icon'
export const NewspaperIcon = () => (
<Icon viewBox="0 0 512 512" fill="currentcolor">
<path d="M96 96c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H80c-44.2 0-80-35.8-80-80V128c0-17.7 14.3-32 32-32s32 14.3 32 32V400c0 8.8 7.2 16 16 16s16-7.2 16-16V96zm64 24v80c0 13.3 10.7 24 24 24H296c13.3 0 24-10.7 24-24V120c0-13.3-10.7-24-24-24H184c-13.3 0-24 10.7-24 24zm208-8c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16s-7.2-16-16-16H384c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16s-7.2-16-16-16H384c-8.8 0-16 7.2-16 16zM160 304c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H176c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H176c-8.8 0-16 7.2-16 16z" />
</Icon>
)

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const PeopleCircleIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const PersonAddIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
export const ProductHuntIcon = (props: IconProps) => (
<Icon

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const QuoteLeftIcon = (props: IconProps) => (

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
export const RedditIcon = (props: IconProps) => (
<Icon

View File

@ -1,4 +1,4 @@
import Icon, { IconProps } from '@chakra-ui/icon'
import { Icon, IconProps } from '@chakra-ui/icon'
import React from 'react'
export const ShareIcon = (props: IconProps) => (

View File

@ -1,6 +1,6 @@
import { GitHubIcon } from 'assets/icons'
import { DocIcon } from 'assets/icons/DocIcon'
import { MapIcon } from 'assets/icons/MapIcon'
import { NewspaperIcon } from 'assets/icons/NewspaperIcon'
import { PeopleCircleIcon } from 'assets/icons/PeopleCircleIcon'
import * as React from 'react'
@ -22,11 +22,11 @@ export const links = [
icon: <DocIcon />,
},
{
label: 'Roadmap',
label: 'Blog',
description:
"Follow the development and make suggestions for which features you'd like to see",
href: 'https://feedback.typebot.io/roadmap',
icon: <MapIcon />,
'Read the latest news and updates about Typebot and the chatbots ecosystem',
href: '/blog',
icon: <NewspaperIcon />,
},
{
label: 'Community',

View File

@ -11,11 +11,11 @@
"analyze": "cross-env ANALYZE=true next build"
},
"dependencies": {
"@chakra-ui/icon": "3.0.15",
"@chakra-ui/icon": "3.2.0",
"@chakra-ui/next-js": "2.2.0",
"@chakra-ui/react": "2.7.1",
"@emotion/react": "11.11.1",
"@emotion/styled": "11.11.0",
"@chakra-ui/react": "2.8.2",
"@emotion/react": "11.11.4",
"@emotion/styled": "11.11.5",
"@typebot.io/billing": "workspace:*",
"@typebot.io/lib": "workspace:*",
"@typebot.io/nextjs": "workspace:*",
@ -23,7 +23,7 @@
"@typebot.io/schemas": "workspace:*",
"aos": "2.3.4",
"focus-visible": "5.2.0",
"framer-motion": "10.12.20",
"framer-motion": "11.1.7",
"next": "14.1.0",
"next-mdx-remote": "4.4.1",
"react": "18.2.0",
@ -33,7 +33,7 @@
},
"devDependencies": {
"@babel/core": "7.22.9",
"@chakra-ui/styled-system": "2.9.1",
"@chakra-ui/styled-system": "2.9.2",
"@tailwindcss/typography": "0.5.12",
"@typebot.io/env": "workspace:*",
"@typebot.io/tsconfig": "workspace:*",

View File

@ -26,7 +26,7 @@
"date-fns-tz": "2.0.0",
"google-auth-library": "8.9.0",
"google-spreadsheet": "4.1.1",
"ky": "1.2.3",
"ky": "1.2.4",
"libphonenumber-js": "1.10.37",
"node-html-parser": "6.1.5",
"nodemailer": "6.9.8",

View File

@ -11,9 +11,9 @@
},
"dependencies": {
"@stripe/react-stripe-js": "1.16.4",
"@stripe/stripe-js": "1.46.0",
"@stripe/stripe-js": "1.54.1",
"prop-types": "15.8.1",
"qs": "6.11.0",
"qs": "6.11.2",
"react-phone-number-input": "3.2.16",
"react-scroll": "1.8.9",
"react-transition-group": "4.4.5",
@ -26,17 +26,17 @@
"@types/react-phone-number-input": "3.0.14",
"@types/react-scroll": "1.8.6",
"@types/react-transition-group": "4.4.5",
"autoprefixer": "10.4.13",
"autoprefixer": "10.4.14",
"@typebot.io/prisma": "workspace:*",
"esbuild": "0.17.5",
"esbuild": "0.19.5",
"eslint": "8.44.0",
"eslint-config-custom": "workspace:*",
"@typebot.io/schemas": "workspace:*",
"postcss": "8.4.21",
"prettier": "2.8.3",
"postcss": "8.4.26",
"prettier": "2.8.8",
"react": "18.2.0",
"react-dom": "18.2.0",
"tailwindcss": "3.2.4",
"tailwindcss": "3.3.3",
"@typebot.io/tsconfig": "workspace:*",
"tsup": "6.5.0",
"typebot-js": "workspace:*",

View File

@ -16,7 +16,7 @@
"eslint-config-custom": "workspace:*",
"jest": "29.4.1",
"jest-environment-jsdom": "29.4.1",
"prettier": "2.8.3",
"prettier": "2.8.8",
"ts-jest": "29.0.5",
"typescript": "5.4.5",
"@typebot.io/tsconfig": "workspace:*"

View File

@ -23,7 +23,7 @@
"http-server": "14.1.1",
"nodemailer": "6.9.8",
"react": "18.2.0",
"tsx": "3.12.7",
"tsx": "4.6.2",
"@typebot.io/lib": "workspace:*",
"eslint": "8.44.0",
"eslint-config-custom": "workspace:*",

View File

@ -16,7 +16,7 @@
"@stripe/stripe-js": "1.54.1",
"@udecode/plate-common": "30.4.5",
"dompurify": "3.0.6",
"ky": "1.1.3",
"ky": "1.2.4",
"marked": "9.0.3",
"solid-element": "1.7.1",
"solid-js": "1.7.8"

View File

@ -34,7 +34,7 @@
"rollup": "3.26.2",
"rollup-plugin-typescript-paths": "1.4.0",
"tslib": "2.6.0",
"tsx": "3.12.7",
"tsx": "4.6.2",
"typescript": "5.4.5",
"@rollup/plugin-typescript": "11.1.2"
},

View File

@ -38,7 +38,7 @@
"rollup": "3.26.2",
"rollup-plugin-typescript-paths": "1.4.0",
"tslib": "2.6.0",
"tsx": "3.12.7",
"tsx": "4.6.2",
"typescript": "5.4.5",
"@rollup/plugin-typescript": "11.1.2"
},

View File

@ -11,7 +11,7 @@
},
"devDependencies": {
"@typebot.io/tsconfig": "workspace:*",
"@types/node": "20.4.9",
"@types/node": "20.4.2",
"esbuild": "0.19.5"
},
"scripts": {

View File

@ -10,13 +10,13 @@
"@typebot.io/forge": "workspace:*",
"@typebot.io/lib": "workspace:*",
"@typebot.io/tsconfig": "workspace:*",
"@types/node": "^20.14.2",
"@types/node": "20.4.2",
"@types/react": "18.2.15",
"typescript": "5.4.5"
},
"dependencies": {
"@anthropic-ai/sdk": "0.20.6",
"ai": "3.1.12",
"ky": "1.2.3"
"ky": "1.2.4"
}
}

View File

@ -11,6 +11,6 @@
"@typebot.io/tsconfig": "workspace:*",
"@types/react": "18.2.15",
"typescript": "5.4.5",
"ky": "1.2.3"
"ky": "1.2.4"
}
}

View File

@ -10,7 +10,7 @@
"@typebot.io/lib": "workspace:*",
"@typebot.io/tsconfig": "workspace:*",
"@types/react": "18.2.15",
"ky": "1.2.3",
"ky": "1.2.4",
"typescript": "5.4.5"
},
"dependencies": {

View File

@ -13,7 +13,7 @@
"typescript": "5.4.5"
},
"dependencies": {
"ky": "1.2.3",
"ky": "1.2.4",
"@typebot.io/lib": "workspace:*"
}
}

View File

@ -10,9 +10,9 @@
"@typebot.io/lib": "workspace:*",
"@typebot.io/tsconfig": "workspace:*",
"@types/react": "18.2.15",
"typescript": "5.3.2"
"typescript": "5.4.5"
},
"dependencies": {
"ky": "1.2.3"
"ky": "1.2.4"
}
}

View File

@ -12,6 +12,6 @@
"typescript": "5.4.5",
"@typebot.io/lib": "workspace:*",
"@typebot.io/openai-block": "workspace:*",
"ky": "1.2.3"
"ky": "1.2.4"
}
}

View File

@ -17,6 +17,6 @@
"typescript": "5.4.5",
"@typebot.io/lib": "workspace:*",
"@typebot.io/variables": "workspace:*",
"ky": "1.2.3"
"ky": "1.2.4"
}
}

View File

@ -11,6 +11,6 @@
"@types/react": "18.2.15",
"typescript": "5.4.5",
"@typebot.io/lib": "workspace:*",
"ky": "1.2.3"
"ky": "1.2.4"
}
}

View File

@ -13,7 +13,7 @@
"@clack/prompts": "^0.7.0",
"@typebot.io/tsconfig": "workspace:*",
"@types/node": "20.4.2",
"tsx": "^4.6.1",
"prettier": "3.0.0"
"tsx": "4.6.2",
"prettier": "2.8.8"
}
}

View File

@ -7,7 +7,7 @@
"types": "./index.ts",
"devDependencies": {
"@paralleldrive/cuid2": "2.2.1",
"@playwright/test": "1.36.0",
"@playwright/test": "1.43.1",
"@typebot.io/env": "workspace:*",
"@typebot.io/prisma": "workspace:*",
"@typebot.io/tsconfig": "workspace:*",
@ -38,7 +38,7 @@
"@udecode/plate-paragraph": "30.5.3",
"escape-html": "1.0.3",
"google-auth-library": "8.9.0",
"ky": "1.2.3",
"ky": "1.2.4",
"minio": "7.1.3",
"posthog-node": "3.1.1",
"remark-parse": "11.0.0",

View File

@ -7,7 +7,7 @@
"author": "Baptiste Arnaud",
"license": "AGPL-3.0-or-later",
"dependencies": {
"@playwright/test": "^1.42.1",
"@playwright/test": "1.43.1",
"@typebot.io/lib": "workspace:*",
"@typebot.io/prisma": "workspace:*",
"@typebot.io/schemas": "workspace:*"

View File

@ -22,7 +22,7 @@
"dotenv-cli": "7.4.1",
"prisma": "5.12.1",
"@typebot.io/tsconfig": "workspace:*",
"tsx": "3.12.7",
"tsx": "4.6.2",
"typescript": "5.4.5"
}
}

View File

@ -42,10 +42,10 @@
"@types/papaparse": "5.3.7",
"@types/prompts": "2.4.4",
"deep-object-diff": "1.1.9",
"ky": "1.2.3",
"ky": "1.2.4",
"prompts": "2.4.2",
"stripe": "12.13.0",
"tsx": "3.12.7",
"tsx": "4.6.2",
"typescript": "5.4.5",
"zod": "3.22.4"
},

View File

@ -8,7 +8,7 @@
"license": "AGPL-3.0-or-later",
"dependencies": {
"@typebot.io/schemas": "workspace:*",
"ky": "1.2.3",
"ky": "1.2.4",
"posthog-node": "3.1.1",
"@typebot.io/env": "workspace:*"
},

2253
pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff