feat: #56 (api) setPaymentMethod

packages/api-client/__tests__/api/setPaymentMethod.spec.ts

@@ -0,0 +1,26 @@
+import setPaymentMethod from '../../src/api/setPaymentMethod';
+import addPaymentToOrderMutation from '../../src/api/setPaymentMethod/addPaymentToOrderMutation';
+import { Context } from '../../src/types';
+
+describe('[vendure-api-client] setPaymentMethod', () => {
+  it('sets payment method for certain order', async () => {
+    const givenVariables = { metadata: { id: '1' }, method: 'test' };
+
+    const context = {
+      config: {},
+      client: {
+        mutate: ({ variables, mutation }) => {
+          expect(variables).toEqual({ input: givenVariables });
+          expect(mutation).toEqual(addPaymentToOrderMutation);
+
+          return { data: 'set payment method response' };
+        }
+      },
+      extendQuery: (customQuery, args) => args
+    } as unknown as Context;
+
+    const { data } = await setPaymentMethod(context, { metadata: { id: '1' }, method: 'test' });
+
+    expect(data).toBe('set payment method response');
+  });
+});

packages/api-client/src/api/index.ts

@@ -11,3 +11,4 @@ export { default as getMe } from './getMe';
 export { default as updateAddressDetails } from './updateAddressDetails';
 export { default as getShippingMethods } from './getShippingMethods';
 export { default as setShippingMethod } from './setShippingMethod';
+export { default as setPaymentMethod } from './setPaymentMethod';

packages/api-client/src/api/setPaymentMethod/addPaymentToOrderMutation.ts

@@ -0,0 +1,14 @@
+import gql from 'graphql-tag';
+import { CartFragment, ErrorResultFragment } from '../../fragments';
+
+export default gql`
+  ${CartFragment}
+  ${ErrorResultFragment}
+
+  mutation addPaymentToOrder($input: PaymentInput!) {
+    addPaymentToOrder(input: $input) {
+      ...Cart
+      ...ErrorResult
+    }
+  }
+`;

packages/api-client/src/api/setPaymentMethod/index.ts

@@ -0,0 +1,24 @@
+import addPaymentToOrderMutation from './addPaymentToOrderMutation';
+import { CustomQuery } from '@vue-storefront/core';
+import gql from 'graphql-tag';
+import { Context, PaymentInput, SetShippingMethodResponse } from '../../types';
+
+const setPaymentMethod = async (context: Context, params: PaymentInput, customQuery?: CustomQuery): Promise<SetShippingMethodResponse> => {
+  const setPaymentMethodVariables = {
+    input: params
+  };
+
+  const { addPaymentToOrder } = context.extendQuery(
+    customQuery, { addPaymentToOrder: { query: addPaymentToOrderMutation, variables: setPaymentMethodVariables } }
+  );
+
+  const request = await context.client.mutate({
+    mutation: gql`${addPaymentToOrder.query}`,
+    variables: addPaymentToOrder.variables,
+    fetchPolicy: 'no-cache'
+  }) as SetShippingMethodResponse;
+
+  return request;
+};
+
+export default setPaymentMethod;

packages/api-client/src/types/API.ts

@@ -1,7 +1,7 @@
 import { CustomQuery } from '@vue-storefront/core';
 import { ApolloQueryResult } from 'apollo-client';
 import { FetchResult } from 'apollo-link';
-import { ActiveOrderResult, ApplyCouponCodeResult, CollectionList, Customer, Order, Product, RemoveOrderItemsResult, SearchResponse, ShippingMethodQuote, UpdateOrderItemsResult } from './GraphQL';
+import { ActiveOrderResult, ApplyCouponCodeResult, CollectionList, Customer, Order, PaymentInput, Product, RemoveOrderItemsResult, SearchResponse, ShippingMethodQuote, UpdateOrderItemsResult } from './GraphQL';
 import { AddToCartParams, CartCouponParams, CollectionParams, ProductParams, RemoveFromCartParams, SearchParams, SetShippingMethodParams, UpdateAddressDetailsParams, UpdateCartParams } from './types';
 
 export type QueryResponse<K extends string, V> = ApolloQueryResult<Record<K, V>>;
@@ -21,6 +21,7 @@ export type ApplyCouponCodeResponse = MutationResponse<'applyCouponCode', ApplyC
 export type RemoveCouponCodeResponse = MutationResponse<'removeCouponCode', Order>;
 export type UpdateAddressDetailsResponse = MutationResponse<'setOrderShippingAddress' | 'setOrderBillingAddress', ActiveOrderResult>;
 export type SetShippingMethodResponse = MutationResponse<'setOrderShippingMethod', Order>;
+export type SetPaymentMethodResponse = MutationResponse<'setPaymentShippingMethod', Order>;
 
 export interface VendureApiMethods {
   getProduct(params: ProductParams, customQuery?: CustomQuery): Promise<GetProductResponse>;
@@ -36,4 +37,5 @@ export interface VendureApiMethods {
   removeCouponCode(params: CartCouponParams, customQuery?: CustomQuery): Promise<RemoveCouponCodeResponse>;
   updateAddressDetails(params: UpdateAddressDetailsParams, customQuery?: CustomQuery): Promise<UpdateAddressDetailsResponse>;
   setShippingMethod(params: SetShippingMethodParams, customQuery?: CustomQuery): Promise<SetShippingMethodResponse>;
+  setPaymentMethod(params: PaymentInput, customQuery?: CustomQuery): Promise<SetPaymentMethodResponse>;
 }