import { useEffect, useState } from 'react'
import apiFetch from '@wordpress/api-fetch'

export interface OrderOverview {
  unfulfilled: {
    count: number
    oldestCreatedAt: string | null
    url: string
  }
  openReturns: number
}

const useOrderOverview = (): 'loading' | 'failed' | OrderOverview => {
  const [overview, setOverview] = useState<
    'loading' | 'failed' | OrderOverview
  >('loading')

  useEffect(() => {
    apiFetch<OrderOverview>({ path: '/posten-bring-checkout/overview/orders' })
      .then(setOverview)
      .catch(() => setOverview('failed'))
  }, [])

  return overview
}

export default useOrderOverview