@mercurjs/admin 2.2.0-canary.37 → 2.2.0-canary.39

package/dist/{chunk-RZ43M34Q.js → chunk-LZEEPVQY.js}

@@ -4,9 +4,18 @@ import {
 import {
   IconAvatar
 } from "./chunk-U2EI2ZLM.js";
+import {
+  useOfferTableColumns,
+  useOfferTableCommands,
+  useOfferTableFilters,
+  useOfferTableQuery
+} from "./chunk-VSLKILOI.js";
 import {
   useOrderTableFilters
-} from "./chunk-C4N5EJAD.js";
+} from "./chunk-4BCUGMOR.js";
+import {
+  useOffers
+} from "./chunk-IZDTQFCP.js";
 import {
   useMemberTableQuery
 } from "./chunk-WKTRJNOK.js";
@@ -19,15 +28,6 @@ import {
 import {
   DataTableStatusCell
 } from "./chunk-MDABSESI.js";
-import {
-  useProductTableColumns
-} from "./chunk-O53E5U52.js";
-import {
-  useProductTableFilters
-} from "./chunk-P4LTLPTK.js";
-import {
-  useProductTableQuery
-} from "./chunk-H7NIKMPE.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
@@ -37,7 +37,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   NoRecords
 } from "./chunk-PAYQJPGK.js";
@@ -55,9 +55,8 @@ import {
   useSeller,
   useSellerInvites,
   useSellerMembers,
-  useSellerProducts,
   useSuspendSeller
-} from "./chunk-NS3GQ2J6.js";
+} from "./chunk-BILFRATX.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -69,7 +68,7 @@ import {
 } from "./chunk-NBMM2TZK.js";
 
 // src/pages/stores/store-details/components/store-details.tsx
-import { Children as Children3, useState as useState2 } from "react";
+import { Children as Children3, useState as useState3 } from "react";
 import { useParams } from "react-router-dom";
 import { useTranslation as useTranslation12 } from "react-i18next";
 var import_types3 = __toESM(require_dist(), 1);
@@ -975,78 +974,83 @@ var StoreOrdersSection = ({ sellerId }) => {
   ] });
 };
 
-// src/pages/stores/store-details/components/store-products-section.tsx
+// src/pages/stores/store-details/components/store-offers-section.tsx
 import { Tag } from "@medusajs/icons";
 import { Container as Container9, Heading as Heading9 } from "@medusajs/ui";
 import { keepPreviousData as keepPreviousData3 } from "@tanstack/react-query";
