@mercurjs/admin 2.2.0-canary.3 → 2.2.0-canary.31

package/dist/{product-detail-N6W4M6TC.js → product-detail-JKPHVZT5.js}

@@ -1,60 +1,62 @@
 import {
   ProductDetailPage
-} from "./chunk-3O6YY3R5.js";
+} from "./chunk-GX7OEF7F.js";
+import "./chunk-27PAP64U.js";
 import "./chunk-FI474ADU.js";
 import "./chunk-3XPXUIK3.js";
-import "./chunk-54RTJBYO.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-RQ4NMLSS.js";
+} from "./chunk-46MOMKPW.js";
 import "./chunk-E74OUNA3.js";
 import "./chunk-WIYFXWRI.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-JGCGVEFZ.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-PAYQJPGK.js";
 import "./chunk-H6MYB7GB.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-LYZT5REU.js";
-import "./chunk-FMRP2CNF.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-AXTQMIIK.js";
+import "./chunk-YZBEJ3CY.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
+import "./chunk-6MZPZ5KV.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZZ3XFIEM.js";
-import "./chunk-533GMKEG.js";
+import "./chunk-ER7GGJ5A.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-N6SI4IIT.js";
 import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
+import "./chunk-ESPLVOFC.js";
 import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
+import "./chunk-GV2Z3IHA.js";
+import "./chunk-Q5HXKDZG.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-B3EEDC47.js";
-import "./chunk-A772RAKB.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
+import "./chunk-QJ4J5F6T.js";
+import "./chunk-RMAQKNBA.js";
+import "./chunk-VYMODH6P.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-QYDWMBEX.js";
 import "./chunk-BDGZ4EQO.js";
-import "./chunk-S5BJ5CMF.js";
-import "./chunk-H5PYBIOZ.js";
-import "./chunk-YGAX72XV.js";
+import "./chunk-XKRR5ALR.js";
+import "./chunk-5I6YZOBU.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
 import {
   productsQueryKeys,
   useProduct
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-AM5XDEIN.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{product-edit-EKAZRIJ6.js → product-edit-P6XH3L6L.js}

@@ -8,7 +8,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -18,14 +18,14 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-RQ4NMLSS.js";
+} from "./chunk-46MOMKPW.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-AM5XDEIN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
@@ -48,7 +48,6 @@ var EditProductSchema = zod.object({
     "draft",
     "published",
     "proposed",
-    "requires_action",
     "rejected"
   ]),
   title: zod.string().min(1),
