@mercurjs/vendor 2.2.0-canary.11 → 2.2.0-canary.13

package/dist/{offer-detail-page-6SIBQTLP.js → offer-variant-detail-page-KTHKV6WW.js}

@@ -1,9 +1,6 @@
 import {
-  useDeleteOfferAction
-} from "./chunk-CFRWIQIZ.js";
-import {
-  OFFER_DETAIL_FIELDS
-} from "./chunk-27KRIXMQ.js";
+  OFFER_VARIANT_DETAIL_FIELDS
+} from "./chunk-XQUF3WIS.js";
 import {
   getLocaleAmount
 } from "./chunk-3BXCPHN6.js";
@@ -28,128 +25,36 @@ import {
   TwoColumnPage
 } from "./chunk-YV6MK4PZ.js";
 import "./chunk-LRD242C7.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   useOffer
-} from "./chunk-UORPTGV2.js";
+} from "./chunk-SIEEMXNZ.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
+import "./chunk-JAUZ73XE.js";
+import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-RIN4CBRB.js";
 import "./chunk-NBMM2TZK.js";
 
-// src/pages/offers/[id]/offer-detail-page.tsx
+// src/pages/offers/[id]/variants/[offer_id]/offer-variant-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
-// src/pages/offers/[id]/_components/offer-general-section.tsx
-import { Component, PencilSquare, Trash } from "@medusajs/icons";
-import { Container, Heading } from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
-var formatDate = (value) => {
-  if (!value) return "-";
-  try {
-    return new Intl.DateTimeFormat(void 0, {
-      dateStyle: "medium",
-      timeStyle: "short"
-    }).format(new Date(value));
-  } catch {
-    return "-";
-  }
-};
-var OfferGeneralSection = ({ offer }) => {
-  const { t } = useTranslation();
-  const handleDelete = useDeleteOfferAction({
-    id: offer.id,
-    sku: offer.sku ?? "",
-    redirectOnSuccess: true
-  });
-  const hasKit = (offer.inventory_item_link?.length ?? 0) > 1;
-  const variantTitle = offer.product_variant?.title ?? "";
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      className: "divide-y p-0",
-      "data-testid": "offer-detail-general-section",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Heading, { title: variantTitle, children: variantTitle }),
-            hasKit && /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted font-normal", children: /* @__PURE__ */ jsx(Component, {}) })
-          ] }),
-          /* @__PURE__ */ jsx(
-            ActionMenu,
-            {
-              groups: [
-                {
-                  actions: [
-                    {
-                      icon: /* @__PURE__ */ jsx(PencilSquare, {}),
-                      label: t("actions.edit"),
-                      to: "edit"
-                    }
-                  ]
-                },
-                {
-                  actions: [
-                    {
-                      icon: /* @__PURE__ */ jsx(Trash, {}),
-                      label: t("actions.delete"),
-                      onClick: handleDelete
-                    }
-                  ]
-                }
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(SectionRow, { title: t("offers.fields.sku"), value: offer.sku ?? "-" }),
-        /* @__PURE__ */ jsx(SectionRow, { title: t("offers.fields.ean"), value: offer.ean ?? "-" }),
-        /* @__PURE__ */ jsx(SectionRow, { title: t("offers.fields.upc"), value: offer.upc ?? "-" }),
-        /* @__PURE__ */ jsx(
-          SectionRow,
-          {
-            title: t("shippingProfile.domain"),
-            value: offer.shipping_profile?.name ?? "-"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SectionRow,
-          {
-            title: t("fields.createdAt"),
-            value: formatDate(offer.created_at)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SectionRow,
-          {
-            title: t("fields.updatedAt"),
-            value: formatDate(offer.updated_at)
-          }
-        )
-      ]
-    }
-  );
-};
-
 // src/pages/offers/[id]/_components/offer-inventory-section.tsx
-import { Buildings, Component as Component2 } from "@medusajs/icons";
-import { Container as Container2, Heading as Heading2, Text } from "@medusajs/ui";
+import { Buildings, Component } from "@medusajs/icons";
+import { Container, Heading, Text } from "@medusajs/ui";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
 var PAGE_SIZE = 20;
 var computeAvailable = (row) => {
@@ -169,15 +74,15 @@ var computeAvailable = (row) => {
   return { quantity, locations };
 };
 var InventoryActions = ({ item }) => {
-  const { t } = useTranslation2();
-  return /* @__PURE__ */ jsx2(
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
     ActionMenu,
     {
       groups: [
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx2(Buildings, {}),
+              icon: /* @__PURE__ */ jsx(Buildings, {}),
               label: t("offers.detail.goToInventoryItem"),
               to: `/inventory/${item.id}`
             }
@@ -188,7 +93,7 @@ var InventoryActions = ({ item }) => {
   );
 };
 var OfferInventorySection = ({ offer }) => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation();
   const inventoryItems = useMemo(() => {
     const links = offer.inventory_item_link ?? [];
     return links.map((link) => {
@@ -209,24 +114,24 @@ var OfferInventorySection = ({ offer }) => {
         header: t("fields.title"),
         cell: ({ getValue }) => {
           const title = getValue();
-          if (!title) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: title }) });
+          if (!title) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: title }) });
         }
       }),
       columnHelper.accessor("sku", {
         header: t("offers.fields.sku"),
         cell: ({ getValue }) => {
           const sku = getValue();
-          if (!sku) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: sku }) });
+          if (!sku) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: sku }) });
         }
       }),
       columnHelper.accessor("required_quantity", {
         header: t("offers.fields.requiredQuantity"),
         cell: ({ getValue }) => {
           const value = getValue();
-          if (value == null) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: value }) });
+          if (value == null) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: value }) });
         }
       }),
       columnHelper.display({
@@ -234,9 +139,9 @@ var OfferInventorySection = ({ offer }) => {
         header: t("fields.inventory"),
         cell: ({ row }) => {
           const { quantity, locations } = computeAvailable(row.original);
-          if (locations === 0) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          if (locations === 0) return /* @__PURE__ */ jsx(PlaceholderCell, {});
           const text = `${quantity} available at ${locations} ${locations === 1 ? "location" : "locations"}`;
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2(
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx(
             Text,
             {
               size: "small",
@@ -248,7 +153,7 @@ var OfferInventorySection = ({ offer }) => {
       }),
       columnHelper.display({
         id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx2(InventoryActions, { item: row.original })
+        cell: ({ row }) => /* @__PURE__ */ jsx(InventoryActions, { item: row.original })
       })
     ],
     [t]
@@ -262,22 +167,22 @@ var OfferInventorySection = ({ offer }) => {
     pageSize: PAGE_SIZE
   });
   const hasKit = inventoryItems.length > 1;
-  return /* @__PURE__ */ jsxs2(
-    Container2,
+  return /* @__PURE__ */ jsxs(
+    Container,
     {
       className: "divide-y p-0",
       "data-testid": "offer-detail-inventory-section",
       children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("offers.detail.inventoryItems") }),
-          /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("offers.detail.inventoryItems") }),
+          /* @__PURE__ */ jsx(
             ActionMenu,
             {
               groups: [
                 {
                   actions: [
                     {
-                      icon: hasKit ? /* @__PURE__ */ jsx2(Component2, {}) : /* @__PURE__ */ jsx2(Buildings, {}),
+                      icon: hasKit ? /* @__PURE__ */ jsx(Component, {}) : /* @__PURE__ */ jsx(Buildings, {}),
                       label: hasKit ? t("offers.detail.manageKit") : t("offers.actions.manage_inventory"),
                       to: "inventory"
                     }
@@ -287,7 +192,7 @@ var OfferInventorySection = ({ offer }) => {
             }
           )
         ] }),
-        inventoryItems.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle", children: t("offers.detail.noInventoryItems") }) }) : /* @__PURE__ */ jsx2(
+        inventoryItems.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("offers.detail.noInventoryItems") }) }) : /* @__PURE__ */ jsx(
           _DataTable,
           {
             table,
@@ -304,10 +209,10 @@ var OfferInventorySection = ({ offer }) => {
 
 // src/pages/offers/[id]/_components/offer-pricing-section.tsx
 import { CurrencyDollar } from "@medusajs/icons";
-import { Button, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { Button, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
 import { useState } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var PAGE_STEP = 3;
 var isBaseRow = (price) => {
   const rules = price.price_rules ?? [];
@@ -315,20 +220,20 @@ var isBaseRow = (price) => {
   return extraRules.length === 0;
 };
 var OfferPricingSection = ({ offer }) => {
-  const { t } = useTranslation3();
+  const { t } = useTranslation2();
   const prices = (offer.prices ?? []).filter(isBaseRow).sort((a, b) => (a.currency_code ?? "").localeCompare(b.currency_code ?? ""));
   const hasPrices = prices.length > 0;
   const [pageSize, setPageSize] = useState(PAGE_STEP);
   const displayPrices = prices.slice(0, pageSize);
-  return /* @__PURE__ */ jsxs3(
-    Container3,
+  return /* @__PURE__ */ jsxs2(
+    Container2,
     {
       className: "flex flex-col divide-y p-0",
       "data-testid": "offer-detail-prices-section",
       children: [
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("labels.prices") }),
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("labels.prices") }),
+          /* @__PURE__ */ jsx2(
             ActionMenu,
             {
               groups: [
@@ -336,7 +241,7 @@ var OfferPricingSection = ({ offer }) => {
                   actions: [
                     {
                       label: t("actions.edit"),
-                      icon: /* @__PURE__ */ jsx3(CurrencyDollar, {}),
+                      icon: /* @__PURE__ */ jsx2(CurrencyDollar, {}),
                       to: "pricing"
                     }
                   ]
@@ -345,19 +250,19 @@ var OfferPricingSection = ({ offer }) => {
             }
           )
         ] }),
-        !hasPrices && /* @__PURE__ */ jsx3(NoRecords, { className: "h-60" }),
-        displayPrices.map((price) => /* @__PURE__ */ jsxs3(
+        !hasPrices && /* @__PURE__ */ jsx2(NoRecords, { className: "h-60" }),
+        displayPrices.map((price) => /* @__PURE__ */ jsxs2(
           "div",
           {
             className: "txt-small text-ui-fg-subtle flex justify-between px-6 py-4",
             children: [
-              /* @__PURE__ */ jsx3("span", { className: "font-medium", children: price.currency_code.toUpperCase() }),
-              /* @__PURE__ */ jsx3("span", { children: getLocaleAmount(price.amount, price.currency_code) })
+              /* @__PURE__ */ jsx2("span", { className: "font-medium", children: price.currency_code.toUpperCase() }),
+              /* @__PURE__ */ jsx2("span", { children: getLocaleAmount(price.amount, price.currency_code) })
             ]
           },
           price.id ?? `${price.currency_code}-${price.amount}`
         )),
-        hasPrices && prices.length > PAGE_STEP && /* @__PURE__ */ jsx3("div", { className: "txt-small text-ui-fg-subtle flex items-center justify-end px-6 py-4", children: /* @__PURE__ */ jsx3(
+        hasPrices && prices.length > PAGE_STEP && /* @__PURE__ */ jsx2("div", { className: "txt-small text-ui-fg-subtle flex items-center justify-end px-6 py-4", children: /* @__PURE__ */ jsx2(
           Button,
           {
             onClick: () => setPageSize((p) => p + PAGE_STEP),
@@ -372,76 +277,106 @@ var OfferPricingSection = ({ offer }) => {
   );
 };
 
-// src/pages/offers/[id]/_components/offer-variant-section.tsx
-import { TriangleRightMini } from "@medusajs/icons";
+// src/pages/offers/[id]/variants/[offer_id]/_components/offer-variant-general-section.tsx
+import { PencilSquare } from "@medusajs/icons";
+import { Badge, Container as Container3, Heading as Heading3, Text as Text2 } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var OfferVariantGeneralSection = ({
+  offer
+}) => {
+  const { t } = useTranslation3();
+  const variant = offer.product_variant;
+  const options = variant?.options ?? [];
+  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx3(Heading3, { children: variant?.title ?? "-" }),
+        /* @__PURE__ */ jsx3(Text2, { size: "small", className: "text-ui-fg-subtle", children: t("offers.detail.offerVariant") })
+      ] }),
+      /* @__PURE__ */ jsx3(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "edit",
+                  icon: /* @__PURE__ */ jsx3(PencilSquare, {})
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx3(SectionRow, { title: t("offers.fields.sku"), value: offer.sku ?? "-" }),
+    options.map((opt) => /* @__PURE__ */ jsx3(
+      SectionRow,
+      {
+        title: opt.option?.title ?? "-",
+        value: opt.value ? /* @__PURE__ */ jsx3(Badge, { size: "2xsmall", children: opt.value }) : "-"
+      },
+      opt.id ?? opt.option?.id ?? opt.value ?? ""
+    ))
+  ] });
+};
+
+// src/pages/offers/[id]/variants/[offer_id]/_components/offer-variant-shipping-section.tsx
+import { Buildings as Buildings2, PencilSquare as PencilSquare2, TriangleRightMini } from "@medusajs/icons";
 import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link } from "react-router-dom";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var OfferVariantSection = ({ offer }) => {
+var OfferVariantShippingSection = ({
+  offer
+}) => {
   const { t } = useTranslation4();
-  const variant = offer.product_variant;
-  if (!variant?.id) {
-    return null;
-  }
-  const productId = variant.product_id ?? variant.product?.id;
-  const link = productId ? `/products/${productId}/variants/${variant.id}` : null;
-  const title = variant.product?.title ?? variant.title ?? variant.id;
-  const subtitle = variant.title ?? "";
-  const Inner = /* @__PURE__ */ jsx4(
-    "div",
-    {
-      className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors",
-      "data-testid": "offer-detail-variant",
-      children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx4(
-          "div",
-          {
-            className: "shadow-elevation-card-rest rounded-md",
-            "data-testid": "offer-detail-variant-thumbnail",
-            children: /* @__PURE__ */ jsx4(Thumbnail, { src: variant.product?.thumbnail ?? null })
-          }
-        ),
-        /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx4(
-            "span",
-            {
-              className: "text-ui-fg-base font-medium",
-              "data-testid": "offer-detail-variant-title",
-              children: title
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            "span",
+  const profile = offer.shipping_profile;
+  return /* @__PURE__ */ jsxs4(Container4, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx4(Heading4, { level: "h2", children: t("offers.detail.shippingConfiguration") }),
+      /* @__PURE__ */ jsx4(
+        ActionMenu,
+        {
+          groups: [
             {
-              className: "text-ui-fg-subtle",
-              "data-testid": "offer-detail-variant-subtitle",
-              children: subtitle
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "shipping",
+                  icon: /* @__PURE__ */ jsx4(PencilSquare2, {})
+                }
+              ]
             }
-          )
-        ] }),
-        /* @__PURE__ */ jsx4("div", { className: "size-7 flex items-center justify-center", children: /* @__PURE__ */ jsx4(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
-      ] })
-    }
-  );
-  return /* @__PURE__ */ jsxs4(Container4, { className: "p-0", "data-testid": "offer-detail-variant-section", children: [
-    /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx4(Heading4, { level: "h2", children: t("offers.detail.productVariant") }) }),
-    /* @__PURE__ */ jsx4("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: link ? /* @__PURE__ */ jsx4(
+          ]
+        }
+      )
+    ] }),
+    profile?.name ? /* @__PURE__ */ jsx4("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx4(
       Link,
       {
-        to: link,
+        to: "shipping",
         className: "outline-none focus-within:shadow-borders-interactive-with-focus rounded-md [&:hover>div]:bg-ui-bg-component-hover",
-        "data-testid": "offer-detail-variant-link",
-        children: Inner
+        "data-testid": "offer-variant-shipping-link",
+        children: /* @__PURE__ */ jsx4("div", { className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx4("div", { className: "shadow-elevation-card-rest text-ui-fg-subtle flex size-7 items-center justify-center rounded-md", children: /* @__PURE__ */ jsx4(Buildings2, {}) }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+            /* @__PURE__ */ jsx4("span", { className: "text-ui-fg-base truncate font-medium", children: profile.name }),
+            profile.type && /* @__PURE__ */ jsx4("span", { className: "text-ui-fg-subtle truncate", children: profile.type })
+          ] }),
+          /* @__PURE__ */ jsx4("div", { className: "size-7 flex items-center justify-center", children: /* @__PURE__ */ jsx4(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
+        ] }) })
       }
-    ) : /* @__PURE__ */ jsx4("div", { children: Inner }) })
+    ) }) : /* @__PURE__ */ jsx4(NoRecords, { className: "h-40" })
   ] });
 };
 
