From 558b529caf1950bd4386ada59e2d15fe9e19f6f2 Mon Sep 17 00:00:00 2001
From: Eric Mc Sween <5454374+emcsween@users.noreply.github.com>
Date: Fri, 22 Nov 2024 08:09:49 -0500
Subject: [PATCH] Merge pull request #22030 from
 overleaf/em-subscription-change-pay-now-button

Implement the Pay Now button for upgrades to premium from the AI add-on

GitOrigin-RevId: 06e00662b877308c64ce5feaa5ce8f80f8f1b552
---
 .../components/preview-subscription-change/root.tsx       | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/js/features/subscription/components/preview-subscription-change/root.tsx b/services/web/frontend/js/features/subscription/components/preview-subscription-change/root.tsx
index 28eb5be9e5..7b7ae32935 100644
--- a/services/web/frontend/js/features/subscription/components/preview-subscription-change/root.tsx
+++ b/services/web/frontend/js/features/subscription/components/preview-subscription-change/root.tsx
@@ -10,6 +10,7 @@ import { useLocation } from '@/shared/hooks/use-location'
 import { debugConsole } from '@/utils/debugging'
 import { postJSON } from '@/infrastructure/fetch-json'
 import Notification from '@/shared/components/notification'
+import { subscriptionUpdateUrl } from '@/features/subscription/data/subscription-url'
 
 function PreviewSubscriptionChange() {
   const preview = getMeta('ol-subscriptionChangePreview')
@@ -166,10 +167,15 @@ function PreviewSubscriptionChange() {
 async function payNow(preview: SubscriptionChangePreview) {
   if (preview.change.type === 'add-on-purchase') {
     await postJSON(`/user/subscription/addon/${preview.change.addOn.code}/add`)
+  } else if (preview.change.type === 'premium-subscription') {
+    await postJSON(subscriptionUpdateUrl, {
+      body: { plan_code: preview.change.plan.code },
+    })
   } else {
     throw new Error(
-      `Unknown subscription change preview type: ${preview.change.type}`
+      `Unknown subscription change preview type: ${preview.change}`
     )
   }
 }
+
 export default PreviewSubscriptionChange