@medusajs/dashboard 3.0.0-snapshot-20251211173847 → 3.0.0-snapshot-20251211181725

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
+};

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-4WOICEE7.mjs → user-metadata-2FTA4EB3.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-QPKW37WR.mjs";
+import "./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-XIVBRONM.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";
@@ -33,7 +33,7 @@ import "./chunk-NHDFPGQ3.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-RU4ZS47V.mjs";
+import "./chunk-GN6OCHP4.mjs";
 import "./chunk-N4O5FAUC.mjs";
 import "./chunk-7AX6R6G6.mjs";
 import "./chunk-N3FCYZV6.mjs";

package/dist/{workflow-execution-detail-OKM6P4SX.mjs → workflow-execution-detail-MGIZSKVA.mjs}

@@ -20,8 +20,9 @@ import {
 import {
   useDocumentDirection
 } from "./chunk-S4DMV3ZT.mjs";
-import "./chunk-QPKW37WR.mjs";
+import "./chunk-3ESSTIV2.mjs";
 import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-XIVBRONM.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
 import {
@@ -29,7 +30,6 @@ import {
   workflowExecutionsQueryKeys
 } from "./chunk-KI7TOXBR.mjs";
 import "./chunk-HKIF5HVL.mjs";
-import "./chunk-XIVBRONM.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";
@@ -41,7 +41,7 @@ import "./chunk-NHDFPGQ3.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-RU4ZS47V.mjs";
+import "./chunk-GN6OCHP4.mjs";
 import "./chunk-N4O5FAUC.mjs";
 import "./chunk-7AX6R6G6.mjs";
 import "./chunk-N3FCYZV6.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "3.0.0-snapshot-20251211173847",
+  "version": "3.0.0-snapshot-20251211181725",
   "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": "3.0.0-snapshot-20251211173847",
-    "@medusajs/icons": "3.0.0-snapshot-20251211173847",
-    "@medusajs/js-sdk": "3.0.0-snapshot-20251211173847",
-    "@medusajs/ui": "4.0.31-snapshot-20251211173847",
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251211181725",
+    "@medusajs/icons": "3.0.0-snapshot-20251211181725",
+    "@medusajs/js-sdk": "3.0.0-snapshot-20251211181725",
+    "@medusajs/ui": "4.0.31-snapshot-20251211181725",
     "@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": "3.0.0-snapshot-20251211173847",
-    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251211173847",
-    "@medusajs/types": "3.0.0-snapshot-20251211173847",
-    "@medusajs/ui-preset": "3.0.0-snapshot-20251211173847"
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251211181725",
+    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251211181725",
+    "@medusajs/types": "3.0.0-snapshot-20251211181725",
+    "@medusajs/ui-preset": "3.0.0-snapshot-20251211181725"
   },
   "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]":