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

package/dist/{chunk-533GMKEG.js → chunk-F5NW4XBU.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/product-attributes.tsx
 import {
@@ -17,10 +17,26 @@ var PRODUCT_ATTRIBUTES_QUERY_KEY = "product_attributes";
 var productAttributesQueryKeys = queryKeysFactory(
   PRODUCT_ATTRIBUTES_QUERY_KEY
 );
+var sortAttributeValuesByRank = (attributes) => {
+  attributes?.forEach((attribute) => {
+    if (Array.isArray(attribute.values)) {
+      attribute.values.sort((a, b) => (a.rank ?? 0) - (b.rank ?? 0));
+    }
+  });
+};
 var useProductAttribute = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryKey: productAttributesQueryKeys.detail(id, query),
-    queryFn: async () => sdk.admin.productAttributes.$id.query({ $id: id, ...query }),
+    queryFn: async () => {
+      const res = await sdk.admin.productAttributes.$id.query({
+        $id: id,
+        ...query
+      });
+      sortAttributeValuesByRank(
+        res?.product_attribute ? [res.product_attribute] : void 0
+      );
+      return res;
+    },
     ...options
   });
   return { ...data, ...rest };
@@ -28,7 +44,11 @@ var useProductAttribute = (id, query, options) => {
 var useProductAttributes = (query, options) => {
   const { data, ...rest } = useQuery({
     queryKey: productAttributesQueryKeys.list(query),
-    queryFn: async () => sdk.admin.productAttributes.query({ ...query }),
+    queryFn: async () => {
+      const res = await sdk.admin.productAttributes.query({ ...query });
+      sortAttributeValuesByRank(res?.product_attributes);
+      return res;
+    },
     ...options
   });
   return { ...data, ...rest };

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

@@ -15,13 +15,13 @@ import {
   useCombinedRefs,
   useDataGridCell,
   useDataGridCellError
-} from "./chunk-KT7X72J4.js";
+} from "./chunk-JXSXBSV6.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   StackedFocusModal
 } from "./chunk-FWJLS7XD.js";

package/dist/chunk-FICKHCWL.js

