@medusajs/dashboard 3.0.0-snapshot-20250410112222 → 3.0.0-snapshot-20251104011621

package/dist/{order-create-exchange-SWV6T3C2.mjs → order-create-exchange-CXQ5ZM3Q.mjs}

@@ -1,13 +1,3 @@
-import {
-  ItemPlaceholder
-} from "./chunk-QJ6SBVJ2.mjs";
-import {
-  OutboundShippingPlaceholder,
-  ReturnShippingPlaceholder
-} from "./chunk-P3DRE4IY.mjs";
-import {
-  MoneyAmountCell
-} from "./chunk-NNBHHXXN.mjs";
 import {
   useAddExchangeInboundItems,
   useAddExchangeInboundShipping,
@@ -25,45 +15,56 @@ import {
   useUpdateExchangeInboundShipping,
   useUpdateExchangeOutboundItems,
   useUpdateExchangeOutboundShipping
-} from "./chunk-6LA2RGO4.mjs";
+} from "./chunk-ULQ3V4CC.mjs";
+import {
+  ItemPlaceholder
+} from "./chunk-QJ6SBVJ2.mjs";
+import {
+  getFormattedShippingOptionLocationName
+} from "./chunk-UC26CCHZ.mjs";
+import {
+  OutboundShippingPlaceholder,
+  ReturnShippingPlaceholder
+} from "./chunk-P3DRE4IY.mjs";
 import {
   getReturnableQuantity
 } from "./chunk-PXZ7QYKX.mjs";
+import {
+  DEFAULT_FIELDS
+} from "./chunk-F7LJJHQT.mjs";
 import {
   useReturn,
   useUpdateReturn
-} from "./chunk-ICR3D7SB.mjs";
+} from "./chunk-3DO2JGVG.mjs";
 import {
-  DEFAULT_FIELDS
-} from "./chunk-7I5DQGWY.mjs";
-import {
-  getStylizedAmount
-} from "./chunk-PDWBYQOW.mjs";
+  MoneyAmountCell
+} from "./chunk-INE2QCSC.mjs";
 import {
   ProductCell,
   ProductHeader
 } from "./chunk-IQBAUTU5.mjs";
-import "./chunk-LQTHYS2Z.mjs";
+import {
+  getStylizedAmount
+} from "./chunk-X6BAAGCL.mjs";
 import "./chunk-P3UUX2T6.mjs";
+import "./chunk-LQTHYS2Z.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-O6K7WXYN.mjs";
-import "./chunk-YEDAFXMB.mjs";
-import "./chunk-AOFGTNG6.mjs";
+} from "./chunk-PJ5EUKOB.mjs";
+import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
 import {
   Combobox
-} from "./chunk-GZBFGV7Y.mjs";
+} from "./chunk-OFN7DIZA.mjs";
 import {
   currencies
-} from "./chunk-MWVM4TYO.mjs";
-import "./chunk-CIE5NZAY.mjs";
-import "./chunk-M3VFKDXJ.mjs";
+} from "./chunk-DK4WIVY6.mjs";
+import "./chunk-FKIOYL3D.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
-import "./chunk-PWBTCXBJ.mjs";
+import "./chunk-PFKKVLZX.mjs";
 import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
@@ -72,7 +73,7 @@ import {
   StackedFocusModal,
   useRouteModal,
   useStackedModal
-} from "./chunk-ZCO6EK4W.mjs";
+} from "./chunk-AERWK3TJ.mjs";
 import {
   useReturnReasons
 } from "./chunk-2VTICXJR.mjs";
@@ -82,31 +83,31 @@ import {
 import "./chunk-LPEUYMRK.mjs";
 import {
   ActionMenu
-} from "./chunk-3NJTXRIY.mjs";
+} from "./chunk-OZPB6JBL.mjs";
 import "./chunk-OC7BQLYI.mjs";
-import "./chunk-6UX3SSRT.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-67ORSRVT.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
 import {
   useVariants
-} from "./chunk-CLRTJ6DI.mjs";
+} from "./chunk-KXRW6JRE.mjs";
 import "./chunk-KOSCMAIC.mjs";
-import "./chunk-UAZEQNCO.mjs";
-import "./chunk-LDJKJLBJ.mjs";
+import "./chunk-X6DSNTTX.mjs";
+import "./chunk-I6E6CALJ.mjs";
 import "./chunk-B4GODIOW.mjs";
