@mercurjs/admin 2.2.0-canary.8 → 2.2.0-rc.0

package/dist/chunk-BVIIRGSW.js

@@ -0,0 +1,204 @@
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useUpdateProduct
+} from "./chunk-ZKHF75MZ.js";
+
+// src/pages/products/product-detail/components/product-media-section/product-media-section.tsx
+import { PencilSquare, ThumbnailBadge } from "@medusajs/icons";
+import {
+  Button,
+  Checkbox,
+  CommandBar,
+  Container,
+  Heading,
+  Text,
+  Tooltip,
+  clx,
+  usePrompt
+} from "@medusajs/ui";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProductMediaSection = ({
+  product,
+  readOnly = false
+}) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const [selection, setSelection] = useState({});
+  const media = getMedia(product);
+  const handleCheckedChange = (id) => {
+    setSelection((prev) => {
+      if (prev[id]) {
+        const { [id]: _, ...rest } = prev;
+        return rest;
+      } else {
+        return { ...prev, [id]: true };
+      }
+    });
+  };
+  const { mutateAsync } = useUpdateProduct(product.id);
+  const handleDelete = async () => {
+    const ids = Object.keys(selection);
+    const includingThumbnail = ids.some(
+      (id) => media.find((m) => m.id === id)?.isThumbnail
+    );
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: includingThumbnail ? t("products.media.deleteWarningWithThumbnail", {
+        count: ids.length
+      }) : t("products.media.deleteWarning", {
+        count: ids.length
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    const mediaToKeep = product.images?.filter((i) => !ids.includes(i.id)).map((i) => ({ url: i.url }));
+    await mutateAsync(
+      {
+        images: mediaToKeep,
+        thumbnail: includingThumbnail ? "" : void 0
+      },
+      {
+        onSuccess: () => {
+          setSelection({});
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "product-media-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "product-media-header", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "product-media-title", children: t("products.media.label") }),
+      !readOnly && /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "media?view=edit",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            }
+          ],
+          "data-testid": "product-media-action-menu"
+        }
+      )
+    ] }),
+    media.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-4 px-6 py-4", "data-testid": "product-media-grid", children: media.map((i, index) => {
+      const isSelected = selection[i.id];
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clx(
+            "shadow-elevation-card-rest transition-fg group relative aspect-square size-full overflow-hidden rounded-[8px]",
+            {
+              "hover:shadow-elevation-card-hover cursor-pointer": !readOnly
+            }
+          ),
+          "data-testid": `product-media-item-${i.id}`,
+          children: [
+            !readOnly && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clx(
+                  "transition-fg invisible absolute right-2 top-2 opacity-0 group-hover:visible group-hover:opacity-100",
+                  {
+                    "visible opacity-100": isSelected
+                  }
+                ),
+                "data-testid": `product-media-checkbox-container-${i.id}`,
+                children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: selection[i.id] || false,
+                    onCheckedChange: () => handleCheckedChange(i.id),
+                    "data-testid": `product-media-checkbox-${i.id}`
+                  }
+                )
+              }
+            ),
+            i.isThumbnail && /* @__PURE__ */ jsx("div", { className: "absolute left-2 top-2", "data-testid": `product-media-thumbnail-badge-${i.id}`, children: /* @__PURE__ */ jsx(Tooltip, { content: t("fields.thumbnail"), children: /* @__PURE__ */ jsx(ThumbnailBadge, {}) }) }),
+            readOnly ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: i.url,
+                alt: product.title,
+                className: "size-full object-cover",
+                "data-testid": `product-media-image-${i.id}`
+              }
+            ) : /* @__PURE__ */ jsx(Link, { to: `media`, state: { curr: index }, "data-testid": `product-media-link-${i.id}`, children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: i.url,
+                alt: product.title,
+                className: "size-full object-cover",
+                "data-testid": `product-media-image-${i.id}`
+              }
+            ) })
+          ]
+        },
+        i.id
+      );
+    }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-4 pb-8 pt-6", "data-testid": "product-media-empty-state", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            weight: "plus",
+            className: "text-ui-fg-subtle",
+            "data-testid": "product-media-empty-state-header",
+            children: t("products.media.emptyState.header")
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", "data-testid": "product-media-empty-state-description", children: t("products.media.emptyState.description") })
+      ] }),
+      !readOnly && /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", asChild: true, "data-testid": "product-media-empty-state-button", children: /* @__PURE__ */ jsx(Link, { to: "media?view=edit", "data-testid": "product-media-empty-state-link", children: t("products.media.emptyState.action") }) })
+    ] }),
+    !readOnly && /* @__PURE__ */ jsx(CommandBar, { open: !!Object.keys(selection).length, "data-testid": "product-media-command-bar", children: /* @__PURE__ */ jsxs(CommandBar.Bar, { "data-testid": "product-media-command-bar-bar", children: [
+      /* @__PURE__ */ jsx(CommandBar.Value, { "data-testid": "product-media-command-bar-value", children: t("general.countSelected", {
+        count: Object.keys(selection).length
+      }) }),
+      /* @__PURE__ */ jsx(CommandBar.Seperator, { "data-testid": "product-media-command-bar-separator" }),
+      /* @__PURE__ */ jsx(
+        CommandBar.Command,
+        {
+          action: handleDelete,
+          label: t("actions.delete"),
+          shortcut: "d",
+          "data-testid": "product-media-command-bar-delete"
+        }
+      )
+    ] }) })
+  ] });
+};
+var getMedia = (product) => {
+  const { images = [], thumbnail } = product;
+  const media = images.map((image) => ({
+    id: image.id,
+    url: image.url,
+    isThumbnail: image.url === thumbnail
+  }));
+  if (thumbnail && !media.some((mediaItem) => mediaItem.url === thumbnail)) {
+    media.unshift({
+      id: "img_thumbnail",
+      url: thumbnail,
+      isThumbnail: true
+    });
+  }
+  return media;
+};
+
+export {
+  ProductMediaSection
+};

