@mercurjs/admin 2.2.0-canary.2 → 2.2.0-canary.20

package/dist/{order-create-exchange-T6DBVS75.js → order-create-exchange-6IQJFYUK.js}

@@ -3,11 +3,12 @@ import {
 } from "./chunk-U2L77ZDR.js";
 import {
   OutboundShippingPlaceholder,
-  ReturnShippingPlaceholder
-} from "./chunk-S4SVK5DE.js";
+  ReturnShippingPlaceholder,
+  getOfferRestockPreview
+} from "./chunk-YVLANFBK.js";
 import {
-  getFormattedShippingOptionLocationName
-} from "./chunk-HC25LNX7.js";
+  useOffers
+} from "./chunk-UIVWOKWT.js";
 import {
   useAddExchangeInboundItems,
   useAddExchangeInboundShipping,
@@ -25,23 +26,24 @@ import {
   useUpdateExchangeInboundShipping,
   useUpdateExchangeOutboundItems,
   useUpdateExchangeOutboundShipping
-} from "./chunk-GNLPUGYK.js";
+} from "./chunk-GHGOOZEL.js";
+import {
+  getFormattedShippingOptionLocationName
+} from "./chunk-HC25LNX7.js";
 import {
   useReturnReasons
 } from "./chunk-2FGRDEAD.js";
 import {
-  getReturnableQuantity
-} from "./chunk-UM7ZR3VU.js";
+  getReturnableQuantity,
+  useReturn,
+  useUpdateReturn
+} from "./chunk-IHTQOPB6.js";
 import {
   MoneyAmountCell
 } from "./chunk-2Y3WMGN6.js";
 import {
   DEFAULT_FIELDS
-} from "./chunk-Y2M536WR.js";
-import {
-  useReturn,
-  useUpdateReturn
-} from "./chunk-GKW445WA.js";
+} from "./chunk-JHBNG7OD.js";
 import {
   getStylizedAmount
 } from "./chunk-PXYDR7WQ.js";
@@ -49,7 +51,9 @@ import {
   ProductCell,
   ProductHeader
 } from "./chunk-FWPGOIFA.js";
-import "./chunk-PHOCVOZ5.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
@@ -66,7 +70,7 @@ import {
 } from "./chunk-IQPN4PZJ.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   StackedFocusModal,
@@ -84,62 +88,59 @@ import "./chunk-XQNVC4Q7.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
-import "./chunk-AXTQMIIK.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZZ3XFIEM.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-N6SI4IIT.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
 import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
+import "./chunk-ESPLVOFC.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
+import "./chunk-QKJGSZI2.js";
+import "./chunk-Z2UBJXTU.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
 import {
   useShippingOptions
 } from "./chunk-5TRY5IMZ.js";
 import {
   useStockLocations
 } from "./chunk-EPHVGD5Z.js";
+import "./chunk-XGUUM3S6.js";
 import {
   useOrder,
   useOrderPreview,
   useOrderShippingOptions
-} from "./chunk-B3EEDC47.js";
-import "./chunk-A772RAKB.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
+} from "./chunk-RMAQKNBA.js";
+import "./chunk-VYMODH6P.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-PRBE5CM3.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import "./chunk-S5BJ5CMF.js";
-import "./chunk-H5PYBIOZ.js";
+import "./chunk-OKWGPKVK.js";
+import "./chunk-KYFWVLWO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-2YYXP6XI.js";
+import "./chunk-M2E3PKA4.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-ZBWL72TB.js";
+import "./chunk-ZBWL72TB.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/orders/order-create-exchange/exchange-create.tsx
 import { toast as toast4 } from "@medusajs/ui";
-import { useEffect as useEffect4, useState as useState6 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 import { useTranslation as useTranslation12 } from "react-i18next";
 import { useNavigate, useParams } from "react-router-dom";
 
@@ -155,7 +156,7 @@ import {
   toast as toast3,
   usePrompt
 } from "@medusajs/ui";
-import { useEffect as useEffect3, useMemo as useMemo6, useState as useState5 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo7, useState as useState3 } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation as useTranslation11 } from "react-i18next";
 
@@ -183,8 +184,8 @@ var ExchangeCreateSchema = z.object({
 });
 
 // src/pages/orders/order-create-exchange/components/exchange-create-form/exchange-inbound-section.tsx
-import { Alert, Button, Heading, Text as Text2, toast } from "@medusajs/ui";
-import { useEffect, useMemo as useMemo3, useState as useState2 } from "react";
+import { Button, Heading, Text as Text2, toast } from "@medusajs/ui";
+import { useEffect, useMemo as useMemo3 } from "react";
 import { useFieldArray } from "react-hook-form";
 import { useTranslation as useTranslation5 } from "react-i18next";
 