-import "./chunk-F6IJV2I2.mjs";
+import "./chunk-N4N4KGET.mjs";
 import "./chunk-QTCZFYFH.mjs";
 import "./chunk-ENV6YVOM.mjs";
 import "./chunk-PIR2H25N.mjs";
-import "./chunk-RLY2SL5E.mjs";
 import "./chunk-C5LYZZZ5.mjs";
+import "./chunk-RLY2SL5E.mjs";
 import "./chunk-2ZKVRTBW.mjs";
-import "./chunk-4GJJIXM6.mjs";
-import "./chunk-YS65UGPC.mjs";
+import "./chunk-XYHXWLTJ.mjs";
 import "./chunk-F6PXCY3N.mjs";
-import "./chunk-3OHH43G6.mjs";
-import "./chunk-G2H6MAK7.mjs";
+import "./chunk-IXZVR3HG.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import {
   useShippingOptions
 } from "./chunk-GRT22PE5.mjs";
@@ -115,21 +116,23 @@ import {
 } from "./chunk-32IQRUVY.mjs";
 import {
   useOrder,
-  useOrderPreview
-} from "./chunk-RWU2ZKWZ.mjs";
-import "./chunk-FVC7M755.mjs";
-import "./chunk-ZJ3OFMHB.mjs";
-import "./chunk-PNU5HPGY.mjs";
+  useOrderPreview,
+  useOrderShippingOptions
+} from "./chunk-WTK7SR6S.mjs";
+import "./chunk-6XWHQ6ON.mjs";
+import "./chunk-MQALAB34.mjs";
+import "./chunk-OGAZYXOV.mjs";
+import "./chunk-KX4P5L3R.mjs";
 import "./chunk-V2LANK5S.mjs";
 import "./chunk-QZ6PT4QV.mjs";
 import "./chunk-QL4XKIVL.mjs";
-import "./chunk-6I62UDJA.mjs";
+import "./chunk-4BGVSXZZ.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import {
   sdk
 } from "./chunk-DEQUVHHE.mjs";
-import "./chunk-GH77ZQI2.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/orders/order-create-exchange/exchange-create.tsx
 import { toast as toast4 } from "@medusajs/ui";
@@ -1231,7 +1234,7 @@ function ExchangeOutboundItem({
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ jsx7(Text3, { as: "div", className: "text-ui-fg-subtle txt-small", children: previewItem.product_title })
+        /* @__PURE__ */ jsx7(Text3, { as: "div", className: "text-ui-fg-subtle txt-small", children: previewItem.subtitle })
       ] })
     ] }),
     /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 justify-between", children: [
