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

package/dist/{inventory-create-M3YBQVNG.js → inventory-create-66YM6FST.js}

@@ -41,7 +41,7 @@ import "./chunk-VXW3BCN2.js";
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-MW47LDBT.js";
 import "./chunk-JZJT26E3.js";

package/dist/{inventory-detail-6PAVKSOK.js → inventory-detail-RYFIUKTJ.js}

@@ -46,7 +46,7 @@ import "./chunk-VXW3BCN2.js";
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-MW47LDBT.js";

package/dist/{inventory-metadata-OS6KHY52.js → inventory-metadata-W6Z6J2Z2.js}

@@ -34,7 +34,7 @@ import "./chunk-VXW3BCN2.js";
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-MW47LDBT.js";
 import "./chunk-JZJT26E3.js";

package/dist/{inventory-stock-XQWWFVQ3.js → inventory-stock-A3TSIGMD.js}

@@ -51,7 +51,7 @@ import {
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-MW47LDBT.js";
 import "./chunk-JZJT26E3.js";

package/dist/loader-HRFMJ5TM.js

@@ -0,0 +1,36 @@
+import {
+  OFFER_PRODUCT_DETAIL_FIELDS
+} from "./chunk-IWBQZK6E.js";
+import {
+  productsQueryKeys
+} from "./chunk-ZKHF75MZ.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/offers/[id]/loader.ts
+var offerProductDetailQuery = (id, sellerId) => ({
+  queryKey: productsQueryKeys.detail(id, {
+    fields: OFFER_PRODUCT_DETAIL_FIELDS,
+    seller_id: sellerId
+  }),
+  queryFn: async () => sdk.admin.products.$id.query({
+    $id: id,
+    fields: OFFER_PRODUCT_DETAIL_FIELDS,
+    ...sellerId ? { seller_id: sellerId } : {}
+  })
+});
+var loader = async ({ params, request }) => {
+  const id = params.id;
+  const sellerId = new URL(request.url).searchParams.get("seller_id") ?? void 0;
+  return queryClient.ensureQueryData(offerProductDetailQuery(id, sellerId));
+};
+export {
+  loader,
+  offerProductDetailQuery
+};

package/dist/{loader-P2HT7LSL.js → loader-TIPLOZF7.js}

@@ -1,9 +1,9 @@
 import {
   OFFER_VARIANT_DETAIL_FIELDS
-} from "./chunk-S6A4FVM2.js";
+} from "./chunk-IWBQZK6E.js";
 import {
   offerQueryKeys
-} from "./chunk-LBLWPBST.js";
+} from "./chunk-IZDTQFCP.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{location-detail-LK736WHY.js → location-detail-CNETNX3M.js}

@@ -42,7 +42,7 @@ import {
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-MW47LDBT.js";

package/dist/{location-fulfillment-providers-Z3PR4MQI.js → location-fulfillment-providers-TMPZH2KQ.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-26OOAKQ6.js";
 import "./chunk-ZQZHFMD7.js";
 import "./chunk-4BCUGMOR.js";
-import "./chunk-OI4DJXUL.js";
+import "./chunk-FMJBQE56.js";
 import "./chunk-HGTPUAHD.js";
 import "./chunk-S2WEYEQR.js";
 import {
@@ -71,7 +71,7 @@ import {
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-MW47LDBT.js";
 import "./chunk-JZJT26E3.js";

package/dist/{location-list-HFVPD3JF.js → location-list-RHUT7IRA.js}

@@ -37,7 +37,7 @@ import "./chunk-VXW3BCN2.js";
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-MW47LDBT.js";

package/dist/{location-sales-channels-WZJ3JWQF.js → location-sales-channels-ZQBQ3VDH.js}

@@ -6,8 +6,7 @@ import {
   useSalesChannelTableEmptyState,
   useSalesChannelTableFilters,
   useSalesChannelTableQuery
-} from "./chunk-RWAEZQCV.js";
-import "./chunk-DGCPYCHU.js";
+} from "./chunk-7OKYEA6I.js";
 import "./chunk-MDABSESI.js";
 import {
   DataTable

package/dist/{location-service-zone-shipping-option-create-NFKZT2HM.js → location-service-zone-shipping-option-create-3PQ2EYD7.js}

@@ -43,7 +43,7 @@ import "./chunk-VXW3BCN2.js";
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-MW47LDBT.js";
 import "./chunk-JZJT26E3.js";

package/dist/{login-IOW5R2ZZ.js → login-OKBXMSKY.js}

@@ -36,7 +36,7 @@ import "./chunk-VXW3BCN2.js";
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-MW47LDBT.js";
 import "./chunk-JZJT26E3.js";

package/dist/{marketplace-detail-X5AQWO7P.js → marketplace-detail-KBJSCI2N.js}

@@ -44,7 +44,7 @@ import "./chunk-VXW3BCN2.js";
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-MW47LDBT.js";

package/dist/{marketplace-metadata-RNNA4S3F.js → marketplace-metadata-VXFQ3JZW.js}

@@ -37,7 +37,7 @@ import "./chunk-VXW3BCN2.js";
 import "./chunk-GLZLBHFC.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-NS3GQ2J6.js";
+import "./chunk-BILFRATX.js";
 import "./chunk-RGS5ZOY7.js";
 import "./chunk-MW47LDBT.js";
 import "./chunk-JZJT26E3.js";

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

@@ -1,18 +1,14 @@
-import "./chunk-NKV5XPNS.js";
+import {
+  OfferStoreSidebar
+} from "./chunk-BO4V6CQN.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-HSL5IICN.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-P4CKF442.js}

@@ -2,13 +2,13 @@ import {
   OfferInventorySection,
   OfferPricingSection,
   OfferStoreSidebar
-} from "./chunk-NKV5XPNS.js";
+} from "./chunk-BO4V6CQN.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";
@@ -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 })
     ] })
   ] }) });
 };