@mercurjs/admin 2.0.2 → 2.1.0-canary.5

package/dist/{store-address-edit-7BBZSSIP.js → store-address-edit-YHL23NAM.js}

@@ -10,17 +10,17 @@ import {
 import {
   RouteDrawer,
   useRouteModal
-} from "./chunk-OV7R2AH5.js";
+} from "./chunk-FWJLS7XD.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import {
   useSeller,
   useUpdateSellerAddress
-} from "./chunk-M3YP3NX4.js";
+} from "./chunk-2FLBJM53.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-ZBWL72TB.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/stores/store-address-edit/store-address-edit.tsx
@@ -36,14 +36,13 @@ import { useTranslation } from "react-i18next";
 import * as zod from "zod";
 import { jsx, jsxs } from "react/jsx-runtime";
 var StoreAddressSchema = zod.object({
-  first_name: zod.string().min(1),
-  last_name: zod.string().min(1),
+  name: zod.string().min(1),
   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().min(1),
-  country_code: zod.string().min(2).max(2),
-  phone: zod.string().min(1)
+  postal_code: zod.string().optional().or(zod.literal("")),
+  country_code: zod.string().min(2).max(2)
 });
 var StoreAddressEditForm = ({
   seller
@@ -53,14 +52,13 @@ var StoreAddressEditForm = ({
   const address = seller.address;
   const form = useForm({
     defaultValues: {
-      first_name: address?.first_name ?? "",
-      last_name: address?.last_name ?? "",
+      name: address?.name ?? "",
       address_1: address?.address_1 ?? "",
+      address_2: address?.address_2 ?? "",
       city: address?.city ?? "",
       province: address?.province ?? "",
       postal_code: address?.postal_code ?? "",
-      country_code: address?.country_code ?? "",
-      phone: address?.phone ?? ""
+      country_code: address?.country_code ?? ""
     },
     resolver: zodResolver(StoreAddressSchema)
   });
@@ -68,14 +66,13 @@ var StoreAddressEditForm = ({
   const handleSubmit = form.handleSubmit(async (values) => {
     await mutateAsync(
       {
-        first_name: values.first_name,
-        last_name: values.last_name,
+        name: values.name,
         address_1: values.address_1 || null,
+        address_2: values.address_2 || null,
         city: values.city || null,
         province: values.province || null,
-        postal_code: values.postal_code,
-        country_code: values.country_code,
-        phone: values.phone
+        postal_code: values.postal_code || null,
+        country_code: values.country_code
       },
       {
         onSuccess: () => {
@@ -97,32 +94,30 @@ var StoreAddressEditForm = ({
       className: "flex flex-1 flex-col overflow-hidden",
       children: [
         /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-4 overflow-y-auto", 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, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.firstName") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "last_name",
-                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.lastName") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
-                  /* @__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("store.address.nameLabel") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", placeholder: t("store.address.namePlaceholder"), ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "country_code",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.country") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
           /* @__PURE__ */ jsx(
             Form.Field,
             {
@@ -135,6 +130,18 @@ var StoreAddressEditForm = ({
               ] })
             }
           ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "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__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
             /* @__PURE__ */ jsx(
               Form.Field,
@@ -148,52 +155,26 @@ var StoreAddressEditForm = ({
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "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__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
             /* @__PURE__ */ jsx(
               Form.Field,
               {
                 control: form.control,
                 name: "postal_code",
                 render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.postalCode") }),
+                  /* @__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: "country_code",
-                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.country") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] })
-              }
             )
           ] }),
           /* @__PURE__ */ jsx(
             Form.Field,
             {
               control: form.control,
-              name: "phone",
+              name: "province",
               render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.phone") }),
+                /* @__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, {})
               ] })

package/dist/store-bulk-edit-3WUPOXIX.js

@@ -0,0 +1,194 @@
+import {
+  DataGrid,
+  createDataGridHelper
+} from "./chunk-72Q2T2FK.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  require_dist
+} from "./chunk-ZZO3INVE.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import "./chunk-3QSRE5LS.js";
+import {
+  sellersQueryKeys,
+  useSellers
+} from "./chunk-2FLBJM53.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-ZBWL72TB.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/stores/store-bulk-edit/components/store-bulk-edit-form.tsx
+import { useEffect, useMemo } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useSearchParams } from "react-router-dom";
+import { Button, toast } from "@medusajs/ui";
+var import_types = __toESM(require_dist(), 1);
+import { jsx, jsxs } from "react/jsx-runtime";
+var helper = createDataGridHelper();
+var useColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      helper.column({
+        id: "name",
+        name: t("fields.name"),
+        header: t("fields.name"),
+        cell: (context) => /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, color: "normal", children: context.row.original.name }),
+        disableHiding: true
+      }),
+      helper.column({
+        id: "status",
+        name: t("fields.status"),
+        header: t("fields.status"),
+        type: "select",
+        field: (context) => `statuses.${context.row.original.id}`,
+        cell: (context) => /* @__PURE__ */ jsx(
+          DataGrid.SelectCell,
+          {
+            context,
+            options: [
+              {
+                label: t("stores.status.open"),
+                value: import_types.SellerStatus.OPEN
+              },
+              {
+                label: t("stores.status.pendingApproval"),
+                value: import_types.SellerStatus.PENDING_APPROVAL
+              },
+              {
+                label: t("stores.status.suspended"),
+                value: import_types.SellerStatus.SUSPENDED
+              }
+            ]
+          }
+        )
+      })
+    ],
+    [t]
+  );
+};
+var StoreBulkEditForm = () => {
+  const { t } = useTranslation();
+  const [searchParams] = useSearchParams();
+  const { handleSuccess, setCloseOnEscape } = useRouteModal();
+  const ids = useMemo(
+    () => (searchParams.get("ids") ?? "").split(",").map((id) => id.trim()).filter(Boolean),
+    [searchParams]
+  );
+  const { sellers, isLoading } = useSellers(
+    { id: ids, limit: ids.length || 1 },
+    { enabled: ids.length > 0 }
+  );
+  const form = useForm({
+    defaultValues: { statuses: {} }
+  });
+  useEffect(() => {
+    if (sellers) {
+      form.reset({
+        statuses: Object.fromEntries(
+          sellers.map((s) => [s.id, s.status])
+        )
+      });
+    }
+  }, [sellers, form]);
+  const columns = useColumns();
+  const handleSubmit = form.handleSubmit(async ({ statuses }) => {
+    if (!sellers) return;
+    const updates = sellers.filter((seller) => statuses[seller.id] !== seller.status).map(
+      (seller) => sdk.admin.sellers.$id.mutate({
+        $id: seller.id,
+        status: statuses[seller.id]
+      })
+    );
+    if (!updates.length) {
+      handleSuccess();
+      return;
+    }
+    try {
+      await Promise.all(updates);
+      await queryClient.invalidateQueries({
+        queryKey: sellersQueryKeys.lists()
+      });
+      toast.success(
+        t("stores.bulkEdit.successToast", { count: updates.length })
+      );
+      handleSuccess();
+    } catch (error) {
+      toast.error(error.message);
+    }
+  });
+  const { isSubmitting } = form.formState;
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "store-bulk-edit-form", children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Header, { "data-testid": "store-bulk-edit-form-header" }),
+    /* @__PURE__ */ jsx(
+      RouteFocusModal.Body,
+      {
+        className: "flex flex-col overflow-hidden",
+        "data-testid": "store-bulk-edit-form-body",
+        children: /* @__PURE__ */ jsx(
+          DataGrid,
+          {
+            state: form,
+            columns,
+            data: sellers ?? [],
+            isLoading,
+            onEditingChange: (editing) => setCloseOnEscape(!editing),
+            disableInteractions: isSubmitting,
+            "data-testid": "store-bulk-edit-data-grid"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "store-bulk-edit-form-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",
+          type: "button",
+          "data-testid": "store-bulk-edit-cancel-button",
+          children: t("actions.cancel")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          type: "submit",
+          isLoading: isSubmitting,
+          "data-testid": "store-bulk-edit-save-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+// src/pages/stores/store-bulk-edit/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Root = () => /* @__PURE__ */ jsx2(RouteFocusModal, { children: /* @__PURE__ */ jsx2(StoreBulkEditForm, {}) });
+var StoreBulkEditPage = Object.assign(Root, {
+  Form: StoreBulkEditForm
+});
+var Component = Root;
+export {
+  Component,
+  StoreBulkEditPage
+};

package/dist/{store-closure-edit-CN5JR4F5.js → store-closure-edit-LNMWVVWG.js}

@@ -5,17 +5,17 @@ import {
 import {
   RouteDrawer,
   useRouteModal
-} from "./chunk-OV7R2AH5.js";
+} from "./chunk-FWJLS7XD.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import {
   useSeller,
   useUpdateSeller
-} from "./chunk-M3YP3NX4.js";
+} from "./chunk-2FLBJM53.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-ZBWL72TB.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/stores/store-closure-edit/store-closure-edit.tsx

package/dist/{store-create-FUYTHJL5.js → store-create-TDHCGON2.js}

@@ -1,54 +1,58 @@
+import {
+  HandleInput
+} from "./chunk-TLE6YHGH.js";
 import {
   TabbedForm,
   defineTabMeta,
   useTabbedForm
-} from "./chunk-KA3VYXNA.js";
+} from "./chunk-4LXBQTFN.js";
 import "./chunk-TKGWSUEI.js";
 import "./chunk-U2ZFCAPX.js";
 import {
   RouteFocusModal,
   useRouteModal
-} from "./chunk-OV7R2AH5.js";
+} from "./chunk-FWJLS7XD.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.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-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 {
   useCreateSeller
-} from "./chunk-M3YP3NX4.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";
+} from "./chunk-2FLBJM53.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 {
   useStore
-} from "./chunk-LC6TM5OT.js";
-import "./chunk-7SJC6BWZ.js";
-import "./chunk-N4JU7GWK.js";
-import "./chunk-52BRBQMY.js";
-import "./chunk-BA2HXHTW.js";
+} from "./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";
 
 // src/pages/stores/store-create/components/store-create-form.tsx
@@ -59,18 +63,19 @@ import { useForm } from "react-hook-form";
 import { useTranslation as useTranslation3 } from "react-i18next";
 
 // src/pages/stores/store-create/components/schema.ts
+import i18n from "i18next";
 import { z } from "zod";
 var CreateStoreSchema = z.object({
-  name: z.string().min(1),
-  email: z.string().email(),
-  currency_code: z.string().min(1),
-  description: z.string().optional().or(z.literal("")),
+  name: z.string().min(1, { message: i18n.t("stores.create.validation.nameRequired") }),
+  email: z.string().min(1, { message: i18n.t("stores.create.validation.emailRequired") }).email({ message: i18n.t("stores.create.validation.emailInvalid") }),
+  phone: z.string().optional().or(z.literal("")),
+  currency_code: z.string().min(1, { message: i18n.t("stores.create.validation.currencyRequired") }),
   handle: z.string().optional().or(z.literal("")),
-  member_email: z.string().email()
+  member_email: z.string().min(1, { message: i18n.t("stores.create.validation.emailRequired") }).email({ message: i18n.t("stores.create.validation.emailInvalid") })
 });
 
 // src/pages/stores/store-create/components/store-create-details-tab.tsx
-import { Heading, Input, Select, Text, Textarea } from "@medusajs/ui";
+import { Heading, Input, Select } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Root = () => {
@@ -78,13 +83,7 @@ var Root = () => {
   const form = useTabbedForm();
   const { store } = useStore();
   return /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto px-3", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-[720px] flex-col gap-y-8 px-px py-16", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Heading, { children: t("stores.create.header", "Create Store") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t(
-        "stores.create.hint",
-        "Create a new store on the marketplace."
-      ) })
-    ] }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Heading, { children: t("stores.create.header") }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ jsx(
         Form.Field,
@@ -104,8 +103,8 @@ var Root = () => {
           control: form.control,
           name: "handle",
           render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-            /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.handle") }),
-            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...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, {})
           ] })
         }
@@ -122,6 +121,18 @@ var Root = () => {
           ] })
         }
       ),
+      /* @__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, { type: "tel", ...field }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsx(
         Form.Field,
         {
@@ -143,18 +154,6 @@ var Root = () => {
             /* @__PURE__ */ jsx(Form.ErrorMessage, {})
           ] })
         }
