@medusajs/dashboard 2.12.2-snapshot-20251209162938 → 2.12.2-snapshot-20251209184934

package/dist/translations-edit-I6R5ZNFX.mjs

@@ -0,0 +1,374 @@
+import {
+  DataGrid,
+  createDataGridHelper
+} from "./chunk-IPG3I3J7.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-EUF6RSI7.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
+}) {
+  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) => 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" }) });
+            }
+            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]);
+  return columns;
+}
+var TranslationsEditForm = ({
+  translations,
+  references,
+  entityType,
+  availableLocales,
+  translatableFields
+}) => {
+  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 });
+  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
+    }
+  ) });
+};
+export {
+  TranslationsEdit as Component
+};

package/dist/{user-edit-LXQCTDGA.mjs → user-edit-ZBB4RMTP.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-6HTZNHPT.mjs";
 import {
   RouteDrawer
-} from "./chunk-XXBP2Z5M.mjs";
+} from "./chunk-WVA4O7QS.mjs";
 import {
   useRouteModal
-} from "./chunk-42OOM4DJ.mjs";
+} from "./chunk-D6UW7URG.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";

package/dist/{user-invite-2OKB7SCF.mjs → user-invite-XB635N26.mjs}

@@ -14,10 +14,10 @@ import "./chunk-DZWH2RV6.mjs";
 import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
-import "./chunk-XXBP2Z5M.mjs";
+import "./chunk-WVA4O7QS.mjs";
 import {
   RouteFocusModal
-} from "./chunk-42OOM4DJ.mjs";
+} from "./chunk-D6UW7URG.mjs";
 import {
   isFetchError
 } from "./chunk-ONB3JEHR.mjs";

package/dist/{user-metadata-X36GKJ47.mjs → user-metadata-EQIFAEGE.mjs}

@@ -1,24 +1,24 @@
 import "./chunk-XRTVFYCW.mjs";
 import {
   MetadataForm
-} from "./chunk-D4J3CEWH.mjs";
+} from "./chunk-N3SAXQVR.mjs";
 import "./chunk-IUCDCPJU.mjs";
 import "./chunk-6HTZNHPT.mjs";
 import {
   RouteDrawer
-} from "./chunk-XXBP2Z5M.mjs";
-import "./chunk-42OOM4DJ.mjs";
+} from "./chunk-WVA4O7QS.mjs";
+import "./chunk-D6UW7URG.mjs";
 import "./chunk-LPEUYMRK.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-JUVGXLY5.mjs";
+import "./chunk-3ESSTIV2.mjs";
 import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-XIVBRONM.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
-import "./chunk-HKIF5HVL.mjs";
-import "./chunk-XIVBRONM.mjs";
 import "./chunk-KI7TOXBR.mjs";
+import "./chunk-HKIF5HVL.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";

package/dist/{workflow-execution-detail-P6H5AUWI.mjs → workflow-execution-detail-XURIJZJ6.mjs}

