@mercurjs/admin 2.1.0-canary.4 → 2.1.0-canary.6

package/dist/{store-edit-O4D6F4SA.js → store-edit-N2V2Z4UU.js}

@@ -1,15 +1,18 @@
 import {
-  require_dist
-} from "./chunk-ZZO3INVE.js";
+  HandleInput
+} from "./chunk-HJ56YXBU.js";
+import {
+  currencies
+} from "./chunk-IQPN4PZJ.js";
 import {
   MediaSchema
-} from "./chunk-XJHXEWWX.js";
+} from "./chunk-3LPDWXLV.js";
 import "./chunk-UXD3VNBO.js";
 import "./chunk-SMQT3ZNO.js";
 import {
   SwitchBox
-} from "./chunk-YVCBMOJG.js";
-import "./chunk-RMMKSTB4.js";
+} from "./chunk-2EME4AWX.js";
+import "./chunk-DW7BD2BR.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
@@ -17,34 +20,47 @@ import {
 import {
   FileUpload
 } from "./chunk-S2Q7PO7I.js";
+import {
+  require_dist
+} from "./chunk-ZZO3INVE.js";
 import {
   RouteDrawer,
   useRouteModal
-} from "./chunk-OV7R2AH5.js";
+} from "./chunk-FWJLS7XD.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import {
   useSeller,
   useUpdateSeller
-} from "./chunk-OVPKR4G7.js";
+} from "./chunk-LEG67A2R.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import {
   uploadFilesQuery
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-ZBWL72TB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
 
 // src/pages/stores/store-edit/store-edit.tsx
