@mercurjs/admin 2.2.0-canary.1 → 2.2.0-canary.11

package/dist/{chunk-CYGIJOA5.js → chunk-3VDLE5GA.js}

@@ -1,6 +1,6 @@
 import {
   require_dist
-} from "./chunk-2MDGYHWN.js";
+} from "./chunk-UCYSCKZV.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -22,6 +22,7 @@ var CreateAttributeSchema = z.object({
   is_filterable: z.boolean().default(false),
   is_required: z.boolean().default(false),
   is_variant_axis: z.boolean().default(false),
+  is_global: z.boolean().default(true),
   type: z.enum([
     import_types.AttributeType.SINGLE_SELECT,
     import_types.AttributeType.MULTI_SELECT,
@@ -31,7 +32,7 @@ var CreateAttributeSchema = z.object({
   ]).default(import_types.AttributeType.SINGLE_SELECT),
   values: z.array(
     z.object({
-      name: z.string().min(1),
+      name: z.string(),
       rank: z.number(),
       metadata: z.record(z.string()).optional()
     })
@@ -41,13 +42,20 @@ var CreateAttributeSchema = z.object({
 }).superRefine((data, ctx) => {
   if ([import_types.AttributeType.SINGLE_SELECT, import_types.AttributeType.MULTI_SELECT].includes(
     data.type
-  ) && (!data.values || data.values.length === 0)) {
+  ) && !(data.values ?? []).some((value) => value.name.trim().length > 0)) {
     ctx.addIssue({
       code: z.ZodIssueCode.custom,
-      message: "At least one value is required for this type.",
+      message: "attributes.create.possibleValuesRequired",
       path: ["values"]
     });
   }
+  if (!data.is_global && (data.category_ids ?? []).length === 0) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "attributes.create.categoriesRequired",
+      path: ["category_ids"]
+    });
+  }
 });
 var UpdateAttributeSchema = z.object({
   name: z.string().min(1).optional(),

package/dist/{chunk-JQBSPUH2.js → chunk-3XSC3NEG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ESPLVOFC.js";
 import {
   useSalesChannels
-} from "./chunk-S5BJ5CMF.js";
+} from "./chunk-6FHQCLHQ.js";
 
 // src/hooks/table/filters/use-order-table-filters.tsx
 import { useTranslation } from "react-i18next";
@@ -46,6 +46,19 @@ var useOrderTableFilters = () => {
     };
     filters = [...filters, salesChannelFilter];
   }
+  const requestFilter = {
+    key: "request",
+    label: t("orders.filters.request.label"),
+    type: "select",
+    multiple: true,
+    options: [
+      { label: t("orders.filters.request.edit"), value: "edit" },
+      { label: t("orders.filters.request.return"), value: "return" },
+      { label: t("orders.filters.request.exchange"), value: "exchange" },
+      { label: t("orders.filters.request.claim"), value: "claim" }
+    ]
+  };
+  filters = [...filters, requestFilter];
   const dateFilters = [
     { label: "Created At", key: "created_at" },
     { label: "Updated At", key: "updated_at" }

package/dist/{chunk-OSEIN4Y2.js → chunk-453BC56K.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-PRBE5CM3.js";
 import {
   productsQueryKeys
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-H3MAUKL7.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-ALATTLBM.js → chunk-4GFS57XI.js}

@@ -23,7 +23,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-H3MAUKL7.js";
 
 // src/pages/commission-rates/commission-rate-detail/commission-rate-detail.tsx
 import { Children } from "react";

package/dist/{chunk-BCVUMATY.js → chunk-4PU6GDCE.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-54EPH67T.js";
 import {
   useOrderTableFilters
-} from "./chunk-JQBSPUH2.js";
+} from "./chunk-3XSC3NEG.js";
 import {
   useCustomerGroupTableFilters
 } from "./chunk-CMHI2RPL.js";
 import {
   useOrderTableQuery
-} from "./chunk-3B6MTW5G.js";
+} from "./chunk-QUHSHIAC.js";
 import {
   useCustomerGroupTableQuery
 } from "./chunk-VKOE5J66.js";
@@ -36,7 +36,7 @@ import {
 } from "./chunk-PRBE5CM3.js";
 import {
   useOrders
-} from "./chunk-B3EEDC47.js";
+} from "./chunk-VT6QIVZW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-ZSFJVRRS.js → chunk-5AZCIOS4.js}

@@ -15,7 +15,7 @@ import {
   useCombinedRefs,
   useDataGridCell,
   useDataGridCellError
-} from "./chunk-V6OGMYAI.js";
+} from "./chunk-KT7X72J4.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";

