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

package/dist/{tax-region-tax-override-edit-7DCU55AS.mjs → tax-region-tax-override-edit-Q4GJHUMJ.mjs}

@@ -1,26 +1,26 @@
 import {
   DISPLAY_OVERRIDE_ITEMS_LIMIT,
   TaxRegionTaxOverrideEditForm
-} from "./chunk-HEYM67GY.mjs";
-import "./chunk-35G7IXTE.mjs";
-import "./chunk-KEQOAJC2.mjs";
-import "./chunk-UC26CCHZ.mjs";
+} from "./chunk-PS5T2R6J.mjs";
+import "./chunk-7GJ5T4R3.mjs";
 import "./chunk-M4Q5Q4I3.mjs";
 import "./chunk-PVW6M64S.mjs";
 import "./chunk-QMRGIWOP.mjs";
+import "./chunk-CV65NY6Y.mjs";
 import "./chunk-I3VB6NM2.mjs";
 import "./chunk-ZJRFL6ZN.mjs";
-import "./chunk-CV65NY6Y.mjs";
 import "./chunk-XWO5BP42.mjs";
+import "./chunk-KEQOAJC2.mjs";
 import "./chunk-GA3UMQMZ.mjs";
-import "./chunk-YGLRZQ4C.mjs";
+import "./chunk-7R743WZ6.mjs";
 import "./chunk-IR5DHEKS.mjs";
-import "./chunk-7DXVXBSA.mjs";
+import "./chunk-UC26CCHZ.mjs";
 import "./chunk-MSDRGCRR.mjs";
-import "./chunk-BW322BVH.mjs";
-import "./chunk-3I6G3NRU.mjs";
+import "./chunk-WG7UTTKY.mjs";
 import "./chunk-ROKB75YP.mjs";
+import "./chunk-NTEWUH4C.mjs";
 import "./chunk-INE2QCSC.mjs";
+import "./chunk-BW322BVH.mjs";
 import "./chunk-XLDQPLK4.mjs";
 import "./chunk-IQBAUTU5.mjs";
 import "./chunk-ADOCJB6L.mjs";
@@ -31,27 +31,26 @@ import "./chunk-YTN73JYH.mjs";
 import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
 import "./chunk-DK4WIVY6.mjs";
-import "./chunk-NFEW5CVI.mjs";
-import "./chunk-CBSCX7RE.mjs";
-import "./chunk-LT4MVCA7.mjs";
-import "./chunk-FJHAGJ5G.mjs";
-import "./chunk-DLZWPHHO.mjs";
-import "./chunk-6OU4CHZI.mjs";
-import "./chunk-W7625H47.mjs";
-import "./chunk-LSEYENCI.mjs";
 import "./chunk-MFALVTRQ.mjs";
 import "./chunk-RIV7FKGN.mjs";
 import "./chunk-TDK3JDOB.mjs";
+import "./chunk-3C6WQ7NH.mjs";
+import "./chunk-CBSCX7RE.mjs";
 import "./chunk-FHSC5X62.mjs";
 import "./chunk-XR4GEMGR.mjs";
-import "./chunk-MOSRJHJ3.mjs";
+import "./chunk-LT4MVCA7.mjs";
 import "./chunk-WRSGHGAT.mjs";
+import "./chunk-6OU4CHZI.mjs";
+import "./chunk-AH4DORIW.mjs";
+import "./chunk-W7625H47.mjs";
+import "./chunk-MOSRJHJ3.mjs";
+import "./chunk-DLZWPHHO.mjs";
+import "./chunk-LSEYENCI.mjs";
 import "./chunk-OMC5JCQH.mjs";
 import "./chunk-IW4TACOD.mjs";
-import "./chunk-PPRHEG37.mjs";
-import "./chunk-PCFUZKDS.mjs";
+import "./chunk-R65S6ZZV.mjs";
+import "./chunk-R2EBIESZ.mjs";
 import "./chunk-GU5PJRPM.mjs";
-import "./chunk-2GWGNMAA.mjs";
 import "./chunk-C76H5USB.mjs";
 import "./chunk-DZWH2RV6.mjs";
 import "./chunk-PRLQLEEQ.mjs";
@@ -59,7 +58,8 @@ import "./chunk-IUCDCPJU.mjs";
 import "./chunk-6HTZNHPT.mjs";
 import {
   RouteDrawer
-} from "./chunk-AERWK3TJ.mjs";
+} from "./chunk-WVA4O7QS.mjs";
+import "./chunk-D6UW7URG.mjs";
 import "./chunk-MNXC6Q4F.mjs";
 import "./chunk-DG7J63J2.mjs";
 import "./chunk-LPEUYMRK.mjs";
@@ -67,9 +67,9 @@ import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-SUYYSKCB.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-NTYLG6Y3.mjs";
+import "./chunk-3ESSTIV2.mjs";
 import "./chunk-I4OBEAOJ.mjs";
-import "./chunk-YGEJFHC3.mjs";
+import "./chunk-XIVBRONM.mjs";
 import {
   useTaxRate
 } from "./chunk-HI6URQ7H.mjs";
@@ -83,25 +83,25 @@ import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";
 import "./chunk-CN7JXSGW.mjs";
 import "./chunk-5BQQRHQS.mjs";
-import "./chunk-7H6DB666.mjs";
-import "./chunk-2WLOIS3L.mjs";
+import "./chunk-Y5UO73CH.mjs";
 import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-NHDFPGQ3.mjs";
 import "./chunk-A63RZVX6.mjs";
 import {
   useShippingOptions
 } from "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-3ZJ55SFA.mjs";