-import { Heading } from "@medusajs/ui";
+import { Heading as Heading2 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
 
 // src/pages/stores/store-edit/components/store-edit-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, Input, Select, Textarea, toast } from "@medusajs/ui";
+import i18n from "i18next";
+import { InformationCircleSolid } from "@medusajs/icons";
+import {
+  Button,
+  Heading,
+  Input,
+  Select,
+  Text,
+  Textarea,
+  toast
+} from "@medusajs/ui";
 import { useFieldArray, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import * as zod from "zod";
@@ -52,12 +68,13 @@ import { useCallback } from "react";
 var import_types = __toESM(require_dist(), 1);
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditStoreSchema = zod.object({
-  name: zod.string().min(1),
-  handle: zod.string().min(1),
-  email: zod.string().email().optional().or(zod.literal("")),
-  description: zod.string().optional().or(zod.literal("")),
-  website_url: zod.string().url().optional().or(zod.literal("")),
   status: zod.nativeEnum(import_types.SellerStatus),
+  name: zod.string().min(1, { message: i18n.t("stores.create.validation.nameRequired") }),
+  description: zod.string().optional().or(zod.literal("")),
+  handle: zod.string().optional().or(zod.literal("")),
+  email: zod.string().min(1, { message: i18n.t("stores.create.validation.emailRequired") }).email({ message: i18n.t("stores.create.validation.emailInvalid") }),
+  phone: zod.string().optional().or(zod.literal("")),
+  website_url: zod.string().optional().or(zod.literal("")),
   is_premium: zod.boolean(),
   media: zod.array(MediaSchema).optional(),
   bannerMedia: zod.array(MediaSchema).optional()
@@ -78,17 +95,36 @@ var SUPPORTED_FORMATS_FILE_EXTENSIONS = [
   ".heic",
   ".svg"
 ];
+var stripWebsiteProtocol = (url) => url ? url.replace(/^https?:\/\//i, "") : "";
+var getFileNameFromUrl = (url) => {
+  if (!url || url.startsWith("blob:")) return void 0;
+  try {
+    const pathname = new URL(url).pathname;
+    const last = pathname.split("/").filter(Boolean).pop();
+    return last ? decodeURIComponent(last) : void 0;
+  } catch {
+    const last = url.split("?")[0].split("/").filter(Boolean).pop();
+    return last ? decodeURIComponent(last) : void 0;
+  }
+};
+var ensureWebsiteProtocol = (url) => {
+  const trimmed = url.trim();
+  if (!trimmed) return null;
+  if (/^https?:\/\//i.test(trimmed)) return trimmed;
+  return `https://${trimmed}`;
+};
 var StoreEditForm = ({ seller }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
   const form = useForm({
     defaultValues: {
+      status: seller.status ?? import_types.SellerStatus.OPEN,
       name: seller.name ?? "",
+      description: seller.description ?? "",
       handle: seller.handle ?? "",
       email: seller.email ?? "",
-      description: seller.description ?? "",
-      website_url: seller.website_url ?? "",
-      status: seller.status ?? import_types.SellerStatus.PENDING_APPROVAL,
+      phone: seller.phone ?? "",
+      website_url: stripWebsiteProtocol(seller.website_url),
       is_premium: seller.is_premium ?? false,
       media: seller.logo ? [{ id: "existing-logo", url: seller.logo, isThumbnail: false, file: null }] : [],
       bannerMedia: seller.banner ? [{ id: "existing-banner", url: seller.banner, isThumbnail: false, file: null }] : []
@@ -132,12 +168,13 @@ var StoreEditForm = ({ seller }) => {
     }
     await mutateAsync(
       {
+        status: values.status,
         name: values.name,
-        handle: values.handle,
+        handle: values.handle || void 0,
         email: values.email || void 0,
+        phone: values.phone || null,
         description: values.description || null,
-        website_url: values.website_url || null,
-        status: values.status,
+        website_url: ensureWebsiteProtocol(values.website_url ?? ""),
         is_premium: values.is_premium,
         logo: logoUrl,
         banner: bannerUrl
@@ -188,6 +225,8 @@ var StoreEditForm = ({ seller }) => {
     }
     form.setValue("bannerMedia", [{ ...files[0], isThumbnail: false }]);
   };
+  const currencyCode = seller.currency_code?.toUpperCase() ?? "";
+  const currencyName = currencies[currencyCode]?.name ?? currencyCode;
   return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
     KeyboundForm,
     {
@@ -196,6 +235,25 @@ var StoreEditForm = ({ seller }) => {
       children: [
         /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-8 overflow-y-auto", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "status",
+                render: ({ field: { onChange, value, ref: _ref, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.status") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(Select, { ...field, value, onValueChange: onChange, children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                    /* @__PURE__ */ jsxs(Select.Content, { children: [
+                      /* @__PURE__ */ jsx(Select.Item, { value: import_types.SellerStatus.OPEN, children: t("stores.status.open") }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: import_types.SellerStatus.PENDING_APPROVAL, children: t("stores.status.pendingApproval") }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: import_types.SellerStatus.SUSPENDED, children: t("stores.status.suspended") })
+                    ] })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] })
+              }
+            ),
             /* @__PURE__ */ jsx(
               Form.Field,
               {
@@ -212,10 +270,10 @@ var StoreEditForm = ({ seller }) => {
               Form.Field,
               {
                 control: form.control,
-                name: "handle",
+                name: "description",
                 render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.handle") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.description") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
                   /* @__PURE__ */ jsx(Form.ErrorMessage, {})
                 ] })
               }
@@ -224,10 +282,10 @@ var StoreEditForm = ({ seller }) => {
               Form.Field,
               {
                 control: form.control,
-                name: "email",
+                name: "handle",
                 render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.email") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { type: "email", ...field }) }),
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, tooltip: t("stores.handleTooltip"), children: t("fields.handle") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(HandleInput, { ...field }) }),
                   /* @__PURE__ */ jsx(Form.ErrorMessage, {})
                 ] })
               }
@@ -236,10 +294,10 @@ var StoreEditForm = ({ seller }) => {
               Form.Field,
               {
                 control: form.control,
-                name: "description",
+                name: "email",
                 render: ({ field }) => /* @__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.Label, { children: t("fields.email") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { type: "email", ...field }) }),
                   /* @__PURE__ */ jsx(Form.ErrorMessage, {})
                 ] })
               }
@@ -248,10 +306,10 @@ var StoreEditForm = ({ seller }) => {
               Form.Field,
               {
                 control: form.control,
-                name: "website_url",
+                name: "phone",
                 render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.website") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.phone") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { type: "tel", ...field }) }),
                   /* @__PURE__ */ jsx(Form.ErrorMessage, {})
                 ] })
               }
