feat: Add product routes and components to v2 in admin-next (#6958)

packages/admin-next/dashboard/src/hooks/api/categories.tsx

@@ -0,0 +1,39 @@
+import { QueryKey, UseQueryOptions, useQuery } from "@tanstack/react-query"
+import { client } from "../../lib/client"
+import { queryKeysFactory } from "../../lib/query-key-factory"
+import { CategoriesListRes, CategoryRes } from "../../types/api-responses"
+
+const CATEGORIES_QUERY_KEY = "categories" as const
+export const categoriesQueryKeys = queryKeysFactory(CATEGORIES_QUERY_KEY)
+
+export const useCategory = (
+  id: string,
+  options?: Omit<
+    UseQueryOptions<CategoryRes, Error, CategoryRes, QueryKey>,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryKey: categoriesQueryKeys.detail(id),
+    queryFn: async () => client.categories.retrieve(id),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}
+
+export const useCategories = (
+  query?: Record<string, any>,
+  options?: Omit<
+    UseQueryOptions<CategoriesListRes, Error, CategoriesListRes, QueryKey>,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryKey: categoriesQueryKeys.list(query),
+    queryFn: async () => client.categories.list(query),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}

packages/admin-next/dashboard/src/hooks/api/products.tsx

@@ -1,7 +1,18 @@
-import { QueryKey, UseQueryOptions, useQuery } from "@tanstack/react-query"
+import {
+  QueryKey,
+  UseMutationOptions,
+  UseQueryOptions,
+  useMutation,
+  useQuery,
+} from "@tanstack/react-query"
 import { client } from "../../lib/client"
 import { queryKeysFactory } from "../../lib/query-key-factory"
-import { ProductListRes, ProductRes } from "../../types/api-responses"
+import {
+  ProductDeleteRes,
+  ProductListRes,
+  ProductRes,
+} from "../../types/api-responses"
+import { queryClient } from "../../lib/medusa"
 
 const PRODUCTS_QUERY_KEY = "products" as const
 export const productsQueryKeys = queryKeysFactory(PRODUCTS_QUERY_KEY)
@@ -38,3 +49,48 @@ export const useProducts = (
 
   return { ...data, ...rest }
 }
+
+export const useCreateProduct = (
+  options?: UseMutationOptions<ProductRes, Error, any>
+) => {
+  return useMutation({
+    mutationFn: (payload: any) => client.products.create(payload),
+    onSuccess: (data: any, variables: any, context: any) => {
+      queryClient.invalidateQueries({ queryKey: productsQueryKeys.lists() })
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}
+
+export const useUpdateProduct = (
+  id: string,
+  options?: UseMutationOptions<ProductRes, Error, any>
+) => {
+  return useMutation({
+    mutationFn: (payload: any) => client.products.update(id, payload),
+    onSuccess: (data: any, variables: any, context: any) => {
+      queryClient.invalidateQueries({ queryKey: productsQueryKeys.lists() })
+      queryClient.invalidateQueries({ queryKey: productsQueryKeys.detail(id) })
+
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}
+
+export const useDeleteProduct = (
+  id: string,
+  options?: UseMutationOptions<ProductDeleteRes, Error, void>
+) => {
+  return useMutation({
+    mutationFn: () => client.products.delete(id),
+    onSuccess: (data: any, variables: any, context: any) => {
+      queryClient.invalidateQueries({ queryKey: productsQueryKeys.lists() })
+      queryClient.invalidateQueries({ queryKey: productsQueryKeys.detail(id) })
+
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}

packages/admin-next/dashboard/src/hooks/api/tags.tsx

@@ -0,0 +1,39 @@
+import { QueryKey, UseQueryOptions, useQuery } from "@tanstack/react-query"
+import { client } from "../../lib/client"
+import { queryKeysFactory } from "../../lib/query-key-factory"
+import { TagsListRes, TagRes } from "../../types/api-responses"
+
+const TAGS_QUERY_KEY = "tags" as const
+export const tagsQueryKeys = queryKeysFactory(TAGS_QUERY_KEY)
+
+export const useTag = (
+  id: string,
+  options?: Omit<
+    UseQueryOptions<TagRes, Error, TagRes, QueryKey>,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryKey: tagsQueryKeys.detail(id),
+    queryFn: async () => client.tags.retrieve(id),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}
+
+export const useTags = (
+  query?: Record<string, any>,
+  options?: Omit<
+    UseQueryOptions<TagsListRes, Error, TagsListRes, QueryKey>,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryKey: tagsQueryKeys.list(query),
+    queryFn: async () => client.tags.list(query),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}