@mercurjs/admin 2.0.0-canary.100

package/dist/inventory-create-S6CB4JYN.js

@@ -0,0 +1,56 @@
+import {
+  InventoryCreate
+} from "./chunk-5LI2P5VT.js";
+import "./chunk-7RPRNVBS.js";
+import "./chunk-NXDFDEKP.js";
+import "./chunk-V74Y5NIV.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-U3OWJE7V.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-UXD3VNBO.js";
+import "./chunk-SMQT3ZNO.js";
+import "./chunk-XSEF6KRY.js";
+import "./chunk-YVCBMOJG.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  InventoryCreate as Component
+};

package/dist/inventory-detail-OIKNOS5A.js

@@ -0,0 +1,107 @@
+import {
+  INVENTORY_DETAIL_FIELDS,
+  InventoryDetailPage
+} from "./chunk-FIYO3KTR.js";
+import "./chunk-LFKTHNWI.js";
+import "./chunk-JHIMVLB2.js";
+import "./chunk-W6Y3PPU5.js";
+import "./chunk-FI474ADU.js";
+import "./chunk-3XPXUIK3.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-ULJ3OMWU.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-XIZLPYEE.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import {
+  inventoryItemsQueryKeys,
+  useInventoryItem
+} from "./chunk-WBNGBRBK.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/inventory/inventory-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var InventoryDetailBreadcrumb = (props) => {
+  const { id } = props.params || {};
+  const { inventory_item } = useInventoryItem(
+    id,
+    {
+      fields: INVENTORY_DETAIL_FIELDS
+    },
+    {
+      initialData: props.data,
+      enabled: Boolean(id)
+    }
+  );
+  if (!inventory_item) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: inventory_item.title ?? inventory_item.sku ?? id });
+};
+
+// src/pages/inventory/inventory-detail/loader.ts
+var inventoryDetailQuery = (id) => ({
+  queryKey: inventoryItemsQueryKeys.detail(id),
+  queryFn: async () => sdk.admin.inventoryItems.$id.query({
+    $id: id,
+    fields: INVENTORY_DETAIL_FIELDS
+  })
+});
+var inventoryItemLoader = async ({ params }) => {
+  const id = params.id;
+  const query = inventoryDetailQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+export {
+  InventoryDetailBreadcrumb as Breadcrumb,
+  InventoryDetailPage as Component,
+  inventoryItemLoader as loader
+};

package/dist/inventory-list-XSHWCPO4.js

@@ -0,0 +1,30 @@
+import {
+  InventoryListPage
+} from "./chunk-ZJO4DDOP.js";
+import "./chunk-EOZUAYQL.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-ULJ3OMWU.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-XIZLPYEE.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  InventoryListPage as Component
+};

package/dist/inventory-metadata-MHGDNLXT.js

@@ -0,0 +1,87 @@
+import "./chunk-NCMUZ6BQ.js";
+import {
+  MetadataForm
+} from "./chunk-YDAJI7WF.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  RouteDrawer
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import {
+  useInventoryItem,
+  useUpdateInventoryItem
+} from "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/inventory/inventory-metadata/inventory-metadata.tsx
+import { useParams } from "react-router-dom";
+import { ClientError } from "@mercurjs/client";
+import { jsx } from "react/jsx-runtime";
+var InventoryItemMetadata = () => {
+  const { id } = useParams();
+  const { inventory_item, isPending, isError, error } = useInventoryItem(id);
+  const { mutateAsync, isPending: isMutating } = useUpdateInventoryItem(id);
+  if (isError) {
+    throw error;
+  }
+  const handleSubmit = async (params, callbacks) => {
+    try {
+      const result = await mutateAsync({
+        metadata: params.metadata === void 0 ? void 0 : params.metadata
+      });
+      callbacks.onSuccess?.();
+      return result;
+    } catch (error2) {
+      const message = error2 instanceof ClientError ? error2.message : "An error occurred";
+      callbacks.onError?.(message);
+      throw error2;
+    }
+  };
+  return /* @__PURE__ */ jsx(RouteDrawer, { "data-testid": "inventory-metadata-drawer", children: /* @__PURE__ */ jsx(
+    MetadataForm,
+    {
+      isPending,
+      isMutating,
+      hook: handleSubmit,
+      metadata: inventory_item?.metadata
+    }
+  ) });
+};
+export {
+  InventoryItemMetadata as Component
+};

