Widget | feat: add api, api-hooks

export * from './use-catalog';

export * from './use-category';

export * from './use-product';

export * from './use-shops';

export * from './use-recommendations';

export * from './use-payment';

export * from './use-user';

export * from './use-logout';

export * from './use-login';

export * from './use-register';

export * from './use-catalog';

import { useQuery } from '@tanstack/react-query';

import { getCatalog } from '@/api';

export const useCatalog = (shop: string) =>

  useQuery({

    queryKey: ['catalog', shop],

    queryFn: async () => getCatalog(shop),

  });

export * from './use-category';

import { getCategories } from '@/utils';

import { MenuList, Stylebook } from '@/interfaces';

import { useCatalog } from '../use-catalog';

interface UseCategoryResult {

  newStylebook: Stylebook | null;

  category: MenuList | null;

  isError: boolean;

  error: Error | null;

  isLoading: boolean;

  isSuccess: boolean;

}

export const useCategory = (

  shop: string,

  tabIndex: number,

  categoryIndex: number,

): UseCategoryResult => {

  const { data, isError, error, isLoading, isSuccess } = useCatalog(shop);

  const categories = isSuccess && data ? getCategories(data) : null;

  const category =

    isSuccess && categories ? categories[tabIndex]?.lists[categoryIndex] : null;

  const newStylebook = isSuccess && data ? data.shop?.stylebook : null;

  return {

    newStylebook,

    category,

    isError,

    error,

    isLoading,

    isSuccess,

  };

};