@mercurjs/admin 2.1.2-canary.5 → 2.2.0-canary.1

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

@@ -5,6 +5,9 @@ import {
   OutboundShippingPlaceholder,
   ReturnShippingPlaceholder
 } from "./chunk-S4SVK5DE.js";
+import {
+  getFormattedShippingOptionLocationName
+} from "./chunk-HC25LNX7.js";
 import {
   useAddExchangeInboundItems,
   useAddExchangeInboundShipping,
@@ -22,10 +25,7 @@ import {
   useUpdateExchangeInboundShipping,
   useUpdateExchangeOutboundItems,
   useUpdateExchangeOutboundShipping
-} from "./chunk-3IN6MMKV.js";
-import {
-  getFormattedShippingOptionLocationName
-} from "./chunk-HC25LNX7.js";
+} from "./chunk-GNLPUGYK.js";
 import {
   useReturnReasons
 } from "./chunk-2FGRDEAD.js";
@@ -41,7 +41,7 @@ import {
 import {
   useReturn,
   useUpdateReturn
-} from "./chunk-OQMBWJPH.js";
+} from "./chunk-GKW445WA.js";
 import {
   getStylizedAmount
 } from "./chunk-PXYDR7WQ.js";
@@ -50,39 +50,23 @@ import {
   ProductHeader
 } from "./chunk-FWPGOIFA.js";
 import "./chunk-PHOCVOZ5.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KLVTWJ4M.js";
-import "./chunk-YBZWO4ZV.js";
+} from "./chunk-NQEXDLYH.js";
+import "./chunk-YN3FGNJM.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-634XVU3D.js";
-import {
-  currencies
-} from "./chunk-IQPN4PZJ.js";
 import {
   Combobox
 } from "./chunk-AW77UWCZ.js";
+import {
+  currencies
+} from "./chunk-IQPN4PZJ.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-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
-import {
-  useQueryParams
-} from "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import {
   RouteFocusModal,
   StackedFocusModal,
@@ -93,24 +77,31 @@ import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import {
-  useVariants
-} from "./chunk-PBQ5M44A.js";
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import "./chunk-AXTQMIIK.js";
 import "./chunk-OH4AABUT.js";
-import "./chunk-YKDEE7ZL.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-7O5NDICV.js";
+import "./chunk-FTAR3BDS.js";
 import "./chunk-46M463BR.js";
+import "./chunk-ZZ3XFIEM.js";
+import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
 import "./chunk-OHOWEMHO.js";
+import "./chunk-JPNPTILP.js";
 import "./chunk-GKGLVDDV.js";
+import "./chunk-N6SI4IIT.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-DBNPVU3L.js";
-import "./chunk-U7WZYWGA.js";
+import "./chunk-OSEIN4Y2.js";
+import "./chunk-XZZTC7E5.js";
 import "./chunk-ZN7LWXVC.js";
 import "./chunk-VYMODH6P.js";
 import "./chunk-LEG67A2R.js";
@@ -118,21 +109,27 @@ import "./chunk-PRBE5CM3.js";
 import {
   useShippingOptions
 } from "./chunk-5TRY5IMZ.js";
