feat(medusa, medusa-js, medusa-react): Add store queries to react medusa (#3436)

What: - Adds queries to medusa react for core - Fix naming issues in types RESOLVES CORE-1131
2023-03-10 10:14:48 +00:00
parent 966aea65c2
commit 9ba09ba4d7
7 changed files with 74 additions and 13 deletions
@@ -0,0 +1,54 @@
+import {
+  StoreGetProductCategoriesParams,
+  StoreGetProductCategoriesRes,
+  StoreGetProductCategoriesCategoryParams,
+  StoreGetProductCategoriesCategoryRes,
+} from "@medusajs/medusa"
+import { Response } from "@medusajs/medusa-js"
+import { useQuery } from "@tanstack/react-query"
+
+import { useMedusa } from "../../../contexts"
+import { UseQueryOptionsWrapper } from "../../../types"
+import { queryKeysFactory } from "../../utils"
+
+const STORE_PRODUCT_CATEGORIES_QUERY_KEY = `product_categories` as const
+export const storeProductCategoryKeys = queryKeysFactory(
+  STORE_PRODUCT_CATEGORIES_QUERY_KEY
+)
+type ProductCategoryQueryKeys = typeof storeProductCategoryKeys
+
+export const useProductCategories = (
+  query?: StoreGetProductCategoriesParams,
+  options?: UseQueryOptionsWrapper<
+    Response<StoreGetProductCategoriesRes>,
+    Error,
+    ReturnType<ProductCategoryQueryKeys["list"]>
+  >
+) => {
+  const { client } = useMedusa()
+  const { data, ...rest } = useQuery(
+    storeProductCategoryKeys.list(query),
+    () => client.productCategories.list(query),
+    options
+  )
+  return { ...data, ...rest } as const
+}
+
+export const useProductCategory = (
+  id: string,
+  query?: StoreGetProductCategoriesCategoryParams,
+  options?: UseQueryOptionsWrapper<
+    Response<StoreGetProductCategoriesCategoryRes>,
+    Error,
+    ReturnType<ProductCategoryQueryKeys["detail"]>
+  >
+) => {
+  const { client } = useMedusa()
+  const { data, ...rest } = useQuery(
+    storeProductCategoryKeys.detail(id),
+    () => client.productCategories.retrieve(id, query),
+    options
+  )
+
+  return { ...data, ...rest } as const
+}