Fix type

packages/components/modules/payments/web/CheckoutComponent/PaymentDropDown/PaymentMethodDisplay.tsx

@@ -2,10 +2,10 @@ import { FC } from 'react'
 
 import { Box, Typography } from '@mui/material'
 
-import { StripePaymentMethod } from '../../types'
+import { IStripePaymentMethod } from '../../types'
 
 const PaymentMethodDisplay: FC<{
-  pm: StripePaymentMethod
+  pm: IStripePaymentMethod
   getCardIcon: (brand?: string) => JSX.Element
 }> = ({ pm, getCardIcon }) => (
   <Box sx={{ display: 'flex', alignItems: 'center' }}>

packages/components/modules/payments/web/CheckoutComponent/PaymentDropDown/types.ts

@@ -1,9 +1,9 @@
 import { Stripe, StripeElements } from '@stripe/stripe-js'
 
-import { StripePaymentMethod } from '../../types'
+import { IStripePaymentMethod } from '../../types'
 
 export interface PaymentDropdownProps {
-  paymentMethods: StripePaymentMethod[]
+  paymentMethods: IStripePaymentMethod[]
   selectedPaymentMethodId: string
   setSelectedPaymentMethodId: (id: string) => void
   stripe: Stripe