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

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

@@ -25,7 +25,7 @@ import {
   useUpdateClaimInboundShipping,
   useUpdateClaimOutboundItems,
   useUpdateClaimOutboundShipping
-} from "./chunk-GAD5DQOY.js";
+} from "./chunk-3EDQIZV6.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,46 +77,32 @@ 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";
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.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";
+} from "./chunk-B3EEDC47.js";
+import "./chunk-A772RAKB.js";
 import {
-  useStockLocations
-} from "./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";
+  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 {
@@ -631,7 +601,7 @@ function ClaimInboundItem({
             {
               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,
@@ -680,7 +650,7 @@ function ClaimInboundItem({
             {
               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,
@@ -758,7 +728,7 @@ import { useMemo as useMemo3 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var columnHelper2 = createColumnHelper2();
-var useClaimOutboundItemTableColumns = (currencyCode) => {
+var useClaimOutboundItemTableColumns = (_currencyCode) => {
   const { t } = useTranslation5();
   return useMemo3(
     () => [
@@ -805,7 +775,7 @@ var useClaimOutboundItemTableColumns = (currencyCode) => {
         header: t("fields.title")
       })
     ],
-    [t, currencyCode]
+    [t]
   );
 };
 
@@ -873,16 +843,12 @@ var AddClaimOutboundItemsTable = ({
     pageSize: PAGE_SIZE2,
     prefix: PREFIX2
   });
-  const { variants = [], count } = useVariants({
-    ...searchParams,
-    fields: "*inventory_items.inventory.location_levels,+inventory_quantity"
-  });
   const columns = useClaimOutboundItemTableColumns(currencyCode);
   const filters = useClaimOutboundItemTableFilters();
   const { table } = useDataTable({
-    data: variants,
+    data: [],
     columns,
-    count,
+    count: 0,
     enablePagination: true,
     getRowId: (row) => row.id,
     pageSize: PAGE_SIZE2,
@@ -1049,7 +1015,7 @@ var ClaimOutboundSection = ({
         (a) => a.claim_id === claim.id && a.action === "ITEM_ADD"
       )
     ),
-    [preview.items]
+    [preview.items, claim.id]
   );
   const variantItemMap = useMemo4(
     () => new Map(order?.items?.map((i) => [i.variant_id, i])),
@@ -1066,7 +1032,7 @@ var ClaimOutboundSection = ({
   });
   const variantOutboundMap = useMemo4(
     () => new Map(previewOutboundItems.map((i) => [i.variant_id, i])),
-    [previewOutboundItems, outboundItems]
+    [previewOutboundItems]
   );
   useEffect(() => {
     const existingItemsMap = {};
@@ -1096,23 +1062,31 @@ var ClaimOutboundSection = ({
         remove(ind);
       }
     });
-  }, [previewOutboundItems]);
+  }, [
+    previewOutboundItems,
+    remove,
+    outboundItems,
+    append,
+    update
+  ]);
   const locationId = form.watch("location_id");
   const showOutboundItemsPlaceholder = !outboundItems.length;
   const onItemsSelected = async () => {
-    itemsToAdd.length && await addOutboundItem(
-      {
-        items: itemsToAdd.map((variantId) => ({
-          variant_id: variantId,
-          quantity: 1
-        }))
-      },
-      {
-        onError: (error) => {
-          toast.error(error.message);
+    if (itemsToAdd.length) {
+      await addOutboundItem(
+        {
+          items: itemsToAdd.map((variantId) => ({
+            variant_id: variantId,
+            quantity: 1
+          }))
+        },
+        {
+          onError: (error) => {
+            toast.error(error.message);
+          }
         }
-      }
-    );
+      );
+    }
     for (const itemToRemove of itemsToRemove) {
       const action = previewOutboundItems.find((i) => i.variant_id === itemToRemove)?.actions?.find((a) => a.action === "ITEM_ADD");
       if (action?.id) {
@@ -1130,7 +1104,7 @@ var ClaimOutboundSection = ({
       const action = s.actions?.find(
         (a) => a.action === "SHIPPING_ADD" && !a.return_id
       );
-      return action && !!!action?.return_id;
+      return action && !action?.return_id;
     });
     const promises = outboundShippingMethods.filter(Boolean).map((outboundShippingMethod) => {
       const action = outboundShippingMethod.actions?.find(
@@ -1169,7 +1143,12 @@ var ClaimOutboundSection = ({
       );
     }).every(Boolean);
     return !allItemsHaveLocation;
-  }, [outboundItems, inventoryMap, locationId]);
+  }, [
+    outboundItems,
+    inventoryMap,
+    locationId,
+    variantItemMap
+  ]);
   useEffect(() => {
     const getInventoryMap = async () => {
       const ret = {};
@@ -1194,7 +1173,7 @@ var ClaimOutboundSection = ({
     /* @__PURE__ */ jsxs3("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__ */ jsx7(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx7("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__ */ 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__ */ jsx7(StackedFocusModal.Header, {}),
           /* @__PURE__ */ jsx7(
@@ -1218,6 +1197,7 @@ var ClaimOutboundSection = ({
             /* @__PURE__ */ jsx7(
               Button,
               {
+                tabIndex: 0,
                 type: "submit",
                 variant: "primary",
                 size: "small",
@@ -1362,7 +1342,7 @@ var ClaimCreateForm = ({
     () => preview?.items?.filter(
       (i) => !!i.actions?.find((a) => a.claim_id === claim.id)
     ),
-    [preview.items]
+    [preview.items, claim.id]
   );
   const inboundPreviewItems = previewItems.filter(
     (item) => !!item.actions?.find((a) => a.action === "RETURN_ITEM")
@@ -1448,7 +1428,7 @@ var ClaimCreateForm = ({
         float: inboundShipping.total
       });
     }
-  }, [inboundShipping]);
+  }, [inboundShipping, order.currency_code]);
   useEffect2(() => {
     if (outboundShipping) {
       setCustomOutboundShippingAmount({
@@ -1458,7 +1438,7 @@ var ClaimCreateForm = ({
         float: outboundShipping.total
       });
     }
-  }, [outboundShipping]);
+  }, [outboundShipping, order.currency_code]);
   const {
     fields: inboundItems,
     append,
@@ -1470,7 +1450,7 @@ var ClaimCreateForm = ({
   });
   const previewItemsMap = useMemo5(
     () => new Map(previewItems.map((i) => [i.id, i])),
-    [previewItems, inboundItems]
+    [previewItems]
   );
   useEffect2(() => {
     const existingItemsMap = {};
@@ -1501,7 +1481,14 @@ var ClaimCreateForm = ({
         remove(ind);
       }
     });
-  }, [previewItems]);
+  }, [
+    previewItems,
+    inboundItems,
+    remove,
+    inboundPreviewItems,
+    append,
+    update
+  ]);
   useEffect2(() => {
     const inboundShipping2 = preview.shipping_methods.find(
       (s) => !!s.actions?.find((a) => a.action === "SHIPPING_ADD" && !!a.return_id)
@@ -1519,10 +1506,10 @@ var ClaimCreateForm = ({
     } else {
       form.setValue("outbound_option_id", null);
     }
-  }, [preview.shipping_methods]);
+  }, [preview.shipping_methods, form]);
   useEffect2(() => {
     form.setValue("location_id", orderReturn?.location_id);
-  }, [orderReturn]);
+  }, [orderReturn, form]);
   const showInboundItemsPlaceholder = !inboundPreviewItems.length;
   const showOutboundItemsPlaceholder = !outboundPreviewItems.length;
   const inboundShippingOptionId = form.watch("inbound_option_id");
@@ -1553,19 +1540,21 @@ var ClaimCreateForm = ({
     );
   });
   const onItemsSelected = async () => {
-    itemsToAdd2.length && await addInboundItem(
-      {
-        items: itemsToAdd2.map((id) => ({
-          id,
-          quantity: 1
-        }))
-      },
-      {
-        onError: (error) => {
-          toast2.error(error.message);
+    if (itemsToAdd2.length) {
+      await addInboundItem(
+        {
+          items: itemsToAdd2.map((id) => ({
+            id,
+            quantity: 1
+          }))
+        },
+        {
+          onError: (error) => {
+            toast2.error(error.message);
+          }
         }
-      }
-    );
+      );
+    }
     for (const itemToRemove of itemsToRemove2) {
       const actionId = previewItems.find((i) => i.id === itemToRemove)?.actions?.find((a) => a.action === "RETURN_ITEM")?.id;
       if (actionId) {
@@ -1635,7 +1624,12 @@ var ClaimCreateForm = ({
       );
     }).every(Boolean);
     return !allItemsHaveLocation;
-  }, [inboundItems, inventoryMap, locationId]);
+  }, [
+    inboundItems,
+    inventoryMap,
+    locationId,
+    itemsMap
+  ]);
   useEffect2(() => {
     const getInventoryMap = async () => {
       const ret = {};
@@ -1670,7 +1664,7 @@ var ClaimCreateForm = ({
         IS_CANCELING = false;
       }
     };
-  }, []);
+  }, [t, cancelClaimRequest]);
   const inboundShippingTotal = useMemo5(() => {
     const method = preview.shipping_methods.find(
       (sm) => !!sm.actions?.find((a) => a.action === "SHIPPING_ADD" && !!a.return_id)
@@ -1695,7 +1689,7 @@ var ClaimCreateForm = ({
           /* @__PURE__ */ jsxs4("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__ */ 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(
@@ -1730,6 +1724,7 @@ var ClaimCreateForm = ({
                   /* @__PURE__ */ jsx8(
                     Button2,
                     {
+                      tabIndex: 0,
                       type: "submit",
                       variant: "primary",
                       size: "small",
@@ -2193,7 +2188,12 @@ var ClaimCreate = () => {
       }
     }
     run();
-  }, [preview]);
+  }, [
+    preview,
+    navigate,
+    t,
+    createClaim
+  ]);
   return /* @__PURE__ */ jsx9(RouteFocusModal, { "data-testid": "order-create-claim-modal", children: claim && preview && order && /* @__PURE__ */ jsx9(
     ClaimCreateForm,
     {

package/dist/{order-create-edit-25CJG3KZ.js → order-create-edit-PQ54JFZZ.js}

@@ -6,7 +6,7 @@ import {
   useRequestOrderEdit,
   useUpdateOrderEditAddedItem,
   useUpdateOrderEditOriginalItem
-} from "./chunk-6MJ5HPIP.js";
+} from "./chunk-WS63IRBI.js";
 import {
   MoneyAmountCell
 } from "./chunk-2Y3WMGN6.js";
@@ -21,15 +21,12 @@ 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 "./chunk-IQPN4PZJ.js";
@@ -37,19 +34,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-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
-import {
-  useQueryParams
-} from "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import {
   RouteFocusModal,
   StackedFocusModal,
@@ -60,41 +44,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 {
   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-B3EEDC47.js";
+import "./chunk-A772RAKB.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 "./chunk-ZBWL72TB.js";
@@ -130,7 +98,7 @@ import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { jsx } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
-var useOrderEditItemsTableColumns = (currencyCode) => {
+var useOrderEditItemsTableColumns = (_currencyCode) => {
   const { t } = useTranslation();
   return useMemo(
     () => [
@@ -177,7 +145,7 @@ var useOrderEditItemsTableColumns = (currencyCode) => {
         header: t("fields.title")
       })
     ],
-    [t, currencyCode]
+    [t]
   );
 };
 
@@ -239,16 +207,14 @@ var AddOrderEditItemsTable = ({
     pageSize: PAGE_SIZE,
     prefix: PREFIX
   });
-  const { variants = [], count } = useVariants({
-    ...searchParams,
-    fields: "*inventory_items.inventory.location_levels,+inventory_quantity"
-  });
   const columns = useOrderEditItemsTableColumns(currencyCode);
   const filters = useOrderEditItemTableFilters();
   const { table } = useDataTable({
-    data: variants,
+    data: [],
+    // data: variants,
     columns,
-    count,
+    count: 0,
+    // count,
     enablePagination: true,
     getRowId: (row) => row.id,
     pageSize: PAGE_SIZE,
@@ -266,7 +232,7 @@ var AddOrderEditItemsTable = ({
       table,
       columns,
       pageSize: PAGE_SIZE,
-      count,
+      count: 0,
       filters,
       pagination: true,
       layout: "fill",
@@ -509,7 +475,6 @@ var OrderEditItemsSection = ({
     };
   }, [debouncedOnChange]);
   const filteredItems = useMemo3(() => {
-    const lowerFilterTerm = filterTerm.toLowerCase();
     return preview.items.filter(
       (i) => i.title.toLowerCase().includes(filterTerm) || i.product_title?.toLowerCase().includes(filterTerm)
     );
@@ -930,7 +895,12 @@ var OrderEditCreate = () => {
       }
     }
     run();
-  }, [preview]);
+  }, [
+    preview,
+    createOrderEdit,
+    navigate,
+    t
+  ]);
   return /* @__PURE__ */ jsx6(RouteFocusModal, { "data-testid": "order-edit-create-modal", children: preview && order && /* @__PURE__ */ jsx6(OrderEditCreateForm, { order, preview }) });
 };
 export {