🚸 Loosen file import parsing strictness

apps/builder/src/features/preview/components/PreviewDrawer.tsx

@@ -4,7 +4,6 @@ import {
   Fade,
   Flex,
   HStack,
-  useColorMode,
   useColorModeValue,
   VStack,
 } from '@chakra-ui/react'
@@ -20,7 +19,6 @@ import { useDrag } from '@use-gesture/react'
 import { ResizeHandle } from './ResizeHandle'
 
 export const PreviewDrawer = () => {
-  const isDark = useColorMode().colorMode === 'dark'
   const { save, isSavingLoading } = useTypebot()
   const { setRightPanel } = useEditor()
   const { setPreviewingBlock } = useGraph()
@@ -69,7 +67,6 @@ export const PreviewDrawer = () => {
       <Fade in={isResizeHandleVisible}>
         <ResizeHandle
           {...useResizeHandleDrag()}
-          isDark={isDark}
           pos="absolute"
           left="-7.5px"
           top={`calc(50% - ${headerHeight}px)`}

apps/builder/src/features/preview/components/ResizeHandle.tsx

@@ -1,6 +1,6 @@
 import { FlexProps, Flex, useColorModeValue, Box } from '@chakra-ui/react'
 
-export const ResizeHandle = (props: { isDark: boolean } & FlexProps) => {
+export const ResizeHandle = (props: FlexProps) => {
   return (
     <Flex
       w="15px"

apps/builder/src/features/publish/components/PublishButton.tsx

@@ -63,8 +63,10 @@ export const PublishButton = (props: ButtonProps) => {
           description: error.message,
         }),
       onSuccess: () => {
+        refetchPublishedTypebot({
+          typebotId: typebot?.id as string,
+        })
         if (!publishedTypebot) push(`/typebots/${query.typebotId}/share`)
-        refetchPublishedTypebot()
       },
     })
 
@@ -76,7 +78,6 @@ export const PublishButton = (props: ButtonProps) => {
           description: error.message,
         }),
       onSuccess: () => {
-        if (!publishedTypebot) push(`/typebots/${query.typebotId}/share`)
         refetchPublishedTypebot()
       },
     })

apps/builder/src/features/templates/components/ImportTypebotFromFileButton.tsx

@@ -1,7 +1,7 @@
 import { parseInvalidTypebot } from '@/features/typebot/helpers/parseInvalidTypebot'
 import { useToast } from '@/hooks/useToast'
 import { Button, ButtonProps, chakra } from '@chakra-ui/react'
-import { Typebot, typebotSchema } from '@typebot.io/schemas'
+import { Typebot, typebotCreateSchema } from '@typebot.io/schemas'
 import React, { ChangeEvent } from 'react'
 
 type Props = {
@@ -19,12 +19,9 @@ export const ImportTypebotFromFileButton = ({
     const file = e.target.files[0]
     const fileContent = await readFile(file)
     try {
-      const typebot = typebotSchema
+      const typebot = typebotCreateSchema.parse(
-        .omit({
+        parseInvalidTypebot(JSON.parse(fileContent))
-          createdAt: true,
+      )
-          updatedAt: true,
-        })
-        .parse(parseInvalidTypebot(JSON.parse(fileContent)))
       onNewTypebot(typebot as Typebot)
     } catch (err) {
       console.error(err)

apps/builder/src/features/typebot/api/createTypebot.ts

@@ -5,6 +5,7 @@ import { Plan, WorkspaceRole } from '@typebot.io/prisma'
 import {
   defaultSettings,
   defaultTheme,
+  typebotCreateSchema,
   typebotSchema,
 } from '@typebot.io/schemas'
 import { z } from 'zod'
@@ -31,22 +32,7 @@ export const createTypebot = authenticatedProcedure
   .input(
     z.object({
       workspaceId: z.string(),
-      typebot: typebotSchema
+      typebot: typebotCreateSchema,
-        .pick({
-          name: true,
-          icon: true,
-          selectedThemeTemplateId: true,
-          groups: true,
-          theme: true,
-          settings: true,
-          folderId: true,
-          variables: true,
-          edges: true,
-          resultsTablePreferences: true,
-          publicId: true,
-          customDomain: true,
-        })
-        .partial(),
     })
   )
   .output(

apps/builder/src/features/typebot/api/updateTypebot.ts

@@ -1,7 +1,7 @@
 import prisma from '@/lib/prisma'
 import { authenticatedProcedure } from '@/helpers/server/trpc'
 import { TRPCError } from '@trpc/server'
-import { typebotSchema } from '@typebot.io/schemas'
+import { typebotCreateSchema, typebotSchema } from '@typebot.io/schemas'
 import { z } from 'zod'
 import {
   isCustomDomainNotAvailable,
@@ -25,23 +25,13 @@ export const updateTypebot = authenticatedProcedure
   .input(
     z.object({
       typebotId: z.string(),
-      typebot: typebotSchema
+      typebot: typebotCreateSchema.merge(
+        typebotSchema
           .pick({
-          name: true,
-          icon: true,
-          selectedThemeTemplateId: true,
-          groups: true,
-          theme: true,
-          settings: true,
-          folderId: true,
-          variables: true,
-          edges: true,
             isClosed: true,
-          resultsTablePreferences: true,
-          publicId: true,
-          customDomain: true,
           })
-        .partial(),
+          .partial()
+      ),
       updatedAt: z
         .date()
         .optional()

packages/schemas/features/typebot/typebot.ts

@@ -71,6 +71,23 @@ export const typebotSchema = z.object({
   isClosed: z.boolean(),
 }) satisfies z.ZodType<TypebotPrisma>
 
+export const typebotCreateSchema = typebotSchema
+  .pick({
+    name: true,
+    icon: true,
+    selectedThemeTemplateId: true,
+    groups: true,
+    theme: true,
+    settings: true,
+    folderId: true,
+    variables: true,
+    edges: true,
+    resultsTablePreferences: true,
+    publicId: true,
+    customDomain: true,
+  })
+  .partial()
+
 export type Typebot = z.infer<typeof typebotSchema>
 export type Target = z.infer<typeof targetSchema>
 export type Source = z.infer<typeof sourceSchema>