@medusajs/dashboard 3.0.0-snapshot-20251208164410 → 3.0.0-snapshot-20251211180009

package/src/hooks/api/index.ts

@@ -11,13 +11,13 @@ export * from "./fulfillment-providers"
 export * from "./fulfillment-sets"
 export * from "./inventory"
 export * from "./invites"
+export * from "./locales"
 export * from "./notification"
 export * from "./orders"
 export * from "./payment-collections"
 export * from "./payments"
 export * from "./plugins"
 export * from "./price-lists"
-export * from "./product-options"
 export * from "./product-types"
 export * from "./product-variants"
 export * from "./products"
@@ -34,6 +34,7 @@ export * from "./store"
 export * from "./tags"
 export * from "./tax-rates"
 export * from "./tax-regions"
+export * from "./translations"
 export * from "./users"
 export * from "./views"
 export * from "./workflow-executions"

package/src/hooks/api/locales.tsx

@@ -0,0 +1,52 @@
+import { FetchError } from "@medusajs/js-sdk"
+import { HttpTypes } from "@medusajs/types"
+import { QueryKey, UseQueryOptions, useQuery } from "@tanstack/react-query"
+
+import { sdk } from "../../lib/client"
+import { queryKeysFactory } from "../../lib/query-key-factory"
+
+const LOCALES_QUERY_KEY = "locales" as const
+const localesQueryKeys = queryKeysFactory(LOCALES_QUERY_KEY)
+
+export const useLocales = (
+  query?: HttpTypes.AdminLocaleListParams,
+  options?: Omit<
+    UseQueryOptions<
+      HttpTypes.AdminLocaleListResponse,
+      FetchError,
+      HttpTypes.AdminLocaleListResponse,
+      QueryKey
+    >,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.locale.list(query),
+    queryKey: localesQueryKeys.list(query),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}
+
+export const useLocale = (
+  id: string,
+  query?: HttpTypes.AdminLocaleParams,
+  options?: Omit<
+    UseQueryOptions<
+      HttpTypes.AdminLocaleResponse,
+      FetchError,
+      HttpTypes.AdminLocaleResponse,
+      QueryKey
+    >,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryKey: localesQueryKeys.detail(id),
+    queryFn: async () => sdk.admin.locale.retrieve(id, query),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}

package/src/hooks/api/price-lists.tsx

@@ -14,7 +14,12 @@ import { customerGroupsQueryKeys } from "./customer-groups"
 import { productsQueryKeys } from "./products"
 
 const PRICE_LISTS_QUERY_KEY = "price-lists" as const
+const PRICE_LIST_PRICES_QUERY_KEY = "price-list-prices" as const
+
 export const priceListsQueryKeys = queryKeysFactory(PRICE_LISTS_QUERY_KEY)
+export const priceListPricesQueryKeys = queryKeysFactory(
+  PRICE_LIST_PRICES_QUERY_KEY
+)
 
 export const usePriceList = (
   id: string,
@@ -31,7 +36,7 @@ export const usePriceList = (
 ) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.priceList.retrieve(id, query),
-    queryKey: priceListsQueryKeys.detail(id),
+    queryKey: priceListsQueryKeys.detail(id, query),
     ...options,
   })
 
@@ -124,6 +129,25 @@ export const useDeletePriceList = (
   })
 }
 
+export const usePriceListPrices = (
+  id: string,
+  query?: HttpTypes.AdminPriceListPriceListParams,
+  options?: UseQueryOptions<
+    HttpTypes.AdminPriceListPriceListResponse,
+    FetchError,
+    HttpTypes.AdminPriceListPriceListResponse,
+    QueryKey
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.priceList.prices(id, query),
+    queryKey: priceListPricesQueryKeys.detail(id, query),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}
+
 export const useBatchPriceListPrices = (
   id: string,
   query?: HttpTypes.AdminPriceListParams,
@@ -141,6 +165,9 @@ export const useBatchPriceListPrices = (
         queryKey: priceListsQueryKeys.detail(id),
       })
       queryClient.invalidateQueries({ queryKey: productsQueryKeys.lists() })
+      queryClient.invalidateQueries({
+        queryKey: priceListPricesQueryKeys.detail(id),
+      })
 
       options?.onSuccess?.(data, variables, context)
     },

package/src/hooks/api/product-variants.tsx

@@ -2,6 +2,7 @@ import { QueryKey, useQuery, UseQueryOptions } from "@tanstack/react-query"
 import { sdk } from "../../lib/client"
 import { queryKeysFactory } from "../../lib/query-key-factory"
 import { FetchError } from "@medusajs/js-sdk"
