B2B-88: add starter kit structure and elements

app/join/page.tsx

@@ -0,0 +1,155 @@
+import Link from 'next/link';
+import { notFound, redirect } from 'next/navigation';
+
+import { ArrowLeft } from 'lucide-react';
+
+import { AuthLayoutShell } from '@kit/auth/shared';
+import { requireUser } from '@kit/supabase/require-user';
+import { getSupabaseServerAdminClient } from '@kit/supabase/server-admin-client';
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createTeamAccountsApi } from '@kit/team-accounts/api';
+import { AcceptInvitationContainer } from '@kit/team-accounts/components';
+import { Button } from '@kit/ui/button';
+import { Heading } from '@kit/ui/heading';
+import { Trans } from '@kit/ui/trans';
+
+import { AppLogo } from '~/components/app-logo';
+import pathsConfig from '~/config/paths.config';
+import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
+import { withI18n } from '~/lib/i18n/with-i18n';
+
+interface JoinTeamAccountPageProps {
+  searchParams: Promise<{
+    invite_token?: string;
+    email?: string;
+  }>;
+}
+
+export const generateMetadata = async () => {
+  const i18n = await createI18nServerInstance();
+
+  return {
+    title: i18n.t('teams:joinTeamAccount'),
+  };
+};
+
+async function JoinTeamAccountPage(props: JoinTeamAccountPageProps) {
+  const searchParams = await props.searchParams;
+  const token = searchParams.invite_token;
+
+  // no token, redirect to 404
+  if (!token) {
+    notFound();
+  }
+
+  const client = getSupabaseServerClient();
+  const auth = await requireUser(client);
+
+  // if the user is not logged in or there is an error
+  // redirect to the sign up page with the invite token
+  // so that they will get back to this page after signing up
+  if (auth.error ?? !auth.data) {
+    const urlParams = new URLSearchParams({
+      invite_token: token,
+      email: searchParams.email ?? '',
+    });
+
+    const signUpPath = `${pathsConfig.auth.signUp}?${urlParams.toString()}`;
+
+    // redirect to the sign up page with the invite token
+    redirect(signUpPath);
+  }
+
+  // get api to interact with team accounts
+  const adminClient = getSupabaseServerAdminClient();
+  const api = createTeamAccountsApi(client);
+
+  // the user is logged in, we can now check if the token is valid
+  const invitation = await api.getInvitation(adminClient, token);
+
+  // the invitation is not found or expired
+  if (!invitation) {
+    return (
+      <AuthLayoutShell Logo={AppLogo}>
+        <InviteNotFoundOrExpired />
+      </AuthLayoutShell>
+    );
+  }
+
+  // we need to verify the user isn't already in the account
+  // we do so by checking if the user can read the account
+  // if the user can read the account, then they are already in the account
+  const { data: isAlreadyTeamMember } = await client.rpc(
+    'is_account_team_member',
+    {
+      target_account_id: invitation.account.id,
+    },
+  );
+
+  // if the user is already in the account redirect to the home page
+  if (isAlreadyTeamMember) {
+    const { getLogger } = await import('@kit/shared/logger');
+    const logger = await getLogger();
+
+    logger.warn(
+      {
+        name: 'join-team-account',
+        accountId: invitation.account.id,
+        userId: auth.data.id,
+      },
+      'User is already in the account. Redirecting to account page.',
+    );
+
+    // if the user is already in the account redirect to the home page
+    redirect(pathsConfig.app.home);
+  }
+
+  // if the user decides to sign in with a different account
+  // we redirect them to the sign in page with the invite token
+  const signOutNext = `${pathsConfig.auth.signIn}?invite_token=${token}`;
+
+  // once the user accepts the invitation, we redirect them to the account home page
+  const accountHome = pathsConfig.app.accountHome.replace(
+    '[account]',
+    invitation.account.slug,
+  );
+
+  const email = auth.data.email ?? '';
+
+  return (
+    <AuthLayoutShell Logo={AppLogo}>
+      <AcceptInvitationContainer
+        email={email}
+        inviteToken={token}
+        invitation={invitation}
+        paths={{
+          signOutNext,
+          accountHome,
+        }}
+      />
+    </AuthLayoutShell>
+  );
+}
+
+export default withI18n(JoinTeamAccountPage);
+
+function InviteNotFoundOrExpired() {
+  return (
+    <div className={'flex flex-col space-y-4'}>
+      <Heading level={6}>
+        <Trans i18nKey={'teams:inviteNotFoundOrExpired'} />
+      </Heading>
+
+      <p className={'text-muted-foreground text-sm'}>
+        <Trans i18nKey={'teams:inviteNotFoundOrExpiredDescription'} />
+      </p>
+
+      <Button asChild className={'w-full'} variant={'outline'}>
+        <Link href={pathsConfig.app.home}>
+          <ArrowLeft className={'mr-2 w-4'} />
+          <Trans i18nKey={'teams:backToHome'} />
+        </Link>
+      </Button>
+    </div>
+  );
+}