@mercurjs/admin 2.2.0-canary.20 → 2.2.0-canary.22

package/dist/{chunk-4VXYPZMT.js → chunk-Z7AXFQPD.js}

@@ -1,6 +1,6 @@
 import {
   PriceListCustomerGroupRuleForm
-} from "./chunk-HR7TFO2X.js";
+} from "./chunk-A3IFGUDD.js";
 import {
   PriceListCreateProductsSchema,
   PriceListRulesSchema,
@@ -43,7 +43,7 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   useCreatePriceList
-} from "./chunk-Z2UBJXTU.js";
+} from "./chunk-RDTFLHYO.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";

package/dist/{chunk-PWFZCT6H.js → chunk-ZIIZGCTQ.js}

@@ -1,7 +1,7 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-7VPJ4C6F.js";
+} from "./chunk-7PAVVX2P.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";

package/dist/{collection-add-products-PBCIG33C.js → collection-add-products-CKF2VFVK.js}

@@ -33,25 +33,25 @@ import "./chunk-THHRRYRS.js";
 import "./chunk-6FLSBL4Q.js";
 import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
 import "./chunk-N6SI4IIT.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZIFHQXP3.js";
 import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
-import "./chunk-GKGLVDDV.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-ESPLVOFC.js";
+import "./chunk-GKGLVDDV.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
+import "./chunk-RDTFLHYO.js";
 import {
   useCollection,
   useUpdateCollectionProducts
 } from "./chunk-QKJGSZI2.js";
-import "./chunk-Z2UBJXTU.js";
 import "./chunk-FXWKGNRV.js";
 import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
@@ -61,7 +61,7 @@ import "./chunk-XGUUM3S6.js";
 import "./chunk-RMAQKNBA.js";
 import "./chunk-VYMODH6P.js";
 import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
+import "./chunk-QYDWMBEX.js";
 import "./chunk-OKWGPKVK.js";
 import "./chunk-KYFWVLWO.js";
 import "./chunk-Y7QKP6QU.js";

package/dist/{collection-create-7G3MHBVQ.js → collection-create-UNGPKT7H.js}

@@ -1,6 +1,13 @@
+import {
+  CollectionIconInput,
+  CollectionIconTip,
+  CollectionMediaInput,
+  uploadCollectionImages
+} from "./chunk-BN6OOLJA.js";
 import {
   HandleInput
 } from "./chunk-HJ56YXBU.js";
+import "./chunk-VSLHL2AZ.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
@@ -28,9 +35,22 @@ import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import * as zod from "zod";
 import { jsx, jsxs } from "react/jsx-runtime";
