@medusajs/dashboard 3.0.0-snapshot-20251216103925 → 3.0.0-snapshot-20251216135612

package/dist/translations-edit-QKLE4L5B.mjs

@@ -1,458 +0,0 @@
-import {
-  DataGrid,
-  createDataGridHelper
-} from "./chunk-DNUVCBN7.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,
-  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, 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";
-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;
-}
-var columnHelper = createDataGridHelper();
-function useTranslationsGridColumns({
-  entities,
-  translatableFields,
-  availableLocales,
-  modalFields = []
-}) {
-  const { t } = useTranslation();
-  const columns = useMemo(() => {
-    return [
-      columnHelper.column({
-        id: "field",
-        name: "field",
-        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("span", { className: "truncate", children: t(`fields.${row.field_name}`, {
-            defaultValue: row.field_name
-          }) }) }) });
-        },
-        disableHiding: true
-      }),
-      columnHelper.column({
-        id: "original",
-        name: "original",
-        size: 300,
-        header: 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, { context, children: entity[row.field_name] });
-        }
-      }),
-      ...availableLocales.map((locale) => {
-        return columnHelper.column({
-          id: locale.locale_code,
-          name: locale.locale.name,
-          size: 300,
-          header: () => locale.locale.name,
-          cell: (context) => {
-            const row = context.row.original;
-            if (isEntityRow(row)) {
-              return /* @__PURE__ */ jsx(
-                DataGrid.ReadonlyCell,
-                {
-                  context
-                }
-              );
-            }
-            const useModal = modalFields.includes(row.field_name);
-            if (useModal) {
-              return /* @__PURE__ */ jsx(
-                DataGrid.ExpandableTextCell,
-                {
-                  context,
-                  fieldLabel: row.field_name
-                }
-              );
-            }
-            return /* @__PURE__ */ jsx(DataGrid.TextCell, { context });
-          },
-          field: (context) => {
-            const row = context.row.original;
-            if (isEntityRow(row)) {
-              return null;
-            }
-            return `entities.${row.reference_id}.locales.${locale.locale_code}.fields.${row.field_name}`;
-          },
-          type: "text"
-        });
-      })
-    ];
-  }, [t, translatableFields, availableLocales, modalFields]);
-  return columns;
-}
-var TranslationsEditForm = ({
-  translations,
-  references,
-  entityType,
-  availableLocales,
-  translatableFields,
-  modalFields = [],
-  fetchNextPage,
-  hasNextPage,
-  isFetchingNextPage,
-  referenceCount
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess, setCloseOnEscape } = useRouteModal();
-  const direction = useDocumentDirection();
-  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 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;
-    }
-    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,
-    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: entityType.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ") }) }) }) }),
-        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx(
-          ProgressTabs.Content,
-          {
-            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),
-                totalRowCount: totalCount,
-                onFetchMore: fetchNextPage,
-                isFetchingMore: isFetchingNextPage,
-                hasNextPage
-              }
-            )
-          }
-        ) }),
-        /* @__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 { 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");
-  useEffect(() => {
-    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],
-      modalFields: translatable_fields[reference],
-      fetchNextPage,
-      hasNextPage,
-      isFetchingNextPage,
-      referenceCount: count
-    }
-  ) });
-};
-export {
-  TranslationsEdit as Component
-};