-// src/pages/offers/[id]/offer-detail-page.tsx
+// src/pages/offers/[id]/variants/[offer_id]/offer-variant-detail-page.tsx
 import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  const { id } = useParams();
+  const { offer_id } = useParams();
   const initialData = useLoaderData();
   const {
     offer,
@@ -449,44 +384,38 @@ var Root = ({ children }) => {
     isError,
     error
   } = useOffer(
-    id,
-    { fields: OFFER_DETAIL_FIELDS },
+    offer_id,
+    { fields: OFFER_VARIANT_DETAIL_FIELDS },
     { initialData }
   );
   if (isError) {
     throw error;
   }
   if (isLoading || !offer) {
-    return /* @__PURE__ */ jsx5(
-      TwoColumnPageSkeleton,
-      {
-        mainSections: 2,
-        sidebarSections: 2
-      }
-    );
+    return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 2, sidebarSections: 2 });
   }
-  const typedOffer = offer;
-  return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: typedOffer, hasOutlet: true, children: [
+  const typed = offer;
+  return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: typed, hasOutlet: true, children: [
     /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
-      /* @__PURE__ */ jsx5(OfferGeneralSection, { offer: typedOffer }),
-      /* @__PURE__ */ jsx5(OfferInventorySection, { offer: typedOffer })
+      /* @__PURE__ */ jsx5(OfferVariantGeneralSection, { offer: typed }),
+      /* @__PURE__ */ jsx5(OfferInventorySection, { offer: typed })
     ] }),
     /* @__PURE__ */ jsxs5(TwoColumnPage.Sidebar, { children: [
-      /* @__PURE__ */ jsx5(OfferVariantSection, { offer: typedOffer }),
-      /* @__PURE__ */ jsx5(OfferPricingSection, { offer: typedOffer })
+      /* @__PURE__ */ jsx5(OfferVariantShippingSection, { offer: typed }),
+      /* @__PURE__ */ jsx5(OfferPricingSection, { offer: typed })
     ] })
   ] }) });
 };
