@medusajs/dashboard 3.0.0-snapshot-20251216145629 → 3.0.0-snapshot-20260102125810

package/dist/product-edit-option-LWJT3CYJ.mjs

@@ -1,156 +0,0 @@
-import {
-  ChipInput
-} from "./chunk-XDJ7OMBR.mjs";
-import "./chunk-IUCDCPJU.mjs";
-import {
-  KeyboundForm
-} from "./chunk-6HTZNHPT.mjs";
-import {
-  RouteDrawer
-} from "./chunk-WVA4O7QS.mjs";
-import {
-  useRouteModal
-} from "./chunk-D6UW7URG.mjs";
-import {
-  Form
-} from "./chunk-OBQI23QM.mjs";
-import {
-  useProduct,
-  useUpdateProductOption
-} from "./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/products/product-edit-option/product-edit-option.tsx
-import { Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { json, useParams } from "react-router-dom";
-
-// src/routes/products/product-edit-option/components/edit-product-option-form/edit-product-option-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, Input } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { z } from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CreateProductOptionSchema = z.object({
-  title: z.string().min(1),
-  values: z.array(z.string()).optional()
-});
-var CreateProductOptionForm = ({
-  option
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      title: option.title,
-      values: option.values.map((v) => v.value)
-    },
-    resolver: zodResolver(CreateProductOptionSchema)
-  });
-  const { mutateAsync, isPending } = useUpdateProductOption(
-    option.product_id,
-    option.id
-  );
-  const handleSubmit = form.handleSubmit(async (values) => {
-    mutateAsync(
-      {
-        id: option.id,
-        ...values
-      },
-      {
-        onSuccess: () => {
-          handleSuccess();
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
-    KeyboundForm,
-    {
-      onSubmit: handleSubmit,
-      className: "flex flex-1 flex-col overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", children: [
-          /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "title",
-              render: ({ field }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("products.fields.options.optionTitle") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      ...field,
-                      placeholder: t(
-                        "products.fields.options.optionTitlePlaceholder"
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] });
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "values",
-              render: ({ field: { ...field } }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("products.fields.options.variations") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                    ChipInput,
-                    {
-                      ...field,
-                      placeholder: t(
-                        "products.fields.options.variantionsPlaceholder"
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] });
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
-        ] }) })
-      ]
-    }
-  ) });
-};
-
-// src/routes/products/product-edit-option/product-edit-option.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ProductEditOption = () => {
-  const { id, option_id } = useParams();
-  const { t } = useTranslation2();
-  const { product, isPending, isFetching, isError, error } = useProduct(id, {
-    // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
-    fields: "-type,-collection,-tags,-images,-variants,-sales_channels"
-  });
-  const option = product?.options.find((o) => o.id === option_id);
-  if (!isPending && !isFetching && !option) {
-    throw json({ message: `An option with ID ${option_id} was not found` }, 404);
-  }
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("products.options.edit.header") }) }),
-    option && /* @__PURE__ */ jsx2(CreateProductOptionForm, { option })
-  ] });
-};
-export {
-  ProductEditOption as Component
-};

package/dist/translation-list-UF7FLXOW.mjs

