@mercurjs/admin 2.0.0-canary.24

package/dist/product-variant-manage-inventory-items-ZEX2IW53.js

@@ -0,0 +1,340 @@
+import {
+  VARIANT_DETAIL_FIELDS
+} from "./chunk-WCEMRNW4.js";
+import {
+  useComboboxData
+} from "./chunk-O67KME6D.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import {
+  castNumber
+} from "./chunk-SMQT3ZNO.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 {
+  useProductVariant,
+  useProductVariantsInventoryItemsBatch
+} from "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/product-variants/product-variant-manage-inventory-items/product-variant-manage-inventory-items.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/product-variants/product-variant-manage-inventory-items/components/manage-variant-inventory-items-form/manage-variant-inventory-items-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { XMarkMini } from "@medusajs/icons";
+import { Button, Heading, IconButton, Input, Label, toast } from "@medusajs/ui";
+import i18next from "i18next";
+import {
+  useFieldArray,
+  useForm,
+  useWatch
+} from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ManageVariantInventoryItemsSchema = zod.object({
+  inventory: zod.array(
+    zod.object({
+      inventory_item_id: zod.string().min(1, i18next.t("products.variant.inventory.validation.itemId")),
+      required_quantity: zod.union([zod.number(), zod.string()])
+    }).superRefine((data, ctx) => {
+      const quantity = data.required_quantity ? castNumber(data.required_quantity) : 0;
+      if (quantity < 1) {
+        ctx.addIssue({
+          code: zod.ZodIssueCode.custom,
+          message: i18next.t(
+            "products.variant.inventory.validation.quantity"
+          ),
+          path: ["required_quantity"]
+        });
+      }
+    })
+  )
+});
+function VariantInventoryItemRow({
+  form,
+  inventoryIndex,
+  inventoryItem,
+  isItemOptionDisabled,
+  onRemove
+}) {
+  const { t } = useTranslation();
+  const selectedInventoryItemId = useWatch({
+    control: form.control,
+    name: `inventory.${inventoryIndex}.inventory_item_id`
+  });
+  const items = useComboboxData({
+    queryKey: ["inventory_items"],
+    defaultValueKey: "id",
+    defaultValue: inventoryItem.inventory_item_id,
+    selectedValue: selectedInventoryItemId,
+    queryFn: (params) => sdk.admin.inventoryItem.list(params),
+    getOptions: (data) => data.inventory_items.map((item) => ({
+      label: `${item.title} ${item.sku ? `(${item.sku})` : ""}`,
+      value: item.id
+    }))
+  });
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: "bg-ui-bg-component shadow-elevation-card-rest grid grid-cols-[1fr_28px] items-center gap-1.5 rounded-xl p-1.5",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[min-content,1fr] items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
+            Label,
+            {
+              size: "xsmall",
+              weight: "plus",
+              className: "text-ui-fg-subtle",
+              htmlFor: `inventory.${inventoryIndex}.inventory_item_id`,
+              children: t("fields.item")
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: `inventory.${inventoryIndex}.inventory_item_id`,
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Combobox,
+                    {
+                      ...field,
+                      options: items.options.map((o) => ({
+                        ...o,
+                        disabled: isItemOptionDisabled(o, inventoryIndex)
+                      })),
+                      searchValue: items.searchValue,
+                      onSearchValueChange: items.onSearchValueChange,
+                      onBlur: () => items.onSearchValueChange(""),
+                      fetchNextPage: items.fetchNextPage,
+                      className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
+                      placeholder: t("products.create.inventory.itemPlaceholder")
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
+            Label,
+            {
+              size: "xsmall",
+              weight: "plus",
+              className: "text-ui-fg-subtle",
+              htmlFor: `inventory.${inventoryIndex}.required_quantity`,
+              children: t("fields.quantity")
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: `inventory.${inventoryIndex}.required_quantity`,
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      className: "bg-ui-bg-field-component",
+                      min: 0,
+                      value,
+                      onChange,
+                      ...field,
+                      placeholder: t(
+                        "products.create.inventory.quantityPlaceholder"
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            size: "small",
+            variant: "transparent",
+            className: "text-ui-fg-muted",
+            onClick: onRemove,
+            children: /* @__PURE__ */ jsx(XMarkMini, {})
+          }
+        )
+      ]
+    },
+    inventoryItem.id
+  );
+}
+function ManageVariantInventoryItemsForm({
+  variant
+}) {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      inventory: variant.inventory_items.length ? variant.inventory_items.map((i) => ({
+        required_quantity: i.required_quantity,
+        inventory_item_id: i.inventory.id
+      })) : [
+        {
+          inventory_item_id: "",
+          required_quantity: ""
+        }
+      ]
+    },
+    resolver: zodResolver(ManageVariantInventoryItemsSchema)
+  });
+  const inventory = useFieldArray({
+    control: form.control,
+    name: `inventory`
+  });
+  const inventoryFormData = useWatch({
+    control: form.control,
+    name: `inventory`
+  });
+  const isItemOptionDisabled = (option, inventoryIndex) => {
+    return !!inventoryFormData?.some(
+      (i, index) => index != inventoryIndex && i.inventory_item_id === option.value
+    );
+  };
+  const hasKit = inventory.fields.length > 1;
+  const { mutateAsync, isPending } = useProductVariantsInventoryItemsBatch(
+    variant?.product_id
+  );
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const existingItems = {};
+    const selectedItems = {};
+    variant.inventory_items.forEach(
+      (i) => existingItems[i.inventory.id] = i.required_quantity
+    );
+    values.inventory.forEach((i) => selectedItems[i.inventory_item_id] = true);
+    const payload = {};
+    values.inventory.forEach((v) => {
+      if (v.inventory_item_id in existingItems) {
+        if (v.required_quantity !== existingItems[v.inventory_item_id]) {
+          payload.update = payload.update || [];
+          payload.update.push({
+            required_quantity: castNumber(v.required_quantity),
+            inventory_item_id: v.inventory_item_id,
+            variant_id: variant.id
+          });
+        }
+      } else {
+        payload.create = payload.create || [];
+        payload.create.push({
+          required_quantity: castNumber(v.required_quantity),
+          inventory_item_id: v.inventory_item_id,
+          variant_id: variant.id
+        });
+      }
+    });
+    variant.inventory_items.forEach((i) => {
+      if (!(i.inventory.id in selectedItems)) {
+        payload.delete = payload.delete || [];
+        payload.delete.push({
+          inventory_item_id: i.inventory.id,
+          variant_id: variant.id
+        });
+      }
+    });
+    await mutateAsync(payload, {
+      onSuccess: () => {
+        toast.success(t("products.variant.inventory.toast.itemsManageSuccess"));
+        handleSuccess();
+      },
+      onError: (err) => {
+        toast.error(err.message);
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { className: "flex h-full flex-col", onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex justify-center overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-8 px-6 pt-12 md:w-[720px] md:pt-24", children: [
+      /* @__PURE__ */ jsx(Heading, { children: t(
+        hasKit ? "products.create.inventory.heading" : "fields.inventoryItems"
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-y-4 pb-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-x-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: variant.title }),
+            /* @__PURE__ */ jsx(Form.Hint, { children: t(
+              hasKit ? "products.create.inventory.label" : "fields.inventoryItem"
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "secondary",
+              type: "button",
+              onClick: () => {
+                inventory.append({
+                  inventory_item_id: "",
+                  required_quantity: ""
+                });
+              },
+              children: t("actions.add")
+            }
+          )
+        ] }),
+        inventory.fields.map((inventoryItem, inventoryIndex) => /* @__PURE__ */ jsx(
+          VariantInventoryItemRow,
+          {
+            form,
+            inventoryIndex,
+            inventoryItem,
+            isItemOptionDisabled,
+            onRemove: () => inventory.remove(inventoryIndex)
+          },
+          inventoryItem.id
+        ))
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(RouteFocusModal.Footer, { 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/product-variants/product-variant-manage-inventory-items/product-variant-manage-inventory-items.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ProductVariantManageInventoryItems() {
+  const { id, variant_id } = useParams();
+  const {
+    variant,
+    isPending: isLoading,
+    isError,
+    error
+  } = useProductVariant(id, variant_id, {
+    fields: VARIANT_DETAIL_FIELDS
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: !isLoading && variant && /* @__PURE__ */ jsx2(ManageVariantInventoryItemsForm, { variant }) });
+}
+export {
+  ProductVariantManageInventoryItems as Component
+};

package/dist/product-variant-metadata-F45CSWU6.js

@@ -0,0 +1,86 @@
+import {
+  MetadataForm
+} from "./chunk-JISYRXUS.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import "./chunk-MWOKFNRO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.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 {
+  useProductVariant,
+  useUpdateProductVariant
+} from "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/product-variants/product-variant-metadata/product-variant-metadata.tsx
+import { useParams } from "react-router-dom";
+import { ClientError } from "@mercurjs/client";
+import { jsx } from "react/jsx-runtime";
+var ProductVariantMetadata = () => {
+  const { id, variant_id } = useParams();
+  const { variant, isPending, isError, error } = useProductVariant(
+    id,
+    variant_id
+  );
+  const { mutateAsync, isPending: isMutating } = useUpdateProductVariant(
+    id,
+    variant_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(
+    MetadataForm,
+    {
+      metadata: variant?.metadata,
+      hook: handleSubmit,
+      isPending,
+      isMutating
+    }
+  );
+};
+export {
+  ProductVariantMetadata as Component
+};

package/dist/profile-detail-LLXUNQOT.js

@@ -0,0 +1,89 @@
+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 {
+  languages
+} from "./chunk-XQNVC4Q7.js";
+import {
+  useMe
+} from "./chunk-WDZFLCSQ.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/profile/profile-detail/components/profile-general-section/profile-general-section.tsx
+import { PencilSquare } from "@medusajs/icons";
+import { Container, Heading, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProfileGeneralSection = ({ user }) => {
+  const { i18n, t } = useTranslation();
+  const name = [user.first_name, user.last_name].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "profile-general-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "profile-general-section-header", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Heading, { "data-testid": "profile-general-section-heading", children: t("profile.domain") }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", "data-testid": "profile-general-section-description", children: t("profile.manageYourProfileDetails") })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "edit",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            }
+          ],
+          "data-testid": "profile-general-section-action-menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "profile-general-section-name-row", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "profile-general-section-name-label", children: t("fields.name") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", "data-testid": "profile-general-section-name-value", children: name || "-" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 items-center px-6 py-4", "data-testid": "profile-general-section-email-row", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "profile-general-section-email-label", children: t("fields.email") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", "data-testid": "profile-general-section-email-value", children: user.email })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 items-center px-6 py-4", "data-testid": "profile-general-section-language-row", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "profile-general-section-language-label", children: t("profile.fields.languageLabel") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", "data-testid": "profile-general-section-language-value", children: languages.find((lang) => lang.code === i18n.language)?.display_name || "-" })
+    ] })
+  ] });
+};
+
+// src/pages/profile/profile-detail/profile-detail.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ProfileDetail = () => {
+  const { user, isPending: isLoading, isError, error } = useMe();
+  if (isLoading || !user) {
+    return /* @__PURE__ */ jsx2(SingleColumnPageSkeleton, { sections: 1 });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(
+    SingleColumnPage,
+    {
+      "data-testid": "profile-detail-page",
+      children: /* @__PURE__ */ jsx2(ProfileGeneralSection, { user })
+    }
+  );
+};
+export {
+  ProfileDetail as Component
+};

