@mercurjs/admin 2.2.0-canary.38 → 2.2.0-canary.40

package/dist/{offer-detail-page-4GNU35AH.js → offer-detail-page-2G5BUOIB.js}

@@ -1,18 +1,14 @@
-import "./chunk-NKV5XPNS.js";
+import {
+  OfferStoreSidebar
+} from "./chunk-FICKHCWL.js";
 import {
   OFFER_PRODUCT_DETAIL_FIELDS
-} from "./chunk-S6A4FVM2.js";
+} from "./chunk-IWBQZK6E.js";
 import {
   useBulkDeleteOffers
-} from "./chunk-LBLWPBST.js";
+} from "./chunk-IZDTQFCP.js";
 import "./chunk-PXYDR7WQ.js";
-import {
-  useDataTableDateFilters
-} from "./chunk-DGCPYCHU.js";
 import "./chunk-PHOCVOZ5.js";
-import {
-  DataTable
-} from "./chunk-C4XKPQ6T.js";
 import "./chunk-IQPN4PZJ.js";
 import {
   ProductMediaSection
@@ -28,18 +24,22 @@ import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-HSL5IICN.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6ZVV2XHU.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
 import "./chunk-PAYQJPGK.js";
 import "./chunk-H6MYB7GB.js";
-import {
-  useDate
-} from "./chunk-UZWFZMOX.js";
+import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
+import {
+  useSeller
+} from "./chunk-BILFRATX.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -58,7 +58,7 @@ import "./chunk-NBMM2TZK.js";
 
 // src/pages/offers/[id]/offer-detail-page.tsx
 import { Children } from "react";
-import { useLoaderData, useParams } from "react-router-dom";
+import { useLoaderData, useParams, useSearchParams } from "react-router-dom";
 
 // src/pages/offers/[id]/_components/offer-detail-general-section.tsx
 import { Trash } from "@medusajs/icons";
@@ -171,12 +171,12 @@ import {
   Badge,
   clx,
   Container as Container2,
-  createDataTableColumnHelper,
   Heading as Heading2,
   toast as toast2,
   Tooltip,
   usePrompt as usePrompt2
 } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
 import { useCallback, useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -219,48 +219,33 @@ var matchesDateFilter = (value, filter) => {
   }
   return true;
 };
-var columnHelper = createDataTableColumnHelper();
+var columnHelper = createColumnHelper();
 var useColumns = ({
   optionTitles,
   thumbnail,
-  getActions
+  onDelete
 }) => {
   const { t } = useTranslation2();
-  const { getFullDate } = useDate();
   return useMemo(
     () => [
-      columnHelper.display({
-        id: "thumbnail",
-        header: "",
-        // Variant-level images aren't carried by the `withOffers` wrap, so
-        // every row falls back to the product thumbnail.
-        cell: () => /* @__PURE__ */ jsx2("div", { className: "flex items-center", children: /* @__PURE__ */ jsx2(Thumbnail, { src: thumbnail ?? null }) })
-      }),
-      // Admin-only Store column — rows can span sellers on the platform-wide
-      // offer surface, so the store disambiguates them.
-      columnHelper.accessor((row) => row.offer.seller?.name ?? "", {
-        id: "store",
-        header: t("offers.fields.store"),
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
-        sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
-        cell: ({ getValue }) => getValue() || /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" })
-      }),
       columnHelper.accessor((row) => row.variant.title ?? "", {
         id: "title",
         header: t("fields.title"),
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
-        sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
-        cell: ({ getValue }) => getValue() || /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" })
+        cell: ({ getValue }) => {
+          const value = getValue();
+          return /* @__PURE__ */ jsxs2("div", { className: "flex h-full w-[220px] items-center gap-x-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx2("div", { className: "w-fit flex-shrink-0", children: /* @__PURE__ */ jsx2(Thumbnail, { src: thumbnail ?? null }) }),
+            value ? /* @__PURE__ */ jsx2("span", { title: value, className: "truncate", children: value }) : /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" })
+          ] });
+        }
       }),
       columnHelper.accessor((row) => skuOf(row), {
         id: "sku",
         header: t("fields.sku"),
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
-        sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
-        cell: ({ getValue }) => getValue() || /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" })
+        cell: ({ getValue }) => {
+          const value = getValue();
+          return /* @__PURE__ */ jsx2("div", { className: "w-[140px] truncate whitespace-nowrap", children: value ? value : /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" }) });
+        }
       }),
       ...optionTitles.map(
         (title) => columnHelper.display({
@@ -270,7 +255,18 @@ var useColumns = ({
             const opt = row.original.variant.options?.find(
               (o) => o.option?.title === title
             );
-            return opt?.value ? /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: opt.value }) : /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" });
+            if (!opt?.value) {
+              return /* @__PURE__ */ jsx2("div", { className: "w-[120px]", children: /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" }) });
+            }
+            return /* @__PURE__ */ jsx2("div", { className: "flex w-[120px] items-center gap-1", children: /* @__PURE__ */ jsx2(Tooltip, { content: opt.value, children: /* @__PURE__ */ jsx2(
+              Badge,
+              {
+                size: "2xsmall",
+                title: opt.value,
+                className: "inline-flex min-w-[20px] max-w-[140px] items-center justify-center overflow-hidden truncate",
+                children: opt.value
+              }
+            ) }) });
           }
         })
       ),
@@ -282,14 +278,14 @@ var useColumns = ({
             row.original.offer
           );
           if (!hasItems) {
-            return /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" });
+            return /* @__PURE__ */ jsx2("div", { className: "w-[160px]", children: /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" }) });
           }
           const text = t("products.variant.tableItem", {
             availableCount: available,
             locationCount,
             count: locationCount
           });
-          return /* @__PURE__ */ jsx2(Tooltip, { content: text, children: /* @__PURE__ */ jsxs2("div", { className: "flex h-full w-full items-center gap-2 overflow-hidden", children: [
+          return /* @__PURE__ */ jsx2(Tooltip, { content: text, children: /* @__PURE__ */ jsxs2("div", { className: "flex h-full w-[160px] items-center gap-2 overflow-hidden", children: [
             isKit && /* @__PURE__ */ jsx2(Component, { className: "text-ui-fg-subtle" }),
             /* @__PURE__ */ jsx2(
               "span",
@@ -303,37 +299,27 @@ var useColumns = ({
           ] }) });
         }
       }),
-      columnHelper.accessor((row) => row.offer.created_at, {
-        id: "created_at",
-        header: t("fields.createdAt"),
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.dateAsc"),
-        sortDescLabel: t("filters.sorting.dateDesc"),
-        cell: ({ getValue }) => {
-          const date = getValue();
-          if (!date) {
-            return /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" });
-          }
-          return /* @__PURE__ */ jsx2(Tooltip, { content: getFullDate({ date, includeTime: true }), children: /* @__PURE__ */ jsx2("span", { children: getFullDate({ date }) }) });
-        }
-      }),
-      columnHelper.accessor((row) => row.offer.updated_at, {
-        id: "updated_at",
-        header: t("fields.updatedAt"),
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.dateAsc"),
-        sortDescLabel: t("filters.sorting.dateDesc"),
-        cell: ({ getValue }) => {
-          const date = getValue();
-          if (!date) {
-            return /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted", children: "-" });
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    icon: /* @__PURE__ */ jsx2(Trash2, {}),
+                    label: t("actions.delete"),
+                    onClick: () => onDelete(row.original.offer.id, skuOf(row.original))
+                  }
+                ]
+              }
+            ]
           }
-          return /* @__PURE__ */ jsx2(Tooltip, { content: getFullDate({ date, includeTime: true }), children: /* @__PURE__ */ jsx2("span", { children: getFullDate({ date }) }) });
-        }
-      }),
-      columnHelper.action({ actions: getActions })
+        )
+      })
     ],
-    [t, optionTitles, thumbnail, getActions, getFullDate]
+    [t, optionTitles, thumbnail, onDelete]
   );
 };
 var OfferVariantsSection = ({
@@ -374,8 +360,7 @@ var OfferVariantsSection = ({
     if (search) {
       rows = rows.filter((row) => {
         const title = (row.variant.title ?? "").toLowerCase();
-        const store = (row.offer.seller?.name ?? "").toLowerCase();
-        return title.includes(search) || store.includes(search) || skuOf(row).toLowerCase().includes(search);
+        return title.includes(search) || skuOf(row).toLowerCase().includes(search);
       });
     }
     const createdFilter = created_at ? JSON.parse(created_at) : null;
@@ -400,8 +385,6 @@ var OfferVariantsSection = ({
     const key = desc ? order.slice(1) : order;
     const valueOf = (row) => {
       switch (key) {
-        case "store":
-          return row.offer.seller?.name ?? "";
         case "title":
           return row.variant.title ?? "";
         case "sku":
@@ -445,51 +428,61 @@ var OfferVariantsSection = ({
     },
     [prompt, bulkDelete, t]
   );
-  const getActions = useCallback(
-    (ctx) => {
-      const row = ctx.row.original;
-      return [
-        [
-          {
-            icon: /* @__PURE__ */ jsx2(Trash2, {}),
-            label: t("actions.delete"),
-            onClick: () => handleDelete(row.offer.id, skuOf(row))
-          }
-        ]
-      ];
-    },
-    [handleDelete, t]
-  );
-  const columns = useColumns({ optionTitles, thumbnail, getActions });
-  const filters = useDataTableDateFilters();
+  const columns = useColumns({ optionTitles, thumbnail, onDelete: handleDelete });
+  const filters = useFilters();
+  const orderBy = useOrderBy();
+  const { table } = useDataTable({
+    data: pageRows,
+    columns,
+    count: sortedRows.length,
+    pageSize: PAGE_SIZE,
+    getRowId: (row) => row.id,
+    prefix: PREFIX
+  });
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "offer-variants-section", children: [
     /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("offers.fields.variants") }) }),
     /* @__PURE__ */ jsx2(
-      DataTable,
+      _DataTable,
       {
-        data: pageRows,
+        table,
         columns,
-        filters,
-        getRowId: (row) => row.id,
-        rowHref: (row) => `variants/${row.id}`,
-        rowCount: sortedRows.length,
+        count: sortedRows.length,
         pageSize: PAGE_SIZE,
+        filters,
+        search: true,
+        pagination: true,
+        orderBy,
         prefix: PREFIX,
-        compact: true,
-        emptyState: {
-          empty: {
-            heading: t("offers.empty.heading"),
-            description: t("offers.empty.description")
-          },
-          filtered: {
-            heading: t("offers.filtered.heading"),
-            description: t("offers.filtered.description")
-          }
+        queryObject: { q, order, created_at, updated_at },
+        navigateTo: (row) => `variants/${row.original.id}`,
+        noRecords: {
+          title: t("offers.empty.heading"),
+          message: t("offers.empty.description")
         }
       }
     )
   ] });
 };
+var useFilters = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      { key: "created_at", label: t("fields.createdAt"), type: "date" },
+      { key: "updated_at", label: t("fields.updatedAt"), type: "date" }
+    ],
+    [t]
+  );
+};
+var useOrderBy = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      { key: "title", label: t("fields.title") },
+      { key: "sku", label: t("fields.sku") }
+    ],
+    [t]
+  );
+};
 
 // src/pages/offers/[id]/_components/offer-associated-product-section.tsx
 import { TriangleRightMini } from "@medusajs/icons";
