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

package/dist/{chunk-Y6NDT26D.js → chunk-EGHDC6K6.js}

@@ -1,16 +1,16 @@
 import {
   useProductTableColumns
-} from "./chunk-OMBP3YSV.js";
+} from "./chunk-OYZIFLLC.js";
 import {
   useProductTableFilters
-} from "./chunk-57RZ7ZOK.js";
+} from "./chunk-4346EIRG.js";
 import {
   useProductTableQuery
-} from "./chunk-LYZDVZWA.js";
+} from "./chunk-H7NIKMPE.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -21,13 +21,13 @@ import {
   useDeleteSalesChannel,
   useSalesChannel,
   useSalesChannelRemoveProducts
-} from "./chunk-6FHQCLHQ.js";
+} from "./chunk-MW47LDBT.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-H3MAUKL7.js";
+} from "./chunk-ZKHF75MZ.js";
 
 // src/pages/sales-channels/sales-channel-detail/sales-channel-detail.tsx
 import { Children } from "react";

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";

package/dist/{chunk-3JSAS7QP.js → chunk-EOSJHPHN.js}

@@ -1,16 +1,16 @@
 import {
   TextCell
 } from "./chunk-JHIMVLB2.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
 import {
   useAttributeTableFilters
 } from "./chunk-RT6L7JXU.js";
 import {
   useAttributeTableQuery
 } from "./chunk-4YWKKCTT.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -19,7 +19,7 @@ import {
   useDeleteProductAttribute,
   useProductAttributes,
   useUpdateProductAttribute
-} from "./chunk-533GMKEG.js";
+} from "./chunk-F5NW4XBU.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-RHKRREUU.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/pages/attributes/attribute-list/loader.ts
 var attributeListQuery = () => ({
@@ -90,10 +90,18 @@ var FilterableToggle = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      role: "button",
+      tabIndex: 0,
       onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
       },
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      },
       children: /* @__PURE__ */ jsx(
         Switch,
         {
@@ -119,10 +127,18 @@ var RequiredToggle = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      role: "button",
+      tabIndex: 0,
       onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
       },
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      },
       children: /* @__PURE__ */ jsx(
         Switch,
         {

package/dist/{chunk-46M463BR.js → chunk-EWFOFSF7.js}

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

package/dist/{chunk-PMWLTPYR.js → chunk-EX4AGESR.js}

@@ -1,18 +1,27 @@
+import {
+  useOrderTableColumns
+} from "./chunk-DBYUB2YI.js";
 import {
   IconAvatar
 } from "./chunk-U2EI2ZLM.js";
 import {
-  useOrderTableColumns
-} from "./chunk-DBYUB2YI.js";
+  useOfferTableColumns,
+  useOfferTableCommands,
+  useOfferTableFilters,
+  useOfferTableQuery
+} from "./chunk-HQM7D57C.js";
 import {
   useOrderTableFilters
-} from "./chunk-SVKQDD7E.js";
+} from "./chunk-4BCUGMOR.js";
+import {
+  useOffers
+} from "./chunk-IZDTQFCP.js";
 import {
   useMemberTableQuery
-} from "./chunk-MR3MLNWV.js";
+} from "./chunk-WKDHY2DJ.js";
 import {
   useOrderTableQuery
-} from "./chunk-3B6MTW5G.js";
+} from "./chunk-QUHSHIAC.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -20,33 +29,24 @@ import {
   DataTableStatusCell
 } from "./chunk-MDABSESI.js";
 import {
-  useProductTableColumns
-} from "./chunk-OMBP3YSV.js";
-import {
-  useProductTableFilters
-} from "./chunk-57RZ7ZOK.js";
+  currencies
+} from "./chunk-IQPN4PZJ.js";
 import {
-  useProductTableQuery
-} from "./chunk-LYZDVZWA.js";
+  TwoColumnPage
+} from "./chunk-E74OUNA3.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   NoRecords
-} from "./chunk-634XVU3D.js";
-import {
-  currencies
-} from "./chunk-IQPN4PZJ.js";
-import {
-  TwoColumnPage
-} from "./chunk-E74OUNA3.js";
+} from "./chunk-PAYQJPGK.js";
 import {
   require_dist
-} from "./chunk-UCYSCKZV.js";
+} from "./chunk-DSTHXHJ5.js";
 import {
   useOrders
-} from "./chunk-2WHSCEKX.js";
+} from "./chunk-WF3ZDT5Z.js";
 import {
   useApproveSeller,
   useDeleteSellerInvite,
@@ -55,9 +55,8 @@ import {
   useSeller,
   useSellerInvites,
   useSellerMembers,
-  useSellerProducts,
   useSuspendSeller
-} from "./chunk-LEG67A2R.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);
@@ -552,7 +551,7 @@ var StoreMembersDataTable = ({
         { key: "updated_at", label: t("fields.updatedAt") }
       ],
       noRecords: {
-        title: t("stores.emptyStates.users.title", "No users yet"),
+        title: t("stores.emptyStates.users.title"),
         message: t(
           "stores.emptyStates.users.message",
           "Invite the first user to manage this store."
@@ -577,7 +576,7 @@ var useColumns = (sellerId) => {
               size: "2xsmall",
               color: "grey",
               className: "flex-shrink-0",
-              children: t("stores.members.mainAdmin", "Admin")
+              children: t("stores.members.mainAdmin")
             }
           )
         ] })
