import { useBillingFactory, UseBillingParams, Context } from '@vue-storefront/core';
import { useCart } from '../useCart';
import { cartActions, Address } from '@vue-storefront/commercetools-api';

/**
 * @remarks References:
 * {@link @vue-storefront/commercetools-api#Address}
 */
const useBillingProviderFactoryParams: UseBillingParams<Address, any> = {
  provide() {
    return {
      cart: useCart()
    };
  },
  load: async (context: Context, { customQuery }) => {
    if (!context.cart.cart?.value?.billingAddress) {
      await context.cart.load({ customQuery });
    }
    return context.cart.cart.value.billingAddress;
  },
  save: async (context: Context, { billingDetails, customQuery }) => {
    const cartResponse = await context.$ct.api.updateCart({
      id: context.cart.cart.value.id,
      version: context.cart.cart.value.version,
      actions: [
        cartActions.setBillingAddressAction(billingDetails)
      ]
    }, customQuery);

    context.cart.setCart(cartResponse.data.cart);
    return context.cart.cart.value.billingAddress;
  }
};

/**
 * @remarks References:
 * {@link @vue-storefront/commercetools-api#Address}
 */
const useBilling = useBillingFactory<Address, any>(useBillingProviderFactoryParams);

export {
  useBilling,
  useBillingProviderFactoryParams
};