@@ -0,0 +1,279 @@
+import {
+  getLocaleAmount
+} from "./chunk-PXYDR7WQ.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6ZVV2XHU.js";
+import {
+  NoRecords
+} from "./chunk-PAYQJPGK.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/offers/[id]/_components/offer-inventory-section.tsx
+import { Buildings } from "@medusajs/icons";
+import { Container, Heading, Text } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var PAGE_SIZE = 20;
+var computeAvailable = (row) => {
+  const levels = row.location_levels ?? [];
+  let quantity = 0;
+  let locations = 0;
+  for (const level of levels) {
+    if (level.available_quantity != null) {
+      quantity += level.available_quantity;
+    } else {
+      const stocked = level.stocked_quantity ?? 0;
+      const reserved = level.reserved_quantity ?? 0;
+      quantity += Math.max(0, stocked - reserved);
+    }
+    locations += 1;
+  }
+  return { quantity, locations };
+};
+var InventoryActions = ({ item }) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Buildings, {}),
+              label: t("offers.detail.goToInventoryItem"),
+              to: `/inventory/${item.id}`
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var OfferInventorySection = ({ offer }) => {
+  const { t } = useTranslation();
+  const inventoryItems = useMemo(() => {
+    const links = offer.inventory_item_link ?? [];
+    return links.map((link) => {
+      const item = link.inventory_item;
+      if (!item?.id) return null;
+      return {
+        id: item.id,
+        title: item.title,
+        sku: item.sku,
+        required_quantity: link.required_quantity,
+        location_levels: item.location_levels
+      };
+    }).filter((x) => x !== null);
+  }, [offer.inventory_item_link]);
+  const columns = useMemo(
+    () => [
+      columnHelper.accessor("title", {
+        header: t("fields.title"),
+        cell: ({ getValue }) => {
+          const title = getValue();
+          if (!title) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: title }) });
+        }
+      }),
+      columnHelper.accessor("sku", {
+        header: t("offers.fields.sku"),
+        cell: ({ getValue }) => {
+          const sku = getValue();
+          if (!sku) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: sku }) });
+        }
+      }),
+      columnHelper.accessor("required_quantity", {
+        header: t("offers.fields.requiredQuantity"),
+        cell: ({ getValue }) => {
+          const value = getValue();
+          if (value == null) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: value }) });
+        }
+      }),
+      columnHelper.display({
+        id: "inventory",
+        header: t("labels.available"),
+        cell: ({ row }) => {
+          const { quantity, locations } = computeAvailable(row.original);
+          if (locations === 0) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          const text = `${quantity} available at ${locations} ${locations === 1 ? "location" : "locations"}`;
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "small",
+              className: quantity === 0 ? "text-ui-fg-error truncate" : "truncate",
+              children: text
+            }
+          ) });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx(InventoryActions, { item: row.original })
+      })
+    ],
+    [t]
+  );
+  const { table } = useDataTable({
+    data: inventoryItems,
+    columns,
+    count: inventoryItems.length,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  return /* @__PURE__ */ jsxs(
+    Container,
+    {
+      className: "divide-y p-0",
+      "data-testid": "offer-detail-inventory-section",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("offers.detail.inventoryItems") }) }),
+        inventoryItems.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("offers.detail.noInventoryItems") }) }) : /* @__PURE__ */ jsx(
+          _DataTable,
+          {
+            table,
+            columns,
+            pageSize: PAGE_SIZE,
+            count: inventoryItems.length,
+            navigateTo: (row) => `/inventory/${row.id}`
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/pages/offers/[id]/_components/offer-pricing-section.tsx
+import { Button, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { useState } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PAGE_STEP = 3;
+var isBaseRow = (price) => {
+  const rules = price.price_rules ?? [];
+  const extraRules = rules.filter((r) => r.attribute !== "offer_id");
+  return extraRules.length === 0;
+};
+var OfferPricingSection = ({ offer }) => {
+  const { t } = useTranslation2();
+  const prices = (offer.prices ?? []).filter(isBaseRow).sort(
+    (a, b) => (a.currency_code ?? "").localeCompare(b.currency_code ?? "")
+  );
+  const hasPrices = prices.length > 0;
+  const [pageSize, setPageSize] = useState(PAGE_STEP);
+  const displayPrices = prices.slice(0, pageSize);
+  return /* @__PURE__ */ jsxs2(
+    Container2,
+    {
+      className: "flex flex-col divide-y p-0",
+      "data-testid": "offer-detail-prices-section",
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("labels.prices") }) }),
+        !hasPrices && /* @__PURE__ */ jsx2(NoRecords, { className: "h-60" }),
+        displayPrices.map((price) => /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            className: "txt-small text-ui-fg-subtle flex justify-between px-6 py-4",
+            children: [
+              /* @__PURE__ */ jsx2("span", { className: "font-medium", children: price.currency_code.toUpperCase() }),
+              /* @__PURE__ */ jsx2("span", { children: getLocaleAmount(price.amount, price.currency_code) })
+            ]
+          },
+          price.id ?? `${price.currency_code}-${price.amount}`
+        )),
+        hasPrices && prices.length > PAGE_STEP && /* @__PURE__ */ jsx2("div", { className: "txt-small text-ui-fg-subtle flex items-center justify-end px-6 py-4", children: /* @__PURE__ */ jsx2(
+          Button,
+          {
+            onClick: () => setPageSize((p) => p + PAGE_STEP),
+            disabled: pageSize >= prices.length,
+            className: "-mr-3 text-blue-500",
+            variant: "transparent",
+            children: t("actions.showMore")
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+// src/pages/offers/[id]/_components/offer-store-sidebar.tsx
+import { TriangleRightMini } from "@medusajs/icons";
+import { Avatar, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var OfferStoreSidebar = ({ seller }) => {
+  const { t } = useTranslation3();
+  if (!seller?.id) {
+    return null;
+  }
+  const name = seller.name ?? seller.id;
+  const handle = seller.handle ?? "";
+  const link = `/stores/${seller.id}`;
+  const Inner = /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors",
+      "data-testid": "offer-detail-store-sidebar",
+      children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx3(
+          Avatar,
+          {
+            size: "small",
+            fallback: (name?.[0] ?? "?").toUpperCase(),
+            "data-testid": "offer-detail-store-avatar"
+          }
+        ),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx3(
+            "span",
+            {
+              className: "text-ui-fg-base font-medium",
+              "data-testid": "offer-detail-store-name",
+              children: name
+            }
+          ),
+          handle && /* @__PURE__ */ jsx3(
+            "span",
+            {
+              className: "text-ui-fg-subtle",
+              "data-testid": "offer-detail-store-handle",
+              children: handle
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "size-7 flex items-center justify-center", children: /* @__PURE__ */ jsx3(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
+      ] })
+    }
+  );
+  return /* @__PURE__ */ jsxs3(Container3, { className: "p-0", children: [
+    /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("offers.detail.store") }) }),
+    /* @__PURE__ */ jsx3("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx3(
+      Link,
+      {
+        to: link,
+        className: "outline-none focus-within:shadow-borders-interactive-with-focus rounded-md [&:hover>div]:bg-ui-bg-component-hover",
+        "data-testid": "offer-detail-store-link",
+        children: Inner
+      }
+    ) })
+  ] });
+};
+
+export {
+  OfferInventorySection,
+  OfferPricingSection,
+  OfferStoreSidebar
+};

