chore: Advanced MFA WebAuthn

apps/studio/components/interfaces/Organization/BillingSettings/Subscription/DowngradeModal.tsx

@@ -19,10 +19,10 @@ const ProjectDowngradeListItem = ({ projectAddon }: { projectAddon: ProjectAddon
   /**
    * We do not include Log Drains and Advanced MFA Phone for the following reasons:
    * 1. These addons are not removed automatically. Instead, users have to remove the respective configuration themselves
-   * 2. It's not obvious to users that Log Drains and MFA Phone are addons
+   * 2. It's not obvious to users that Log Drains and Advanced MFA Phone/WebAuthn are addons
    */
   const relevantAddonsToList = projectAddon.addons.filter(
-    (addon) => !['log_drain', 'auth_mfa_phone'].includes(addon.type)
+    (addon) => !['log_drain', 'auth_mfa_phone', 'auth_mfa_web_authn'].includes(addon.type)
   )
 
   const addonNames = relevantAddonsToList.map((addon) => {

packages/shared-data/pricing.ts

@@ -255,6 +255,19 @@ export const pricing: Pricing = {
         },
         usage_based: false,
       },
+      {
+        title: 'Advanced Multi-Factor Auth - WebAuthn',
+        plans: {
+          free: false,
+          pro: ['$75 per month for first project', 'then $10 per month per additional projects'],
+          team: ['$75 per month for first project', 'then $10 per month per additional projects'],
+          enterprise: 'Custom',
+        },
+        tooltips: {
+          main: 'Multi-factor authentication (MFA), sometimes called two-factor authentication (2FA), using WebAuthn.',
+        },
+        usage_based: false,
+      },
       {
         title: 'Third-Party MAUs',
         plans: {