From 3ad15e19c256927aac082e3b101726fb64964503 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sun, 16 Nov 2025 18:13:26 +0000
Subject: [PATCH] feat: Add reset button to payment settings

Adds a "Reset" button to the payment settings page. When clicked, a confirmation dialog is shown. If the user confirms, the payment settings form is cleared. The user must then click "Save" to persist the changes.
---
 apps/web/components/admin/settings/index.tsx | 37 +++++++++++++++++++-
 apps/web/next-env.d.ts                       |  2 +-
 2 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/admin/settings/index.tsx b/apps/web/components/admin/settings/index.tsx
index d0487214c..57c770376 100644
--- a/apps/web/components/admin/settings/index.tsx
+++ b/apps/web/components/admin/settings/index.tsx
@@ -622,6 +622,27 @@ const Settings = (props: SettingsProps) => {
         }
     };
 
+    const handleResetPaymentSettings = () => {
+        setNewSettings({
+            ...newSettings,
+            currencyISOCode: "",
+            paymentMethod: PAYMENT_METHOD_NONE,
+            stripeKey: "",
+            stripeSecret: "",
+            paypalSecret: "",
+            paytmSecret: "",
+            razorpayKey: "",
+            razorpaySecret: "",
+            razorpayWebhookSecret: "",
+            lemonsqueezyKey: "",
+            lemonsqueezyStoreId: "",
+            lemonsqueezyWebhookSecret: "",
+            lemonsqueezyOneTimeVariantId: "",
+            lemonsqueezySubscriptionMonthlyVariantId: "",
+            lemonsqueezySubscriptionYearlyVariantId: "",
+        });
+    };
+
     const getPaymentSettings = (getNewSettings = false) => ({
         currencyISOCode: getNewSettings
             ? newSettings.currencyISOCode
@@ -765,7 +786,7 @@ const Settings = (props: SettingsProps) => {
                             </div>
                         </div>
 
-                        <div>
+                        <div className="flex gap-2">
                             <Button
                                 type="submit"
                                 value={BUTTON_SAVE}
@@ -789,6 +810,20 @@ const Settings = (props: SettingsProps) => {
                             >
                                 {BUTTON_SAVE}
                             </Button>
+                            <Dialog2
+                                title="Reset Payment Settings"
+                                trigger={<Button variant="soft">Reset</Button>}
+                                okButton={
+                                    <Button
+                                        onClick={handleResetPaymentSettings}
+                                    >
+                                        Reset
+                                    </Button>
+                                }
+                            >
+                                Are you sure you want to reset your payment
+                                settings?
+                            </Dialog2>
                         </div>
                     </Form>
 
diff --git a/apps/web/next-env.d.ts b/apps/web/next-env.d.ts
index 9edff1c7c..830fb594c 100644
--- a/apps/web/next-env.d.ts
+++ b/apps/web/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.