@@ -151,7 +150,6 @@ var EditProductForm = ({ product }) => {
                                         "draft",
                                         "published",
                                         "proposed",
-                                        "requires_action",
                                         "rejected"
                                       ].map((status) => {
                                         return /* @__PURE__ */ jsx(

package/dist/product-edit-attribute-VGOXQKZ3.js

@@ -0,0 +1,368 @@
+import {
+  AttributeValueInput
+} from "./chunk-5K5VNKSE.js";
+import "./chunk-AW77UWCZ.js";
+import {
+  ChipInput
+} from "./chunk-KDE4HKH2.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-SITRHMZZ.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-46MOMKPW.js";
+import {
+  require_dist
+} from "./chunk-YZBEJ3CY.js";
+import {
+  useBatchProductAttributes,
+  useProduct
+} from "./chunk-AM5XDEIN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-edit-attribute/product-edit-attribute.tsx
+import { Heading, Text as Text2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/product-edit-attribute/components/edit-attribute-form/edit-attribute-form.tsx
+var import_types = __toESM(require_dist(), 1);
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Hint, Input, Label, Switch, Text, Textarea, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditAttributeForm = ({
+  productId,
+  attribute
+}) => {
+  if (attribute.is_scoped) {
+    return /* @__PURE__ */ jsx(EditScopedAttributeForm, { productId, attribute });
+  }
+  return /* @__PURE__ */ jsx(EditCatalogAttributeForm, { productId, attribute });
+};
+var EditScopedAttributeForm = ({
+  productId,
+  attribute
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const isAxis = attribute.type === import_types.AttributeType.MULTI_SELECT;
+  const currentValues = attribute.values ?? attribute.all_values ?? [];
+  const schema = zod.object({
+    title: zod.string().trim().min(1, { message: t("products.create.attributes.errors.titleRequired") }),
+    values: zod.union([zod.string(), zod.array(zod.string())]).refine(
+      (v) => Array.isArray(v) ? v.length > 0 : v.trim().length > 0,
+      { message: t("products.create.attributes.errors.valuesRequired") }
+    )
+  });
+  const form = useForm({
+    defaultValues: {
+      title: attribute.name,
+      values: isAxis ? currentValues.map((v) => v.name) : currentValues[0]?.name ?? ""
+    },
+    resolver: zodResolver(schema)
+  });
+  const { mutateAsync, isPending } = useBatchProductAttributes(productId);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const title = data.title.trim() !== attribute.name ? data.title.trim() : void 0;
+    let payload;
+    if (isAxis) {
+      const newNames = (Array.isArray(data.values) ? data.values : []).map((v) => v.trim()).filter(Boolean);
+      const byName = new Map(currentValues.map((v) => [v.name, v.id]));
+      const add = newNames.filter((name) => !byName.has(name)).map((value) => ({ value }));
+      const remove = currentValues.filter((v) => !newNames.includes(v.name)).map((v) => v.id);
+      payload = {
+        update: [{ id: attribute.id, title, add, remove }]
+      };
+    } else {
+      const value = Array.isArray(data.values) ? data.values[0] ?? "" : data.values;
+      payload = {
+        update: [{ id: attribute.id, title, value }]
+      };
+    }
+    await mutateAsync(payload, {
+      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__ */ jsxs("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",
+                  "data-testid": "edit-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 }, fieldState }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Control, { children: isAxis ? /* @__PURE__ */ jsx(
+                ChipInput,
+                {
+                  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,
+                {
+                  "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": "edit-attribute-values-input"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", {}),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-3 py-1.5", children: [
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              className: "shrink-0 rtl:rotate-180",
+              checked: isAxis,
+              disabled: true
+            }
+          ),
+          /* @__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__ */ jsxs("div", { className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center gap-x-3 rounded-lg px-3 py-2.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-ui-tag-orange-icon h-full min-h-[24px] w-1 shrink-0 rounded-full" }),
+        /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-base txt-compact-small-plus", children: [
+            t("products.create.attributes.warning"),
+            ":",
+            " "
+          ] }),
+          t("products.create.attributes.editWarning")
+        ] })
+      ] })
+    ] }) }),
+    /* @__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": "edit-attribute-submit-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+var EditCatalogAttributeForm = ({
+  productId,
+  attribute
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const hasPresetValues = attribute.type === import_types.AttributeType.SINGLE_SELECT || attribute.type === import_types.AttributeType.MULTI_SELECT;
+  const initialValues = (() => {
+    const selected = attribute.values ?? [];
+    if (attribute.type === import_types.AttributeType.MULTI_SELECT) {
+      return selected.map((v) => v.name);
+    }
+    return selected[0]?.name ?? "";
+  })();
+  const schema = zod.object({
+    values: zod.union([zod.string(), zod.array(zod.string())]).refine(
+      (v) => Array.isArray(v) ? v.length > 0 : v.trim().length > 0,
+      { message: t("products.create.attributes.errors.valuesRequired") }
+    )
+  });
+  const form = useForm({
+    defaultValues: { values: initialValues },
+    resolver: zodResolver(schema)
+  });
+  const { mutateAsync, isPending } = useBatchProductAttributes(productId);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const vals = Array.isArray(data.values) ? data.values : [data.values].filter((s) => s.trim().length > 0);
+    let payload;
+    if (hasPresetValues) {
+      const selectedIds = (attribute.all_values ?? []).filter((v) => vals.includes(v.name)).map((v) => v.id);
+      if (attribute.is_variant_axis) {
+        const currentIds = (attribute.values ?? []).map((v) => v.id);
+        const add = selectedIds.filter((id) => !currentIds.includes(id));
+        const remove = currentIds.filter((id) => !selectedIds.includes(id));
+        payload = { update: [{ id: attribute.id, add, remove }] };
+      } else {
+        payload = {
+          remove: [attribute.id],
+          add: [{ id: attribute.id, value_ids: selectedIds }]
+        };
+      }
+    } else {
+      payload = {
+        update: [
+          {
+            id: attribute.id,
+            value: attribute.type === import_types.AttributeType.TOGGLE ? vals[0] === "true" : vals[0]
+          }
+        ]
+      };
+    }
+    await mutateAsync(payload, {
+      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-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
+        Label,
+        {
+          size: "xsmall",
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          children: t("fields.title")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: "bg-ui-bg-field-component",
+          value: attribute.name,
+          disabled: true,
+          "data-testid": "edit-attribute-title-input"
+        }
+      ),
+      /* @__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 } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              AttributeValueInput,
+              {
+                type: attribute.type,
+                value,
+                onChange,
+                availableValues: attribute.all_values ?? []
+              }
+            ) }),
+            /* @__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,
+          "data-testid": "edit-attribute-submit-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+// src/pages/products/product-edit-attribute/product-edit-attribute.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductEditAttribute = () => {
+  const { id, attribute_id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isLoading, isError, error } = useProduct(
+    id,
+    PRODUCT_DETAIL_QUERY
+  );
+  if (isError) {
+    throw error;
+  }
+  const attribute = product?.attributes?.find(
+    (a) => a.id === attribute_id
+  );
+  const ready = !isLoading && !!product && !!attribute;
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("products.editAttribute") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx2(Text2, { size: "small", className: "text-ui-fg-subtle", children: t("products.editAttributeHint") }) })
+    ] }),
+    ready && /* @__PURE__ */ jsx2(EditAttributeForm, { productId: id, attribute })
+  ] });
+};
+export {
+  ProductEditAttribute as Component
+};