+import { useState as useState2 } from "react";
 import { useTranslation as useTranslation11 } from "react-i18next";
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var PAGE_SIZE3 = 10;
-var PREFIX2 = "store-products";
-var StoreProductsSection = ({
-  sellerId
-}) => {
+var PREFIX2 = "store-offers";
+var StoreOffersSection = ({ sellerId }) => {
   const { t } = useTranslation11();
-  const { searchParams, raw } = useProductTableQuery({
+  const [selection, setSelection] = useState2({});
+  const { raw, searchParams } = useOfferTableQuery({
     pageSize: PAGE_SIZE3,
     prefix: PREFIX2
   });
-  const { products, count, isPending, isError, error } = useSellerProducts(
-    sellerId,
-    searchParams,
-    {
-      placeholderData: keepPreviousData3
-    }
+  const { offers, count, isLoading, isError, error } = useOffers(
+    { ...searchParams, seller_id: [sellerId] },
+    { placeholderData: keepPreviousData3 }
   );
-  const columns = useProductTableColumns();
-  const filters = useProductTableFilters(["product_types"]);
+  const rows = offers ?? [];
+  const columns = useOfferTableColumns({ hideStoreAction: true });
+  const filters = useOfferTableFilters().filter((f) => f.key !== "seller_id");
+  const commands = useOfferTableCommands({
+    onDeleted: () => setSelection({})
+  });
   const { table } = useDataTable({
+    data: rows,
     columns,
-    data: products ?? [],
     count,
+    enablePagination: true,
     getRowId: (row) => row.id,
     pageSize: PAGE_SIZE3,
-    prefix: PREFIX2
+    prefix: PREFIX2,
+    enableRowSelection: true,
+    rowSelection: {
+      state: selection,
+      updater: setSelection
+    }
   });
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs11(Container9, { className: "divide-y p-0", "data-testid": "store-products-section", children: [
+  return /* @__PURE__ */ jsxs11(Container9, { className: "divide-y p-0", "data-testid": "store-offers-section", children: [
     /* @__PURE__ */ jsx11(
       "div",
       {
         className: "flex items-center justify-between px-6 py-4",
-        "data-testid": "store-products-section-header",
-        children: /* @__PURE__ */ jsx11(Heading9, { level: "h2", "data-testid": "store-products-section-heading", children: t("products.domain") })
+        "data-testid": "store-offers-section-header",
+        children: /* @__PURE__ */ jsx11(Heading9, { level: "h2", "data-testid": "store-offers-section-heading", children: t("offers.domain") })
       }
     ),
     /* @__PURE__ */ jsx11(
       _DataTable,
       {
         table,
-        filters,
-        isLoading: isPending,
         columns,
-        count,
         pageSize: PAGE_SIZE3,
-        navigateTo: ({ original }) => `/products/${original.id}`,
+        count,
+        isLoading,
+        pagination: true,
+        search: true,
+        filters,
+        queryObject: raw,
+        prefix: PREFIX2,
         orderBy: [
-          { key: "title", label: t("fields.title") },
           { key: "created_at", label: t("fields.createdAt") },
           { key: "updated_at", label: t("fields.updatedAt") }
         ],
-        queryObject: raw,
-        search: true,
-        pagination: true,
-        prefix: PREFIX2,
+        defaultOrder: "-created_at",
+        navigateTo: (row) => `/offers/${row.original.product_id}?seller_id=${row.original.seller_id}`,
         noRecords: {
-          title: t("stores.emptyStates.products.title", "No products yet"),
-          message: t(
-            "stores.emptyStates.products.message",
-            "Products published by this store will appear here."
-          ),
+          title: t("offers.empty.heading"),
+          message: t("offers.empty.storeDescription"),
           icon: /* @__PURE__ */ jsx11(Tag, { className: "text-ui-fg-subtle" })
-        }
+        },
+        commands
       }
     )
   ] });
@@ -1054,7 +1058,7 @@ var StoreProductsSection = ({
 
 // src/pages/stores/store-details/components/store-details.tsx
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var TABS = ["orders", "products", "users", "timeOff"];
+var TABS = ["orders", "offers", "users", "timeOff"];
 var TabBar = ({
   activeTab,
   onTabChange
@@ -1063,7 +1067,7 @@ var TabBar = ({
   const labels = {
     orders: t("orders.domain"),
     users: t("users.domain"),
-    products: t("products.domain"),
+    offers: t("offers.domain"),
     timeOff: t("store.timeOff.header")
   };
   return /* @__PURE__ */ jsx12(
@@ -1071,7 +1075,7 @@ var TabBar = ({
     {
       role: "tablist",
       "aria-label": t("stores.domain"),
-      className: "flex flex-wrap items-center gap-x-3 py-2",
+      className: "mt-1 flex flex-wrap items-center gap-x-2",
       "data-testid": "store-detail-tabs",
       children: TABS.map((tab) => {
         const isActive = activeTab === tab;
@@ -1085,7 +1089,7 @@ var TabBar = ({
             "aria-controls": `store-detail-tab-panel-${tab}`,
             id: `store-detail-tab-${tab}`,
             "data-testid": `store-detail-tab-${tab}`,
-            className: `txt-compact-medium-plus rounded-full px-4 py-1.5 transition-colors ${isActive ? "border-ui-border-base bg-ui-bg-base shadow-borders-base text-ui-fg-base" : "text-ui-fg-subtle hover:text-ui-fg-base"}`,
+            className: `txt-compact-small-plus rounded-full px-3 py-1.5 transition-colors ${isActive ? "border-ui-border-base bg-ui-bg-base shadow-borders-base text-ui-fg-base" : "text-ui-fg-subtle hover:text-ui-fg-base"}`,
             children: labels[tab]
           },
           tab
@@ -1096,7 +1100,7 @@ var TabBar = ({
 };
 var Root = ({ children }) => {
   const { id } = useParams();
-  const [activeTab, setActiveTab] = useState2("orders");
+  const [activeTab, setActiveTab] = useState3("orders");
   const { seller, isLoading, isError, error } = useSeller(id);
   if (isLoading || !seller) {
     return /* @__PURE__ */ jsx12(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 3 });
@@ -1130,13 +1134,13 @@ var Root = ({ children }) => {
           children: /* @__PURE__ */ jsx12(StoreMembersSection, { sellerId: seller.id })
         }
       ),
-      activeTab === "products" && /* @__PURE__ */ jsx12(
+      activeTab === "offers" && /* @__PURE__ */ jsx12(
         "div",
         {
           role: "tabpanel",
-          id: "store-detail-tab-panel-products",
-          "aria-labelledby": "store-detail-tab-products",
-          children: /* @__PURE__ */ jsx12(StoreProductsSection, { sellerId: seller.id })
+          id: "store-detail-tab-panel-offers",
+          "aria-labelledby": "store-detail-tab-offers",
+          children: /* @__PURE__ */ jsx12(StoreOffersSection, { sellerId: seller.id })
         }
       ),
       activeTab === "timeOff" && /* @__PURE__ */ jsx12(

package/dist/{chunk-U5MDOZS7.js → chunk-MANRAV52.js}

@@ -78,7 +78,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";

package/dist/{chunk-4NE4EIHO.js → chunk-MYJJMHR5.js}

@@ -1,7 +1,7 @@
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-OTXOV6YU.js → chunk-NEGOGYEO.js}

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

package/dist/{chunk-ENSI7NL7.js → chunk-O5MW4WPZ.js}

@@ -7,7 +7,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-7DHSWPU2.js → chunk-PRSTCHB5.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-G5KNNOXX.js";
 import {
   useSellers
-} from "./chunk-NS3GQ2J6.js";
+} from "./chunk-BILFRATX.js";
 import {
   useProductCategories
 } from "./chunk-JZJT26E3.js";

package/dist/{chunk-XQCG2ORD.js → chunk-PSGHE5YJ.js}

@@ -13,7 +13,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-YZBEJ3CY.js";
 import {
   useSellers
-} from "./chunk-NS3GQ2J6.js";
+} from "./chunk-BILFRATX.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-4X4MNAXL.js → chunk-PWLDTJJX.js}

@@ -41,7 +41,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   useProductTypes
 } from "./chunk-EWFOFSF7.js";

package/dist/{chunk-XEB5I2KE.js → chunk-Q4R2O7XF.js}

@@ -4,7 +4,7 @@ import {
   ShippingOptionPriceProvider,
   buildShippingOptionPriceRules,
   useShippingOptionPriceColumns
-} from "./chunk-2MRYNLVT.js";
+} from "./chunk-F6NPDZHW.js";
 import {
   CONDITIONAL_PRICES_STACKED_MODAL_ID,
   ShippingOptionPriceType
@@ -31,7 +31,7 @@ import {
 } from "./chunk-2EME4AWX.js";
 import {
   DataGrid
-} from "./chunk-4OCWOY2F.js";
+} from "./chunk-JXSXBSV6.js";
 import {
   RouteFocusModal,
   StackedFocusModal,

package/dist/{chunk-AHUVAYZD.js → chunk-QH34LF36.js}

@@ -16,7 +16,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-GML7DINQ.js → chunk-RDUSAVT3.js}

@@ -10,7 +10,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-PPMWEQP3.js → chunk-RIURQMDE.js}

@@ -1,6 +1,6 @@
 import {
   useOrderGroupTableFilters
-} from "./chunk-FU3QYH6H.js";
+} from "./chunk-4C7L7TJT.js";
 import {
   useOrderTableQuery
 } from "./chunk-QUHSHIAC.js";
@@ -24,7 +24,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -67,12 +67,12 @@ var OrderListHeader = ({
 };
 
 // src/pages/orders/order-list/components/order-list-table/order-list-data-table.tsx
-import { IconButton, clx } from "@medusajs/ui";
+import { IconButton as IconButton2, clx } from "@medusajs/ui";
 import { TriangleRightMini } from "@medusajs/icons";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";
-import { useTranslation as useTranslation2 } from "react-i18next";
+import { useTranslation as useTranslation3 } from "react-i18next";
 
 // src/pages/orders/order-list/const.ts
 var DEFAULT_PROPERTIES = [
@@ -103,8 +103,38 @@ var DEFAULT_FIELDS = `${DEFAULT_PROPERTIES.join(
   ","
 )},${DEFAULT_RELATIONS.join(",")}`;
 
+// src/pages/orders/order-list/components/order-list-table/order-expand-collapse-button.tsx
+import { ArrowsPointingOut, ArrowsReduceDiagonal } from "@medusajs/icons";
+import { IconButton, Tooltip } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var OrderExpandCollapseButton = ({
+  table
+}) => {
+  const { t } = useTranslation2();
+  const allExpanded = table.getIsAllRowsExpanded();
+  return /* @__PURE__ */ jsx2(
+    Tooltip,
+    {
+      content: t(
+        allExpanded ? "orders.list.collapseAll" : "orders.list.expandAll"
+      ),
+      children: /* @__PURE__ */ jsx2(
+        IconButton,
+        {
+          size: "small",
+          type: "button",
+          onClick: () => table.toggleAllRowsExpanded(),
+          "data-testid": "orders-expand-collapse-all",
+          children: allExpanded ? /* @__PURE__ */ jsx2(ArrowsReduceDiagonal, {}) : /* @__PURE__ */ jsx2(ArrowsPointingOut, {})
+        }
+      )
+    }
+  );
+};
+
 // src/pages/orders/order-list/components/order-list-table/order-list-data-table.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 function transformOrderGroups(orderGroups, t) {
   return orderGroups.map((group) => {
@@ -149,7 +179,7 @@ function transformOrderGroups(orderGroups, t) {
   });
 }
 var OrderListDataTable = () => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation3();
   const { searchParams, raw } = useOrderTableQuery({
     pageSize: PAGE_SIZE
   });
@@ -181,13 +211,18 @@ var OrderListDataTable = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     _DataTable,
     {
       columns,
       table,
       pagination: true,
       navigateTo: (row) => row.original._type === "order" ? `/orders/${row.original.id}` : "",
+      onRowClick: (row) => {
+        if (row.getCanExpand()) {
+          row.toggleExpanded();
+        }
+      },
       count,
       search: true,
       filters,
@@ -198,6 +233,8 @@ var OrderListDataTable = () => {
         { key: "created_at", label: t("fields.createdAt") },
         { key: "updated_at", label: t("fields.updatedAt") }
       ],
+      defaultOrder: "-display_id",
+      toolbarActions: /* @__PURE__ */ jsx3(OrderExpandCollapseButton, { table }),
       queryObject: raw,
       noRecords: {
         message: t("orders.list.noRecordsMessage")
@@ -207,19 +244,19 @@ var OrderListDataTable = () => {
 };
 var columnHelper = createColumnHelper();
 var useColumns = () => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation3();
   return useMemo(
     () => [
       columnHelper.accessor("display_id", {
-        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("orders.fields.groupId") }),
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("orders.fields.groupId") }),
         cell: ({ row, getValue }) => {
           if (row.original._type === "order") {
             return null;
           }
           const expandHandler = row.getToggleExpandedHandler();
           return /* @__PURE__ */ jsxs("div", { className: "flex size-full items-center gap-x-2 overflow-hidden", children: [
-            /* @__PURE__ */ jsx2("div", { className: "flex size-7 items-center justify-center", children: row.getCanExpand() ? /* @__PURE__ */ jsx2(
-              IconButton,
+            /* @__PURE__ */ jsx3("div", { className: "flex size-7 items-center justify-center", children: row.getCanExpand() ? /* @__PURE__ */ jsx3(
+              IconButton2,
               {
                 type: "button",
                 onClick: (e) => {
@@ -230,7 +267,7 @@ var useColumns = () => {
                 size: "small",
                 variant: "transparent",
                 className: "text-ui-fg-subtle",
-                children: /* @__PURE__ */ jsx2(
+                children: /* @__PURE__ */ jsx3(
                   TriangleRightMini,
                   {
                     className: clx({
@@ -240,59 +277,59 @@ var useColumns = () => {
                 )
               }
             ) : null }),
-            /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() })
+            /* @__PURE__ */ jsx3("span", { className: "truncate", children: getValue() })
           ] });
         }
       }),
       columnHelper.accessor("order_ids", {
-        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("orders.fields.orderIds") }),
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("orders.fields.orderIds") }),
         cell: ({ row, getValue }) => {
           if (row.original._type === "group") {
-            return /* @__PURE__ */ jsx2(TextCell, { text: getValue() });
+            return /* @__PURE__ */ jsx3(TextCell, { text: getValue() });
           }
-          return /* @__PURE__ */ jsx2(TextCell, { text: row.original.display_id });
+          return /* @__PURE__ */ jsx3(TextCell, { text: row.original.display_id });
         }
       }),
       columnHelper.accessor("vendor", {
-        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("orders.fields.vendor") }),
-        cell: ({ getValue }) => /* @__PURE__ */ jsx2(TextCell, { text: getValue() })
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("orders.fields.vendor") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx3(TextCell, { text: getValue() })
       }),
       columnHelper.accessor("created_at", {
-        header: () => /* @__PURE__ */ jsx2(DateHeader, {}),
-        cell: ({ getValue }) => /* @__PURE__ */ jsx2(DateCell, { date: getValue() })
+        header: () => /* @__PURE__ */ jsx3(DateHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx3(DateCell, { date: getValue() })
       }),
       columnHelper.accessor("customer_name", {
-        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("fields.customer") }),
-        cell: ({ getValue }) => /* @__PURE__ */ jsx2(TextCell, { text: getValue() })
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("fields.customer") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx3(TextCell, { text: getValue() })
       }),
       columnHelper.accessor("payment_status", {
-        header: () => /* @__PURE__ */ jsx2(PaymentStatusHeader, {}),
+        header: () => /* @__PURE__ */ jsx3(PaymentStatusHeader, {}),
         cell: ({ row, getValue }) => {
           if (row.original._type === "group") {
             return null;
           }
           const status = getValue();
           if (!status) return "-";
-          return /* @__PURE__ */ jsx2(PaymentStatusCell, { status });
+          return /* @__PURE__ */ jsx3(PaymentStatusCell, { status });
         }
       }),
       columnHelper.accessor("fulfillment_status", {
-        header: () => /* @__PURE__ */ jsx2(FulfillmentStatusHeader, {}),
+        header: () => /* @__PURE__ */ jsx3(FulfillmentStatusHeader, {}),
         cell: ({ row, getValue }) => {
           if (row.original._type === "group") {
             return null;
           }
           const status = getValue();
           if (!status) return "-";
-          return /* @__PURE__ */ jsx2(FulfillmentStatusCell, { status });
+          return /* @__PURE__ */ jsx3(FulfillmentStatusCell, { status });
         }
       }),
       columnHelper.accessor("total", {
-        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("fields.total") }),
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("fields.total") }),
         cell: ({ row, getValue }) => {
           const total = getValue();
           if (total == null) return "-";
-          return /* @__PURE__ */ jsx2(
+          return /* @__PURE__ */ jsx3(
             TextCell,
             {
               text: getStylizedAmount(total, row.original.currency_code)
@@ -306,18 +343,18 @@ var useColumns = () => {
 };
 
 // src/pages/orders/order-list/components/order-list-table/order-list-table.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var OrderListTable = ({ children }) => {
-  return /* @__PURE__ */ jsx3(Container, { className: "divide-y p-0", "data-testid": "orders-container", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3(OrderListHeader, {}),
-    /* @__PURE__ */ jsx3(OrderListDataTable, {})
+  return /* @__PURE__ */ jsx4(Container, { className: "divide-y p-0", "data-testid": "orders-container", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx4(OrderListHeader, {}),
+    /* @__PURE__ */ jsx4(OrderListDataTable, {})
   ] }) });
 };
 
 // src/pages/orders/order-list/order-list.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: false, "data-testid": "orders-list-page", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(OrderListTable, {}) });
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: false, "data-testid": "orders-list-page", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(OrderListTable, {}) });
 };
 var OrderListPage = Object.assign(Root, {
   Table: OrderListTable,

package/dist/{chunk-LRKN7IQH.js → chunk-RNDDYLHV.js}

@@ -13,7 +13,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-EA3XMVOS.js → chunk-S22SK4KO.js}

@@ -7,7 +7,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-QEXIOKNZ.js → chunk-SLKOHWKT.js}

@@ -23,7 +23,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";

package/dist/{chunk-THNFAN23.js → chunk-VGXJXU7X.js}

@@ -11,7 +11,7 @@ import {
   useSalesChannelTableEmptyState,
   useSalesChannelTableFilters,
   useSalesChannelTableQuery
-} from "./chunk-RWAEZQCV.js";
+} from "./chunk-7OKYEA6I.js";
 import {
   DataTable
 } from "./chunk-C4XKPQ6T.js";

package/dist/{chunk-GCYUOP4W.js → chunk-VSKHV5QF.js}

@@ -4,7 +4,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SJHBNENS.js";
+} from "./chunk-HSL5IICN.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";