@mercurjs/admin 2.2.0-canary.5 → 2.2.0-canary.50

package/dist/{chunk-UNOG2S56.js → chunk-4XGFT4RZ.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-ODDJZVYL.js";
 import {
   useOrderTableFilters
-} from "./chunk-J4MAIN7L.js";
+} from "./chunk-UK5BVJI7.js";
+import {
+  useOffers
+} from "./chunk-IZDTQFCP.js";
 import {
   useMemberTableQuery
-} from "./chunk-WRVGLMRW.js";
+} from "./chunk-IJ2CSCLP.js";
 import {
   useOrderTableQuery
-} from "./chunk-3B6MTW5G.js";
+} from "./chunk-QUHSHIAC.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -20,34 +29,26 @@ import {
   DataTableStatusCell
 } from "./chunk-MDABSESI.js";
 import {
-  useProductTableColumns
-} from "./chunk-6NDM5WGE.js";
-import {
-  useProductTableFilters
-} from "./chunk-NMFVQDVF.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-F5H5JZQZ.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useOrders
-} from "./chunk-N3BYBEDV.js";
+} from "./chunk-WF3ZDT5Z.js";
 import {
+  sellersQueryKeys,
   useApproveSeller,
   useDeleteSellerInvite,
   useRemoveSellerMember,
@@ -55,29 +56,54 @@ import {
   useSeller,
   useSellerInvites,
   useSellerMembers,
-  useSellerProducts,
   useSuspendSeller
-} from "./chunk-LEG67A2R.js";
+} from "./chunk-SAU35JEB.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
 
+// src/pages/stores/store-details/loader.ts
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var STORE_DETAIL_FIELDS = "+address.*,+payment_details.*,+professional_details.*";
+var sellerDetailQuery = (id) => {
+  const query = getLinkQuery("seller", STORE_DETAIL_FIELDS);
+  return {
+    queryKey: sellersQueryKeys.detail(id, query),
+    queryFn: async () => sdk.admin.sellers.$id.query({ $id: id, ...query })
+  };
+};
+var storeDetailLoader = async ({ params }) => {
+  const id = params.id;
+  return queryClient.ensureQueryData({
+    ...sellerDetailQuery(id),
+    staleTime: 9e4
+  });
+};
+
 // 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";
+import { WidgetZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 var import_types3 = __toESM(require_dist(), 1);
 
 // src/pages/stores/store-details/components/store-general-section.tsx
 import { Children as Children2 } from "react";
 import { Badge, Container, Text } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 
 // src/pages/stores/store-details/components/store-detail-header.tsx
 import { Children } from "react";
@@ -216,33 +242,49 @@ var StoreGeneralSection = ({
       }
     ) }) }),
     /* @__PURE__ */ jsx2(StoreDetailHeader, { seller }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "description", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.description || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "handle", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.handle ? `/${seller.handle}` : "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "email", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.email") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.email || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "phone", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.phone") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.phone || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "website_url", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.website") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.website_url || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "currency_code", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.currency") }),
       /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: seller.currency_code?.toUpperCase() }),
         /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: currencies[seller.currency_code?.toUpperCase()]?.name || "-" })
       ] })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      DisplayExtensionZone,
+      {
+        model: "seller",
+        zone: "general",
+        data: seller,
+        builtInFieldIds: [
+          "description",
+          "handle",
+          "email",
+          "phone",
+          "website_url",
+          "currency_code"
+        ]
+      }
+    )
   ] }) });
 };
 
@@ -250,6 +292,7 @@ var StoreGeneralSection = ({
 import { CreditCard, PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, Text as Text2 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var StorePaymentDetailsSection = ({
   seller
@@ -296,7 +339,8 @@ var StorePaymentDetailsSection = ({
     ] }) }) }) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("store.paymentDetails.empty.title") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", className: "text-ui-fg-muted", children: t("store.paymentDetails.empty.message") })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone2, { model: "seller", zone: "payment-details", data: seller })
   ] });
 };
 
@@ -304,6 +348,7 @@ var StorePaymentDetailsSection = ({
 import { Buildings, PencilSquare as PencilSquare3 } from "@medusajs/icons";
 import { Container as Container3, Heading as Heading3, Text as Text3 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var StoreCompanyDetailsSection = ({
   seller
@@ -348,7 +393,8 @@ var StoreCompanyDetailsSection = ({
     ] }) }) }) : /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
       /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("store.professionalDetails.empty.title") }),
       /* @__PURE__ */ jsx4(Text3, { size: "small", className: "text-ui-fg-muted", children: t("store.professionalDetails.empty.message") })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone3, { model: "seller", zone: "company-details", data: seller })
   ] });
 };
 