-      ),
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "description",
-          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.ErrorMessage, {})
-          ] })
-        }
       )
     ] })
   ] }) });
@@ -162,12 +161,12 @@ var Root = () => {
 Root._tabMeta = defineTabMeta({
   id: "details",
   labelKey: "stores.create.tabs.details",
-  validationFields: ["name", "email", "currency_code"]
+  validationFields: ["name", "email", "phone", "currency_code"]
 });
 var StoreCreateDetailsTab = Root;
 
 // src/pages/stores/store-create/components/store-create-users-tab.tsx
-import { Heading as Heading2, Input as Input2, Text as Text2 } from "@medusajs/ui";
+import { Heading as Heading2, Input as Input2, Text } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var Root2 = () => {
@@ -175,11 +174,9 @@ var Root2 = () => {
   const form = useTabbedForm();
   return /* @__PURE__ */ jsx2("div", { className: "flex flex-1 flex-col items-center overflow-y-auto px-3", children: /* @__PURE__ */ jsxs2("div", { className: "mx-auto flex w-full max-w-[720px] flex-col gap-y-8 px-px py-16", children: [
     /* @__PURE__ */ jsxs2("div", { children: [
-      /* @__PURE__ */ jsx2(Heading2, { children: t("stores.create.usersHeader", "Users") }),
-      /* @__PURE__ */ jsx2(Text2, { size: "small", className: "text-ui-fg-subtle", children: t(
-        "stores.create.usersHint",
-        "Invite the store owner by email. They will receive an invitation to set up their account."
-      ) })
+      /* @__PURE__ */ jsx2(Heading2, { children: t("stores.create.usersHeader") }),
+      /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle", children: t("stores.create.usersHint") }),
+      /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: t("stores.create.usersHintSecondary") })
     ] }),
     /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx2(
       Form.Field,
@@ -187,19 +184,15 @@ var Root2 = () => {
         control: form.control,
         name: "member_email",
         render: ({ field }) => /* @__PURE__ */ jsxs2(Form.Item, { children: [
-          /* @__PURE__ */ jsx2(Form.Label, { optional: true, children: t("stores.create.ownerEmail", "Owner email") }),
+          /* @__PURE__ */ jsx2(Form.Label, { children: t("fields.email") }),
           /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
             Input2,
             {
               type: "email",
               ...field,
-              placeholder: "owner@example.com"
+              placeholder: "admin@example.com"
             }
           ) }),
-          /* @__PURE__ */ jsx2(Form.Hint, { children: t(
-            "stores.create.ownerEmailHint",
-            "The owner will be granted the Store Administration role."
-          ) }),
           /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
         ] })
       }
@@ -221,8 +214,8 @@ var StoreCreateForm = ({ children }) => {
     defaultValues: {
       name: "",
       email: "",
+      phone: "",
       currency_code: "",
-      description: "",
       handle: "",
       member_email: ""
     },
@@ -234,8 +227,8 @@ var StoreCreateForm = ({ children }) => {
       await createSeller({
         name: values.name,
         email: values.email,
+        phone: values.phone || void 0,
         currency_code: values.currency_code,
-        description: values.description || void 0,
         handle: values.handle || void 0,
         member: {
           email: values.member_email