@mercurjs/admin 2.1.6 → 2.2.0-canary.11

package/dist/{order-create-edit-AONQC3TO.js → order-create-edit-HEOYCYZO.js}

@@ -1,3 +1,6 @@
+import {
+  useOffers
+} from "./chunk-UIVWOKWT.js";
 import {
   useAddOrderEditItems,
   useCancelOrderEdit,
@@ -6,30 +9,25 @@ import {
   useRequestOrderEdit,
   useUpdateOrderEditAddedItem,
   useUpdateOrderEditOriginalItem
-} from "./chunk-6MJ5HPIP.js";
+} from "./chunk-D2VXOF46.js";
 import {
   MoneyAmountCell
 } from "./chunk-2Y3WMGN6.js";
 import {
   DEFAULT_FIELDS
-} from "./chunk-Y2M536WR.js";
+} from "./chunk-JHBNG7OD.js";
 import {
   getStylizedAmount
 } from "./chunk-PXYDR7WQ.js";
 import {
-  ProductCell,
-  ProductHeader
-} from "./chunk-FWPGOIFA.js";
-import "./chunk-PHOCVOZ5.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
-import "./chunk-ZMC7BKLT.js";
+} from "./chunk-NQEXDLYH.js";
+import "./chunk-YN3FGNJM.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-634XVU3D.js";
 import "./chunk-IQPN4PZJ.js";
@@ -37,19 +35,6 @@ import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
 } from "./chunk-U2ZFCAPX.js";
-import "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-HKDFWQ6Q.js";
-import "./chunk-SESTTUVM.js";
-import {
-  useQueryParams
-} from "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import {
   RouteFocusModal,
   StackedFocusModal,
@@ -60,41 +45,25 @@ import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import {
-  useVariants
-} from "./chunk-PBQ5M44A.js";
-import "./chunk-OH4AABUT.js";
-import "./chunk-YKDEE7ZL.js";
-import "./chunk-AEMDNTW5.js";
-import "./chunk-LYD3C73Z.js";
-import "./chunk-7O5NDICV.js";
-import "./chunk-46M463BR.js";
-import "./chunk-YFRC6GEN.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-JPNPTILP.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
-import "./chunk-GKGLVDDV.js";
-import "./chunk-WJJXUXSO.js";
-import "./chunk-LAPEZATU.js";
-import "./chunk-DBNPVU3L.js";
-import "./chunk-U7WZYWGA.js";
-import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
-import "./chunk-5TRY5IMZ.js";
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import "./chunk-P5XVG4PY.js";
 import {
   useOrder,
   useOrderPreview
-} from "./chunk-TAKEQAZZ.js";
-import "./chunk-B6FG7A6W.js";
-import "./chunk-EPHVGD5Z.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
-import "./chunk-DL2ZIXBO.js";
-import "./chunk-Z2QQZOG3.js";
-import "./chunk-5CK6XEFV.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-H3MAUKL7.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
@@ -113,38 +82,36 @@ import { useForm } from "react-hook-form";
 import { useTranslation as useTranslation6 } from "react-i18next";
 
 // src/pages/orders/order-create-edit/components/order-edit-create-form/order-edit-items-section.tsx
-import { useCallback, useEffect, useMemo as useMemo3, useState as useState2 } from "react";
+import { useCallback, useEffect, useMemo as useMemo4, useState as useState2 } from "react";
 import { MagnifyingGlass } from "@medusajs/icons";
-import { Button, Heading, Input as Input2, Text as Text2, toast as toast2 } from "@medusajs/ui";
+import { Button, Heading, Input as Input2, Text as Text3, toast as toast2 } from "@medusajs/ui";
 import debounce from "lodash.debounce";
 import { useTranslation as useTranslation5 } from "react-i18next";
 
 // src/pages/orders/order-create-edit/components/add-order-edit-items-table/add-order-edit-items-table.tsx
-import { useState } from "react";
+import { useMemo as useMemo2, useState } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
 
 // src/pages/orders/order-create-edit/components/add-order-edit-items-table/use-order-edit-item-table-columns.tsx