-var OfferDetailPage = Object.assign(Root, {
+var OfferVariantDetailPage = Object.assign(Root, {
   Main: TwoColumnPage.Main,
   Sidebar: TwoColumnPage.Sidebar,
-  General: OfferGeneralSection,
+  General: OfferVariantGeneralSection,
   Inventory: OfferInventorySection,
-  Variant: OfferVariantSection,
+  Shipping: OfferVariantShippingSection,
   Pricing: OfferPricingSection
 });
-var Component3 = Root;
+var Component2 = Root;
 export {
-  Component3 as Component,
-  OfferDetailPage
+  Component2 as Component,
+  OfferVariantDetailPage
 };

package/dist/offers-GWMIEPCM.js

@@ -0,0 +1,54 @@
+import {
+  OfferListPage
+} from "./chunk-SJT6A4AV.js";
+import "./chunk-XQUF3WIS.js";
+import "./chunk-U5G3AVED.js";
+import "./chunk-FWPGOIFA.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-DEJIBIQZ.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-SSUUT5LK.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-6OUPJNYO.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-YV6MK4PZ.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-LRD242C7.js";
+import "./chunk-UCYSCKZV.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-R5QZO3QY.js";
+import "./chunk-F4OJN2F2.js";
+import "./chunk-LRARA622.js";
+import "./chunk-M6N4ISXL.js";
+import "./chunk-S7EKBD2C.js";
+import "./chunk-VV6IKGCN.js";
+import "./chunk-BXRNZS5K.js";
+import "./chunk-BOZJOOGW.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-4S6XGIC6.js";
+import "./chunk-S23FD6FA.js";
+import "./chunk-DDJQRV6E.js";
+import "./chunk-LWJF63JW.js";
+import "./chunk-VXWN37PT.js";
+import "./chunk-5QI3NDJG.js";
+import "./chunk-VZUA5SRD.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-SIEEMXNZ.js";
+import "./chunk-Y2MQ5EMD.js";
+import "./chunk-3B34B2M2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-QHQWEERJ.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-JAUZ73XE.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  OfferListPage
+};

package/dist/{onboarding-MK2RIFD4.js → onboarding-JOGRNDPI.js}

@@ -15,7 +15,7 @@ import {
   retrieveActiveStore,
   storeQueryKeys,
   useStore
-} from "./chunk-TBYCZRZ7.js";
+} from "./chunk-R5QZO3QY.js";
 import {
   useLogout
 } from "./chunk-F4OJN2F2.js";
@@ -25,13 +25,12 @@ import "./chunk-S7EKBD2C.js";
 import "./chunk-VV6IKGCN.js";
 import "./chunk-BXRNZS5K.js";
 import "./chunk-BOZJOOGW.js";
-import "./chunk-T6LHVNWO.js";
+import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import {
   useCreateSellerAccount,
   useSellers
 } from "./chunk-S23FD6FA.js";
-import "./chunk-IQWK723D.js";
 import "./chunk-DDJQRV6E.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
@@ -39,7 +38,7 @@ import "./chunk-5QI3NDJG.js";
 import "./chunk-VZUA5SRD.js";
 import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-UORPTGV2.js";
+import "./chunk-SIEEMXNZ.js";
 import "./chunk-Y2MQ5EMD.js";
 import "./chunk-3B34B2M2.js";
 import "./chunk-JAUZ73XE.js";