import type { MaybeRef } from 'vue'
import { useMutation, useQueryClient } from '@tanstack/vue-query'
import { unref } from 'vue'
import { postOrdersCreate } from '~/api/endpoints/wp/orders'

export const usePostOrdersCreate = () => {
  const queryClient = useQueryClient()

  return useMutation({
    mutationFn: (params: { line_items: MaybeRef<object[]> }) =>
      postOrdersCreate(unref(params.line_items)),

    onSuccess: (data, variables) => {
      queryClient.invalidateQueries({
        queryKey: ['post-orders-create', unref(variables.line_items)],
      })
    },
  })
}