package/dist/{chunk-2S6VXFBZ.js → chunk-5FFZQPTT.js}

@@ -15,9 +15,6 @@ import {
 import {
   useCurrencies
 } from "./chunk-DAXXLQKB.js";
-import {
-  useStockLocation
-} from "./chunk-EPHVGD5Z.js";
 import {
   useRegion
 } from "./chunk-ESPLVOFC.js";
@@ -28,12 +25,15 @@ import {
 import {
   usePricePreferences
 } from "./chunk-VDKOJ5WD.js";
+import {
+  useStockLocation
+} from "./chunk-EPHVGD5Z.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannel
-} from "./chunk-S5BJ5CMF.js";
+} from "./chunk-6FHQCLHQ.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";

package/dist/chunk-5UPOHLBD.js

@@ -0,0 +1,213 @@
+import {
+  AttributeValueInput
+} from "./chunk-JSMUFZZN.js";
+import {
+  TabbedForm,
+  defineTabMeta,
+  useTabbedForm
+} from "./chunk-4LXBQTFN.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-GVEF6UDT.js";
+import {
+  require_dist
+} from "./chunk-UCYSCKZV.js";
+import {
+  useCreateProductVariant,
+  useProduct
+} from "./chunk-H3MAUKL7.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-create-variant/components/create-product-variant-form/constants.ts
+import { z } from "zod";
+var CreateProductVariantSchema = z.object({
+  title: z.string().min(1),
+  sku: z.string().optional(),
+  options: z.record(z.string()).optional()
+});
+var CreateVariantDetailsSchema = CreateProductVariantSchema.pick({
+  title: true,
+  sku: true,
+  options: true
+});
+var CreateVariantDetailsFields = Object.keys(
+  CreateVariantDetailsSchema.shape
+);
+
+// src/pages/products/product-create-variant/product-create-variant.tsx
+import { Children as Children2 } from "react";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/product-create-variant/components/create-product-variant-form/create-product-variant-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { toast } from "@medusajs/ui";
+import { Children, useMemo } from "react";
+import { useForm } from "react-hook-form";
+
+// src/pages/products/product-create-variant/components/create-product-variant-form/details-tab.tsx
+var import_types = __toESM(require_dist(), 1);
+import { Heading, Input } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DetailsTab({ product }) {
+  const { t } = useTranslation();
+  const form = useTabbedForm();
+  const variantAttributes = product.attributes?.filter((a) => a.is_variant_axis) ?? [];
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", "data-testid": "product-variant-create-form-details-tab", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-8 py-16", children: [
+    /* @__PURE__ */ jsx(Heading, { level: "h1", "data-testid": "product-variant-create-form-details-heading", children: t("products.variant.create.header") }),
+    /* @__PURE__ */ jsxs("div", { className: "my-8 grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "title",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-variant-create-form-title-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-variant-create-form-title-label", children: t("fields.title") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-variant-create-form-title-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "product-variant-create-form-title-input" }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-variant-create-form-title-error" })
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "sku",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-variant-create-form-sku-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "product-variant-create-form-sku-label", children: t("fields.sku") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-variant-create-form-sku-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "product-variant-create-form-sku-input" }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-variant-create-form-sku-error" })
+            ] });
+          }
+        }
+      ),
+      variantAttributes.map((attribute) => {
+        const fieldKey = attribute.handle ?? attribute.id;
+        return /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: `options.${fieldKey}`,
+            render: ({ field: { value, onChange } }) => {
+              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": `product-variant-create-form-attribute-${attribute.id}-item`, children: [
+                /* @__PURE__ */ jsx(Form.Label, { "data-testid": `product-variant-create-form-attribute-${attribute.id}-label`, children: attribute.name }),
+                /* @__PURE__ */ jsx(Form.Control, { "data-testid": `product-variant-create-form-attribute-${attribute.id}-control`, children: /* @__PURE__ */ jsx(
+                  AttributeValueInput,
+                  {
+                    type: import_types.AttributeType.SINGLE_SELECT,
+                    value: typeof value === "string" ? value : "",
+                    onChange,
+                    availableValues: (attribute.values ?? []).map((v) => ({
+                      id: v.id,
+                      name: v.name
+                    }))
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": `product-variant-create-form-attribute-${attribute.id}-error` })
+              ] });
+            }
+          },
+          attribute.id
+        );
+      })
+    ] })
+  ] }) });
+}
+DetailsTab._tabMeta = defineTabMeta({
+  id: "detail",
+  labelKey: "priceLists.create.tabs.details",
+  validationFields: ["title", "sku", "options"]
+});
+var details_tab_default = DetailsTab;
+
+// src/pages/products/product-create-variant/components/create-product-variant-form/create-product-variant-form.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CREATE_VARIANT_DEFAULTS = {
+  sku: "",
+  title: "",
+  options: {}
+};
+var CreateProductVariantForm = ({
+  product,
+  children,
+  schema,
+  defaultValues: extraDefaults
+}) => {
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      ...CREATE_VARIANT_DEFAULTS,
+      ...extraDefaults
+    },
+    resolver: zodResolver(schema ?? CreateProductVariantSchema)
+  });
+  const { mutateAsync, isPending } = useCreateProductVariant(product.id);
+  const variantAttributes = product.attributes?.filter((a) => a.is_variant_axis) ?? [];
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const { title, options } = data;
+    const cleanedOptions = variantAttributes.reduce(
+      (acc, attr) => {
+        const fieldKey = attr.handle ?? attr.id;
+        const v = options?.[fieldKey];
+        if (v && attr.name) acc[attr.name] = v;
+        return acc;
+      },
+      {}
+    );
+    await mutateAsync(
+      {
+        title,
+        options: Object.keys(cleanedOptions).length ? cleanedOptions : void 0
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  const defaultTabs = useMemo(
+    () => [/* @__PURE__ */ jsx2(details_tab_default, { product }, "details")],
+    [product]
+  );
+  const hasCustomChildren = Children.count(children) > 0;
+  return /* @__PURE__ */ jsx2(TabbedForm, { form, onSubmit: handleSubmit, isLoading: isPending, children: hasCustomChildren ? children : defaultTabs });
+};
+
+// src/pages/products/product-create-variant/product-create-variant.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const { id } = useParams();
+  const { product, isLoading, isError, error } = useProduct(id, PRODUCT_DETAIL_QUERY);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(RouteFocusModal, { prev: "../..", children: !isLoading && product && (Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx3(CreateProductVariantForm, { product })) });
+};
+var ProductCreateVariantPage = Object.assign(Root, {
+  Form: CreateProductVariantForm,
+  DetailsTab: details_tab_default,
+  Tab: TabbedForm.Tab
+});
+var ProductCreateVariant = Root;
+
+export {
+  CreateProductVariantSchema,
+  ProductCreateVariantPage,
+  ProductCreateVariant
+};