@@ -735,8 +734,8 @@ var StoreMembersSection = ({ sellerId }) => {
   const { t } = useTranslation8();
   return /* @__PURE__ */ jsxs8(Container6, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx8(Heading6, { level: "h2", children: t("users.domain", "Users") }),
-      /* @__PURE__ */ jsx8(Link, { to: "invite", children: /* @__PURE__ */ jsx8(Button, { size: "small", variant: "secondary", children: t("stores.members.addUser.action", "Add") }) })
+      /* @__PURE__ */ jsx8(Heading6, { level: "h2", children: t("users.domain") }),
+      /* @__PURE__ */ jsx8(Link, { to: "invite", children: /* @__PURE__ */ jsx8(Button, { size: "small", variant: "secondary", children: t("stores.members.addUser.action") }) })
     ] }),
     /* @__PURE__ */ jsx8(StoreMembersDataTable, { sellerId })
   ] });
@@ -777,7 +776,7 @@ var StoreRequestSection = ({ seller }) => {
         RequestActionPrompt,
         {
           trigger: /* @__PURE__ */ jsx9(Button2, { size: "small", variant: "secondary", children: t("stores.request.confirm") }),
-          title: t("stores.request.confirmTitle", "Confirm request"),
+          title: t("stores.request.confirmTitle"),
           description: t(
             "stores.request.confirmDescription",
             "You are about to confirm this store request."
@@ -803,7 +802,7 @@ var StoreRequestSection = ({ seller }) => {
         RequestActionPrompt,
         {
           trigger: /* @__PURE__ */ jsx9(Button2, { size: "small", variant: "secondary", children: t("stores.request.reject") }),
-          title: t("stores.request.rejectTitle", "Reject request"),
+          title: t("stores.request.rejectTitle"),
           description: t(
             "stores.request.rejectDescription",
             "You are about to reject this store request."
@@ -858,11 +857,11 @@ var RequestActionPrompt = ({
       /* @__PURE__ */ jsx9("div", { className: "border-ui-border-base border-t mt-3" }),
       /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-y-3 px-6 py-3", children: [
         /* @__PURE__ */ jsxs9(Text5, { size: "small", weight: "plus", className: "text-ui-fg-base", children: [
-          t("stores.request.noteLabel", "Notes for vendor"),
+          t("stores.request.noteLabel"),
           " ",
           /* @__PURE__ */ jsxs9("span", { className: "text-ui-fg-muted font-normal", children: [
             "(",
-            t("fields.optional", "Optional"),
+            t("fields.optional"),
             ")"
           ] })
         ] }),
@@ -963,7 +962,7 @@ var StoreOrdersSection = ({ sellerId }) => {
         queryObject: raw,
         prefix: PREFIX,
         noRecords: {
-          title: t("stores.emptyStates.orders.title", "No orders yet"),
+          title: t("stores.emptyStates.orders.title"),
           message: t(
             "stores.emptyStates.orders.message",
             "Orders placed at this store will appear here."
@@ -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(