🛂 Disable direct support for Free users

Closes #1318

apps/builder/src/components/SupportBubble.tsx

@@ -4,6 +4,7 @@ import { useWorkspace } from '@/features/workspace/WorkspaceProvider'
 import React, { useEffect, useState } from 'react'
 import { Bubble, BubbleProps } from '@typebot.io/nextjs'
 import { planToReadable } from '@/features/billing/helpers/planToReadable'
+import { Plan } from '@typebot.io/prisma'
 
 export const SupportBubble = (props: Omit<BubbleProps, 'typebot'>) => {
   const { typebot } = useTypebot()
@@ -18,6 +19,8 @@ export const SupportBubble = (props: Omit<BubbleProps, 'typebot'>) => {
     setLastViewedTypebotId(typebot?.id)
   }, [lastViewedTypebotId, typebot?.id])
 
+  if (workspace?.plan && workspace.plan !== Plan.FREE) return null
+
   return (
     <Bubble
       typebot="typebot-support"

apps/builder/src/features/billing/components/StarterPlanPricingCard.tsx

@@ -88,6 +88,7 @@ export const StarterPlanPricingCard = ({
             t('billing.pricingCard.starter.brandingRemoved'),
             t('billing.pricingCard.starter.fileUploadBlock'),
             t('billing.pricingCard.starter.createFolders'),
+            'Direct priority support',
           ]}
         />
       </Stack>

apps/builder/src/features/editor/components/EditorPage.tsx

@@ -16,6 +16,7 @@ import { GraphDndProvider } from '@/features/graph/providers/GraphDndProvider'
 import { GraphProvider } from '@/features/graph/providers/GraphProvider'
 import { EventsCoordinatesProvider } from '@/features/graph/providers/EventsCoordinateProvider'
 import { TypebotNotFoundPage } from './TypebotNotFoundPage'
+import { SuspectedTypebotBanner } from './SuspectedTypebotBanner'
 
 export const EditorPage = () => {
   const { typebot, currentUserMode, is404 } = useTypebot()
@@ -31,6 +32,9 @@ export const EditorPage = () => {
       <Seo title={typebot?.name ? `${typebot.name} | Editor` : 'Editor'} />
       <Flex overflow="clip" h="100vh" flexDir="column" id="editor-container">
         <GettingStartedModal />
+        {typebot?.riskLevel === 100 && (
+          <SuspectedTypebotBanner typebotId={typebot.id} />
+        )}
         <TypebotHeader />
         <Flex
           flex="1"

apps/builder/src/features/editor/components/SuspectedTypebotBanner.tsx

@@ -0,0 +1,40 @@
+import { TextLink } from '@/components/TextLink'
+import { useUser } from '@/features/account/hooks/useUser'
+import { HStack, Text } from '@chakra-ui/react'
+
+type Props = {
+  typebotId: string
+}
+export const SuspectedTypebotBanner = ({ typebotId }: Props) => {
+  const { user } = useUser()
+
+  if (!user?.email) return null
+
+  return (
+    <HStack
+      bgColor="red.500"
+      w="full"
+      zIndex={1000}
+      color="white"
+      justifyContent="center"
+      fontSize="sm"
+      textAlign="center"
+      py="2"
+    >
+      <Text fontWeight="bold">
+        Our anti-scam system flagged your typebot. It is currently being
+        reviewed manually.
+        <br />
+        If you think that&apos;s a mistake,{' '}
+        <TextLink
+          href={`https://typebot.co/claim-non-scam?Email=${encodeURIComponent(
+            user.email
+          )}&typebotId=${typebotId}`}
+        >
+          contact us
+        </TextLink>
+        .
+      </Text>
+    </HStack>
+  )
+}

apps/builder/src/features/editor/components/TypebotHeader.tsx

@@ -33,6 +33,8 @@ import { isCloudProdInstance } from '@/helpers/isCloudProdInstance'
 import { useTranslate } from '@tolgee/react'
 import { GuestTypebotHeader } from './UnauthenticatedTypebotHeader'
 import { useKeyboardShortcuts } from '@/hooks/useKeyboardShortcuts'
+import { useWorkspace } from '@/features/workspace/WorkspaceProvider'
+import { Plan } from '@typebot.io/prisma'
 
 export const TypebotHeader = () => {
   const { t } = useTranslate()
@@ -49,6 +51,7 @@ export const TypebotHeader = () => {
     isSavingLoading,
     currentUserMode,
   } = useTypebot()
+  const { workspace } = useWorkspace()
   const {
     setRightPanel,
     rightPanel,
@@ -99,9 +102,9 @@ export const TypebotHeader = () => {
   })
 
   const handleHelpClick = () => {
-    isCloudProdInstance()
+    isCloudProdInstance() && workspace?.plan && workspace.plan !== Plan.FREE
       ? onOpen()
-      : window.open('https://docs.typebot.io', '_blank')
+      : window.open('https://docs.typebot.io/guides/how-to-get-help', '_blank')
   }
 
   if (currentUserMode === 'guest') return <GuestTypebotHeader />

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

@@ -31,7 +31,6 @@ import { parseDefaultPublicId } from '../helpers/parseDefaultPublicId'
 import { InputBlockType } from '@typebot.io/schemas/features/blocks/inputs/constants'
 import { ConfirmModal } from '@/components/ConfirmModal'
 import { TextLink } from '@/components/TextLink'
-import { useUser } from '@/features/account/hooks/useUser'
 import { useTimeSince } from '@/hooks/useTimeSince'
 
 type Props = ButtonProps & {
@@ -45,7 +44,6 @@ export const PublishButton = ({
   const { workspace } = useWorkspace()
   const { push, query, pathname } = useRouter()
   const { isOpen, onOpen, onClose } = useDisclosure()
-  const { logOut } = useUser()
   const {
     isOpen: isNewEngineWarningOpen,
     onOpen: onNewEngineWarningOpen,
@@ -79,7 +77,6 @@ export const PublishButton = ({
           title: t('publish.error.label'),
           description: error.message,
         })
-        if (error.data?.httpStatus === 403) logOut()
       },
       onSuccess: () => {
         refetchPublishedTypebot({