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

package/src/routes/products/product-detail/components/product-variant-section/product-variant-section.tsx

@@ -1,10 +1,4 @@
-import {
-  Buildings,
-  Component,
-  GlobeEurope,
-  PencilSquare,
-  Trash,
-} from "@medusajs/icons"
+import { Buildings, Component, PencilSquare, Trash } from "@medusajs/icons"
 import { HttpTypes } from "@medusajs/types"
 import {
   Badge,
@@ -32,7 +26,6 @@ import {
 import { useQueryParams } from "../../../../../hooks/use-query-params"
 import { PRODUCT_VARIANT_IDS_KEY } from "../../../common/constants"
 import { Thumbnail } from "../../../../../components/common/thumbnail"
-import { useFeatureFlag } from "../../../../../providers/feature-flag-provider"
 
 type ProductVariantSectionProps = {
   product: HttpTypes.AdminProduct
@@ -45,7 +38,6 @@ export const ProductVariantSection = ({
   product,
 }: ProductVariantSectionProps) => {
   const { t } = useTranslation()
-  const isTranslationsEnabled = useFeatureFlag("translation")
 
   const { q, order, offset, allow_backorder, manage_inventory } =
     useQueryParams(
@@ -78,11 +70,6 @@ export const ProductVariantSection = ({
     }
   )
 
-  const translationParams = new URLSearchParams()
-  variants?.forEach((variant) => {
-    translationParams.append("reference_id", variant.id)
-  })
-
   if (isError) {
     throw error
   }
@@ -128,15 +115,6 @@ export const ProductVariantSection = ({
                   to: `stock`,
                   icon: <Buildings />,
                 },
-                ...(isTranslationsEnabled
-                  ? [
-                      {
-                        icon: <GlobeEurope />,
-                        label: t("translations.actions.manage"),
-                        to: `/settings/translations/edit?reference=product_variant&${translationParams.toString()}`,
-                      },
-                    ]
-                  : []),
               ],
             },
           ],
@@ -247,15 +225,6 @@ const useColumns = (product: HttpTypes.AdminProduct) => {
             )
           },
         },
-        {
-          icon: <GlobeEurope />,
-          label: t("translations.actions.manage"),
-          onClick: () => {
-            navigate(
-              `/settings/translations/edit?reference=product_variant&reference_id=${variant.id}`
-            )
-          },
-        },
       ]
 
       const secondaryActions: DataTableAction<HttpTypes.AdminProductVariant>[] =

package/src/routes/products/product-list/components/product-list-table/product-list-table.tsx

@@ -1,4 +1,4 @@
-import { GlobeEurope, PencilSquare, Trash } from "@medusajs/icons"
+import { PencilSquare, Trash } from "@medusajs/icons"
 import { Button, Container, Heading, toast, usePrompt } from "@medusajs/ui"
 import { keepPreviousData } from "@tanstack/react-query"
 import { createColumnHelper } from "@tanstack/react-table"
@@ -110,7 +110,6 @@ const ProductActions = ({ product }: { product: HttpTypes.AdminProduct }) => {
   const { t } = useTranslation()
   const prompt = usePrompt()
   const { mutateAsync } = useDeleteProduct(product.id)
-  const isTranslationsEnabled = useFeatureFlag("translation")
 
   const handleDelete = async () => {
     const res = await prompt({
@@ -154,19 +153,6 @@ const ProductActions = ({ product }: { product: HttpTypes.AdminProduct }) => {
             },
           ],
         },
-        ...(isTranslationsEnabled
-          ? [
-              {
-                actions: [
-                  {
-                    icon: <GlobeEurope />,
-                    label: t("translations.actions.manage"),
-                    to: `/settings/translations/edit?reference=product&reference_id=${product.id}`,
-                  },
-                ],
-              },
-            ]
-          : []),
         {
           actions: [
             {

package/dist/translation-list-5ZOAGLCT.mjs

@@ -1,146 +0,0 @@
-import {
-  LinkButton
-} from "./chunk-CTUJXJYA.mjs";
-import {
-  IconAvatar
-} from "./chunk-F5I264Q3.mjs";
-import {
-  SingleColumnPage
-} from "./chunk-GIZFNLKK.mjs";
-import {
-  ActionMenu
-} from "./chunk-OZPB6JBL.mjs";
-import "./chunk-OC7BQLYI.mjs";
-import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/routes/translations/translation-list/translation-list.tsx
-import { Button, Container, Heading, Text } from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
-import { Link, useNavigate } from "react-router-dom";
-import { Buildings, Pencil } from "@medusajs/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TRANSLATABLE_ENTITIES = [
-  {
-    icon: /* @__PURE__ */ jsx(Buildings, {}),
-    label: "Product",
-    reference: "product"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(Buildings, {}),
-    label: "Product Variants",
-    reference: "product_variant"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(Buildings, {}),
-    label: "Product Categories",
-    reference: "product_category"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(Buildings, {}),
-    label: "Product Collections",
-    reference: "product_collection"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(Buildings, {}),
-    label: "Product Types",
-    reference: "product_type"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(Buildings, {}),
-    label: "Product Tags",
-    reference: "product_tag"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(Buildings, {}),
-    label: "Product Options",
-    reference: "product_option"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(Buildings, {}),
-    label: "Product Option Values",
-    reference: "product_option_value"
-  }
-];
-var TranslationList = () => {
-  const { t } = useTranslation();
-  const navigate = useNavigate();
-  const handleManageLocales = () => {
-    navigate("/settings/store/locales");
-  };
-  return /* @__PURE__ */ jsxs(
-    SingleColumnPage,
-    {
-      widgets: {
-        before: [],
-        after: []
-      },
-      children: [
-        /* @__PURE__ */ jsx(Container, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(Heading, { children: [
-              "Manage ",
-              t("translations.domain")
-            ] }),
-            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("translations.subtitle") })
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "secondary",
-              size: "small",
-              onClick: handleManageLocales,
-              children: t("translations.actions.manageLocales")
-            }
-          )
-        ] }) }),
-        TRANSLATABLE_ENTITIES.map((entity) => /* @__PURE__ */ jsx(Container, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-3", children: [
-          /* @__PURE__ */ jsxs(
-            Link,
-            {
-              to: `/settings/translations/edit?reference=${entity.reference}`,
-              className: "transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:shadow-borders-interactive-with-active -mx-2 flex flex-1 items-center gap-x-2 rounded-md px-2 py-1.5 outline-none",
-              children: [
-                /* @__PURE__ */ jsx(IconAvatar, { variant: "squared", children: entity.icon }),
-                /* @__PURE__ */ jsx(Text, { size: "small", children: entity.label })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsx(
-              ActionMenu,
-              {
-                groups: [
-                  {
-                    actions: [
-                      {
-                        icon: /* @__PURE__ */ jsx(Pencil, {}),
-                        label: t("actions.edit"),
-                        onClick: () => {
-                          navigate(
-                            `/settings/translations/edit?reference=${entity.label.toLowerCase()}`
-                          );
-                        }
-                      }
-                    ]
-                  }
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(Text, { children: "|" }),
-            /* @__PURE__ */ jsx(
-              LinkButton,
-              {
-                to: `/settings/translations/${entity.label.toLowerCase()}`,
-                children: t("actions.viewDetails")
-              }
-            )
-          ] })
-        ] }) }, entity.label))
-      ]
-    }
-  );
-};
-export {
-  TranslationList as Component
-};

package/dist/translations-edit-QPJLE55N.mjs

@@ -1,390 +0,0 @@
-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
-};