-import { Checkbox } from "@medusajs/ui";
+import { Checkbox, Text } from "@medusajs/ui";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
-var useOrderEditItemsTableColumns = (_currencyCode) => {
+var useOrderEditItemsTableColumns = () => {
   const { t } = useTranslation();
   return useMemo(
     () => [
       columnHelper.display({
         id: "select",
-        header: ({ table }) => {
-          return /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
-              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
-            }
-          );
-        },
+        header: ({ table }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+          }
+        ),
         cell: ({ row }) => {
           const isSelectable = row.getCanSelect();
           return /* @__PURE__ */ jsx(
@@ -162,19 +129,44 @@ var useOrderEditItemsTableColumns = (_currencyCode) => {
       }),
       columnHelper.display({
         id: "product",
-        header: () => /* @__PURE__ */ jsx(ProductHeader, {}),
+        header: t("fields.product"),
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx(ProductCell, { product: row.original.product });
+          const variant = row.original.product_variant;
+          const productTitle = variant?.product?.title;
+          if (!productTitle) {
+            return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full max-w-[300px] items-center gap-x-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx(Thumbnail, { src: variant?.product?.thumbnail }),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                size: "small",
+                leading: "compact",
+                className: "truncate",
+                title: productTitle,
+                children: productTitle
+              }
+            )
+          ] });
         }
       }),
       columnHelper.accessor("sku", {
         header: t("fields.sku"),
         cell: ({ getValue }) => {
-          return getValue() || "-";
+          const sku = getValue();
+          if (!sku) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "truncate", children: sku });
         }
       }),
-      columnHelper.accessor("title", {
-        header: t("fields.title")
+      columnHelper.display({
+        id: "variant_title",
+        header: t("fields.title"),
+        cell: ({ row }) => {
+          const title = row.original.product_variant?.title;
+          if (!title) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "truncate", children: title });
+        }
       })
     ],
     [t]
