Country limitation while signup is removed

libs/client/features/src/onboarding/steps/CountryWaitlist.tsx

@@ -1,62 +0,0 @@
-import Link from 'next/link'
-import { useUserApi } from '@maybe-finance/client/shared'
-import { Button } from '@maybe-finance/design-system'
-import toast from 'react-hot-toast'
-import { signOut } from 'next-auth/react'
-
-export function CountryWaitlist({ country }: { country?: string }) {
-    const { useDelete } = useUserApi()
-
-    const deleteUser = useDelete({
-        onSuccess() {
-            toast.success(`Account deleted`)
-            setTimeout(() => signOut(), 500)
-        },
-        onError() {
-            toast.error(`Error deleting account`)
-        },
-    })
-
-    return (
-        <div className="w-full max-w-md mx-auto">
-            <h3 className="text-center">
-                Unfortunately we're only accepting users from the US for now
-            </h3>
-            <div className="mt-4 space-y-4 text-base text-gray-50">
-                <p>We hate doing this, but for now we’re only accepting users from the US. Why?</p>
-                <p>
-                    Well besides not being able to automatically connect to your institution, our
-                    financial advisors wouldn’t be able to give you relevant localized advice and
-                    would likely breach some regulations.
-                </p>
-                <p>
-                    That being said, we do plan on expanding Maybe to other countries soon. So we’ll
-                    let you know via email once we launch Maybe in {country || 'your country'}.
-                </p>
-            </div>
-            <Link href="https://maybe.co" passHref>
-                <Button as="a" fullWidth className="mt-8">
-                    Got it
-                </Button>
-            </Link>
-            <Button
-                variant="warn"
-                fullWidth
-                className="mt-4"
-                disabled={deleteUser.isLoading}
-                onClick={() => {
-                    if (
-                        // eslint-disable-next-line
-                        confirm(
-                            'Are you sure you want to delete your account? This cannot be undone.'
-                        )
-                    ) {
-                        deleteUser.mutate({})
-                    }
-                }}
-            >
-                {deleteUser.isLoading ? 'Deleting account...' : 'Delete my account'}
-            </Button>
-        </div>
-    )
-}

libs/client/features/src/onboarding/steps/Profile.tsx

@@ -29,7 +29,6 @@ import type { StepProps } from './StepProps'
 import { Switch } from '@headlessui/react'
 import { BrowserUtil, useUserApi } from '@maybe-finance/client/shared'
 import type { Household, MaybeGoal } from '@prisma/client'
-import { CountryWaitlist } from './CountryWaitlist'
 import { DateUtil, Geo } from '@maybe-finance/shared'
 
 type FormValues = {
@@ -108,7 +107,6 @@ function ProfileForm({ title, onSubmit, defaultValues }: ProfileViewProps) {
     })
 
     const country = watch('country')
-    const [showCountryWaitlist, setShowCountryWaitlist] = useState(false)
 
     useEffect(() => {
         trigger()
@@ -116,9 +114,7 @@ function ProfileForm({ title, onSubmit, defaultValues }: ProfileViewProps) {
 
     const { errors } = useFormState({ control })
 
-    return showCountryWaitlist ? (
-        <CountryWaitlist country={Geo.countries.find((c) => c.code === country)?.name} />
-    ) : (
+    return (
         <div className="w-full max-w-md mx-auto">
             <h3 className="text-center">{title}</h3>
             <p className="mt-4 text-base text-gray-50">
@@ -216,13 +212,7 @@ function ProfileForm({ title, onSubmit, defaultValues }: ProfileViewProps) {
                     label="Where are you based?"
                     onClick={() => setCurrentQuestion('residence')}
                     back={() => setCurrentQuestion('household')}
-                    next={() => {
-                        if (country === 'US') {
-                            setCurrentQuestion('goals')
-                        } else {
-                            setShowCountryWaitlist(true)
-                        }
-                    }}
+                    next={() => setCurrentQuestion('goals')}
                 >
                     <div className="space-y-2">
                         <Controller