@medusajs/dashboard 3.0.0-preview-20251203032421 → 3.0.0-preview-20251211172647

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/products.tsx

@@ -340,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(),

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/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,

package/src/i18n/translations/$schema.json

@@ -9303,6 +9303,9 @@
         "defaultCurrency": {
           "type": "string"
         },
+        "defaultLocale": {
+          "type": "string"
+        },
         "defaultRegion": {
           "type": "string"
         },
@@ -9321,6 +9324,9 @@
         "inviteLinkTemplate": {
           "type": "string"
         },
+        "locales": {
+          "type": "string"
+        },
         "currencies": {
           "type": "string"
         },
@@ -9339,6 +9345,15 @@
         "removeCurrencyWarning_other": {
           "type": "string"
         },
+        "removeLocaleWarning_one": {
+          "type": "string"
+        },
+        "removeLocaleWarning_other": {
+          "type": "string"
+        },
+        "localeAlreadyAdded": {
+          "type": "string"
+        },
         "currencyAlreadyAdded": {
           "type": "string"
         },
@@ -9358,20 +9373,28 @@
             "update": {
               "type": "string"
             },
+            "localesUpdated": {
+              "type": "string"
+            },
             "currenciesUpdated": {
               "type": "string"
             },
             "currenciesRemoved": {
               "type": "string"
             },
+            "localesRemoved": {
+              "type": "string"
+            },
             "updatedTaxInclusivitySuccessfully": {
               "type": "string"
             }
           },
           "required": [
             "update",
+            "localesUpdated",
             "currenciesUpdated",
             "currenciesRemoved",
+            "localesRemoved",
             "updatedTaxInclusivitySuccessfully"
           ],
           "additionalProperties": false
@@ -9382,19 +9405,24 @@
         "manageYourStoresDetails",
         "editStore",
         "defaultCurrency",
+        "defaultLocale",
         "defaultRegion",
         "defaultSalesChannel",
         "defaultLocation",
         "swapLinkTemplate",
         "paymentLinkTemplate",
         "inviteLinkTemplate",
+        "locales",
         "currencies",
         "addCurrencies",
         "enableTaxInclusivePricing",
         "disableTaxInclusivePricing",
         "removeCurrencyWarning_one",
         "removeCurrencyWarning_other",
+        "removeLocaleWarning_one",
+        "removeLocaleWarning_other",
         "currencyAlreadyAdded",
+        "localeAlreadyAdded",
         "edit",
         "toast"
       ],

package/src/i18n/translations/en.json

@@ -2497,26 +2497,33 @@
     "manageYourStoresDetails": "Manage your store's details",
     "editStore": "Edit store",
     "defaultCurrency": "Default currency",
+    "defaultLocale": "Default locale",
     "defaultRegion": "Default region",
     "defaultSalesChannel": "Default sales channel",
     "defaultLocation": "Default location",
     "swapLinkTemplate": "Swap link template",
     "paymentLinkTemplate": "Payment link template",
     "inviteLinkTemplate": "Invite link template",
+    "locales": "Locales",
     "currencies": "Currencies",
     "addCurrencies": "Add currencies",
     "enableTaxInclusivePricing": "Enable tax inclusive pricing",
     "disableTaxInclusivePricing": "Disable tax inclusive pricing",
     "removeCurrencyWarning_one": "You are about to remove {{count}} currency from your store. Ensure that you have removed all prices using the currency before proceeding.",
     "removeCurrencyWarning_other": "You are about to remove {{count}} currencies from your store. Ensure that you have removed all prices using the currencies before proceeding.",
+    "removeLocaleWarning_one": "You are about to remove {{count}} locale from your store. Any translation using this locale will be removed.",
+    "removeLocaleWarning_other": "You are about to remove {{count}} locales from your store. Any translation using these locales will be removed.",
     "currencyAlreadyAdded": "The currency has already been added to your store.",
+    "localeAlreadyAdded": "The locale has already been added to your store.",
     "edit": {
       "header": "Edit Store"
     },
     "toast": {
       "update": "Store successfully updated",
       "currenciesUpdated": "Currencies updated successfully",
+      "localesUpdated": "Locales updated successfully",
       "currenciesRemoved": "Removed currencies from the store successfully",
+      "localesRemoved": "Removed locales from the store successfully",
       "updatedTaxInclusivitySuccessfully": "Tax inclusive pricing updated successfully"
     }
   },

package/src/i18n/translations/es.json

@@ -2448,26 +2448,33 @@
     "manageYourStoresDetails": "Gestiona los detalles de tu tienda",
     "editStore": "Editar tienda",
     "defaultCurrency": "Moneda por defecto",
