@mercurjs/admin 2.2.0-canary.1 → 2.2.0-canary.11

package/dist/{order-create-claim-RMDDCUZ6.js → order-create-claim-OVHMMR3J.js}

@@ -1,10 +1,14 @@
 import {
   ItemPlaceholder
 } from "./chunk-U2L77ZDR.js";
+import {
+  useOffers
+} from "./chunk-UIVWOKWT.js";
 import {
   OutboundShippingPlaceholder,
-  ReturnShippingPlaceholder
-} from "./chunk-S4SVK5DE.js";
+  ReturnShippingPlaceholder,
+  getOfferRestockPreview
+} from "./chunk-YVLANFBK.js";
 import {
   getFormattedShippingOptionLocationName
 } from "./chunk-HC25LNX7.js";
@@ -25,23 +29,21 @@ import {
   useUpdateClaimInboundShipping,
   useUpdateClaimOutboundItems,
   useUpdateClaimOutboundShipping
-} from "./chunk-3EDQIZV6.js";
+} from "./chunk-G5DQCCPL.js";
 import {
   useReturnReasons
 } from "./chunk-2FGRDEAD.js";
 import {
-  getReturnableQuantity
-} from "./chunk-UM7ZR3VU.js";
+  getReturnableQuantity,
+  useReturn,
+  useUpdateReturn
+} from "./chunk-DELK6EWH.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,
@@ -94,25 +98,21 @@ import {
   useOrder,
   useOrderPreview,
   useOrderShippingOptions
-} from "./chunk-B3EEDC47.js";
-import "./chunk-A772RAKB.js";
+} from "./chunk-VT6QIVZW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-2YYXP6XI.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-claim/claim-create.tsx
 import { toast as toast3 } from "@medusajs/ui";
-import { useEffect as useEffect3, useState as useState5 } from "react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
 import { useTranslation as useTranslation11 } from "react-i18next";
 import { useNavigate, useParams } from "react-router-dom";
 
@@ -120,7 +120,6 @@ import { useNavigate, useParams } from "react-router-dom";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { PencilSquare } from "@medusajs/icons";
 import {
-  Alert as Alert2,
   Button as Button2,
   CurrencyInput,
   Heading as Heading2,
@@ -130,7 +129,7 @@ import {
   toast as toast2,
   usePrompt
 } from "@medusajs/ui";
-import { useEffect as useEffect2, useMemo as useMemo5, useState as useState4 } from "react";
+import { useEffect as useEffect2, useMemo as useMemo6, useState as useState3 } from "react";
 import { useFieldArray as useFieldArray2, useForm } from "react-hook-form";
 import { useTranslation as useTranslation10 } from "react-i18next";
 
@@ -494,13 +493,20 @@ function ClaimInboundItem({
   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 border-b p-3 text-sm md:flex-row", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-x-3", children: [
@@ -589,6 +595,22 @@ function ClaimInboundItem({
         )
       ] })
     ] }),
+    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": `claim-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: [
@@ -712,37 +734,35 @@ var ClaimCreateSchema = z.object({
 });
 
 // src/pages/orders/order-create-claim/components/claim-create-form/claim-outbound-section.tsx
-import { Alert, Button, Heading, Text as Text3, toast } from "@medusajs/ui";
-import { useEffect, useMemo as useMemo4, useState as useState3 } from "react";
+import { Button, Heading, toast } from "@medusajs/ui";
+import { useEffect, useMemo as useMemo5 } from "react";
 import { useFieldArray } from "react-hook-form";
 import { useTranslation as useTranslation9 } from "react-i18next";
 
 // src/pages/orders/order-create-claim/components/add-claim-outbound-items-table/add-claim-outbound-items-table.tsx
-import { useState as useState2 } from "react";
+import { useMemo as useMemo4, useState as useState2 } from "react";
 import { useTranslation as useTranslation7 } from "react-i18next";
 
 // src/pages/orders/order-create-claim/components/add-claim-outbound-items-table/use-claim-outbound-item-table-columns.tsx