+var CollectionMediaSchema = zod.object({
+  url: zod.string(),
+  file: zod.any().nullable(),
+  is_thumbnail: zod.boolean(),
+  is_banner: zod.boolean(),
+  field_id: zod.string().optional()
+});
+var CollectionIconSchema = zod.object({
+  url: zod.string(),
+  file: zod.any().nullable()
+});
 var CreateCollectionSchema = zod.object({
   title: zod.string().min(1),
-  handle: zod.string().optional()
+  handle: zod.string().optional(),
+  media: zod.array(CollectionMediaSchema).optional(),
+  icon: CollectionIconSchema.nullable().optional()
 });
 var CreateCollectionForm = () => {
   const { t } = useTranslation();
@@ -38,21 +58,31 @@ var CreateCollectionForm = () => {
   const form = useForm({
     defaultValues: {
       title: "",
-      handle: ""
+      handle: "",
+      media: [],
+      icon: null
     },
     resolver: zodResolver(CreateCollectionSchema)
   });
   const { mutateAsync, isPending } = useCreateCollection();
   const handleSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(data, {
-      onSuccess: ({ collection }) => {
-        handleSuccess(`/collections/${collection.id}`);
-        toast.success(t("collections.createSuccess"));
-      },
-      onError: (error) => {
-        toast.error(error.message);
-      }
+    const { media, icon, ...rest } = data;
+    const images = await uploadCollectionImages({
+      media: media ?? [],
+      icon: icon ?? null
     });
+    await mutateAsync(
+      { ...rest, ...images },
+      {
+        onSuccess: ({ collection }) => {
+          handleSuccess(`/collections/${collection.id}`);
+          toast.success(t("collections.createSuccess"));
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
   });
   return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "collection-create-form", children: /* @__PURE__ */ jsxs(
     KeyboundForm,
@@ -61,7 +91,7 @@ var CreateCollectionForm = () => {
       className: "flex h-full flex-col overflow-hidden",
       children: [
         /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
-        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex size-full flex-col items-center p-16", "data-testid": "collection-create-form-body", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", "data-testid": "collection-create-form-content", children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex size-full flex-col items-center overflow-auto p-16", "data-testid": "collection-create-form-body", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", "data-testid": "collection-create-form-content", children: [
           /* @__PURE__ */ jsxs("div", { "data-testid": "collection-create-form-header", children: [
             /* @__PURE__ */ jsx(Heading, { "data-testid": "collection-create-form-heading", children: t("collections.createCollection") }),
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "collection-create-form-hint", children: t("collections.createCollectionHint") })
@@ -103,7 +133,48 @@ var CreateCollectionForm = () => {
                 }
               }
             )
-          ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "media",
+              render: ({ field: { value, onChange } }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "collection-create-form-media-item", children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("collections.media.label") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                  CollectionMediaInput,
+                  {
+                    value: value ?? [],
+                    onChange,
+                    hasError: !!form.formState.errors.media
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "icon",
+              render: ({ field: { value, onChange } }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "collection-create-form-icon-item", children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("collections.icon.label") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ jsx(
+                    CollectionIconInput,
+                    {
+                      value: value ?? null,
+                      onChange,
+                      hasError: !!form.formState.errors.icon
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(CollectionIconTip, {})
+                ] }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          )
         ] }) }),
         /* @__PURE__ */ jsxs(RouteFocusModal.Footer, { "data-testid": "collection-create-form-footer", children: [
           /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "collection-create-form-cancel-button", children: t("actions.cancel") }) }),

package/dist/{collection-detail-3OLBOV24.js → collection-detail-36QTD3ZU.js}

@@ -1,6 +1,7 @@
 import {
   CollectionDetailPage
-} from "./chunk-2HMWS5UW.js";
+} from "./chunk-67RX3M6X.js";
+import "./chunk-BN6OOLJA.js";
 import "./chunk-FWWPSH6V.js";
 import "./chunk-N6R2WOJ7.js";
 import "./chunk-3JN4WUVU.js";
@@ -13,6 +14,7 @@ import "./chunk-NQEXDLYH.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-634XVU3D.js";
+import "./chunk-VSLHL2AZ.js";
 import "./chunk-E74OUNA3.js";
 import "./chunk-WIYFXWRI.js";
 import "./chunk-H6MYB7GB.js";
@@ -22,25 +24,25 @@ import "./chunk-THHRRYRS.js";
 import "./chunk-6FLSBL4Q.js";
 import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
 import "./chunk-N6SI4IIT.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZIFHQXP3.js";
 import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
-import "./chunk-GKGLVDDV.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-ESPLVOFC.js";
+import "./chunk-GKGLVDDV.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
+import "./chunk-RDTFLHYO.js";
 import {
   collectionsQueryKeys,
   useCollection
 } from "./chunk-QKJGSZI2.js";
-import "./chunk-Z2UBJXTU.js";
 import "./chunk-FXWKGNRV.js";
 import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
@@ -50,7 +52,7 @@ import "./chunk-XGUUM3S6.js";
 import "./chunk-RMAQKNBA.js";
 import "./chunk-VYMODH6P.js";
 import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
+import "./chunk-QYDWMBEX.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-OKWGPKVK.js";
 import "./chunk-KYFWVLWO.js";

package/dist/collection-icon-edit-V4SNBMD5.js

@@ -0,0 +1,117 @@
+import {
+  CollectionIconInput,
+  CollectionIconTip,
+  getCollectionIcon,
+  uploadCollectionImages
+} from "./chunk-BN6OOLJA.js";
+import "./chunk-VSLHL2AZ.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 {
+  useCollection,
+  useUpdateCollection
+} from "./chunk-QKJGSZI2.js";
+import "./chunk-M2E3PKA4.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/collections/collection-icon-edit/collection-icon-edit.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditCollectionIconSchema = z.object({
+  icon: z.object({
+    url: z.string(),
+    file: z.any().nullable()
+  }).nullable()
+});
+var EditCollectionIconForm = ({
+  collection
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const existingIcon = getCollectionIcon(collection.images);
+  const form = useForm({
+    defaultValues: {
+      icon: existingIcon ? { url: existingIcon.url, file: null } : null
+    },
+    resolver: zodResolver(EditCollectionIconSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateCollection(collection.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const images = await uploadCollectionImages({ icon: data.icon ?? null });
+    await mutateAsync(images, {
+      onSuccess: () => {
+        toast.success(t("collections.icon.edit.successToast"));
+        handleSuccess();
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control: form.control,
+        name: "icon",
+        render: ({ field: { value, onChange } }) => {
+          return /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("collections.icon.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+              /* @__PURE__ */ jsx(
+                CollectionIconInput,
+                {
+                  value: value ?? null,
+                  onChange,
+                  hasError: !!form.formState.errors.icon
+                }
+              ),
+              /* @__PURE__ */ jsx(CollectionIconTip, {})
+            ] }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center 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, children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+var CollectionIconEdit = () => {
+  const { id } = useParams();
+  const { t } = useTranslation();
+  const { collection, isLoading, isError, error } = useCollection(id);
+  const ready = !isLoading && !!collection;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: t("collections.icon.edit.header") }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: t("collections.icon.edit.description") })
+    ] }),
+    ready && /* @__PURE__ */ jsx(EditCollectionIconForm, { collection })
+  ] });
+};
+export {
+  CollectionIconEdit as Component
+};

