refactor(checkout): CHECKOUT-9386 Convert CreditCardPaymentMethodComponent (#2530)

* refactor(checkout): CHECKOUT-9386 Convert CreditCardPaymentMethodComponent

* Merge 2 useEffect hooks

Author: bc-peng

packages/bigcommerce-payments-integration/src/BigCommercePaymentCreditCards/BigCommercePaymentsCreditCardsPaymentMethod.test.tsx

@@ -30,7 +30,7 @@ import {
     getPaymentMethod,
     getStoreConfig,
 } from '@bigcommerce/checkout/test-mocks';
-import { render, screen } from '@bigcommerce/checkout/test-utils';
+import { renderWithoutWrapper as render, screen } from '@bigcommerce/checkout/test-utils';
 
 import BigCommercePaymentsCreditCardsPaymentMethod from './BigCommercePaymentsCreditCardsPaymentMethod';
 

packages/credit-card-integration/.eslintrc.json

@@ -11,6 +11,7 @@
     "@typescript-eslint/no-unsafe-argument": "off",
     "@typescript-eslint/no-unnecessary-condition": "off",
     "@typescript-eslint/consistent-type-assertions": "off",
-    "@typescript-eslint/naming-convention": "off"
+    "@typescript-eslint/naming-convention": "off",
+    "react-hooks/exhaustive-deps": "off"
   }
 }

packages/credit-card-integration/src/CreditCardPaymentMethodComponent.test.tsx

@@ -35,12 +35,13 @@ import {
     getPaymentMethod,
     getStoreConfig,
 } from '@bigcommerce/checkout/test-mocks';
-import { render, screen } from '@bigcommerce/checkout/test-utils';
+import { renderWithoutWrapper as render, screen } from '@bigcommerce/checkout/test-utils';
 
-import CreditCardPaymentMethodComponent, {
+import { CreditCardPaymentMethodComponent } from './CreditCardPaymentMethodComponent';
+import {
     type CreditCardPaymentMethodProps,
     type CreditCardPaymentMethodValues,
-} from './CreditCardPaymentMethodComponent';
+} from './CreditCardPaymentMethodType';
 
 describe('CreditCardPaymentMethod', () => {
     let checkoutService: CheckoutService;