@mercurjs/admin 2.0.0-canary.24

package/dist/tax-region-tax-rate-create-VC2WDVJJ.js

@@ -0,0 +1,193 @@
+import {
+  PercentageInput
+} from "./chunk-MAEP2UCK.js";
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useCreateTaxRate
+} from "./chunk-YGQUBTKR.js";
+import {
+  useTaxRegion
+} from "./chunk-362QMJZM.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/tax-regions/tax-region-tax-rate-create/tax-region-tax-rate-create.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/tax-regions/tax-region-tax-rate-create/components/tax-region-tax-rate-create-form/tax-region-tax-rate-create-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Input, Text, 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 TaxRegionTaxRateCreateSchema = z.object({
+  name: z.string().min(1),
+  code: z.string().min(1),
+  rate: z.object({
+    float: z.number().optional(),
+    value: z.string().optional()
+  }).optional(),
+  is_combinable: z.boolean().optional()
+});
+var TaxRegionTaxRateCreateForm = ({
+  taxRegion,
+  isSublevel = false
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: "",
+      code: "",
+      rate: {
+        value: ""
+      },
+      is_combinable: false
+    },
+    resolver: zodResolver(TaxRegionTaxRateCreateSchema)
+  });
+  const { mutateAsync, isPending } = useCreateTaxRate();
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        tax_region_id: taxRegion.id,
+        is_default: true,
+        name: values.name,
+        code: values.code,
+        rate: values.rate?.float,
+        is_combinable: values.is_combinable
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("taxRegions.taxRates.create.successToast"));
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-2 py-16", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Heading, { children: t(`taxRegions.taxRates.create.header`) }),
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t(`taxRegions.taxRates.create.hint`) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", 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: "rate",
+                render: ({ field: { value, onChange, ...field } }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("taxRegions.fields.taxRate") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      PercentageInput,
+                      {
+                        ...field,
+                        value: value?.value,
+                        decimalsLimit: 4,
+                        onValueChange: (value2, _name, values) => onChange({
+                          value: value2,
+                          float: values?.float
+                        })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "code",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("taxRegions.fields.taxCode") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            )
+          ] }),
+          isSublevel && /* @__PURE__ */ jsx(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "is_combinable",
+              label: t("taxRegions.fields.isCombinable.label"),
+              description: t("taxRegions.fields.isCombinable.hint")
+            }
+          )
+        ] }) }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.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/tax-regions/tax-region-tax-rate-create/tax-region-tax-rate-create.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TaxRegionTaxRateCreate = () => {
+  const { id, province_id } = useParams();
+  const { tax_region, isPending, isError, error } = useTaxRegion(
+    province_id || id
+  );
+  const ready = !isPending && !!tax_region;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: ready && /* @__PURE__ */ jsx2(
+    TaxRegionTaxRateCreateForm,
+    {
+      taxRegion: tax_region,
+      isSublevel: !!province_id
+    }
+  ) });
+};
+export {
+  TaxRegionTaxRateCreate as Component
+};

package/dist/tax-region-tax-rate-edit-SDW36H6I.js

@@ -0,0 +1,192 @@
+import {
+  PercentageInput
+} from "./chunk-MAEP2UCK.js";
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.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 {
+  useTaxRate,
+  useUpdateTaxRate
+} from "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/tax-regions/tax-region-tax-rate-edit/tax-region-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/tax-regions/tax-region-tax-rate-edit/components/tax-region-tax-rate-edit-form/tax-region-tax-rate-edit-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 TaxRegionTaxRateEditSchema = z.object({
+  name: z.string().min(1),
+  code: z.string().optional(),
+  rate: z.object({
+    float: z.number().optional(),
+    value: z.string().optional()
+  }),
+  is_combinable: z.boolean().optional()
+});
+var TaxRegionTaxRateEditForm = ({
+  taxRate,
+  isSublevel = false
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: taxRate.name,
+      code: taxRate.code,
+      rate: {
+        value: taxRate.rate?.toString() || ""
+      },
+      is_combinable: taxRate.is_combinable
+    },
+    resolver: zodResolver(TaxRegionTaxRateEditSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateTaxRate(taxRate.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        name: values.name,
+        code: values.code || "",
+        rate: values.rate?.float,
+        is_combinable: values.is_combinable
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("taxRegions.taxRates.edit.successToast"));
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit: handleSubmit,
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-6 overflow-auto", 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: "code",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("taxRegions.fields.taxCode") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "rate",
+                render: ({ field: { value, onChange, ...field } }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("taxRegions.fields.taxRate") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      PercentageInput,
+                      {
+                        ...field,
+                        value: value?.value,
+                        decimalsLimit: 4,
+                        onValueChange: (value2, _name, values) => onChange({
+                          value: value2,
+                          float: values?.float
+                        })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            )
+          ] }),
+          isSublevel && /* @__PURE__ */ jsx(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "is_combinable",
+              label: t("taxRegions.fields.isCombinable.label"),
+              description: t("taxRegions.fields.isCombinable.hint")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { className: "shrink-0", 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/tax-regions/tax-region-tax-rate-edit/tax-region-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TaxRegionEdit = () => {
+  const { t } = useTranslation2();
+  const { province_id, tax_rate_id } = useParams();
+  const { tax_rate, isPending, isError, error } = useTaxRate(tax_rate_id);
+  const ready = !isPending && !!tax_rate;
+  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("taxRegions.taxRates.edit.header") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("taxRegions.taxRates.edit.hint") })
+    ] }),
+    ready && /* @__PURE__ */ jsx2(
+      TaxRegionTaxRateEditForm,
+      {
+        taxRate: tax_rate,
+        isSublevel: !!province_id
+      }
+    )
+  ] });
+};
+export {
+  TaxRegionEdit as Component
+};

