@mercurjs/admin 2.2.0-canary.5 → 2.2.0-canary.51

package/dist/product-detail-IVRD2OHL.js

@@ -0,0 +1,110 @@
+import {
+  ProductDetailPage
+} from "./chunk-3KS7PC2Z.js";
+import "./chunk-KUBTN5TC.js";
+import "./chunk-FI474ADU.js";
+import "./chunk-3XPXUIK3.js";
+import {
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-6BAPAIQM.js";
+import "./chunk-E74OUNA3.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-VYSB4CTB.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-GRFWCCUW.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-ZAOEFQ6K.js";
+import "./chunk-7PPT3477.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-ABS7HMLY.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-ZAANJVLM.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-F5NW4XBU.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-G5KNNOXX.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-IC2PLPRP.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-G2LHEJLS.js";
+import "./chunk-FVG5DTS6.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-MTHPNKQ4.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-WX4ABVXL.js";
+import "./chunk-WF3ZDT5Z.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-SAU35JEB.js";
+import "./chunk-AFYILTAC.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-ZOTBKQLG.js";
+import "./chunk-QVIX6O76.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import {
+  productsQueryKeys,
+  useProduct
+} from "./chunk-MMKUMSZS.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var ProductDetailBreadcrumb = (props) => {
+  const { id } = props.params || {};
+  const { product } = useProduct(
+    id,
+    PRODUCT_DETAIL_QUERY,
+    {
+      initialData: props.data,
+      enabled: Boolean(id)
+    }
+  );
+  if (!product) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: product.title });
+};
+
+// src/pages/products/product-detail/loader.ts
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var productDetailQueryWithLinks = () => getLinkQuery("product", PRODUCT_DETAIL_QUERY.fields);
+var productDetailQuery = (id) => {
+  const query = productDetailQueryWithLinks();
+  return {
+    queryKey: productsQueryKeys.detail(id, query),
+    queryFn: async () => sdk.admin.products.$id.query({ $id: id, ...query })
+  };
+};
+var productLoader = async ({ params }) => {
+  const id = params.id;
+  const query = productDetailQuery(id);
+  const response = await queryClient.ensureQueryData({
+    ...query,
+    staleTime: 9e4
+  });
+  return response;
+};
+export {
+  ProductDetailBreadcrumb as Breadcrumb,
+  ProductDetailPage as Component,
+  productLoader as loader
+};

package/dist/{product-edit-EDW3D2KW.js → product-edit-KMK7CMLI.js}

@@ -8,7 +8,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -18,23 +18,24 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-GVEF6UDT.js";
+} from "./chunk-6BAPAIQM.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-ZRFWXNT3.js";
+} from "./chunk-MMKUMSZS.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZBWL72TB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/products/product-edit/product-edit.tsx
 import { Heading } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
+import { useExtension, withLinkFields } from "@mercurjs/dashboard-shared";
 
 // src/pages/products/product-edit/components/edit-product-form/edit-product-form.tsx
 import { Button, Input, Select, Text, Textarea, toast } from "@medusajs/ui";
@@ -382,7 +383,10 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var ProductEdit = () => {
   const { id } = useParams();
   const { t } = useTranslation2();
-  const { product, isLoading, isError, error } = useProduct(id, PRODUCT_DETAIL_QUERY);
+  const links = useExtension().getLinks("product");
+  const { product, isLoading, isError, error } = useProduct(id, {
+    fields: withLinkFields(PRODUCT_DETAIL_QUERY.fields, links)
+  });
   if (isError) {
     throw error;
   }

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

@@ -0,0 +1,336 @@
+import {
+  AttributeValueInput
+} from "./chunk-DJD3MWED.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-6BAPAIQM.js";
+import {
+  require_dist
+} from "./chunk-VYSB4CTB.js";
+import {
+  useBatchProductAttributes,
+  useProduct
+} from "./chunk-MMKUMSZS.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-edit-attribute/product-edit-attribute.tsx
+import { Heading } 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, InlineTip, Input, Label, 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 isVariantAxis = (attribute) => attribute.type === import_types.AttributeType.MULTI_SELECT || !!attribute.is_variant_axis;
+var EditAttributeForm = ({
+  productId,
+  attribute
+}) => {
+  if (attribute.is_scoped) {
+    return /* @__PURE__ */ jsx(EditScopedAttributeForm, { productId, attribute });
+  }
+  return /* @__PURE__ */ jsx(EditCatalogAttributeForm, { productId, attribute });
+};
+var AttributeWarning = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    InlineTip,
+    {
+      variant: "warning",
+      label: t("products.create.attributes.warning"),
+      children: t("products.create.attributes.editWarning")
+    }
+  );
+};
+var VariantAxisTip = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(InlineTip, { label: t("products.create.attributes.tip"), children: t("products.create.attributes.editVariantAxisTip") });
+};
+var EditScopedAttributeForm = ({
+  productId,
+  attribute
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const isAxis = isVariantAxis(attribute);
+  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(
+                AttributeValueInput,
+                {
+                  type: attribute.type,
+                  value,
+                  onChange,
+                  placeholder: t(
+                    "products.create.attributes.valuePlaceholder"
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        )
+      ] }) }),
+      isAxis && /* @__PURE__ */ jsx(VariantAxisTip, {}),
+      /* @__PURE__ */ jsx(AttributeWarning, {})
+    ] }) }),
+    /* @__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 isAxis = isVariantAxis(attribute);
+  const hasPresetValues = attribute.type === import_types.AttributeType.SINGLE_SELECT || attribute.type === import_types.AttributeType.MULTI_SELECT;
+  const labelTooltip = attribute.description || (attribute.is_required ? t("products.attributeRequiredByMarketplace") : void 0);
+  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__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "values",
+          render: ({ field: { onChange, value } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { tooltip: labelTooltip, children: attribute.name }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              AttributeValueInput,
+              {
+                type: attribute.type,
+                value,
+                onChange,
+                availableValues: attribute.all_values ?? []
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {}),
+            isAxis && /* @__PURE__ */ jsx(VariantAxisTip, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(AttributeWarning, {})
+    ] }) }),
+    /* @__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, { className: "sr-only", children: t("products.editAttributeHint") })
+    ] }),
+    ready && /* @__PURE__ */ jsx2(EditAttributeForm, { productId: id, attribute })
+  ] });
+};
+export {
+  ProductEditAttribute as Component
+};