-import { Checkbox as Checkbox2 } from "@medusajs/ui";
+import { Checkbox as Checkbox2, Text as Text2 } from "@medusajs/ui";
 import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
 import { useMemo as useMemo3 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var columnHelper2 = createColumnHelper2();
-var useClaimOutboundItemTableColumns = (_currencyCode) => {
+var useClaimOutboundItemTableColumns = () => {
   const { t } = useTranslation5();
   return useMemo3(
     () => [
       columnHelper2.display({
         id: "select",
-        header: ({ table }) => {
-          return /* @__PURE__ */ jsx4(
-            Checkbox2,
-            {
-              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
-              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
-            }
-          );
-        },
+        header: ({ table }) => /* @__PURE__ */ jsx4(
+          Checkbox2,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+          }
+        ),
         cell: ({ row }) => {
           const isSelectable = row.getCanSelect();
           return /* @__PURE__ */ jsx4(
@@ -760,19 +780,44 @@ var useClaimOutboundItemTableColumns = (_currencyCode) => {
       }),
       columnHelper2.display({
         id: "product",
-        header: () => /* @__PURE__ */ jsx4(ProductHeader, {}),
+        header: t("fields.product"),
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx4(ProductCell, { product: row.original.product });
+          const variant = row.original.product_variant;
+          const productTitle = variant?.product?.title;
+          if (!productTitle) {
+            return /* @__PURE__ */ jsx4(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsxs2("div", { className: "flex h-full w-full max-w-[300px] items-center gap-x-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx4(Thumbnail, { src: variant?.product?.thumbnail }),
+            /* @__PURE__ */ jsx4(
+              Text2,
+              {
+                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__ */ jsx4(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx4(Text2, { 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__ */ jsx4(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "truncate", children: title });
+        }
       })
     ],
     [t]
@@ -822,10 +867,44 @@ var useClaimOutboundItemTableQuery = ({
 import { jsx as jsx5 } 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 AddClaimOutboundItemsTable = ({
+  currencyCode,
   onSelectionChange,
-  selectedItems,
-  currencyCode
+  selectedItems = []
 }) => {
   const { t } = useTranslation7();
   const [rowSelection, setRowSelection] = useState2(
@@ -834,60 +913,96 @@ var AddClaimOutboundItemsTable = ({
       return acc;
     }, {})
   );
-  const updater = (fn) => {
-    const newState = typeof fn === "function" ? fn(rowSelection) : fn;
-    setRowSelection(newState);
-    onSelectionChange(Object.keys(newState));
-  };
   const { searchParams, raw } = useClaimOutboundItemTableQuery({
     pageSize: PAGE_SIZE2,
     prefix: PREFIX2
   });
-  const columns = useClaimOutboundItemTableColumns(currencyCode);
+  const offersResponse = useOffers({
+    ...searchParams,
+    fields: OFFER_PICKER_FIELDS
+  });
+  const rawCount = offersResponse.count ?? 0;
+  const offers = useMemo4(() => {
+    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 = useClaimOutboundItemTableColumns();
   const filters = useClaimOutboundItemTableFilters();
+  const selectionByOfferId = useMemo4(() => {
+    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
     },
     prefix: PREFIX2
   });
-  return /* @__PURE__ */ jsx5("div", { className: "flex size-full flex-col overflow-hidden", children: /* @__PURE__ */ jsx5(
-    _DataTable,
+  return /* @__PURE__ */ jsx5(
+    "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__ */ jsx5(
+        _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-claim/components/claim-create-form/claim-outbound-item.tsx
 import { XCircle as XCircle2 } from "@medusajs/icons";
-import { Input as Input2, Text as Text2 } from "@medusajs/ui";
+import { Input as Input2, Text as Text3 } from "@medusajs/ui";
 import { useTranslation as useTranslation8 } from "react-i18next";
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function ClaimOutboundItem({
   previewItem,
   currencyCode,
@@ -897,33 +1012,33 @@ function ClaimOutboundItem({
   index
 }) {
   const { t } = useTranslation8();
-  return /* @__PURE__ */ jsx6("div", { className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl ", children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 border-b p-3 text-sm md:flex-row", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 items-center gap-x-3", children: [
+  return /* @__PURE__ */ jsx6("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 border-b p-3 text-sm md:flex-row", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 items-center gap-x-3", children: [
       /* @__PURE__ */ jsx6(Thumbnail, { src: previewItem.thumbnail }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxs2("div", { children: [
-          /* @__PURE__ */ jsxs2(Text2, { className: "txt-small", as: "span", weight: "plus", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsxs3(Text3, { className: "txt-small", as: "span", weight: "plus", children: [
             previewItem.title,
             " "
           ] }),
-          previewItem.variant_sku && /* @__PURE__ */ jsxs2("span", { children: [
+          previewItem.variant_sku && /* @__PURE__ */ jsxs3("span", { children: [
             "(",
             previewItem.variant_sku,
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ jsx6(Text2, { as: "div", className: "text-ui-fg-subtle txt-small", children: previewItem.subtitle })
+        /* @__PURE__ */ jsx6(Text3, { as: "div", className: "text-ui-fg-subtle txt-small", children: previewItem.subtitle })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 justify-between", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-grow items-center gap-2", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 justify-between", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-grow items-center gap-2", children: [
         /* @__PURE__ */ jsx6(
           Form.Field,
           {
             control: form.control,
             name: `outbound_items.${index}.quantity`,
             render: ({ field }) => {
-              return /* @__PURE__ */ jsxs2(Form.Item, { children: [
+              return /* @__PURE__ */ jsxs3(Form.Item, { children: [
                 /* @__PURE__ */ jsx6(Form.Control, { children: /* @__PURE__ */ jsx6(
                   Input2,
                   {
@@ -946,7 +1061,7 @@ function ClaimOutboundItem({
             }
           }
         ),
-        /* @__PURE__ */ jsx6(Text2, { className: "txt-small text-ui-fg-subtle", children: t("fields.qty") })
+        /* @__PURE__ */ jsx6(Text3, { className: "txt-small text-ui-fg-subtle", children: t("fields.qty") })
       ] }),
       /* @__PURE__ */ jsx6("div", { className: "text-ui-fg-subtle txt-small mr-2 flex flex-shrink-0", children: /* @__PURE__ */ jsx6(
         MoneyAmountCell,
@@ -976,7 +1091,7 @@ function ClaimOutboundItem({
 }
 
 // src/pages/orders/order-create-claim/components/claim-create-form/claim-outbound-section.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var itemsToAdd = [];
 var itemsToRemove = [];
 var ClaimOutboundSection = ({
@@ -987,7 +1102,6 @@ var ClaimOutboundSection = ({
 }) => {
   const { t } = useTranslation9();
   const { setIsOpen } = useStackedModal();
-  const [inventoryMap, setInventoryMap] = useState3({});
   const { shipping_options = [] } = useOrderShippingOptions(order.id);
   const outboundShippingOptions = shipping_options.filter(
     (so) => !so.rules?.find((r) => r.attribute === "is_return" && r.value === "true")
@@ -1009,7 +1123,7 @@ var ClaimOutboundSection = ({
     claim.id,
     order.id
   );
-  const previewOutboundItems = useMemo4(
+  const previewOutboundItems = useMemo5(
     () => preview?.items?.filter(
       (i) => !!i.actions?.find(
         (a) => a.claim_id === claim.id && a.action === "ITEM_ADD"
@@ -1017,10 +1131,6 @@ var ClaimOutboundSection = ({
     ),
     [preview.items, claim.id]
   );
-  const variantItemMap = useMemo4(
-    () => new Map(order?.items?.map((i) => [i.variant_id, i])),
-    [order.items]
-  );
   const {
     fields: outboundItems,
     append,
@@ -1030,7 +1140,7 @@ var ClaimOutboundSection = ({
     name: "outbound_items",
     control: form.control
   });
-  const variantOutboundMap = useMemo4(
+  const variantOutboundMap = useMemo5(
     () => new Map(previewOutboundItems.map((i) => [i.variant_id, i])),
     [previewOutboundItems]
   );
@@ -1069,15 +1179,15 @@ var ClaimOutboundSection = ({
     append,
     update
   ]);
-  const locationId = form.watch("location_id");
   const showOutboundItemsPlaceholder = !outboundItems.length;
   const onItemsSelected = async () => {
     if (itemsToAdd.length) {
       await addOutboundItem(
         {
-          items: itemsToAdd.map((variantId) => ({
+          items: itemsToAdd.map(({ variantId, offerId }) => ({
             variant_id: variantId,
-            quantity: 1
+            quantity: 1,
+            metadata: { offer_id: offerId }
           }))
         },
         {
@@ -1126,73 +1236,33 @@ var ClaimOutboundSection = ({
       );
     }
   };
-  const showLevelsWarning = useMemo4(() => {
-    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
-  ]);
-  useEffect(() => {
-    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__ */ jsxs3("div", { children: [
-    /* @__PURE__ */ jsxs3("div", { className: "mt-8 flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxs4("div", { children: [
+    /* @__PURE__ */ jsxs4("div", { className: "mt-8 flex items-center justify-between", children: [
       /* @__PURE__ */ jsx7(Heading, { level: "h2", children: t("orders.returns.outbound") }),
-      /* @__PURE__ */ jsxs3(StackedFocusModal, { id: "outbound-items", children: [
+      /* @__PURE__ */ jsxs4(StackedFocusModal, { id: "outbound-items", children: [
         /* @__PURE__ */ jsx7(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx7("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__ */ jsxs3(StackedFocusModal.Content, { children: [
+        /* @__PURE__ */ jsxs4(StackedFocusModal.Content, { children: [
           /* @__PURE__ */ jsx7(StackedFocusModal.Header, {}),
           /* @__PURE__ */ jsx7(
             AddClaimOutboundItemsTable,
             {
-              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);
                 itemsToAdd = finalSelection.filter(
-                  (selection) => !alreadySelected.includes(selection)
+                  ({ variantId }) => !alreadyVariantIds.includes(variantId)
                 );
-                itemsToRemove = alreadySelected.filter(
-                  (selection) => !finalSelection.includes(selection)
+                const finalVariantIds = finalSelection.map((s) => s.variantId);
+                itemsToRemove = alreadyVariantIds.filter(
+                  (variantId) => !finalVariantIds.includes(variantId)
                 );
               }
             }
           ),
-          /* @__PURE__ */ jsx7(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsx7("div", { className: "flex w-full items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx7(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsx7("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__ */ jsx7(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx7(Button, { type: "button", variant: "secondary", size: "small", children: t("actions.cancel") }) }),
             /* @__PURE__ */ jsx7(
               Button,
@@ -1247,8 +1317,8 @@ var ClaimOutboundSection = ({
         item.id
       )
     ),
-    !showOutboundItemsPlaceholder && /* @__PURE__ */ jsx7("div", { className: "mt-8 flex flex-col gap-y-4", children: /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs3("div", { children: [
+    !showOutboundItemsPlaceholder && /* @__PURE__ */ jsx7("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: [
         /* @__PURE__ */ jsx7(Form.Label, { children: t("orders.claims.outboundShipping") }),
         /* @__PURE__ */ jsx7(Form.Hint, { className: "!mt-1", children: t("orders.claims.outboundShippingHint") })
       ] }),
@@ -1279,16 +1349,12 @@ var ClaimOutboundSection = ({
           }
         }
       )
-    ] }) }),
-    showLevelsWarning && /* @__PURE__ */ jsxs3(Alert, { variant: "warning", dismissible: true, className: "mt-4 p-5", children: [
-      /* @__PURE__ */ jsx7("div", { className: "text-ui-fg-subtle txt-small pb-2 font-medium leading-[20px]", children: t("orders.returns.noInventoryLevel") }),
-      /* @__PURE__ */ jsx7(Text3, { className: "text-ui-fg-subtle txt-small leading-normal", children: t("orders.returns.noInventoryLevelDesc") })
-    ] })
+    ] }) })
   ] });
 };
 
 // src/pages/orders/order-create-claim/components/claim-create-form/claim-create-form.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 IS_CANCELING = false;
@@ -1301,17 +1367,16 @@ var ClaimCreateForm = ({
   const { t } = useTranslation10();
   const { handleSuccess } = useRouteModal();
   const { setIsOpen } = useStackedModal();
-  const [isShippingInboundPriceEdit, setIsShippingInboundPriceEdit] = useState4(false);
-  const [isShippingOutboundPriceEdit, setIsShippingOutboundPriceEdit] = useState4(false);
-  const [customInboundShippingAmount, setCustomInboundShippingAmount] = useState4({
+  const [isShippingInboundPriceEdit, setIsShippingInboundPriceEdit] = useState3(false);
+  const [isShippingOutboundPriceEdit, setIsShippingOutboundPriceEdit] = useState3(false);
+  const [customInboundShippingAmount, setCustomInboundShippingAmount] = useState3({
     value: "0",
     float: 0
   });
-  const [customOutboundShippingAmount, setCustomOutboundShippingAmount] = useState4({
+  const [customOutboundShippingAmount, setCustomOutboundShippingAmount] = useState3({
     value: "0",
     float: 0
   });
-  const [inventoryMap, setInventoryMap] = useState4({});
   const { mutateAsync: confirmClaimRequest, isPending: isConfirming } = useClaimConfirmRequest(claim.id, order.id);
   const { mutateAsync: cancelClaimRequest, isPending: isCanceling } = useCancelClaimRequest(claim.id, order.id);
   const { mutateAsync: updateReturn, isPending: isUpdating } = useUpdateReturn(
@@ -1338,7 +1403,7 @@ var ClaimCreateForm = ({
   const { mutateAsync: updateInboundItem, isPending: isUpdatingInboundItem } = useUpdateClaimInboundItem(claim.id, order.id);
   const { mutateAsync: removeInboundItem, isPending: isRemovingInboundItem } = useRemoveClaimInboundItem(claim.id, order.id);
   const isRequestLoading = isConfirming || isCanceling || isAddingInboundShipping || isUpdatingInboundShipping || isDeletingInboundShipping || isUpdatingOutboundShipping || isAddingInboundItem || isRemovingInboundItem || isUpdatingInboundItem || isUpdating;
-  const previewItems = useMemo5(
+  const previewItems = useMemo6(
     () => preview?.items?.filter(
       (i) => !!i.actions?.find((a) => a.claim_id === claim.id)
     ),
@@ -1350,7 +1415,7 @@ var ClaimCreateForm = ({
   const outboundPreviewItems = previewItems.filter(
     (item) => !!item.actions?.find((a) => a.action === "ITEM_ADD")
   );
-  const itemsMap = useMemo5(
+  const itemsMap = useMemo6(
     () => new Map(order?.items?.map((i) => [i.id, i])),
     [order.items]
   );
@@ -1393,12 +1458,17 @@ var ClaimCreateForm = ({
     resolver: zodResolver(ClaimCreateSchema)
   });
   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
@@ -1448,7 +1518,7 @@ var ClaimCreateForm = ({
     name: "inbound_items",
     control: form.control
   });
-  const previewItemsMap = useMemo5(
+  const previewItemsMap = useMemo6(
     () => new Map(previewItems.map((i) => [i.id, i])),
     [previewItems]
   );
@@ -1607,49 +1677,6 @@ var ClaimCreateForm = ({
       document.getElementById("js-shipping-outbound-input")?.focus();
     }
   }, [isShippingOutboundPriceEdit]);
-  const showLevelsWarning = useMemo5(() => {
-    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
-  ]);
-  useEffect2(() => {
-    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]);
   useEffect2(() => {
     return () => {
       if (IS_CANCELING) {
@@ -1665,32 +1692,32 @@ var ClaimCreateForm = ({
       }
     };
   }, [t, cancelClaimRequest]);
-  const inboundShippingTotal = useMemo5(() => {
+  const inboundShippingTotal = useMemo6(() => {
     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 = useMemo5(() => {
+  const outboundShippingTotal = useMemo6(() => {
     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__ */ jsx8(RouteFocusModal.Form, { form, "data-testid": "order-create-claim-form", children: /* @__PURE__ */ jsxs4(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
+  return /* @__PURE__ */ jsx8(RouteFocusModal.Form, { form, "data-testid": "order-create-claim-form", children: /* @__PURE__ */ jsxs5(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
     /* @__PURE__ */ jsx8(RouteFocusModal.Header, { "data-testid": "order-create-claim-header" }),
     /* @__PURE__ */ jsx8(
       RouteFocusModal.Body,
       {
         className: "flex size-full justify-center overflow-y-auto",
         "data-testid": "order-create-claim-body",
-        children: /* @__PURE__ */ jsxs4("div", { className: "mt-16 w-[720px] max-w-[100%] px-4 md:p-0", children: [
+        children: /* @__PURE__ */ jsxs5("div", { className: "mt-16 w-[720px] max-w-[100%] px-4 md:p-0", children: [
           /* @__PURE__ */ jsx8(Heading2, { level: "h1", "data-testid": "order-create-claim-heading", children: t("orders.claims.create") }),
-          /* @__PURE__ */ jsxs4("div", { className: "mt-8 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "mt-8 flex items-center justify-between", children: [
             /* @__PURE__ */ jsx8(Heading2, { level: "h2", children: t("orders.returns.inbound") }),
-            /* @__PURE__ */ jsxs4(StackedFocusModal, { id: "inbound-items", children: [
+            /* @__PURE__ */ jsxs5(StackedFocusModal, { id: "inbound-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(
                   AddClaimItemsTable,
@@ -1711,7 +1738,7 @@ var ClaimCreateForm = ({
                     }
                   }
                 ),
-                /* @__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,
                     {
@@ -1747,6 +1774,8 @@ var ClaimCreateForm = ({
                 previewItem: previewItemsMap.get(item.item_id),
                 currencyCode: order.currency_code,
                 form,
+                locationId,
+                locationName: stock_locations.find((l) => l.id === locationId)?.name,
                 onRemove: () => {
                   const actionId = previewItems.find((i) => i.id === item.item_id)?.actions?.find((a) => a.action === "RETURN_ITEM")?.id;
                   if (actionId) {
@@ -1781,9 +1810,9 @@ var ClaimCreateForm = ({
               item.id
             )
           ),
-          !showInboundItemsPlaceholder && /* @__PURE__ */ jsxs4("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: [
+          !showInboundItemsPlaceholder && /* @__PURE__ */ jsxs5("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.returns.location") }),
                 /* @__PURE__ */ jsx8(Form.Hint, { className: "!mt-1", children: t("orders.returns.locationHint") })
               ] }),
@@ -1814,11 +1843,11 @@ var ClaimCreateForm = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
-              /* @__PURE__ */ jsxs4("div", { children: [
-                /* @__PURE__ */ jsxs4(Form.Label, { children: [
+            /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs5("div", { children: [
+                /* @__PURE__ */ jsxs5(Form.Label, { children: [
                   t("orders.returns.inboundShipping"),
-                  /* @__PURE__ */ jsxs4(
+                  /* @__PURE__ */ jsxs5(
                     Text4,
                     {
                       size: "small",
@@ -1863,10 +1892,6 @@ var ClaimCreateForm = ({
               )
             ] })
           ] }),
-          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") })
-          ] }),
           /* @__PURE__ */ jsx8(
             ClaimOutboundSection,
             {
@@ -1876,13 +1901,13 @@ var ClaimCreateForm = ({
               claim
             }
           ),
-          /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsxs5(
             "div",
             {
               className: "mt-8 border-y border-dotted py-4",
               "data-testid": "order-create-claim-totals",
               children: [
-                /* @__PURE__ */ jsxs4(
+                /* @__PURE__ */ jsxs5(
                   "div",
                   {
                     className: "mb-2 flex items-center justify-between",
@@ -1902,7 +1927,7 @@ var ClaimCreateForm = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs4(
+                /* @__PURE__ */ jsxs5(
                   "div",
                   {
                     className: "mb-2 flex items-center justify-between",
@@ -1922,9 +1947,9 @@ var ClaimCreateForm = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs4("div", { className: "mb-2 flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxs5("div", { className: "mb-2 flex items-center justify-between", children: [
                   /* @__PURE__ */ jsx8("span", { className: "txt-small text-ui-fg-subtle", children: t("orders.returns.inboundShipping") }),
-                  /* @__PURE__ */ jsxs4("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
+                  /* @__PURE__ */ jsxs5("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
                     !isShippingInboundPriceEdit && /* @__PURE__ */ jsx8(
                       IconButton2,
                       {
@@ -1980,9 +2005,9 @@ var ClaimCreateForm = ({
                     ) : getStylizedAmount(inboundShippingTotal, order.currency_code)
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ jsx8("span", { className: "txt-small text-ui-fg-subtle", children: t("orders.claims.outboundShipping") }),
-                  /* @__PURE__ */ jsxs4("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
+                  /* @__PURE__ */ jsxs5("span", { className: "txt-small text-ui-fg-subtle flex items-center", children: [
                     !isShippingOutboundPriceEdit && /* @__PURE__ */ jsx8(
                       IconButton2,
                       {
@@ -2041,7 +2066,7 @@ var ClaimCreateForm = ({
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs4(
+                /* @__PURE__ */ jsxs5(
                   "div",
                   {
                     className: "mt-4 flex items-center justify-between border-t border-dotted pt-4",
@@ -2069,8 +2094,8 @@ var ClaimCreateForm = ({
                   control: form.control,
                   name: "send_notification",
                   render: ({ field: { onChange, value, ...field } }) => {
-                    return /* @__PURE__ */ jsxs4(Form.Item, { "data-testid": "order-create-claim-notification-item", children: [
-                      /* @__PURE__ */ jsxs4("div", { className: "flex items-center", children: [
+                    return /* @__PURE__ */ jsxs5(Form.Item, { "data-testid": "order-create-claim-notification-item", children: [
+                      /* @__PURE__ */ jsxs5("div", { className: "flex items-center", children: [
                         /* @__PURE__ */ jsx8(
                           Form.Control,
                           {
@@ -2089,7 +2114,7 @@ var ClaimCreateForm = ({
                             )
                           }
                         ),
-                        /* @__PURE__ */ jsxs4("div", { className: "block", children: [
+                        /* @__PURE__ */ jsxs5("div", { className: "block", children: [
                           /* @__PURE__ */ jsx8(Form.Label, { "data-testid": "order-create-claim-notification-label", children: t("orders.returns.sendNotification") }),
                           /* @__PURE__ */ jsx8(
                             Form.Hint,
@@ -2112,7 +2137,7 @@ var ClaimCreateForm = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx8(RouteFocusModal.Footer, { "data-testid": "order-create-claim-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(RouteFocusModal.Footer, { "data-testid": "order-create-claim-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,
         {
@@ -2151,7 +2176,7 @@ var ClaimCreate = () => {
     fields: DEFAULT_FIELDS
   });
   const { order: preview } = useOrderPreview(id);
-  const [activeClaimId, setActiveClaimId] = useState5();
+  const [activeClaimId, setActiveClaimId] = useState4();
   const { mutateAsync: createClaim } = useCreateClaim(order.id);
   const { claim } = useClaim(activeClaimId, void 0, {
     enabled: !!activeClaimId