🛂 Disable direct support for Free users

Closes #1318
baptisteArno · Mar 4, 2024 · 6d8a007 · 6d8a007
1 parent daaca9f
commit 6d8a007
Show file tree

Hide file tree

Showing 11 changed files with 98 additions and 5 deletions.
diff --git a/apps/builder/src/components/SupportBubble.tsx b/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"

diff --git a/apps/builder/src/features/billing/components/StarterPlanPricingCard.tsx b/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>

diff --git a/apps/builder/src/features/editor/components/EditorPage.tsx b/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"

diff --git a/apps/builder/src/features/editor/components/SuspectedTypebotBanner.tsx b/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>
+  )
+}
diff --git a/apps/builder/src/features/editor/components/TypebotHeader.tsx b/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 />

diff --git a/apps/builder/src/features/publish/components/PublishButton.tsx b/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({

diff --git a/apps/docs/guides/how-to-get-help.mdx b/apps/docs/guides/how-to-get-help.mdx
@@ -0,0 +1,20 @@
+---
+title: How to get help?
+---
+
+Here is what you should do if you have an issue or even a question (this list is ordered by chronological time-to-resolution):
+
+1. Read this documentation. I do my best to keep it up to date and to cover all the possible issues and questions. Use the search bar to find what you are looking for.
+2. You can ask for help or report your bug in the [Discord community](https://typebot.io/discord). Specifically in the `#help-and-questions` channel. I try to answer all the questions there daily. There is also a good chance that someone else has already asked the same question and you can find the answer there using the search bar.
+3. Users subscribed to the `Starter` or `Pro` plan can directly reach out to me through the chat widget in the bottom right corner of the app.
+
+<Note>
+  I'm working on a AI-powered typebot that will be able to answer most of the
+  questions. It's not ready yet but it's coming soon.
+</Note>
+
+## If this is urgent
+
+An urgent request is something that is causing a major issue for you or your business in relation to Typebot in production.
+
+If that is the case, report it [here](https://typebot.co/urgent-support).
diff --git a/apps/docs/mint.json b/apps/docs/mint.json
@@ -193,6 +193,7 @@
     {
       "group": "Guides",
       "pages": [
+        "guides/how-to-get-help",
         "guides/mailer-lite",
         "guides/multi-avatars",
         "guides/rtl",

diff --git a/apps/landing-page/components/PricingPage/FreePlanCard.tsx b/apps/landing-page/components/PricingPage/FreePlanCard.tsx
@@ -32,6 +32,7 @@ export const FreePlanCard = () => (
         'Native integrations',
         'Webhooks',
         'Custom Javascript & CSS',
+        'Community support & Docs',
       ],
     }}
     button={

diff --git a/apps/landing-page/components/PricingPage/PlanComparisonTables.tsx b/apps/landing-page/components/PricingPage/PlanComparisonTables.tsx
@@ -312,6 +312,28 @@ export const PlanComparisonTables = ({ onChatsTiersClick }: Props) => (
           </Tr>
         </Thead>
         <Tbody>
+          <Tr>
+            <Td>Community support</Td>
+            <Td>
+              <CheckIcon />
+            </Td>
+            <Td>
+              <CheckIcon />
+            </Td>
+            <Td>
+              <CheckIcon />
+            </Td>
+          </Tr>
+          <Tr>
+            <Td>Direct support channel</Td>
+            <Td />
+            <Td>
+              <CheckIcon />
+            </Td>
+            <Td>
+              <CheckIcon />
+            </Td>
+          </Tr>
           <Tr>
             <Td>Priority support</Td>
             <Td />

diff --git a/apps/landing-page/components/PricingPage/StarterPlanCard.tsx b/apps/landing-page/components/PricingPage/StarterPlanCard.tsx
@@ -41,6 +41,7 @@ export const StarterPlanCard = () => {
           'Branding removed',
           'Collect files from users',
           'Create folders',
+          'Direct priority support',
         ],
       }}
       borderWidth="1px"