@medusajs/dashboard 2.12.2-snapshot-20251209184934 → 2.12.2

package/dist/translations-edit-I6R5ZNFX.mjs

@@ -1,374 +0,0 @@
-import {
-  DataGrid,
-  createDataGridHelper
-} from "./chunk-IPG3I3J7.mjs";
-import "./chunk-DK4WIVY6.mjs";
-import "./chunk-IUCDCPJU.mjs";
-import {
-  KeyboundForm
-} from "./chunk-6HTZNHPT.mjs";
-import "./chunk-WVA4O7QS.mjs";
-import {
-  RouteFocusModal,
-  useRouteModal
-} from "./chunk-D6UW7URG.mjs";
-import {
-  useFeatureFlag
-} from "./chunk-G4BWCU5P.mjs";
-import "./chunk-LPEUYMRK.mjs";
-import "./chunk-OC7BQLYI.mjs";
-import {
-  useDocumentDirection
-} from "./chunk-S4DMV3ZT.mjs";
-import "./chunk-OBQI23QM.mjs";
-import {
-  useBatchTranslations,
-  useReferenceTranslations
-} from "./chunk-3ESSTIV2.mjs";
-import "./chunk-I4OBEAOJ.mjs";
-import "./chunk-XIVBRONM.mjs";
-import "./chunk-HI6URQ7H.mjs";
-import "./chunk-6CLQKVAU.mjs";
-import "./chunk-KI7TOXBR.mjs";
-import "./chunk-HKIF5HVL.mjs";
-import "./chunk-WAXMT4IY.mjs";
-import "./chunk-DYDGGABK.mjs";
-import "./chunk-LGNTHZ5Y.mjs";
-import "./chunk-CN7JXSGW.mjs";
-import "./chunk-5BQQRHQS.mjs";
-import "./chunk-EUF6RSI7.mjs";
-import "./chunk-5AFMB7XQ.mjs";
-import "./chunk-NHDFPGQ3.mjs";
-import "./chunk-A63RZVX6.mjs";
-import "./chunk-HBXV7ENS.mjs";
-import "./chunk-CDORR33H.mjs";
-import "./chunk-GN6OCHP4.mjs";
-import "./chunk-N4O5FAUC.mjs";
-import "./chunk-7AX6R6G6.mjs";
-import "./chunk-N3FCYZV6.mjs";
-import "./chunk-3BF5SC66.mjs";
-import {
-  useStore
-} from "./chunk-VCSSQVPD.mjs";
-import "./chunk-HP2JH45P.mjs";
-import "./chunk-SQDIZZDW.mjs";
-import "./chunk-LEJUZW3P.mjs";
-import "./chunk-FXYH54JP.mjs";
-import "./chunk-774WSTCC.mjs";
-import "./chunk-NFEK63OE.mjs";
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/routes/translations/translations-edit/translations-edit.tsx
-import { useNavigate, useSearchParams } from "react-router-dom";
-
-// src/routes/translations/translations-edit/components/translations-edit-form/translations-edit-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, ProgressTabs, toast } from "@medusajs/ui";
-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(),
-  locale_code: z.string(),
-  fields: z.record(z.string().optional())
-});
-var EntityTranslationsSchema = z.object({
-  locales: z.record(LocaleTranslationSchema)
-});
-var TranslationsFormSchema = z.object({
-  entities: z.record(EntityTranslationsSchema)
-});
-function isEntityRow(row) {
-  return row._type === "entity";
-}
-function initTranslationsFormState(translations, references, availableLocales, translatableFields) {
-  const existingMap = /* @__PURE__ */ new Map();
-  for (const t of translations) {
-    existingMap.set(`${t.reference_id}:${t.locale_code}`, t);
-  }
-  const entitiesTranslationState = {};
-  for (const reference of references) {
-    const locales = {};
-    for (const locale of availableLocales) {
-      const key = `${reference.id}:${locale.locale_code}`;
-      const existing = existingMap.get(key);
-      const isDefaultLocale = locale.is_default;
-      const fields = {};
-      for (const fieldName of translatableFields) {
-        const fieldValue = isDefaultLocale ? existing?.translations?.[fieldName] ?? reference[fieldName] : existing?.translations?.[fieldName] ?? "";
-        fields[fieldName] = fieldValue;
-      }
-      locales[locale.locale_code] = {
-        id: existing?.id ?? null,
-        locale_code: locale.locale_code,
-        fields
-      };
-    }
-    entitiesTranslationState[reference.id] = { locales };
-  }
-  return {
-    entities: entitiesTranslationState
-  };
-}
-function buildTranslationRows(references, availableLocales, translations) {
-  const existingMap = /* @__PURE__ */ new Map();
-  for (const t of translations) {
-    existingMap.set(`${t.reference_id}:${t.locale_code}`, t);
-  }
-  return references.map((reference) => ({
-    _type: "entity",
-    reference_id: reference.id,
-    subRows: availableLocales.map((locale) => {
-      const key = `${reference.id}:${locale.locale_code}`;
-      const existing = existingMap.get(key);
-      return {
-        _type: "locale",
-        reference_id: reference.id,
-        locale_code: locale.locale_code,
-        locale_name: locale.locale.name,
-        id: existing?.id
-      };
-    })
-  }));
-}
-function transformToBatchPayload(currentState, initialState, entityType) {
-  const payload = {
-    create: [],
-    update: [],
-    delete: []
-  };
-  for (const [entityId, entityData] of Object.entries(currentState.entities)) {
-    for (const [localeCode, localeTranslations] of Object.entries(
-      entityData.locales
-    )) {
-      const initial = initialState.entities[entityId]?.locales[localeCode];
-      const hasContent = Object.values(localeTranslations.fields).some(
-        (v) => v !== void 0 && v.trim() !== ""
-      );
-      const hadContent = initial && Object.values(initial.fields).some(
-        (v) => v !== void 0 && v.trim() !== ""
-      );
-      if (!localeTranslations.id && hasContent) {
-        payload.create.push({
-          reference_id: entityId,
-          reference: entityType,
-          locale_code: localeTranslations.locale_code,
-          translations: localeTranslations.fields
-        });
-      } else if (localeTranslations.id && hasContent) {
-        const hasChanged = !initial || JSON.stringify(localeTranslations.fields) !== JSON.stringify(initial.fields);
-        if (hasChanged) {
-          payload.update.push({
-            id: localeTranslations.id,
-            translations: localeTranslations.fields
-          });
-        }
-      } else if (localeTranslations.id && !hasContent && hadContent) {
-        payload.delete.push(localeTranslations.id);
-      }
-    }
-  }
-  return payload;
-}
-var columnHelper = createDataGridHelper();
-function useTranslationsGridColumns({
-  translatableFields
-}) {
-  const { t } = useTranslation();
-  const columns = useMemo(() => {
-    return [
-      columnHelper.column({
-        id: "locale",
-        header: t("translations.bulk.mainColumn"),
-        cell: (context) => {
-          const row = context.row.original;
-          if (isEntityRow(row)) {
-            return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context });
-          }
-          return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: row.locale_name }) }) });
-        },
-        disableHiding: true
-      }),
-      ...translatableFields.map(
-        (fieldName) => columnHelper.column({
-          id: fieldName,
-          header: t(`fields.${fieldName}`, { defaultValue: fieldName }),
-          cell: (context) => {
-            const row = context.row.original;
-            if (isEntityRow(row)) {
-              return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted", children: "\u2014" }) });
-            }
-            return /* @__PURE__ */ jsx(DataGrid.TextCell, { context });
-          },
-          field: (context) => {
-            const row = context.row.original;
-            if (isEntityRow(row)) {
-              return null;
-            }
-            return `entities.${row.reference_id}.locales.${row.locale_code}.fields.${fieldName}`;
-          },
-          type: "text"
-        })
-      )
-    ];
-  }, [t, translatableFields]);
-  return columns;
-}
-var TranslationsEditForm = ({
-  translations,
-  references,
-  entityType,
-  availableLocales,
-  translatableFields
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess, setCloseOnEscape } = useRouteModal();
-  const direction = useDocumentDirection();
-  const entities = useMemo(() => references, [references]);
-  const initialState = useRef(
-    initTranslationsFormState(
-      translations,
-      entities,
-      availableLocales,
-      translatableFields
-    )
-  );
-  const form = useForm({
-    resolver: zodResolver(TranslationsFormSchema),
-    defaultValues: initialState.current
-  });
-  const rows = useMemo(
-    () => buildTranslationRows(entities, availableLocales, translations),
-    [entities, availableLocales, translations]
-  );
-  const { mutateAsync, isPending } = useBatchTranslations(entityType);
-  const handleSubmit = form.handleSubmit(async (values) => {
-    const payload = transformToBatchPayload(
-      values,
-      initialState.current,
-      entityType
-    );
-    if (payload.create.length === 0 && payload.update.length === 0 && payload.delete.length === 0) {
-      toast.info(
-        t("translations.noChanges", { defaultValue: "No changes to save" })
-      );
-      return;
-    }
-    await mutateAsync(payload, {
-      onSuccess: () => {
-        toast.success(
-          t("translations.edit.successToast", {
-            defaultValue: "Translations updated successfully"
-          })
-        );
-        handleSuccess();
-      },
-      onError: (error) => {
-        toast.error(error.message);
-      }
-    });
-  });
-  const columns = useTranslationsGridColumns({ translatableFields });
-  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsx(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: /* @__PURE__ */ jsxs(
-    ProgressTabs,
-    {
-      dir: direction,
-      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.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx(
-          ProgressTabs.Content,
-          {
-            value: entityType,
-            className: "size-full overflow-y-auto",
-            children: /* @__PURE__ */ jsx(
-              DataGrid,
-              {
-                columns,
-                data: rows,
-                getSubRows: (row) => {
-                  if (isEntityRow(row)) {
-                    return row.subRows;
-                  }
-                },
-                state: form,
-                onEditingChange: (editing) => setCloseOnEscape(!editing)
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: t("actions.save") })
-        ] }) })
-      ]
-    }
-  ) }) });
-};
-
-// src/routes/translations/translations-edit/translations-edit.tsx
-import { useEffect } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var TranslationsEdit = () => {
-  const isTranslationsEnabled = useFeatureFlag("translation");
-  const navigate = useNavigate();
-  const [searchParams] = useSearchParams();
-  const reference = searchParams.get("reference");
-  const referenceIdParam = searchParams.getAll("reference_id");
-  useEffect(() => {
-    if (!reference || !isTranslationsEnabled) {
-      navigate(-1);
-      return;
-    }
-  }, [reference, navigate, isTranslationsEnabled]);
-  const {
-    translations,
-    references,
-    translatableFields,
-    isPending,
-    isError,
-    error
-  } = useReferenceTranslations(reference, referenceIdParam, {
-    enabled: !!reference
-  });
-  const {
-    store,
-    isPending: isStorePending,
-    isError: isStoreError,
-    error: storeError
-  } = useStore();
-  const ready = !isPending && !!translations && !!translatableFields && !!references && !isStorePending && !!store;
-  if (isError || isStoreError) {
-    throw error || storeError;
-  }
-  return /* @__PURE__ */ jsx2(RouteFocusModal, { prev: referenceIdParam.length ? -1 : "..", children: ready && /* @__PURE__ */ jsx2(
-    TranslationsEditForm,
-    {
-      translations,
-      references,
-      entityType: reference,
-      availableLocales: store?.supported_locales ?? [],
-      translatableFields
-    }
-  ) });
-};
-export {
-  TranslationsEdit as Component
-};

package/src/hooks/api/translations.tsx

@@ -1,254 +0,0 @@
-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/routes/translations/translation-list/index.tsx

@@ -1 +0,0 @@
-export { TranslationList as Component } from "./translation-list"