✨ (billing) Implement custom plan

apps/builder/components/shared/ChangePlanForm/ChangePlanForm.tsx

@@ -1,5 +1,4 @@
 import { Stack, HStack, Text } from '@chakra-ui/react'
-import { StripeClimateLogo } from 'assets/logos/StripeClimateLogo'
 import { NextChakraLink } from 'components/nextChakra/NextChakraLink'
 import { useUser } from 'contexts/UserContext'
 import { useWorkspace } from 'contexts/WorkspaceContext'
@@ -65,20 +64,6 @@ export const ChangePlanForm = () => {
 
   return (
     <Stack spacing={6}>
-      <HStack maxW="500px">
-        <StripeClimateLogo />
-        <Text fontSize="xs" color="gray.500">
-          Typebot is contributing 1% of your subscription to remove CO₂ from the
-          atmosphere.{' '}
-          <NextChakraLink
-            href="https://climate.stripe.com/5VCRAq"
-            isExternal
-            textDecor="underline"
-          >
-            More info.
-          </NextChakraLink>
-        </Text>
-      </HStack>
       <HStack alignItems="stretch" spacing="4" w="full">
         <StarterPlanContent
           initialChatsLimitIndex={

apps/builder/components/shared/PlanTag.tsx

@@ -7,9 +7,13 @@ export const planColorSchemes: Record<Plan, ThemeTypings['colorSchemes']> = {
   [Plan.OFFERED]: 'orange',
   [Plan.STARTER]: 'orange',
   [Plan.FREE]: 'gray',
+  [Plan.CUSTOM]: 'yellow',
 }
 
-export const PlanTag = ({ plan, ...props }: { plan?: Plan } & TagProps) => {
+export const PlanTag = ({
+  plan,
+  ...props
+}: { plan: Plan } & TagProps): JSX.Element => {
   switch (plan) {
     case Plan.LIFETIME: {
       return (
@@ -45,7 +49,7 @@ export const PlanTag = ({ plan, ...props }: { plan?: Plan } & TagProps) => {
         </Tag>
       )
     }
-    default: {
+    case Plan.FREE: {
       return (
         <Tag
           colorScheme={planColorSchemes[Plan.FREE]}
@@ -56,5 +60,16 @@ export const PlanTag = ({ plan, ...props }: { plan?: Plan } & TagProps) => {
         </Tag>
       )
     }
+    case Plan.CUSTOM: {
+      return (
+        <Tag
+          colorScheme={planColorSchemes[Plan.CUSTOM]}
+          data-testid="free-plan-tag"
+          {...props}
+        >
+          Custom
+        </Tag>
+      )
+    }
   }
 }