@@ -1,441 +0,0 @@
-import {
-  IconAvatar
-} from "./chunk-KIIT4BNH.mjs";
-import {
-  TwoColumnPage
-} from "./chunk-GIZFNLKK.mjs";
-import {
-  TwoColumnPageSkeleton
-} from "./chunk-LPEUYMRK.mjs";
-import {
-  useTranslationSettings,
-  useTranslationStatistics
-} 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/translation-list/translation-list.tsx
-import { Container as Container4, Heading as Heading3, Text as Text4 } from "@medusajs/ui";
-import { useTranslation as useTranslation4 } from "react-i18next";
-
-// src/routes/translations/translation-list/components/active-locales-section/active-locales-section.tsx
-import { PencilSquare, Language } from "@medusajs/icons";
-import { Container, Heading, IconButton, InlineTip, Text } from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
-import { useCallback } from "react";
-import { useNavigate } from "react-router-dom";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ActiveLocalesSection = ({
-  locales
-}) => {
-  const { t } = useTranslation();
-  const navigate = useNavigate();
-  const handleManageLocales = useCallback(() => {
-    navigate("/settings/store/locales");
-  }, [navigate]);
-  const renderLocales = useCallback(() => {
-    const maxLocalesToDetail = 2;
-    if (locales.length <= maxLocalesToDetail) {
-      return locales.map((locale) => locale.name).join(", ");
-    }
-    return `${locales.slice(0, maxLocalesToDetail).map((locale) => locale.name).join(", ")} + ${locales.length - maxLocalesToDetail}`;
-  }, [locales]);
-  const hasLocales = locales.length > 0;
-  return /* @__PURE__ */ jsxs(Container, { className: "flex flex-col p-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Heading, { children: t("translations.activeLocales.heading") }),
-      /* @__PURE__ */ jsx(IconButton, { variant: "transparent", onClick: handleManageLocales, children: /* @__PURE__ */ jsx(PencilSquare, {}) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "px-1 pb-1", children: hasLocales ? /* @__PURE__ */ jsxs(Container, { className: "bg-ui-bg-component flex items-center gap-x-4 px-6 py-2", children: [
-      /* @__PURE__ */ jsx(IconAvatar, { children: /* @__PURE__ */ jsx(Language, {}) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: t("translations.activeLocales.subtitle") }),
-        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: renderLocales() })
-      ] })
-    ] }) : /* @__PURE__ */ jsx(InlineTip, { label: "Tip", children: t("translations.activeLocales.noLocalesTip") }) })
-  ] });
-};
-
-// src/routes/translations/translation-list/components/translation-list-section/translation-list-section.tsx
-import { Button, Container as Container2, Text as Text2 } from "@medusajs/ui";
-import { Link } from "react-router-dom";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var TranslationListSection = ({
-  entities,
-  hasLocales = false
-}) => {
-  const { t } = useTranslation2();
-  return /* @__PURE__ */ jsx2(Container2, { className: "divide-y p-0", children: entities.map((entity) => /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: "grid grid-cols-[250px_1fr_auto] items-center gap-x-4 px-6 py-4",
-      children: [
-        /* @__PURE__ */ jsx2(Text2, { size: "small", weight: "plus", children: entity.label }),
-        /* @__PURE__ */ jsx2(Text2, { size: "small", className: "text-ui-fg-subtle", children: t("translations.list.metrics", {
-          translated: (entity.translatedCount ?? 0).toLocaleString(),
-          total: (entity.totalCount ?? 0).toLocaleString()
-        }) }),
-        /* @__PURE__ */ jsx2(
-          Link,
-          {
-            to: `/settings/translations/edit?reference=${entity.reference}`,
-            children: /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", disabled: !hasLocales, children: "Edit" })
-          }
-        )
-      ]
-    },
-    entity.reference
-  )) });
-};
-
-// src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx
-import { Container as Container3, Heading as Heading2, Text as Text3, Tooltip } from "@medusajs/ui";
-import { useMemo, useState } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var TranslationsCompletionSection = ({
-  statistics,
-  locales
-}) => {
-  const { t } = useTranslation3();
-  const [hoveredLocale, setHoveredLocale] = useState(null);
-  const { translatedCount, totalCount } = Object.values(statistics).reduce(
-    (acc, curr) => ({
-      translatedCount: acc.translatedCount + curr.translated,
-      totalCount: acc.totalCount + curr.expected
-    }),
-    { totalCount: 0, translatedCount: 0 }
-  );
-  const percentage = totalCount > 0 ? translatedCount / totalCount * 100 : 0;
-  const remaining = Math.max(0, totalCount - translatedCount);
-  const localeStats = useMemo(() => {
-    const localeMap = /* @__PURE__ */ new Map();
-    locales.forEach((locale) => {
-      localeMap.set(locale.code, { translated: 0, expected: 0 });
-    });
-    Object.values(statistics).forEach((entityStats) => {
-      if (entityStats.by_locale) {
-        Object.entries(entityStats.by_locale).forEach(
-          ([localeCode, localeData]) => {
-            const existing = localeMap.get(localeCode);
-            if (existing) {
-              existing.translated += localeData.translated;
-              existing.expected += localeData.expected;
-            }
-          }
-        );
-      }
-    });
-    return locales.map((locale) => {
-      const stats = localeMap.get(locale.code) || { translated: 0, expected: 0 };
-      return {
-        code: locale.code,
-        name: locale.name,
-        translated: stats.translated,
-        toTranslate: Math.max(0, stats.expected - stats.translated),
-        total: stats.expected
-      };
-    });
-  }, [statistics, locales]);
-  const maxTotal = useMemo(
-    () => Math.max(...localeStats.map((s) => s.total), 1),
-    [localeStats]
-  );
-  return /* @__PURE__ */ jsxs3(Container3, { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx3(Heading2, { children: t("translations.completion.heading") }),
-      /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
-        translatedCount.toLocaleString(),
-        " ",
-        t("general.of"),
-        " ",
-        totalCount.toLocaleString()
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "flex h-3 w-full overflow-hidden", children: percentage > 0 ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx3(
-        "div",
-        {
-          className: "mr-0.5 h-full rounded-sm transition-all",
-          style: {
-            width: `${percentage}%`,
-            backgroundColor: "var(--bg-interactive)"
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx3(
-        "div",
-        {
-          className: "h-full flex-1 rounded-sm",
-          style: {
-            backgroundColor: "var(--bg-interactive)",
-            opacity: 0.3
-          }
-        }
-      )
-    ] }) : /* @__PURE__ */ jsx3(
-      "div",
-      {
-        className: "h-full w-full rounded-full",
-        style: {
-          backgroundColor: "var(--bg-interactive)",
-          opacity: 0.3
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
-        percentage.toFixed(1),
-        "%"
-      ] }),
-      /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
-        remaining.toLocaleString(),
-        " ",
-        t("general.remaining").toLowerCase()
-      ] })
-    ] }),
-    localeStats.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "mt-4 flex flex-col gap-y-2", children: [
-      /* @__PURE__ */ jsx3("div", { className: "flex h-32 w-full items-end gap-1", children: localeStats.map((locale) => {
-        const heightPercent = locale.total / maxTotal * 100;
-        const translatedPercent = locale.total > 0 ? locale.translated / locale.total * 100 : 0;
-        return /* @__PURE__ */ jsx3(
-          Tooltip,
-          {
-            open: hoveredLocale === locale.code,
-            content: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-1 p-1", children: [
-              /* @__PURE__ */ jsx3(Text3, { size: "small", weight: "plus", children: locale.name }),
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
-                  /* @__PURE__ */ jsx3(
-                    "div",
-                    {
-                      className: "h-2 w-2 rounded-full",
-                      style: { backgroundColor: "var(--bg-interactive)" }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx3(
-                    Text3,
-                    {
-                      size: "small",
-                      weight: "plus",
-                      className: "text-ui-fg-subtle",
-                      children: t("translations.completion.translated")
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx3(Text3, { size: "small", weight: "plus", children: locale.translated })
-              ] }),
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
-                /* @__PURE__ */ jsx3(
-                  "div",
-                  {
-                    className: "h-2 w-2 rounded-full",
-                    style: {
-                      backgroundColor: "var(--bg-interactive)",
-                      opacity: 0.3
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx3(
-                  Text3,
-                  {
-                    size: "small",
-                    weight: "plus",
-                    className: "text-ui-fg-subtle",
-                    children: t("translations.completion.toTranslate")
-                  }
-                ),
-                /* @__PURE__ */ jsx3(Text3, { size: "small", weight: "plus", children: locale.toTranslate })
-              ] })
-            ] }),
-            children: /* @__PURE__ */ jsxs3(
-              "div",
-              {
-                className: "flex min-w-2 flex-1 cursor-pointer flex-col justify-end overflow-hidden rounded-t-sm transition-opacity",
-                style: { height: `${heightPercent}%` },
-                onMouseEnter: () => setHoveredLocale(locale.code),
-                onMouseLeave: () => setHoveredLocale(null),
-                children: [
-                  /* @__PURE__ */ jsx3(
-                    "div",
-                    {
-                      className: "w-full rounded-t-sm",
-                      style: {
-                        height: `${100 - translatedPercent}%`,
-                        backgroundColor: "var(--bg-interactive)",
-                        opacity: 0.3,
-                        minHeight: locale.toTranslate > 0 ? "2px" : "0"
-                      }
-                    }
-                  ),
-                  translatedPercent > 0 && /* @__PURE__ */ jsx3(
-                    "div",
-                    {
-                      className: "mt-0.5 w-full rounded-sm",
-                      style: {
-                        height: `${translatedPercent}%`,
-                        backgroundColor: "var(--bg-interactive)",
-                        minHeight: locale.translated > 0 ? "2px" : "0"
-                      }
-                    }
-                  )
-                ]
-              }
-            )
-          },
-          locale.code
-        );
-      }) }),
-      /* @__PURE__ */ jsx3(
-        Text3,
-        {
-          size: "small",
-          weight: "plus",
-          className: "text-ui-fg-muted text-center",
-          children: t("translations.completion.footer")
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/routes/translations/translation-list/translation-list.tsx
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var TranslationList = () => {
-  const { t } = useTranslation4();
-  const { store, isPending, isError, error } = useStore();
-  const {
-    translatable_fields,
-    isPending: isTranslationSettingsPending,
-    isError: isTranslationSettingsError,
-    error: translationSettingsError
-  } = useTranslationSettings();
-  const {
-    statistics,
-    isPending: isTranslationStatisticsPending,
-    isError: isTranslationStatisticsError,
-    error: translationStatisticsError
-  } = useTranslationStatistics(
-    {
-      locales: store?.supported_locales?.map(
-        (suportedLocale) => suportedLocale.locale_code
-      ) ?? [],
-      entity_types: Object.keys(translatable_fields ?? {})
-    },
-    {
-      enabled: !!translatable_fields && !!store && store.supported_locales?.length > 0
-    }
-  );
-  if (isError || isTranslationSettingsError || isTranslationStatisticsError) {
-    throw error || translationSettingsError || translationStatisticsError;
-  }
-  const hasLocales = (store?.supported_locales ?? []).length > 0;
-  const translatableEntities = useMemo2(() => {
-    if (!translatable_fields) {
-      return [];
-    }
-    return Object.entries(translatable_fields).filter(
-      ([entity]) => !["product_option", "product_option_value"].includes(entity)
-    ).map(([entity, fields]) => {
-      const entityStatistics = statistics?.[entity] ?? {
-        translated: 0,
-        expected: 0
-      };
-      return {
-        label: entity.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" "),
-        reference: entity,
-        translatableFields: fields,
-        translatedCount: entityStatistics.translated,
-        totalCount: entityStatistics.expected
-      };
-    });
-  }, [translatable_fields, statistics]);
-  const isReady = !!store && !isPending && !isTranslationSettingsPending && !!translatable_fields && (!!statistics && !isTranslationStatisticsPending || !hasLocales);
-  if (!isReady) {
-    return /* @__PURE__ */ jsx4(TwoColumnPageSkeleton, { sidebarSections: 2 });
-  }
-  return /* @__PURE__ */ jsxs4(
-    TwoColumnPage,
-    {
-      widgets: {
-        before: [],
-        after: [],
-        sideBefore: [],
-        sideAfter: []
-      },
-      children: [
-        /* @__PURE__ */ jsxs4(TwoColumnPage.Main, { children: [
-          /* @__PURE__ */ jsxs4(Container4, { className: "flex flex-col px-6 py-4", children: [
-            /* @__PURE__ */ jsxs4(Heading3, { children: [
-              "Manage ",
-              t("translations.domain")
-            ] }),
-            /* @__PURE__ */ jsx4(Text4, { className: "text-ui-fg-subtle", size: "small", children: t("translations.subtitle") })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            TranslationListSection,
-            {
-              entities: translatableEntities,
-              hasLocales
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs4(TwoColumnPage.Sidebar, { children: [
-          /* @__PURE__ */ jsx4(
-            ActiveLocalesSection,
-            {
-              locales: store?.supported_locales?.map(
-                (suportedLocale) => suportedLocale.locale
-              ) ?? []
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            TranslationsCompletionSection,
-            {
-              statistics: statistics ?? {},
-              locales: store?.supported_locales?.map(
-                (supportedLocale) => supportedLocale.locale
-              ) ?? []
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-export {
-  TranslationList as Component
-};