@@ -356,6 +402,7 @@ var StoreCompanyDetailsSection = ({
 import { CalendarMini } from "@medusajs/icons";
 import { Container as Container4, Heading as Heading4, Table } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var StoreConfigurationSection = ({
   seller
@@ -382,7 +429,8 @@ var StoreConfigurationSection = ({
         title: t("store.timeOff.empty.title"),
         message: t("store.timeOff.empty.message")
       }
-    )
+    ),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone4, { model: "seller", zone: "configuration", data: seller })
   ] });
 };
 
@@ -390,6 +438,7 @@ var StoreConfigurationSection = ({
 import { BuildingStorefront, PencilSquare as PencilSquare4 } from "@medusajs/icons";
 import { Container as Container5, Heading as Heading5, Text as Text4 } from "@medusajs/ui";
 import { useTranslation as useTranslation6 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var StoreAddressSection = ({ seller }) => {
   const { t } = useTranslation6();
@@ -441,7 +490,8 @@ var StoreAddressSection = ({ seller }) => {
     ] }) }) }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
       /* @__PURE__ */ jsx6(Text4, { size: "small", leading: "compact", weight: "plus", children: t("store.address.empty.title") }),
       /* @__PURE__ */ jsx6(Text4, { size: "small", className: "text-ui-fg-muted", children: t("store.address.empty.message") })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx6(DisplayExtensionZone5, { model: "seller", zone: "address", data: seller })
   ] });
 };
 
@@ -449,6 +499,7 @@ var StoreAddressSection = ({ seller }) => {
 import { Button, Container as Container6, Heading as Heading6 } from "@medusajs/ui";
 import { useTranslation as useTranslation8 } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone6 } from "@mercurjs/dashboard-shared";
 
 // src/pages/stores/store-details/components/store-members-section/store-members-data-table.tsx
 import { useMemo } from "react";
@@ -552,7 +603,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 +628,7 @@ var useColumns = (sellerId) => {
               size: "2xsmall",
               color: "grey",
               className: "flex-shrink-0",
-              children: t("stores.members.mainAdmin", "Admin")
+              children: t("stores.members.mainAdmin")
             }
           )
         ] })
@@ -735,10 +786,11 @@ 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 })
+    /* @__PURE__ */ jsx8(StoreMembersDataTable, { sellerId }),
+    /* @__PURE__ */ jsx8(DisplayExtensionZone6, { model: "seller", zone: "members", data: sellerId })
   ] });
 };
 
@@ -755,6 +807,7 @@ import {
   toast as toast2
 } from "@medusajs/ui";
 import { useTranslation as useTranslation9 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone7 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var StoreRequestSection = ({ seller }) => {
   const { t } = useTranslation9();
@@ -777,7 +830,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 +856,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."
@@ -825,7 +878,8 @@ var StoreRequestSection = ({ seller }) => {
           }
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx9(DisplayExtensionZone7, { model: "seller", zone: "requests", data: seller })
   ] });
 };
 var RequestActionPrompt = ({
@@ -858,11 +912,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"),
             ")"
           ] })
         ] }),
@@ -898,6 +952,7 @@ import { ShoppingCart } from "@medusajs/icons";
 import { Container as Container8, Heading as Heading8 } from "@medusajs/ui";
 import { keepPreviousData as keepPreviousData2 } from "@tanstack/react-query";
 import { useTranslation as useTranslation10 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone8 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 10;
 var PREFIX = "store-orders";
@@ -963,7 +1018,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."
@@ -971,90 +1026,98 @@ var StoreOrdersSection = ({ sellerId }) => {
           icon: /* @__PURE__ */ jsx10(ShoppingCart, { className: "text-ui-fg-subtle" })
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx10(DisplayExtensionZone8, { model: "seller", zone: "orders", data: 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 { DisplayExtensionZone as DisplayExtensionZone9 } from "@mercurjs/dashboard-shared";
 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
       }
-    )
+    ),
+    /* @__PURE__ */ jsx11(DisplayExtensionZone9, { model: "seller", zone: "offers", data: sellerId })
   ] });
 };
 
 // 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 +1126,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 +1134,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 +1148,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,8 +1159,9 @@ var TabBar = ({
 };
 var Root = ({ children }) => {
   const { id } = useParams();
-  const [activeTab, setActiveTab] = useState2("orders");
-  const { seller, isLoading, isError, error } = useSeller(id);
+  const [activeTab, setActiveTab] = useState3("orders");
+  const query = useLinkQuery("seller", STORE_DETAIL_FIELDS);
+  const { seller, isLoading, isError, error } = useSeller(id, query);
   if (isLoading || !seller) {
     return /* @__PURE__ */ jsx12(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 3 });
   }