+import { HttpTypes } from "@medusajs/types"
 
 const PRODUCT_VARIANT_QUERY_KEY = "product_variant" as const
 export const productVariantQueryKeys = queryKeysFactory(
@@ -11,7 +12,12 @@ export const productVariantQueryKeys = queryKeysFactory(
 export const useVariants = (
   query?: Record<string, any>,
   options?: Omit<
-    UseQueryOptions<any, FetchError, any, QueryKey>,
+    UseQueryOptions<
+      HttpTypes.AdminProductVariantListResponse,
+      FetchError,
+      HttpTypes.AdminProductVariantListResponse,
+      QueryKey
+    >,
     "queryFn" | "queryKey"
   >
 ) => {

package/src/hooks/api/products.tsx

@@ -11,7 +11,6 @@ import { sdk } from "../../lib/client"
 import { queryClient } from "../../lib/query-client"
 import { queryKeysFactory } from "../../lib/query-key-factory"
 import { inventoryItemsQueryKeys } from "./inventory.tsx"
-import { productOptionsQueryKeys } from "./product-options.tsx"
 
 const PRODUCTS_QUERY_KEY = "products" as const
 export const productsQueryKeys = queryKeysFactory(PRODUCTS_QUERY_KEY)
@@ -19,6 +18,72 @@ export const productsQueryKeys = queryKeysFactory(PRODUCTS_QUERY_KEY)
 const VARIANTS_QUERY_KEY = "product_variants" as const
 export const variantsQueryKeys = queryKeysFactory(VARIANTS_QUERY_KEY)
 
+const OPTIONS_QUERY_KEY = "product_options" as const
+export const optionsQueryKeys = queryKeysFactory(OPTIONS_QUERY_KEY)
+
+export const useCreateProductOption = (
+  productId: string,
+  options?: UseMutationOptions<any, FetchError, any>
+) => {
+  return useMutation({
+    mutationFn: (payload: HttpTypes.AdminCreateProductOption) =>
+      sdk.admin.product.createOption(productId, payload),
+    onSuccess: (data: any, variables: any, context: any) => {
+      queryClient.invalidateQueries({ queryKey: optionsQueryKeys.lists() })
+      queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.detail(productId),
+      })
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}
+
+export const useUpdateProductOption = (
+  productId: string,
+  optionId: string,
+  options?: UseMutationOptions<any, FetchError, any>
+) => {
+  return useMutation({
+    mutationFn: (payload: HttpTypes.AdminUpdateProductOption) =>
+      sdk.admin.product.updateOption(productId, optionId, payload),
+    onSuccess: (data: any, variables: any, context: any) => {
+      queryClient.invalidateQueries({ queryKey: optionsQueryKeys.lists() })
+      queryClient.invalidateQueries({
+        queryKey: optionsQueryKeys.detail(optionId),
+      })
+      queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.detail(productId),
+      })
+
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}
+
+export const useDeleteProductOption = (
+  productId: string,
+  optionId: string,
+  options?: UseMutationOptions<any, FetchError, void>
+) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.product.deleteOption(productId, optionId),
+    onSuccess: (data: any, variables: any, context: any) => {
+      queryClient.invalidateQueries({ queryKey: optionsQueryKeys.lists() })
+      queryClient.invalidateQueries({
+        queryKey: optionsQueryKeys.detail(optionId),
+      })
+      queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.detail(productId),
+      })
+
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}
+
 export const useProductVariant = (
   productId: string,
   variantId: string,
@@ -275,7 +340,11 @@ export const useUpdateProduct = (
   >
 ) => {
   return useMutation({
-    mutationFn: (payload) => sdk.admin.product.update(id, payload),
+    mutationFn: (payload) =>
+      sdk.admin.product.update(id, payload, {
+        fields:
+          "-type,-collection,-options,-tags,-images,-variants,-sales_channels",
+      }),
     onSuccess: async (data, variables, context) => {
       await queryClient.invalidateQueries({
         queryKey: productsQueryKeys.lists(),
@@ -310,31 +379,6 @@ export const useDeleteProduct = (
   })
 }
 
-export const useLinkProductOptions = (
-  productId: string,
-  options?: UseMutationOptions<
-    HttpTypes.AdminProductResponse,
-    FetchError,
-    HttpTypes.AdminLinkProductOptions
-  >
-) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.admin.product.linkOptions(productId, payload),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({ queryKey: productsQueryKeys.lists() })
-      queryClient.invalidateQueries({
-        queryKey: productsQueryKeys.detail(productId),
-      })
-      queryClient.invalidateQueries({
-        queryKey: productOptionsQueryKeys.lists(),
-      })
-
-      options?.onSuccess?.(data, variables, context)
-    },
-    ...options,
-  })
-}
-
 export const useExportProducts = (
   query?: HttpTypes.AdminProductListParams,
   options?: UseMutationOptions<

package/src/hooks/api/translations.tsx

@@ -0,0 +1,254 @@
+import { FetchError } from "@medusajs/js-sdk"
+import { HttpTypes } from "@medusajs/types"
+import {
+  QueryKey,
+  useMutation,
+  UseMutationOptions,
+  useQuery,
+  UseQueryOptions,
+  UseQueryResult,
+} from "@tanstack/react-query"
+import { sdk } from "../../lib/client"
+import { queryKeysFactory } from "../../lib/query-key-factory"
+import { queryClient } from "../../lib/query-client"
+import { productsQueryKeys, useProducts } from "./products"
+import { productVariantQueryKeys, useVariants } from "./product-variants"
+import { categoriesQueryKeys, useProductCategories } from "./categories"
+import { collectionsQueryKeys, useCollections } from "./collections"
+import { productTagsQueryKeys, useProductTags } from "./tags"
+import { productTypesQueryKeys, useProductTypes } from "./product-types"
+
+const TRANSLATIONS_QUERY_KEY = "translations" as const
+export const translationsQueryKeys = queryKeysFactory(TRANSLATIONS_QUERY_KEY)
+
+export const useReferenceTranslations = (
+  reference: string,
+  referenceId?: string | string[],
+  options?: Omit<
+    UseQueryOptions<any, FetchError, any, QueryKey>,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const referenceHookMap = new Map<
+    string,
+    () => UseQueryResult<{
+      translations: HttpTypes.AdminTranslation[]
+      references: { id: string; [key: string]: string }[]
+      translatableFields: string[]
+    }>
+  >([
+    [
+      "product",
+      () => {
+        const translatableFields = ["title", "description"]
+        const fields = translatableFields.concat(["translations.*"]).join(",")
+
+        const { products, ...rest } = useProducts(
+          { id: referenceId ?? [], fields },
+          options
+        )
+        return {
+          ...rest,
+          data: {
+            translations:
+              products?.flatMap((product) => product.translations ?? []) ?? [],
+            references: products ?? [],
+            translatableFields,
+          },
+        } as unknown as UseQueryResult<{
+          translations: HttpTypes.AdminTranslation[]
+          references: { id: string; [key: string]: string }[]
+          translatableFields: string[]
+        }>
+      },
+    ],
+    [
+      "product_variant",
+      () => {
+        const translatableFields = ["title"]
+        const fields = translatableFields.concat(["translations.*"]).join(",")
+
+        const { variants, ...rest } = useVariants(
+          { id: referenceId ?? [], fields },
+          options
+        )
+        return {
+          ...rest,
+          data: {
+            translations:
+              variants?.flatMap((variant) => variant.translations ?? []) ?? [],
+            references: variants ?? [],
+            translatableFields,
+          },
+        } as unknown as UseQueryResult<{
+          translations: HttpTypes.AdminTranslation[]
+          references: { id: string; [key: string]: string }[]
+          translatableFields: string[]
+        }>
+      },
+    ],
+    [
+      "product_category",
+      () => {
+        const translatableFields = ["name", "description"]
+        const fields = translatableFields.concat(["translations.*"]).join(",")
+
+        const { product_categories, ...rest } = useProductCategories(
+          { id: referenceId ?? [], fields },
+          options
+        )
+        return {
+          ...rest,
+          data: {
+            translations:
+              product_categories?.flatMap(
+                (category) => category.translations ?? []
+              ) ?? [],
+            references: product_categories ?? [],
+            translatableFields,
+          },
+        } as unknown as UseQueryResult<{
+          translations: HttpTypes.AdminTranslation[]
+          references: { id: string; [key: string]: string }[]
+          translatableFields: string[]
+        }>
+      },
+    ],
+    [
+      "product_collection",
+      () => {
+        const translatableFields = ["title"]
+        const fields = translatableFields.concat(["translations.*"]).join(",")
+
+        const { collections, ...rest } = useCollections(
+          { id: referenceId ?? [], fields },
+          options
+        )
+        return {
+          ...rest,
+          data: {
+            translations:
+              collections?.flatMap(
+                (collection) => collection.translations ?? []
+              ) ?? [],
+            references: collections ?? [],
+            translatableFields,
+          },
+        } as unknown as UseQueryResult<{
+          translations: HttpTypes.AdminTranslation[]
+          references: { id: string; [key: string]: string }[]
+          translatableFields: string[]
+        }>
+      },
+    ],
+    [
+      "product_type",
+      () => {
+        const translatableFields = ["value"]
+        const fields = translatableFields.concat(["translations.*"]).join(",")
+
+        const { product_types, ...rest } = useProductTypes(
+          { id: referenceId ?? [], fields },
+          options
+        )
+        return {
+          ...rest,
+          data: {
+            translations:
+              product_types?.flatMap((type) => type.translations ?? []) ?? [],
+            references: product_types ?? [],
+            translatableFields,
+          },
+        } as unknown as UseQueryResult<{
+          translations: HttpTypes.AdminTranslation[]
+          references: { id: string; [key: string]: string }[]
+          translatableFields: string[]
+        }>
+      },
+    ],
+    [
+      "product_tag",
+      () => {
+        const translatableFields = ["value"]
+        const fields = translatableFields.concat(["translations.*"]).join(",")
+
+        const { product_tags, ...rest } = useProductTags(
+          { id: referenceId ?? [], fields },
+          options
+        )
+        return {
+          ...rest,
+          data: {
+            translations:
+              product_tags?.flatMap((tag) => tag.translations ?? []) ?? [],
+            references: product_tags ?? [],
+            translatableFields,
+          },
+        } as unknown as UseQueryResult<{
+          translations: HttpTypes.AdminTranslation[]
+          references: { id: string; [key: string]: string }[]
+          translatableFields: string[]
+        }>
+      },
+    ],
+    // TODO: product option and option values
+  ])
+  const referenceHook = referenceHookMap.get(reference)
+  if (!referenceHook) {
+    throw new Error(`No hook found for reference type: ${reference}`)
+  }
+  const { data, ...rest } = referenceHook()
+  return { ...data, ...rest }
+}
+
+export const useTranslations = (
+  query?: HttpTypes.AdminTranslationsListParams,
+  options?: Omit<
+    UseQueryOptions<
+      HttpTypes.AdminTranslationsListResponse,
+      FetchError,
+      HttpTypes.AdminTranslationsListResponse,
+      QueryKey
+    >,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryKey: translationsQueryKeys.list(query),
+    queryFn: () => sdk.admin.translation.list(query),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}
+
+export const useBatchTranslations = (
+  reference: string,
+  options?: UseMutationOptions<
+    HttpTypes.AdminTranslationsBatchResponse,
+    FetchError,
+    HttpTypes.AdminBatchTranslations
+  >
+) => {
+  const referenceInvalidationKeysMap = new Map<string, QueryKey>([
+    ["product", productsQueryKeys.lists()],
+    ["product_variant", productVariantQueryKeys.lists()],
+    ["product_category", categoriesQueryKeys.lists()],
+    ["product_collection", collectionsQueryKeys.lists()],
+    ["product_type", productTypesQueryKeys.lists()],
+    ["product_tag", productTagsQueryKeys.lists()],
+  ])
+
+  return useMutation({
+    mutationFn: (payload: HttpTypes.AdminBatchTranslations) =>
+      sdk.admin.translation.batch(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: referenceInvalidationKeysMap.get(reference),
+      })
+
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}

package/src/hooks/table/columns/use-order-table-columns.tsx

@@ -98,10 +98,24 @@ export const useOrderTableColumns = (props: UseOrderTableColumnsProps) => {
       columnHelper.accessor("total", {
         header: () => <TotalHeader />,
         cell: ({ getValue, row }) => {
-          const total = getValue()
-          const currencyCode = row.original.currency_code
-
-          return <TotalCell currencyCode={currencyCode} total={total} />
+            const isFullyRefunded = row.original.payment_status === "refunded"
+            const total = !isFullyRefunded
+              ? getValue()
+              : row.original.payment_collections.reduce(
+                  (acc, payCol) => acc + (payCol.refunded_amount ?? 0),
+                  0
+                )
+            const currencyCode = row.original.currency_code
+
+            return (
+              <TotalCell
+                currencyCode={currencyCode}
+                total={total}
+                className={
+                  isFullyRefunded ? "text-ui-fg-muted line-through" : ""
+                }
+              />
+            )
         },
       }),
       columnHelper.display({

package/src/hooks/table/filters/index.ts

@@ -4,7 +4,6 @@ export * from "./use-customer-table-filters"
 export * from "./use-date-table-filters"
 export * from "./use-order-table-filters"
 export * from "./use-product-table-filters"
-export * from "./use-product-option-table-filters"
 export * from "./use-product-tag-table-filters"
 export * from "./use-product-type-table-filters"
 export * from "./use-promotion-table-filters"

package/src/hooks/table/query/use-product-table-query.tsx

@@ -7,7 +7,8 @@ type UseProductTableQueryProps = {
 }
 
 const DEFAULT_FIELDS =
-  "id,title,handle,status,*collection,*sales_channels,variants.id,thumbnail"
+  // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+  "id,title,handle,status,*collection,*sales_channels,variants.id,thumbnail,-type,-options,-tags,-images,-variants"
 
 export const useProductTableQuery = ({
   prefix,