Add additional fields to paymentMethod field

ee/app/assets/javascripts/subscriptions/buy_minutes/utils.js

@@ -37,7 +37,6 @@ export function writeInitialDataToApolloCache(apolloProvider, dataset) {
         creditCardExpirationYear: null,
         creditCardType: null,
         creditCardMaskNumber: null,
-        // eslint-disable-next-line @gitlab/require-i18n-strings
         __typename: 'PaymentMethod',
       },
       customer: {

ee/app/assets/javascripts/subscriptions/graphql/queries/state.query.graphql

@@ -17,7 +17,13 @@ query State {
     zipCode
     company
   }
-  paymentMethod @client
+  paymentMethod @client {
+    id
+    creditCardExpirationMonth
+    creditCardExpirationYear
+    creditCardType
+    creditCardMaskNumber
+  }
   subscription @client {
     quantity
     namespaceId

ee/spec/frontend/subscriptions/buy_minutes/mock_data.js

@@ -21,10 +21,17 @@ export const stateData = {
   subscription: {
     quantity: 1,
     namespaceId: null,
-    paymentMethodId: null,
     __typename: 'Subscription',
   },
   selectedPlanId: null,
+  paymentMethod: {
+    id: null,
+    creditCardExpirationMonth: null,
+    creditCardExpirationYear: null,
+    creditCardType: null,
+    creditCardMaskNumber: null,
+    __typename: 'PaymentMethod',
+  },
   customer: {
     country: null,
     address1: null,