feat(dashboard): Admin UI regions v2 (#6943)

packages/admin-next/dashboard/src/hooks/api/payments.ts

@@ -0,0 +1,24 @@
+import { QueryKey, useQuery, UseQueryOptions } from "@tanstack/react-query"
+import { PaymentProvidersListRes } from "../../types/api-responses"
+import { client } from "../../lib/client"
+
+export const usePaymentProviders = (
+  query?: Record<string, any>,
+  options?: Omit<
+    UseQueryOptions<
+      PaymentProvidersListRes,
+      Error,
+      PaymentProvidersListRes,
+      QueryKey
+    >,
+    "queryKey" | "queryFn"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryFn: async () => client.payments.listPaymentProviders(query),
+    queryKey: [],
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}

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

@@ -20,6 +20,7 @@ const regionsQueryKeys = queryKeysFactory(REGIONS_QUERY_KEY)
 
 export const useRegion = (
   id: string,
+  query?: Record<string, any>,
   options?: Omit<
     UseQueryOptions<RegionRes, Error, RegionRes, QueryKey>,
     "queryFn" | "queryKey"
@@ -27,7 +28,7 @@ export const useRegion = (
 ) => {
   const { data, ...rest } = useQuery({
     queryKey: regionsQueryKeys.detail(id),
-    queryFn: async () => client.regions.retrieve(id),
+    queryFn: async () => client.regions.retrieve(id, query),
     ...options,
   })
 

packages/admin-next/dashboard/src/hooks/table/columns/use-region-table-columns.tsx

@@ -1,15 +1,11 @@
-import { Region } from "@medusajs/medusa"
 import { createColumnHelper } from "@tanstack/react-table"
 import { useMemo } from "react"
+import { RegionDTO } from "@medusajs/types"
 
 import {
   CountriesCell,
   CountriesHeader,
 } from "../../../components/table/table-cells/region/countries-cell"
-import {
-  FulfillmentProvidersCell,
-  FulfillmentProvidersHeader,
-} from "../../../components/table/table-cells/region/fulfillment-providers-cell"
 import {
   PaymentProvidersCell,
   PaymentProvidersHeader,
@@ -19,7 +15,7 @@ import {
   RegionHeader,
 } from "../../../components/table/table-cells/region/region-cell"
 
-const columnHelper = createColumnHelper<Region>()
+const columnHelper = createColumnHelper<RegionDTO>()
 
 export const useRegionTableColumns = () => {
   return useMemo(
@@ -38,12 +34,6 @@ export const useRegionTableColumns = () => {
           <PaymentProvidersCell paymentProviders={getValue()} />
         ),
       }),
-      columnHelper.accessor("fulfillment_providers", {
-        header: () => <FulfillmentProvidersHeader />,
-        cell: ({ getValue }) => (
-          <FulfillmentProvidersCell fulfillmentProviders={getValue()} />
-        ),
-      }),
     ],
     []
   )