package/dist/chunk-BW7BDHZV.js

@@ -0,0 +1,34 @@
+// src/pages/categories/category-create/components/create-category-form/schema.ts
+import i18n from "i18next";
+import { z } from "zod";
+var CategoryMediaSchema = z.object({
+  url: z.string(),
+  file: z.any().nullable(),
+  // File
+  is_thumbnail: z.boolean(),
+  is_banner: z.boolean(),
+  field_id: z.string().optional()
+});
+var CategoryIconSchema = z.object({
+  url: z.string(),
+  file: z.any().nullable()
+  // File
+});
+var CreateCategoryDetailsSchema = z.object({
+  name: z.string().min(1, { message: i18n.t("categories.validation.titleRequired") }),
+  description: z.string().optional(),
+  handle: z.string().optional(),
+  status: z.enum(["active", "inactive"]),
+  visibility: z.enum(["public", "internal"]),
+  media: z.array(CategoryMediaSchema).optional(),
+  icon: CategoryIconSchema.nullable().optional()
+});
+var CreateCategorySchema = z.object({
+  rank: z.number().nullable(),
+  parent_category_id: z.string().nullable()
+}).merge(CreateCategoryDetailsSchema);
+
+export {
+  CategoryIconSchema,
+  CreateCategorySchema
+};

package/dist/{chunk-LYZT5REU.js → chunk-C4XKPQ6T.js}

@@ -212,13 +212,14 @@ var DataTable = ({
     } : void 0
   });
   const shouldRenderHeading = heading || subHeading;