@@ -224,85 +216,153 @@ var useOrderEditItemTableQuery = ({
 import { jsx as jsx2 } from "react/jsx-runtime";
 var PAGE_SIZE = 50;
 var PREFIX = "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 AddOrderEditItemsTable = ({
-  onSelectionChange,
-  currencyCode
+  currencyCode,
+  onSelectionChange
 }) => {
   const { t } = useTranslation3();
   const [rowSelection, setRowSelection] = useState({});
-  const updater = (fn) => {
-    const newState = typeof fn === "function" ? fn(rowSelection) : fn;
-    setRowSelection(newState);
-    onSelectionChange(Object.keys(newState));
-  };
   const { searchParams, raw } = useOrderEditItemTableQuery({
     pageSize: PAGE_SIZE,
     prefix: PREFIX
   });
-  const { variants = [], count } = useVariants({
+  const offersResponse = useOffers({
     ...searchParams,
-    fields: "*inventory_items.inventory.location_levels,+inventory_quantity"
+    fields: OFFER_PICKER_FIELDS
   });
-  const columns = useOrderEditItemsTableColumns(currencyCode);
+  const rawCount = offersResponse.count ?? 0;
+  const offers = useMemo2(() => {
+    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 = useOrderEditItemsTableColumns();
   const filters = useOrderEditItemTableFilters();
+  const selectionByOfferId = useMemo2(() => {
+    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: variants,
+    data: offers,
     columns,
     count,
     enablePagination: true,
-    getRowId: (row) => row.id,
+    // Row id is the offer id so each offer has its own row (two offers backed
+    // by the same variant no longer collapse). The parent maps each picked
+    // row to `{ variantId, offerId }` and sends `metadata.offer_id` so the
+    // admin override route can apply the offer's price + reservation math.
+    getRowId: (row) => row.id ?? row.variant_id,
     pageSize: PAGE_SIZE,
-    enableRowSelection: (_row) => {
-      return true;
-    },
+    enableRowSelection: () => true,
     rowSelection: {
       state: rowSelection,
       updater
     }
   });
-  return /* @__PURE__ */ jsx2("div", { className: "flex size-full flex-col overflow-hidden", children: /* @__PURE__ */ jsx2(
-    _DataTable,
+  return /* @__PURE__ */ jsx2(
+    "div",
     {
-      table,
-      columns,
-      pageSize: PAGE_SIZE,
-      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: PREFIX,
-      queryObject: raw
+      className: "flex size-full flex-col overflow-hidden",
+      "data-testid": "add-offers-picker",
+      children: /* @__PURE__ */ jsx2(
+        _DataTable,
+        {
+          table,
+          columns,
+          pageSize: PAGE_SIZE,
+          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: PREFIX,
+          queryObject: raw
+        }
+      )
     }
-  ) });
+  );
 };
 
 // src/pages/orders/order-create-edit/components/order-edit-create-form/order-edit-item.tsx
 import { ArrowUturnLeft, DocumentSeries, XCircle } from "@medusajs/icons";
-import { Badge, Input, Text, toast } from "@medusajs/ui";
+import { Badge, Input, Text as Text2, toast } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { useMemo as useMemo3 } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function OrderEditItem({ item, currencyCode, orderId }) {
   const { t } = useTranslation4();
   const { mutateAsync: addItems } = useAddOrderEditItems(orderId);
   const { mutateAsync: updateAddedItem } = useUpdateOrderEditAddedItem(orderId);
   const { mutateAsync: updateOriginalItem } = useUpdateOrderEditOriginalItem(orderId);
   const { mutateAsync: undoAction } = useRemoveOrderEditItem(orderId);
-  const isAddedItem = useMemo2(
+  const isAddedItem = useMemo3(
     () => !!item.actions?.find((a) => a.action === "ITEM_ADD"),
     [item]
   );
-  const isItemUpdated = useMemo2(
+  const isItemUpdated = useMemo3(
     () => !!item.actions?.find((a) => a.action === "ITEM_UPDATE"),
     [item]
   );
-  const isItemRemoved = useMemo2(() => {
+  const isItemRemoved = useMemo3(() => {
     const updateAction = item.actions?.find((a) => a.action === "ITEM_UPDATE");
     return !!updateAction && item.quantity === item.detail.fulfilled_quantity;
   }, [item]);
@@ -376,23 +436,23 @@ function OrderEditItem({ item, currencyCode, orderId }) {
     {
       className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl ",
       "data-testid": `order-edit-item-${item.id}`,
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 p-3 text-sm md:flex-row", "data-testid": `order-edit-item-${item.id}-content`, children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-between", "data-testid": `order-edit-item-${item.id}-info`, children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-x-3", "data-testid": `order-edit-item-${item.id}-details`, children: [
+      children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 p-3 text-sm md:flex-row", "data-testid": `order-edit-item-${item.id}-content`, children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 items-center justify-between", "data-testid": `order-edit-item-${item.id}-info`, children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex flex-row items-center gap-x-3", "data-testid": `order-edit-item-${item.id}-details`, children: [
             /* @__PURE__ */ jsx3(Thumbnail, { src: item.thumbnail, "data-testid": `order-edit-item-${item.id}-thumbnail` }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", "data-testid": `order-edit-item-${item.id}-text`, children: [
-              /* @__PURE__ */ jsxs("div", { "data-testid": `order-edit-item-${item.id}-title`, children: [
-                /* @__PURE__ */ jsxs(Text, { className: "txt-small", as: "span", weight: "plus", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", "data-testid": `order-edit-item-${item.id}-text`, children: [
+              /* @__PURE__ */ jsxs2("div", { "data-testid": `order-edit-item-${item.id}-title`, children: [
+                /* @__PURE__ */ jsxs2(Text2, { className: "txt-small", as: "span", weight: "plus", children: [
                   item.title,
                   " "
                 ] }),
-                item.variant_sku && /* @__PURE__ */ jsxs("span", { "data-testid": `order-edit-item-${item.id}-sku`, children: [
+                item.variant_sku && /* @__PURE__ */ jsxs2("span", { "data-testid": `order-edit-item-${item.id}-sku`, children: [
                   "(",
                   item.variant_sku,
                   ")"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx3(Text, { as: "div", className: "text-ui-fg-subtle txt-small", "data-testid": `order-edit-item-${item.id}-subtitle`, children: item.subtitle })
+              /* @__PURE__ */ jsx3(Text2, { as: "div", className: "text-ui-fg-subtle txt-small", "data-testid": `order-edit-item-${item.id}-subtitle`, children: item.subtitle })
             ] })
           ] }),
           isAddedItem && /* @__PURE__ */ jsx3(Badge, { size: "2xsmall", rounded: "full", color: "blue", className: "mr-1", "data-testid": `order-edit-item-${item.id}-new-badge`, children: t("general.new") }),
@@ -408,8 +468,8 @@ function OrderEditItem({ item, currencyCode, orderId }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 justify-between", "data-testid": `order-edit-item-${item.id}-actions`, children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-grow items-center gap-2", "data-testid": `order-edit-item-${item.id}-quantity`, children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 justify-between", "data-testid": `order-edit-item-${item.id}-actions`, children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex flex-grow items-center gap-2", "data-testid": `order-edit-item-${item.id}-quantity`, children: [
             /* @__PURE__ */ jsx3(
               Input,
               {
@@ -428,7 +488,7 @@ function OrderEditItem({ item, currencyCode, orderId }) {
                 "data-testid": `order-edit-item-${item.id}-quantity-input`
               }
             ),
-            /* @__PURE__ */ jsx3(Text, { className: "txt-small text-ui-fg-subtle", "data-testid": `order-edit-item-${item.id}-quantity-label`, children: t("fields.qty") })
+            /* @__PURE__ */ jsx3(Text2, { className: "txt-small text-ui-fg-subtle", "data-testid": `order-edit-item-${item.id}-quantity-label`, children: t("fields.qty") })
           ] }),
           /* @__PURE__ */ jsx3("div", { className: "text-ui-fg-subtle txt-small mr-2 flex flex-shrink-0", "data-testid": `order-edit-item-${item.id}-total`, children: /* @__PURE__ */ jsx3(MoneyAmountCell, { currencyCode, amount: item.total }) }),
           /* @__PURE__ */ jsx3(
@@ -470,8 +530,8 @@ function OrderEditItem({ item, currencyCode, orderId }) {
 }
 
 // src/pages/orders/order-create-edit/components/order-edit-create-form/order-edit-items-section.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var addedVariants = [];
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var addedSelections = [];
 var OrderEditItemsSection = ({
   order,
   preview
@@ -483,9 +543,10 @@ var OrderEditItemsSection = ({
   const onItemsSelected = async () => {
     await addItems(
       {
-        items: addedVariants.map((i) => ({
-          variant_id: i,
-          quantity: 1
+        items: addedSelections.map(({ variantId, offerId }) => ({
+          variant_id: variantId,
+          quantity: 1,
+          metadata: { offer_id: offerId }
         }))
       },
       {
@@ -508,15 +569,15 @@ var OrderEditItemsSection = ({
       debouncedOnChange.cancel();
     };
   }, [debouncedOnChange]);
-  const filteredItems = useMemo3(() => {
+  const filteredItems = useMemo4(() => {
     return preview.items.filter(
       (i) => i.title.toLowerCase().includes(filterTerm) || i.product_title?.toLowerCase().includes(filterTerm)
     );
   }, [preview, filterTerm]);
-  return /* @__PURE__ */ jsxs2("div", { "data-testid": "order-edit-items-section", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "mb-3 mt-8 flex items-center justify-between", "data-testid": "order-edit-items-section-header", children: [
+  return /* @__PURE__ */ jsxs3("div", { "data-testid": "order-edit-items-section", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mb-3 mt-8 flex items-center justify-between", "data-testid": "order-edit-items-section-header", children: [
       /* @__PURE__ */ jsx4(Heading, { level: "h2", "data-testid": "order-edit-items-section-heading", children: t("fields.items") }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", "data-testid": "order-edit-items-section-actions", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex gap-2", "data-testid": "order-edit-items-section-actions", children: [
         /* @__PURE__ */ jsx4(
           Input2,
           {
@@ -527,20 +588,20 @@ var OrderEditItemsSection = ({
             "data-testid": "order-edit-items-section-search-input"
           }
         ),
-        /* @__PURE__ */ jsxs2(StackedFocusModal, { id: "inbound-items", children: [
+        /* @__PURE__ */ jsxs3(StackedFocusModal, { id: "inbound-items", children: [
           /* @__PURE__ */ jsx4(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "small", "data-testid": "order-edit-items-section-add-items-button", children: t("actions.addItems") }) }),
-          /* @__PURE__ */ jsxs2(StackedFocusModal.Content, { children: [
+          /* @__PURE__ */ jsxs3(StackedFocusModal.Content, { children: [
             /* @__PURE__ */ jsx4(StackedFocusModal.Header, { "data-testid": "order-edit-items-section-add-items-modal-header" }),
             /* @__PURE__ */ jsx4(
               AddOrderEditItemsTable,
               {
                 currencyCode: order.currency_code,
                 onSelectionChange: (finalSelection) => {
-                  addedVariants = finalSelection;
+                  addedSelections = finalSelection;
                 }
               }
             ),
-            /* @__PURE__ */ jsx4(StackedFocusModal.Footer, { "data-testid": "order-edit-items-section-add-items-modal-footer", children: /* @__PURE__ */ jsx4("div", { className: "flex w-full items-center justify-end gap-x-4", "data-testid": "order-edit-items-section-add-items-modal-footer-actions", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2", children: [
+            /* @__PURE__ */ jsx4(StackedFocusModal.Footer, { "data-testid": "order-edit-items-section-add-items-modal-footer", children: /* @__PURE__ */ jsx4("div", { className: "flex w-full items-center justify-end gap-x-4", "data-testid": "order-edit-items-section-add-items-modal-footer-actions", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
               /* @__PURE__ */ jsx4(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx4(Button, { type: "button", variant: "secondary", size: "small", "data-testid": "order-edit-items-section-add-items-modal-cancel-button", children: t("actions.cancel") }) }),
               /* @__PURE__ */ jsx4(
                 Button,
@@ -570,9 +631,9 @@ var OrderEditItemsSection = ({
       },
       item.id
     )),
-    filterTerm && !filteredItems.length && /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center justify-center gap-y-2 rounded-xl bg-ui-bg-subtle p-3 text-center shadow-elevation-card-rest", children: [
+    filterTerm && !filteredItems.length && /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center justify-center gap-y-2 rounded-xl bg-ui-bg-subtle p-3 text-center shadow-elevation-card-rest", children: [
       /* @__PURE__ */ jsx4(MagnifyingGlass, { className: "text-ui-fg-subtle" }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", children: t("general.noSearchResults") })
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("general.noSearchResults") })
     ] })
   ] });
 };
@@ -585,7 +646,7 @@ var OrderEditCreateSchema = z.object({
 });
 
 // src/pages/orders/order-create-edit/components/order-edit-create-form/order-edit-create-form.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var OrderEditCreateForm = ({ order, preview }) => {
   const { t } = useTranslation6();
   const { handleSuccess } = useRouteModal();
@@ -640,7 +701,7 @@ var OrderEditCreateForm = ({ order, preview }) => {
         }
       },
       "data-testid": "order-edit-create-form",
-      children: /* @__PURE__ */ jsxs3(
+      children: /* @__PURE__ */ jsxs4(
         KeyboundForm,
         {
           onSubmit: handleSubmit,
@@ -653,7 +714,7 @@ var OrderEditCreateForm = ({ order, preview }) => {
               {
                 className: "flex size-full justify-center overflow-y-auto",
                 "data-testid": "order-edit-create-body",
-                children: /* @__PURE__ */ jsxs3(
+                children: /* @__PURE__ */ jsxs4(
                   "div",
                   {
                     className: "mt-16 w-[720px] max-w-[100%] px-4 md:p-0",
@@ -674,13 +735,13 @@ var OrderEditCreateForm = ({ order, preview }) => {
                           order
                         }
                       ),
-                      /* @__PURE__ */ jsxs3(
+                      /* @__PURE__ */ jsxs4(
                         "div",
                         {
                           className: "mt-8 border-y border-dotted py-4",
                           "data-testid": "order-edit-create-totals",
                           children: [
-                            /* @__PURE__ */ jsxs3(
+                            /* @__PURE__ */ jsxs4(
                               "div",
                               {
                                 className: "mb-2 flex items-center justify-between",
@@ -705,7 +766,7 @@ var OrderEditCreateForm = ({ order, preview }) => {
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ jsxs3(
+                            /* @__PURE__ */ jsxs4(
                               "div",
                               {
                                 className: "mb-2 flex items-center justify-between",
@@ -730,7 +791,7 @@ var OrderEditCreateForm = ({ order, preview }) => {
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ jsxs3(
+                            /* @__PURE__ */ jsxs4(
                               "div",
                               {
                                 className: "mt-4 flex items-center justify-between border-t border-dotted pt-4",
@@ -764,9 +825,9 @@ var OrderEditCreateForm = ({ order, preview }) => {
                           control: form.control,
                           name: "note",
                           render: ({ field }) => {
-                            return /* @__PURE__ */ jsxs3(Form.Item, { "data-testid": "order-edit-create-note-item", children: [
-                              /* @__PURE__ */ jsxs3("div", { className: "mt-8 flex", children: [
-                                /* @__PURE__ */ jsxs3("div", { className: "block flex-1", children: [
+                            return /* @__PURE__ */ jsxs4(Form.Item, { "data-testid": "order-edit-create-note-item", children: [
+                              /* @__PURE__ */ jsxs4("div", { className: "mt-8 flex", children: [
+                                /* @__PURE__ */ jsxs4("div", { className: "block flex-1", children: [
                                   /* @__PURE__ */ jsx5(Form.Label, { "data-testid": "order-edit-create-note-label", children: t("fields.note") }),
                                   /* @__PURE__ */ jsx5(
                                     Form.Hint,
@@ -802,8 +863,8 @@ var OrderEditCreateForm = ({ order, preview }) => {
                               control: form.control,
                               name: "send_notification",
                               render: ({ field: { onChange, value, ...field } }) => {
-                                return /* @__PURE__ */ jsxs3(Form.Item, { "data-testid": "order-edit-create-notification-item", children: [
-                                  /* @__PURE__ */ jsxs3(
+                                return /* @__PURE__ */ jsxs4(Form.Item, { "data-testid": "order-edit-create-notification-item", children: [
+                                  /* @__PURE__ */ jsxs4(
                                     "div",
                                     {
                                       className: "flex items-center",
@@ -827,7 +888,7 @@ var OrderEditCreateForm = ({ order, preview }) => {
                                             )
                                           }
                                         ),
-                                        /* @__PURE__ */ jsxs3("div", { className: "block", children: [
+                                        /* @__PURE__ */ jsxs4("div", { className: "block", children: [
                                           /* @__PURE__ */ jsx5(Form.Label, { "data-testid": "order-edit-create-notification-label", children: t("orders.returns.sendNotification") }),
                                           /* @__PURE__ */ jsx5(
                                             Form.Hint,
@@ -859,7 +920,7 @@ var OrderEditCreateForm = ({ order, preview }) => {
               {
                 className: "flex w-full items-center justify-end gap-x-4",
                 "data-testid": "order-create-edit-form-footer-actions",
-                children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
+                children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-end gap-x-2", children: [
                   /* @__PURE__ */ jsx5(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx5(
                     Button2,
                     {