From 6e3febc452ffebb2b40450803560018d7ceb4fd9 Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Tue, 29 Jul 2025 05:16:24 +0530
Subject: [PATCH 1/8] fix: Payment card authentication issues.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 .../settings/Subscription/CardSection/CardSection.tsx      | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/settings/Subscription/CardSection/CardSection.tsx b/src/pages/settings/Subscription/CardSection/CardSection.tsx
index cd2e3a3cf4f0..e4ae0ed42710 100644
--- a/src/pages/settings/Subscription/CardSection/CardSection.tsx
+++ b/src/pages/settings/Subscription/CardSection/CardSection.tsx
@@ -17,6 +17,7 @@ import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {requestRefund as requestRefundByUser} from '@libs/actions/User';
 import DateUtils from '@libs/DateUtils';
+import getPlatform from '@libs/getPlatform';
 import Navigation from '@libs/Navigation/Navigation';
 import {getPaymentMethodDescription} from '@libs/PaymentUtils';
 import {buildQueryStringFromFilterFormValues} from '@libs/SearchQueryUtils';
@@ -58,6 +59,8 @@ function CardSection() {
     const {isOffline} = useNetwork();
     const defaultCard = useMemo(() => Object.values(fundList ?? {}).find((card) => card.accountData?.additionalData?.isBillingCard), [fundList]);
     const cardMonth = useMemo(() => DateUtils.getMonthNames()[(defaultCard?.accountData?.cardMonth ?? 1) - 1], [defaultCard?.accountData?.cardMonth]);
+    const platform = getPlatform();
+    const isNative = platform === CONST.PLATFORM.ANDROID || platform === CONST.PLATFORM.IOS;
 
     const requestRefund = useCallback(() => {
         requestRefundByUser();
@@ -174,7 +177,7 @@ function CardSection() {
                 </View>
 
                 <View style={styles.mb3}>{isEmptyObject(defaultCard?.accountData) && <CardSectionDataEmpty />}</View>
-                {billingStatus?.isRetryAvailable !== undefined && (
+                {billingStatus?.isRetryAvailable !== undefined && !isNative && (
                     <Button
                         text={translate('subscription.cardSection.retryPaymentButton')}
                         isDisabled={isOffline || !billingStatus?.isRetryAvailable}
@@ -184,7 +187,7 @@ function CardSection() {
                         large
                     />
                 )}
-                {hasCardAuthenticatedError() && (
+                {hasCardAuthenticatedError() && !isNative && (
                     <Button
                         text={translate('subscription.cardSection.authenticatePayment')}
                         isDisabled={isOffline || !billingStatus?.isAuthenticationRequired}

From 737a0951c6d02cc438c9f3d97a1c1f0f0816e5cd Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Thu, 31 Jul 2025 14:45:10 +0530
Subject: [PATCH 2/8] add unit tests for CardSectionTest.tsx.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 tests/unit/CardSectionTest.tsx | 58 ++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 tests/unit/CardSectionTest.tsx

diff --git a/tests/unit/CardSectionTest.tsx b/tests/unit/CardSectionTest.tsx
new file mode 100644
index 000000000000..b73494d4dc5d
--- /dev/null
+++ b/tests/unit/CardSectionTest.tsx
@@ -0,0 +1,58 @@
+import {render, screen} from '@testing-library/react-native';
+import Onyx from 'react-native-onyx';
+import * as GetPlatformModule from '@libs/getPlatform';
+// eslint-disable-next-line no-restricted-syntax
+import * as SubscriptionUtils from '@libs/SubscriptionUtils';
+import CardSection from '@pages/settings/Subscription/CardSection/CardSection';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import CardSectionUtils from '@src/pages/settings/Subscription/CardSection/utils';
+import waitForBatchedUpdates from '../utils/waitForBatchedUpdates';
+
+jest.mock('@libs/getPlatform');
+jest.mock('@hooks/useLocalize', () =>
+    jest.fn(() => ({
+        translate: jest.fn((key: string) => key),
+    })),
+);
+
+describe('CardSectionTest', () => {
+    beforeAll(() => {
+        Onyx.init({
+            keys: ONYXKEYS,
+        });
+    });
+    beforeEach(() => {
+        return Onyx.clear().then(waitForBatchedUpdates);
+    });
+
+    test('shows retry payment and authenticate button when retry is available and platform is web', async () => {
+        jest.spyOn(GetPlatformModule, 'default').mockReturnValue(CONST.PLATFORM.WEB);
+        jest.spyOn(CardSectionUtils, 'getBillingStatus').mockReturnValue({
+            title: 'subscription.billingBanner.policyOwnerAmountOwed.title',
+            subtitle: 'subscription.billingBanner.policyOwnerAmountOwed.subtitle',
+            isError: true,
+            isRetryAvailable: true,
+        });
+        jest.spyOn(SubscriptionUtils, 'hasCardAuthenticatedError').mockReturnValue(true);
+
+        render(<CardSection />);
+        expect(await screen.findByText('subscription.cardSection.retryPaymentButton')).toBeTruthy();
+        expect(await screen.findByText('subscription.cardSection.authenticatePayment')).toBeTruthy();
+    });
+
+    test('hides retry payment and authenticate button on native platforms', () => {
+        jest.spyOn(GetPlatformModule, 'default').mockReturnValue(CONST.PLATFORM.ANDROID);
+        jest.spyOn(CardSectionUtils, 'getBillingStatus').mockReturnValue({
+            title: 'subscription.billingBanner.policyOwnerAmountOwed.title',
+            subtitle: 'subscription.billingBanner.policyOwnerAmountOwed.subtitle',
+            isError: true,
+            isRetryAvailable: true,
+        });
+        jest.spyOn(SubscriptionUtils, 'hasCardAuthenticatedError').mockReturnValue(true);
+
+        render(<CardSection />);
+        expect(screen.queryByText('subscription.cardSection.retryPaymentButton')).toBeNull();
+        expect(screen.queryByText('subscription.cardSection.authenticatePayment')).toBeNull();
+    });
+});

From ed5a196b604f96c33a04cf689862d5a2359164de Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Thu, 31 Jul 2025 14:52:26 +0530
Subject: [PATCH 3/8] fix ESLint.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 tests/unit/CardSectionTest.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tests/unit/CardSectionTest.tsx b/tests/unit/CardSectionTest.tsx
index b73494d4dc5d..12aac5376893 100644
--- a/tests/unit/CardSectionTest.tsx
+++ b/tests/unit/CardSectionTest.tsx
@@ -1,5 +1,6 @@
 import {render, screen} from '@testing-library/react-native';
 import Onyx from 'react-native-onyx';
+// eslint-disable-next-line no-restricted-syntax
 import * as GetPlatformModule from '@libs/getPlatform';
 // eslint-disable-next-line no-restricted-syntax
 import * as SubscriptionUtils from '@libs/SubscriptionUtils';

From d6cd4b48ffd8ea9df2cbf35456d5749eda721683 Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Mon, 4 Aug 2025 20:32:09 +0530
Subject: [PATCH 4/8] create separate files for platform-specific logic.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 .../shouldShowSubscriptionPaymentOption/index.native.ts   | 5 +++++
 src/libs/shouldShowSubscriptionPaymentOption/index.ts     | 5 +++++
 src/libs/shouldShowSubscriptionPaymentOption/types.ts     | 3 +++
 .../settings/Subscription/CardSection/CardSection.tsx     | 8 +++-----
 4 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 src/libs/shouldShowSubscriptionPaymentOption/index.native.ts
 create mode 100644 src/libs/shouldShowSubscriptionPaymentOption/index.ts
 create mode 100644 src/libs/shouldShowSubscriptionPaymentOption/types.ts

diff --git a/src/libs/shouldShowSubscriptionPaymentOption/index.native.ts b/src/libs/shouldShowSubscriptionPaymentOption/index.native.ts
new file mode 100644
index 000000000000..615ff8993b57
--- /dev/null
+++ b/src/libs/shouldShowSubscriptionPaymentOption/index.native.ts
@@ -0,0 +1,5 @@
+import type ShouldShowSubscriptionPaymentOption from './types';
+
+const shouldShowSubscriptionPaymentOption: ShouldShowSubscriptionPaymentOption = () => false;
+
+export default shouldShowSubscriptionPaymentOption;
diff --git a/src/libs/shouldShowSubscriptionPaymentOption/index.ts b/src/libs/shouldShowSubscriptionPaymentOption/index.ts
new file mode 100644
index 000000000000..391b40949191
--- /dev/null
+++ b/src/libs/shouldShowSubscriptionPaymentOption/index.ts
@@ -0,0 +1,5 @@
+import type ShouldShowSubscriptionPaymentOption from './types';
+
+const shouldShowPaymentSubscriptionOption: ShouldShowSubscriptionPaymentOption = () => true;
+
+export default shouldShowPaymentSubscriptionOption;
diff --git a/src/libs/shouldShowSubscriptionPaymentOption/types.ts b/src/libs/shouldShowSubscriptionPaymentOption/types.ts
new file mode 100644
index 000000000000..b94d16cd65c6
--- /dev/null
+++ b/src/libs/shouldShowSubscriptionPaymentOption/types.ts
@@ -0,0 +1,3 @@
+type ShouldShowSubscriptionPaymentOption = () => boolean;
+
+export default ShouldShowSubscriptionPaymentOption;
diff --git a/src/pages/settings/Subscription/CardSection/CardSection.tsx b/src/pages/settings/Subscription/CardSection/CardSection.tsx
index e4ae0ed42710..351bfe667dce 100644
--- a/src/pages/settings/Subscription/CardSection/CardSection.tsx
+++ b/src/pages/settings/Subscription/CardSection/CardSection.tsx
@@ -17,10 +17,10 @@ import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {requestRefund as requestRefundByUser} from '@libs/actions/User';
 import DateUtils from '@libs/DateUtils';
-import getPlatform from '@libs/getPlatform';
 import Navigation from '@libs/Navigation/Navigation';
 import {getPaymentMethodDescription} from '@libs/PaymentUtils';
 import {buildQueryStringFromFilterFormValues} from '@libs/SearchQueryUtils';
+import shouldShowSubscriptionPaymentOption from '@libs/shouldShowSubscriptionPaymentOption/index.native';
 import {hasCardAuthenticatedError, hasUserFreeTrialEnded, isUserOnFreeTrial, shouldShowDiscountBanner, shouldShowPreTrialBillingBanner} from '@libs/SubscriptionUtils';
 import {verifySetupIntent} from '@userActions/PaymentMethods';
 import {clearOutstandingBalance} from '@userActions/Subscription';
@@ -59,8 +59,6 @@ function CardSection() {
     const {isOffline} = useNetwork();
     const defaultCard = useMemo(() => Object.values(fundList ?? {}).find((card) => card.accountData?.additionalData?.isBillingCard), [fundList]);
     const cardMonth = useMemo(() => DateUtils.getMonthNames()[(defaultCard?.accountData?.cardMonth ?? 1) - 1], [defaultCard?.accountData?.cardMonth]);
-    const platform = getPlatform();
-    const isNative = platform === CONST.PLATFORM.ANDROID || platform === CONST.PLATFORM.IOS;
 
     const requestRefund = useCallback(() => {
         requestRefundByUser();
@@ -177,7 +175,7 @@ function CardSection() {
                 </View>
 
                 <View style={styles.mb3}>{isEmptyObject(defaultCard?.accountData) && <CardSectionDataEmpty />}</View>
-                {billingStatus?.isRetryAvailable !== undefined && !isNative && (
+                {billingStatus?.isRetryAvailable !== undefined && shouldShowSubscriptionPaymentOption() && (
                     <Button
                         text={translate('subscription.cardSection.retryPaymentButton')}
                         isDisabled={isOffline || !billingStatus?.isRetryAvailable}
@@ -187,7 +185,7 @@ function CardSection() {
                         large
                     />
                 )}
-                {hasCardAuthenticatedError() && !isNative && (
+                {hasCardAuthenticatedError() && shouldShowSubscriptionPaymentOption() && (
                     <Button
                         text={translate('subscription.cardSection.authenticatePayment')}
                         isDisabled={isOffline || !billingStatus?.isAuthenticationRequired}

From dbf83bb7c11535fe9c7d1e3e552bd03d2998a624 Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Mon, 4 Aug 2025 20:36:31 +0530
Subject: [PATCH 5/8] fix failing tests.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 tests/unit/CardSectionTest.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/tests/unit/CardSectionTest.tsx b/tests/unit/CardSectionTest.tsx
index 12aac5376893..f9a8d24c291e 100644
--- a/tests/unit/CardSectionTest.tsx
+++ b/tests/unit/CardSectionTest.tsx
@@ -1,11 +1,10 @@
 import {render, screen} from '@testing-library/react-native';
 import Onyx from 'react-native-onyx';
 // eslint-disable-next-line no-restricted-syntax
-import * as GetPlatformModule from '@libs/getPlatform';
+import * as ShouldShowSubscriptionPaymentOptionModule from '@libs/shouldShowSubscriptionPaymentOption';
 // eslint-disable-next-line no-restricted-syntax
 import * as SubscriptionUtils from '@libs/SubscriptionUtils';
 import CardSection from '@pages/settings/Subscription/CardSection/CardSection';
-import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import CardSectionUtils from '@src/pages/settings/Subscription/CardSection/utils';
 import waitForBatchedUpdates from '../utils/waitForBatchedUpdates';
@@ -28,7 +27,7 @@ describe('CardSectionTest', () => {
     });
 
     test('shows retry payment and authenticate button when retry is available and platform is web', async () => {
-        jest.spyOn(GetPlatformModule, 'default').mockReturnValue(CONST.PLATFORM.WEB);
+        jest.spyOn(ShouldShowSubscriptionPaymentOptionModule, 'default').mockReturnValue(true);
         jest.spyOn(CardSectionUtils, 'getBillingStatus').mockReturnValue({
             title: 'subscription.billingBanner.policyOwnerAmountOwed.title',
             subtitle: 'subscription.billingBanner.policyOwnerAmountOwed.subtitle',
@@ -43,7 +42,7 @@ describe('CardSectionTest', () => {
     });
 
     test('hides retry payment and authenticate button on native platforms', () => {
-        jest.spyOn(GetPlatformModule, 'default').mockReturnValue(CONST.PLATFORM.ANDROID);
+        jest.spyOn(ShouldShowSubscriptionPaymentOptionModule, 'default').mockReturnValue(false);
         jest.spyOn(CardSectionUtils, 'getBillingStatus').mockReturnValue({
             title: 'subscription.billingBanner.policyOwnerAmountOwed.title',
             subtitle: 'subscription.billingBanner.policyOwnerAmountOwed.subtitle',

From 398d3494b1a9914552c9f9441925af53b0f778a5 Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Tue, 5 Aug 2025 14:18:40 +0530
Subject: [PATCH 6/8] add separate files for card section buttons.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 .../index.native.ts                                   |  5 -----
 src/libs/shouldShowSubscriptionPaymentOption/index.ts |  5 -----
 src/libs/shouldShowSubscriptionPaymentOption/types.ts |  3 ---
 .../settings/Subscription/CardSection/CardSection.tsx | 11 +++++------
 .../CardSection/CardSectionButton/index.native.tsx    |  8 ++++++++
 .../CardSection/CardSectionButton/index.tsx           |  9 +++++++++
 6 files changed, 22 insertions(+), 19 deletions(-)
 delete mode 100644 src/libs/shouldShowSubscriptionPaymentOption/index.native.ts
 delete mode 100644 src/libs/shouldShowSubscriptionPaymentOption/index.ts
 delete mode 100644 src/libs/shouldShowSubscriptionPaymentOption/types.ts
 create mode 100644 src/pages/settings/Subscription/CardSection/CardSectionButton/index.native.tsx
 create mode 100644 src/pages/settings/Subscription/CardSection/CardSectionButton/index.tsx

diff --git a/src/libs/shouldShowSubscriptionPaymentOption/index.native.ts b/src/libs/shouldShowSubscriptionPaymentOption/index.native.ts
deleted file mode 100644
index 615ff8993b57..000000000000
--- a/src/libs/shouldShowSubscriptionPaymentOption/index.native.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type ShouldShowSubscriptionPaymentOption from './types';
-
-const shouldShowSubscriptionPaymentOption: ShouldShowSubscriptionPaymentOption = () => false;
-
-export default shouldShowSubscriptionPaymentOption;
diff --git a/src/libs/shouldShowSubscriptionPaymentOption/index.ts b/src/libs/shouldShowSubscriptionPaymentOption/index.ts
deleted file mode 100644
index 391b40949191..000000000000
--- a/src/libs/shouldShowSubscriptionPaymentOption/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type ShouldShowSubscriptionPaymentOption from './types';
-
-const shouldShowPaymentSubscriptionOption: ShouldShowSubscriptionPaymentOption = () => true;
-
-export default shouldShowPaymentSubscriptionOption;
diff --git a/src/libs/shouldShowSubscriptionPaymentOption/types.ts b/src/libs/shouldShowSubscriptionPaymentOption/types.ts
deleted file mode 100644
index b94d16cd65c6..000000000000
--- a/src/libs/shouldShowSubscriptionPaymentOption/types.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-type ShouldShowSubscriptionPaymentOption = () => boolean;
-
-export default ShouldShowSubscriptionPaymentOption;
diff --git a/src/pages/settings/Subscription/CardSection/CardSection.tsx b/src/pages/settings/Subscription/CardSection/CardSection.tsx
index 351bfe667dce..2ccf183ab2b9 100644
--- a/src/pages/settings/Subscription/CardSection/CardSection.tsx
+++ b/src/pages/settings/Subscription/CardSection/CardSection.tsx
@@ -1,6 +1,5 @@
 import React, {useCallback, useEffect, useMemo, useState} from 'react';
 import {View} from 'react-native';
-import Button from '@components/Button';
 import ConfirmModal from '@components/ConfirmModal';
 import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
@@ -20,7 +19,6 @@ import DateUtils from '@libs/DateUtils';
 import Navigation from '@libs/Navigation/Navigation';
 import {getPaymentMethodDescription} from '@libs/PaymentUtils';
 import {buildQueryStringFromFilterFormValues} from '@libs/SearchQueryUtils';
-import shouldShowSubscriptionPaymentOption from '@libs/shouldShowSubscriptionPaymentOption/index.native';
 import {hasCardAuthenticatedError, hasUserFreeTrialEnded, isUserOnFreeTrial, shouldShowDiscountBanner, shouldShowPreTrialBillingBanner} from '@libs/SubscriptionUtils';
 import {verifySetupIntent} from '@userActions/PaymentMethods';
 import {clearOutstandingBalance} from '@userActions/Subscription';
@@ -34,6 +32,7 @@ import SubscriptionBillingBanner from './BillingBanner/SubscriptionBillingBanner
 import TrialEndedBillingBanner from './BillingBanner/TrialEndedBillingBanner';
 import TrialStartedBillingBanner from './BillingBanner/TrialStartedBillingBanner';
 import CardSectionActions from './CardSectionActions';
+import CardSectionButton from './CardSectionButton';
 import CardSectionDataEmpty from './CardSectionDataEmpty';
 import RequestEarlyCancellationMenuItem from './RequestEarlyCancellationMenuItem';
 import type {BillingStatusResult} from './utils';
@@ -175,8 +174,8 @@ function CardSection() {
                 </View>
 
                 <View style={styles.mb3}>{isEmptyObject(defaultCard?.accountData) && <CardSectionDataEmpty />}</View>
-                {billingStatus?.isRetryAvailable !== undefined && shouldShowSubscriptionPaymentOption() && (
-                    <Button
+                {billingStatus?.isRetryAvailable !== undefined && (
+                    <CardSectionButton
                         text={translate('subscription.cardSection.retryPaymentButton')}
                         isDisabled={isOffline || !billingStatus?.isRetryAvailable}
                         isLoading={subscriptionRetryBillingStatusPending}
@@ -185,8 +184,8 @@ function CardSection() {
                         large
                     />
                 )}
-                {hasCardAuthenticatedError() && shouldShowSubscriptionPaymentOption() && (
-                    <Button
+                {hasCardAuthenticatedError() && (
+                    <CardSectionButton
                         text={translate('subscription.cardSection.authenticatePayment')}
                         isDisabled={isOffline || !billingStatus?.isAuthenticationRequired}
                         isLoading={subscriptionRetryBillingStatusPending}
diff --git a/src/pages/settings/Subscription/CardSection/CardSectionButton/index.native.tsx b/src/pages/settings/Subscription/CardSection/CardSectionButton/index.native.tsx
new file mode 100644
index 000000000000..d17d9dd8832b
--- /dev/null
+++ b/src/pages/settings/Subscription/CardSection/CardSectionButton/index.native.tsx
@@ -0,0 +1,8 @@
+import type {ButtonProps} from '@components/Button';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function CardSectionButton(_props: ButtonProps) {
+    return null;
+}
+
+export default CardSectionButton;
diff --git a/src/pages/settings/Subscription/CardSection/CardSectionButton/index.tsx b/src/pages/settings/Subscription/CardSection/CardSectionButton/index.tsx
new file mode 100644
index 000000000000..6a3c807cfadd
--- /dev/null
+++ b/src/pages/settings/Subscription/CardSection/CardSectionButton/index.tsx
@@ -0,0 +1,9 @@
+import type {ButtonProps} from '@components/Button';
+import Button from '@components/Button';
+
+function CardSectionButton(props: ButtonProps) {
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    return <Button {...props} />;
+}
+
+export default CardSectionButton;

From 12d0968cab69c8a345de29cfa954d1ea50339244 Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Thu, 7 Aug 2025 00:50:34 +0530
Subject: [PATCH 7/8] remove CardSectionTest.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 tests/unit/CardSectionTest.tsx | 58 ----------------------------------
 1 file changed, 58 deletions(-)
 delete mode 100644 tests/unit/CardSectionTest.tsx

diff --git a/tests/unit/CardSectionTest.tsx b/tests/unit/CardSectionTest.tsx
deleted file mode 100644
index f9a8d24c291e..000000000000
--- a/tests/unit/CardSectionTest.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import {render, screen} from '@testing-library/react-native';
-import Onyx from 'react-native-onyx';
-// eslint-disable-next-line no-restricted-syntax
-import * as ShouldShowSubscriptionPaymentOptionModule from '@libs/shouldShowSubscriptionPaymentOption';
-// eslint-disable-next-line no-restricted-syntax
-import * as SubscriptionUtils from '@libs/SubscriptionUtils';
-import CardSection from '@pages/settings/Subscription/CardSection/CardSection';
-import ONYXKEYS from '@src/ONYXKEYS';
-import CardSectionUtils from '@src/pages/settings/Subscription/CardSection/utils';
-import waitForBatchedUpdates from '../utils/waitForBatchedUpdates';
-
-jest.mock('@libs/getPlatform');
-jest.mock('@hooks/useLocalize', () =>
-    jest.fn(() => ({
-        translate: jest.fn((key: string) => key),
-    })),
-);
-
-describe('CardSectionTest', () => {
-    beforeAll(() => {
-        Onyx.init({
-            keys: ONYXKEYS,
-        });
-    });
-    beforeEach(() => {
-        return Onyx.clear().then(waitForBatchedUpdates);
-    });
-
-    test('shows retry payment and authenticate button when retry is available and platform is web', async () => {
-        jest.spyOn(ShouldShowSubscriptionPaymentOptionModule, 'default').mockReturnValue(true);
-        jest.spyOn(CardSectionUtils, 'getBillingStatus').mockReturnValue({
-            title: 'subscription.billingBanner.policyOwnerAmountOwed.title',
-            subtitle: 'subscription.billingBanner.policyOwnerAmountOwed.subtitle',
-            isError: true,
-            isRetryAvailable: true,
-        });
-        jest.spyOn(SubscriptionUtils, 'hasCardAuthenticatedError').mockReturnValue(true);
-
-        render(<CardSection />);
-        expect(await screen.findByText('subscription.cardSection.retryPaymentButton')).toBeTruthy();
-        expect(await screen.findByText('subscription.cardSection.authenticatePayment')).toBeTruthy();
-    });
-
-    test('hides retry payment and authenticate button on native platforms', () => {
-        jest.spyOn(ShouldShowSubscriptionPaymentOptionModule, 'default').mockReturnValue(false);
-        jest.spyOn(CardSectionUtils, 'getBillingStatus').mockReturnValue({
-            title: 'subscription.billingBanner.policyOwnerAmountOwed.title',
-            subtitle: 'subscription.billingBanner.policyOwnerAmountOwed.subtitle',
-            isError: true,
-            isRetryAvailable: true,
-        });
-        jest.spyOn(SubscriptionUtils, 'hasCardAuthenticatedError').mockReturnValue(true);
-
-        render(<CardSection />);
-        expect(screen.queryByText('subscription.cardSection.retryPaymentButton')).toBeNull();
-        expect(screen.queryByText('subscription.cardSection.authenticatePayment')).toBeNull();
-    });
-});

From 6194a019c64b2d496ffb301652a3f63b682b3b49 Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Fri, 8 Aug 2025 21:48:19 +0530
Subject: [PATCH 8/8] fix crash.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 .../Subscription/CardSection/CardSectionButton/index.tsx         | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/settings/Subscription/CardSection/CardSectionButton/index.tsx b/src/pages/settings/Subscription/CardSection/CardSectionButton/index.tsx
index 6a3c807cfadd..834305243d68 100644
--- a/src/pages/settings/Subscription/CardSection/CardSectionButton/index.tsx
+++ b/src/pages/settings/Subscription/CardSection/CardSectionButton/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import type {ButtonProps} from '@components/Button';
 import Button from '@components/Button';