@akinon/next 1.13.0 → 1.14.0

package/data/client/checkout.ts

@@ -1,479 +1,516 @@
-import {
-  setBankAccounts,
-  setInstallmentOptions,
-  setPaymentStepBusy,
-  setSelectedBankAccountPk,
-  setShippingStepBusy
-} from '../../redux/reducers/checkout';
-import {
-  CheckoutContext,
-  GuestLoginFormParams,
-  Order,
-  PreOrder
-} from '../../types';
-import { buildClientRequestUrl } from '../../utils';
-import { api } from './api';
-import { checkout } from '../urls';
-import { store } from 'redux/store';
-
-interface CheckoutResponse {
-  pre_order?: PreOrder;
-  errors: {
-    non_field_errors: string;
-  };
-  context_list?: CheckoutContext[];
-  template_name?: string;
-  redirect_url?: string;
-}
-
-interface SetAddressesParams {
-  shippingAddressPk: number;
-  billingAddressPk: number;
-}
-
-interface SetRetailStoreParams {
-  retailStorePk: number;
-  billingAddressPk: number;
-}
-
-interface CompleteCreditCardParams {
-  card_holder: string;
-  card_cvv: string;
-  card_number: string;
-  card_month: string;
-  card_year: string;
-  use_three_d?: boolean;
-}
-
-interface GetContractResponse {
-  result: string;
-}
-
-interface ApplePaySelectParams {
-  agreement: boolean;
-  validationURL: string;
-}
-
-interface ApplePayQueryParams {
-  agreement: boolean;
-  paymentToken: string;
-}
-
-export interface PayOnDeliveryParams {
-  agreement: string;
-  paymentType: string;
-}
-
-export const checkoutApi = api.injectEndpoints({
-  endpoints: (build) => ({
-    fetchCheckout: build.query<CheckoutResponse, void>({
-      query: () => ({
-        url: buildClientRequestUrl(checkout.fetchCheckout, {})
-      }),
-      providesTags: ['Checkout']
-    }),
-    fetchCheckoutResult: build.query<{ order: Order }, string>({
-      query: (token: string) =>
-        buildClientRequestUrl(checkout.fetchCheckoutResult(token))
-    }),
-    get3dRedirectForm: build.query<{ result: string }, void>({
-      query: () =>
-        buildClientRequestUrl(checkout.get3dRedirectForm, {
-          responseType: 'text'
-        })
-    }),
-    getContract: build.query<GetContractResponse, string>({
-      query: (slug: string) =>
-        buildClientRequestUrl(checkout.getContract(slug), {
-          responseType: 'text'
-        })
-    }),
-    completeCreditCardPayment: build.mutation<
-      CheckoutResponse,
-      CompleteCreditCardParams
-    >({
-      query: ({
-        card_holder,
-        card_cvv,
-        card_number,
-        card_month,
-        card_year,
-        use_three_d = true
-      }) => ({
-        url: buildClientRequestUrl(checkout.completeCreditCardPayment, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          agreement: '1',
-          use_three_d: use_three_d ? '1' : '0',
-          card_cvv,
-          card_holder,
-          card_month,
-          card_number,
-          card_year
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      },
-      invalidatesTags: ['Basket']
-    }),
-    completeFundsTransfer: build.mutation<CheckoutResponse, void>({
-      query: () => ({
-        url: buildClientRequestUrl(checkout.completeFundsTransfer, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          agreement: '1'
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      },
-      invalidatesTags: ['Basket']
-    }),
-    guestLogin: build.mutation<CheckoutResponse, GuestLoginFormParams>({
-      query: ({ user_email, phone_number }) => ({
-        url: buildClientRequestUrl(checkout.guestLogin, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          user_email,
-          phone_number
-        }
-      }),
-      invalidatesTags: ['Checkout']
-    }),
-    setDeliveryOption: build.mutation<CheckoutResponse, number>({
-      query: (pk: number) => ({
-        url: buildClientRequestUrl(checkout.setDeliveryOption, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          delivery_option: String(pk)
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setShippingStepBusy(true));
-        await queryFulfilled;
-        dispatch(setShippingStepBusy(false));
-      }
-    }),
-    setAddresses: build.mutation<CheckoutResponse, SetAddressesParams>({
-      query: ({ shippingAddressPk, billingAddressPk }) => ({
-        url: buildClientRequestUrl(checkout.setAddresses, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          shipping_address: String(shippingAddressPk),
-          billing_address: String(billingAddressPk)
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setShippingStepBusy(true));
-        await queryFulfilled;
-        dispatch(setShippingStepBusy(false));
-      }
-    }),
-    setShippingOption: build.mutation<CheckoutResponse, number>({
-      query: (pk: number) => ({
-        url: buildClientRequestUrl(checkout.setShippingOption, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          shipping_option: String(pk)
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setShippingStepBusy(true));
-        await queryFulfilled;
-        dispatch(setShippingStepBusy(false));
-      }
-    }),
-    setRetailStore: build.mutation<CheckoutResponse, SetRetailStoreParams>({
-      query: ({ retailStorePk, billingAddressPk }) => ({
-        url: buildClientRequestUrl(
-          '/orders/checkout?page=RetailStoreSelectionPage',
-          {
-            useFormData: true
-          }
-        ),
-        method: 'POST',
-        body: {
-          retail_store: Number(retailStorePk),
-          billing_address: Number(billingAddressPk)
-        }
-      })
-    }),
-    setPaymentOption: build.mutation<CheckoutResponse, number>({
-      query: (pk: number) => ({
-        url: buildClientRequestUrl(checkout.setPaymentOption, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          payment_option: String(pk)
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        dispatch(setInstallmentOptions([]));
-        dispatch(setBankAccounts([]));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    setBinNumber: build.mutation<CheckoutResponse, string>({
-      query: (binNumber: string) => {
-        const paymentOption =
-          store.getState().checkout?.preOrder?.payment_option;
-        const binNumberUrl =
-          paymentOption?.payment_type === 'masterpass'
-            ? checkout.setMasterpassBinNumber
-            : checkout.setBinNumber;
-
-        return {
-          url: buildClientRequestUrl(binNumberUrl, {
-            useFormData: true
-          }),
-          method: 'POST',
-          body: {
-            bin_number: binNumber
-          }
-        };
-      },
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    setInstallmentOption: build.mutation<CheckoutResponse, number>({
-      query: (pk: number) => {
-        const paymentOption =
-          store.getState().checkout?.preOrder?.payment_option;
-        const installmentOption =
-          paymentOption?.payment_type === 'masterpass'
-            ? checkout.setMasterPassInstallmentOption
-            : checkout.setInstallmentOption;
-        return {
-          url: buildClientRequestUrl(installmentOption, {
-            useFormData: true
-          }),
-          method: 'POST',
-          body: {
-            installment: String(pk)
-          }
-        };
-      },
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    setFundsTransferOption: build.mutation<CheckoutResponse, number>({
-      query: (pk: number) => ({
-        url: buildClientRequestUrl(checkout.setFundsTransferOption, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          bank_account: String(pk)
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-        dispatch(setSelectedBankAccountPk(arg));
-      }
-    }),
-    completeRedirectionPayment: build.mutation<CheckoutResponse, void>({
-      query: () => ({
-        url: buildClientRequestUrl(checkout.completeRedirectionPayment, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          agreement: true
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    applePaymentSelect: build.mutation<CheckoutResponse, ApplePaySelectParams>({
-      query: ({ agreement, validationURL }) => ({
-        url: buildClientRequestUrl(checkout.confirmationPaymentSelect, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          agreement,
-          validationURL
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    appleQuery: build.mutation<CheckoutResponse, ApplePayQueryParams>({
-      query: ({ agreement, paymentToken }) => ({
-        url: buildClientRequestUrl(checkout.confirmationQuery, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          agreement,
-          payment_token: paymentToken
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    completeConfirmation: build.mutation<CheckoutResponse, void>({
-      query: () => ({
-        url: buildClientRequestUrl(checkout.confirmationComplete, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          agreement: true
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    setCompletePayOnDelivery: build.mutation<
-      CheckoutResponse,
-      PayOnDeliveryParams
-    >({
-      query: ({ paymentType }) => ({
-        url: buildClientRequestUrl(
-          `${checkout.fetchCheckout}?page=PayOnDeliveryPage`,
-          { useFormData: true }
-        ),
-        method: 'POST',
-        body: {
-          agreement: '1',
-          paymentType
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    setPayOnDeliveryChoice: build.mutation<CheckoutResponse, string>({
-      query: (body) => ({
-        url: buildClientRequestUrl(
-          `${checkout.fetchCheckout}?page=PayOnDeliveryPaymentChoicePage`,
-          { useFormData: true }
-        ),
-        method: 'POST',
-        body: {
-          payment_choice: body
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    completeLoyaltyPayment: build.mutation<CheckoutResponse, void>({
-      query: () => ({
-        url: buildClientRequestUrl(checkout.completeLoyaltyPayment, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          agreement: true
-        }
-      }),
-      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
-        dispatch(setPaymentStepBusy(true));
-        await queryFulfilled;
-        dispatch(setPaymentStepBusy(false));
-      }
-    }),
-    getCheckoutLoyaltyBalance: build.query<CheckoutResponse, void>({
-      query: () => ({
-        url: buildClientRequestUrl(checkout.loyaltyMoneyUsage)
-      })
-    }),
-    payWithLoyaltyBalance: build.mutation<any, string>({
-      query: (amount) => ({
-        url: buildClientRequestUrl(checkout.loyaltyMoneyUsage, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          loyalty_amount_to_use: amount
-        }
-      })
-    }),
-    setOrderNote: build.mutation<CheckoutResponse, string>({
-      query: (notes) => ({
-        url: buildClientRequestUrl(checkout.setOrderNote, {
-          useFormData: true
-        }),
-        method: 'POST',
-        body: {
-          notes
-        }
-      })
-    })
-  }),
-  overrideExisting: false
-});
-
-export const {
-  useFetchCheckoutQuery,
-  useFetchCheckoutResultQuery,
-  useGet3dRedirectFormQuery,
-  useGetContractQuery,
-  useCompleteCreditCardPaymentMutation,
-  useCompleteFundsTransferMutation,
-  useGuestLoginMutation,
-  useSetDeliveryOptionMutation,
-  useSetAddressesMutation,
-  useSetShippingOptionMutation,
-  useSetPaymentOptionMutation,
-  useSetBinNumberMutation,
-  useSetInstallmentOptionMutation,
-  useSetFundsTransferOptionMutation,
-  useSetRetailStoreMutation,
-  useCompleteRedirectionPaymentMutation,
-  useApplePaymentSelectMutation,
-  useAppleQueryMutation,
-  useCompleteConfirmationMutation,
-  useSetCompletePayOnDeliveryMutation,
-  useSetPayOnDeliveryChoiceMutation,
-  useCompleteLoyaltyPaymentMutation,
-  useGetCheckoutLoyaltyBalanceQuery,
-  usePayWithLoyaltyBalanceMutation,
-  useSetOrderNoteMutation
-} = checkoutApi;
+import {
+  setBankAccounts,
+  setInstallmentOptions,
+  setPaymentStepBusy,
+  setSelectedBankAccountPk,
+  setSelectedCreditPaymentPk,
+  setShippingStepBusy
+} from '../../redux/reducers/checkout';
+import {
+  CheckoutContext,
+  GuestLoginFormParams,
+  Order,
+  PreOrder
+} from '../../types';
+import { buildClientRequestUrl } from '../../utils';
+import { api } from './api';
+import { checkout } from '../urls';
+import { store } from 'redux/store';
+
+interface CheckoutResponse {
+  pre_order?: PreOrder;
+  errors: {
+    non_field_errors: string;
+  };
+  context_list?: CheckoutContext[];
+  template_name?: string;
+  redirect_url?: string;
+}
+
+interface SetAddressesParams {
+  shippingAddressPk: number;
+  billingAddressPk: number;
+}
+
+interface SetRetailStoreParams {
+  retailStorePk: number;
+  billingAddressPk: number;
+}
+
+interface CompleteCreditCardParams {
+  card_holder: string;
+  card_cvv: string;
+  card_number: string;
+  card_month: string;
+  card_year: string;
+  use_three_d?: boolean;
+}
+
+interface GetContractResponse {
+  result: string;
+}
+
+interface ApplePaySelectParams {
+  agreement: boolean;
+  validationURL: string;
+}
+
+interface ApplePayQueryParams {
+  agreement: boolean;
+  paymentToken: string;
+}
+
+export interface PayOnDeliveryParams {
+  agreement: string;
+  paymentType: string;
+}
+
+export const checkoutApi = api.injectEndpoints({
+  endpoints: (build) => ({
+    fetchCheckout: build.query<CheckoutResponse, void>({
+      query: () => ({
+        url: buildClientRequestUrl(checkout.fetchCheckout, {})
+      }),
+      providesTags: ['Checkout']
+    }),
+    fetchCheckoutResult: build.query<{ order: Order }, string>({
+      query: (token: string) =>
+        buildClientRequestUrl(checkout.fetchCheckoutResult(token))
+    }),
+    get3dRedirectForm: build.query<{ result: string }, void>({
+      query: () =>
+        buildClientRequestUrl(checkout.get3dRedirectForm, {
+          responseType: 'text'
+        })
+    }),
+    getContract: build.query<GetContractResponse, string>({
+      query: (slug: string) =>
+        buildClientRequestUrl(checkout.getContract(slug), {
+          responseType: 'text'
+        })
+    }),
+    completeCreditCardPayment: build.mutation<
+      CheckoutResponse,
+      CompleteCreditCardParams
+    >({
+      query: ({
+        card_holder,
+        card_cvv,
+        card_number,
+        card_month,
+        card_year,
+        use_three_d = true
+      }) => ({
+        url: buildClientRequestUrl(checkout.completeCreditCardPayment, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          agreement: '1',
+          use_three_d: use_three_d ? '1' : '0',
+          card_cvv,
+          card_holder,
+          card_month,
+          card_number,
+          card_year
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      },
+      invalidatesTags: ['Basket']
+    }),
+    completeFundsTransfer: build.mutation<CheckoutResponse, void>({
+      query: () => ({
+        url: buildClientRequestUrl(checkout.completeFundsTransfer, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          agreement: '1'
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      },
+      invalidatesTags: ['Basket']
+    }),
+    guestLogin: build.mutation<CheckoutResponse, GuestLoginFormParams>({
+      query: ({ user_email, phone_number }) => ({
+        url: buildClientRequestUrl(checkout.guestLogin, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          user_email,
+          phone_number
+        }
+      }),
+      invalidatesTags: ['Checkout']
+    }),
+    setDeliveryOption: build.mutation<CheckoutResponse, number>({
+      query: (pk: number) => ({
+        url: buildClientRequestUrl(checkout.setDeliveryOption, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          delivery_option: String(pk)
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setShippingStepBusy(true));
+        await queryFulfilled;
+        dispatch(setShippingStepBusy(false));
+      }
+    }),
+    setAddresses: build.mutation<CheckoutResponse, SetAddressesParams>({
+      query: ({ shippingAddressPk, billingAddressPk }) => ({
+        url: buildClientRequestUrl(checkout.setAddresses, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          shipping_address: String(shippingAddressPk),
+          billing_address: String(billingAddressPk)
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setShippingStepBusy(true));
+        await queryFulfilled;
+        dispatch(setShippingStepBusy(false));
+      }
+    }),
+    setShippingOption: build.mutation<CheckoutResponse, number>({
+      query: (pk: number) => ({
+        url: buildClientRequestUrl(checkout.setShippingOption, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          shipping_option: String(pk)
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setShippingStepBusy(true));
+        await queryFulfilled;
+        dispatch(setShippingStepBusy(false));
+      }
+    }),
+    setRetailStore: build.mutation<CheckoutResponse, SetRetailStoreParams>({
+      query: ({ retailStorePk, billingAddressPk }) => ({
+        url: buildClientRequestUrl(
+          '/orders/checkout?page=RetailStoreSelectionPage',
+          {
+            useFormData: true
+          }
+        ),
+        method: 'POST',
+        body: {
+          retail_store: Number(retailStorePk),
+          billing_address: Number(billingAddressPk)
+        }
+      })
+    }),
+    setPaymentOption: build.mutation<CheckoutResponse, number>({
+      query: (pk: number) => ({
+        url: buildClientRequestUrl(checkout.setPaymentOption, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          payment_option: String(pk)
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        dispatch(setInstallmentOptions([]));
+        dispatch(setBankAccounts([]));
+        dispatch(setSelectedBankAccountPk(null));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    setBinNumber: build.mutation<CheckoutResponse, string>({
+      query: (binNumber: string) => {
+        const paymentOption =
+          store.getState().checkout?.preOrder?.payment_option;
+        const binNumberUrl =
+          paymentOption?.payment_type === 'masterpass'
+            ? checkout.setMasterpassBinNumber
+            : checkout.setBinNumber;
+
+        return {
+          url: buildClientRequestUrl(binNumberUrl, {
+            useFormData: true
+          }),
+          method: 'POST',
+          body: {
+            bin_number: binNumber
+          }
+        };
+      },
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    setInstallmentOption: build.mutation<CheckoutResponse, number>({
+      query: (pk: number) => {
+        const paymentOption =
+          store.getState().checkout?.preOrder?.payment_option;
+        const installmentOption =
+          paymentOption?.payment_type === 'masterpass'
+            ? checkout.setMasterPassInstallmentOption
+            : checkout.setInstallmentOption;
+        return {
+          url: buildClientRequestUrl(installmentOption, {
+            useFormData: true
+          }),
+          method: 'POST',
+          body: {
+            installment: String(pk)
+          }
+        };
+      },
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    setFundsTransferOption: build.mutation<CheckoutResponse, number>({
+      query: (pk: number) => ({
+        url: buildClientRequestUrl(checkout.setFundsTransferOption, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          bank_account: String(pk)
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+        dispatch(setSelectedBankAccountPk(arg));
+      }
+    }),
+    setCreditPaymentOption: build.mutation<CheckoutResponse, number>({
+      query: (pk: number) => ({
+        url: buildClientRequestUrl(checkout.setCreditPaymentOption, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          credit_payment_option: pk
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+        dispatch(setSelectedCreditPaymentPk(arg));
+      }
+    }),
+    confirmationCreditPayment: build.mutation<CheckoutResponse, void>({
+      query: () => ({
+        url: buildClientRequestUrl(checkout.confirmationCreditPayment, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          agreement: true,
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    completeRedirectionPayment: build.mutation<CheckoutResponse, void>({
+      query: () => ({
+        url: buildClientRequestUrl(checkout.completeRedirectionPayment, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          agreement: true
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    applePaymentSelect: build.mutation<CheckoutResponse, ApplePaySelectParams>({
+      query: ({ agreement, validationURL }) => ({
+        url: buildClientRequestUrl(checkout.confirmationPaymentSelect, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          agreement,
+          validationURL
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    appleQuery: build.mutation<CheckoutResponse, ApplePayQueryParams>({
+      query: ({ agreement, paymentToken }) => ({
+        url: buildClientRequestUrl(checkout.confirmationQuery, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          agreement,
+          payment_token: paymentToken
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    completeConfirmation: build.mutation<CheckoutResponse, void>({
+      query: () => ({
+        url: buildClientRequestUrl(checkout.confirmationComplete, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          agreement: true
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    setCompletePayOnDelivery: build.mutation<
+      CheckoutResponse,
+      PayOnDeliveryParams
+    >({
+      query: ({ paymentType }) => ({
+        url: buildClientRequestUrl(
+          `${checkout.fetchCheckout}?page=PayOnDeliveryPage`,
+          { useFormData: true }
+        ),
+        method: 'POST',
+        body: {
+          agreement: '1',
+          paymentType
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    setPayOnDeliveryChoice: build.mutation<CheckoutResponse, string>({
+      query: (body) => ({
+        url: buildClientRequestUrl(
+          `${checkout.fetchCheckout}?page=PayOnDeliveryPaymentChoicePage`,
+          { useFormData: true }
+        ),
+        method: 'POST',
+        body: {
+          payment_choice: body
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    completeLoyaltyPayment: build.mutation<CheckoutResponse, void>({
+      query: () => ({
+        url: buildClientRequestUrl(checkout.completeLoyaltyPayment, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          agreement: true
+        }
+      }),
+      async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+        dispatch(setPaymentStepBusy(true));
+        await queryFulfilled;
+        dispatch(setPaymentStepBusy(false));
+      }
+    }),
+    getCheckoutLoyaltyBalance: build.query<CheckoutResponse, void>({
+      query: () => ({
+        url: buildClientRequestUrl(checkout.loyaltyMoneyUsage)
+      })
+    }),
+    payWithLoyaltyBalance: build.mutation<any, string>({
+      query: (amount) => ({
+        url: buildClientRequestUrl(checkout.loyaltyMoneyUsage, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          loyalty_amount_to_use: amount
+        }
+      })
+    }),
+    setOrderNote: build.mutation<CheckoutResponse, string>({
+      query: (notes) => ({
+        url: buildClientRequestUrl(checkout.setOrderNote, {
+          useFormData: true
+        }),
+        method: 'POST',
+        body: {
+          notes
+        }
+      })
+    })
+  }),
+  overrideExisting: false
+});
+
+export const {
+  useFetchCheckoutQuery,
+  useFetchCheckoutResultQuery,
+  useGet3dRedirectFormQuery,
+  useGetContractQuery,
+  useCompleteCreditCardPaymentMutation,
+  useCompleteFundsTransferMutation,
+  useGuestLoginMutation,
+  useSetDeliveryOptionMutation,
+  useSetAddressesMutation,
+  useSetShippingOptionMutation,
+  useSetPaymentOptionMutation,
+  useSetBinNumberMutation,
+  useSetInstallmentOptionMutation,
+  useSetFundsTransferOptionMutation,
+  useSetRetailStoreMutation,
+  useSetCreditPaymentOptionMutation,
+  useConfirmationCreditPaymentMutation,
+  useCompleteRedirectionPaymentMutation,
+  useApplePaymentSelectMutation,
+  useAppleQueryMutation,
+  useCompleteConfirmationMutation,
+  useSetCompletePayOnDeliveryMutation,
+  useSetPayOnDeliveryChoiceMutation,
+  useCompleteLoyaltyPaymentMutation,
+  useGetCheckoutLoyaltyBalanceQuery,
+  usePayWithLoyaltyBalanceMutation,
+  useSetOrderNoteMutation
+} = checkoutApi;