@mercurjs/admin 2.2.0-canary.2 → 2.2.0-canary.20

package/dist/chunk-4FHHNYIV.js

@@ -0,0 +1,280 @@
+import {
+  getLocaleAmount
+} from "./chunk-PXYDR7WQ.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  NoRecords
+} from "./chunk-634XVU3D.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 = ({ offer }) => {
+  const { t } = useTranslation3();
+  const seller = offer.seller;
+  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-ZHOI4QMK.js → chunk-4OEYCLBE.js}

@@ -5,7 +5,7 @@ import {
   DataGrid,
   createDataGridHelper,
   createDataGridPriceColumns
-} from "./chunk-V6OGMYAI.js";
+} from "./chunk-HHW4PPNH.js";
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";

package/dist/{chunk-2LQ5SCPB.js → chunk-4Q5JHL4V.js}

@@ -1,6 +1,6 @@
 import {
   useOrderTableQuery
-} from "./chunk-3B6MTW5G.js";
+} from "./chunk-QUHSHIAC.js";
 import {
   FulfillmentStatusCell,
   FulfillmentStatusHeader,
@@ -11,13 +11,13 @@ import {
   DateCell,
   DateHeader
 } from "./chunk-25LYVP3C.js";
+import {
+  getStylizedAmount
+} from "./chunk-PXYDR7WQ.js";
 import {
   TextCell,
   TextHeader
 } from "./chunk-JHIMVLB2.js";
-import {
-  getStylizedAmount
-} from "./chunk-PXYDR7WQ.js";
 import {
   _DataTable,
   useDataTable
@@ -36,7 +36,7 @@ import {
 } from "./chunk-PRBE5CM3.js";
 import {
   useSalesChannels
-} from "./chunk-S5BJ5CMF.js";
+} from "./chunk-OKWGPKVK.js";
 
 // src/pages/orders/order-list/order-list.tsx
 import { Children as Children3 } from "react";
@@ -144,7 +144,7 @@ var useOrderGroupTableFilters = () => {
     if (sellers?.length) {
       filters.push({
         key: "seller_id",
-        label: "Seller",
+        label: "Store",
         type: "select",
         multiple: true,
         searchable: true,
@@ -179,6 +179,18 @@ var useOrderGroupTableFilters = () => {
         { label: "Requires action", value: "requires_action" }
       ]
     });
+    filters.push({
+      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.push(
       {
         key: "created_at",