-import "./chunk-MOGV3UZD.mjs";
-import "./chunk-5N33TBBX.mjs";
-import "./chunk-FNQ227BC.mjs";
+import "./chunk-GN6OCHP4.mjs";
+import "./chunk-N4O5FAUC.mjs";
+import "./chunk-7AX6R6G6.mjs";
+import "./chunk-N3FCYZV6.mjs";
 import "./chunk-3BF5SC66.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
 import "./chunk-SQDIZZDW.mjs";
 import {
   useProducts
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-LEJUZW3P.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-NFEK63OE.mjs";

package/dist/{tax-region-tax-rate-create-UEOU5QRU.mjs → tax-region-tax-rate-create-MECFGVPL.mjs}

@@ -8,10 +8,11 @@ import "./chunk-IUCDCPJU.mjs";
 import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
+import "./chunk-WVA4O7QS.mjs";
 import {
   RouteFocusModal,
   useRouteModal
-} from "./chunk-AERWK3TJ.mjs";
+} from "./chunk-D6UW7URG.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";

package/dist/{tax-region-tax-rate-edit-ILCDNXHV.mjs → tax-region-tax-rate-edit-7DYSPYOD.mjs}

@@ -9,9 +9,11 @@ import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
 import {
-  RouteDrawer,
+  RouteDrawer
+} from "./chunk-WVA4O7QS.mjs";
+import {
   useRouteModal
-} from "./chunk-AERWK3TJ.mjs";
+} from "./chunk-D6UW7URG.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";

package/dist/translation-list-5ZOAGLCT.mjs

@@ -0,0 +1,146 @@
+import {
+  LinkButton
+} from "./chunk-CTUJXJYA.mjs";
+import {
+  IconAvatar
+} from "./chunk-F5I264Q3.mjs";
+import {
+  SingleColumnPage
+} from "./chunk-GIZFNLKK.mjs";
+import {
+  ActionMenu
+} from "./chunk-OZPB6JBL.mjs";
+import "./chunk-OC7BQLYI.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/translations/translation-list/translation-list.tsx
+import { Button, Container, Heading, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { Link, useNavigate } from "react-router-dom";
+import { Buildings, Pencil } from "@medusajs/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TRANSLATABLE_ENTITIES = [
+  {
+    icon: /* @__PURE__ */ jsx(Buildings, {}),
+    label: "Product",
+    reference: "product"
+  },
+  {
+    icon: /* @__PURE__ */ jsx(Buildings, {}),
+    label: "Product Variants",
+    reference: "product_variant"
+  },
+  {
+    icon: /* @__PURE__ */ jsx(Buildings, {}),
+    label: "Product Categories",
+    reference: "product_category"
+  },
+  {
+    icon: /* @__PURE__ */ jsx(Buildings, {}),
+    label: "Product Collections",
+    reference: "product_collection"
+  },
+  {
+    icon: /* @__PURE__ */ jsx(Buildings, {}),
+    label: "Product Types",
+    reference: "product_type"
+  },
+  {
+    icon: /* @__PURE__ */ jsx(Buildings, {}),
+    label: "Product Tags",
+    reference: "product_tag"
+  },
+  {
+    icon: /* @__PURE__ */ jsx(Buildings, {}),
+    label: "Product Options",
+    reference: "product_option"
+  },
+  {
+    icon: /* @__PURE__ */ jsx(Buildings, {}),
+    label: "Product Option Values",
+    reference: "product_option_value"
+  }
+];
+var TranslationList = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const handleManageLocales = () => {
+    navigate("/settings/store/locales");
+  };
+  return /* @__PURE__ */ jsxs(
+    SingleColumnPage,
+    {
+      widgets: {
+        before: [],
+        after: []
+      },
+      children: [
+        /* @__PURE__ */ jsx(Container, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs(Heading, { children: [
+              "Manage ",
+              t("translations.domain")
+            ] }),
+            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("translations.subtitle") })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: handleManageLocales,
+              children: t("translations.actions.manageLocales")
+            }
+          )
+        ] }) }),
+        TRANSLATABLE_ENTITIES.map((entity) => /* @__PURE__ */ jsx(Container, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-3", children: [
+          /* @__PURE__ */ jsxs(
+            Link,
+            {
+              to: `/settings/translations/edit?reference=${entity.reference}`,
+              className: "transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:shadow-borders-interactive-with-active -mx-2 flex flex-1 items-center gap-x-2 rounded-md px-2 py-1.5 outline-none",
+              children: [
+                /* @__PURE__ */ jsx(IconAvatar, { variant: "squared", children: entity.icon }),
+                /* @__PURE__ */ jsx(Text, { size: "small", children: entity.label })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsx(
+              ActionMenu,
+              {
+                groups: [
+                  {
+                    actions: [
+                      {
+                        icon: /* @__PURE__ */ jsx(Pencil, {}),
+                        label: t("actions.edit"),
+                        onClick: () => {
+                          navigate(
+                            `/settings/translations/edit?reference=${entity.label.toLowerCase()}`
+                          );
+                        }
+                      }
+                    ]
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(Text, { children: "|" }),
+            /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                to: `/settings/translations/${entity.label.toLowerCase()}`,
+                children: t("actions.viewDetails")
+              }
+            )
+          ] })
+        ] }) }, entity.label))
+      ]
+    }
+  );
+};
+export {
+  TranslationList as Component
+};

package/dist/translations-edit-QPJLE55N.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-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-Y5UO73CH.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,
+  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
+};