@mercurjs/vendor 2.0.0-canary.0

package/dist/edit-LOKLQGM2.js

@@ -0,0 +1,181 @@
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.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 {
+  useProduct,
+  useUpdateProduct
+} 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/products/[id]/edit/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/[id]/edit/edit-product-form/edit-product-form.tsx
+import { Button, Input, Text, Textarea, toast } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditProductSchema = zod.object({
+  title: zod.string().min(1),
+  handle: zod.string().min(1),
+  description: zod.string().optional(),
+  discountable: zod.boolean()
+});
+var EditProductForm = ({ product }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      title: product.title,
+      handle: product.handle || "",
+      description: product.description || "",
+      discountable: product.discountable
+    },
+    resolver: zodResolver(EditProductSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProduct(product.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const { description, discountable, handle, title } = data;
+    await mutateAsync(
+      {
+        description,
+        discountable,
+        handle,
+        title
+      },
+      {
+        onSuccess: ({ product: product2 }) => {
+          toast.success(
+            t("products.edit.successToast", {
+              title: product2.title
+            })
+          );
+          handleSuccess(`/products/${product2.id}`);
+        },
+        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__ */ jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", 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: "handle",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("fields.handle") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                      /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r", children: /* @__PURE__ */ jsx(
+                        Text,
+                        {
+                          className: "text-ui-fg-muted",
+                          size: "small",
+                          leading: "compact",
+                          weight: "plus",
+                          children: "/"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Input, { ...field, className: "pl-10" })
+                    ] }) }),
+                    /* @__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(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "discountable",
+              label: t("fields.discountable"),
+              description: t("products.discountableHint")
+            }
+          )
+        ] }) }),
+        /* @__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/products/[id]/edit/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isLoading, isError, error } = useProduct(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("products.edit.header") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("products.edit.description") })
+    ] }),
+    !isLoading && product && /* @__PURE__ */ jsx2(EditProductForm, { product })
+  ] });
+};
+export {
+  Component
+};

package/dist/edit-MDTTTB33.js

@@ -0,0 +1,104 @@
+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
+} 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 {
+  useProducts
+} 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/price-lists/[id]/products/edit/index.tsx
+import { useParams, useSearchParams } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const [searchParams] = useSearchParams();
+  const ids = searchParams.get("ids[]");
+  const { price_list, isLoading, isError, error } = usePriceList(id, {
+    fields: "*prices,prices.price_set.variant.id,prices.price_rules.attribute,prices.price_rules.value"
+  });
+  const productIds = ids?.split(",");
+  const {
+    products,
+    isLoading: isProductsLoading,
+    isError: isProductsError,
+    error: productError
+  } = useProducts({
+    id: productIds,
+    limit: productIds?.length || 9999,
+    // Temporary until we support lazy loading in the DataGrid
+    price_list_id: [id],
+    // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+    fields: "title,thumbnail,*variants,-type,-collection,-options,-tags,-images,-sales_channels"
+  });
+  const { isReady, regions, currencies, pricePreferences } = usePriceListCurrencyData();
+  const ready = !isLoading && !!price_list && !isProductsLoading && !!products && 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,
+        regions,
+        currencies,
+        pricePreferences
+      }
+    )
+  ] });
+};
+export {
+  Component
+};

package/dist/edit-NFSU2K3O.js

