@mercurjs/admin 2.2.0-canary.5 → 2.2.0-canary.50

package/dist/{chunk-EFZBEG7O.js → chunk-B3IK3FNO.js}

@@ -7,7 +7,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -16,21 +16,23 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   useStockLocations
-} from "./chunk-EPHVGD5Z.js";
+} from "./chunk-VXW3BCN2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useDeleteInventoryItem,
   useInventoryItems
-} from "./chunk-ZRFWXNT3.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/inventory/inventory-list/inventory-list.tsx
 import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/inventory/inventory-list/components/inventory-list-table.tsx
 import { Button, Container, Heading, Text } from "@medusajs/ui";
-import { Children, useState } from "react";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
+import { Children, useMemo as useMemo2, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link, useNavigate } from "react-router-dom";
 
@@ -373,10 +375,24 @@ var InventoryListDataTable = () => {
     isError,
     error
   } = useInventoryItems({
-    ...searchParams
+    ...searchParams,
+    ...useLinkQuery("inventory_item")
   });
-  const filters = useInventoryTableFilters();
-  const columns = useInventoryTableColumns();
+  const baseFilters = useInventoryTableFilters();
+  const baseColumns = useInventoryTableColumns();
+  const actionsColumn = baseColumns[baseColumns.length - 1];
+  const { columns: extended, filters: extFilters } = useExtendableTable({
+    model: "inventory_item",
+    columns: baseColumns.slice(0, -1)
+  });
+  const columns = useMemo2(
+    () => [...extended, actionsColumn],
+    [extended, actionsColumn]
+  );
+  const filters = useMemo2(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: inventory_items ?? [],
     columns,
@@ -438,7 +454,7 @@ var InventoryListTable = ({ children }) => {
 // src/pages/inventory/inventory-list/inventory-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4("div", { "data-testid": "inventory-page", children: /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(InventoryListTable, {}) }) });
+  return /* @__PURE__ */ jsx4("div", { "data-testid": "inventory-page", children: /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "inventory.list", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(InventoryListTable, {}) }) }) });
 };
 var InventoryListPage = Object.assign(Root, {
   Table: InventoryListTable,

package/dist/{chunk-3VTAK3S6.js → chunk-BFUHW56P.js}

@@ -9,10 +9,6 @@ import {
 import {
   countries
 } from "./chunk-JRTZWK77.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
 import {
   StackedFocusModal,
   useStackedModal
@@ -20,6 +16,10 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6ZVV2XHU.js";
 
 // src/pages/locations/common/components/geo-zone-form/geo-zone-form.tsx
 import { Button as Button2, Checkbox } from "@medusajs/ui";

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-CQKCZECQ.js}

@@ -3,21 +3,21 @@ import {
 } from "./chunk-54EPH67T.js";
 import {
   useCustomerGroupTableFilters
-} from "./chunk-CMHI2RPL.js";
+} from "./chunk-LPIPSLR7.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-AFYILTAC.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-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-M5AJSIRN.js → chunk-DJD3MWED.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AW77UWCZ.js";
 import {
   require_dist
-} from "./chunk-F5H5JZQZ.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-HZQGZQTV.js → chunk-DP6YFZHP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-PYDRHQTY.js";
 import {
   useProductCategories
-} from "./chunk-EB5QHYKL.js";
+} from "./chunk-QVIX6O76.js";
 import {
   TextSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -11,7 +11,7 @@ import {
 // src/pages/products/common/components/category-combobox/category-combobox.tsx
 import {
   ArrowUturnLeft,
-  EllipseMiniSolid,
+  CheckMini,
   TriangleRightMini,
   TrianglesMini,
   XMarkMini
@@ -104,7 +104,8 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, isSingleSelect,
         innerRef.current?.focus();
       };
     },
-    [value, onChange, isSingleSelect]
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
+    [value, onChange, isSingleSelect, handleOpenChange]
   );
   function handleOpenChange(open2) {
     if (!open2) {
@@ -333,7 +334,7 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, isSingleSelect,
                       onMouseLeave: () => setFocusedIndex(-1),
                       tabIndex: -1,
                       children: [
-                        /* @__PURE__ */ jsx("div", { className: "flex size-5 items-center justify-center", children: isSelected(value, option.value) && /* @__PURE__ */ jsx(EllipseMiniSolid, {}) }),
+                        /* @__PURE__ */ jsx("div", { className: "flex size-5 items-center justify-center", children: isSelected(value, option.value) && /* @__PURE__ */ jsx(CheckMini, {}) }),
                         /* @__PURE__ */ jsx(
                           Text,
                           {
@@ -422,7 +423,7 @@ function isSelected(values, value) {
 // src/pages/products/common/components/category-combobox/single-category-combobox.tsx
 import {
   ArrowUturnLeft as ArrowUturnLeft2,
-  EllipseMiniSolid as EllipseMiniSolid2,
+  EllipseMiniSolid,
   TriangleRightMini as TriangleRightMini2,
   TrianglesMini as TrianglesMini2
 } from "@medusajs/icons";
@@ -512,7 +513,8 @@ var SingleCategoryCombobox = forwardRef2(({ value, onChange, className, ...props
         innerRef.current?.focus();
       };
     },
-    [value, onChange]
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
+    [value, onChange, handleOpenChange]
   );
   function handleOpenChange(open2) {
     if (!open2) {
@@ -673,7 +675,6 @@ var SingleCategoryCombobox = forwardRef2(({ value, onChange, className, ...props
               "button",
               {
                 "data-active": focusedIndex === 0,
-                role: "button",
                 className: clx2(
                   "transition-fg grid w-full appearance-none grid-cols-[20px_1fr] items-center justify-center gap-2 rounded-md px-2 py-1.5 text-start outline-none",
                   "data-[active=true]:bg-ui-bg-field-hover"
@@ -708,6 +709,7 @@ var SingleCategoryCombobox = forwardRef2(({ value, onChange, className, ...props
                       "data-active": showLevelUp ? focusedIndex === index + 1 : focusedIndex === index,
                       type: "button",
                       role: "option",
+                      "aria-selected": value === option.value,
                       className: clx2(
                         "grid h-full w-full appearance-none grid-cols-[20px_1fr] items-center gap-2 overflow-hidden rounded-md px-2 py-1.5 text-start outline-none",
                         "data-[active=true]:bg-ui-bg-field-hover"
@@ -717,7 +719,7 @@ var SingleCategoryCombobox = forwardRef2(({ value, onChange, className, ...props
                       onMouseLeave: () => setFocusedIndex(-1),
                       tabIndex: -1,
                       children: [
-                        /* @__PURE__ */ jsx2("div", { className: "flex size-5 items-center justify-center", children: value === option.value && /* @__PURE__ */ jsx2(EllipseMiniSolid2, {}) }),
+                        /* @__PURE__ */ jsx2("div", { className: "flex size-5 items-center justify-center", children: value === option.value && /* @__PURE__ */ jsx2(EllipseMiniSolid, {}) }),
                         /* @__PURE__ */ jsx2(
                           Text2,
                           {

package/dist/{chunk-I5THQVYP.js → chunk-DUVYF37J.js}

@@ -1,6 +1,6 @@
 import {
   useCustomerGroups
-} from "./chunk-PRBE5CM3.js";
+} from "./chunk-AFYILTAC.js";
 
 // src/hooks/table/filters/use-customer-table-filters.tsx
 import { useTranslation } from "react-i18next";

package/dist/{chunk-FXWKGNRV.js → chunk-EJY35WBK.js}

@@ -1,6 +1,6 @@
 import {
   pricePreferencesQueryKeys
-} from "./chunk-VDKOJ5WD.js";
+} from "./chunk-GYRTURN7.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/store.tsx
 import { ClientError } from "@mercurjs/client";