@@ -20,16 +20,16 @@ import {
 import {
   useDocumentDirection
 } from "./chunk-S4DMV3ZT.mjs";
-import "./chunk-JUVGXLY5.mjs";
+import "./chunk-3ESSTIV2.mjs";
 import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-XIVBRONM.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
-import "./chunk-HKIF5HVL.mjs";
-import "./chunk-XIVBRONM.mjs";
 import {
   useWorkflowExecution,
   workflowExecutionsQueryKeys
 } from "./chunk-KI7TOXBR.mjs";
+import "./chunk-HKIF5HVL.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "2.12.2-snapshot-20251209162938",
+  "version": "2.12.2-snapshot-20251209184934",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "../../../node_modules/.bin/vite",
@@ -46,10 +46,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/admin-shared": "2.12.2-snapshot-20251209162938",
-    "@medusajs/icons": "2.12.2-snapshot-20251209162938",
-    "@medusajs/js-sdk": "2.12.2-snapshot-20251209162938",
-    "@medusajs/ui": "4.0.30-snapshot-20251209162938",
+    "@medusajs/admin-shared": "2.12.2-snapshot-20251209184934",
+    "@medusajs/icons": "2.12.2-snapshot-20251209184934",
+    "@medusajs/js-sdk": "2.12.2-snapshot-20251209184934",
+    "@medusajs/ui": "4.0.30-snapshot-20251209184934",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
@@ -80,10 +80,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "2.12.2-snapshot-20251209162938",
-    "@medusajs/admin-vite-plugin": "2.12.2-snapshot-20251209162938",
-    "@medusajs/types": "2.12.2-snapshot-20251209162938",
-    "@medusajs/ui-preset": "2.12.2-snapshot-20251209162938"
+    "@medusajs/admin-shared": "2.12.2-snapshot-20251209184934",
+    "@medusajs/admin-vite-plugin": "2.12.2-snapshot-20251209184934",
+    "@medusajs/types": "2.12.2-snapshot-20251209184934",
+    "@medusajs/ui-preset": "2.12.2-snapshot-20251209184934"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/components/common/icon-avatar/icon-avatar.tsx

@@ -4,6 +4,7 @@ import { PropsWithChildren } from "react"
 type IconAvatarProps = PropsWithChildren<{
   className?: string
   size?: "small" | "large" | "xlarge"
+  variant?: "squared" | "rounded"
 }>
 
 /**
@@ -13,6 +14,7 @@ type IconAvatarProps = PropsWithChildren<{
  */
 export const IconAvatar = ({
   size = "small",
+  variant = "rounded",
   children,
   className,
 }: IconAvatarProps) => {
@@ -20,6 +22,8 @@ export const IconAvatar = ({
     <div
       className={clx(
         "shadow-borders-base flex size-7 items-center justify-center",
+        variant === "squared" && "rounded-md",
+        variant === "rounded" && "rounded-full",
         "[&>div]:bg-ui-bg-field [&>div]:text-ui-fg-subtle [&>div]:flex [&>div]:size-6 [&>div]:items-center [&>div]:justify-center",
         {
           "size-7 rounded-md [&>div]:size-6 [&>div]:rounded-[4px]":

package/src/components/layout/settings-layout/settings-layout.tsx

@@ -9,6 +9,7 @@ import { useExtension } from "../../../providers/extension-provider"
 import { INavItem, NavItem } from "../nav-item"
 import { Shell } from "../shell"
 import { UserMenu } from "../user-menu"
+import { useFeatureFlag } from "../../../providers/feature-flag-provider"
 
 export const SettingsLayout = () => {
   return (
@@ -19,10 +20,19 @@ export const SettingsLayout = () => {
 }
 
 const useSettingRoutes = (): INavItem[] => {
+  const isTranslationsEnabled = useFeatureFlag("translation")
   const { t } = useTranslation()
 
   return useMemo(
     () => [
+      ...(isTranslationsEnabled
+        ? [
+            {
+              label: t("translations.domain"),
+              to: "/settings/translations",
+            },
+          ]
+        : []),
       {
         label: t("store.domain"),
         to: "/settings/store",
@@ -64,7 +74,7 @@ const useSettingRoutes = (): INavItem[] => {
         to: "/settings/locations",
       },
     ],
-    [t]
+    [t, isTranslationsEnabled]
   )
 }
 

package/src/components/modals/route-focus-modal/route-focus-modal.tsx

@@ -8,7 +8,7 @@ import { RouteModalProvider } from "../route-modal-provider/route-provider"
 import { StackedModalProvider } from "../stacked-modal-provider"
 
 type RouteFocusModalProps = PropsWithChildren<{
-  prev?: string | Partial<Path>
+  prev?: string | Partial<Path> | number
 }>
 
 const Root = ({ prev = "..", children }: RouteFocusModalProps) => {
@@ -16,7 +16,8 @@ const Root = ({ prev = "..", children }: RouteFocusModalProps) => {
   const [open, setOpen] = useState(false)
   const [stackedModalOpen, onStackedModalOpen] = useState(false)
 
-  const to = useStateAwareTo(prev)
+  const to: string | Partial<Path> | number =
+    typeof prev === "number" ? prev : useStateAwareTo(prev)
 
   /**
    * Open the modal when the component mounts. This
@@ -34,7 +35,11 @@ const Root = ({ prev = "..", children }: RouteFocusModalProps) => {
   const handleOpenChange = (open: boolean) => {
     if (!open) {
       document.body.style.pointerEvents = "auto"
-      navigate(to, { replace: true })
+      if (typeof to === "number") {
+        navigate(to)
+      } else {
+        navigate(to, { replace: true })
+      }
       return
     }
 

package/src/components/modals/route-modal-form/route-modal-form.tsx

@@ -24,7 +24,12 @@ export const RouteModalForm = <TFieldValues extends FieldValues = any>({
   } = form
 
   const blocker = useBlocker(({ currentLocation, nextLocation }) => {
-    const { isSubmitSuccessful } = nextLocation.state || {}
+    // Check both nextLocation and currentLocation state for successful submission
+    // This handles browser history navigation (-1) where we set state on current location
+    const { isSubmitSuccessful: nextIsSuccessful } = nextLocation.state || {}
+    const { isSubmitSuccessful: currentIsSuccessful } =
+      currentLocation.state || {}
+    const isSubmitSuccessful = nextIsSuccessful || currentIsSuccessful
 
     if (isSubmitSuccessful) {
       onClose?.(true)

package/src/components/modals/route-modal-provider/route-provider.tsx

@@ -1,9 +1,9 @@
 import { PropsWithChildren, useCallback, useMemo, useState } from "react"
-import { Path, useNavigate } from "react-router-dom"
+import { Path, useLocation, useNavigate } from "react-router-dom"
 import { RouteModalProviderContext } from "./route-modal-context"
 
 type RouteModalProviderProps = PropsWithChildren<{
-  prev: string | Partial<Path>
+  prev: string | Partial<Path> | number
 }>
 
 export const RouteModalProvider = ({
@@ -11,15 +11,27 @@ export const RouteModalProvider = ({
   children,
 }: RouteModalProviderProps) => {
   const navigate = useNavigate()
+  const location = useLocation()
 
   const [closeOnEscape, setCloseOnEscape] = useState(true)
 
   const handleSuccess = useCallback(
     (path?: string) => {
       const to = path || prev
-      navigate(to, { replace: true, state: { isSubmitSuccessful: true } })
+      if (typeof to === "number") {
+        // Replace current location with success state, then navigate back
+        navigate(location.pathname + location.search, {
+          replace: true,
+          state: { ...location.state, isSubmitSuccessful: true },
+        })
+        setTimeout(() => {
+          navigate(to)
+        }, 0)
+      } else {
+        navigate(to, { replace: true, state: { isSubmitSuccessful: true } })
+      }
     },
-    [navigate, prev]
+    [navigate, prev, location]
   )
 
   const value = useMemo(

package/src/dashboard-app/routes/get-route.map.tsx

@@ -939,6 +939,26 @@ export function getRouteMap({
                 },
               ],
             },
+            {
+              path: "translations",
+              errorElement: <ErrorBoundary />,
+              element: <Outlet />,
+              handle: {
+                breadcrumb: () => t("translations.domain"),
+              },
+              children: [
+                {
+                  path: "",
+                  lazy: () =>
+                    import("../../routes/translations/translation-list"),
+                },
+                {
+                  path: "edit",
+                  lazy: () =>
+                    import("../../routes/translations/translations-edit"),
+                },
+              ],
+            },
             {
               path: "regions",
               errorElement: <ErrorBoundary />,

package/src/hooks/api/index.ts

@@ -34,6 +34,7 @@ export * from "./store"
 export * from "./tags"
 export * from "./tax-rates"
 export * from "./tax-regions"
+export * from "./translations"
 export * from "./users"
 export * from "./views"
 export * from "./workflow-executions"