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

package/dist/{translations-edit-VRXZI5KW.mjs → translations-edit-USQJNMAY.mjs}

@@ -1,7 +1,7 @@
 import {
   DataGrid,
   createDataGridHelper
-} from "./chunk-FKNW5MLZ.mjs";
+} from "./chunk-LZFWCKOF.mjs";
 import "./chunk-DK4WIVY6.mjs";
 import "./chunk-IUCDCPJU.mjs";
 import {
@@ -23,7 +23,7 @@ import {
   useBatchTranslations,
   useReferenceTranslations,
   useTranslationSettings
-} from "./chunk-GLBHPDR4.mjs";
+} from "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
@@ -69,125 +69,169 @@ import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";
 import { jsx, jsxs } from "react/jsx-runtime";
-var EntityTranslationsSchema = z.object({
+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 buildLocaleSnapshot(translations, references, localeCode, translatableFields) {
-  const referenceTranslations = /* @__PURE__ */ new Map();
-  for (const t of translations) {
-    if (t.locale_code === localeCode) {
-      referenceTranslations.set(t.reference_id, t);
-    }
-  }
-  const entities = {};
-  for (const ref of references) {
-    const existing = referenceTranslations.get(ref.id);
-    const fields = {};
-    for (const fieldName of translatableFields) {
-      fields[fieldName] = existing?.translations?.[fieldName] ?? "";
-    }
-    entities[ref.id] = {
-      id: existing?.id ?? null,
-      fields
-    };
-  }
-  return { localeCode, entities };
-}
-function extendSnapshot(snapshot, translations, newReferences, translatableFields) {
-  const referenceTranslations = /* @__PURE__ */ new Map();
+function initTranslationsFormState(translations, references, availableLocales, translatableFields) {
+  const existingMap = /* @__PURE__ */ new Map();
   for (const t of translations) {
-    if (t.locale_code === snapshot.localeCode) {
-      referenceTranslations.set(t.reference_id, t);
-    }
+    existingMap.set(`${t.reference_id}:${t.locale_code}`, t);
   }
-  const extendedEntities = { ...snapshot.entities };
-  for (const ref of newReferences) {
-    if (!extendedEntities[ref.id]) {
-      const existing = referenceTranslations.get(ref.id);
+  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) {
-        fields[fieldName] = existing?.translations?.[fieldName] ?? "";
+        const fieldValue = existing?.translations?.[fieldName] ?? "";
+        fields[fieldName] = fieldValue;
       }
-      extendedEntities[ref.id] = {
+      locales[locale.locale_code] = {
         id: existing?.id ?? null,
+        locale_code: locale.locale_code,
         fields
       };
     }
+    entitiesTranslationState[reference.id] = { locales };
   }
-  return { ...snapshot, entities: extendedEntities };
+  return {
+    entities: entitiesTranslationState
+  };
 }
-function snapshotToFormValues(snapshot) {
-  return { entities: snapshot.entities };
+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 computeChanges(currentState, snapshot, entityType, localeCode) {
+function transformToBatchPayload(currentState, initialState, entityType) {
   const payload = {
     create: [],
     update: [],
     delete: []
   };
   for (const [entityId, entityData] of Object.entries(currentState.entities)) {
-    const baseline = snapshot.entities[entityId];
-    if (!baseline) {
+    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;
     }
-    const hasContent = Object.values(entityData.fields).some(
+    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 = Object.values(baseline.fields).some(
+    const hadContent = initial && Object.values(initial.fields).some(
       (v) => v !== void 0 && v.trim() !== ""
     );
-    const hasChanged = JSON.stringify(entityData.fields) !== JSON.stringify(baseline.fields);
-    if (!entityData.id && hasContent) {
+    if (!localeTranslations.id && hasContent) {
       payload.create.push({
         reference_id: entityId,
         reference: entityType,
-        locale_code: localeCode,
-        translations: entityData.fields
-      });
-    } else if (entityData.id && hasContent && hasChanged) {
-      payload.update.push({
-        id: entityData.id,
-        translations: entityData.fields
+        locale_code: localeTranslations.locale_code,
+        translations: localeTranslations.fields
       });
-    } else if (entityData.id && !hasContent && hadContent) {
-      payload.delete.push(entityData.id);
+    } 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);
     }
   }
-  const hasChanges = payload.create.length > 0 || payload.update.length > 0 || payload.delete.length > 0;
-  return { hasChanges, payload };
+  return payload;
 }
 var columnHelper = createDataGridHelper();
-var FIELD_COLUMN_WIDTH = 350;
-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
-    }))
-  }));
-}
+var FIELD_COLUMN_WIDTH = 150;
 function useTranslationsGridColumns({
   entities,
+  translatableFields,
   availableLocales,
   selectedLocale,
   dynamicColumnWidth
 }) {
   const { t } = useTranslation();
-  return useMemo(() => {
+  const columns = useMemo(() => {
     const selectedLocaleData = availableLocales.find(
       (l) => l.locale_code === selectedLocale
     );
-    const columns = [
+    const baseColumns = [
       columnHelper.column({
         id: "field",
         name: "field",
@@ -223,7 +267,9 @@ function useTranslationsGridColumns({
           if (isEntityRow(row)) {
             return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context });
           }
-          const entity = entities.find((e) => e.id === row.reference_id);
+          const entity = entities.find(
+            (entity2) => entity2.id === row.reference_id
+          );
           if (!entity) {
             return null;
           }
@@ -232,7 +278,7 @@ function useTranslationsGridColumns({
       })
     ];
     if (selectedLocaleData) {
-      columns.push(
+      baseColumns.push(
         columnHelper.column({
           id: selectedLocaleData.locale_code,
           name: selectedLocaleData.locale.name,
@@ -250,14 +296,22 @@ function useTranslationsGridColumns({
             if (isEntityRow(row)) {
               return null;
             }
-            return `entities.${row.reference_id}.fields.${row.field_name}`;
+            return `entities.${row.reference_id}.locales.${selectedLocaleData.locale_code}.fields.${row.field_name}`;
           },
           type: "multiline-text"
         })
       );
     }
-    return columns;
-  }, [t, availableLocales, selectedLocale, entities, dynamicColumnWidth]);
+    return baseColumns;
+  }, [
+    t,
+    translatableFields,
+    availableLocales,
+    selectedLocale,
+    entities,
+    dynamicColumnWidth
+  ]);
+  return columns;
 }
 var TranslationsEditForm = ({
   translations,
@@ -295,83 +349,57 @@ var TranslationsEditForm = ({
   );
   const [showUnsavedPrompt, setShowUnsavedPrompt] = useState(false);
   const [pendingLocale, setPendingLocale] = useState(null);
-  const [isSwitchingLocale, setIsSwitchingLocale] = useState(false);
-  const snapshotRef = useRef(
-    buildLocaleSnapshot(
+  const entities = useMemo(() => references, [references]);
+  const totalCount = useMemo(
+    () => referenceCount * (translatableFields.length + 1),
+    [referenceCount, translatableFields]
+  );
+  const initialState = useRef(
+    initTranslationsFormState(
       translations,
-      references,
-      selectedLocale,
+      entities,
+      availableLocales,
       translatableFields
     )
   );
-  const knownEntityIdsRef = useRef(
-    new Set(references.map((r) => r.id))
-  );
-  const latestPropsRef = useRef({ translations, references });
-  useEffect(() => {
-    latestPropsRef.current = { translations, references };
-  }, [translations, references]);
   const form = useForm({
     resolver: zodResolver(TranslationsFormSchema),
-    defaultValues: snapshotToFormValues(snapshotRef.current)
+    defaultValues: initialState.current
   });
-  useEffect(() => {
-    const currentIds = new Set(references.map((r) => r.id));
-    const newReferences = references.filter(
-      (r) => !knownEntityIdsRef.current.has(r.id)
-    );
-    if (newReferences.length === 0) {
-      return;
-    }
-    knownEntityIdsRef.current = currentIds;
-    snapshotRef.current = extendSnapshot(
-      snapshotRef.current,
-      translations,
-      newReferences,
-      translatableFields
-    );
-    const currentValues = form.getValues();
-    const newFormValues = {
-      entities: { ...currentValues.entities }
-    };
-    for (const ref of newReferences) {
-      if (!newFormValues.entities[ref.id]) {
-        newFormValues.entities[ref.id] = snapshotRef.current.entities[ref.id];
-      }
-    }
-    form.reset(newFormValues, {
-      keepDirty: true,
-      keepDirtyValues: true
-    });
-  }, [references, translations, translatableFields, form]);
   const rows = useMemo(
-    () => buildTranslationRows(references, translatableFields),
-    [references, translatableFields]
-  );
-  const totalRowCount = useMemo(
-    () => referenceCount * (translatableFields.length + 1),
-    [referenceCount, translatableFields]
+    () => buildTranslationRows(entities, translatableFields),
+    [entities, translatableFields]
   );
-  const selectedLocaleDisplay = useMemo(
-    () => availableLocales.find((l) => l.locale_code === selectedLocale)?.locale.name,
-    [availableLocales, selectedLocale]
+  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 columns = useTranslationsGridColumns({
-    entities: references,
-    availableLocales,
-    selectedLocale,
-    dynamicColumnWidth
-  });
-  const { mutateAsync, isPending, invalidateQueries } = useBatchTranslations(entityType);
   const saveCurrentLocale = useCallback(async () => {
     const currentValues = form.getValues();
-    const { hasChanges, payload } = computeChanges(
+    const payload = transformSingleLocaleToBatchPayload(
       currentValues,
-      snapshotRef.current,
+      initialState.current,
       entityType,
       selectedLocale
     );
-    if (!hasChanges) {
+    if (payload.create.length === 0 && payload.update.length === 0 && payload.delete.length === 0) {
       return true;
     }
     try {
@@ -395,32 +423,20 @@ var TranslationsEditForm = ({
         }
         if (payload.delete.length > 0) {
           currentBatch.delete = payload.delete.splice(0, currentBatchAvailable);
+          currentBatchAvailable -= currentBatch.delete.length;
         }
-        const response = await mutateAsync(currentBatch, {
-          onError: (error) => {
-            toast.error(error.message);
-          }
-        });
-        if (response.created) {
-          for (const created of response.created) {
-            form.setValue(`entities.${created.reference_id}.id`, created.id, {
-              shouldDirty: false
-            });
-            if (snapshotRef.current.entities[created.reference_id]) {
-              snapshotRef.current.entities[created.reference_id].id = created.id;
-            }
-          }
-        }
+        await mutateAsync(currentBatch);
       }
-      const savedValues = form.getValues();
-      for (const entityId of Object.keys(savedValues.entities)) {
-        if (snapshotRef.current.entities[entityId]) {
-          snapshotRef.current.entities[entityId] = {
-            ...savedValues.entities[entityId]
+      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]
           };
         }
       }
-      form.reset(savedValues);
+      initialState.current = updatedInitialState;
+      form.reset(currentValues);
       return true;
     } catch (error) {
       toast.error(
@@ -429,59 +445,19 @@ var TranslationsEditForm = ({
       return false;
     }
   }, [form, entityType, selectedLocale, mutateAsync]);
-  const switchToLocale = useCallback(
-    async (newLocale) => {
-      setIsSwitchingLocale(true);
-      try {
-        await invalidateQueries();
-        await new Promise((resolve) => requestAnimationFrame(resolve));
-        const { translations: translations2, references: references2 } = latestPropsRef.current;
-        const newSnapshot = buildLocaleSnapshot(
-          translations2,
-          references2,
-          newLocale,
-          translatableFields
-        );
-        snapshotRef.current = newSnapshot;
-        knownEntityIdsRef.current = new Set(references2.map((r) => r.id));
-        form.reset(snapshotToFormValues(newSnapshot));
-        setSelectedLocale(newLocale);
-      } finally {
-        setIsSwitchingLocale(false);
-      }
-    },
-    [translatableFields, form, invalidateQueries]
-  );
-  const handleLocaleChange = useCallback(
-    (newLocale) => {
-      if (newLocale === selectedLocale) {
-        return;
-      }
-      const currentValues = form.getValues();
-      const { hasChanges } = computeChanges(
-        currentValues,
-        snapshotRef.current,
-        entityType,
-        selectedLocale
-      );
-      if (hasChanges) {
-        setPendingLocale(newLocale);
-        setShowUnsavedPrompt(true);
-      } else {
-        switchToLocale(newLocale);
-      }
-    },
-    [selectedLocale, form, entityType, switchToLocale]
-  );
   const handleSaveAndSwitch = useCallback(async () => {
     const success = await saveCurrentLocale();
     if (success && pendingLocale) {
-      toast.success(t("translations.edit.successToast"));
-      await switchToLocale(pendingLocale);
+      toast.success(
+        t("translations.edit.localeChangesSaved", {
+          defaultValue: "Changes saved successfully"
+        })
+      );
+      setSelectedLocale(pendingLocale);
     }
     setShowUnsavedPrompt(false);
     setPendingLocale(null);
-  }, [saveCurrentLocale, pendingLocale, t, switchToLocale]);
+  }, [saveCurrentLocale, pendingLocale, t]);
   const handleCancelSwitch = useCallback(() => {
     setShowUnsavedPrompt(false);
     setPendingLocale(null);
@@ -498,15 +474,69 @@ var TranslationsEditForm = ({
     },
     [saveCurrentLocale, t, handleSuccess]
   );
-  const handleClose = useCallback(() => {
-    invalidateQueries();
-  }, [invalidateQueries]);
-  const isLoading = isPending || isSwitchingLocale;
-  return /* @__PURE__ */ jsxs(RouteFocusModal.Form, { form, onClose: handleClose, children: [
+  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: () => handleSave(true),
+        onSubmit: handleSubmit,
         className: "flex h-full flex-col overflow-hidden",
         children: [
           /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
@@ -523,14 +553,13 @@ var TranslationsEditForm = ({
               },
               state: form,
               onEditingChange: (editing) => setCloseOnEscape(!editing),
-              totalRowCount,
+              totalRowCount: totalCount,
               onFetchMore: fetchNextPage,
               isFetchingMore: isFetchingNextPage,
               hasNextPage,
               headerContent: /* @__PURE__ */ jsxs(
                 Select,
                 {
-                  disabled: isLoading,
                   value: selectedLocale,
                   onValueChange: handleLocaleChange,
                   size: "small",
@@ -550,28 +579,28 @@ var TranslationsEditForm = ({
             }
           ) }) }),
           /* @__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(
+            /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+            /* @__PURE__ */ jsx(
               Button,
               {
-                type: "button",
                 size: "small",
+                type: "button",
                 variant: "secondary",
-                isLoading,
-                children: t("actions.cancel")
+                onClick: () => handleSave(false),
+                isLoading: isPending,
+                children: t("actions.saveChanges")
               }
-            ) }),
+            ),
             /* @__PURE__ */ jsx(
               Button,
               {
                 size: "small",
                 type: "button",
-                variant: "secondary",
-                onClick: () => handleSave(false),
-                isLoading,
-                children: t("actions.saveChanges")
+                onClick: () => handleSave(true),
+                isLoading: isPending,
+                children: t("actions.saveAndClose")
               }
-            ),
-            /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading, children: t("actions.saveAndClose") })
+            )
           ] }) })
         ]
       }
@@ -598,7 +627,7 @@ var TranslationsEditForm = ({
             size: "small",
             onClick: handleSaveAndSwitch,
             type: "button",
-            isLoading,
+            isLoading: isPending,
             children: t("actions.saveChanges")
           }
         )

package/dist/{user-metadata-GRJZZ524.mjs → user-metadata-2WPJOEJA.mjs}

@@ -12,7 +12,7 @@ import "./chunk-LPEUYMRK.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-GLBHPDR4.mjs";
+import "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";

package/dist/{workflow-execution-detail-HXTFWGKG.mjs → workflow-execution-detail-H2AKEZJX.mjs}

@@ -20,7 +20,7 @@ import {
 import {
   useDocumentDirection
 } from "./chunk-S4DMV3ZT.mjs";
-import "./chunk-GLBHPDR4.mjs";
+import "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";