@medusajs/dashboard 3.0.0-snapshot-20251215083939 → 3.0.0-snapshot-20251215162333

package/dist/{translation-list-S4477JFR.mjs → translation-list-AFK5MGSH.mjs}

@@ -7,7 +7,10 @@ import {
 import {
   TwoColumnPageSkeleton
 } from "./chunk-LPEUYMRK.mjs";
-import "./chunk-7ESWXA2P.mjs";
+import {
+  useTranslationSettings,
+  useTranslationStatistics
+} from "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
@@ -45,7 +48,6 @@ import "./chunk-QZ7TP4HQ.mjs";
 // src/routes/translations/translation-list/translation-list.tsx
 import { Container as Container4, Heading as Heading3, Text as Text4 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
-import { Buildings } from "@medusajs/icons";
 
 // src/routes/translations/translation-list/components/active-locales-section/active-locales-section.tsx
 import { PencilSquare, Language } from "@medusajs/icons";
@@ -124,10 +126,16 @@ import { Container as Container3, Heading as Heading2, Text as Text3 } from "@me
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var TranslationsCompletionSection = ({
-  translatedCount = 0,
-  totalCount = 0
+  statistics
 }) => {
   const { t } = useTranslation2();
+  const { translatedCount, totalCount } = Object.values(statistics).reduce(
+    (acc, curr) => ({
+      translatedCount: acc.translatedCount + curr.translated,
+      totalCount: acc.totalCount + curr.expected
+    }),
+    { totalCount: 0, translatedCount: 0 }
+  );
   const percentage = totalCount > 0 ? translatedCount / totalCount * 100 : 0;
   const remaining = Math.max(0, totalCount - translatedCount);
   return /* @__PURE__ */ jsxs3(Container3, { className: "flex flex-col gap-y-3 px-6 py-4", children: [
@@ -187,76 +195,56 @@ var TranslationsCompletionSection = ({
 };
 
 // src/routes/translations/translation-list/translation-list.tsx
+import { useMemo } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var TRANSLATABLE_ENTITIES = [
-  {
-    icon: /* @__PURE__ */ jsx4(Buildings, {}),
-    label: "Product",
-    reference: "product",
-    translatedCount: 4,
-    totalCount: 96
-  },
-  {
-    icon: /* @__PURE__ */ jsx4(Buildings, {}),
-    label: "Product Variants",
-    reference: "product_variant",
-    translatedCount: 4,
-    totalCount: 2e5
-  },
-  {
-    icon: /* @__PURE__ */ jsx4(Buildings, {}),
-    label: "Product Categories",
-    reference: "product_category",
-    translatedCount: 96,
-    totalCount: 96
-  },
-  {
-    icon: /* @__PURE__ */ jsx4(Buildings, {}),
-    label: "Product Collections",
-    reference: "product_collection",
-    translatedCount: 4,
-    totalCount: 96
-  },
-  {
-    icon: /* @__PURE__ */ jsx4(Buildings, {}),
-    label: "Product Types",
-    reference: "product_type",
-    translatedCount: 4,
-    totalCount: 96
-  },
-  {
-    icon: /* @__PURE__ */ jsx4(Buildings, {}),
-    label: "Product Tags",
-    reference: "product_tag",
-    translatedCount: 96,
-    totalCount: 96
-  },
-  {
-    icon: /* @__PURE__ */ jsx4(Buildings, {}),
-    label: "Product Options",
-    reference: "product_option",
-    translatedCount: 96,
-    totalCount: 96
-  },
-  {
-    icon: /* @__PURE__ */ jsx4(Buildings, {}),
-    label: "Product Option Values",
-    reference: "product_option_value",
-    translatedCount: 96,
-    totalCount: 96
-  }
-];
 var TranslationList = () => {
   const { t } = useTranslation3();
   const { store, isPending, isError, error } = useStore();
-  if (isError) {
-    throw error;
+  const {
+    translatable_fields,
+    isPending: isTranslationSettingsPending,
+    isError: isTranslationSettingsError,
+    error: translationSettingsError
+  } = useTranslationSettings();
+  const {
+    statistics,
+    isPending: isTranslationStatisticsPending,
+    isError: isTranslationStatisticsError,
+    error: translationStatisticsError
+  } = useTranslationStatistics(
+    {
+      locales: store?.supported_locales?.map(
+        (suportedLocale) => suportedLocale.locale_code
+      ) ?? [],
+      entity_types: Object.keys(translatable_fields ?? {})
+    },
+    {
+      enabled: !!translatable_fields && !!store
+    }
+  );
+  if (isError || isTranslationSettingsError || isTranslationStatisticsError) {
+    throw error || translationSettingsError || translationStatisticsError;
   }
-  const isReady = !!store && !isPending;
+  const hasLocales = (store?.supported_locales ?? []).length > 0;
+  const translatableEntities = useMemo(() => {
+    if (!translatable_fields || !statistics) {
+      return [];
+    }
+    return Object.entries(translatable_fields).map(([entity, fields]) => {
+      const entityStatistics = statistics[entity];
+      return {
+        label: entity.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" "),
+        reference: entity,
+        translatableFields: fields,
+        translatedCount: entityStatistics.translated,
+        totalCount: entityStatistics.expected
+      };
+    });
+  }, [translatable_fields, statistics]);
+  const isReady = !!store && !isPending && !isTranslationSettingsPending && !isTranslationStatisticsPending && !!translatable_fields && !!statistics;
   if (!isReady) {
     return /* @__PURE__ */ jsx4(TwoColumnPageSkeleton, { sidebarSections: 2 });
   }
-  const hasLocales = (store?.supported_locales ?? []).length > 0;
   return /* @__PURE__ */ jsxs4(
     TwoColumnPage,
     {
@@ -278,7 +266,7 @@ var TranslationList = () => {
           /* @__PURE__ */ jsx4(
             TranslationListSection,
             {
-              entities: TRANSLATABLE_ENTITIES,
+              entities: translatableEntities,
               hasLocales
             }
           )
@@ -292,7 +280,7 @@ var TranslationList = () => {
               ) ?? []
             }
           ),
-          /* @__PURE__ */ jsx4(TranslationsCompletionSection, {})
+          statistics && /* @__PURE__ */ jsx4(TranslationsCompletionSection, { statistics })
         ] })
       ]
     }

package/dist/{translations-edit-S3V7SSDA.mjs → translations-edit-EN47PWTO.mjs}

@@ -23,8 +23,9 @@ import {
 import "./chunk-OBQI23QM.mjs";
 import {
   useBatchTranslations,
-  useReferenceTranslations
-} from "./chunk-7ESWXA2P.mjs";
+  useReferenceTranslations,
+  useTranslationSettings
+} from "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
@@ -69,20 +70,6 @@ import { useMemo, useRef } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";
-
-// src/routes/translations/translations-edit/utils/reference-label-map.ts
-var REFERENCE_LABEL_MAP = {
-  product: "Products",
-  product_variant: "Product Variants",
-  product_category: "Product Categories",
-  product_collection: "Product Collections",
-  product_type: "Product Types",
-  product_tag: "Product Tags",
-  product_option: "Product Options",
-  product_option_value: "Product Option Values"
-};
-
-// src/routes/translations/translations-edit/components/translations-edit-form/translations-edit-form.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var LocaleTranslationSchema = z.object({
   id: z.string().nullish(),
@@ -361,7 +348,7 @@ var TranslationsEditForm = ({
       defaultValue: entityType,
       className: "flex h-full flex-col overflow-hidden",
       children: [
-        /* @__PURE__ */ jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsx(ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: /* @__PURE__ */ jsx(ProgressTabs.Trigger, { value: entityType, children: REFERENCE_LABEL_MAP[entityType] }) }) }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsx(ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: /* @__PURE__ */ jsx(ProgressTabs.Trigger, { value: entityType, children: entityType.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ") }) }) }) }),
         /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx(
           ProgressTabs.Content,
           {
@@ -412,10 +399,15 @@ var TranslationsEdit = () => {
       return;
     }
   }, [reference, navigate, isTranslationsEnabled]);
+  const {
+    translatable_fields,
+    isPending: isTranslationSettingsPending,
+    isError: isTranslationSettingsError,
+    error: translationSettingsError
+  } = useTranslationSettings({ entity_type: reference });
   const {
     translations,
     references,
-    translatableFields,
     fetchNextPage,
     count,
     isFetchingNextPage,
@@ -423,18 +415,24 @@ var TranslationsEdit = () => {
     isPending,
     isError,
     error
-  } = useReferenceTranslations(reference, referenceIdParam, {
-    placeholderData: keepPreviousData
-  });
+  } = useReferenceTranslations(
+    reference,
+    translatable_fields?.[reference] ?? [],
+    referenceIdParam,
+    {
+      enabled: !!translatable_fields && !!reference,
+      placeholderData: keepPreviousData
+    }
+  );
   const {
     store,
     isPending: isStorePending,
     isError: isStoreError,
     error: storeError
   } = useStore();
-  const ready = !isPending && !!translations && !!translatableFields && !!references && !isStorePending && !!store;
-  if (isError || isStoreError) {
-    throw error || storeError;
+  const ready = !isPending && !!translations && !!translatable_fields && !isTranslationSettingsPending && !!references && !isStorePending && !!store;
+  if (isError || isStoreError || isTranslationSettingsError) {
+    throw error || storeError || translationSettingsError;
   }
   return /* @__PURE__ */ jsx2(RouteFocusModal, { prev: referenceIdParam.length ? -1 : "..", children: ready && /* @__PURE__ */ jsx2(
     TranslationsEditForm,
@@ -443,8 +441,8 @@ var TranslationsEdit = () => {
       references,
       entityType: reference,
       availableLocales: store?.supported_locales ?? [],
-      translatableFields,
-      modalFields: translatableFields,
+      translatableFields: translatable_fields[reference],
+      modalFields: translatable_fields[reference],
       fetchNextPage,
       hasNextPage,
       isFetchingNextPage,

package/dist/{user-metadata-SILGZHTG.mjs → user-metadata-2WPJOEJA.mjs}

@@ -12,7 +12,7 @@ import "./chunk-LPEUYMRK.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-7ESWXA2P.mjs";
+import "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";

package/dist/{workflow-execution-detail-GJTST4GO.mjs → workflow-execution-detail-H2AKEZJX.mjs}

@@ -20,7 +20,7 @@ import {
 import {
   useDocumentDirection
 } from "./chunk-S4DMV3ZT.mjs";
-import "./chunk-7ESWXA2P.mjs";
+import "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "3.0.0-snapshot-20251215083939",
+  "version": "3.0.0-snapshot-20251215162333",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "../../../node_modules/.bin/vite",
@@ -46,10 +46,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/admin-shared": "3.0.0-snapshot-20251215083939",
-    "@medusajs/icons": "3.0.0-snapshot-20251215083939",
-    "@medusajs/js-sdk": "3.0.0-snapshot-20251215083939",
-    "@medusajs/ui": "4.0.31-snapshot-20251215083939",
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251215162333",
+    "@medusajs/icons": "3.0.0-snapshot-20251215162333",
+    "@medusajs/js-sdk": "3.0.0-snapshot-20251215162333",
+    "@medusajs/ui": "4.0.31-snapshot-20251215162333",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
@@ -80,10 +80,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "3.0.0-snapshot-20251215083939",
-    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251215083939",
-    "@medusajs/types": "3.0.0-snapshot-20251215083939",
-    "@medusajs/ui-preset": "3.0.0-snapshot-20251215083939"
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251215162333",
+    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251215162333",
+    "@medusajs/types": "3.0.0-snapshot-20251215162333",
+    "@medusajs/ui-preset": "3.0.0-snapshot-20251215162333"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/hooks/api/translations.tsx

@@ -8,43 +8,36 @@ import {
   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, useInfiniteProducts, useProducts } from "./products"
+import { productsQueryKeys, useInfiniteProducts } from "./products"
 import {
   productVariantQueryKeys,
   useInfiniteVariants,
-  useVariants,
 } from "./product-variants"
-import {
-  categoriesQueryKeys,
-  useInfiniteCategories,
-  useProductCategories,
-} from "./categories"
-import {
-  collectionsQueryKeys,
-  useCollections,
-  useInfiniteCollections,
-} from "./collections"
-import {
-  productTagsQueryKeys,
-  useInfiniteProductTags,
-  useProductTags,
-} from "./tags"
-import {
-  productTypesQueryKeys,
-  useInfiniteProductTypes,
-  useProductTypes,
-} from "./product-types"
+import { categoriesQueryKeys, useInfiniteCategories } from "./categories"
+import { collectionsQueryKeys, useInfiniteCollections } from "./collections"
+import { productTagsQueryKeys, useInfiniteProductTags } from "./tags"
+import { productTypesQueryKeys, useInfiniteProductTypes } from "./product-types"
 
 const TRANSLATIONS_QUERY_KEY = "translations" as const
 export const translationsQueryKeys = queryKeysFactory(TRANSLATIONS_QUERY_KEY)
 
+const TRANSLATION_SETTINGS_QUERY_KEY = "translation_settings" as const
+export const translationSettingsQueryKeys = queryKeysFactory(
+  TRANSLATION_SETTINGS_QUERY_KEY
+)
+
+const TRANSLATION_STATISTICS_QUERY_KEY = "translation_statistics" as const
+export const translationStatisticsQueryKeys = queryKeysFactory(
+  TRANSLATION_STATISTICS_QUERY_KEY
+)
+
 export const useReferenceTranslations = (
   reference: string,
+  translatableFields: string[],
   referenceId?: string | string[],
   options?: Omit<
     UseInfiniteQueryOptions<any, FetchError, any, any, QueryKey, number>,
@@ -57,7 +50,6 @@ export const useReferenceTranslations = (
       data: {
         translations: HttpTypes.AdminTranslation[]
         references: (Record<string, any> & { id: string })[]
-        translatableFields: string[]
         count: number
       }
     }
@@ -65,7 +57,6 @@ export const useReferenceTranslations = (
     [
       "product",
       () => {
-        const translatableFields = ["title", "description"]
         const fields = translatableFields.concat(["translations.*"]).join(",")
 
         const { data, ...rest } = useInfiniteProducts(
@@ -80,7 +71,6 @@ export const useReferenceTranslations = (
             translations:
               products?.flatMap((product) => product.translations ?? []) ?? [],
             references: products ?? [],
-            translatableFields,
             count: data?.pages[0]?.count ?? 0,
           },
         }
@@ -89,7 +79,6 @@ export const useReferenceTranslations = (
     [
       "product_variant",
       () => {
-        const translatableFields = ["title"]
         const fields = translatableFields.concat(["translations.*"]).join(",")
 
         const { data, ...rest } = useInfiniteVariants(
@@ -113,7 +102,6 @@ export const useReferenceTranslations = (
     [
       "product_category",
       () => {
-        const translatableFields = ["name", "description"]
         const fields = translatableFields.concat(["translations.*"]).join(",")
 
         const { data, ...rest } = useInfiniteCategories(
@@ -139,7 +127,6 @@ export const useReferenceTranslations = (
     [
       "product_collection",
       () => {
-        const translatableFields = ["title"]
         const fields = translatableFields.concat(["translations.*"]).join(",")
 
         const { data, ...rest } = useInfiniteCollections(
@@ -166,7 +153,6 @@ export const useReferenceTranslations = (
     [
       "product_type",
       () => {
-        const translatableFields = ["value"]
         const fields = translatableFields.concat(["translations.*"]).join(",")
 
         const { data, ...rest } = useInfiniteProductTypes(
@@ -191,7 +177,6 @@ export const useReferenceTranslations = (
     [
       "product_tag",
       () => {
-        const translatableFields = ["value"]
         const fields = translatableFields.concat(["translations.*"]).join(",")
 
         const { data, ...rest } = useInfiniteProductTags(
@@ -268,9 +253,54 @@ export const useBatchTranslations = (
       queryClient.invalidateQueries({
         queryKey: referenceInvalidationKeysMap.get(reference),
       })
+      queryClient.invalidateQueries({
+        queryKey: translationStatisticsQueryKeys.lists(),
+      })
 
       options?.onSuccess?.(data, variables, context)
     },
     ...options,
   })
 }
+
+export const useTranslationSettings = (
+  query?: HttpTypes.AdminTranslationSettingsParams,
+  options?: Omit<
+    UseQueryOptions<
+      HttpTypes.AdminTranslationSettingsResponse,
+      FetchError,
+      HttpTypes.AdminTranslationSettingsResponse,
+      QueryKey
+    >,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryKey: translationSettingsQueryKeys.list(query),
+    queryFn: () => sdk.admin.translation.settings(query),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}
+
+export const useTranslationStatistics = (
+  query?: HttpTypes.AdminTranslationStatisticsParams,
+  options?: Omit<
+    UseQueryOptions<
+      HttpTypes.AdminTranslationStatisticsResponse,
+      FetchError,
+      HttpTypes.AdminTranslationStatisticsResponse,
+      QueryKey
+    >,
+    "queryFn" | "queryKey"
+  >
+) => {
+  const { data, ...rest } = useQuery({
+    queryKey: translationStatisticsQueryKeys.list(query),
+    queryFn: () => sdk.admin.translation.statistics(query),
+    ...options,
+  })
+
+  return { ...data, ...rest }
+}

package/src/routes/translations/translation-list/components/translation-list-section/translation-list-section.tsx

@@ -1,13 +1,6 @@
 import { Button, Container, Text } from "@medusajs/ui"
 import { Link } from "react-router-dom"
-
-type TranslatableEntity = {
-  icon: React.ReactNode
-  label: string
-  reference: string
-  translatedCount?: number
-  totalCount?: number
-}
+import { TranslatableEntity } from "../../translation-list"
 
 type TranslationListSectionProps = {
   entities: TranslatableEntity[]

package/src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx

@@ -1,16 +1,22 @@
+import { AdminTranslationEntityStatistics } from "@medusajs/types"
 import { Container, Heading, Text } from "@medusajs/ui"
 import { useTranslation } from "react-i18next"
 
 type TranslationsCompletionSectionProps = {
-  translatedCount?: number
-  totalCount?: number
+  statistics: Record<string, AdminTranslationEntityStatistics>
 }
 
 export const TranslationsCompletionSection = ({
-  translatedCount = 0,
-  totalCount = 0,
+  statistics,
 }: TranslationsCompletionSectionProps) => {
   const { t } = useTranslation()
+  const { translatedCount, totalCount } = Object.values(statistics).reduce(
+    (acc, curr) => ({
+      translatedCount: acc.translatedCount + curr.translated,
+      totalCount: acc.totalCount + curr.expected,
+    }),
+    { totalCount: 0, translatedCount: 0 }
+  )
 
   const percentage = totalCount > 0 ? (translatedCount / totalCount) * 100 : 0
   const remaining = Math.max(0, totalCount - translatedCount)