package/dist/{chunk-LXJH3DOV.js → chunk-FLFE6HXW.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteShippingOptionType
-} from "./chunk-LYREZINJ.js";
+} from "./chunk-ABS7HMLY.js";
 
 // src/pages/shipping-option-types/common/hooks/use-delete-shipping-option-type-action.tsx
 import { useNavigate } from "react-router-dom";

package/dist/{chunk-CMHI2RPL.js → chunk-FMJBQE56.js}

@@ -1,8 +1,29 @@
+import {
+  useSellers
+} from "./chunk-BILFRATX.js";
+
 // src/hooks/table/filters/use-customer-group-table-filters.tsx
 import { useTranslation } from "react-i18next";
 var useCustomerGroupTableFilters = () => {
   const { t } = useTranslation();
+  const { sellers } = useSellers({
+    limit: 1e3,
+    fields: "id,name"
+  });
   let filters = [];
+  if (sellers?.length) {
+    filters.push({
+      key: "seller_id",
+      label: t("fields.owner"),
+      type: "select",
+      multiple: true,
+      searchable: true,
+      options: sellers.map((s) => ({
+        label: s.name,
+        value: s.id
+      }))
+    });
+  }
   const dateFilters = [
     { label: t("fields.createdAt"), key: "created_at" },
     { label: t("fields.updatedAt"), key: "updated_at" }

package/dist/{chunk-4LXBQTFN.js → chunk-FREUYHMS.js}

@@ -1,6 +1,6 @@
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal
 } from "./chunk-FWJLS7XD.js";

package/dist/{chunk-OHOWEMHO.js → chunk-G5KNNOXX.js}

@@ -6,69 +6,75 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
-// src/hooks/api/commission-rates.tsx
+// src/hooks/api/commissions.tsx
 import {
   useMutation,
   useQuery
 } from "@tanstack/react-query";
-var COMMISSION_RATES_QUERY_KEY = "commission_rates";
-var commissionRatesQueryKeys = queryKeysFactory(
-  COMMISSION_RATES_QUERY_KEY
-);
-var useCommissionRate = (id, query, options) => {
+var COMMISSIONS_QUERY_KEY = "commissions";
+var commissionsQueryKeys = queryKeysFactory(COMMISSIONS_QUERY_KEY);
+var useCommissionRule = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.commissionRates.$id.query({ $id: id, ...query }),
-    queryKey: commissionRatesQueryKeys.detail(id),
+    queryKey: commissionsQueryKeys.detail(id, query),
     ...options
   });
   return { ...data, ...rest };
 };
-var useCommissionRates = (query, options) => {
+var useCommissionRules = (query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.commissionRates.query({ ...query }),
-    queryKey: commissionRatesQueryKeys.list(query),
+    queryKey: commissionsQueryKeys.list(query),
     ...options
   });
   return { ...data, ...rest };
 };
-var useCreateCommissionRate = (options) => {
+var useDefaultCommission = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.commissionRates.query({ is_default: true, ...query }),
+    queryKey: commissionsQueryKeys.list({ is_default: true, ...query }),
+    ...options
+  });
+  return { default_commission: data?.commission_rates?.[0], ...rest };
+};
+var useCreateCommissionRule = (options) => {
   return useMutation({
     mutationFn: (payload) => sdk.admin.commissionRates.mutate(payload),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
-var useUpdateCommissionRate = (id, options) => {
+var useUpdateCommissionRule = (id, options) => {
   return useMutation({
     mutationFn: (payload) => sdk.admin.commissionRates.$id.mutate({ $id: id, ...payload }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.detail(id)
+        queryKey: commissionsQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
-var useDeleteCommissionRate = (id, options) => {
+var useDeleteCommissionRule = (id, options) => {
   return useMutation({
     mutationFn: () => sdk.admin.commissionRates.$id.delete({ $id: id }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.detail(id)
+        queryKey: commissionsQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
@@ -80,10 +86,10 @@ var useBatchCommissionRules = (id, options) => {
     mutationFn: (payload) => sdk.admin.commissionRates.$id.rules.mutate({ $id: id, ...payload }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.detail(id)
+        queryKey: commissionsQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
@@ -92,11 +98,11 @@ var useBatchCommissionRules = (id, options) => {
 };
 
 export {
-  commissionRatesQueryKeys,
-  useCommissionRate,
-  useCommissionRates,
-  useCreateCommissionRate,
-  useUpdateCommissionRate,
-  useDeleteCommissionRate,
+  useCommissionRule,
+  useCommissionRules,
+  useDefaultCommission,
+  useCreateCommissionRule,
+  useUpdateCommissionRule,
+  useDeleteCommissionRule,
   useBatchCommissionRules
 };

package/dist/{chunk-ZN7LWXVC.js → chunk-GCEOEV6P.js}

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