import { getCart } from '@/core/utils/cart'
import { useQuery } from 'react-query'
import _ from 'lodash'
import CartApi from '../api/CartApi'

const useCart = ({ enabled }) => {
  const cart = getCart()
  const variantIds = _.keys(cart).join(',')
  const fetchCart = async () => CartApi({ variantIds })
  const { data, isLoading } = useQuery('cart', fetchCart, { enabled })

  return {
    cart: { data, isLoading }
  }
}

export default useCart