@@ -450,13 +451,20 @@ function ExchangeInboundItem({
   form,
   onRemove,
   onUpdate,
-  index
+  index,
+  locationId,
+  locationName
 }) {
   const { t } = useTranslation4();
   const { return_reasons = [] } = useReturnReasons({ fields: "+label" });
   const formItem = form.watch(`inbound_items.${index}`);
   const showReturnReason = typeof formItem.reason_id === "string";
   const showNote = typeof formItem.note === "string";
+  const restockRows = locationId ? getOfferRestockPreview(
+    item,
+    formItem?.quantity ?? 0
+  ) : [];
+  const offerSku = item.offer?.sku ?? item.variant_sku ?? null;
   return /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl ", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 p-3 text-sm md:flex-row", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-x-3", children: [
@@ -545,6 +553,22 @@ function ExchangeInboundItem({
         )
       ] })
     ] }),
+    restockRows.length > 0 && /* @__PURE__ */ jsx3("div", { className: "bg-ui-bg-subtle flex flex-col gap-y-1 rounded-md px-3 py-2", children: restockRows.map((row) => /* @__PURE__ */ jsx3(
+      Text,
+      {
+        size: "xsmall",
+        className: "text-ui-fg-subtle",
+        "data-testid": `exchange-inbound-item-${item.id}-restock-${row.inventoryItemId}`,
+        children: t("orders.returns.restockPreview", {
+          quantity: formItem?.quantity ?? 0,
+          offerSku: offerSku ?? "\u2014",
+          delta: row.delta,
+          inventoryItem: row.inventoryItemLabel,
+          location: locationName ?? "\u2014"
+        })
+      },
+      row.inventoryItemId
+    )) }),
     /* @__PURE__ */ jsxs(Fragment, { children: [
       showReturnReason && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 p-3 md:grid-cols-2", children: [
         /* @__PURE__ */ jsxs("div", { children: [
@@ -656,7 +680,6 @@ var ExchangeInboundSection = ({
 }) => {
   const { t } = useTranslation5();
   const { setIsOpen } = useStackedModal();
-  const [inventoryMap, setInventoryMap] = useState2({});
   const { mutateAsync: updateReturn } = useUpdateReturn(
     preview?.order_change?.return_id,
     order.id
@@ -692,12 +715,17 @@ var ExchangeInboundSection = ({
     [order.items]
   );
   const locationId = form.watch("location_id");
-  const { stock_locations = [] } = useStockLocations({ limit: 999 });
+  const sellerId = order.seller?.id;
+  const { stock_locations = [] } = useStockLocations({
+    limit: 999,
+    ...sellerId ? { seller_id: sellerId } : {}
+  });
   const { shipping_options = [] } = useShippingOptions(
     {
       limit: 999,
       fields: "*prices,+service_zone.fulfillment_set.location.id",
-      stock_location_id: locationId
+      stock_location_id: locationId,
+      ...sellerId ? { seller_id: sellerId } : {}
     },
     {
       enabled: !!locationId
@@ -830,49 +858,6 @@ var ExchangeInboundSection = ({
       );
     }
   };
-  const showLevelsWarning = useMemo3(() => {
-    if (!locationId) {
-      return false;
-    }
-    const allItemsHaveLocation = inboundItems.map((_i) => {
-      const item = itemsMap.get(_i.item_id);
-      if (!item?.variant_id || !item?.variant) {
-        return true;
-      }
-      if (!item.variant?.manage_inventory) {
-        return true;
-      }
-      return inventoryMap[item.variant_id]?.find(
-        (l) => l.location_id === locationId
-      );
-    }).every(Boolean);
-    return !allItemsHaveLocation;
-  }, [
-    inboundItems,
-    inventoryMap,
-    locationId,
-    itemsMap
-  ]);
-  useEffect(() => {
-    const getInventoryMap = async () => {
-      const ret = {};
-      if (!inboundItems.length) {
-        return ret;
-      }
-      const variantIds = inboundItems.map((item) => item?.variant_id).filter(Boolean);
-      const variants = (await sdk.admin.productVariants.query({
-        id: variantIds,
-        fields: "*inventory.location_levels"
-      })).variants;
-      variants.forEach((variant) => {
-        ret[variant.id] = variant.inventory?.[0]?.location_levels || [];
-      });
-      return ret;
-    };
-    getInventoryMap().then((map) => {
-      setInventoryMap(map);
-    });
-  }, [inboundItems]);
   return /* @__PURE__ */ jsxs2("div", { children: [
     /* @__PURE__ */ jsxs2("div", { className: "mt-8 flex items-center justify-between", children: [
       /* @__PURE__ */ jsx4(Heading, { level: "h2", children: t("orders.returns.inbound") }),
@@ -925,6 +910,8 @@ var ExchangeInboundSection = ({
           previewItem: inboundItemsMap.get(item.item_id),
           currencyCode: order.currency_code,
           form,
+          locationId,
+          locationName: stock_locations.find((l) => l.id === locationId)?.name,
           onRemove: () => {
             const actionId = previewInboundItems.find((i) => i.id === item.item_id)?.actions?.find((a) => a.action === "RETURN_ITEM")?.id;
             if (actionId) {
@@ -1040,46 +1027,40 @@ var ExchangeInboundSection = ({
           }
         )
       ] })
-    ] }),
-    showLevelsWarning && /* @__PURE__ */ jsxs2(Alert, { variant: "warning", dismissible: true, className: "mt-4 p-5", children: [
-      /* @__PURE__ */ jsx4("div", { className: "text-ui-fg-subtle txt-small pb-2 font-medium leading-[20px]", children: t("orders.returns.noInventoryLevel") }),
-      /* @__PURE__ */ jsx4(Text2, { className: "text-ui-fg-subtle txt-small leading-normal", children: t("orders.returns.noInventoryLevelDesc") })
     ] })
   ] });
 };
 
 // src/pages/orders/order-create-exchange/components/exchange-create-form/exchange-outbound-section.tsx
-import { Alert as Alert2, Button as Button2, Heading as Heading2, Text as Text4, toast as toast2 } from "@medusajs/ui";
-import { useEffect as useEffect2, useMemo as useMemo5, useState as useState4 } from "react";
+import { Button as Button2, Heading as Heading2, toast as toast2 } from "@medusajs/ui";
+import { useEffect as useEffect2, useMemo as useMemo6 } from "react";
 import { useFieldArray as useFieldArray2 } from "react-hook-form";
 import { useTranslation as useTranslation10 } from "react-i18next";
 
 // src/pages/orders/order-create-exchange/components/add-exchange-outbound-items-table/add-exchange-outbound-items-table.tsx
-import { useState as useState3 } from "react";
+import { useMemo as useMemo5, useState as useState2 } from "react";
 import { useTranslation as useTranslation8 } from "react-i18next";
 
 // src/pages/orders/order-create-exchange/components/add-exchange-outbound-items-table/use-exchange-outbound-item-table-columns.tsx
-import { Checkbox as Checkbox2 } from "@medusajs/ui";
+import { Checkbox as Checkbox2, Text as Text3 } from "@medusajs/ui";
 import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
 import { useMemo as useMemo4 } from "react";
 import { useTranslation as useTranslation6 } from "react-i18next";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var columnHelper2 = createColumnHelper2();
-var useExchangeOutboundItemTableColumns = (_currencyCode) => {
+var useExchangeOutboundItemTableColumns = () => {
   const { t } = useTranslation6();
   return useMemo4(
     () => [
       columnHelper2.display({
         id: "select",
-        header: ({ table }) => {
-          return /* @__PURE__ */ jsx5(
-            Checkbox2,
-            {
-              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
-              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
-            }
-          );
-        },
+        header: ({ table }) => /* @__PURE__ */ jsx5(
+          Checkbox2,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+          }
+        ),
         cell: ({ row }) => {
           const isSelectable = row.getCanSelect();
           return /* @__PURE__ */ jsx5(
@@ -1097,19 +1078,44 @@ var useExchangeOutboundItemTableColumns = (_currencyCode) => {
       }),
       columnHelper2.display({
         id: "product",
-        header: () => /* @__PURE__ */ jsx5(ProductHeader, {}),
+        header: t("fields.product"),
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx5(ProductCell, { product: row.original.product });
+          const variant = row.original.product_variant;
+          const productTitle = variant?.product?.title;
+          if (!productTitle) {
+            return /* @__PURE__ */ jsx5(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsxs3("div", { className: "flex h-full w-full max-w-[300px] items-center gap-x-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx5(Thumbnail, { src: variant?.product?.thumbnail }),
+            /* @__PURE__ */ jsx5(
+              Text3,
+              {
+                size: "small",
+                leading: "compact",
+                className: "truncate",
+                title: productTitle,
+                children: productTitle
+              }
+            )
+          ] });
         }
       }),
       columnHelper2.accessor("sku", {
         header: t("fields.sku"),
         cell: ({ getValue }) => {
-          return getValue() || "-";
+          const sku = getValue();
+          if (!sku) return /* @__PURE__ */ jsx5(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx5(Text3, { size: "small", leading: "compact", className: "truncate", children: sku });
         }
       }),
-      columnHelper2.accessor("title", {
-        header: t("fields.title")
+      columnHelper2.display({
+        id: "variant_title",
+        header: t("fields.title"),
+        cell: ({ row }) => {
+          const title = row.original.product_variant?.title;
+          if (!title) return /* @__PURE__ */ jsx5(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx5(Text3, { size: "small", leading: "compact", className: "truncate", children: title });
+        }
       })
     ],
     [t]
@@ -1159,71 +1165,141 @@ var useExchangeOutboundItemTableQuery = ({
 import { jsx as jsx6 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 50;
 var PREFIX2 = "rit";
+var OFFER_PICKER_FIELDS = [
+  "id",
+  "sku",
+  "variant_id",
+  "seller_id",
+  "prices.amount",
+  "prices.currency_code",
+  "product_variant.id",
+  "product_variant.title",
+  "product_variant.product.id",
+  "product_variant.product.title",
+  "product_variant.product.thumbnail",
+  "product_variant.manage_inventory",
+  "product_variant.inventory_quantity",
+  "product_variant.inventory_items.required_quantity",
+  "product_variant.inventory_items.inventory.location_levels.available_quantity"
+].join(",");
+var offerHasInventory = (offer) => {
+  const variant = offer.product_variant;
+  if (!variant) return false;
+  if (variant.manage_inventory === false) return true;
+  const links = variant.inventory_items ?? [];
+  if (!links.length) {
+    return (variant.inventory_quantity ?? 0) > 0;
+  }
+  return links.every((link) => {
+    const available = (link.inventory?.location_levels ?? []).reduce(
+      (acc, lvl) => acc + (lvl.available_quantity ?? 0),
+      0
+    );
+    const required = link.required_quantity ?? 1;
+    return required > 0 && available >= required;
+  });
+};
 var AddExchangeOutboundItemsTable = ({
+  currencyCode,
   onSelectionChange,
-  selectedItems,
-  currencyCode
+  selectedItems = []
 }) => {
   const { t } = useTranslation8();
-  const [rowSelection, setRowSelection] = useState3(
+  const [rowSelection, setRowSelection] = useState2(
     selectedItems.reduce((acc, id) => {
       acc[id] = true;
       return acc;
     }, {})
   );
-  const updater = (fn) => {
-    const newState = typeof fn === "function" ? fn(rowSelection) : fn;
-    setRowSelection(newState);
-    onSelectionChange(Object.keys(newState));
-  };
   const { searchParams, raw } = useExchangeOutboundItemTableQuery({
     pageSize: PAGE_SIZE2,
     prefix: PREFIX2
   });
-  const columns = useExchangeOutboundItemTableColumns(currencyCode);
+  const offersResponse = useOffers({
+    ...searchParams,
+    fields: OFFER_PICKER_FIELDS
+  });
+  const rawCount = offersResponse.count ?? 0;
+  const offers = useMemo5(() => {
+    const rawOffers = offersResponse.offers ?? [];
+    return rawOffers.filter((offer) => {
+      if (currencyCode) {
+        const hasPrice = (offer.prices ?? []).some(
+          (p) => p.currency_code === currencyCode
+        );
+        if (!hasPrice) return false;
+      }
+      return offerHasInventory(offer);
+    });
+  }, [offersResponse.offers, currencyCode]);
+  const count = offers.length;
+  void rawCount;
+  const columns = useExchangeOutboundItemTableColumns();
   const filters = useExchangeOutboundItemTableFilters();
+  const selectionByOfferId = useMemo5(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const offer of offers) {
+      if (offer.id && offer.variant_id) {
+        map.set(offer.id, { variantId: offer.variant_id, offerId: offer.id });
+      }
+    }
+    return map;
+  }, [offers]);
+  const updater = (fn) => {
+    const newState = typeof fn === "function" ? fn(rowSelection) : fn;
+    setRowSelection(newState);
+    const pairs = Object.keys(newState).map((offerId) => selectionByOfferId.get(offerId)).filter((p) => !!p);
+    onSelectionChange(pairs);
+  };
   const { table } = useDataTable({
-    data: [],
+    data: offers,
     columns,
-    count: 0,
+    count,
     enablePagination: true,
-    getRowId: (row) => row.id,
+    // Row id is the offer id so each offer surfaces as a distinct row and the
+    // selection can be turned back into `{ variantId, offerId }` pairs.
+    getRowId: (row) => row.id ?? row.variant_id,
     pageSize: PAGE_SIZE2,
-    enableRowSelection: (_row) => {
-      return true;
-    },
+    enableRowSelection: () => true,
     rowSelection: {
       state: rowSelection,
       updater
     }
   });
-  return /* @__PURE__ */ jsx6("div", { className: "flex size-full flex-col overflow-hidden", children: /* @__PURE__ */ jsx6(
-    _DataTable,
+  return /* @__PURE__ */ jsx6(
+    "div",
     {
-      table,
-      columns,
-      pageSize: PAGE_SIZE2,
-      count,
-      filters,
-      pagination: true,
-      layout: "fill",
-      search: true,
-      orderBy: [
-        { key: "product_id", label: t("fields.product") },
-        { key: "title", label: t("fields.title") },
-        { key: "sku", label: t("fields.sku") }
-      ],
-      prefix: PREFIX2,
-      queryObject: raw
+      className: "flex size-full flex-col overflow-hidden",
+      "data-testid": "add-offers-picker",
+      children: /* @__PURE__ */ jsx6(
+        _DataTable,
+        {
+          table,
+          columns,
+          pageSize: PAGE_SIZE2,
+          count,
+          filters,
+          pagination: true,
+          layout: "fill",
+          search: true,
+          orderBy: [
+            { key: "sku", label: t("fields.sku") },
+            { key: "created_at", label: t("fields.createdAt") },
+            { key: "updated_at", label: t("fields.updatedAt") }
+          ],
+          prefix: PREFIX2,
+          queryObject: raw
+        }
+      )
     }
-  ) });
+  );
 };
 
 // src/pages/orders/order-create-exchange/components/exchange-create-form/exchange-outbound-item.tsx
 import { XCircle as XCircle2 } from "@medusajs/icons";
-import { Input as Input2, Text as Text3 } from "@medusajs/ui";
+import { Input as Input2, Text as Text4 } from "@medusajs/ui";
 import { useTranslation as useTranslation9 } from "react-i18next";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function ExchangeOutboundItem({
   previewItem,
   currencyCode,
@@ -1233,33 +1309,33 @@ function ExchangeOutboundItem({
   index
 }) {
   const { t } = useTranslation9();
-  return /* @__PURE__ */ jsx7("div", { className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl ", children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 p-3 text-sm md:flex-row", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 items-center gap-x-3", children: [
+  return /* @__PURE__ */ jsx7("div", { className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl ", children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 p-3 text-sm md:flex-row", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 items-center gap-x-3", children: [
       /* @__PURE__ */ jsx7(Thumbnail, { src: previewItem.thumbnail }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsxs3(Text3, { className: "txt-small", as: "span", weight: "plus", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxs4("div", { children: [
+          /* @__PURE__ */ jsxs4(Text4, { className: "txt-small", as: "span", weight: "plus", children: [
             previewItem.title,
             " "
           ] }),
-          previewItem.variant_sku && /* @__PURE__ */ jsxs3("span", { children: [
+          previewItem.variant_sku && /* @__PURE__ */ jsxs4("span", { children: [
             "(",
             previewItem.variant_sku,
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ jsx7(Text3, { as: "div", className: "text-ui-fg-subtle txt-small", children: previewItem.subtitle })
+        /* @__PURE__ */ jsx7(Text4, { as: "div", className: "text-ui-fg-subtle txt-small", children: previewItem.subtitle })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 justify-between", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-grow items-center gap-2", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 justify-between", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-grow items-center gap-2", children: [
         /* @__PURE__ */ jsx7(
           Form.Field,
           {
             control: form.control,
             name: `outbound_items.${index}.quantity`,
             render: ({ field }) => {
-              return /* @__PURE__ */ jsxs3(Form.Item, { children: [
+              return /* @__PURE__ */ jsxs4(Form.Item, { children: [
                 /* @__PURE__ */ jsx7(Form.Control, { children: /* @__PURE__ */ jsx7(
                   Input2,
                   {
@@ -1282,7 +1358,7 @@ function ExchangeOutboundItem({
             }
           }
         ),
-        /* @__PURE__ */ jsx7(Text3, { className: "txt-small text-ui-fg-subtle", children: t("fields.qty") })
+        /* @__PURE__ */ jsx7(Text4, { className: "txt-small text-ui-fg-subtle", children: t("fields.qty") })
       ] }),
       /* @__PURE__ */ jsx7("div", { className: "text-ui-fg-subtle txt-small mr-2 flex flex-shrink-0", children: /* @__PURE__ */ jsx7(
         MoneyAmountCell,
@@ -1312,7 +1388,7 @@ function ExchangeOutboundItem({
 }
 
 // src/pages/orders/order-create-exchange/components/exchange-create-form/exchange-outbound-section.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var itemsToAdd2 = [];
 var itemsToRemove2 = [];
 var ExchangeOutboundSection = ({
@@ -1323,7 +1399,6 @@ var ExchangeOutboundSection = ({
 }) => {
   const { t } = useTranslation10();
   const { setIsOpen } = useStackedModal();
-  const [inventoryMap, setInventoryMap] = useState4({});
   const { shipping_options = [] } = useOrderShippingOptions(order.id);
   const outboundShippingOptions = shipping_options.filter(
     (so) => !so.rules?.find((r) => r.attribute === "is_return" && r.value === "true")
@@ -1345,7 +1420,7 @@ var ExchangeOutboundSection = ({
     exchange.id,
     order.id
   );
-  const previewOutboundItems = useMemo5(
+  const previewOutboundItems = useMemo6(
     () => preview?.items?.filter(
       (i) => !!i.actions?.find(
         (a) => a.exchange_id === exchange.id && a.action === "ITEM_ADD"
@@ -1353,10 +1428,6 @@ var ExchangeOutboundSection = ({
     ),
     [preview.items, exchange.id]
   );
-  const variantItemMap = useMemo5(
-    () => new Map(order?.items?.map((i) => [i.variant_id, i])),
-    [order.items]
-  );
   const {
     fields: outboundItems,
     append,
@@ -1366,7 +1437,7 @@ var ExchangeOutboundSection = ({
     name: "outbound_items",
     control: form.control
   });
-  const variantOutboundMap = useMemo5(
+  const variantOutboundMap = useMemo6(
     () => new Map(previewOutboundItems.map((i) => [i.variant_id, i])),
     [previewOutboundItems]
   );
@@ -1405,15 +1476,15 @@ var ExchangeOutboundSection = ({
     update,
     append
   ]);
-  const locationId = form.watch("location_id");
   const showOutboundItemsPlaceholder = !outboundItems.length;
   const onItemsSelected = async () => {
     if (itemsToAdd2.length) {
       await addOutboundItem(
         {
-          items: itemsToAdd2.map((variantId) => ({
+          items: itemsToAdd2.map(({ variantId, offerId }) => ({
             variant_id: variantId,
-            quantity: 1
+            quantity: 1,
+            metadata: { offer_id: offerId }
           }))
         },
         {
@@ -1469,73 +1540,33 @@ var ExchangeOutboundSection = ({
       );
     }
   };
-  const showLevelsWarning = useMemo5(() => {
-    if (!locationId) {
-      return false;
-    }
-    const allItemsHaveLocation = outboundItems.map((i) => {
-      const item = variantItemMap.get(i.variant_id);
-      if (!item?.variant_id || !item?.variant) {
-        return true;
-      }
-      if (!item.variant?.manage_inventory) {
-        return true;
-      }
-      return inventoryMap[item.variant_id]?.find(
-        (l) => l.location_id === locationId
-      );
-    }).every(Boolean);
-    return !allItemsHaveLocation;
-  }, [
-    outboundItems,
-    inventoryMap,
-    locationId,
-    variantItemMap
-  ]);
-  useEffect2(() => {
-    const getInventoryMap = async () => {
-      const ret = {};
-      if (!outboundItems.length) {
-        return ret;
-      }
-      const variantIds = outboundItems.map((item) => item?.variant_id).filter(Boolean);
-      const variants = (await sdk.admin.productVariants.query({
-        id: variantIds,
-        fields: "*inventory.location_levels"
-      })).variants;
-      variants.forEach((variant) => {
-        ret[variant.id] = variant.inventory?.[0]?.location_levels || [];
-      });
-      return ret;
-    };
-    getInventoryMap().then((map) => {
-      setInventoryMap(map);
-    });
-  }, [outboundItems]);
-  return /* @__PURE__ */ jsxs4("div", { children: [
-    /* @__PURE__ */ jsxs4("div", { className: "mt-8 flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxs5("div", { children: [
+    /* @__PURE__ */ jsxs5("div", { className: "mt-8 flex items-center justify-between", children: [
       /* @__PURE__ */ jsx8(Heading2, { level: "h2", children: t("orders.returns.outbound") }),
-      /* @__PURE__ */ jsxs4(StackedFocusModal, { id: "outbound-items", children: [
+      /* @__PURE__ */ jsxs5(StackedFocusModal, { id: "outbound-items", children: [
         /* @__PURE__ */ jsx8(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx8("button", { type: "button", className: "focus-visible:shadow-borders-focus transition-fg txt-compact-small-plus cursor-pointer text-blue-500 outline-none hover:text-blue-400", children: t("actions.addItems") }) }),
-        /* @__PURE__ */ jsxs4(StackedFocusModal.Content, { children: [
+        /* @__PURE__ */ jsxs5(StackedFocusModal.Content, { children: [
           /* @__PURE__ */ jsx8(StackedFocusModal.Header, {}),
           /* @__PURE__ */ jsx8(
             AddExchangeOutboundItemsTable,
             {
-              selectedItems: outboundItems.map((i) => i.variant_id),
+              selectedItems: outboundItems.map(
+                (i) => (typeof i.metadata?.offer_id === "string" ? i.metadata.offer_id : null) ?? i.variant_id
+              ).filter((v) => !!v),
               currencyCode: order.currency_code,
               onSelectionChange: (finalSelection) => {
-                const alreadySelected = outboundItems.map((i) => i.variant_id);
+                const alreadyVariantIds = outboundItems.map((i) => i.variant_id).filter((v) => !!v);
                 itemsToAdd2 = finalSelection.filter(
-                  (selection) => !alreadySelected.includes(selection)
+                  ({ variantId }) => !alreadyVariantIds.includes(variantId)
                 );
-                itemsToRemove2 = alreadySelected.filter(
-                  (selection) => !finalSelection.includes(selection)
+                const finalVariantIds = finalSelection.map((s) => s.variantId);
+                itemsToRemove2 = alreadyVariantIds.filter(
+                  (variantId) => !finalVariantIds.includes(variantId)
                 );
               }
             }
           ),
-          /* @__PURE__ */ jsx8(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsx8("div", { className: "flex w-full items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx8(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsx8("div", { className: "flex w-full items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-end gap-x-2", children: [
             /* @__PURE__ */ jsx8(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx8(Button2, { type: "button", variant: "secondary", size: "small", children: t("actions.cancel") }) }),
             /* @__PURE__ */ jsx8(
               Button2,
@@ -1590,8 +1621,8 @@ var ExchangeOutboundSection = ({
         item.id
       )
     ),
-    !showOutboundItemsPlaceholder && /* @__PURE__ */ jsx8("div", { className: "mt-8 flex flex-col gap-y-4", children: /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs4("div", { children: [
+    !showOutboundItemsPlaceholder && /* @__PURE__ */ jsx8("div", { className: "mt-8 flex flex-col gap-y-4", children: /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs5("div", { children: [
         /* @__PURE__ */ jsx8(Form.Label, { children: t("orders.exchanges.outboundShipping") }),
         /* @__PURE__ */ jsx8(Form.Hint, { className: "!mt-1", children: t("orders.exchanges.outboundShippingHint") })
       ] }),
@@ -1622,16 +1653,12 @@ var ExchangeOutboundSection = ({
           }
         }
       )
-    ] }) }),
-    showLevelsWarning && /* @__PURE__ */ jsxs4(Alert2, { variant: "warning", dismissible: true, className: "mt-4 p-5", children: [
-      /* @__PURE__ */ jsx8("div", { className: "text-ui-fg-subtle txt-small pb-2 font-medium leading-[20px]", children: t("orders.returns.noInventoryLevel") }),
-      /* @__PURE__ */ jsx8(Text4, { className: "text-ui-fg-subtle txt-small leading-normal", children: t("orders.returns.noInventoryLevelDesc") })
-    ] })
+    ] }) })
   ] });
 };
 
 // src/pages/orders/order-create-exchange/components/exchange-create-form/exchange-create-form.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var IS_CANCELING = false;
 var ExchangeCreateForm = ({
   order,
@@ -1641,13 +1668,13 @@ var ExchangeCreateForm = ({
 }) => {
   const { t } = useTranslation11();
   const { handleSuccess } = useRouteModal();
-  const [isInboundShippingPriceEdit, setIsInboundShippingPriceEdit] = useState5(false);
-  const [isOutboundShippingPriceEdit, setIsOutboundShippingPriceEdit] = useState5(false);
-  const [customInboundShippingAmount, setCustomInboundShippingAmount] = useState5({
+  const [isInboundShippingPriceEdit, setIsInboundShippingPriceEdit] = useState3(false);
+  const [isOutboundShippingPriceEdit, setIsOutboundShippingPriceEdit] = useState3(false);
+  const [customInboundShippingAmount, setCustomInboundShippingAmount] = useState3({
     value: "0",
     float: 0
   });
-  const [customOutboundShippingAmount, setCustomOutboundShippingAmount] = useState5({
+  const [customOutboundShippingAmount, setCustomOutboundShippingAmount] = useState3({
     value: "0",
     float: 0
   });
@@ -1662,7 +1689,7 @@ var ExchangeCreateForm = ({
     isPending: isUpdatingInboundShipping
   } = useUpdateExchangeOutboundShipping(exchange.id, order.id);
   const isRequestLoading = isConfirming || isCanceling || isUpdatingInboundShipping || isUpdatingOutboundShipping;
-  const previewItems = useMemo6(
+  const previewItems = useMemo7(
     () => preview?.items?.filter(
       (i) => !!i.actions?.find((a) => a.exchange_id === exchange.id)
     ),
@@ -1784,19 +1811,19 @@ var ExchangeCreateForm = ({
       }
     };
   }, [t, cancelExchangeRequest]);
-  const inboundShippingTotal = useMemo6(() => {
+  const inboundShippingTotal = useMemo7(() => {
     const method = preview.shipping_methods.find(
       (sm) => !!sm.actions?.find((a) => a.action === "SHIPPING_ADD" && !!a.return_id)
     );
     return method?.total || 0;
   }, [preview.shipping_methods]);
-  const outboundShippingTotal = useMemo6(() => {
+  const outboundShippingTotal = useMemo7(() => {
     const method = preview.shipping_methods.find(
       (sm) => !!sm.actions?.find((a) => a.action === "SHIPPING_ADD" && !a.return_id)
     );
     return method?.total || 0;
   }, [preview.shipping_methods]);
-  return /* @__PURE__ */ jsx9(RouteFocusModal.Form, { form, "data-testid": "order-create-exchange-form", children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx9(RouteFocusModal.Form, { form, "data-testid": "order-create-exchange-form", children: /* @__PURE__ */ jsxs6(
     KeyboundForm,
     {
       onSubmit: handleSubmit,
@@ -1809,7 +1836,7 @@ var ExchangeCreateForm = ({
           {
             className: "flex size-full justify-center overflow-y-auto",
             "data-testid": "order-create-exchange-body",
-            children: /* @__PURE__ */ jsxs5(
+            children: /* @__PURE__ */ jsxs6(
               "div",
               {
                 className: "mt-16 w-[720px] max-w-[100%] px-4 md:p-0",
@@ -1835,13 +1862,13 @@ var ExchangeCreateForm = ({
                       exchange
                     }
                   ),
-                  /* @__PURE__ */ jsxs5(
+                  /* @__PURE__ */ jsxs6(
                     "div",
                     {
                       className: "mt-8 border-y border-dotted py-4",
                       "data-testid": "order-create-exchange-totals",
                       children: [
-                        /* @__PURE__ */ jsxs5(
+                        /* @__PURE__ */ jsxs6(
                           "div",
                           {
                             className: "mb-2 flex items-center justify-between",
@@ -1875,7 +1902,7 @@ var ExchangeCreateForm = ({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs5(
+                        /* @__PURE__ */ jsxs6(
                           "div",
                           {
                             className: "mb-2 flex items-center justify-between",
@@ -1909,9 +1936,9 @@ var ExchangeCreateForm = ({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs5("div", { className: "mb-2 flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsxs6("div", { className: "mb-2 flex items-center justify-between", children: [
                           /* @__PURE__ */ jsx9("span", { className: "txt-small text-ui-fg-subtle", children: t("orders.returns.inboundShipping") }),
-                          /* @__PURE__ */ jsxs5("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
+                          /* @__PURE__ */ jsxs6("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
                             !isInboundShippingPriceEdit && /* @__PURE__ */ jsx9(
                               IconButton2,
                               {
@@ -1965,9 +1992,9 @@ var ExchangeCreateForm = ({
                             ) : getStylizedAmount(inboundShippingTotal, order.currency_code)
                           ] })
                         ] }),
-                        /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
                           /* @__PURE__ */ jsx9("span", { className: "txt-small text-ui-fg-subtle", children: t("orders.exchanges.outboundShipping") }),
-                          /* @__PURE__ */ jsxs5("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
+                          /* @__PURE__ */ jsxs6("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
                             !isOutboundShippingPriceEdit && /* @__PURE__ */ jsx9(
                               IconButton2,
                               {
@@ -2024,7 +2051,7 @@ var ExchangeCreateForm = ({
                             )
                           ] })
                         ] }),
-                        /* @__PURE__ */ jsxs5(
+                        /* @__PURE__ */ jsxs6(
                           "div",
                           {
                             className: "mt-4 flex items-center justify-between border-t border-dotted pt-4",
@@ -2066,8 +2093,8 @@ var ExchangeCreateForm = ({
                           control: form.control,
                           name: "send_notification",
                           render: ({ field: { onChange, value, ...field } }) => {
-                            return /* @__PURE__ */ jsxs5(Form.Item, { "data-testid": "order-create-exchange-notification-item", children: [
-                              /* @__PURE__ */ jsxs5(
+                            return /* @__PURE__ */ jsxs6(Form.Item, { "data-testid": "order-create-exchange-notification-item", children: [
+                              /* @__PURE__ */ jsxs6(
                                 "div",
                                 {
                                   className: "flex items-center",
@@ -2091,7 +2118,7 @@ var ExchangeCreateForm = ({
                                         )
                                       }
                                     ),
-                                    /* @__PURE__ */ jsxs5("div", { className: "block", children: [
+                                    /* @__PURE__ */ jsxs6("div", { className: "block", children: [
                                       /* @__PURE__ */ jsx9(Form.Label, { "data-testid": "order-create-exchange-notification-label", children: t("orders.returns.sendNotification") }),
                                       /* @__PURE__ */ jsx9(
                                         Form.Hint,
@@ -2123,7 +2150,7 @@ var ExchangeCreateForm = ({
           {
             className: "flex w-full items-center justify-end gap-x-4",
             "data-testid": "order-create-exchange-form-footer-actions",
-            children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-end gap-x-2", children: [
+            children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-end gap-x-2", children: [
               /* @__PURE__ */ jsx9(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx9(
                 Button3,
                 {
@@ -2166,7 +2193,7 @@ var ExchangeCreate = () => {
     fields: DEFAULT_FIELDS
   });
   const { order: preview } = useOrderPreview(id);
-  const [activeExchangeId, setActiveExchangeId] = useState6();
+  const [activeExchangeId, setActiveExchangeId] = useState4();
   const { mutateAsync: createExchange } = useCreateExchange(order.id);
   const { exchange } = useExchange(activeExchangeId, void 0, {
     enabled: !!activeExchangeId