@mercurjs/vendor 2.1.6 → 2.2.0-canary.11

package/dist/create-TKXH5KQY.js

@@ -0,0 +1,239 @@
+import {
+  ChipInput
+} from "./chunk-YGRTRAWX.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-GDWBOQI5.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useAddProductAttribute
+} from "./chunk-JAUZ73XE.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/[id]/attributes/create/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/[id]/attributes/create/components/create-attribute-form/create-attribute-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Button,
+  Hint,
+  Input,
+  Label,
+  Switch,
+  Textarea,
+  toast
+} from "@medusajs/ui";
+import { useMemo } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var normalizeValues = (raw) => (Array.isArray(raw) ? raw : raw.split(",")).map((v) => v.trim()).filter(Boolean);
+var buildSchema = (messages) => zod.object({
+  title: zod.string().min(1, { message: messages.title }),
+  values: zod.union([zod.string(), zod.array(zod.string())]),
+  use_for_variants: zod.boolean()
+}).superRefine((data, ctx) => {
+  if (normalizeValues(data.values).length === 0) {
+    ctx.addIssue({
+      code: zod.ZodIssueCode.custom,
+      path: ["values"],
+      message: messages.values
+    });
+  }
+});
+var CreateAttributeForm = ({
+  productId
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const schema = useMemo(
+    () => buildSchema({
+      title: t("products.create.attributes.errors.titleRequired"),
+      values: t("products.create.attributes.errors.valuesRequired")
+    }),
+    [t]
+  );
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      values: "",
+      use_for_variants: false
+    },
+    resolver: zodResolver(schema)
+  });
+  const useForVariants = form.watch("use_for_variants");
+  const { mutateAsync: createAttribute, isPending } = useAddProductAttribute(productId);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await createAttribute(
+      {
+        name: data.title,
+        type: data.use_for_variants ? "multi_select" : "text",
+        is_variant_axis: data.use_for_variants,
+        values: normalizeValues(data.values)
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component shadow-elevation-card-rest rounded-xl p-1.5", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[min-content,1fr] items-start 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",
+          children: t("fields.title")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "title",
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                ...field,
+                "aria-invalid": fieldState.invalid ? "true" : void 0,
+                className: fieldState.invalid ? "bg-ui-bg-field-component shadow-borders-error focus:shadow-borders-error" : "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
+                placeholder: t(
+                  "products.create.attributes.titlePlaceholder"
+                ),
+                "data-testid": "create-attribute-title-input"
+              }
+            ) }),
+            /* @__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",
+          children: t("fields.values")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "values",
+          render: ({ field: { onChange, value, ...field }, fieldState }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Control, { children: useForVariants ? /* @__PURE__ */ jsx(
+              ChipInput,
+              {
+                ...field,
+                variant: "contrast",
+                value: Array.isArray(value) ? value : [],
+                onChange,
+                "aria-invalid": fieldState.invalid ? "true" : void 0,
+                className: fieldState.invalid ? "shadow-borders-error focus-within:!shadow-borders-error" : void 0,
+                placeholder: t(
+                  "products.create.attributes.valuePlaceholder"
+                )
+              }
+            ) : /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                ...field,
+                "aria-invalid": fieldState.invalid ? "true" : void 0,
+                className: fieldState.invalid ? "bg-ui-bg-field-component shadow-borders-error focus:shadow-borders-error" : "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
+                value: Array.isArray(value) ? value.join(", ") : value ?? "",
+                onChange: (e) => onChange(e.target.value),
+                placeholder: t(
+                  "products.create.attributes.valuePlaceholder"
+                ),
+                "data-testid": "create-attribute-values-input"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", {}),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "use_for_variants",
+          render: ({
+            field: { value, onChange: fieldOnChange, ref }
+          }) => /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-3 py-1.5", children: [
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                ref,
+                className: "shrink-0 rtl:rotate-180",
+                checked: value,
+                onCheckedChange: (checked) => {
+                  fieldOnChange(checked);
+                  form.setValue("values", checked ? [] : "", {
+                    shouldValidate: form.formState.isSubmitted
+                  });
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx(Label, { size: "xsmall", weight: "plus", children: t("products.create.attributes.useForVariants") }),
+              /* @__PURE__ */ jsx(Hint, { className: "!txt-small", children: t(
+                "products.create.attributes.useForVariantsDescription"
+              ) })
+            ] })
+          ] }) })
+        }
+      )
+    ] }) }) }) }),
+    /* @__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,
+          "data-testid": "create-attribute-submit-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+// src/pages/products/[id]/attributes/create/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("products.addAttribute") }) }),
+    /* @__PURE__ */ jsx2(CreateAttributeForm, { productId: id })
+  ] });
+};
+export {
+  Component
+};