package/dist/{product-list-VWBUTMXT.js → product-list-XSNCYJWP.js}

@@ -1,64 +1,63 @@
 import {
   ProductListPage
-} from "./chunk-YL3SCKWU.js";
-import "./chunk-DQGGJSOO.js";
-import "./chunk-6RQR3B6T.js";
-import "./chunk-R2MI5GL4.js";
-import "./chunk-LYZDVZWA.js";
+} from "./chunk-GKWXWN6R.js";
+import "./chunk-SU444Q24.js";
+import "./chunk-WBSUHLO7.js";
+import "./chunk-GK6V5XL3.js";
 import "./chunk-FWPGOIFA.js";
+import "./chunk-XH5GIQOS.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
+import "./chunk-LO2ZWQGL.js";
+import "./chunk-E74OUNA3.js";
+import "./chunk-WIYFXWRI.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-NQEXDLYH.js";
+import "./chunk-JGCGVEFZ.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KAZ5BYTQ.js";
-import "./chunk-634XVU3D.js";
-import "./chunk-E74OUNA3.js";
-import "./chunk-WIYFXWRI.js";
+import "./chunk-PAYQJPGK.js";
 import "./chunk-H6MYB7GB.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-FMRP2CNF.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-AXTQMIIK.js";
+import "./chunk-YZBEJ3CY.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
+import "./chunk-6MZPZ5KV.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZZ3XFIEM.js";
-import "./chunk-533GMKEG.js";
+import "./chunk-ER7GGJ5A.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-N6SI4IIT.js";
 import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
+import "./chunk-ESPLVOFC.js";
 import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
+import "./chunk-GV2Z3IHA.js";
+import "./chunk-Q5HXKDZG.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-B3EEDC47.js";
-import "./chunk-A772RAKB.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
+import "./chunk-QJ4J5F6T.js";
+import "./chunk-RMAQKNBA.js";
+import "./chunk-VYMODH6P.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-QYDWMBEX.js";
 import "./chunk-BDGZ4EQO.js";
-import "./chunk-S5BJ5CMF.js";
-import "./chunk-H5PYBIOZ.js";
-import "./chunk-YGAX72XV.js";
+import "./chunk-XKRR5ALR.js";
+import "./chunk-5I6YZOBU.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
 import {
   productsQueryKeys
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-AM5XDEIN.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -74,7 +73,7 @@ var productsListQuery = () => ({
     limit: 20,
     offset: 0
   }),
-  queryFn: async () => sdk.admin.products.query({ limit: 20, offset: 0, fields: "id,title,handle,status,*collection,*categories,variants.id,thumbnail,*sellers" })
+  queryFn: async () => sdk.admin.products.query({ limit: 20, offset: 0, fields: "id,title,handle,status,*collection,*categories,variants.id,thumbnail" })
 });
 var productsLoader = (client) => {
   return async () => {

package/dist/{product-media-KREKRDOC.js → product-media-AH6H4HJX.js}

@@ -1,17 +1,17 @@
 import {
   UploadMediaFormItem
-} from "./chunk-26UTIAAZ.js";
+} from "./chunk-32URSQ4F.js";
 import {
   EditProductMediaSchema
-} from "./chunk-EREXPX6I.js";
-import "./chunk-UXD3VNBO.js";
+} from "./chunk-GME72WUF.js";
+import "./chunk-AJLGY3LQ.js";
 import "./chunk-SMQT3ZNO.js";
-import "./chunk-4KX6CBJ4.js";
-import "./chunk-637OFDFC.js";
+import "./chunk-VSLHL2AZ.js";
+import "./chunk-GFMTZ5O3.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -19,11 +19,12 @@ import {
 import "./chunk-3QSRE5LS.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-RQ4NMLSS.js";
+} from "./chunk-46MOMKPW.js";
+import "./chunk-YZBEJ3CY.js";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-AM5XDEIN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import {
@@ -142,7 +143,9 @@ var EditProductMediaForm = ({ product }) => {
     const thumbnail = withUpdatedUrls.find((m) => m.isThumbnail)?.url;
     await mutateAsync(
       {
-        images: withUpdatedUrls.map((file) => ({ url: file.url, id: file.id })),
+        images: withUpdatedUrls.map(
+          (file) => file.file ? { url: file.url } : { url: file.url, id: file.id }
+        ),
         thumbnail: thumbnail || null
       },
       {
@@ -789,6 +792,7 @@ var Preview = ({
         "button",
         {
           type: "button",
+          "aria-label": "Media file input",
           onClick: () => goTo(originalIndex),
           className: clx2(
             "transition-fg size-7 overflow-hidden rounded-[4px] outline-none",