@medusajs/dashboard 3.0.0-snapshot-20251212142124 → 3.0.0-snapshot-20251214110905

package/dist/translation-list-Y2GWTRGW.mjs

@@ -0,0 +1,302 @@
+import {
+  IconAvatar
+} from "./chunk-KIIT4BNH.mjs";
+import {
+  TwoColumnPage
+} from "./chunk-GIZFNLKK.mjs";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-LPEUYMRK.mjs";
+import "./chunk-HKKZJTRO.mjs";
+import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-HI6URQ7H.mjs";
+import "./chunk-6CLQKVAU.mjs";
+import "./chunk-KI7TOXBR.mjs";
+import "./chunk-HKIF5HVL.mjs";
+import "./chunk-XIVBRONM.mjs";
+import "./chunk-WAXMT4IY.mjs";
+import "./chunk-DYDGGABK.mjs";
+import "./chunk-LGNTHZ5Y.mjs";
+import "./chunk-CN7JXSGW.mjs";
+import "./chunk-5BQQRHQS.mjs";
+import "./chunk-Y5UO73CH.mjs";
+import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-NHDFPGQ3.mjs";
+import "./chunk-A63RZVX6.mjs";
+import "./chunk-HBXV7ENS.mjs";
+import "./chunk-CDORR33H.mjs";
+import "./chunk-RU4ZS47V.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/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, Text as TextIcon } from "@medusajs/icons";
+import { Container, Heading, IconButton, InlineTip, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useCallback } from "react";
+import { useNavigate } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ActiveLocalesSection = ({
+  locales
+}) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const handleManageLocales = useCallback(() => {
+    navigate("/settings/store/locales");
+  }, [navigate]);
+  const renderLocales = useCallback(() => {
+    const maxLocalesToDetail = 2;
+    if (locales.length <= maxLocalesToDetail) {
+      return locales.map((locale) => locale.name).join(", ");
+    }
+    return `${locales.slice(0, maxLocalesToDetail).map((locale) => locale.name).join(", ")} + ${locales.length - maxLocalesToDetail}`;
+  }, [locales]);
+  const hasLocales = locales.length > 0;
+  return /* @__PURE__ */ jsxs(Container, { className: "flex flex-col p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("translations.activeLocales.heading") }),
+      /* @__PURE__ */ jsx(IconButton, { variant: "transparent", onClick: handleManageLocales, children: /* @__PURE__ */ jsx(PencilSquare, {}) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "px-1 pb-1", children: hasLocales ? /* @__PURE__ */ jsxs(Container, { className: "bg-ui-bg-component flex items-center gap-x-4 px-6 py-2", children: [
+      /* @__PURE__ */ jsx(IconAvatar, { children: /* @__PURE__ */ jsx(TextIcon, {}) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: t("translations.activeLocales.subtitle") }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: renderLocales() })
+      ] })
+    ] }) : /* @__PURE__ */ jsx(InlineTip, { label: "Tip", children: t("translations.activeLocales.noLocalesTip") }) })
+  ] });
+};
+
+// src/routes/translations/translation-list/components/translation-list-section/translation-list-section.tsx
+import { Button, Container as Container2, Text as Text2 } from "@medusajs/ui";
+import { Link } from "react-router-dom";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TranslationListSection = ({
+  entities,
+  hasLocales = false
+}) => {
+  return /* @__PURE__ */ jsx2(Container2, { className: "divide-y p-0", children: entities.map((entity) => /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "grid grid-cols-[250px_1fr_auto] items-center gap-x-4 px-6 py-4",
+      children: [
+        /* @__PURE__ */ jsx2(Text2, { size: "small", weight: "plus", children: entity.label }),
+        /* @__PURE__ */ jsxs2(Text2, { size: "small", className: "text-ui-fg-subtle", children: [
+          (entity.translatedCount ?? 0).toLocaleString(),
+          " of",
+          " ",
+          (entity.totalCount ?? 0).toLocaleString(),
+          " fields translated"
+        ] }),
+        /* @__PURE__ */ jsx2(
+          Link,
+          {
+            to: `/settings/translations/edit?reference=${entity.reference}`,
+            children: /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", disabled: !hasLocales, children: "Edit" })
+          }
+        )
+      ]
+    },
+    entity.reference
+  )) });
+};
+
+// src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx
+import { Container as Container3, Heading as Heading2, Text as Text3 } from "@medusajs/ui";
+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
+}) => {
+  const { t } = useTranslation2();
+  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: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx3(Heading2, { children: t("translations.completion.heading") }),
+      /* @__PURE__ */ jsxs3(Text3, { size: "small", className: "text-ui-fg-subtle", children: [
+        translatedCount.toLocaleString(),
+        " ",
+        t("general.of"),
+        " ",
+        totalCount.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3("div", { className: "flex h-2 w-full overflow-hidden rounded-full", children: percentage > 0 ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3(
+        "div",
+        {
+          className: "mr-0.5 h-full rounded-l-full transition-all",
+          style: {
+            width: `${percentage}%`,
+            backgroundColor: "var(--bg-interactive)"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        "div",
+        {
+          className: "h-full flex-1 rounded-r-full",
+          style: {
+            backgroundColor: "var(--bg-interactive)",
+            opacity: 0.3
+          }
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: "h-full w-full rounded-full",
+        style: {
+          backgroundColor: "var(--bg-interactive)",
+          opacity: 0.3
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs3(Text3, { size: "small", className: "text-ui-fg-subtle", children: [
+        percentage.toFixed(1),
+        "%"
+      ] }),
+      /* @__PURE__ */ jsxs3(Text3, { size: "small", className: "text-ui-fg-subtle", children: [
+        remaining.toLocaleString(),
+        " ",
+        t("general.remaining").toLowerCase()
+      ] })
+    ] })
+  ] });
+};
+
+// src/routes/translations/translation-list/translation-list.tsx
+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 isReady = !!store && !isPending;
+  if (!isReady) {
+    return /* @__PURE__ */ jsx4(TwoColumnPageSkeleton, { sidebarSections: 2 });
+  }
+  const hasLocales = (store?.supported_locales ?? []).length > 0;
+  return /* @__PURE__ */ jsxs4(
+    TwoColumnPage,
+    {
+      widgets: {
+        before: [],
+        after: [],
+        sideBefore: [],
+        sideAfter: []
+      },
+      children: [
+        /* @__PURE__ */ jsxs4(TwoColumnPage.Main, { children: [
+          /* @__PURE__ */ jsxs4(Container4, { className: "flex flex-col px-6 py-4", children: [
+            /* @__PURE__ */ jsxs4(Heading3, { children: [
+              "Manage ",
+              t("translations.domain")
+            ] }),
+            /* @__PURE__ */ jsx4(Text4, { className: "text-ui-fg-subtle", size: "small", children: t("translations.subtitle") })
+          ] }),
+          /* @__PURE__ */ jsx4(
+            TranslationListSection,
+            {
+              entities: TRANSLATABLE_ENTITIES,
+              hasLocales
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs4(TwoColumnPage.Sidebar, { children: [
+          /* @__PURE__ */ jsx4(
+            ActiveLocalesSection,
+            {
+              locales: store?.supported_locales?.map(
+                (suportedLocale) => suportedLocale.locale
+              ) ?? []
+            }
+          ),
+          /* @__PURE__ */ jsx4(TranslationsCompletionSection, {})
+        ] })
+      ]
+    }
+  );
+};
+export {
+  TranslationList as Component
+};

package/dist/translations-edit-PM4PSMRF.mjs

@@ -0,0 +1,390 @@
+import {
+  DataGrid,
+  createDataGridHelper
+} from "./chunk-FEB3ZGTL.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-HKKZJTRO.mjs";
+import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-HI6URQ7H.mjs";
+import "./chunk-6CLQKVAU.mjs";
+import "./chunk-KI7TOXBR.mjs";
+import "./chunk-HKIF5HVL.mjs";
+import "./chunk-XIVBRONM.mjs";
+import "./chunk-WAXMT4IY.mjs";
+import "./chunk-DYDGGABK.mjs";
+import "./chunk-LGNTHZ5Y.mjs";
+import "./chunk-CN7JXSGW.mjs";
+import "./chunk-5BQQRHQS.mjs";
+import "./chunk-Y5UO73CH.mjs";
+import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-NHDFPGQ3.mjs";
+import "./chunk-A63RZVX6.mjs";
+import "./chunk-HBXV7ENS.mjs";
+import "./chunk-CDORR33H.mjs";
+import "./chunk-RU4ZS47V.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,
+  modalFields = []
+}) {
+  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) => {
+        const useModal = modalFields.includes(fieldName);
+        return 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" }) });
+            }
+            if (useModal) {
+              return /* @__PURE__ */ jsx(
+                DataGrid.ExpandableTextCell,
+                {
+                  context,
+                  fieldLabel: fieldName
+                }
+              );
+            }
+            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, modalFields]);
+  return columns;
+}
+var TranslationsEditForm = ({
+  translations,
+  references,
+  entityType,
+  availableLocales,
+  translatableFields,
+  modalFields = []
+}) => {
+  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,
+    modalFields
+  });
+  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,
+      modalFields: translatableFields
+    }
+  ) });
+};
+export {
+  TranslationsEdit as Component
+};