package/dist/product-list-IMKQUEIM.js

@@ -0,0 +1,90 @@
+import {
+  ProductListPage
+} from "./chunk-HYDXR5K4.js";
+import "./chunk-I5HY5Q3K.js";
+import "./chunk-RMB7MPIT.js";
+import "./chunk-APMBU7ZV.js";
+import "./chunk-FWPGOIFA.js";
+import "./chunk-5NSOIZFB.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-LO2ZWQGL.js";
+import "./chunk-E74OUNA3.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-VYSB4CTB.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-GRFWCCUW.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-ZAOEFQ6K.js";
+import "./chunk-7PPT3477.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-ABS7HMLY.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-ZAANJVLM.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-F5NW4XBU.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-G5KNNOXX.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-IC2PLPRP.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-G2LHEJLS.js";
+import "./chunk-FVG5DTS6.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-MTHPNKQ4.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-WX4ABVXL.js";
+import "./chunk-WF3ZDT5Z.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-SAU35JEB.js";
+import "./chunk-AFYILTAC.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-ZOTBKQLG.js";
+import "./chunk-QVIX6O76.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import {
+  productsQueryKeys
+} from "./chunk-MMKUMSZS.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-list/loader.ts
+import { getExtensionRegistry, withLinkFields } from "@mercurjs/dashboard-shared";
+var LIST_FIELDS = "id,title,handle,status,*collection,*categories,variants.id,thumbnail";
+var productsListQuery = () => {
+  const links = getExtensionRegistry()?.getLinks("product") ?? [];
+  const fields = withLinkFields(LIST_FIELDS, links);
+  return {
+    queryKey: productsQueryKeys.list({ limit: 20, offset: 0, fields }),
+    queryFn: async () => sdk.admin.products.query({ limit: 20, offset: 0, fields })
+  };
+};
+var productsLoader = (client) => {
+  return async () => {
+    const query = productsListQuery();
+    return queryClient.getQueryData(query.queryKey) ?? await client.fetchQuery(query);
+  };
+};
+export {
+  ProductListPage as Component,
+  productsLoader as productLoader
+};

package/dist/{product-media-J3VTWOU4.js → product-media-B5D2HUQF.js}

@@ -1,17 +1,17 @@
 import {
   UploadMediaFormItem
-} from "./chunk-26UTIAAZ.js";
+} from "./chunk-32URSQ4F.js";
 import {
   EditProductMediaSchema
-} from "./chunk-AKC67AN5.js";
+} from "./chunk-3FKB6UTO.js";
 import "./chunk-AJLGY3LQ.js";
 import "./chunk-SMQT3ZNO.js";
-import "./chunk-4KX6CBJ4.js";
-import "./chunk-QFE4AEQJ.js";
+import "./chunk-VSLHL2AZ.js";
+import "./chunk-R2LW5LGL.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -19,16 +19,17 @@ import {
 import "./chunk-3QSRE5LS.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-GVEF6UDT.js";
+} from "./chunk-6BAPAIQM.js";
+import "./chunk-VYSB4CTB.js";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-ZRFWXNT3.js";
+} from "./chunk-MMKUMSZS.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/products/product-media/product-media.tsx
@@ -116,14 +117,7 @@ var EditProductMediaForm = ({ product }) => {
     const filesToUpload = media.map((m, i) => ({ file: m.file, index: i })).filter((m) => !!m.file);
     let uploaded = [];
     if (filesToUpload.length) {
-      const formData = new FormData();
-      for (const { file } of filesToUpload) {
-        formData.append("files", file);
-      }
-      const { files: uploads } = await sdk.admin.uploads.mutate({
-        files: filesToUpload.map((m) => m.file),
-        fetchOptions: { body: formData }
-      }).catch(() => {
+      const { files: uploads } = await sdk.admin.uploads.mutate({ files: filesToUpload.map((m) => m.file) }).catch(() => {
         form.setError("media", {
           type: "invalid_file",
           message: t("products.media.failedToUpload")
@@ -142,7 +136,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 +785,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",