@@ -260,19 +318,34 @@ var StoreEditForm = ({ seller }) => {
               Form.Field,
               {
                 control: form.control,
-                name: "status",
-                render: ({ field: { onChange, ref, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.status") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(Select, { onValueChange: onChange, ...field, children: [
-                    /* @__PURE__ */ jsx(Select.Trigger, { ref, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
-                    /* @__PURE__ */ jsx(Select.Content, { children: Object.values(import_types.SellerStatus).map((status) => /* @__PURE__ */ jsx(Select.Item, { value: status, children: t(`stores.status.${status}`) }, status)) })
-                  ] }) }),
+                name: "website_url",
+                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.website") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(HandleInput, { prefix: "https://", ...field }) }),
                   /* @__PURE__ */ jsx(Form.ErrorMessage, {})
                 ] })
               }
-            )
+            ),
+            /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.currency") }),
+              /* @__PURE__ */ jsxs(Select, { value: currencyCode, disabled: true, children: [
+                /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: currencyName, children: currencyName }) }),
+                /* @__PURE__ */ jsx(Select.Content, { children: /* @__PURE__ */ jsx(Select.Item, { value: currencyCode, children: currencyName }) })
+              ] })
+            ] })
           ] }),
+          /* @__PURE__ */ jsx(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "is_premium",
+              label: t("fields.premium"),
+              description: t("stores.premium.description")
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "border-ui-border-base border-t" }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("stores.edit.mediaHeading") }),
             /* @__PURE__ */ jsx(
               Form.Field,
               {
@@ -287,7 +360,7 @@ var StoreEditForm = ({ seller }) => {
                       FileUpload,
                       {
                         uploadedImage: previewUrl,
-                        fileName: logoFile?.file?.name,
+                        fileName: logoFile?.file?.name ?? getFileNameFromUrl(logoFile?.url),
                         fileSize: logoFile?.file?.size,
                         multiple: false,
                         label: t("products.media.uploadImagesLabel"),
@@ -317,7 +390,7 @@ var StoreEditForm = ({ seller }) => {
                       FileUpload,
                       {
                         uploadedImage: previewUrl,
-                        fileName: bannerFile?.file?.name,
+                        fileName: bannerFile?.file?.name ?? getFileNameFromUrl(bannerFile?.url),
                         fileSize: bannerFile?.file?.size,
                         multiple: false,
                         label: t("products.media.uploadImagesLabel"),
@@ -332,17 +405,15 @@ var StoreEditForm = ({ seller }) => {
                   ] });
                 }
               }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            SwitchBox,
-            {
-              control: form.control,
-              name: "is_premium",
-              label: t("fields.premium"),
-              description: t("stores.premium.description")
-            }
-          )
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-component shadow-elevation-card-rest flex items-start gap-x-2 rounded-lg px-4 py-3", children: [
+              /* @__PURE__ */ jsx(InformationCircleSolid, { className: "text-ui-fg-interactive mt-[2px]" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-0.5", children: [
+                /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: t("stores.edit.mediaTipLabel") }),
+                /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("stores.edit.mediaTipBody") })
+              ] })
+            ] })
+          ] })
         ] }),
         /* @__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") }) }),
@@ -363,7 +434,7 @@ var StoreEdit = () => {
     throw error;
   }
   return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { className: "capitalize", children: t("stores.edit.header") }) }),
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading2, { className: "capitalize", children: t("stores.edit.header") }) }),
     !isLoading && seller && /* @__PURE__ */ jsx2(StoreEditForm, { seller })
   ] });
 };

package/dist/{store-list-35G4TP5I.js → store-list-TRXWHGBQ.js}

@@ -1,7 +1,6 @@
 import {
   StoreListPage
-} from "./chunk-GZWI6ROZ.js";
-import "./chunk-ZZO3INVE.js";
+} from "./chunk-C2GSCU65.js";
 import "./chunk-25LYVP3C.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
@@ -16,16 +15,16 @@ import "./chunk-INNFZYX2.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-BE5QWX5N.js";
+import "./chunk-KOURHC2N.js";
 import "./chunk-2ZFELO2L.js";
 import "./chunk-RT6L7JXU.js";
 import "./chunk-26OOAKQ6.js";
 import "./chunk-ZQZHFMD7.js";