package/dist/{chunk-LLOKYZMI.js → chunk-623TMW36.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5A4JNOK3.js";
 import {
   useReturnReasonTableQuery
-} from "./chunk-NZ2LHIKD.js";
+} from "./chunk-MR3MLNWV.js";
 import {
   useDeleteReturnReason,
   useReturnReasons

package/dist/{chunk-S5BJ5CMF.js → chunk-6FHQCLHQ.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-H3MAUKL7.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-TITPJHIL.js → chunk-72PLRAWM.js}

@@ -1,7 +1,7 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-P25PIADJ.js";
+} from "./chunk-N4GJRJF5.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";

package/dist/{chunk-H23AKDB2.js → chunk-7KZ5X5SU.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-CBG4E3M3.js";
+} from "./chunk-OMBP3YSV.js";
 import {
   useProductTableFilters
-} from "./chunk-GLPS6QFG.js";
+} from "./chunk-JSH7JEKY.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";
@@ -21,13 +21,13 @@ import {
   useDeleteSalesChannel,
   useSalesChannel,
   useSalesChannelRemoveProducts
-} from "./chunk-S5BJ5CMF.js";
+} from "./chunk-6FHQCLHQ.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-H3MAUKL7.js";
 
 // src/pages/sales-channels/sales-channel-detail/sales-channel-detail.tsx
 import { Children } from "react";

