import {useShopActionQuery} from '../../internal/reactQuery'
import {useShopActions} from '../../internal/useShopActions'
import {DataHookOptionsBase, DataHookReturnsBase, Shop} from '../../types'

export interface UseShopParams extends DataHookOptionsBase {
  /**
   * The shop ID to fetch.
   */
  id: string
}

export interface UseShopReturns extends DataHookReturnsBase {
  /**
   * The shop returned from the query.
   */
  shop: Shop | null
}

export const useShop = (params: UseShopParams): UseShopReturns => {
  const {getShop} = useShopActions()
  const {skip = false, ...restParams} = params

  const {data, ...rest} = useShopActionQuery(
    ['shop', restParams],
    getShop,
    restParams,
    {skip}
  )

  return {
    ...rest,
    shop: data,
  }
}

/**
 * The `useShop` hook enables fetching a shop by its ID.
 * @publicDocs
 */
export type UseShopGeneratedType = (params: UseShopParams) => UseShopReturns