+  const hasToolbarHeader = Boolean(shouldRenderHeading) || Boolean(actionMenu) || Boolean(actions && actions.length > 0) || Boolean(action);
   return /* @__PURE__ */ jsxs(
     UiDataTable,
     {
       instance,
       className: layout === "fill" ? "h-full [&_tr]:last-of-type:!border-b" : void 0,
       children: [
-        /* @__PURE__ */ jsx(
+        hasToolbarHeader ? /* @__PURE__ */ jsx(
           UiDataTable.Toolbar,
           {
             className: "flex flex-col items-start justify-between gap-2 md:flex-row md:items-center",
@@ -244,6 +245,18 @@ var DataTable = ({
               ] })
             ] })
           }
+        ) : /* @__PURE__ */ jsxs(
+          UiDataTable.FilterBar,
+          {
+            alwaysShow: true,
+            clearAllFiltersLabel: toolbarTranslations.clearAll,
+            sortingTooltip: toolbarTranslations.sort,
+            columnsTooltip: toolbarTranslations.columns,
+            children: [
+              enableSearch && /* @__PURE__ */ jsx(UiDataTable.Search, { placeholder: t("filters.searchLabel") }),
+              filterBarContent
+            ]
+          }
         ),
         /* @__PURE__ */ jsx(UiDataTable.Table, { emptyState }),
         enablePagination && /* @__PURE__ */ jsx(UiDataTable.Pagination, { translations: paginationTranslations }),

package/dist/{chunk-N6SI4IIT.js → chunk-CARSKIPW.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/shipping-profiles.tsx
 import {

package/dist/chunk-CGIVQ7D2.js

@@ -0,0 +1,115 @@
+// src/pages/commissions/common/types.ts
+var SCOPE_TYPE_DIMENSIONS = {
+  store: ["seller"],
+  product_type: ["product_type"],
+  category: ["product_category"],
+  store_product_type: ["seller", "product_type"],
+  store_category: ["seller", "product_category"]
+};
+
+// src/pages/commissions/common/utils.ts
+var buildRulesFromScope = (scopeType, { stores, productTypes, categories }) => {
+  const dimensions = SCOPE_TYPE_DIMENSIONS[scopeType];
+  const rules = [];
+  if (dimensions.includes("seller")) {
+    stores.forEach((id) => rules.push({ reference: "seller", reference_id: id }));
+  }
+  if (dimensions.includes("product_type")) {
+    productTypes.forEach(
+      (id) => rules.push({ reference: "product_type", reference_id: id })
+    );
+  }
+  if (dimensions.includes("product_category")) {
+    categories.forEach(
+      (id) => rules.push({ reference: "product_category", reference_id: id })
+    );
+  }
+  return rules;
+};
+var diffScopeRules = (existing = [], desired = []) => {
+  const key = (r) => `${r.reference}:${r.reference_id}`;
+  const existingByKey = new Map(existing.map((r) => [key(r), r]));
+  const desiredKeys = new Set(desired.map(key));
+  const create = desired.filter((r) => !existingByKey.has(key(r)));
+  const remove = existing.filter((r) => !desiredKeys.has(key(r))).map((r) => r.id);
+  return { create, delete: remove };
+};
+var deriveScopeType = (rules = []) => {
+  const refs = new Set(rules.map((r) => r.reference));
+  const hasSeller = refs.has("seller");
+  const hasType = refs.has("product_type");
+  const hasCategory = refs.has("product_category");
+  if (hasSeller && hasType) return "store_product_type";
+  if (hasSeller && hasCategory) return "store_category";
+  if (hasSeller) return "store";
+  if (hasType) return "product_type";
+  if (hasCategory) return "category";
+  return null;
+};
+var SCOPE_TYPE_LABEL_KEY = {
+  store: "commissions.fields.scopeType.store",
+  product_type: "commissions.fields.scopeType.productType",
+  category: "commissions.fields.scopeType.category",
+  store_product_type: "commissions.fields.scopeType.storeProductType",
+  store_category: "commissions.fields.scopeType.storeCategory"
+};
+var SCOPE_TYPE_FALLBACK = {
+  store: "Store",
+  product_type: "Product Type",
+  category: "Category",
+  store_product_type: "Store + Product Type",
+  store_category: "Store + Category"
+};
+var getScopeTypeLabel = (rules = [], t) => {
+  const scopeType = deriveScopeType(rules);
+  if (!scopeType) return "-";
+  return t(SCOPE_TYPE_LABEL_KEY[scopeType], SCOPE_TYPE_FALLBACK[scopeType]);
+};
+var referenceIds = (rules = [], reference) => rules.filter((r) => r.reference === reference).map((r) => r.reference_id);
+var getScopeSummary = (rules = [], names) => {
+  if (!rules.length) return "-";
+  const labels = rules.map((r) => names?.[r.reference_id] ?? r.reference_id);
+  const head = labels.slice(0, 2).join(", ");
+  const extra = labels.length - 2;
+  return extra > 0 ? `${head} +${extra}` : head;
+};
+var formatCommissionValue = (rate) => {
+  if (rate.type === "percentage") {
+    return `${rate.value}%`;
+  }
+  const values = rate.values ?? [];
+  if (!values.length) {
+    return rate.currency_code ? `${rate.value} ${rate.currency_code.toUpperCase()}` : `${rate.value}`;
+  }
+  const head = values.slice(0, 2).map((v) => `${v.amount} ${v.currency_code.toUpperCase()}`).join(" / ");
+  const extra = values.length - 2;
+  return extra > 0 ? `${head} / +${extra}` : head;
+};
+var getIsActiveProps = (isEnabled, t) => isEnabled ? {
+  color: "green",
+  label: t("commissions.status.enabled")
+} : {
+  color: "red",
+  label: t("commissions.status.disabled")
+};
+var buildValuesPayload = (currencies, fixedValues = {}) => currencies.map((code) => ({
+  currency_code: code,
+  amount: Number(fixedValues[code] ?? 0)
+}));
+var fixedValuesFromRate = (rate) => Object.fromEntries(
+  (rate.values ?? []).map((v) => [v.currency_code, v.amount])
+);
+
+export {
+  SCOPE_TYPE_DIMENSIONS,
+  buildRulesFromScope,
+  diffScopeRules,
+  deriveScopeType,
+  getScopeTypeLabel,
+  referenceIds,
+  getScopeSummary,
+  formatCommissionValue,
+  getIsActiveProps,
+  buildValuesPayload,
+  fixedValuesFromRate
+};

package/dist/{chunk-HR7TFO2X.js → chunk-CHMIK6PK.js}

@@ -3,21 +3,21 @@ import {
 } from "./chunk-54EPH67T.js";
 import {
   useCustomerGroupTableFilters
-} from "./chunk-CMHI2RPL.js";
+} from "./chunk-FMJBQE56.js";
 import {
   useCustomerGroupTableQuery
-} from "./chunk-VKOE5J66.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-3XOE4NV5.js";
 import {
   StackedDrawer,
   StackedFocusModal
 } from "./chunk-FWJLS7XD.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6ZVV2XHU.js";
 import {
   useCustomerGroups
-} from "./chunk-PRBE5CM3.js";
+} from "./chunk-RGS5ZOY7.js";
 
 // src/pages/price-lists/common/components/price-list-customer-group-rule-form/price-list-customer-group-rule-form.tsx
 import { Button, Checkbox } from "@medusajs/ui";