-import "./chunk-6TFS6ET5.js";
-import "./chunk-25YTS3TI.js";
+import "./chunk-I5THQVYP.js";
+import "./chunk-VIGX66F7.js";
 import "./chunk-CMHI2RPL.js";
 import "./chunk-S2WEYEQR.js";
-import "./chunk-NNI6QKKZ.js";
+import "./chunk-FQFW3DUZ.js";
 import "./chunk-MG4GKUJW.js";
 import "./chunk-AYVH6Q5O.js";
 import "./chunk-VOHEQ7B5.js";
@@ -33,50 +32,52 @@ import "./chunk-C3WE6EFO.js";
 import "./chunk-N5IUYCUZ.js";
 import "./chunk-7SVLKK6Q.js";
 import "./chunk-GR6JUIRU.js";
+import "./chunk-ZZO3INVE.js";
 import "./chunk-PVZBDWLK.js";
 import "./chunk-3B6MTW5G.js";
 import "./chunk-VKOE5J66.js";
 import "./chunk-DY3XQPHC.js";
-import "./chunk-R2UP4YIY.js";
+import "./chunk-LNAXUDW2.js";
 import "./chunk-VVWB3GIK.js";
 import "./chunk-KBYZLKI4.js";
 import "./chunk-YWWUOGJA.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-3MDRW5MA.js";
-import "./chunk-MFL2TZ3W.js";
-import "./chunk-YNIIYGL4.js";
-import "./chunk-CBHNHLUZ.js";
-import "./chunk-VME3CJER.js";
-import "./chunk-XMVTX2EN.js";
-import "./chunk-5PUHROK4.js";
-import "./chunk-TPPONKYW.js";
-import "./chunk-DF3OGJAK.js";
-import "./chunk-XRDP2SYY.js";
-import "./chunk-FNBKEF54.js";
-import "./chunk-EHQESDH2.js";
-import "./chunk-XKVXLDSJ.js";
-import "./chunk-XDZGOUCR.js";
-import "./chunk-K4BGK3CO.js";
-import "./chunk-YYTI5JIC.js";
-import "./chunk-HAFZQK53.js";
-import "./chunk-IJWG755C.js";
-import "./chunk-OVPKR4G7.js";
-import "./chunk-UU2RQMXS.js";
-import "./chunk-O4STPJR2.js";
-import "./chunk-R74OHYTB.js";
-import "./chunk-22XJUSMM.js";
-import "./chunk-OFKUNYQJ.js";
-import "./chunk-W5UPPL3W.js";
-import "./chunk-LC6TM5OT.js";
-import "./chunk-7SJC6BWZ.js";
-import "./chunk-N4JU7GWK.js";
-import "./chunk-52BRBQMY.js";
-import "./chunk-BA2HXHTW.js";
+import "./chunk-PBQ5M44A.js";
+import "./chunk-OH4AABUT.js";
+import "./chunk-YKDEE7ZL.js";
+import "./chunk-AEMDNTW5.js";
+import "./chunk-LYD3C73Z.js";
+import "./chunk-7O5NDICV.js";
+import "./chunk-46M463BR.js";
+import "./chunk-YFRC6GEN.js";
+import "./chunk-N6SI4IIT.js";
+import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
+import "./chunk-OHOWEMHO.js";
+import "./chunk-GKGLVDDV.js";
+import "./chunk-WJJXUXSO.js";
+import "./chunk-LAPEZATU.js";
+import "./chunk-DBNPVU3L.js";
+import "./chunk-U7WZYWGA.js";
+import "./chunk-ZN7LWXVC.js";
+import "./chunk-VYMODH6P.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-PRBE5CM3.js";
+import "./chunk-5TRY5IMZ.js";
+import "./chunk-TAKEQAZZ.js";
+import "./chunk-B6FG7A6W.js";
+import "./chunk-EPHVGD5Z.js";
+import "./chunk-ESPLVOFC.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
+import "./chunk-DL2ZIXBO.js";
+import "./chunk-Z2QQZOG3.js";
+import "./chunk-5CK6XEFV.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-ZBWL72TB.js";
 import "./chunk-NBMM2TZK.js";
 export {
   StoreListPage as Component