From dc474ecd2439934a4e09cc02083c530acfca6429 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kevin=20Gr=C3=BCneberg?= <k.grueneberg1994@gmail.com>
Date: Thu, 19 Sep 2024 01:38:11 +0800
Subject: [PATCH] chore: Advanced MFA WebAuthn

---
 .../BillingSettings/Subscription/DowngradeModal.tsx |  4 ++--
 packages/shared-data/pricing.ts                     | 13 +++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/DowngradeModal.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/DowngradeModal.tsx
index e817d9075f9..dba38a8b961 100644
--- a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/DowngradeModal.tsx
+++ b/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) => {
diff --git a/packages/shared-data/pricing.ts b/packages/shared-data/pricing.ts
index 69c9d80d0f5..7e2619c4116 100644
--- a/packages/shared-data/pricing.ts
+++ b/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: {