@mercurjs/vendor 2.0.0-canary.0

package/dist/edit-RHNZWNXD.js

@@ -0,0 +1,89 @@
+import {
+  PriceListPricesEditForm
+} from "./chunk-PWZKFTJS.js";
+import {
+  usePriceListCurrencyData
+} from "./chunk-TTFCO5HU.js";
+import "./chunk-XRNDVICA.js";
+import "./chunk-6IJMSVC6.js";
+import "./chunk-ZZ7VKT2S.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-SMQT3ZNO.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal
+} from "./chunk-3CK6OINO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-OSFOX7MG.js";
+import "./chunk-W4KHJ4D6.js";
+import "./chunk-VGJTARSA.js";
+import "./chunk-DYUTYBAQ.js";
+import "./chunk-Y4VBOHAP.js";
+import "./chunk-JKXAL7WR.js";
+import "./chunk-DC2K6CFQ.js";
+import "./chunk-VDWGP2U6.js";
+import {
+  usePriceList,
+  usePriceListProducts
+} from "./chunk-RE7YXVFG.js";
+import "./chunk-HUNGNEPY.js";
+import "./chunk-PADOWAXM.js";
+import "./chunk-LWVBKUUL.js";
+import "./chunk-RIILGKYR.js";
+import "./chunk-6EYGH3TB.js";
+import "./chunk-GTUR4HSV.js";
+import "./chunk-SI4ALL7W.js";
+import "./chunk-ZFFA36DB.js";
+import "./chunk-VHMGJUYN.js";
+import "./chunk-ASVMGV2B.js";
+import "./chunk-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/price-lists/[id]/products/[variant_id]/edit/index.tsx
+import { useParams } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { price_list, isLoading, isError, error } = usePriceList(id);
+  const {
+    products,
+    isLoading: isProductsLoading,
+    isError: isProductsError,
+    error: productError
+  } = usePriceListProducts(id);
+  const priceListCurrencyData = usePriceListCurrencyData();
+  const ready = !isLoading && !!price_list && !isProductsLoading && !!products && priceListCurrencyData.isReady;
+  if (isError) {
+    throw error;
+  }
+  if (isProductsError) {
+    throw productError;
+  }
+  return /* @__PURE__ */ jsxs(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+      "Edit Prices for ",
+      price_list?.title
+    ] }) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Description, { className: "sr-only", children: "Update prices for products in the price list" }),
+    ready && /* @__PURE__ */ jsx(
+      PriceListPricesEditForm,
+      {
+        priceList: price_list,
+        products,
+        ...priceListCurrencyData
+      }
+    )
+  ] });
+};
+export {
+  Component
+};

package/dist/edit-XU33IVZH.js

@@ -0,0 +1,204 @@
+import {
+  VisuallyHidden
+} from "./chunk-54TMLQH3.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useCampaign,
+  useUpdateCampaign
+} from "./chunk-HUNGNEPY.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/campaigns/[id]/edit/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/campaigns/[id]/edit/edit-campaign-form/edit-campaign-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, DatePicker, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditCampaignSchema = zod.object({
+  name: zod.string(),
+  description: zod.string().optional(),
+  campaign_identifier: zod.string().optional(),
+  starts_at: zod.date().optional(),
+  ends_at: zod.date().optional()
+});
+var EditCampaignForm = ({ campaign }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: campaign.name || "",
+      description: campaign.description || "",
+      campaign_identifier: campaign.campaign_identifier || "",
+      starts_at: campaign.starts_at ? new Date(campaign.starts_at) : void 0,
+      ends_at: campaign.ends_at ? new Date(campaign.ends_at) : void 0
+    },
+    resolver: zodResolver(EditCampaignSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateCampaign(campaign.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        name: data.name,
+        description: data.description,
+        campaign_identifier: data.campaign_identifier,
+        starts_at: data.starts_at,
+        ends_at: data.ends_at
+      },
+      {
+        onSuccess: ({ campaign: campaign2 }) => {
+          toast.success(
+            t("campaigns.edit.successToast", {
+              name: campaign2.name
+            })
+          );
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "name",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.name") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...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, { children: t("fields.description") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "campaign_identifier",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("campaigns.fields.identifier") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "starts_at",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("campaigns.fields.start_date") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                DatePicker,
+                {
+                  granularity: "minute",
+                  hourCycle: 12,
+                  shouldCloseOnSelect: false,
+                  ...field
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "ends_at",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("campaigns.fields.end_date") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                DatePicker,
+                {
+                  granularity: "minute",
+                  shouldCloseOnSelect: false,
+                  ...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,
+        {
+          isLoading: isPending,
+          type: "submit",
+          variant: "primary",
+          size: "small",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+// src/pages/campaigns/[id]/edit/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Component = () => {
+  const { t } = useTranslation2();
+  const { id } = useParams();
+  const { campaign, isLoading, isError, error } = useCampaign(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("campaigns.edit.header") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx2(VisuallyHidden, { children: t("campaigns.edit.description") }) })
+    ] }),
+    !isLoading && campaign && /* @__PURE__ */ jsx2(EditCampaignForm, { campaign })
+  ] });
+};
+export {
+  Component
+};

