@medusajs/dashboard 3.0.0-snapshot-20251216135612 → 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-S5Z6PG2R.mjs

@@ -1,295 +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 } from "@medusajs/ui";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var TranslationsCompletionSection = ({
-  statistics
-}) => {
-  const { t } = useTranslation3();
-  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);
-  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()
-      ] })
-    ] })
-  ] });
-};
-
-// src/routes/translations/translation-list/translation-list.tsx
-import { useMemo } 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 = useMemo(() => {
-    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 ?? {} })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  TranslationList as Component
-};

package/src/routes/products/product-create-option/components/create-product-option-form/create-product-option-form.tsx

@@ -1,122 +0,0 @@
-import { zodResolver } from "@hookform/resolvers/zod"
-import { Button, Input, toast } from "@medusajs/ui"
-import { useForm } from "react-hook-form"
-import { useTranslation } from "react-i18next"
-import { z } from "zod"
-
-import { HttpTypes } from "@medusajs/types"
-import { Form } from "../../../../../components/common/form"
-import { ChipInput } from "../../../../../components/inputs/chip-input"
-import { RouteDrawer, useRouteModal } from "../../../../../components/modals"
-import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
-import { useCreateProductOption } from "../../../../../hooks/api/products"
-
-type EditProductOptionsFormProps = {
-  product: HttpTypes.AdminProduct
-}
-
-const CreateProductOptionSchema = z.object({
-  title: z.string().min(1),
-  values: z.array(z.string()).optional(),
-})
-
-export const CreateProductOptionForm = ({
-  product,
-}: EditProductOptionsFormProps) => {
-  const { t } = useTranslation()
-  const { handleSuccess } = useRouteModal()
-
-  const form = useForm<z.infer<typeof CreateProductOptionSchema>>({
-    defaultValues: {
-      title: "",
-      values: [],
-    },
-    resolver: zodResolver(CreateProductOptionSchema),
-  })
-
-  const { mutateAsync, isPending } = useCreateProductOption(product.id)
-
-  const handleSubmit = form.handleSubmit(async (values) => {
-    mutateAsync(values, {
-      onSuccess: () => {
-        toast.success(
-          t("products.options.create.successToast", {
-            title: values.title,
-          })
-        )
-        handleSuccess()
-      },
-      onError: async (err) => {
-        toast.error(err.message)
-      },
-    })
-  })
-
-  return (
-    <RouteDrawer.Form form={form}>
-      <KeyboundForm
-        onSubmit={handleSubmit}
-        className="flex flex-1 flex-col overflow-hidden"
-      >
-        <RouteDrawer.Body className="flex flex-1 flex-col gap-y-4 overflow-auto">
-          <Form.Field
-            control={form.control}
-            name="title"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("products.fields.options.optionTitle")}
-                  </Form.Label>
-                  <Form.Control>
-                    <Input
-                      {...field}
-                      placeholder={t(
-                        "products.fields.options.optionTitlePlaceholder"
-                      )}
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-          <Form.Field
-            control={form.control}
-            name="values"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("products.fields.options.variations")}
-                  </Form.Label>
-                  <Form.Control>
-                    <ChipInput
-                      {...field}
-                      placeholder={t(
-                        "products.fields.options.variantionsPlaceholder"
-                      )}
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-        </RouteDrawer.Body>
-        <RouteDrawer.Footer>
-          <div className="flex items-center justify-end gap-x-2">
-            <RouteDrawer.Close asChild>
-              <Button variant="secondary" size="small">
-                {t("actions.cancel")}
-              </Button>
-            </RouteDrawer.Close>
-            <Button type="submit" size="small" isLoading={isPending}>
-              {t("actions.save")}
-            </Button>
-          </div>
-        </RouteDrawer.Footer>
-      </KeyboundForm>
-    </RouteDrawer.Form>
-  )
-}

package/src/routes/products/product-create-option/components/create-product-option-form/index.ts

@@ -1 +0,0 @@
-export * from "./create-product-option-form"

package/src/routes/products/product-create-option/index.ts

@@ -1 +0,0 @@
-export { ProductCreateOption as Component } from "./product-create-option"

package/src/routes/products/product-create-option/product-create-option.tsx

@@ -1,30 +0,0 @@
-import { Heading } from "@medusajs/ui"
-import { useTranslation } from "react-i18next"
-import { useParams } from "react-router-dom"
-import { RouteDrawer } from "../../../components/modals"
-import { useProduct } from "../../../hooks/api/products"
-import { CreateProductOptionForm } from "./components/create-product-option-form"
-
-export const ProductCreateOption = () => {
-  const { id } = useParams()
-  const { t } = useTranslation()
-
-  const { product, isLoading, isError, error } = useProduct(id!, {
-    // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
-    fields:
-      "-type,-collection,-options,-tags,-images,-variants,-sales_channels",
-  })
-
-  if (isError) {
-    throw error
-  }
-
-  return (
-    <RouteDrawer>
-      <RouteDrawer.Header>
-        <Heading>{t("products.options.create.header")}</Heading>
-      </RouteDrawer.Header>
-      {!isLoading && product && <CreateProductOptionForm product={product} />}
-    </RouteDrawer>
-  )
-}