package/dist/profile-edit-UDYMDQLT.js

@@ -0,0 +1,176 @@
+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 {
+  languages
+} from "./chunk-XQNVC4Q7.js";
+import {
+  useMe,
+  useUpdateUser
+} from "./chunk-WDZFLCSQ.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/profile/profile-edit/profile-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/profile/profile-edit/components/edit-profile-form/edit-profile-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, Select, 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 EditProfileSchema = zod.object({
+  first_name: zod.string().optional(),
+  last_name: zod.string().optional(),
+  language: zod.string()
+  // usage_insights: zod.boolean(),
+});
+var EditProfileForm = ({ user }) => {
+  const { t, i18n } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const form = useForm({
+    defaultValues: {
+      first_name: user.first_name ?? "",
+      last_name: user.last_name ?? "",
+      language: i18n.language
+      // usage_insights: usageInsights,
+    },
+    resolver: zodResolver(EditProfileSchema)
+  });
+  const changeLanguage = async (code) => {
+    await i18n.changeLanguage(code);
+  };
+  const sortedLanguages = languages.sort(
+    (a, b) => a.display_name.localeCompare(b.display_name)
+  );
+  const { mutateAsync, isPending } = useUpdateUser(user.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        first_name: values.first_name,
+        last_name: values.last_name
+      },
+      {
+        onError: (error) => {
+          toast.error(error.message);
+          return;
+        }
+      }
+    );
+    await changeLanguage(values.language);
+    toast.success(t("profile.toast.edit"));
+    handleSuccess();
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "profile-edit-form", children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { "data-testid": "profile-edit-body", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "first_name",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "profile-edit-first-name-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "profile-edit-first-name-label", children: t("fields.firstName") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "profile-edit-first-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "profile-edit-first-name-input" }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "profile-edit-first-name-error" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "last_name",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "profile-edit-last-name-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "profile-edit-last-name-label", children: t("fields.lastName") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "profile-edit-last-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "profile-edit-last-name-input" }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "profile-edit-last-name-error" })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "language",
+          render: ({ field: { ref, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { className: "gap-y-4", "data-testid": "profile-edit-language-item", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "profile-edit-language-label", children: t("profile.fields.languageLabel") }),
+              /* @__PURE__ */ jsx(Form.Hint, { "data-testid": "profile-edit-language-hint", children: t("profile.edit.languageHint") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "profile-edit-language-control", children: /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  dir: direction,
+                  ...field,
+                  onValueChange: field.onChange,
+                  "data-testid": "profile-edit-language-select",
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { ref, className: "py-1 text-[13px]", "data-testid": "profile-edit-language-trigger", children: /* @__PURE__ */ jsx(
+                      Select.Value,
+                      {
+                        placeholder: t("profile.edit.languagePlaceholder"),
+                        children: sortedLanguages.find(
+                          (language) => language.code === field.value
+                        )?.display_name
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Select.Content, { "data-testid": "profile-edit-language-content", children: languages.map((language) => /* @__PURE__ */ jsx(
+                      Select.Item,
+                      {
+                        value: language.code,
+                        "data-testid": `profile-edit-language-option-${language.code}`,
+                        children: language.display_name
+                      },
+                      language.code
+                    )) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "profile-edit-language-error" })
+            ] })
+          ] })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "profile-edit-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "profile-edit-cancel-button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, "data-testid": "profile-edit-save-button", children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+
+// src/pages/profile/profile-edit/profile-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProfileEdit = () => {
+  const { user, isPending: isLoading, isError, error } = useMe();
+  const { t } = useTranslation2();
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "profile-edit-drawer", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { className: "capitalize", "data-testid": "profile-edit-drawer-header", children: /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "profile-edit-drawer-title", children: t("profile.edit.header") }) }) }),
+    !isLoading && user && /* @__PURE__ */ jsx2(EditProfileForm, { user })
+  ] });
+};
+export {
+  ProfileEdit as Component
+};