package/dist/{create-33TRLASX.js → create-UPYB65PD.js}

@@ -11,7 +11,7 @@ import {
 import {
   RouteFocusModal,
   useRouteModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";

package/dist/{create-KGYL7FBM.js → create-XVHOCZHJ.js}

@@ -8,7 +8,7 @@ import {
 import {
   RouteFocusModal,
   useRouteModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";

package/dist/{create-4AE3VTWN.js → create-YBF4YGWG.js}

@@ -2,6 +2,7 @@ import "./chunk-NXDFDEKP.js";
 import {
   CountrySelect
 } from "./chunk-7CAFYKKA.js";
+import "./chunk-JRTZWK77.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
@@ -9,11 +10,10 @@ import {
 import {
   RouteFocusModal,
   useRouteModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
-import "./chunk-JRTZWK77.js";
 import {
   useCreateStockLocation
 } from "./chunk-NBPMNUKZ.js";

package/dist/{customers-6ZLE65UX.js → customers-SOLJ2KQQ.js}

@@ -1,6 +1,6 @@
 import {
   CustomerListPage
-} from "./chunk-P3ZTO6T2.js";
+} from "./chunk-UFFVRF4V.js";
 import "./chunk-GJM5XI3E.js";
 import "./chunk-PVZBDWLK.js";
 import "./chunk-X22KTLZ7.js";
@@ -8,17 +8,17 @@ import "./chunk-SYNUA6LQ.js";
 import "./chunk-FQERBIVS.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-AIF2KTEE.js";
+import "./chunk-SSUUT5LK.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-KAZ5BYTQ.js";
+import "./chunk-6OUPJNYO.js";
 import "./chunk-3EF54XFY.js";
-import "./chunk-CAS74NLJ.js";
+import "./chunk-YV6MK4PZ.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
+import "./chunk-INNFZYX2.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-INNFZYX2.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-RIN4CBRB.js";

package/dist/{edit-QBISX7D3.js → edit-2R5QCPTB.js}

@@ -1,6 +1,6 @@
 import {
   RulesFormField
-} from "./chunk-QX45GVAL.js";
+} from "./chunk-SZBERGA4.js";
 import "./chunk-OVPAOBZB.js";
 import "./chunk-VBRTC2VU.js";
 import "./chunk-TKGWSUEI.js";
@@ -10,17 +10,15 @@ import {
 import {
   RouteDrawer,
   useRouteModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import "./chunk-3QSRE5LS.js";
-import "./chunk-47SXTGLN.js";
+import "./chunk-TBYCZRZ7.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
-import "./chunk-VXMOPVRH.js";
-import "./chunk-IQWK723D.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-PCMNEUMV.js";
+import "./chunk-BXRNZS5K.js";
 import {
   usePromotion,
   usePromotionAddRules,
@@ -28,16 +26,21 @@ import {
   usePromotionUpdateRules,
   useUpdatePromotion
 } from "./chunk-BOZJOOGW.js";
-import "./chunk-RL7SFZOF.js";
+import "./chunk-T6LHVNWO.js";
+import "./chunk-4S6XGIC6.js";
+import "./chunk-S23FD6FA.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-DDJQRV6E.js";
 import "./chunk-LWJF63JW.js";
-import "./chunk-NBPMNUKZ.js";
-import "./chunk-WBI7FEGI.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-UL4O5M4S.js";
-import "./chunk-FX4V5JCF.js";
+import "./chunk-5QI3NDJG.js";
+import "./chunk-VZUA5SRD.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-UORPTGV2.js";
+import "./chunk-Y2MQ5EMD.js";
 import "./chunk-3B34B2M2.js";
-import "./chunk-RUE5BPC2.js";
-import "./chunk-ZEVYT6IX.js";
+import "./chunk-JAUZ73XE.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{edit-IR6V2IDN.js → edit-3E4ZO7HT.js}

@@ -1,48 +1,51 @@
 import {
   PriceListPricesEditForm
-} from "./chunk-DKQ4XMSN.js";
+} from "./chunk-X4GWB6AT.js";
 import {
   usePriceListCurrencyData
-} from "./chunk-I2IKYOZX.js";
+} from "./chunk-7IPCLQ5V.js";
 import "./chunk-XRNDVICA.js";
 import "./chunk-6IJMSVC6.js";
-import "./chunk-SMQT3ZNO.js";
-import "./chunk-Y2QI7KWS.js";
+import "./chunk-4LVP635F.js";
 import "./chunk-IQPN4PZJ.js";
+import "./chunk-SMQT3ZNO.js";
 import "./chunk-TKGWSUEI.js";
 import "./chunk-U2ZFCAPX.js";
 import {
   RouteFocusModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import "./chunk-3QSRE5LS.js";
-import "./chunk-47SXTGLN.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-TBYCZRZ7.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
-import "./chunk-VXMOPVRH.js";
-import "./chunk-IQWK723D.js";
 import "./chunk-VV6IKGCN.js";
 import {
   usePriceList
-} from "./chunk-PCMNEUMV.js";
+} from "./chunk-BXRNZS5K.js";
 import "./chunk-BOZJOOGW.js";
-import "./chunk-RL7SFZOF.js";
+import "./chunk-T6LHVNWO.js";
+import "./chunk-4S6XGIC6.js";
+import "./chunk-S23FD6FA.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-DDJQRV6E.js";
 import "./chunk-LWJF63JW.js";
-import "./chunk-NBPMNUKZ.js";
-import "./chunk-WBI7FEGI.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-UL4O5M4S.js";
-import "./chunk-FX4V5JCF.js";
+import "./chunk-5QI3NDJG.js";
+import "./chunk-VZUA5SRD.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-UORPTGV2.js";
+import "./chunk-Y2MQ5EMD.js";
 import "./chunk-3B34B2M2.js";
-import "./chunk-RUE5BPC2.js";
-import "./chunk-WIYFXWRI.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-ZEVYT6IX.js";
+} from "./chunk-JAUZ73XE.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{edit-ZSOI56BQ.js → edit-4G5D7TES.js}

@@ -2,17 +2,15 @@ import {
   HandleInput
 } from "./chunk-HJ56YXBU.js";
 import {
-  FileUpload
-} from "./chunk-4KX6CBJ4.js";
+  currencies
+} from "./chunk-IQPN4PZJ.js";
 import {
+  FileUpload,
   MediaSchema
-} from "./chunk-NK4NR6MN.js";
-import "./chunk-IZ5RG5XI.js";
+} from "./chunk-LDZCCWJB.js";
+import "./chunk-AJLGY3LQ.js";
 import "./chunk-SMQT3ZNO.js";
-import "./chunk-KQGVSLUI.js";
-import {
-  currencies
-} from "./chunk-IQPN4PZJ.js";
+import "./chunk-OYKUQXJX.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
@@ -20,33 +18,36 @@ import {
 import {
   RouteDrawer,
   useRouteModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
-import {
-  useMe,
-  useUpdateSeller
-} from "./chunk-47SXTGLN.js";
+import "./chunk-TBYCZRZ7.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
-import "./chunk-VXMOPVRH.js";
-import "./chunk-IQWK723D.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-PCMNEUMV.js";
+import "./chunk-BXRNZS5K.js";
 import "./chunk-BOZJOOGW.js";
-import "./chunk-RL7SFZOF.js";
+import "./chunk-T6LHVNWO.js";
+import "./chunk-4S6XGIC6.js";
+import {
+  useMe,
+  useUpdateSeller
+} from "./chunk-S23FD6FA.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-DDJQRV6E.js";
 import "./chunk-LWJF63JW.js";
-import "./chunk-NBPMNUKZ.js";
-import "./chunk-WBI7FEGI.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-UL4O5M4S.js";
-import "./chunk-FX4V5JCF.js";
+import "./chunk-5QI3NDJG.js";
+import "./chunk-VZUA5SRD.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-UORPTGV2.js";
+import "./chunk-Y2MQ5EMD.js";
 import "./chunk-3B34B2M2.js";
-import "./chunk-RUE5BPC2.js";
-import "./chunk-ZEVYT6IX.js";
+import "./chunk-JAUZ73XE.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
@@ -62,6 +63,7 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 // src/pages/settings/store/edit/_components/edit-store-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
 import i18n from "i18next";
+import { InformationCircleSolid } from "@medusajs/icons";
 import {
   Button,
   Heading,
@@ -77,9 +79,9 @@ import * as zod from "zod";
 import { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditStoreSchema = zod.object({
-  name: zod.string().trim().min(1, { message: i18n.t("store.validation.nameRequired") }).max(100, { message: i18n.t("store.validation.nameTooLong") }),
+  name: zod.string().min(1, { message: i18n.t("store.validation.nameRequired") }),
   handle: zod.string().optional().or(zod.literal("")),
-  email: zod.string().email({ message: i18n.t("store.validation.emailInvalid") }).optional().or(zod.literal("")),
+  email: zod.string().min(1, { message: i18n.t("store.validation.emailRequired") }).email({ message: i18n.t("store.validation.emailInvalid") }),
   phone: zod.string().optional().or(zod.literal("")),
   description: zod.string().optional().or(zod.literal("")),
   website_url: zod.string().optional().or(zod.literal("")),
@@ -103,6 +105,17 @@ var SUPPORTED_FORMATS_FILE_EXTENSIONS = [
   ".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;
@@ -307,7 +320,7 @@ var EditStoreForm = ({ seller }) => {
           ] }),
           /* @__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("store.mediaHeading", "Media") }),
+            /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("store.edit.mediaHeading") }),
             /* @__PURE__ */ jsx(
               Form.Field,
               {
@@ -322,11 +335,11 @@ var EditStoreForm = ({ 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"),
-                        hint: t("products.media.uploadImagesHint"),
+                        label: t("store.edit.uploadLogoLabel"),
+                        hint: t("store.edit.uploadLogoHint"),
                         hasError: !!form.formState.errors.media,
                         formats: SUPPORTED_FORMATS,
                         onUploaded: onLogoUploaded,
@@ -352,11 +365,11 @@ var EditStoreForm = ({ 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"),
-                        hint: t("products.media.uploadImagesHint"),
+                        label: t("store.edit.uploadBannerLabel"),
+                        hint: t("store.edit.uploadBannerHint"),
                         hasError: !!form.formState.errors.bannerMedia,
                         formats: SUPPORTED_FORMATS,
                         onUploaded: onBannerUploaded,
@@ -368,14 +381,13 @@ var EditStoreForm = ({ seller }) => {
                 }
               }
             ),
-            /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle border-l-2 border-ui-border-strong rounded-md px-4 py-3", children: /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-base", children: [
-              /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("store.mediaTip.label", "Tip:") }),
-              " ",
-              t(
-                "store.mediaTip.message",
-                "This media will be visible on the storefront."
-              )
-            ] }) })
+            /* @__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("store.edit.mediaTipLabel") }),
+                /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("store.edit.mediaTipBody") })
+              ] })
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [

package/dist/{edit-B5B3XKDM.js → edit-522DG3BY.js}

@@ -5,7 +5,7 @@ import {
 import {
   RouteDrawer,
   useRouteModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";