@@ -1108,7 +1172,7 @@ var Root = ({ children }) => {
     return /* @__PURE__ */ jsx12(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children });
   }
   return /* @__PURE__ */ jsxs12(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children: [
-    /* @__PURE__ */ jsxs12(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx12(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs12(WidgetZone, { id: "stores.detail.main", data: seller, children: [
       seller.status === import_types3.SellerStatus.PENDING_APPROVAL && !seller.approved_at && !seller.rejected_at && /* @__PURE__ */ jsx12(StoreRequestSection, { seller }),
       /* @__PURE__ */ jsx12(StoreGeneralSection, { seller }),
       /* @__PURE__ */ jsx12(TabBar, { activeTab, onTabChange: setActiveTab }),
@@ -1130,13 +1194,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(
@@ -1148,12 +1212,12 @@ var Root = ({ children }) => {
           children: /* @__PURE__ */ jsx12(StoreConfigurationSection, { seller })
         }
       )
-    ] }),
-    /* @__PURE__ */ jsxs12(TwoColumnPage.Sidebar, { children: [
+    ] }) }),
+    /* @__PURE__ */ jsx12(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsxs12(WidgetZone, { id: "stores.detail.side", data: seller, children: [
       /* @__PURE__ */ jsx12(StoreAddressSection, { seller }),
       /* @__PURE__ */ jsx12(StoreCompanyDetailsSection, { seller }),
       /* @__PURE__ */ jsx12(StorePaymentDetailsSection, { seller })
-    ] })
+    ] }) })
   ] });
 };
 var StoreDetailPage = Object.assign(Root, {
@@ -1172,5 +1236,6 @@ var StoreDetailPage = Object.assign(Root, {
 });
 
 export {
+  storeDetailLoader,
   StoreDetailPage
 };

package/dist/{chunk-JQV7CXEC.js → chunk-5BSSIDW6.js}

@@ -1,12 +1,18 @@
+import {
+  getCollectionGallery
+} from "./chunk-VM56ZITS.js";
 import {
   TextCell
 } from "./chunk-JHIMVLB2.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
 
 // src/hooks/table/columns/use-collection-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
 var useCollectionTableColumns = () => {
   const { t } = useTranslation();
@@ -14,7 +20,16 @@ var useCollectionTableColumns = () => {
     () => [
       columnHelper.accessor("title", {
         header: t("fields.title"),
-        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+        cell: ({ getValue, row }) => {
+          const gallery = getCollectionGallery(
+            row.original.media_images
+          );
+          const thumbnailSrc = gallery.find((image) => image.is_thumbnail)?.url ?? gallery[0]?.url ?? null;
+          return /* @__PURE__ */ jsxs("div", { className: "flex size-full items-center gap-x-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx(Thumbnail, { src: thumbnailSrc }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: getValue() })
+          ] });
+        }
       }),
       columnHelper.accessor("handle", {
         header: t("fields.handle"),

package/dist/{chunk-FB7DDNCA.js → chunk-5CHUXS7G.js}

@@ -1,6 +1,6 @@
 import {
   CreateCampaignFormFields
-} from "./chunk-WQFFCK3R.js";
+} from "./chunk-2V74T2WI.js";
 import {
   useComboboxData
 } from "./chunk-5KGMGL4N.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-AW77UWCZ.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -20,13 +20,13 @@ import {
 import {
   useCampaign,
   useUpdatePromotion
-} from "./chunk-ZN7LWXVC.js";
+} from "./chunk-MTHPNKQ4.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/pages/promotions/promotion-add-campaign/components/add-campaign-promotion-form/add-campaign-promotion-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";