package/dist/{collection-list-S4ICG5T6.js → collection-list-UN7C36DU.js}

@@ -1,14 +1,15 @@
 import {
   CollectionListPage
-} from "./chunk-7JZVZ5EX.js";
-import "./chunk-JQV7CXEC.js";
+} from "./chunk-ARN66CDK.js";
+import "./chunk-EDDKIVMF.js";
 import "./chunk-KOURHC2N.js";
 import "./chunk-2ZFELO2L.js";
 import "./chunk-26OOAKQ6.js";
 import "./chunk-ZQZHFMD7.js";
-import "./chunk-I5THQVYP.js";
 import "./chunk-J3AMUGGZ.js";
-import "./chunk-CMHI2RPL.js";
+import "./chunk-AKSUGT5I.js";
+import "./chunk-XIFE4VUR.js";
+import "./chunk-BN6OOLJA.js";
 import "./chunk-S2WEYEQR.js";
 import "./chunk-2L4W75VS.js";
 import "./chunk-MG4GKUJW.js";
@@ -17,9 +18,9 @@ import "./chunk-VOHEQ7B5.js";
 import "./chunk-N5IUYCUZ.js";
 import "./chunk-7SVLKK6Q.js";
 import "./chunk-GR6JUIRU.js";
-import "./chunk-PVZBDWLK.js";
 import "./chunk-QUHSHIAC.js";
-import "./chunk-VKOE5J66.js";
+import "./chunk-3XOE4NV5.js";
+import "./chunk-PVZBDWLK.js";
 import "./chunk-DY3XQPHC.js";
 import "./chunk-JHIMVLB2.js";
 import "./chunk-3JN4WUVU.js";
@@ -32,7 +33,9 @@ import "./chunk-KAZ5BYTQ.js";
 import "./chunk-634XVU3D.js";
 import "./chunk-RT6L7JXU.js";
 import "./chunk-4YWKKCTT.js";
+import "./chunk-VSLHL2AZ.js";
 import "./chunk-E74OUNA3.js";
+import "./chunk-WIYFXWRI.js";
 import "./chunk-H6MYB7GB.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
@@ -40,22 +43,22 @@ import "./chunk-THHRRYRS.js";
 import "./chunk-6FLSBL4Q.js";
 import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
 import "./chunk-N6SI4IIT.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZIFHQXP3.js";
 import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
-import "./chunk-GKGLVDDV.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-ESPLVOFC.js";
+import "./chunk-GKGLVDDV.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
+import "./chunk-RDTFLHYO.js";
 import "./chunk-QKJGSZI2.js";
-import "./chunk-Z2UBJXTU.js";
 import "./chunk-FXWKGNRV.js";
 import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
@@ -65,7 +68,7 @@ import "./chunk-XGUUM3S6.js";
 import "./chunk-RMAQKNBA.js";
 import "./chunk-VYMODH6P.js";
 import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
+import "./chunk-QYDWMBEX.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-OKWGPKVK.js";
 import "./chunk-KYFWVLWO.js";