+    "defaultLocale": "Idioma por defecto",
     "defaultRegion": "Región por defecto",
     "defaultSalesChannel": "Canal de ventas predeterminado",
     "defaultLocation": "Ubicación predeterminada",
     "swapLinkTemplate": "Plantilla de enlace de cambio",
     "paymentLinkTemplate": "Plantilla de enlace de pago",
     "inviteLinkTemplate": "Plantilla de enlace de invitación",
+    "locales": "Idiomas",
     "currencies": "Monedas",
     "addCurrencies": "Agregar monedas",
     "enableTaxInclusivePricing": "Habilitar precios con impuestos incluidos",
     "disableTaxInclusivePricing": "Deshabilitar precios con impuestos incluidos",
     "removeCurrencyWarning_one": "Estás a punto de eliminar {{count}} moneda de tu tienda. Asegúrate de haber eliminado todos los precios que usen esta moneda antes de continuar.",
     "removeCurrencyWarning_other": "Estás a punto de eliminar {{count}} monedas de tu tienda. Asegúrate de haber eliminado todos los precios que usen estas monedas antes de continuar.",
+    "removeLocaleWarning_one": "Estás a punto de eliminar {{count}} idioma de tu tienda. Cualquier traducción que use este idioma será eliminada.",
+    "removeLocaleWarning_other": "Estás a punto de eliminar {{count}} idiomas de tu tienda. Cualquier traducción que use estos idiomas será eliminada.",
     "currencyAlreadyAdded": "La moneda ya ha sido agregada a tu tienda.",
+    "localeAlreadyAdded": "El idioma ya ha sido agregado a tu tienda.",
     "edit": {
       "header": "Editar Tienda"
     },
     "toast": {
       "update": "Tienda actualizada exitosamente",
       "currenciesUpdated": "Monedas actualizadas exitosamente",
+      "localesUpdated": "Idiomas actualizados exitosamente",
       "currenciesRemoved": "Monedas eliminadas de la tienda exitosamente",
+      "localesRemoved": "Idiomas eliminados de la tienda exitosamente",
       "updatedTaxInclusivitySuccessfully": "Precios con impuestos incluidos actualizados exitosamente"
     }
   },

package/src/lib/order-helpers.ts

@@ -24,7 +24,7 @@ export const getOrderPaymentStatus = (
     ],
     awaiting: [t("orders.payment.status.awaiting"), "orange"],
     captured: [t("orders.payment.status.captured"), "green"],
