@medusajs/dashboard 2.12.3-preview-20251217120154 → 2.12.3-snapshot-20251216185234

package/dist/translations-edit-USQJNMAY.mjs

@@ -0,0 +1,707 @@
+import {
+  DataGrid,
+  createDataGridHelper
+} from "./chunk-LZFWCKOF.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 "./chunk-S4DMV3ZT.mjs";
+import "./chunk-OBQI23QM.mjs";
+import {
+  useBatchTranslations,
+  useReferenceTranslations,
+  useTranslationSettings
+} from "./chunk-GRZSG4EP.mjs";
+import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-HI6URQ7H.mjs";
+import "./chunk-6CLQKVAU.mjs";
+import "./chunk-KI7TOXBR.mjs";
+import "./chunk-UJ2TMPV4.mjs";
+import "./chunk-23GTCEOV.mjs";
+import "./chunk-WAXMT4IY.mjs";
+import "./chunk-DYDGGABK.mjs";
+import "./chunk-LGNTHZ5Y.mjs";
+import "./chunk-CN7JXSGW.mjs";
+import "./chunk-5BQQRHQS.mjs";
+import "./chunk-HTCYX4VD.mjs";
+import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-UWY5ZV66.mjs";
+import "./chunk-A63RZVX6.mjs";
+import "./chunk-HBXV7ENS.mjs";
+import "./chunk-CDORR33H.mjs";
+import "./chunk-4JQR6QNW.mjs";
+import "./chunk-FYWHE3W5.mjs";
+import "./chunk-OSHH5GAS.mjs";
+import "./chunk-2XTBDCGE.mjs";
+import "./chunk-3BF5SC66.mjs";
+import {
+  useStore
+} from "./chunk-VCSSQVPD.mjs";
+import "./chunk-HP2JH45P.mjs";
+import "./chunk-SQDIZZDW.mjs";
+import "./chunk-Z6BFNHEO.mjs";
+import "./chunk-HGRIOEAR.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, Prompt, Select, toast, Text } from "@medusajs/ui";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+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 fields = {};
+      for (const fieldName of translatableFields) {
+        const fieldValue = 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, translatableFields) {
+  return references.map((reference) => ({
+    _type: "entity",
+    reference_id: reference.id,
+    subRows: translatableFields.map((fieldName) => ({
+      _type: "field",
+      reference_id: reference.id,
+      field_name: fieldName
+    }))
+  }));
+}
+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;
+}
+function hasLocaleChanges(currentState, initialState, localeCode) {
+  for (const [entityId, entityData] of Object.entries(currentState.entities)) {
+    const currentLocale = entityData.locales[localeCode];
+    const initialLocale = initialState.entities[entityId]?.locales[localeCode];
+    if (!currentLocale || !initialLocale) {
+      continue;
+    }
+    for (const [fieldName, fieldValue] of Object.entries(
+      currentLocale.fields
+    )) {
+      const initialValue = initialLocale.fields[fieldName] ?? "";
+      const currentValue = fieldValue ?? "";
+      if (currentValue !== initialValue) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+function transformSingleLocaleToBatchPayload(currentState, initialState, entityType, localeCode) {
+  const payload = {
+    create: [],
+    update: [],
+    delete: []
+  };
+  for (const [entityId, entityData] of Object.entries(currentState.entities)) {
+    const localeTranslations = entityData.locales[localeCode];
+    if (!localeTranslations) continue;
+    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();
+var FIELD_COLUMN_WIDTH = 150;
+function useTranslationsGridColumns({
+  entities,
+  translatableFields,
+  availableLocales,
+  selectedLocale,
+  dynamicColumnWidth
+}) {
+  const { t } = useTranslation();
+  const columns = useMemo(() => {
+    const selectedLocaleData = availableLocales.find(
+      (l) => l.locale_code === selectedLocale
+    );
+    const baseColumns = [
+      columnHelper.column({
+        id: "field",
+        name: "field",
+        size: FIELD_COLUMN_WIDTH,
+        header: void 0,
+        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(
+            Text,
+            {
+              className: "text-ui-fg-subtle truncate",
+              weight: "plus",
+              size: "small",
+              children: t(`fields.${row.field_name}`, {
+                defaultValue: row.field_name
+              })
+            }
+          ) }) });
+        },
+        disableHiding: true
+      }),
+      columnHelper.column({
+        id: "original",
+        name: "original",
+        size: dynamicColumnWidth,
+        header: () => /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-base", weight: "plus", size: "small", children: t("general.original") }),
+        disableHiding: true,
+        cell: (context) => {
+          const row = context.row.original;
+          if (isEntityRow(row)) {
+            return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context });
+          }
+          const entity = entities.find(
+            (entity2) => entity2.id === row.reference_id
+          );
+          if (!entity) {
+            return null;
+          }
+          return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { color: "normal", context, isMultiLine: true, children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", weight: "plus", size: "small", children: entity[row.field_name] }) });
+        }
+      })
+    ];
+    if (selectedLocaleData) {
+      baseColumns.push(
+        columnHelper.column({
+          id: selectedLocaleData.locale_code,
+          name: selectedLocaleData.locale.name,
+          size: dynamicColumnWidth,
+          header: () => /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-base", weight: "plus", size: "small", children: selectedLocaleData.locale.name }),
+          cell: (context) => {
+            const row = context.row.original;
+            if (isEntityRow(row)) {
+              return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, isMultiLine: true });
+            }
+            return /* @__PURE__ */ jsx(DataGrid.MultilineCell, { context });
+          },
+          field: (context) => {
+            const row = context.row.original;
+            if (isEntityRow(row)) {
+              return null;
+            }
+            return `entities.${row.reference_id}.locales.${selectedLocaleData.locale_code}.fields.${row.field_name}`;
+          },
+          type: "multiline-text"
+        })
+      );
+    }
+    return baseColumns;
+  }, [
+    t,
+    translatableFields,
+    availableLocales,
+    selectedLocale,
+    entities,
+    dynamicColumnWidth
+  ]);
+  return columns;
+}
+var TranslationsEditForm = ({
+  translations,
+  references,
+  entityType,
+  availableLocales,
+  translatableFields,
+  fetchNextPage,
+  hasNextPage,
+  isFetchingNextPage,
+  referenceCount
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess, setCloseOnEscape } = useRouteModal();
+  const containerRef = useRef(null);
+  const [dynamicColumnWidth, setDynamicColumnWidth] = useState(400);
+  useEffect(() => {
+    const calculateColumnWidth = () => {
+      if (containerRef.current) {
+        const containerWidth = containerRef.current.offsetWidth;
+        const availableWidth = containerWidth - FIELD_COLUMN_WIDTH - 16;
+        const columnWidth = Math.max(300, Math.floor(availableWidth / 2));
+        setDynamicColumnWidth(columnWidth);
+      }
+    };
+    calculateColumnWidth();
+    const resizeObserver = new ResizeObserver(calculateColumnWidth);
+    if (containerRef.current) {
+      resizeObserver.observe(containerRef.current);
+    }
+    return () => resizeObserver.disconnect();
+  }, []);
+  const [selectedLocale, setSelectedLocale] = useState(
+    availableLocales[0]?.locale_code ?? ""
+  );
+  const [showUnsavedPrompt, setShowUnsavedPrompt] = useState(false);
+  const [pendingLocale, setPendingLocale] = useState(null);
+  const entities = useMemo(() => references, [references]);
+  const totalCount = useMemo(
+    () => referenceCount * (translatableFields.length + 1),
+    [referenceCount, translatableFields]
+  );
+  const initialState = useRef(
+    initTranslationsFormState(
+      translations,
+      entities,
+      availableLocales,
+      translatableFields
+    )
+  );
+  const form = useForm({
+    resolver: zodResolver(TranslationsFormSchema),
+    defaultValues: initialState.current
+  });
+  const rows = useMemo(
+    () => buildTranslationRows(entities, translatableFields),
+    [entities, translatableFields]
+  );
+  const { mutateAsync, isPending } = useBatchTranslations(entityType);
+  const handleLocaleChange = useCallback(
+    (newLocale) => {
+      if (newLocale === selectedLocale) {
+        return;
+      }
+      const currentValues = form.getValues();
+      const hasChanges = hasLocaleChanges(
+        currentValues,
+        initialState.current,
+        selectedLocale
+      );
+      if (hasChanges) {
+        setPendingLocale(newLocale);
+        setShowUnsavedPrompt(true);
+      } else {
+        setSelectedLocale(newLocale);
+      }
+    },
+    [selectedLocale, form]
+  );
+  const saveCurrentLocale = useCallback(async () => {
+    const currentValues = form.getValues();
+    const payload = transformSingleLocaleToBatchPayload(
+      currentValues,
+      initialState.current,
+      entityType,
+      selectedLocale
+    );
+    if (payload.create.length === 0 && payload.update.length === 0 && payload.delete.length === 0) {
+      return true;
+    }
+    try {
+      const BATCH_SIZE = 150;
+      const totalItems = payload.create.length + payload.update.length + payload.delete.length;
+      const batchCount = Math.ceil(totalItems / BATCH_SIZE);
+      for (let i = 0; i < batchCount; i++) {
+        let currentBatchAvailable = BATCH_SIZE;
+        const currentBatch = {
+          create: [],
+          update: [],
+          delete: []
+        };
+        if (payload.create.length > 0) {
+          currentBatch.create = payload.create.splice(0, currentBatchAvailable);
+          currentBatchAvailable -= currentBatch.create.length;
+        }
+        if (payload.update.length > 0) {
+          currentBatch.update = payload.update.splice(0, currentBatchAvailable);
+          currentBatchAvailable -= currentBatch.update.length;
+        }
+        if (payload.delete.length > 0) {
+          currentBatch.delete = payload.delete.splice(0, currentBatchAvailable);
+          currentBatchAvailable -= currentBatch.delete.length;
+        }
+        await mutateAsync(currentBatch);
+      }
+      const updatedInitialState = { ...initialState.current };
+      for (const entityId of Object.keys(currentValues.entities)) {
+        if (updatedInitialState.entities[entityId]?.locales[selectedLocale]) {
+          updatedInitialState.entities[entityId].locales[selectedLocale] = {
+            ...currentValues.entities[entityId].locales[selectedLocale]
+          };
+        }
+      }
+      initialState.current = updatedInitialState;
+      form.reset(currentValues);
+      return true;
+    } catch (error) {
+      toast.error(
+        error instanceof Error ? error.message : "Failed to save translations"
+      );
+      return false;
+    }
+  }, [form, entityType, selectedLocale, mutateAsync]);
+  const handleSaveAndSwitch = useCallback(async () => {
+    const success = await saveCurrentLocale();
+    if (success && pendingLocale) {
+      toast.success(
+        t("translations.edit.localeChangesSaved", {
+          defaultValue: "Changes saved successfully"
+        })
+      );
+      setSelectedLocale(pendingLocale);
+    }
+    setShowUnsavedPrompt(false);
+    setPendingLocale(null);
+  }, [saveCurrentLocale, pendingLocale, t]);
+  const handleCancelSwitch = useCallback(() => {
+    setShowUnsavedPrompt(false);
+    setPendingLocale(null);
+  }, []);
+  const handleSave = useCallback(
+    async (closeOnSuccess = false) => {
+      const success = await saveCurrentLocale();
+      if (success) {
+        toast.success(t("translations.edit.successToast"));
+        if (closeOnSuccess) {
+          handleSuccess();
+        }
+      }
+    },
+    [saveCurrentLocale, t, handleSuccess]
+  );
+  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) {
+      return;
+    }
+    const BATCH_SIZE = 150;
+    const totalItems = payload.create.length + payload.update.length + payload.delete.length;
+    const batchCount = Math.ceil(totalItems / BATCH_SIZE);
+    for (let i = 0; i < batchCount; i++) {
+      let currentBatchAvailable = BATCH_SIZE;
+      const currentBatch = {
+        create: [],
+        update: [],
+        delete: []
+      };
+      if (payload.create.length > 0) {
+        currentBatch.create = payload.create.splice(0, currentBatchAvailable);
+        currentBatchAvailable -= currentBatch.create.length;
+      }
+      if (payload.update.length > 0) {
+        currentBatch.update = payload.update.splice(0, currentBatchAvailable);
+        currentBatchAvailable -= currentBatch.update.length;
+      }
+      if (payload.delete.length > 0) {
+        currentBatch.delete = payload.delete.splice(0, currentBatchAvailable);
+        currentBatchAvailable -= currentBatch.delete.length;
+      }
+      await mutateAsync(currentBatch, {
+        onSuccess: () => {
+          if (i === batchCount - 1) {
+            toast.success(
+              t("translations.edit.successToast", {
+                defaultValue: "Translations updated successfully"
+              })
+            );
+            handleSuccess();
+          }
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      });
+    }
+  });
+  const columns = useTranslationsGridColumns({
+    entities,
+    translatableFields,
+    availableLocales,
+    selectedLocale,
+    dynamicColumnWidth
+  });
+  const selectedLocaleDisplay = availableLocales.find(
+    (l) => l.locale_code === selectedLocale
+  )?.locale.name;
+  return /* @__PURE__ */ jsxs(RouteFocusModal.Form, { form, children: [
+    /* @__PURE__ */ jsxs(
+      KeyboundForm,
+      {
+        onSubmit: handleSubmit,
+        className: "flex h-full flex-col overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
+          /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: "size-full", children: /* @__PURE__ */ jsx(
+            DataGrid,
+            {
+              showColumnsDropdown: false,
+              columns,
+              data: rows,
+              getSubRows: (row) => {
+                if (isEntityRow(row)) {
+                  return row.subRows;
+                }
+              },
+              state: form,
+              onEditingChange: (editing) => setCloseOnEscape(!editing),
+              totalRowCount: totalCount,
+              onFetchMore: fetchNextPage,
+              isFetchingMore: isFetchingNextPage,
+              hasNextPage,
+              headerContent: /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: selectedLocale,
+                  onValueChange: handleLocaleChange,
+                  size: "small",
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { className: "bg-ui-bg-base w-[200px]", children: /* @__PURE__ */ jsx(Select.Value, { children: selectedLocaleDisplay }) }),
+                    /* @__PURE__ */ jsx(Select.Content, { children: availableLocales.map((locale) => /* @__PURE__ */ jsx(
+                      Select.Item,
+                      {
+                        value: locale.locale_code,
+                        children: locale.locale.name
+                      },
+                      locale.locale_code
+                    )) })
+                  ]
+                }
+              )
+            }
+          ) }) }),
+          /* @__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: "button",
+                variant: "secondary",
+                onClick: () => handleSave(false),
+                isLoading: isPending,
+                children: t("actions.saveChanges")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                type: "button",
+                onClick: () => handleSave(true),
+                isLoading: isPending,
+                children: t("actions.saveAndClose")
+              }
+            )
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Prompt, { open: showUnsavedPrompt, variant: "confirmation", children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
+      /* @__PURE__ */ jsxs(Prompt.Header, { children: [
+        /* @__PURE__ */ jsx(Prompt.Title, { children: t("translations.edit.unsavedChanges.title") }),
+        /* @__PURE__ */ jsx(Prompt.Description, { children: t("translations.edit.unsavedChanges.description") })
+      ] }),
+      /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "secondary",
+            onClick: handleCancelSwitch,
+            type: "button",
+            children: t("actions.close")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            onClick: handleSaveAndSwitch,
+            type: "button",
+            isLoading: isPending,
+            children: t("actions.saveChanges")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/routes/translations/translations-edit/translations-edit.tsx
+import { useEffect as useEffect2 } from "react";
+import { keepPreviousData } from "@tanstack/react-query";
+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");
+  useEffect2(() => {
+    if (!reference || !isTranslationsEnabled) {
+      navigate(-1);
+      return;
+    }
+  }, [reference, navigate, isTranslationsEnabled]);
+  const {
+    translatable_fields,
+    isPending: isTranslationSettingsPending,
+    isError: isTranslationSettingsError,
+    error: translationSettingsError
+  } = useTranslationSettings({ entity_type: reference });
+  const {
+    translations,
+    references,
+    fetchNextPage,
+    count,
+    isFetchingNextPage,
+    hasNextPage,
+    isPending,
+    isError,
+    error
+  } = 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 && !!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,
+    {
+      translations,
+      references,
+      entityType: reference,
+      availableLocales: store?.supported_locales ?? [],
+      translatableFields: translatable_fields[reference],
+      fetchNextPage,
+      hasNextPage,
+      isFetchingNextPage,
+      referenceCount: count
+    }
+  ) });
+};
+export {
+  TranslationsEdit as Component
+};