@@ -1307,14 +1310,9 @@ var ExchangeOutboundSection = ({
   const { t } = useTranslation10();
   const { setIsOpen } = useStackedModal();
   const [inventoryMap, setInventoryMap] = useState4({});
-  const { shipping_options = [] } = useShippingOptions({
-    limit: 999,
-    fields: "*prices,+service_zone.fulfillment_set.location.id"
-  });
+  const { shipping_options = [] } = useOrderShippingOptions(order.id);
   const outboundShippingOptions = shipping_options.filter(
-    (shippingOption) => !!shippingOption.rules.find(
-      (r) => r.attribute === "is_return" && r.value === "false"
-    )
+    (so) => !so.rules?.find((r) => r.attribute === "is_return" && r.value === "true")
   );
   const { mutateAsync: addOutboundShipping } = useAddExchangeOutboundShipping(
     exchange.id,
@@ -1587,7 +1585,7 @@ var ExchangeOutboundSection = ({
                 },
                 ...field,
                 options: outboundShippingOptions.map((so) => ({
-                  label: so.name,
+                  label: `${so.name} (${getFormattedShippingOptionLocationName(so)})`,
                   value: so.id
                 })),
                 disabled: !outboundShippingOptions.length
@@ -1617,8 +1615,14 @@ var ExchangeCreateForm = ({
   const { handleSuccess } = useRouteModal();
   const [isInboundShippingPriceEdit, setIsInboundShippingPriceEdit] = useState5(false);
   const [isOutboundShippingPriceEdit, setIsOutboundShippingPriceEdit] = useState5(false);
-  const [customInboundShippingAmount, setCustomInboundShippingAmount] = useState5(0);
-  const [customOutboundShippingAmount, setCustomOutboundShippingAmount] = useState5(0);
+  const [customInboundShippingAmount, setCustomInboundShippingAmount] = useState5({
+    value: "0",
+    float: 0
+  });
+  const [customOutboundShippingAmount, setCustomOutboundShippingAmount] = useState5({
+    value: "0",
+    float: 0
+  });
   const { mutateAsync: confirmExchangeRequest, isPending: isConfirming } = useExchangeConfirmRequest(exchange.id, order.id);
   const { mutateAsync: cancelExchangeRequest, isPending: isCanceling } = useCancelExchangeRequest(exchange.id, order.id);
   const {
@@ -1754,6 +1758,12 @@ var ExchangeCreateForm = ({
     );
     return method?.total || 0;
   }, [preview.shipping_methods]);
+  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__ */ jsx9(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs5(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
     /* @__PURE__ */ jsx9(RouteFocusModal.Header, {}),
     /* @__PURE__ */ jsx9(RouteFocusModal.Body, { className: "flex size-full justify-center overflow-y-auto", children: /* @__PURE__ */ jsxs5("div", { className: "mt-16 w-[720px] max-w-[100%] px-4 md:p-0", children: [
@@ -1832,7 +1842,7 @@ var ExchangeCreateForm = ({
                       }
                     }
                   });
-                  const customPrice = customInboundShippingAmount === "" ? null : parseFloat(customInboundShippingAmount);
+                  const customPrice = customInboundShippingAmount.float;
                   if (actionId) {
                     updateInboundShipping(
                       {
@@ -1850,8 +1860,11 @@ var ExchangeCreateForm = ({
                 },
                 symbol: currencies[order.currency_code.toUpperCase()].symbol_native,
                 code: order.currency_code,
-                onValueChange: setCustomInboundShippingAmount,
-                value: customInboundShippingAmount,
+                onValueChange: (value, name, values) => setCustomInboundShippingAmount({
+                  value: values?.value ?? "",
+                  float: values?.float ?? null
+                }),
+                value: customInboundShippingAmount.value,
                 disabled: !inboundPreviewItems?.length
               }
             ) : getStylizedAmount(inboundShippingTotal, order.currency_code)
@@ -1885,7 +1898,7 @@ var ExchangeCreateForm = ({
                       }
                     }
                   });
-                  const customPrice = customOutboundShippingAmount === "" ? null : parseFloat(customOutboundShippingAmount);
+                  const customPrice = customOutboundShippingAmount.float;
                   if (actionId) {
                     updateOutboundShipping(
                       {
@@ -1903,12 +1916,15 @@ var ExchangeCreateForm = ({
                 },
                 symbol: currencies[order.currency_code.toUpperCase()].symbol_native,
                 code: order.currency_code,
-                onValueChange: setCustomOutboundShippingAmount,
-                value: customOutboundShippingAmount,
+                onValueChange: (value, name, values) => setCustomOutboundShippingAmount({
+                  value: values?.value ?? "",
+                  float: values?.float ?? null
+                }),
+                value: customOutboundShippingAmount.value,
                 disabled: !outboundPreviewItems?.length
               }
             ) : getStylizedAmount(
-              outboundShipping?.amount ?? 0,
+              outboundShippingTotal,
               order.currency_code
             )
           ] })
@@ -1932,7 +1948,8 @@ var ExchangeCreateForm = ({
                 /* @__PURE__ */ jsx9(Form.Control, { className: "mr-4 self-start", children: /* @__PURE__ */ jsx9(
                   Switch,
                   {
-                    className: "mt-[2px]",
+                    dir: "ltr",
+                    className: "mt-[2px] rtl:rotate-180",
                     checked: !!value,
                     onCheckedChange: onChange,
                     ...field

package/dist/{order-create-fulfillment-62OZHL3L.mjs → order-create-fulfillment-VTICR6OE.mjs}

@@ -1,6 +1,15 @@
+import {
+  getReservationsLimitCount
+} from "./chunk-4XSXVVYD.mjs";
 import {
   getFulfillableQuantity
 } from "./chunk-WKOPGFW5.mjs";
+import {
+  useComboboxData
+} from "./chunk-3TZOFKX2.mjs";
+import {
+  Combobox
+} from "./chunk-OFN7DIZA.mjs";
 import "./chunk-IUCDCPJU.mjs";
 import {
   KeyboundForm
@@ -8,62 +17,65 @@ import {
 import {
   RouteFocusModal,
   useRouteModal
-} from "./chunk-ZCO6EK4W.mjs";
+} from "./chunk-AERWK3TJ.mjs";
 import {
   Thumbnail
 } from "./chunk-MNXC6Q4F.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
-import "./chunk-CLRTJ6DI.mjs";
+import "./chunk-KXRW6JRE.mjs";
 import "./chunk-KOSCMAIC.mjs";
-import "./chunk-UAZEQNCO.mjs";
-import "./chunk-LDJKJLBJ.mjs";
+import "./chunk-X6DSNTTX.mjs";
+import "./chunk-I6E6CALJ.mjs";
 import "./chunk-B4GODIOW.mjs";
-import "./chunk-F6IJV2I2.mjs";
+import "./chunk-N4N4KGET.mjs";
 import "./chunk-QTCZFYFH.mjs";
 import "./chunk-ENV6YVOM.mjs";
 import "./chunk-PIR2H25N.mjs";
-import "./chunk-RLY2SL5E.mjs";
 import "./chunk-C5LYZZZ5.mjs";
+import "./chunk-RLY2SL5E.mjs";
 import "./chunk-2ZKVRTBW.mjs";
-import "./chunk-4GJJIXM6.mjs";
-import "./chunk-YS65UGPC.mjs";
+import "./chunk-XYHXWLTJ.mjs";
 import "./chunk-F6PXCY3N.mjs";
-import "./chunk-3OHH43G6.mjs";
-import "./chunk-G2H6MAK7.mjs";
+import "./chunk-IXZVR3HG.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import {
   useShippingOptions
 } from "./chunk-GRT22PE5.mjs";
-import {
-  useStockLocations
-} from "./chunk-32IQRUVY.mjs";
+import "./chunk-32IQRUVY.mjs";
 import {
   useCreateOrderFulfillment,
   useOrder
-} from "./chunk-RWU2ZKWZ.mjs";
+} from "./chunk-WTK7SR6S.mjs";
 import {
   useReservationItems
-} from "./chunk-FVC7M755.mjs";
-import "./chunk-ZJ3OFMHB.mjs";
-import "./chunk-PNU5HPGY.mjs";
+} from "./chunk-6XWHQ6ON.mjs";
+import "./chunk-MQALAB34.mjs";
+import "./chunk-OGAZYXOV.mjs";
+import "./chunk-KX4P5L3R.mjs";
 import "./chunk-V2LANK5S.mjs";
 import "./chunk-QZ6PT4QV.mjs";
 import "./chunk-QL4XKIVL.mjs";
 import {
   useProductVariant
-} from "./chunk-6I62UDJA.mjs";
+} from "./chunk-4BGVSXZZ.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
-import "./chunk-DEQUVHHE.mjs";
-import "./chunk-GH77ZQI2.mjs";
+import {
+  sdk
+} from "./chunk-DEQUVHHE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/orders/order-create-fulfillment/order-create-fulfillments.tsx
 import { useParams, useSearchParams } from "react-router-dom";
 
 // src/routes/orders/order-create-fulfillment/components/order-create-fulfillment-form/order-create-fulfillment-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useEffect, useMemo as useMemo2, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { Alert, Button, Select, Switch, toast } from "@medusajs/ui";
 import { useForm, useWatch } from "react-hook-form";
@@ -87,7 +99,7 @@ function OrderCreateFulfillmentItem({
   item,
   form,
   locationId,
-  itemReservedQuantitiesMap,
+  reservations,
   disabled
 }) {
   const { t } = useTranslation();
@@ -95,36 +107,72 @@ function OrderCreateFulfillmentItem({
     item.product_id,
     item.variant_id,
     {
-      fields: "*inventory,*inventory.location_levels"
+      fields: "*inventory,*inventory.location_levels,*inventory_items"
     },
     {
       enabled: !!item.variant
     }
   );
   const { availableQuantity, inStockQuantity } = useMemo(() => {
-    if (!variant || !locationId) {
+    if (!variant?.inventory_items?.length || !variant?.inventory?.length || !locationId) {
       return {};
     }
-    const { inventory } = variant;
-    const locationInventory = inventory[0]?.location_levels?.find(
-      (inv) => inv.location_id === locationId
+    const { inventory, inventory_items } = variant;
+    const locationHasEveryInventoryItem = inventory.every(
+      (i) => i.location_levels?.find((inv) => inv.location_id === locationId)
     );
-    if (!locationInventory) {
+    if (!locationHasEveryInventoryItem) {
+      return {};
+    }
+    const inventoryItemRequiredQuantityMap = new Map(
+      inventory_items.map((i) => [i.inventory_item_id, i.required_quantity])
+    );
+    const reservation = reservations?.find((r) => r.line_item_id === item.id);
+    const iitemRequiredQuantity = inventory_items.find(
+      (i) => i.inventory_item_id === reservation?.inventory_item_id
+    )?.required_quantity;
+    const reservedQuantityForItem = !reservation ? 0 : reservation?.quantity / (iitemRequiredQuantity || 1);
+    const locationInventoryLevels = inventory.map((i) => {
+      const level = i.location_levels?.find(
+        (inv) => inv.location_id === locationId
+      );
+      const requiredQuantity = inventoryItemRequiredQuantityMap.get(i.id);
+      if (!level || !requiredQuantity) {
+        return {
+          availableQuantity: Number.MAX_SAFE_INTEGER,
+          stockedQuantity: Number.MAX_SAFE_INTEGER
+        };
+      }
+      const availableQuantity2 = level.available_quantity / requiredQuantity;
+      const stockedQuantity = level.stocked_quantity / requiredQuantity;
+      return {
+        availableQuantity: availableQuantity2,
+        stockedQuantity
+      };
+    });
+    const maxAvailableQuantity = Math.min(
+      ...locationInventoryLevels.map((i) => i.availableQuantity)
+    );
+    const maxStockedQuantity = Math.min(
+      ...locationInventoryLevels.map((i) => i.stockedQuantity)
+    );
+    if (maxAvailableQuantity === Number.MAX_SAFE_INTEGER || maxStockedQuantity === Number.MAX_SAFE_INTEGER) {
       return {};
     }
-    const reservedQuantityForItem = itemReservedQuantitiesMap.get(item.id) ?? 0;
     return {
-      availableQuantity: locationInventory.available_quantity + reservedQuantityForItem,
-      inStockQuantity: locationInventory.stocked_quantity
+      availableQuantity: Math.floor(
+        maxAvailableQuantity + reservedQuantityForItem
+      ),
+      inStockQuantity: Math.floor(maxStockedQuantity)
     };
-  }, [variant, locationId, itemReservedQuantitiesMap]);
+  }, [variant, locationId, reservations]);
   const minValue = 0;
   const maxValue = Math.min(
     getFulfillableQuantity(item),
     availableQuantity || Number.MAX_SAFE_INTEGER
   );
   return /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center", children: [
-    disabled && /* @__PURE__ */ jsx("div", { className: "inline-flex items-center ml-4", children: /* @__PURE__ */ jsx(
+    disabled && /* @__PURE__ */ jsx("div", { className: "ml-4 inline-flex items-center", children: /* @__PURE__ */ jsx(
       Tooltip,
       {
         content: t("orders.fulfillment.disabledItemTooltip"),
@@ -136,8 +184,8 @@ function OrderCreateFulfillmentItem({
       "div",
       {
         className: clx(
-          "flex flex-col flex-1 gap-x-2 gap-y-2 border-b p-3 text-sm sm:flex-row",
-          disabled && "opacity-50 pointer-events-none"
+          "flex flex-1 flex-col gap-x-2 gap-y-2 border-b p-3 text-sm sm:flex-row",
+          disabled && "pointer-events-none opacity-50"
         ),
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-x-3", children: [
@@ -238,14 +286,20 @@ function OrderCreateFulfillmentForm({
 }) {
   const { t } = useTranslation2();
   const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
   const { mutateAsync: createOrderFulfillment, isPending: isMutating } = useCreateOrderFulfillment(order.id);
   const { reservations } = useReservationItems({
-    line_item_id: order.items.map((i) => i.id)
+    line_item_id: order.items.map((i) => i.id),
+    limit: getReservationsLimitCount(order)
+  });
+  const stockLocations = useComboboxData({
+    queryFn: (params) => sdk.admin.stockLocation.list(params),
+    queryKey: ["stock_locations"],
+    getOptions: (data) => data.stock_locations.map((location) => ({
+      label: location.name,
+      value: location.id
+    }))
   });
-  const itemReservedQuantitiesMap = useMemo2(
-    () => new Map((reservations || []).map((r) => [r.line_item_id, r.quantity])),
-    [reservations]
-  );
   const [fulfillableItems, setFulfillableItems] = useState(
     () => (order.items || []).filter(
       (item) => item.requires_shipping === requiresShipping && getFulfillableQuantity(item) > 0
@@ -268,7 +322,6 @@ function OrderCreateFulfillmentForm({
     name: "location_id",
     control: form.control
   });
-  const { stock_locations = [] } = useStockLocations();
   const { shipping_options = [], isLoading: isShippingOptionsLoading } = useShippingOptions({
     stock_location_id: selectedLocationId,
     // is_return: false, // TODO: 500 when enabled
@@ -325,7 +378,7 @@ function OrderCreateFulfillmentForm({
     }
   });
   useEffect(() => {
-    if (stock_locations?.length && shipping_options?.length) {
+    if (shipping_options?.length) {
       const initialShippingOptionId = order.shipping_methods?.[0]?.shipping_option_id;
       if (initialShippingOptionId) {
         const shippingOption = shipping_options.find(
@@ -341,7 +394,7 @@ function OrderCreateFulfillmentForm({
         }
       }
     }
-  }, [stock_locations?.length, shipping_options?.length]);
+  }, [shipping_options]);
   const fulfilledQuantityArray = (order.items || []).map(
     (item) => item.requires_shipping === requiresShipping && item.detail.fulfilled_quantity
   );
@@ -381,24 +434,23 @@ function OrderCreateFulfillmentForm({
             {
               control: form.control,
               name: "location_id",
-              render: ({ field: { onChange, ref, ...field } }) => {
+              render: ({ field: { ...field } }) => {
                 return /* @__PURE__ */ jsxs2(Form.Item, { children: [
                   /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2 xl:flex-row xl:items-center", children: [
                     /* @__PURE__ */ jsxs2("div", { className: "flex-1", children: [
                       /* @__PURE__ */ jsx2(Form.Label, { children: t("fields.location") }),
                       /* @__PURE__ */ jsx2(Form.Hint, { children: t("orders.fulfillment.locationDescription") })
                     ] }),
-                    /* @__PURE__ */ jsx2("div", { className: "flex-1", children: /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsxs2(Select, { onValueChange: onChange, ...field, children: [
-                      /* @__PURE__ */ jsx2(
-                        Select.Trigger,
-                        {
-                          className: "bg-ui-bg-base",
-                          ref,
-                          children: /* @__PURE__ */ jsx2(Select.Value, {})
-                        }
-                      ),
-                      /* @__PURE__ */ jsx2(Select.Content, { children: stock_locations.map((l) => /* @__PURE__ */ jsx2(Select.Item, { value: l.id, children: l.name }, l.id)) })
-                    ] }) }) })
+                    /* @__PURE__ */ jsx2("div", { className: "flex-1", children: /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+                      Combobox,
+                      {
+                        ...field,
+                        options: stockLocations.options,
+                        searchValue: stockLocations.searchValue,
+                        onSearchValueChange: stockLocations.onSearchValueChange,
+                        disabled: stockLocations.disabled
+                      }
+                    ) }) })
                   ] }),
                   /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
                 ] });
@@ -421,6 +473,7 @@ function OrderCreateFulfillmentForm({
                       /* @__PURE__ */ jsx2("div", { className: "flex-1", children: /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsxs2(
                         Select,
                         {
+                          dir: direction,
                           onValueChange: onChange,
                           ...field,
                           disabled: !selectedLocationId,
@@ -466,7 +519,7 @@ function OrderCreateFulfillmentForm({
                     item,
                     locationId: selectedLocationId,
                     disabled: requiresShipping && !isShippingProfileMatching,
-                    itemReservedQuantitiesMap
+                    reservations
                   },
                   item.id
                 );
@@ -495,6 +548,8 @@ function OrderCreateFulfillmentForm({
                     /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
                       Switch,
                       {
+                        dir: "ltr",
+                        className: "rtl:rotate-180",
                         checked: !!value,
                         onCheckedChange: onChange,
                         ...field