package/dist/chunk-7MMLCMV3.js

@@ -0,0 +1,142 @@
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  TwoColumnPage
+} from "./chunk-E74OUNA3.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  useDeleteVariant,
+  useProductVariant
+} from "./chunk-H3MAUKL7.js";
+
+// src/pages/product-variants/product-variant-detail/product-variant-detail.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/product-variants/product-variant-detail/components/variant-general-section/variant-general-section.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { Badge, Container, Heading, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+function VariantGeneralSection({
+  variant
+}) {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const navigate = useNavigate();
+  const { mutateAsync } = useDeleteVariant(variant.product_id, variant.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("products.variant.deleteWarning", {
+        title: variant.title
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        navigate("..", { replace: true });
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(Heading, { children: variant.title }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle txt-small mt-2", children: t("labels.productVariant") })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "edit",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            },
+            {
+              actions: [
+                {
+                  label: t("actions.delete"),
+                  onClick: handleDelete,
+                  icon: /* @__PURE__ */ jsx(Trash, {})
+                }
+              ]
+            }
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(SectionRow, { title: t("fields.sku"), value: variant.sku }),
+    (variant.options ?? []).map((opt) => {
+      const title = opt.option?.title;
+      if (!title || !opt.value) return null;
+      return /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title,
+          value: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1", children: /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: opt.value }) })
+        },
+        opt.id
+      );
+    })
+  ] });
+}
+
+// src/pages/product-variants/product-variant-detail/product-variant-detail.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const initialData = useLoaderData();
+  const { id, variant_id } = useParams();
+  const { variant: rawVariant, isLoading, isError, error } = useProductVariant(
+    id,
+    variant_id,
+    { fields: "*options,*options.option" },
+    {
+      initialData
+    }
+  );
+  const variant = rawVariant;
+  if (isLoading || !variant) {
+    return /* @__PURE__ */ jsx2(
+      TwoColumnPageSkeleton,
+      {
+        mainSections: 1,
+        sidebarSections: 0,
+        showJSON: true,
+        showMetadata: true
+      }
+    );
+  }
+  if (isError) {
+    throw error;
+  }
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(TwoColumnPage, { data: variant, showJSON: true, showMetadata: true, hasOutlet: true, children }) : /* @__PURE__ */ jsxs2(TwoColumnPage, { data: variant, showJSON: true, showMetadata: true, hasOutlet: true, children: [
+    /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(VariantGeneralSection, { variant }) }),
+    /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: null })
+  ] });
+};
+var ProductVariantDetailPage = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  MainGeneralSection: VariantGeneralSection
+});
+
+export {
+  ProductVariantDetailPage
+};