From 876421c64b615fb3aee9039a6e97cd723bbd2144 Mon Sep 17 00:00:00 2001
From: "Joe Ph (via MelvinBot)" <infra+melvinbot@expensify.com>
Date: Fri, 24 Jul 2026 14:41:35 +0000
Subject: [PATCH] Allow merchant rules import button to stay active offline

Co-authored-by: Joe Ph <gijoe0295@users.noreply.github.com>
---
 src/components/ImportSpreadsheetColumns.tsx                 | 6 +++++-
 .../rules/MerchantRules/ImportedMerchantRulesPage.tsx       | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ImportSpreadsheetColumns.tsx b/src/components/ImportSpreadsheetColumns.tsx
index 0fdfcf060f28..ba9741751f0e 100644
--- a/src/components/ImportSpreadsheetColumns.tsx
+++ b/src/components/ImportSpreadsheetColumns.tsx
@@ -51,6 +51,9 @@ type ImportSpreadsheetColumnsProps = {
     shouldShowDropdownMenu?: boolean;
 
     customHeaderText?: string;
+
+    // An optional boolean indicating whether the import button should be disabled while offline. Defaults to true.
+    shouldDisableButtonWhenOffline?: boolean;
 };
 
 function ImportSpreadsheetColumns({
@@ -64,6 +67,7 @@ function ImportSpreadsheetColumns({
     shouldShowColumnHeader = true,
     shouldShowDropdownMenu = true,
     customHeaderText,
+    shouldDisableButtonWhenOffline = true,
 }: ImportSpreadsheetColumnsProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
@@ -124,7 +128,7 @@ function ImportSpreadsheetColumns({
                         text={translate('common.import')}
                         onPress={importFunction}
                         isLoading={isButtonLoading}
-                        isDisabled={isOffline}
+                        isDisabled={shouldDisableButtonWhenOffline && isOffline}
                         pressOnEnter
                         success
                         large
diff --git a/src/pages/workspace/rules/MerchantRules/ImportedMerchantRulesPage.tsx b/src/pages/workspace/rules/MerchantRules/ImportedMerchantRulesPage.tsx
index f56888c04806..5832be305d75 100644
--- a/src/pages/workspace/rules/MerchantRules/ImportedMerchantRulesPage.tsx
+++ b/src/pages/workspace/rules/MerchantRules/ImportedMerchantRulesPage.tsx
@@ -339,6 +339,7 @@ function ImportedMerchantRulesPage({route}: ImportedMerchantRulesPageProps) {
                     columnRoles={columnRoles}
                     isButtonLoading={isImportingRules}
                     customHeaderText={translate('workspace.rules.merchantRules.importRulesSupportingText')}
+                    shouldDisableButtonWhenOffline={false}
                 />
             </ScreenWrapper>
         </AccessOrNotFoundWrapper>