-    refunded: [t("orders.payment.status.refunded"), "green"],
+    refunded: [t("orders.payment.status.refunded"), "red"],
     partially_refunded: [
       t("orders.payment.status.partiallyRefunded"),
       "orange",

package/src/lib/table/cell-renderers.tsx

@@ -13,7 +13,10 @@ import { DisplayIdCell } from "../../components/table/table-cells/order/display-
 import { TotalCell } from "../../components/table/table-cells/order/total-cell"
 import { MoneyAmountCell } from "../../components/table/table-cells/common/money-amount-cell"
 import { TFunction } from "i18next"
-import { toCamelCase } from "../common"
+import {
+  getOrderPaymentStatus,
+  getOrderFulfillmentStatus,
+} from "../order-helpers"
 
 export type CellRenderer<TData = any> = (
   value: any,
@@ -27,96 +30,104 @@ export type RendererRegistry = Map<string, CellRenderer>
 const cellRenderers: RendererRegistry = new Map()
 
 const getNestedValue = (obj: any, path: string) => {
-  return path.split('.').reduce((current, key) => current?.[key], obj)
+  return path.split(".").reduce((current, key) => current?.[key], obj)
 }
 
 const TextRenderer: CellRenderer = (value, _row, _column, _t) => {
-  if (value === null || value === undefined) return '-'
+  if (value === null || value === undefined) return "-"
   return String(value)
 }
 
 const CountRenderer: CellRenderer = (value, _row, _column, t) => {
   const items = value || []
   const count = Array.isArray(items) ? items.length : 0
-  return t('general.items', { count })
+  return t("general.items", { count })
 }
 
 const StatusRenderer: CellRenderer = (value, row, column, t) => {
-  if (!value) return '-'
+  if (!value) return "-"
 
-  if (column.field === 'status' && row.status && (row.handle || row.is_giftcard !== undefined)) {
+  if (
+    column.field === "status" &&
+    row.status &&
+    (row.handle || row.is_giftcard !== undefined)
+  ) {
     return <ProductStatusCell status={row.status} />
   }
 
-  // Generic status badge
+  if (column.context === "payment" && t) {
+    const { label, color } = getOrderPaymentStatus(t, value)
+    return <StatusBadge color={color}>{label}</StatusBadge>
+  }
+
+  if (column.context === "fulfillment" && t) {
+    const { label, color } = getOrderFulfillmentStatus(t, value)
+    return <StatusBadge color={color}>{label}</StatusBadge>
+  }
+
+  // Generic status badge for other status types
   const getStatusColor = (status: string) => {
     switch (status?.toLowerCase()) {
-      case 'active':
-      case 'published':
-      case 'fulfilled':
-      case 'paid':
-        return 'green'
-      case 'pending':
-      case 'proposed':
-      case 'processing':
-        return 'orange'
-      case 'draft':
-        return 'grey'
-      case 'rejected':
-      case 'failed':
-      case 'canceled':
-        return 'red'
+      case "active":
+      case "published":
+      case "fulfilled":
+      case "paid":
+        return "green"
+      case "pending":
+      case "proposed":
+      case "processing":
+        return "orange"
+      case "draft":
+        return "grey"
+      case "rejected":
+      case "failed":
+      case "canceled":
+        return "red"
       default:
-        return 'grey'
+        return "grey"
     }
   }
 
   // Use existing translation keys where available
-  const getTranslatedStatus = (status: string, column: HttpTypes.AdminColumn): string => {
+  const getTranslatedStatus = (status: string): string => {
     if (!t) return status
 
     const lowerStatus = status.toLowerCase()
-    const camelCaseStatus = toCamelCase(lowerStatus)
     switch (lowerStatus) {
-      case 'active':
-        return t('general.active', 'Active') as string
-      case 'published':
-        return t('products.productStatus.published', 'Published') as string
-      case 'draft':
-        return t('orders.status.draft', 'Draft') as string
-      case 'pending':
-        return t('orders.status.pending', 'Pending') as string
-      case 'canceled':
-        return t('orders.status.canceled', 'Canceled') as string
+      case "active":
+        return t("general.active", "Active") as string
+      case "published":
+        return t("products.productStatus.published", "Published") as string
+      case "draft":
+        return t("orders.status.draft", "Draft") as string
+      case "pending":
+        return t("orders.status.pending", "Pending") as string
+      case "canceled":
+        return t("orders.status.canceled", "Canceled") as string
       default:
-        if (column.context === 'payment') {
-          return t(`orders.payment.status.${camelCaseStatus}`, status) as string
-        }
-        if (column.context === 'fulfillment') {
-          return t(`orders.fulfillment.status.${camelCaseStatus}`, status) as string
-        }
         // Try generic status translation with fallback
         return t(`status.${lowerStatus}`, status) as string
     }
   }
 
-  const translatedValue = getTranslatedStatus(value, column)
+  const translatedValue = getTranslatedStatus(value)
 
   return (
-    <StatusBadge color={getStatusColor(value)}>
-      {translatedValue}
-    </StatusBadge>
+    <StatusBadge color={getStatusColor(value)}>{translatedValue}</StatusBadge>
   )
 }
 
 const BadgeListRenderer: CellRenderer = (value, row, column, t) => {
   // For sales channels
-  if (column.field === 'sales_channels_display' || column.field === 'sales_channels') {
+  if (
+    column.field === "sales_channels_display" ||
+    column.field === "sales_channels"
+  ) {
     return <SalesChannelsCell salesChannels={row.sales_channels} />
   }
 
   // Generic badge list
-  if (!Array.isArray(value)) return '-'
+  if (!Array.isArray(value)) return "-"
 
   const items = value.slice(0, 2)
   const remaining = value.length - 2
@@ -125,12 +136,16 @@ const BadgeListRenderer: CellRenderer = (value, row, column, t) => {
     <div className="flex gap-1">
       {items.map((item, index) => (
         <Badge key={index} size="xsmall">
-          {typeof item === 'string' ? item : item.name || item.title || '-'}
+          {typeof item === "string" ? item : item.name || item.title || "-"}
         </Badge>
       ))}
       {remaining > 0 && (
         <Badge size="xsmall" color="grey">
-          {t ? t('general.plusCountMore', '+ {{count}} more', { count: remaining }) : `+${remaining}`}
+          {t
+            ? t("general.plusCountMore", "+ {{count}} more", {
+                count: remaining,
+              })
+            : `+${remaining}`}
         </Badge>
       )}
     </div>
@@ -152,7 +167,9 @@ const VariantsRenderer: CellRenderer = (_, row, _column, _t) => {
 // Order-specific renderers
 const CustomerNameRenderer: CellRenderer = (_, row, _column, t) => {
   if (row.customer?.first_name || row.customer?.last_name) {
-    const fullName = `${row.customer.first_name || ''} ${row.customer.last_name || ''}`.trim()
+    const fullName = `${row.customer.first_name || ""} ${
+      row.customer.last_name || ""
+    }`.trim()
     if (fullName) return fullName
   }
 
@@ -166,20 +183,20 @@ const CustomerNameRenderer: CellRenderer = (_, row, _column, t) => {
     return row.customer.phone
   }
 
-  return t ? t('customers.guest', 'Guest') : 'Guest'
+  return t ? t("customers.guest", "Guest") : "Guest"
 }
 
 const AddressSummaryRenderer: CellRenderer = (_, row, column, _t) => {
   let address = null
-  if (column.field === 'shipping_address_display') {
+  if (column.field === "shipping_address_display") {
     address = row.shipping_address
-  } else if (column.field === 'billing_address_display') {
+  } else if (column.field === "billing_address_display") {
     address = row.billing_address
   } else {
     address = row.shipping_address || row.billing_address
   }
 
-  if (!address) return '-'
+  if (!address) return "-"
 
   const parts = []
 
@@ -193,14 +210,14 @@ const AddressSummaryRenderer: CellRenderer = (_, row, column, _t) => {
   if (address.postal_code) locationParts.push(address.postal_code)
 
   if (locationParts.length > 0) {
-    parts.push(locationParts.join(', '))
+    parts.push(locationParts.join(", "))
   }
 
   if (address.country_code) {
     parts.push(address.country_code.toUpperCase())
   }
 
-  return parts.join(' • ') || '-'
+  return parts.join(" • ") || "-"
 }
 
 const CountryCodeRenderer: CellRenderer = (_, row, _column, _t) => {
@@ -239,36 +256,38 @@ const DisplayIdRenderer: CellRenderer = (value, _row, _column, _t) => {
 }
 
 const CurrencyRenderer: CellRenderer = (value, row, _column, _t) => {
-  const currencyCode = row.currency_code || 'USD'
-  return <MoneyAmountCell currencyCode={currencyCode} amount={value} align="right" />
+  const currencyCode = row.currency_code || "USD"
+  return (
+    <MoneyAmountCell currencyCode={currencyCode} amount={value} align="right" />
+  )
 }
 
 const TotalRenderer: CellRenderer = (value, row, _column, _t) => {
-  const currencyCode = row.currency_code || 'USD'
+  const currencyCode = row.currency_code || "USD"
   return <TotalCell currencyCode={currencyCode} total={value} />
 }
 
 // Register built-in renderers
-cellRenderers.set('text', TextRenderer)
-cellRenderers.set('count', CountRenderer)
-cellRenderers.set('status', StatusRenderer)
-cellRenderers.set('badge_list', BadgeListRenderer)
-cellRenderers.set('date', DateRenderer)
-cellRenderers.set('timestamp', DateRenderer)
-cellRenderers.set('currency', CurrencyRenderer)
-cellRenderers.set('total', TotalRenderer)
+cellRenderers.set("text", TextRenderer)
+cellRenderers.set("count", CountRenderer)
+cellRenderers.set("status", StatusRenderer)
+cellRenderers.set("badge_list", BadgeListRenderer)
+cellRenderers.set("date", DateRenderer)
+cellRenderers.set("timestamp", DateRenderer)
+cellRenderers.set("currency", CurrencyRenderer)
+cellRenderers.set("total", TotalRenderer)
 
 // Register product-specific renderers
-cellRenderers.set('product_info', ProductInfoRenderer)
-cellRenderers.set('collection', CollectionRenderer)
-cellRenderers.set('variants', VariantsRenderer)
-cellRenderers.set('sales_channels_list', BadgeListRenderer)
+cellRenderers.set("product_info", ProductInfoRenderer)
+cellRenderers.set("collection", CollectionRenderer)
+cellRenderers.set("variants", VariantsRenderer)
+cellRenderers.set("sales_channels_list", BadgeListRenderer)
 
 // Register order-specific renderers
-cellRenderers.set('customer_name', CustomerNameRenderer)
-cellRenderers.set('address_summary', AddressSummaryRenderer)
-cellRenderers.set('country_code', CountryCodeRenderer)
-cellRenderers.set('display_id', DisplayIdRenderer)
+cellRenderers.set("customer_name", CustomerNameRenderer)
+cellRenderers.set("address_summary", AddressSummaryRenderer)
+cellRenderers.set("country_code", CountryCodeRenderer)
+cellRenderers.set("display_id", DisplayIdRenderer)
 
 export function getCellRenderer(
   renderType?: string,
@@ -279,21 +298,21 @@ export function getCellRenderer(
   }
 
   switch (dataType) {
-    case 'number':
-    case 'string':
+    case "number":
+    case "string":
       return TextRenderer
-    case 'date':
+    case "date":
       return DateRenderer
-    case 'boolean':
+    case "boolean":
       return (value, _row, _column, t) => {
         if (t) {
-          return value ? t('fields.yes', 'Yes') : t('fields.no', 'No')
+          return value ? t("fields.yes", "Yes") : t("fields.no", "No")
         }
-        return value ? 'Yes' : 'No'
+        return value ? "Yes" : "No"
       }
-    case 'enum':
+    case "enum":
       return StatusRenderer
-    case 'currency':
+    case "currency":
       return CurrencyRenderer
     default:
       return TextRenderer