feat(dashboard): 💅 Show when the bot is published

apps/builder/components/dashboard/FolderContent/TypebotButton.tsx

@@ -129,7 +129,7 @@ export const TypebotButton = ({
           color="white"
         >
           {typebot.publishedTypebotId ? (
-            <GlobeIcon fill="white" fontSize="20px" />
+            <GlobeIcon fontSize="20px" />
           ) : (
             <ToolIcon fill="white" fontSize="20px" />
           )}

apps/builder/contexts/TypebotContext/TypebotContext.tsx

@@ -20,7 +20,7 @@ import {
   parseDefaultPublicId,
   updateTypebot,
 } from 'services/typebots'
-import { fetcher, omit, preventUserFromRefreshing } from 'services/utils'
+import { fetcher, preventUserFromRefreshing } from 'services/utils'
 import useSWR from 'swr'
 import { isDefined } from 'utils'
 import { BlocksActions, blocksActions } from './actions/blocks'
@@ -31,6 +31,7 @@ import { useRegisterActions } from 'kbar'
 import useUndo from 'services/utils/useUndo'
 import { useDebounce } from 'use-debounce'
 import { itemsAction, ItemsActions } from './actions/items'
+import { generate } from 'short-uuid'
 const autoSaveTimeout = 40000
 
 type UpdateTypebotPayload = Partial<{
@@ -38,6 +39,7 @@ type UpdateTypebotPayload = Partial<{
   settings: Settings
   publicId: string
   name: string
+  publishedTypebotId: string
 }>
 
 export type SetTypebot = (typebot: Typebot | undefined) => void
@@ -213,13 +215,14 @@ export const TypebotContext = ({
 
   const publishTypebot = async () => {
     if (!localTypebot) return
+    const publishedTypebotId = generate()
     const newLocalTypebot = { ...localTypebot }
     if (!localPublishedTypebot) {
       const newPublicId = parseDefaultPublicId(
         localTypebot.name,
         localTypebot.id
       )
-      updateLocalTypebot({ publicId: newPublicId })
+      updateLocalTypebot({ publicId: newPublicId, publishedTypebotId })
       newLocalTypebot.publicId = newPublicId
     }
     if (hasUnsavedChanges || !localPublishedTypebot) await saveTypebot()
@@ -230,9 +233,10 @@ export const TypebotContext = ({
       })
     } else {
       setIsPublishing(true)
-      const { data, error } = await createPublishedTypebot(
+      const { data, error } = await createPublishedTypebot({
-        omit(parseTypebotToPublicTypebot(newLocalTypebot), 'id')
+        ...parseTypebotToPublicTypebot(newLocalTypebot),
-      )
+        id: publishedTypebotId,
+      })
       setLocalPublishedTypebot(data)
       setIsPublishing(false)
       if (error) return toast({ title: error.name, description: error.message })

apps/builder/services/publicTypebot.tsx

@@ -1,11 +1,4 @@
-import {
+import { Block, PublicBlock, PublicStep, PublicTypebot, Typebot } from 'models'
-  Block,
-  InputStep,
-  PublicBlock,
-  PublicStep,
-  PublicTypebot,
-  Typebot,
-} from 'models'
 import shortId from 'short-uuid'
 import { HStack, Text } from '@chakra-ui/react'
 import { CalendarIcon } from 'assets/icons'
@@ -38,9 +31,7 @@ const parseBlocksToPublicBlocks = (blocks: Block[]): PublicBlock[] =>
     ),
   }))
 
-export const createPublishedTypebot = async (
+export const createPublishedTypebot = async (typebot: PublicTypebot) =>
-  typebot: Omit<PublicTypebot, 'id'>
-) =>
   sendRequest<PublicTypebot>({
     url: `/api/publicTypebots`,
     method: 'POST',