🦴 Add viewer backbone

apps/builder/components/board/preview/PreviewDrawer.tsx

@@ -14,7 +14,7 @@ import { useEditor } from 'contexts/EditorContext'
 import { useGraph } from 'contexts/GraphContext'
 import { useTypebot } from 'contexts/TypebotContext'
 import React, { useMemo, useState } from 'react'
-import { parseTypebotToPublicTypebot } from 'services/typebots'
+import { parseTypebotToPublicTypebot } from 'services/publicTypebot'
 
 export const PreviewDrawer = () => {
   const { typebot } = useTypebot()

apps/builder/components/shared/buttons/PublishButton.tsx

@@ -1,9 +1,18 @@
 import { Button } from '@chakra-ui/react'
+import { useTypebot } from 'contexts/TypebotContext'
 
 export const PublishButton = () => {
+  const { isPublishing, isPublished, publishTypebot } = useTypebot()
+
   return (
-    <Button ml={2} colorScheme={'blue'}>
-      Publish
+    <Button
+      ml={2}
+      colorScheme="blue"
+      isLoading={isPublishing}
+      isDisabled={isPublished}
+      onClick={publishTypebot}
+    >
+      {isPublished ? 'Published' : 'Publish'}
     </Button>
   )
 }

apps/builder/components/theme/ThemeContent.tsx

@@ -2,7 +2,7 @@ import { Flex } from '@chakra-ui/react'
 import { TypebotViewer } from 'bot-engine'
 import { useTypebot } from 'contexts/TypebotContext'
 import React, { useMemo } from 'react'
-import { parseTypebotToPublicTypebot } from 'services/typebots'
+import { parseTypebotToPublicTypebot } from 'services/publicTypebot'
 import { SideMenu } from './SideMenu'
 
 export const ThemeContent = () => {