package/dist/user-detail-IEIX24PZ.js

@@ -0,0 +1,163 @@
+import {
+  SingleColumnPage
+} from "./chunk-U2UCL2VG.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  useDeleteUser,
+  useUser
+} from "./chunk-WDZFLCSQ.js";
+import {
+  productsQueryKeys
+} from "./chunk-T435NFHC.js";
+import {
+  queryClient
+} from "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/users/user-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var UserDetailBreadcrumb = (props) => {
+  const { id } = props.params || {};
+  const { user } = useUser(id, void 0, {
+    initialData: props.data,
+    enabled: Boolean(id)
+  });
+  if (!user) {
+    return null;
+  }
+  const name = [user.first_name, user.last_name].filter(Boolean).join(" ");
+  const display = name || user.email;
+  return /* @__PURE__ */ jsx("span", { children: display });
+};
+
+// src/pages/users/user-detail/loader.ts
+var userDetailQuery = (id) => ({
+  queryKey: productsQueryKeys.detail(id),
+  queryFn: async () => sdk.admin.user.retrieve(id)
+});
+var userLoader = async ({ params }) => {
+  const id = params.id;
+  const query = userDetailQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+
+// src/pages/users/user-detail/user-detail.tsx
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/users/user-detail/components/user-general-section/user-general-section.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { Container, Heading, Text, toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var UserGeneralSection = ({ user }) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const prompt = usePrompt();
+  const { mutateAsync } = useDeleteUser(user.id);
+  const name = [user.first_name, user.last_name].filter(Boolean).join(" ");
+  const handleDeleteUser = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("users.deleteUserWarning", {
+        name: name ?? user.email
+      }),
+      verificationText: name ?? user.email,
+      verificationInstruction: t("general.typeToConfirm"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(t("users.deleteUserSuccess", { name: user.email }));
+        navigate("..");
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "user-general-section-container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "user-general-section-header", children: [
+      /* @__PURE__ */ jsx2(Heading, { "data-testid": "user-general-section-email", children: user.email }),
+      /* @__PURE__ */ jsx2(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "edit",
+                  icon: /* @__PURE__ */ jsx2(PencilSquare, {})
+                }
+              ]
+            },
+            {
+              actions: [
+                {
+                  label: t("actions.delete"),
+                  onClick: handleDeleteUser,
+                  icon: /* @__PURE__ */ jsx2(Trash, {})
+                }
+              ]
+            }
+          ],
+          "data-testid": "user-general-section-action-menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "user-general-section-name", children: [
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "user-general-section-name-label", children: t("fields.name") }),
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", "data-testid": "user-general-section-name-value", children: name ?? "-" })
+    ] })
+  ] });
+};
+
+// src/pages/users/user-detail/user-detail.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var UserDetail = () => {
+  const initialData = useLoaderData();
+  const { id } = useParams();
+  const {
+    user,
+    isPending: isLoading,
+    isError,
+    error
+  } = useUser(id, void 0, {
+    initialData
+  });
+  if (isLoading || !user) {
+    return /* @__PURE__ */ jsx3(SingleColumnPageSkeleton, { sections: 1, showJSON: true, showMetadata: true });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(
+    SingleColumnPage,
+    {
+      data: user,
+      showJSON: true,
+      showMetadata: true,
+      children: /* @__PURE__ */ jsx3(UserGeneralSection, { user })
+    }
+  );
+};
+export {
+  UserDetailBreadcrumb as Breadcrumb,
+  UserDetail as Component,
+  userLoader as loader
+};

package/dist/user-edit-CJ7TNY3H.js

@@ -0,0 +1,115 @@
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useUpdateUser,
+  useUser
+} from "./chunk-WDZFLCSQ.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/users/user-edit/user-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/users/user-edit/components/edit-user-form/edit-user-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input } 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 EditUserFormSchema = zod.object({
+  first_name: zod.string().optional(),
+  last_name: zod.string().optional()
+});
+var EditUserForm = ({ user }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      first_name: user.first_name || "",
+      last_name: user.last_name || ""
+    },
+    resolver: zodResolver(EditUserFormSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateUser(user.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(values, {
+      onSuccess: () => {
+        handleSuccess();
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "user-edit-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex max-w-full flex-1 flex-col gap-y-8 overflow-y-auto", "data-testid": "user-edit-form-body", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "first_name",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "user-edit-form-first-name-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "user-edit-form-first-name-label", children: t("fields.firstName") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "user-edit-form-first-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "user-edit-form-first-name-input" }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "user-edit-form-first-name-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "last_name",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "user-edit-form-last-name-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "user-edit-form-last-name-label", children: t("fields.lastName") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "user-edit-form-last-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "user-edit-form-last-name-input" }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "user-edit-form-last-name-error" })
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "user-edit-form-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", "data-testid": "user-edit-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, "data-testid": "user-edit-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/users/user-edit/user-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var UserEdit = () => {
+  const { t } = useTranslation2();
+  const { id } = useParams();
+  const { user, isPending: isLoading, isError, error } = useUser(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "user-edit", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "user-edit-header", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "user-edit-heading", children: t("users.editUser") }) }),
+    !isLoading && user && /* @__PURE__ */ jsx2(EditUserForm, { user })
+  ] });
+};
+export {
+  UserEdit as Component
+};