package/dist/inventory-stock-JG5CZWZA.js

@@ -0,0 +1,292 @@
+import {
+  DataGridTogglableNumberCell
+} from "./chunk-UI2BJVP5.js";
+import {
+  INVENTORY_ITEM_IDS_KEY
+} from "./chunk-EOZUAYQL.js";
+import {
+  DataGrid,
+  DataGridReadonlyCell,
+  createDataGridHelper
+} from "./chunk-U3OWJE7V.js";
+import "./chunk-IQPN4PZJ.js";
+import {
+  castNumber
+} from "./chunk-SMQT3ZNO.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import {
+  useStockLocations
+} from "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import {
+  useBatchInventoryItemsLocationLevels,
+  useInventoryItems
+} from "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/inventory/inventory-stock/inventory-stock.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useSearchParams } from "react-router-dom";
+
+// src/pages/inventory/inventory-stock/components/inventory-stock-form/inventory-stock-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast } from "@medusajs/ui";
+import { useRef } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/inventory/inventory-stock/hooks/use-inventory-stock-columns.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var helper = createDataGridHelper();
+var useInventoryStockColumns = (locations = []) => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      helper.column({
+        id: "title",
+        name: "Title",
+        header: "Title",
+        cell: (context) => {
+          const item = context.row.original;
+          return /* @__PURE__ */ jsx(DataGridReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("span", { title: item.title || void 0, children: item.title || "-" }) });
+        },
+        disableHiding: true
+      }),
+      helper.column({
+        id: "sku",
+        name: "SKU",
+        header: "SKU",
+        cell: (context) => {
+          const item = context.row.original;
+          return /* @__PURE__ */ jsx(DataGridReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("span", { title: item.sku || void 0, children: item.sku || "-" }) });
+        },
+        disableHiding: true
+      }),
+      ...locations.map(
+        (location) => helper.column({
+          id: `location_${location.id}`,
+          name: location.name,
+          header: location.name,
+          field: (context) => {
+            const item = context.row.original;
+            return `inventory_items.${item.id}.locations.${location.id}`;
+          },
+          type: "togglable-number",
+          cell: (context) => {
+            return /* @__PURE__ */ jsx(
+              DataGridTogglableNumberCell,
+              {
+                context,
+                disabledToggleTooltip: t(
+                  "inventory.stock.disabledToggleTooltip"
+                )
+              }
+            );
+          }
+        })
+      )
+    ],
+    [locations, t]
+  );
+};
+
+// src/pages/inventory/inventory-stock/schema.ts
+import { z } from "zod";
+var LocationQuantitySchema = z.object({
+  id: z.string().optional(),
+  quantity: z.union([z.number(), z.string()]),
+  checked: z.boolean(),
+  disabledToggle: z.boolean()
+});
+var InventoryLocationsSchema = z.record(LocationQuantitySchema);
+var InventoryItemSchema = z.object({
+  locations: InventoryLocationsSchema
+});
+var InventoryStockSchema = z.object({
+  inventory_items: z.record(InventoryItemSchema)
+});
+
+// src/pages/inventory/inventory-stock/components/inventory-stock-form/inventory-stock-form.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var InventoryStockForm = ({
+  items,
+  locations
+}) => {
+  const { t } = useTranslation2();
+  const { setCloseOnEscape, handleSuccess } = useRouteModal();
+  const initialValues = useRef(getDefaultValues(items, locations));
+  const form = useForm({
+    defaultValues: getDefaultValues(items, locations),
+    resolver: zodResolver(InventoryStockSchema)
+  });
+  const columns = useInventoryStockColumns(locations);
+  const { mutateAsync, isPending } = useBatchInventoryItemsLocationLevels();
+  const onSubmit = form.handleSubmit(async (data) => {
+    const payload = {
+      create: [],
+      update: [],
+      delete: [],
+      force: true
+    };
+    for (const [inventory_item_id, item] of Object.entries(
+      data.inventory_items
+    )) {
+      for (const [location_id, level] of Object.entries(item.locations)) {
+        if (level.id) {
+          const wasChecked = initialValues.current?.inventory_items?.[inventory_item_id]?.locations?.[location_id]?.checked;
+          if (wasChecked && !level.checked) {
+            payload.delete.push(level.id);
+          } else {
+            const newQuantity = level.quantity !== "" ? castNumber(level.quantity) : 0;
+            const originalQuantity = initialValues.current?.inventory_items?.[inventory_item_id]?.locations?.[location_id]?.quantity;
+            if (newQuantity !== originalQuantity) {
+              payload.update.push({
+                id: level.id,
+                inventory_item_id,
+                location_id,
+                stocked_quantity: newQuantity
+              });
+            }
+          }
+        }
+        if (!level.id && level.quantity !== "") {
+          payload.create.push({
+            inventory_item_id,
+            location_id,
+            stocked_quantity: castNumber(level.quantity)
+          });
+        }
+      }
+    }
+    await mutateAsync(payload, {
+      onSuccess: () => {
+        toast.success(t("inventory.stock.successToast"));
+        handleSuccess();
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit, className: "flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx2(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Body, { className: "size-full flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx2(
+      DataGrid,
+      {
+        columns,
+        data: items,
+        state: form,
+        onEditingChange: (editing) => {
+          setCloseOnEscape(!editing);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx2(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", type: "button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx2(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+function getDefaultValues(items, locations) {
+  return {
+    inventory_items: items.reduce((acc, item) => {
+      const locationsMap = locations.reduce((locationAcc, location) => {
+        const level = item.location_levels?.find(
+          (level2) => level2.location_id === location.id
+        );
+        locationAcc[location.id] = {
+          id: level?.id,
+          quantity: typeof level?.stocked_quantity === "number" ? level?.stocked_quantity : "",
+          checked: !!level,
+          disabledToggle: (level?.incoming_quantity || 0) > 0 || (level?.reserved_quantity || 0) > 0
+        };
+        return locationAcc;
+      }, {});
+      acc[item.id] = { locations: locationsMap };
+      return acc;
+    }, {})
+  };
+}
+
+// src/pages/inventory/inventory-stock/inventory-stock.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var InventoryStock = () => {
+  const { t } = useTranslation3();
+  const [searchParams] = useSearchParams();
+  const inventoryItemIds = searchParams.get(INVENTORY_ITEM_IDS_KEY)?.split(",") || void 0;
+  const { inventory_items, isPending, isError, error } = useInventoryItems({
+    id: inventoryItemIds
+  });
+  const {
+    stock_locations,
+    isPending: isPendingStockLocations,
+    isError: isErrorStockLocations,
+    error: errorStockLocations
+  } = useStockLocations({
+    limit: 9999,
+    fields: "id,name"
+  });
+  const ready = !isPending && !!inventory_items && !isPendingStockLocations && !!stock_locations;
+  if (isError) {
+    throw error;
+  }
+  if (isErrorStockLocations) {
+    throw errorStockLocations;
+  }
+  return /* @__PURE__ */ jsxs2(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx3(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("inventory.stock.title") }) }),
+    /* @__PURE__ */ jsx3(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("inventory.stock.description") }) }),
+    ready && /* @__PURE__ */ jsx3(
+      InventoryStockForm,
+      {
+        items: inventory_items,
+        locations: stock_locations
+      }
+    )
+  ] });
+};
+export {
+  InventoryStock as Component
+};