package/dist/{chunk-DRJAKRTI.js → chunk-CNODWD3F.js}

@@ -10,25 +10,25 @@ import {
 import {
   PlaceholderCell
 } from "./chunk-PHOCVOZ5.js";
+import {
+  DataTable
+} from "./chunk-C4XKPQ6T.js";
 import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
-import {
-  DataTable
-} from "./chunk-LYZT5REU.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   stockLocationsQueryKeys,
   useStockLocations
-} from "./chunk-EPHVGD5Z.js";
+} from "./chunk-VXW3BCN2.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/pages/locations/location-list/location-list.tsx
 import { Children } from "react";

package/dist/chunk-CU4UVEHX.js

@@ -0,0 +1,121 @@
+import {
+  DeprecatedPercentageInput
+} from "./chunk-MAEP2UCK.js";
+import {
+  getCurrencySymbol
+} from "./chunk-IQPN4PZJ.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useStore
+} from "./chunk-EJY35WBK.js";
+
+// src/pages/commissions/common/hooks/use-store-currencies.tsx
+var useStoreCurrencies = () => {
+  const { store, isPending } = useStore();
+  const currencies = (store?.supported_currencies ?? []).slice().sort((a, b) => a.is_default === b.is_default ? 0 : a.is_default ? -1 : 1).map((c) => c.currency_code.toLowerCase());
+  return { currencies, isPending };
+};
+
+// src/pages/commissions/common/components/commission-value-fields.tsx
+import { CurrencyInput, Label } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CommissionValueFields = ({
+  control,
+  type,
+  currencies
+}) => {
+  const { t } = useTranslation();
+  if (type === "percentage") {
+    return /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control,
+        name: "value",
+        render: ({ field: { value, onChange, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+          /* @__PURE__ */ jsx(Form.Label, { children: t("commissions.fields.value") }),
+          /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+            DeprecatedPercentageInput,
+            {
+              min: 0,
+              max: 100,
+              ...field,
+              value: value ?? "",
+              onChange: (e) => onChange(
+                e.target.value === "" ? null : parseFloat(e.target.value)
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+    /* @__PURE__ */ jsx(Label, { size: "small", weight: "plus", children: t("commissions.fields.value") }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-2", children: currencies.map((code) => /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control,
+        name: `fixed_values.${code}`,
+        render: ({ field: { value, onChange, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+          /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+            CurrencyInput,
+            {
+              min: 0,
+              code,
+              symbol: getCurrencySymbol(code),
+              onValueChange: (val) => onChange(val ? parseFloat(val) : void 0),
+              ...field,
+              value: value ?? ""
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+        ] })
+      },
+      code
+    )) })
+  ] });
+};
+
+// src/pages/commissions/common/schema.ts
+import i18n from "i18next";
+import * as zod from "zod";
+var optionalAmount = zod.preprocess((val) => {
+  if (val === "" || val === null || val === void 0) {
+    return void 0;
+  }
+  const parsed = typeof val === "number" ? val : Number(val);
+  return Number.isNaN(parsed) ? void 0 : parsed;
+}, zod.number().optional());
+var addCommissionValueIssues = (ctx, { type, value, fixedValues, currencies = [] }) => {
+  if (type === "percentage") {
+    if (value === void 0 || Number.isNaN(value)) {
+      ctx.addIssue({
+        code: zod.ZodIssueCode.custom,
+        path: ["value"],
+        message: i18n.t("commissions.validation.value")
+      });
+    }
+    return;
+  }
+  currencies.forEach((code) => {
+    const amount = fixedValues?.[code];
+    if (amount === void 0 || Number.isNaN(amount)) {
+      ctx.addIssue({
+        code: zod.ZodIssueCode.custom,
+        path: ["fixed_values", code],
+        message: i18n.t("commissions.validation.value")
+      });
+    }
+  });
+};
+
+export {
+  useStoreCurrencies,
+  CommissionValueFields,
+  optionalAmount,
+  addCommissionValueIssues
+};

package/dist/{chunk-TXNRS2JR.js → chunk-CW3HYGS5.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductCategory
-} from "./chunk-EB5QHYKL.js";
+} from "./chunk-JZJT26E3.js";
 
 // src/pages/categories/common/hooks/use-delete-product-category-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-WPVDACTL.js → chunk-DI2M3J5Q.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-PHOCVOZ5.js";
 import {
   require_dist
-} from "./chunk-UCYSCKZV.js";
+} from "./chunk-DSTHXHJ5.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-YYMACYP6.js → chunk-DL7ENIQB.js}

@@ -7,7 +7,7 @@ import {
 import {
   useDeleteShippingProfile,
   useShippingProfile
-} from "./chunk-N6SI4IIT.js";
+} from "./chunk-CARSKIPW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-362ZBMNT.js → chunk-DPG4AWSG.js}

@@ -1,21 +1,21 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-B2STTXQV.js";
+} from "./chunk-ML7UVBKL.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useDeletePromotion,
   usePromotions
-} from "./chunk-ZN7LWXVC.js";
+} from "./chunk-GCEOEV6P.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";