Remove admin functionality related code

The admin functionality related code has been removed which includes various user and organization functionalities like delete, update, ban etc. This includes action logic, UI components and supportive utility functions. Notable deletions include the server action files, dialog components for actions like banning and deleting, and related utility functions. This massive cleanup is aimed at simplifying the codebase and the commit reflects adherence to project restructuring.

apps/web/app/(dashboard)/home/[account]/billing/_components/billing-portal-form.tsx

@@ -0,0 +1,39 @@
+import { Button } from '@kit/ui/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@kit/ui/card';
+
+import { createBillingPortalSession } from '../server-actions';
+
+export function BillingPortalForm(props: { accountId: string }) {
+  return (
+    <div className={'mx-auto w-full max-w-2xl'}>
+      <Card>
+        <CardHeader>
+          <CardTitle>Manage your Team Plan</CardTitle>
+
+          <CardDescription>
+            You can change your plan at any time.
+          </CardDescription>
+        </CardHeader>
+
+        <CardContent>
+          <form action={createBillingPortalSession}>
+            <input type={'hidden'} name={'accountId'} value={props.accountId} />
+
+            <Button>Manage your Billing Settings</Button>
+
+            <span>
+              Visit the billing portal to manage your subscription (update
+              payment method, cancel subscription, etc.)
+            </span>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

apps/web/app/(dashboard)/home/[account]/billing/_components/team-account-checkout-form.tsx

@@ -0,0 +1,64 @@
+'use client';
+
+import { useState, useTransition } from 'react';
+
+import { EmbeddedCheckout, PlanPicker } from '@kit/billing-gateway/components';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@kit/ui/card';
+
+import billingConfig from '~/config/billing.config';
+
+import { createTeamAccountCheckoutSession } from '../server-actions';
+
+export function TeamAccountCheckoutForm(params: { accountId: string }) {
+  const [pending, startTransition] = useTransition();
+  const [checkoutToken, setCheckoutToken] = useState<string | null>(null);
+
+  // If the checkout token is set, render the embedded checkout component
+  if (checkoutToken) {
+    return (
+      <EmbeddedCheckout
+        checkoutToken={checkoutToken}
+        provider={billingConfig.provider}
+      />
+    );
+  }
+
+  // Otherwise, render the plan picker component
+  return (
+    <div className={'mx-auto w-full max-w-2xl'}>
+      <Card>
+        <CardHeader>
+          <CardTitle>Manage your Team Plan</CardTitle>
+
+          <CardDescription>
+            You can change your plan at any time.
+          </CardDescription>
+        </CardHeader>
+
+        <CardContent>
+          <PlanPicker
+            pending={pending}
+            config={billingConfig}
+            onSubmit={({ planId }) => {
+              startTransition(async () => {
+                const { checkoutToken } =
+                  await createTeamAccountCheckoutSession({
+                    planId,
+                    accountId: params.accountId,
+                  });
+
+                setCheckoutToken(checkoutToken);
+              });
+            }}
+          />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

apps/web/app/(dashboard)/home/[account]/billing/page.tsx

@@ -1,9 +1,25 @@
+import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
+import { If } from '@kit/ui/if';
 import { PageBody, PageHeader } from '@kit/ui/page';
 import { Trans } from '@kit/ui/trans';
 
+import { loadOrganizationWorkspace } from '~/(dashboard)/home/[account]/_lib/load-workspace';
+import { BillingPortalForm } from '~/(dashboard)/home/[account]/billing/_components/billing-portal-form';
 import { withI18n } from '~/lib/i18n/with-i18n';
 
-function OrganizationAccountBillingPage() {
+import { TeamAccountCheckoutForm } from './_components/team-account-checkout-form';
+
+interface Params {
+  params: {
+    account: string;
+  };
+}
+
+async function OrganizationAccountBillingPage({ params }: Params) {
+  const workspace = await loadOrganizationWorkspace(params.account);
+  const accountId = workspace.account.id;
+  const customerId = await loadCustomerIdFromAccount(accountId);
+
   return (
     <>
       <PageHeader
@@ -11,9 +27,31 @@ function OrganizationAccountBillingPage() {
         description={<Trans i18nKey={'common:billingTabDescription'} />}
       />
 
-      <PageBody></PageBody>
+      <PageBody>
+        <TeamAccountCheckoutForm accountId={accountId} />
+
+        <If condition={customerId}>
+          <BillingPortalForm accountId={accountId} />
+        </If>
+      </PageBody>
     </>
   );
 }
 
 export default withI18n(OrganizationAccountBillingPage);
+
+async function loadCustomerIdFromAccount(accountId: string) {
+  const client = getSupabaseServerComponentClient();
+
+  const { data, error } = await client
+    .from('billing_customers')
+    .select('customer_id')
+    .eq('account_id', accountId)
+    .maybeSingle();
+
+  if (error) {
+    throw error;
+  }
+
+  return data?.customer_id;
+}

apps/web/app/(dashboard)/home/[account]/billing/return/page.tsx

@@ -0,0 +1,84 @@
+import dynamic from 'next/dynamic';
+import { notFound } from 'next/navigation';
+
+import { getBillingGatewayProvider } from '@kit/billing-gateway';
+import { BillingSessionStatus } from '@kit/billing-gateway/components';
+import { requireAuth } from '@kit/supabase/require-auth';
+import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
+
+import billingConfig from '~/config/billing.config';
+import pathsConfig from '~/config/paths.config';
+import { withI18n } from '~/lib/i18n/with-i18n';
+
+interface SessionPageProps {
+  searchParams: {
+    session_id: string;
+  };
+}
+
+const LazyEmbeddedCheckout = dynamic(async () => {
+  const { EmbeddedCheckout } = await import('@kit/billing-gateway/components');
+
+  return EmbeddedCheckout;
+});
+
+async function ReturnStripeSessionPage({ searchParams }: SessionPageProps) {
+  const { customerEmail, checkoutToken } = await loadCheckoutSession(
+    searchParams.session_id,
+  );
+
+  if (checkoutToken) {
+    return (
+      <LazyEmbeddedCheckout
+        checkoutToken={checkoutToken}
+        provider={billingConfig.provider}
+      />
+    );
+  }
+
+  return (
+    <>
+      <div className={'fixed left-0 top-48 z-50 mx-auto w-full'}>
+        <BillingSessionStatus
+          customerEmail={customerEmail ?? ''}
+          redirectPath={pathsConfig.app.home}
+        />
+      </div>
+
+      <div
+        className={
+          'fixed left-0 top-0 w-full bg-background/30 backdrop-blur-sm' +
+          ' !m-0 h-full'
+        }
+      />
+    </>
+  );
+}
+
+export default withI18n(ReturnStripeSessionPage);
+
+export async function loadCheckoutSession(sessionId: string) {
+  const client = getSupabaseServerComponentClient();
+
+  await requireAuth(client);
+
+  const gateway = await getBillingGatewayProvider(client);
+
+  const session = await gateway.retrieveCheckoutSession({
+    sessionId,
+  });
+
+  if (!session) {
+    notFound();
+  }
+
+  const checkoutToken = session.isSessionOpen ? session.checkoutToken : null;
+
+  // otherwise - we show the user the return page
+  // and display the details of the session
+  return {
+    status: session.status,
+    customerEmail: session.customer.email,
+    checkoutToken,
+  };
+}

apps/web/app/(dashboard)/home/[account]/billing/server-actions.ts

@@ -0,0 +1,179 @@
+'use server';
+
+import { headers } from 'next/headers';
+import { redirect } from 'next/navigation';
+
+import { z } from 'zod';
+
+import { getProductPlanPairFromId } from '@kit/billing';
+import { getBillingGatewayProvider } from '@kit/billing-gateway';
+import { requireAuth } from '@kit/supabase/require-auth';
+import { getSupabaseServerActionClient } from '@kit/supabase/server-actions-client';
+
+import billingConfig from '~/config/billing.config';
+import pathsConfig from '~/config/paths.config';
+
+/**
+ * Creates a checkout session for a team account.
+ *
+ * @param {object} params - The parameters for creating the checkout session.
+ * @param {string} params.planId - The ID of the plan to be associated with the account.
+ */
+export async function createTeamAccountCheckoutSession(params: {
+  planId: string;
+  accountId: string;
+}) {
+  const client = getSupabaseServerActionClient();
+
+  // we parse the plan ID from the parameters
+  // no need in continuing if the plan ID is not valid
+  const planId = z.string().min(1).parse(params.planId);
+
+  // we require the user to be authenticated
+  const { data: session } = await requireAuth(client);
+
+  if (!session) {
+    throw new Error('Authentication required');
+  }
+
+  const userId = session.user.id;
+  const accountId = params.accountId;
+
+  const hasPermission = await getPermissionsForAccountId(userId, accountId);
+
+  // if the user does not have permission to manage billing for the account
+  // then we should not proceed
+  if (!hasPermission) {
+    throw new Error('Permission denied');
+  }
+
+  // here we have confirmed that the user has permission to manage billing for the account
+  // so we go on and create a checkout session
+  const service = await getBillingGatewayProvider(client);
+  const productPlanPairFromId = getProductPlanPairFromId(billingConfig, planId);
+
+  if (!productPlanPairFromId) {
+    throw new Error('Product not found');
+  }
+
+  // the return URL for the checkout session
+  const returnUrl = getCheckoutSessionReturnUrl();
+
+  // find the customer ID for the account if it exists
+  // (eg. if the account has been billed before)
+  const customerId = await getCustomerIdFromAccountId(client, accountId);
+  const customerEmail = session.user.email;
+
+  // retrieve the product and plan from the billing configuration
+  const { product, plan } = productPlanPairFromId;
+
+  // call the payment gateway to create the checkout session
+  const { checkoutToken } = await service.createCheckoutSession({
+    accountId,
+    returnUrl,
+    planId,
+    customerEmail,
+    customerId,
+    paymentType: product.paymentType,
+    trialPeriodDays: plan.trialPeriodDays,
+  });
+
+  // return the checkout token to the client
+  // so we can call the payment gateway to complete the checkout
+  return {
+    checkoutToken,
+  };
+}
+
+export async function createBillingPortalSession(data: FormData) {
+  const client = getSupabaseServerActionClient();
+
+  const accountId = z
+    .object({
+      accountId: z.string().min(1),
+    })
+    .parse(Object.fromEntries(data)).accountId;
+
+  const { data: session, error } = await requireAuth(client);
+
+  if (error ?? !session) {
+    throw new Error('Authentication required');
+  }
+
+  const userId = session.user.id;
+
+  // we require the user to have permissions to manage billing for the account
+  const hasPermission = await getPermissionsForAccountId(userId, accountId);
+
+  // if the user does not have permission to manage billing for the account
+  // then we should not proceed
+  if (!hasPermission) {
+    throw new Error('Permission denied');
+  }
+
+  const service = await getBillingGatewayProvider(client);
+  const customerId = await getCustomerIdFromAccountId(client, accountId);
+  const returnUrl = getBillingPortalReturnUrl();
+
+  if (!customerId) {
+    throw new Error('Customer not found');
+  }
+
+  const { url } = await service.createBillingPortalSession({
+    customerId,
+    returnUrl,
+  });
+
+  // redirect the user to the billing portal
+  return redirect(url);
+}
+
+function getCheckoutSessionReturnUrl() {
+  const origin = headers().get('origin')!;
+
+  return new URL(pathsConfig.app.accountBillingReturn, origin).toString();
+}
+
+function getBillingPortalReturnUrl() {
+  const origin = headers().get('origin')!;
+
+  return new URL(pathsConfig.app.accountBilling, origin).toString();
+}
+
+/**
+ * Retrieves the permissions for a user on an account for managing billing.
+ * @param userId
+ * @param accountId
+ */
+async function getPermissionsForAccountId(userId: string, accountId: string) {
+  const client = getSupabaseServerActionClient();
+
+  const { data, error } = await client.rpc('has_permission', {
+    account_id: accountId,
+    user_id: userId,
+    permission_name: 'billing.manage',
+  });
+
+  if (error) {
+    throw error;
+  }
+
+  return data;
+}
+
+async function getCustomerIdFromAccountId(
+  client: ReturnType<typeof getSupabaseServerActionClient>,
+  accountId: string,
+) {
+  const { data, error } = await client
+    .from('billing_customers')
+    .select('customer_id')
+    .eq('account_id', accountId)
+    .maybeSingle();
+
+  if (error) {
+    throw error;
+  }
+
+  return data?.customer_id;
+}