+import {
+  useStockLocations
+} from "./chunk-EPHVGD5Z.js";
 import {
   useOrder,
   useOrderPreview,
   useOrderShippingOptions
-} from "./chunk-TAKEQAZZ.js";
-import "./chunk-B6FG7A6W.js";
-import {
-  useStockLocations
-} from "./chunk-EPHVGD5Z.js";
+} from "./chunk-B3EEDC47.js";
+import "./chunk-A772RAKB.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";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-S5BJ5CMF.js";
+import "./chunk-H5PYBIOZ.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 {
@@ -358,7 +355,7 @@ var AddExchangeInboundItemsTable = ({
       results = filterByDate(results, updated_at, "updated_at");
     }
     return results.slice(offset, offset + limit);
-  }, [items, currencyCode, searchParams]);
+  }, [items, searchParams]);
   const columns = useExchangeItemTableColumns(currencyCode);
   const filters = useExchangeItemTableFilters();
   const { table } = useDataTable({
@@ -560,7 +557,7 @@ function ExchangeInboundItem({
             {
               control: form.control,
               name: `inbound_items.${index}.reason_id`,
-              render: ({ field: { ref, value, onChange, ...field } }) => {
+              render: ({ field: { ref: _ref, value, onChange, ...field } }) => {
                 return /* @__PURE__ */ jsxs(Form.Item, { children: [
                   /* @__PURE__ */ jsx3(Form.Control, { children: /* @__PURE__ */ jsx3(
                     Combobox,
@@ -609,7 +606,7 @@ function ExchangeInboundItem({
             {
               control: form.control,
               name: `inbound_items.${index}.note`,
-              render: ({ field: { ref, ...field } }) => {
+              render: ({ field: { ref: _ref, ...field } }) => {
                 return /* @__PURE__ */ jsxs(Form.Item, { children: [
                   /* @__PURE__ */ jsx3(Form.Control, { children: /* @__PURE__ */ jsx3(
                     Input,
@@ -685,7 +682,7 @@ var ExchangeInboundSection = ({
     () => preview?.items?.filter(
       (i) => !!i.actions?.find((a) => a.exchange_id === exchange.id)
     ),
-    [preview.items]
+    [preview.items, exchange.id]
   );
   const inboundPreviewItems = previewInboundItems.filter(
     (item) => !!item.actions?.find((a) => a.action === "RETURN_ITEM")
@@ -722,7 +719,7 @@ var ExchangeInboundSection = ({
   });
   const inboundItemsMap = useMemo3(
     () => new Map(previewInboundItems.map((i) => [i.id, i])),
-    [previewInboundItems, inboundItems]
+    [previewInboundItems]
   );
   useEffect(() => {
     const existingItemsMap = {};
@@ -753,7 +750,14 @@ var ExchangeInboundSection = ({
         remove(ind);
       }
     });
-  }, [previewInboundItems]);
+  }, [
+    previewInboundItems,
+    inboundPreviewItems,
+    append,
+    update,
+    inboundItems,
+    remove
+  ]);
   useEffect(() => {
     const inboundShippingMethod = preview.shipping_methods.find(
       (s) => s.actions?.find((a) => a.action === "SHIPPING_ADD" && !!a.return_id)
@@ -766,25 +770,27 @@ var ExchangeInboundSection = ({
     } else {
       form.setValue("inbound_option_id", "");
     }
-  }, [preview.shipping_methods]);
+  }, [preview.shipping_methods, form]);
   useEffect(() => {
     form.setValue("location_id", orderReturn?.location_id);
-  }, [orderReturn]);
+  }, [orderReturn, form]);
   const showInboundItemsPlaceholder = !inboundItems.length;
   const onItemsSelected = async () => {
-    itemsToAdd.length && await addInboundItem(
-      {
-        items: itemsToAdd.map((id) => ({
-          id,
-          quantity: 1
-        }))
-      },
-      {
-        onError: (error) => {
-          toast.error(error.message);
+    if (itemsToAdd.length) {
+      await addInboundItem(
+        {
+          items: itemsToAdd.map((id) => ({
+            id,
+            quantity: 1
+          }))
+        },
+        {
+          onError: (error) => {
+            toast.error(error.message);
+          }
         }
-      }
-    );
+      );
+    }
     for (const itemToRemove of itemsToRemove) {
       const actionId = previewInboundItems.find((i) => i.id === itemToRemove)?.actions?.find((a) => a.action === "RETURN_ITEM")?.id;
       if (actionId) {
@@ -841,7 +847,12 @@ var ExchangeInboundSection = ({
       );
     }).every(Boolean);
     return !allItemsHaveLocation;
-  }, [inboundItems, inventoryMap, locationId]);
+  }, [
+    inboundItems,
+    inventoryMap,
+    locationId,
+    itemsMap
+  ]);
   useEffect(() => {
     const getInventoryMap = async () => {
       const ret = {};
@@ -866,7 +877,7 @@ var ExchangeInboundSection = ({
     /* @__PURE__ */ jsxs2("div", { className: "mt-8 flex items-center justify-between", children: [
       /* @__PURE__ */ jsx4(Heading, { level: "h2", children: t("orders.returns.inbound") }),
       /* @__PURE__ */ jsxs2(StackedFocusModal, { id: "inbound-items", children: [
-        /* @__PURE__ */ jsx4(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx4("a", { 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__ */ jsx4(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx4("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__ */ jsxs2(StackedFocusModal.Content, { children: [
           /* @__PURE__ */ jsx4(StackedFocusModal.Header, {}),
           /* @__PURE__ */ jsx4(
@@ -891,6 +902,7 @@ var ExchangeInboundSection = ({
             /* @__PURE__ */ jsx4(
               Button,
               {
+                tabIndex: 0,
                 type: "submit",
                 variant: "primary",
                 size: "small",
@@ -1053,7 +1065,7 @@ import { useMemo as useMemo4 } from "react";
 import { useTranslation as useTranslation6 } from "react-i18next";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var columnHelper2 = createColumnHelper2();
-var useExchangeOutboundItemTableColumns = (currencyCode) => {
+var useExchangeOutboundItemTableColumns = (_currencyCode) => {
   const { t } = useTranslation6();
   return useMemo4(
     () => [
@@ -1100,7 +1112,7 @@ var useExchangeOutboundItemTableColumns = (currencyCode) => {
         header: t("fields.title")
       })
     ],
-    [t, currencyCode]
+    [t]
   );
 };
 
@@ -1168,16 +1180,12 @@ var AddExchangeOutboundItemsTable = ({
     pageSize: PAGE_SIZE2,
     prefix: PREFIX2
   });
-  const { variants = [], count } = useVariants({
-    ...searchParams,
-    fields: "*inventory_items.inventory.location_levels,+inventory_quantity"
-  });
   const columns = useExchangeOutboundItemTableColumns(currencyCode);
   const filters = useExchangeOutboundItemTableFilters();
   const { table } = useDataTable({
-    data: variants,
+    data: [],
     columns,
-    count,
+    count: 0,
     enablePagination: true,
     getRowId: (row) => row.id,
     pageSize: PAGE_SIZE2,
@@ -1343,7 +1351,7 @@ var ExchangeOutboundSection = ({
         (a) => a.exchange_id === exchange.id && a.action === "ITEM_ADD"
       )
     ),
-    [preview.items]
+    [preview.items, exchange.id]
   );
   const variantItemMap = useMemo5(
     () => new Map(order?.items?.map((i) => [i.variant_id, i])),
@@ -1360,7 +1368,7 @@ var ExchangeOutboundSection = ({
   });
   const variantOutboundMap = useMemo5(
     () => new Map(previewOutboundItems.map((i) => [i.variant_id, i])),
-    [previewOutboundItems, outboundItems]
+    [previewOutboundItems]
   );
   useEffect2(() => {
     const existingItemsMap = {};
@@ -1390,23 +1398,31 @@ var ExchangeOutboundSection = ({
         remove(ind);
       }
     });
-  }, [previewOutboundItems]);
+  }, [
+    previewOutboundItems,
+    remove,
+    outboundItems,
+    update,
+    append
+  ]);
   const locationId = form.watch("location_id");
   const showOutboundItemsPlaceholder = !outboundItems.length;
   const onItemsSelected = async () => {
-    itemsToAdd2.length && await addOutboundItem(
-      {
-        items: itemsToAdd2.map((variantId) => ({
-          variant_id: variantId,
-          quantity: 1
-        }))
-      },
-      {
-        onError: (error) => {
-          toast2.error(error.message);
+    if (itemsToAdd2.length) {
+      await addOutboundItem(
+        {
+          items: itemsToAdd2.map((variantId) => ({
+            variant_id: variantId,
+            quantity: 1
+          }))
+        },
+        {
+          onError: (error) => {
+            toast2.error(error.message);
+          }
         }
-      }
-    );
+      );
+    }
     for (const itemToRemove of itemsToRemove2) {
       const action = previewOutboundItems.find((i) => i.variant_id === itemToRemove)?.actions?.find((a) => a.action === "ITEM_ADD");
       if (action?.id) {
@@ -1428,7 +1444,7 @@ var ExchangeOutboundSection = ({
     } else {
       form.setValue("outbound_option_id", "");
     }
-  }, [preview.shipping_methods]);
+  }, [preview.shipping_methods, form]);
   const onShippingOptionChange = async (selectedOptionId) => {
     const outboundShippingMethods = preview.shipping_methods.filter(
       (s) => !!s.actions?.find((a) => a.action === "SHIPPING_ADD" && !a.return_id)
@@ -1470,7 +1486,12 @@ var ExchangeOutboundSection = ({
       );
     }).every(Boolean);
     return !allItemsHaveLocation;
-  }, [outboundItems, inventoryMap, locationId]);
+  }, [
+    outboundItems,
+    inventoryMap,
+    locationId,
+    variantItemMap
+  ]);
   useEffect2(() => {
     const getInventoryMap = async () => {
       const ret = {};
@@ -1495,7 +1516,7 @@ var ExchangeOutboundSection = ({
     /* @__PURE__ */ jsxs4("div", { className: "mt-8 flex items-center justify-between", children: [
       /* @__PURE__ */ jsx8(Heading2, { level: "h2", children: t("orders.returns.outbound") }),
       /* @__PURE__ */ jsxs4(StackedFocusModal, { id: "outbound-items", children: [
-        /* @__PURE__ */ jsx8(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx8("a", { 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__ */ 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__ */ jsx8(StackedFocusModal.Header, {}),
           /* @__PURE__ */ jsx8(
@@ -1519,6 +1540,7 @@ var ExchangeOutboundSection = ({
             /* @__PURE__ */ jsx8(
               Button2,
               {
+                tabIndex: 0,
                 type: "submit",
                 variant: "primary",
                 size: "small",
@@ -1644,7 +1666,7 @@ var ExchangeCreateForm = ({
     () => preview?.items?.filter(
       (i) => !!i.actions?.find((a) => a.exchange_id === exchange.id)
     ),
-    [preview.items]
+    [preview.items, exchange.id]
   );
   const inboundPreviewItems = previewItems.filter(
     (item) => !!item.actions?.find((a) => a.action === "RETURN_ITEM")
@@ -1761,7 +1783,7 @@ var ExchangeCreateForm = ({
         IS_CANCELING = false;
       }
     };
-  }, []);
+  }, [t, cancelExchangeRequest]);
   const inboundShippingTotal = useMemo6(() => {
     const method = preview.shipping_methods.find(
       (sm) => !!sm.actions?.find((a) => a.action === "SHIPPING_ADD" && !!a.return_id)
@@ -2180,7 +2202,12 @@ var ExchangeCreate = () => {
       }
     }
     run();
-  }, [preview]);
+  }, [
+    preview,
+    createExchange,
+    navigate,
+    t
+  ]);
   return /* @__PURE__ */ jsx10(RouteFocusModal, { "data-testid": "order-create-exchange-modal", children: exchange && preview && order && /* @__PURE__ */ jsx10(
     ExchangeCreateForm,
     {

package/dist/{order-create-fulfillment-BB2FCLAH.js → order-create-fulfillment-SMSUJSBN.js}

@@ -4,12 +4,10 @@ import {
 import {
   getReservationsLimitCount
 } from "./chunk-3KOTDGC2.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
 import {
   useComboboxData
-} from "./chunk-AEFDAU3Y.js";
+} from "./chunk-5KGMGL4N.js";
+import "./chunk-PYDRHQTY.js";
 import {
   Combobox
 } from "./chunk-AW77UWCZ.js";
@@ -17,9 +15,6 @@ import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
 } from "./chunk-U2ZFCAPX.js";
-import {
-  useDocumentDirection
-} from "./chunk-Y7QKP6QU.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -27,23 +22,27 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
-import "./chunk-PBQ5M44A.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import "./chunk-AXTQMIIK.js";
 import "./chunk-OH4AABUT.js";
-import "./chunk-YKDEE7ZL.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-7O5NDICV.js";
+import "./chunk-FTAR3BDS.js";
 import "./chunk-46M463BR.js";
+import "./chunk-ZZ3XFIEM.js";
+import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
 import "./chunk-OHOWEMHO.js";
+import "./chunk-JPNPTILP.js";
 import "./chunk-GKGLVDDV.js";
+import "./chunk-N6SI4IIT.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-DBNPVU3L.js";
-import "./chunk-U7WZYWGA.js";
+import "./chunk-OSEIN4Y2.js";
+import "./chunk-XZZTC7E5.js";
 import "./chunk-ZN7LWXVC.js";
 import "./chunk-VYMODH6P.js";
 import "./chunk-LEG67A2R.js";
@@ -51,22 +50,25 @@ import "./chunk-PRBE5CM3.js";
 import {
   useShippingOptions
 } from "./chunk-5TRY5IMZ.js";
+import "./chunk-EPHVGD5Z.js";
 import {
   useCreateOrderFulfillment,
   useOrder
-} from "./chunk-TAKEQAZZ.js";
+} from "./chunk-B3EEDC47.js";
 import {
   useReservationItems
-} from "./chunk-B6FG7A6W.js";
-import "./chunk-EPHVGD5Z.js";
+} from "./chunk-A772RAKB.js";
 import "./chunk-ESPLVOFC.js";
 import "./chunk-FXWKGNRV.js";
 import "./chunk-VDKOJ5WD.js";
-import "./chunk-DL2ZIXBO.js";
-import "./chunk-Z2QQZOG3.js";
+import "./chunk-S5BJ5CMF.js";
+import "./chunk-H5PYBIOZ.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
 import {
   useProductVariant
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import {
@@ -169,7 +171,12 @@ function OrderCreateFulfillmentItem({
       ),
       inStockQuantity: Math.floor(maxStockedQuantity)
     };
-  }, [variant, locationId, reservations]);
+  }, [
+    variant,
+    locationId,
+    reservations,
+    item.id
+  ]);
   const minValue = 0;
   const maxValue = Math.min(
     getFulfillableQuantity(item),
@@ -407,7 +414,11 @@ function OrderCreateFulfillmentForm({
         }
       }
     }
-  }, [shipping_options]);
+  }, [
+    shipping_options,
+    order.shipping_methods,
+    form
+  ]);
   const fulfilledQuantityArray = (order.items || []).map(
     (item) => item.requires_shipping === requiresShipping && item.detail.fulfilled_quantity
   );
@@ -432,7 +443,13 @@ function OrderCreateFulfillmentForm({
       {}
     );
     form.setValue("quantity", quantityMap);
-  }, [...fulfilledQuantityArray, requiresShipping]);
+  }, [
+    ...fulfilledQuantityArray,
+    requiresShipping,
+    form,
+    t,
+    order.items
+  ]);
   const differentOptionSelected = shippingOptionId && order.shipping_methods?.[0]?.shipping_option_id !== shippingOptionId;
   return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, "data-testid": "order-create-fulfillment-form", children: /* @__PURE__ */ jsxs2(
     KeyboundForm,

package/dist/{order-create-refund-LDODI2AP.js → order-create-refund-OW3MIXBY.js}

@@ -20,9 +20,6 @@ import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
 } from "./chunk-U2ZFCAPX.js";
-import {
-  useDocumentDirection
-} from "./chunk-Y7QKP6QU.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -33,39 +30,43 @@ import {
 import {
   useRefundPayment,
   useRefundReasons
-} from "./chunk-PBQ5M44A.js";
+} from "./chunk-AXTQMIIK.js";
 import "./chunk-OH4AABUT.js";
-import "./chunk-YKDEE7ZL.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-7O5NDICV.js";
+import "./chunk-FTAR3BDS.js";
 import "./chunk-46M463BR.js";
+import "./chunk-ZZ3XFIEM.js";
+import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
 import "./chunk-OHOWEMHO.js";
+import "./chunk-JPNPTILP.js";
 import "./chunk-GKGLVDDV.js";
+import "./chunk-N6SI4IIT.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-DBNPVU3L.js";
-import "./chunk-U7WZYWGA.js";
+import "./chunk-OSEIN4Y2.js";
+import "./chunk-XZZTC7E5.js";
 import "./chunk-ZN7LWXVC.js";
 import "./chunk-VYMODH6P.js";
 import "./chunk-LEG67A2R.js";
 import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
+import "./chunk-EPHVGD5Z.js";
 import {
   useOrder
-} from "./chunk-TAKEQAZZ.js";
-import "./chunk-B6FG7A6W.js";
-import "./chunk-EPHVGD5Z.js";
+} from "./chunk-B3EEDC47.js";
+import "./chunk-A772RAKB.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";
+import "./chunk-S5BJ5CMF.js";
+import "./chunk-H5PYBIOZ.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import "./chunk-2YYXP6XI.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
@@ -137,7 +138,13 @@ var CreateRefundForm = ({ order }) => {
       value: normalizedAmount.toFixed(currency.decimal_digits),
       float: normalizedAmount
     });
-  }, [payment?.id || ""]);
+  }, [
+    payment?.id || "",
+    form,
+    order.summary.pending_difference,
+    payment.amount,
+    currency.decimal_digits
+  ]);
   const { mutateAsync, isPending } = useRefundPayment(order.id, payment?.id);
   const handleSubmit = form.handleSubmit(async (data) => {
     await mutateAsync(
@@ -281,7 +288,6 @@ var CreateRefundForm = ({ order }) => {
                             value: values?.value ?? "",
                             float: values?.float ?? null
                           }),
-                          autoFocus: true,
                           "data-testid": "order-create-refund-amount-input"
                         }
                       ) }),