@mercurjs/admin 2.0.0-canary.24

package/dist/edit-inventory-item-attributes-V2HK3WTQ.js

@@ -0,0 +1,323 @@
+import "./chunk-NXDFDEKP.js";
+import {
+  CountrySelect
+} from "./chunk-V74Y5NIV.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import "./chunk-FODCCP6C.js";
+import "./chunk-AWZFIP25.js";
+import "./chunk-2QKPRGNK.js";
+import "./chunk-XBMLI2YI.js";
+import "./chunk-XL52SYWY.js";
+import "./chunk-NS5CHWOH.js";
+import "./chunk-WDZFLCSQ.js";
+import "./chunk-VVTSF42Z.js";
+import "./chunk-D3KDXELJ.js";
+import "./chunk-2MKZ4HD4.js";
+import "./chunk-OGYWOPHZ.js";
+import "./chunk-U62GYN4A.js";
+import "./chunk-KTKL7M34.js";
+import "./chunk-JJVGCTKT.js";
+import "./chunk-I43SCBL3.js";
+import "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import {
+  useInventoryItem,
+  useUpdateInventoryItem
+} from "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/inventory/inventory-detail/components/edit-inventory-item-attributes/edit-item-attributes-drawer.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/inventory/inventory-detail/components/edit-inventory-item-attributes/components/edit-item-attributes-form.tsx
+import { Button, Input, toast } from "@medusajs/ui";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditInventoryItemAttributesSchema = z.object({
+  height: z.number().positive().optional(),
+  width: z.number().positive().optional(),
+  length: z.number().positive().optional(),
+  weight: z.number().positive().optional(),
+  mid_code: z.string().optional(),
+  material: z.string().optional(),
+  hs_code: z.string().optional(),
+  origin_country: z.string().optional()
+});
+var getDefaultValues = (item) => {
+  return {
+    height: item.height ?? void 0,
+    width: item.width ?? void 0,
+    length: item.length ?? void 0,
+    weight: item.weight ?? void 0,
+    mid_code: item.mid_code ?? void 0,
+    material: item.material ?? void 0,
+    hs_code: item.hs_code ?? void 0,
+    origin_country: item.origin_country ?? void 0
+  };
+};
+var EditInventoryItemAttributesForm = ({
+  item
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: getDefaultValues(item),
+    resolver: zodResolver(EditInventoryItemAttributesSchema)
+  });
+  const { mutateAsync, isPending: isLoading } = useUpdateInventoryItem(item.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(values, {
+      onSuccess: () => {
+        toast.success(t("inventory.toast.updateItem"));
+        handleSuccess();
+      },
+      onError: (error) => toast.error(error.message)
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "inventory-edit-item-attributes-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      "data-testid": "inventory-edit-item-attributes-keybound-form",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", "data-testid": "inventory-edit-item-attributes-form-body", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "height",
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-edit-item-attributes-form-height-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "inventory-edit-item-attributes-form-height-label", children: t("fields.height") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "inventory-edit-item-attributes-form-height-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "inventory-edit-item-attributes-form-height-input-wrapper", children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      min: 0,
+                      value: value || "",
+                      onChange: (e) => {
+                        const value2 = e.target.value;
+                        if (value2 === "") {
+                          onChange(null);
+                        } else {
+                          onChange(parseFloat(value2));
+                        }
+                      },
+                      ...field,
+                      "data-testid": "inventory-edit-item-attributes-form-height-input"
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "inventory-edit-item-attributes-form-height-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "width",
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-edit-item-attributes-form-width-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "inventory-edit-item-attributes-form-width-label", children: t("fields.width") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "inventory-edit-item-attributes-form-width-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "inventory-edit-item-attributes-form-width-input-wrapper", children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      min: 0,
+                      value: value || "",
+                      onChange: (e) => {
+                        const value2 = e.target.value;
+                        if (value2 === "") {
+                          onChange(null);
+                        } else {
+                          onChange(parseFloat(value2));
+                        }
+                      },
+                      ...field,
+                      "data-testid": "inventory-edit-item-attributes-form-width-input"
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "inventory-edit-item-attributes-form-width-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "length",
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-edit-item-attributes-form-length-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "inventory-edit-item-attributes-form-length-label", children: t("fields.length") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "inventory-edit-item-attributes-form-length-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "inventory-edit-item-attributes-form-length-input-wrapper", children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      min: 0,
+                      value: value || "",
+                      onChange: (e) => {
+                        const value2 = e.target.value;
+                        if (value2 === "") {
+                          onChange(null);
+                        } else {
+                          onChange(parseFloat(value2));
+                        }
+                      },
+                      ...field,
+                      "data-testid": "inventory-edit-item-attributes-form-length-input"
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "inventory-edit-item-attributes-form-length-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "weight",
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-edit-item-attributes-form-weight-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "inventory-edit-item-attributes-form-weight-label", children: t("fields.weight") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "inventory-edit-item-attributes-form-weight-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "inventory-edit-item-attributes-form-weight-input-wrapper", children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      min: 0,
+                      value: value || "",
+                      onChange: (e) => {
+                        const value2 = e.target.value;
+                        if (value2 === "") {
+                          onChange(null);
+                        } else {
+                          onChange(parseFloat(value2));
+                        }
+                      },
+                      ...field,
+                      "data-testid": "inventory-edit-item-attributes-form-weight-input"
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "inventory-edit-item-attributes-form-weight-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "mid_code",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-edit-item-attributes-form-mid-code-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "inventory-edit-item-attributes-form-mid-code-label", children: t("fields.midCode") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "inventory-edit-item-attributes-form-mid-code-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "inventory-edit-item-attributes-form-mid-code-input-wrapper", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "inventory-edit-item-attributes-form-mid-code-input" }) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "inventory-edit-item-attributes-form-mid-code-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "hs_code",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-edit-item-attributes-form-hs-code-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "inventory-edit-item-attributes-form-hs-code-label", children: t("fields.hsCode") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "inventory-edit-item-attributes-form-hs-code-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "inventory-edit-item-attributes-form-hs-code-input-wrapper", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "inventory-edit-item-attributes-form-hs-code-input" }) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "inventory-edit-item-attributes-form-hs-code-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "material",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-edit-item-attributes-form-material-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "inventory-edit-item-attributes-form-material-label", children: t("fields.material") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "inventory-edit-item-attributes-form-material-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "inventory-edit-item-attributes-form-material-input-wrapper", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "inventory-edit-item-attributes-form-material-input" }) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "inventory-edit-item-attributes-form-material-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "origin_country",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-edit-item-attributes-form-origin-country-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "inventory-edit-item-attributes-form-origin-country-label", children: t("fields.countryOfOrigin") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "inventory-edit-item-attributes-form-origin-country-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "inventory-edit-item-attributes-form-origin-country-select-wrapper", children: /* @__PURE__ */ jsx(CountrySelect, { ...field, "data-testid": "inventory-edit-item-attributes-form-origin-country-select" }) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "inventory-edit-item-attributes-form-origin-country-error" })
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "inventory-edit-item-attributes-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", "data-testid": "inventory-edit-item-attributes-form-footer-actions", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, "data-testid": "inventory-edit-item-attributes-form-cancel-button-wrapper", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", "data-testid": "inventory-edit-item-attributes-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading, "data-testid": "inventory-edit-item-attributes-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/inventory/inventory-detail/components/edit-inventory-item-attributes/edit-item-attributes-drawer.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var InventoryItemAttributesEdit = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const {
+    inventory_item: inventoryItem,
+    isPending: isLoading,
+    isError,
+    error
+  } = useInventoryItem(id);
+  const ready = !isLoading && inventoryItem;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "inventory-edit-item-attributes-drawer", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "inventory-edit-item-attributes-drawer-header", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "inventory-edit-item-attributes-drawer-title", children: t("products.editAttributes") }) }),
+    ready && /* @__PURE__ */ jsx2(EditInventoryItemAttributesForm, { item: inventoryItem })
+  ] });
+};
+export {
+  InventoryItemAttributesEdit as Component
+};