@@ -0,0 +1,413 @@
+import {
+  FileUpload,
+  MediaSchema
+} from "./chunk-VKC3XKFF.js";
+import "./chunk-IZ5RG5XI.js";
+import "./chunk-SMQT3ZNO.js";
+import {
+  CountrySelect
+} from "./chunk-S3PQKKNV.js";
+import "./chunk-QUNDGPF7.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 "./chunk-JRTZWK77.js";
+import {
+  useMe,
+  useUpdateMe
+} from "./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 "./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 {
+  uploadFilesQuery
+} from "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/settings/seller/edit/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/settings/seller/edit/_components/edit-seller-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, toast } from "@medusajs/ui";
+import { useFieldArray, useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditSellerSchema = zod.object({
+  name: zod.string().min(1),
+  handle: zod.string().min(1),
+  email: zod.string().email().optional().or(zod.literal("")),
+  phone: zod.string().optional().or(zod.literal("")),
+  address: zod.object({
+    address_1: zod.string().optional().or(zod.literal("")),
+    address_2: zod.string().optional().or(zod.literal("")),
+    city: zod.string().optional().or(zod.literal("")),
+    province: zod.string().optional().or(zod.literal("")),
+    postal_code: zod.string().optional().or(zod.literal("")),
+    country_code: zod.string().optional().or(zod.literal(""))
+  }),
+  media: zod.array(MediaSchema).optional(),
+  coverMedia: zod.array(MediaSchema).optional()
+});
+var SUPPORTED_FORMATS = [
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/webp",
+  "image/heic",
+  "image/svg+xml"
+];
+var SUPPORTED_FORMATS_FILE_EXTENSIONS = [
+  ".jpeg",
+  ".png",
+  ".gif",
+  ".webp",
+  ".heic",
+  ".svg"
+];
+var EditSellerForm = ({ seller }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: seller.name ?? "",
+      handle: seller.handle ?? "",
+      email: seller.email ?? "",
+      phone: seller.phone ?? "",
+      address: {
+        address_1: seller.address_1 ?? "",
+        address_2: seller.address_2 ?? "",
+        city: seller.city ?? "",
+        province: seller.province ?? "",
+        postal_code: seller.postal_code ?? "",
+        country_code: seller.country_code ?? ""
+      },
+      media: [],
+      coverMedia: []
+    },
+    resolver: zodResolver(EditSellerSchema)
+  });
+  const { fields: logoFields } = useFieldArray({
+    name: "media",
+    control: form.control,
+    keyName: "field_id"
+  });
+  const { fields: coverFields } = useFieldArray({
+    name: "coverMedia",
+    control: form.control,
+    keyName: "field_id"
+  });
+  const { mutateAsync, isPending } = useUpdateMe();
+  const handleSubmit = form.handleSubmit(async (values) => {
+    let logoUrl = seller.logo || "";
+    let coverImageUrl = seller.cover_image || "";
+    try {
+      if (values.media?.length) {
+        const uploaded = await uploadFilesQuery(values.media);
+        logoUrl = uploaded.files?.[0]?.url || logoUrl;
+      }
+      if (values.coverMedia?.length) {
+        const uploaded = await uploadFilesQuery(values.coverMedia);
+        coverImageUrl = uploaded.files?.[0]?.url || coverImageUrl;
+      }
+    } catch (error) {
+      if (error instanceof Error) {
+        toast.error(error.message);
+      }
+    }
+    await mutateAsync(
+      {
+        name: values.name,
+        handle: values.handle,
+        email: values.email || void 0,
+        phone: values.phone || null,
+        logo: logoUrl || null,
+        cover_image: coverImageUrl || null,
+        address_1: values.address.address_1 || null,
+        address_2: values.address.address_2 || null,
+        city: values.address.city || null,
+        province: values.address.province || null,
+        postal_code: values.address.postal_code || null,
+        country_code: values.address.country_code || null
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("app.menus.seller.sellerSettings"));
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  const hasInvalidFiles = useCallback(
+    (fileList) => {
+      const invalidFile = fileList.find(
+        (f) => !SUPPORTED_FORMATS.includes(f.file.type)
+      );
+      if (invalidFile) {
+        form.setError("media", {
+          type: "invalid_file",
+          message: t("products.media.invalidFileType", {
+            name: invalidFile.file.name,
+            types: SUPPORTED_FORMATS_FILE_EXTENSIONS.join(", ")
+          })
+        });
+        return true;
+      }
+      return false;
+    },
+    [form, t]
+  );
+  const onLogoUploaded = (files) => {
+    form.clearErrors("media");
+    if (hasInvalidFiles(files)) {
+      return;
+    }
+    form.setValue("media", [{ ...files[0], isThumbnail: false }]);
+  };
+  const onCoverUploaded = (files) => {
+    form.clearErrors("coverMedia");
+    if (hasInvalidFiles(files)) {
+      return;
+    }
+    form.setValue("coverMedia", [{ ...files[0], isThumbnail: false }]);
+  };
+  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-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              name: "media",
+              control: form.control,
+              render: () => {
+                const previewUrl = logoFields[0]?.url || seller.logo;
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("store.logo", "Logo") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    FileUpload,
+                    {
+                      uploadedImage: previewUrl,
+                      multiple: false,
+                      label: t("products.media.uploadImagesLabel"),
+                      hint: t("products.media.uploadImagesHint"),
+                      hasError: !!form.formState.errors.media,
+                      formats: SUPPORTED_FORMATS,
+                      onUploaded: onLogoUploaded
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              name: "coverMedia",
+              control: form.control,
+              render: () => {
+                const previewUrl = coverFields[0]?.url || seller.cover_image;
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("store.coverImage", "Cover image") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    FileUpload,
+                    {
+                      uploadedImage: previewUrl,
+                      multiple: false,
+                      label: t("products.media.uploadImagesLabel"),
+                      hint: t("products.media.uploadImagesHint"),
+                      hasError: !!form.formState.errors.coverMedia,
+                      formats: SUPPORTED_FORMATS,
+                      onUploaded: onCoverUploaded
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "name",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.name") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "handle",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.handle") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "email",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.email") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", type: "email", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "phone",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.phone") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.address_1",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.address") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.address_2",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.address2") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.city",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.city") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.province",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.state") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.postal_code",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.postalCode") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.country_code",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.country") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...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/seller/edit/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SellerEdit = () => {
+  const { t } = useTranslation2();
+  const { seller, isPending, isError, error } = useMe();
+  const ready = !isPending && !!seller;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { className: "capitalize", children: t("app.menus.seller.editSeller") }) }),
+    ready && /* @__PURE__ */ jsx2(EditSellerForm, { seller })
+  ] });
+};
+var Component = SellerEdit;
+export {
+  Component
+};