package/dist/edit-ZMINDMGM.js

@@ -0,0 +1,116 @@
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useProductType,
+  useUpdateProductType
+} from "./chunk-VDWGP2U6.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/settings/product-types/[id]/edit/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/settings/product-types/[id]/edit/_components/edit-product-type-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditProductTypeSchema = z.object({
+  value: z.string().min(1)
+});
+var EditProductTypeForm = ({
+  productType
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      value: productType.value
+    },
+    resolver: zodResolver(EditProductTypeSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProductType(productType.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        value: data.value
+      },
+      {
+        onSuccess: ({ product_type }) => {
+          toast.success(
+            t("productTypes.edit.successToast", {
+              value: product_type.value
+            })
+          );
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "value",
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("productTypes.fields.value") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...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, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/settings/product-types/[id]/edit/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductTypeEdit = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { product_type, isPending, isError, error } = useProductType(id);
+  const ready = !isPending && !!product_type;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("productTypes.edit.header") }) }),
+    ready && /* @__PURE__ */ jsx2(EditProductTypeForm, { productType: product_type })
+  ] });
+};
+var Component = ProductTypeEdit;
+export {
+  Component
+};

package/dist/edit-budget-Z5USV462.js

@@ -0,0 +1,145 @@
+import {
+  getCurrencySymbol
+} from "./chunk-IQPN4PZJ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useCampaign,
+  useUpdateCampaign
+} from "./chunk-HUNGNEPY.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/campaigns/[id]/edit-budget/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/campaigns/[id]/edit-budget/edit-campaign-budget-form/edit-campaign-budget-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, CurrencyInput, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditCampaignSchema = zod.object({
+  limit: zod.number().min(0).optional().nullable()
+});
+var EditCampaignBudgetForm = ({
+  campaign
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      limit: campaign?.budget?.limit || void 0
+    },
+    resolver: zodResolver(EditCampaignSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateCampaign(campaign.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        budget: {
+          limit: data.limit ? data.limit : null
+        }
+      },
+      {
+        onSuccess: ({ campaign: campaign2 }) => {
+          toast.success(
+            t("campaigns.edit.successToast", {
+              name: campaign2.name
+            })
+          );
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control: form.control,
+        name: "limit",
+        render: ({ field: { onChange, value, ...field } }) => {
+          return /* @__PURE__ */ jsxs(Form.Item, { className: "basis-1/2", children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("campaigns.budget.fields.limit") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: campaign.budget?.type === "spend" ? /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                min: 0,
+                onValueChange: (value2) => onChange(value2 ? parseInt(value2) : null),
+                code: campaign.budget?.currency_code,
+                symbol: campaign.budget?.currency_code ? getCurrencySymbol(
+                  campaign.budget?.currency_code
+                ) : "",
+                ...field,
+                value: value || void 0
+              }
+            ) : /* @__PURE__ */ jsx(
+              Input,
+              {
+                min: 0,
+                ...field,
+                value: value || void 0,
+                onChange: (e) => {
+                  onChange(
+                    e.target.value === "" ? null : parseInt(e.target.value)
+                  );
+                }
+              },
+              "usage"
+            ) }),
+            /* @__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,
+        {
+          isLoading: isPending,
+          type: "submit",
+          variant: "primary",
+          size: "small",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+// src/pages/campaigns/[id]/edit-budget/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Component = () => {
+  const { t } = useTranslation2();
+  const { id } = useParams();
+  const { campaign, isLoading, isError, error } = useCampaign(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("campaigns.budget.edit.header") }) }) }),
+    !isLoading && campaign && /* @__PURE__ */ jsx2(EditCampaignBudgetForm, { campaign })
+  ] });
+};
+export {
+  Component
+};

package/dist/edit-inventory-item-YFW2AFRD.js

@@ -0,0 +1,128 @@
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useInventoryItem,
+  useUpdateInventoryItem
+} from "./chunk-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/inventory/[id]/_components/edit-inventory-item/edit-item-drawer.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/inventory/[id]/_components/edit-inventory-item/components/edit-item-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 EditInventoryItemSchema = z.object({
+  title: z.string().optional(),
+  sku: z.string().min(1)
+});
+var getDefaultValues = (item) => {
+  return {
+    title: item.title ?? void 0,
+    sku: item.sku ?? void 0
+  };
+};
+var EditInventoryItemForm = ({ item }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: getDefaultValues(item),
+    resolver: zodResolver(EditInventoryItemSchema)
+  });
+  const { mutateAsync, isPending: isLoading } = useUpdateInventoryItem(item.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    mutateAsync(values, {
+      onSuccess: () => {
+        toast.success(t("inventory.toast.updateItem"));
+        handleSuccess();
+      },
+      onError: (e) => toast.error(e.message)
+    });
+  });
+  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: "title",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.title") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "sku",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.sku") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...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, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/inventory/[id]/_components/edit-inventory-item/edit-item-drawer.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var InventoryItemEdit = () => {
+  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, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("inventory.editItemDetails") }) }),
+    ready && /* @__PURE__ */ jsx2(EditInventoryItemForm, { item: inventoryItem })
+  ] });
+};
+export {
+  InventoryItemEdit as Component
+};