@@ -525,28 +518,44 @@ var OfferAssociatedProductSection = ({
   ] });
 };
 
+// src/pages/offers/[id]/_components/offer-detail-store-section.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var OfferDetailStoreSection = ({
+  sellerId
+}) => {
+  const { seller } = useSeller(sellerId ?? "", void 0, {
+    enabled: !!sellerId
+  });
+  if (!sellerId) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx4(OfferStoreSidebar, { seller });
+};
+
 // src/pages/offers/[id]/offer-detail-page.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
+  const [searchParams] = useSearchParams();
+  const sellerId = searchParams.get("seller_id") ?? void 0;
   const initialData = useLoaderData();
   const { product, isLoading, isError, error } = useProduct(
     id,
-    { fields: OFFER_PRODUCT_DETAIL_FIELDS },
+    { fields: OFFER_PRODUCT_DETAIL_FIELDS, seller_id: sellerId },
     { initialData }
   );
   if (isError) {
     throw error;
   }
   if (isLoading || !product) {
-    return /* @__PURE__ */ jsx4(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1 });
+    return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1 });
   }
   const typed = product;
-  return /* @__PURE__ */ jsx4(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(TwoColumnPage, { data: typed, hasOutlet: true, children: [
+  return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(TwoColumnPage, { data: typed, hasOutlet: true, children: [
     /* @__PURE__ */ jsxs4(TwoColumnPage.Main, { children: [
-      /* @__PURE__ */ jsx4(OfferDetailGeneralSection, { product: typed }),
-      /* @__PURE__ */ jsx4(ProductMediaSection, { product: typed, readOnly: true }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(OfferDetailGeneralSection, { product: typed }),
+      /* @__PURE__ */ jsx5(ProductMediaSection, { product: typed, readOnly: true }),
+      /* @__PURE__ */ jsx5(
         OfferVariantsSection,
         {
           variants: typed.variants,
@@ -554,7 +563,10 @@ var Root = ({ children }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx4(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx4(OfferAssociatedProductSection, { product: typed }) })
+    /* @__PURE__ */ jsxs4(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx5(OfferAssociatedProductSection, { product: typed }),
+      /* @__PURE__ */ jsx5(OfferDetailStoreSection, { sellerId })
+    ] })
   ] }) });
 };
 var OfferDetailPage = Object.assign(Root, {
@@ -563,7 +575,8 @@ var OfferDetailPage = Object.assign(Root, {
   General: OfferDetailGeneralSection,
   Media: ProductMediaSection,
   Variants: OfferVariantsSection,
-  AssociatedProduct: OfferAssociatedProductSection
+  AssociatedProduct: OfferAssociatedProductSection,
+  Store: OfferDetailStoreSection
 });
 var Component2 = Root;
 export {

package/dist/{offer-variant-detail-page-FFPV7N7Y.js → offer-variant-detail-page-V6TKNYZL.js}

@@ -2,13 +2,13 @@ import {
   OfferInventorySection,
   OfferPricingSection,
   OfferStoreSidebar
-} from "./chunk-NKV5XPNS.js";
+} from "./chunk-FICKHCWL.js";
 import {
   OFFER_VARIANT_DETAIL_FIELDS
-} from "./chunk-S6A4FVM2.js";
+} from "./chunk-IWBQZK6E.js";
 import {
   useOffer
-} from "./chunk-LBLWPBST.js";
+} from "./chunk-IZDTQFCP.js";
 import "./chunk-PXYDR7WQ.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-IQPN4PZJ.js";
@@ -20,7 +20,7 @@ import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-HSL5IICN.js";
+import "./chunk-6ZVV2XHU.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
 import {
@@ -123,7 +123,7 @@ var Root = ({ children }) => {
     /* @__PURE__ */ jsxs3(TwoColumnPage.Sidebar, { children: [
       /* @__PURE__ */ jsx3(OfferVariantShippingSection, { offer: typed }),
       /* @__PURE__ */ jsx3(OfferPricingSection, { offer: typed }),
-      /* @__PURE__ */ jsx3(OfferStoreSidebar, { offer: typed })
+      /* @__PURE__ */ jsx3(OfferStoreSidebar, { seller: typed.seller })
     ] })
   ] }) });
 };

package/dist/offers-2QQFKGAX.js

@@ -0,0 +1,183 @@
+import {
+  OFFERS_PAGE_SIZE
+} from "./chunk-IWBQZK6E.js";
+import {
+  useOfferTableColumns,
+  useOfferTableCommands,
+  useOfferTableFilters,
+  useOfferTableQuery
+} from "./chunk-HQM7D57C.js";
+import {
+  useOffers
+} from "./chunk-IZDTQFCP.js";
+import "./chunk-DI2M3J5Q.js";
+import "./chunk-FWPGOIFA.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-E74OUNA3.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-FQERBIVS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6ZVV2XHU.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-ZAOEFQ6K.js";
+import "./chunk-PAYQJPGK.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-DSTHXHJ5.js";
+import "./chunk-ABS7HMLY.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-YNN2YNSE.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-F5NW4XBU.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-G5KNNOXX.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-IC2PLPRP.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-LSMTJU6Y.js";
+import "./chunk-BNFTJW4L.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-GLZLBHFC.js";
+import "./chunk-WF3ZDT5Z.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-BILFRATX.js";
+import "./chunk-RGS5ZOY7.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-MW47LDBT.js";
+import "./chunk-JZJT26E3.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-ZKHF75MZ.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/offers/offer-list-page.tsx
+import { Children as Children2 } from "react";
+
+// src/pages/offers/_components/offer-list-table.tsx
+import { Container } from "@medusajs/ui";
+import { Children } from "react";
+import { Outlet } from "react-router-dom";
+
+// src/pages/offers/_components/offer-list-data-table.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var OfferListDataTable = () => {
+  const { t } = useTranslation();
+  const [selection, setSelection] = useState({});
+  const { raw, searchParams } = useOfferTableQuery({
+    pageSize: OFFERS_PAGE_SIZE
+  });
+  const { offers, count, isLoading, isError, error } = useOffers(searchParams, {
+    placeholderData: keepPreviousData
+  });
+  const rows = offers ?? [];
+  const filters = useOfferTableFilters();
+  const columns = useOfferTableColumns();
+  const commands = useOfferTableCommands({
+    onDeleted: () => setSelection({})
+  });
+  const { table } = useDataTable({
+    data: rows,
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: OFFERS_PAGE_SIZE,
+    enableRowSelection: true,
+    rowSelection: {
+      state: selection,
+      updater: setSelection
+    }
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(
+    _DataTable,
+    {
+      table,
+      columns,
+      pageSize: OFFERS_PAGE_SIZE,
+      count,
+      isLoading,
+      pagination: true,
+      search: true,
+      filters,
+      queryObject: raw,
+      orderBy: [
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      defaultOrder: "-created_at",
+      navigateTo: (row) => `${row.original.product_id}?seller_id=${row.original.seller_id}`,
+      noRecords: {
+        title: t("offers.empty.heading"),
+        message: t("offers.empty.description")
+      },
+      commands
+    }
+  );
+};
+
+// src/pages/offers/_components/offer-list-header.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var OfferListTitle = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2(Heading, { children: t("offers.domain") });
+};
+var OfferListActions = () => null;
+var OfferListHeader = () => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+  /* @__PURE__ */ jsx2(OfferListTitle, {}),
+  /* @__PURE__ */ jsx2(OfferListActions, {})
+] });
+
+// src/pages/offers/_components/offer-list-table.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var OfferListTable = ({ children }) => /* @__PURE__ */ jsxs2(Container, { className: "divide-y p-0", "data-testid": "offer-list-table", children: [
+  Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3(OfferListHeader, {}),
+    /* @__PURE__ */ jsx3(OfferListDataTable, {})
+  ] }),
+  /* @__PURE__ */ jsx3(Outlet, {})
+] });
+
+// src/pages/offers/offer-list-page.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Root = ({ children }) => /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(OfferListTable, {}) });
+var OfferListPage = Object.assign(Root, {
+  Table: OfferListTable,
+  Header: OfferListHeader,
+  HeaderTitle: OfferListTitle,
+  HeaderActions: OfferListActions,
+  DataTable: OfferListDataTable
+});
+var Component = Root;
+export {
+  Component,
+  OfferListPage
+};

package/dist/{order-create-claim-MEXSDGHW.js → order-create-claim-Y7ESDXLI.js}

@@ -6,9 +6,6 @@ import {
   ReturnShippingPlaceholder,
   getOfferRestockPreview
 } from "./chunk-YVLANFBK.js";
-import {
-  useOffers
-} from "./chunk-LBLWPBST.js";
 import {
   useAddClaimInboundItems,
   useAddClaimInboundShipping,
@@ -38,6 +35,9 @@ import {
   useReturn,
   useUpdateReturn
 } from "./chunk-YXKHBSQJ.js";
+import {
+  useOffers
+} from "./chunk-IZDTQFCP.js";
 import {
   MoneyAmountCell
 } from "./chunk-2Y3WMGN6.js";
@@ -79,7 +79,7 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
 import "./chunk-PAYQJPGK.js";