Add paymentMethod to the local state

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

@@ -26,12 +26,20 @@ export function writeInitialDataToApolloCache(apolloProvider, dataset) {
       fullName,
       selectedPlanId: planId,
       subscription: {
-        paymentMethodId: null,
         quantity: 1,
         namespaceId: null,
         // eslint-disable-next-line @gitlab/require-i18n-strings
         __typename: 'Subscription',
       },
+      paymentMethod: {
+        id: null,
+        creditCardExpirationMonth: null,
+        creditCardExpirationYear: null,
+        creditCardType: null,
+        creditCardMaskNumber: null,
+        // eslint-disable-next-line @gitlab/require-i18n-strings
+        __typename: 'PaymentMethod',
+      },
       customer: {
         country: null,
         address1: null,

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

@@ -17,8 +17,8 @@ query State {
     zipCode
     company
   }
+  paymentMethod @client
   subscription @client {
-    paymentMethodId
     quantity
     namespaceId
   }