package/dist/edit-reservation-LX2Z6KVD.js

@@ -0,0 +1,246 @@
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import {
+  useReservationItem,
+  useUpdateReservationItem
+} from "./chunk-I43SCBL3.js";
+import {
+  useStockLocations
+} from "./chunk-LLWK3OR6.js";
+import {
+  useInventoryItem
+} from "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/reservations/reservation-detail/components/edit-reservation/edit-reservation-modal.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/reservations/reservation-detail/components/edit-reservation/components/edit-reservation-form.tsx
+import { Button, Input, Select, Text, Textarea, toast } from "@medusajs/ui";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditReservationSchema = z.object({
+  location_id: z.string(),
+  description: z.string().optional(),
+  quantity: z.number().min(1)
+});
+var AttributeGridRow = ({
+  title,
+  value
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 divide-x", children: [
+    /* @__PURE__ */ jsx(Text, { className: "px-2 py-1.5", size: "small", leading: "compact", children: title }),
+    /* @__PURE__ */ jsx(Text, { className: "px-2 py-1.5", size: "small", leading: "compact", children: value })
+  ] });
+};
+var getDefaultValues = (reservation) => {
+  return {
+    quantity: reservation.quantity,
+    location_id: reservation.location_id,
+    description: reservation.description ?? void 0
+  };
+};
+var EditReservationForm = ({
+  reservation,
+  item,
+  locations
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const form = useForm({
+    defaultValues: getDefaultValues(reservation),
+    resolver: zodResolver(EditReservationSchema)
+  });
+  const { mutateAsync } = useUpdateReservationItem(reservation.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    mutateAsync(values, {
+      onSuccess: () => {
+        toast.success(t("inventory.reservation.updateSuccessToast"));
+        handleSuccess();
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  });
+  const reservedQuantity = form.watch("quantity");
+  const locationId = form.watch("location_id");
+  const level = item.location_levels.find(
+    (level2) => level2.location_id === locationId
+  );
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-auto", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "location_id",
+              render: ({ field: { onChange, value, ref, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("inventory.reservation.location") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      dir: direction,
+                      value,
+                      onValueChange: (v) => {
+                        onChange(v);
+                      },
+                      ...field,
+                      children: [
+                        /* @__PURE__ */ jsx(Select.Trigger, { ref, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                        /* @__PURE__ */ jsx(Select.Content, { children: (locations || []).map((r) => /* @__PURE__ */ jsx(Select.Item, { value: r.id, children: r.name }, r.id)) })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle shadow-elevation-card-rest grid grid-rows-4 divide-y rounded-lg border", children: [
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("fields.title"),
+                value: item.title ?? item.sku
+              }
+            ),
+            /* @__PURE__ */ jsx(AttributeGridRow, { title: t("fields.sku"), value: item.sku }),
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("fields.inStock"),
+                value: level.stocked_quantity
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AttributeGridRow,
+              {
+                title: t("inventory.available"),
+                value: level.stocked_quantity - (level.reserved_quantity - reservation.quantity) - reservedQuantity
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "quantity",
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("inventory.reservation.reservedAmount") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      min: 0,
+                      max: (level.available_quantity || 0) + (reservation.quantity || 0),
+                      value: value || "",
+                      onChange: (e) => {
+                        const value2 = e.target.value;
+                        if (value2 === "") {
+                          onChange(null);
+                        } else {
+                          onChange(parseFloat(value2));
+                        }
+                      },
+                      ...field
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "description",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.description") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: false, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/reservations/reservation-detail/components/edit-reservation/edit-reservation-modal.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ReservationEdit = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { reservation, isPending, isError, error } = useReservationItem(id);
+  const { inventory_item: inventoryItem } = useInventoryItem(
+    reservation?.inventory_item_id ?? "",
+    void 0,
+    {
+      enabled: !!reservation?.inventory_item_id
+    }
+  );
+  const { stock_locations } = useStockLocations(
+    {
+      id: inventoryItem?.location_levels?.map(
+        (level) => level.location_id
+      )
+    },
+    {
+      enabled: !!inventoryItem?.location_levels
+    }
+  );
+  const ready = !isPending && reservation && inventoryItem && stock_locations;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("inventory.reservation.editItemDetails") }) }),
+    ready && /* @__PURE__ */ jsx2(
+      EditReservationForm,
+      {
+        locations: stock_locations,
+        reservation,
+        item: inventoryItem
+      }
+    )
+  ] });
+};
+export {
+  ReservationEdit as Component
+};