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

package/dist/{category-products-3KYY662O.js → category-products-V4H3B6ML.js}

@@ -1,14 +1,14 @@
 import {
   useProductTableColumns
-} from "./chunk-CFBEBAQS.js";
-import "./chunk-OA24YN34.js";
+} from "./chunk-FWWPSH6V.js";
+import "./chunk-N6R2WOJ7.js";
 import {
   useProductTableFilters
-} from "./chunk-GFUCELIZ.js";
+} from "./chunk-3JN4WUVU.js";
+import "./chunk-FWPGOIFA.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";
-import "./chunk-FWPGOIFA.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-FQERBIVS.js";
@@ -32,7 +32,7 @@ import "./chunk-WIYFXWRI.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-Y7FNFQCU.js";
+import "./chunk-6FLSBL4Q.js";
 import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
 import "./chunk-AEMDNTW5.js";
@@ -41,26 +41,26 @@ import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
 import "./chunk-N6SI4IIT.js";
-import "./chunk-JPNPTILP.js";
-import "./chunk-DAXXLQKB.js";
 import "./chunk-46M463BR.js";
 import "./chunk-ZIFHQXP3.js";
+import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
 import "./chunk-GKGLVDDV.js";
 import "./chunk-ESPLVOFC.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-Z2UBJXTU.js";
 import "./chunk-QKJGSZI2.js";
+import "./chunk-Z2UBJXTU.js";
 import "./chunk-FXWKGNRV.js";
 import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
+import "./chunk-5TRY5IMZ.js";
+import "./chunk-EPHVGD5Z.js";
 import "./chunk-XGUUM3S6.js";
+import "./chunk-RMAQKNBA.js";
 import "./chunk-VYMODH6P.js";
 import "./chunk-LEG67A2R.js";
 import "./chunk-PRBE5CM3.js";
-import "./chunk-5TRY5IMZ.js";
-import "./chunk-EPHVGD5Z.js";
-import "./chunk-RMAQKNBA.js";
 import "./chunk-OKWGPKVK.js";
 import {
   useProductCategory,
@@ -215,7 +215,7 @@ var EditCategoryProductsForm = ({
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const { t } = useTranslation();
-  const base = useProductTableColumns();
+  const base = useProductTableColumns().filter((c) => c.id !== "select");
   return useMemo(
     () => [
       columnHelper.display({

package/dist/{chunk-UT2O7IS7.js → chunk-2HMWS5UW.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-CFBEBAQS.js";
+} from "./chunk-FWWPSH6V.js";
 import {
   useProductTableFilters
-} from "./chunk-GFUCELIZ.js";
+} from "./chunk-3JN4WUVU.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-HYQPZADS.js → chunk-2L4W75VS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-Y7FNFQCU.js";
+} from "./chunk-6FLSBL4Q.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-ZDJWTF64.js → chunk-2MYHGOPY.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-U5MJIHLY.js";
 import {
   useProductTableColumns
-} from "./chunk-CFBEBAQS.js";
+} from "./chunk-FWWPSH6V.js";
 import {
   useProductTableFilters
-} from "./chunk-GFUCELIZ.js";
+} from "./chunk-3JN4WUVU.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-O63MLTQV.js → chunk-2NA54XKC.js}

@@ -9737,6 +9737,57 @@ var en_default = {
       header: "Organize",
       action: "Edit ranking"
     },
+    media: {
+      label: "Media",
+      thumbnail: "Thumbnail",
+      banner: "Banner",
+      galleryLabel: "Gallery",
+      editHint: "Add media to the category to showcase it on the storefront.",
+      deleteWarning: "You are about to delete this image. This action cannot be undone.",
+      empty: {
+        header: "No media yet",
+        description: "Add media to showcase it on the storefront."
+      },
+      upload: {
+        title: "Upload images",
+        hint: "Drag and drop images here or click to upload."
+      },
+      tooltips: {
+        thumbnail: "Shown as the category thumbnail on the homepage.",
+        banner: "Shown as the category banner in the category listing."
+      },
+      actions: {
+        setThumbnail: "Make thumbnail",
+        removeThumbnail: "Remove thumbnail",
+        setBanner: "Make banner",
+        removeBanner: "Remove banner"
+      },
+      edit: {
+        header: "Edit Media",
+        description: "Upload images and choose the thumbnail and banner shown on the storefront.",
+        successToast: "Category media was successfully updated."
+      }
+    },
+    icon: {
+      label: "Icon",
+      empty: {
+        header: "No icon yet",
+        description: "Add icon to showcase it near the category label on the storefront."
+      },
+      tip: {
+        label: "Tip:",
+        text: "This icon will appear near the category label on the storefront."
+      },
+      upload: {
+        title: "Upload file",
+        hint: "Drag and drop file here or click to upload."
+      },
+      edit: {
+        header: "Edit Icon",
+        description: "Upload a single icon shown near the category label on the storefront.",
+        successToast: "Category icon was successfully updated."
+      }
+    },
     fields: {
       visibility: {
         label: "Visibility",

package/dist/{chunk-GFUCELIZ.js → chunk-3JN4WUVU.js}

@@ -1,6 +1,6 @@
 import {
   require_dist
-} from "./chunk-Y7FNFQCU.js";
+} from "./chunk-6FLSBL4Q.js";
 import {
   useProductTags
 } from "./chunk-PJR6W35H.js";

package/dist/{chunk-RV7DWZZB.js → chunk-4UWPTSZK.js}

@@ -27,7 +27,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-Y7FNFQCU.js";
+} from "./chunk-6FLSBL4Q.js";
 import {
   useProductTag
 } from "./chunk-PJR6W35H.js";

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

@@ -13,10 +13,10 @@ import {
 } from "./chunk-U5MJIHLY.js";
 import {
   useProductTableColumns
-} from "./chunk-CFBEBAQS.js";
+} from "./chunk-FWWPSH6V.js";
 import {
   useProductTableFilters
-} from "./chunk-GFUCELIZ.js";
+} from "./chunk-3JN4WUVU.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-Y7FNFQCU.js → chunk-6FLSBL4Q.js}

@@ -9559,6 +9559,7 @@ var require_modules = __commonJS({
       MercurModules2["COMMISSION"] = "commission";
       MercurModules2["PAYOUT"] = "payout";
       MercurModules2["OFFER"] = "offer";
+      MercurModules2["MEDIA"] = "media";
       MercurModules2["PRODUCT_ATTRIBUTE"] = "product_attribute";
       MercurModules2["PRODUCT_EDIT"] = "product_edit";
       MercurModules2["CUSTOM_FIELDS"] = "custom_fields";

package/dist/{chunk-3F6U44M6.js → chunk-7JZVZ5EX.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useCollectionTableQuery
-} from "./chunk-HYQPZADS.js";
+} from "./chunk-2L4W75VS.js";
 import {
   _DataTable,
   useDataTable

package/dist/{chunk-EASE3NLF.js → chunk-7VPJ4C6F.js}

@@ -1,6 +1,6 @@
 import {
   getPromotionStatus
-} from "./chunk-X7E65HM2.js";
+} from "./chunk-HI6L7DXI.js";
 import {
   TextCell,
   TextHeader

package/dist/{chunk-UCHVBAUB.js → chunk-7XBB24GO.js}

@@ -10,7 +10,7 @@ import {
   decorateVariantsWithDefaultValues,
   generateVariantsFromAttributes,
   normalizeProductFormValues
-} from "./chunk-ZG6DNI7O.js";
+} from "./chunk-AGXO2H4E.js";
 import {
   HandleInput
 } from "./chunk-HJ56YXBU.js";
@@ -58,7 +58,7 @@ import {
 } from "./chunk-C4XKPQ6T.js";
 import {
   require_dist
-} from "./chunk-Y7FNFQCU.js";
+} from "./chunk-6FLSBL4Q.js";
 import {
   useProductAttributes
 } from "./chunk-533GMKEG.js";

package/dist/{chunk-MFIT2RX5.js → chunk-A7RM5JXC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   getPromotionStatus
-} from "./chunk-X7E65HM2.js";
+} from "./chunk-HI6L7DXI.js";
 import {
   formatPercentage
 } from "./chunk-QDPLZDMX.js";

package/dist/{chunk-ZG6DNI7O.js → chunk-AGXO2H4E.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AJLGY3LQ.js";
 import {
   i18n
-} from "./chunk-O63MLTQV.js";
+} from "./chunk-2NA54XKC.js";
 
 // src/pages/products/product-create/constants.ts
 import { z } from "zod";

package/dist/{chunk-4DYSSDAA.js → chunk-EAC3J2Z4.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-FYKG35MR.js";
 import {
   useProductTableColumns
-} from "./chunk-CFBEBAQS.js";
+} from "./chunk-FWWPSH6V.js";
 import {
   useProductTableFilters
-} from "./chunk-GFUCELIZ.js";
+} from "./chunk-3JN4WUVU.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-B7HIZN4V.js → chunk-FNGPOGDR.js}

@@ -1,6 +1,6 @@
 import {
   AttributeValueInput
-} from "./chunk-WHIYSLYW.js";
+} from "./chunk-QPLEFEOZ.js";
 import {
   TabbedForm,
   defineTabMeta,
@@ -18,7 +18,7 @@ import {
 } from "./chunk-GVEF6UDT.js";
 import {
   require_dist
-} from "./chunk-Y7FNFQCU.js";
+} from "./chunk-6FLSBL4Q.js";
 import {
   useCreateProductVariant,
   useProduct

package/dist/{chunk-CFBEBAQS.js → chunk-FWWPSH6V.js}

@@ -3,7 +3,7 @@ import {
   CategoryHeader,
   ProductStatusCell,
   ProductStatusHeader
-} from "./chunk-OA24YN34.js";
+} from "./chunk-N6R2WOJ7.js";
 import {
   ProductCell,
   ProductHeader

package/dist/{chunk-X4N7EMFO.js → chunk-FZHLRCBV.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-CFBEBAQS.js";
+} from "./chunk-FWWPSH6V.js";
 import {
   useProductTableFilters
-} from "./chunk-GFUCELIZ.js";
+} from "./chunk-3JN4WUVU.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-X7E65HM2.js → chunk-HI6L7DXI.js}

@@ -1,6 +1,6 @@
 import {
   i18n
-} from "./chunk-O63MLTQV.js";
+} from "./chunk-2NA54XKC.js";
 
 // src/lib/promotions.ts
 var getPromotionStatusMap = () => ({

package/dist/{chunk-3N7QXAMO.js → chunk-IER5BQNC.js}

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

package/dist/{chunk-GNWWL47L.js → chunk-JZBVDH6A.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useProductTagTableQuery
-} from "./chunk-HYQPZADS.js";
+} from "./chunk-2L4W75VS.js";
 import {
   _DataTable,
   useDataTable

package/dist/{chunk-YLK2WZU3.js → chunk-KNZ6ICKB.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-CFBEBAQS.js";
+} from "./chunk-FWWPSH6V.js";
 import {
   useProductTableFilters
-} from "./chunk-GFUCELIZ.js";
+} from "./chunk-3JN4WUVU.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-LKW2KWJ4.js → chunk-LLHYICP5.js}

@@ -10,6 +10,9 @@ import {
   getIsActiveProps,
   getIsInternalProps
 } from "./chunk-Y456KVIN.js";
+import {
+  getCategoryGallery
+} from "./chunk-PZ27H46M.js";
 import {
   StatusCell
 } from "./chunk-DB6ANJBO.js";
@@ -17,6 +20,9 @@ import {
   _DataTable,
   useDataTable
 } from "./chunk-NQEXDLYH.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -107,6 +113,10 @@ var useCategoryTableColumns = () => {
               chip.id
             )) });
           }
+          const gallery = getCategoryGallery(
+            row.original.images
+          );
+          const thumbnailSrc = gallery.find((image) => image.is_thumbnail)?.url ?? gallery[0]?.url ?? null;
           return /* @__PURE__ */ jsxs2("div", { className: "flex size-full items-center gap-x-3 overflow-hidden", children: [
             /* @__PURE__ */ jsx2("div", { className: "flex size-7 items-center justify-center", children: row.getCanExpand() ? /* @__PURE__ */ jsx2(
               IconButton,
@@ -130,6 +140,7 @@ var useCategoryTableColumns = () => {
                 )
               }
             ) : null }),
+            /* @__PURE__ */ jsx2(Thumbnail, { src: thumbnailSrc }),
             /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() })
           ] });
         }
@@ -182,14 +193,15 @@ import { jsx as jsx3 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var CategoryListDataTable = () => {
   const { raw, searchParams } = useCategoryTableQuery({ pageSize: PAGE_SIZE });
+  const imageFields = "images.id,images.url,images.type,images.is_thumbnail,images.is_banner";
   const query = raw.q ? {
     include_ancestors_tree: true,
-    fields: "id,name,handle,is_active,is_internal,parent_category",
+    fields: `id,name,handle,is_active,is_internal,parent_category,${imageFields}`,
     ...searchParams
   } : {
     include_descendants_tree: true,
     parent_category_id: "null",
-    fields: "id,name,category_children,handle,is_internal,is_active",
+    fields: `id,name,category_children,handle,is_internal,is_active,${imageFields}`,
     ...searchParams
   };
   const { product_categories, count, isLoading, isError, error } = useProductCategories(

package/dist/{chunk-LVCIAKJI.js → chunk-LYCKVPWQ.js}

@@ -1,6 +1,6 @@
 import {
   require_dist
-} from "./chunk-Y7FNFQCU.js";
+} from "./chunk-6FLSBL4Q.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-ESZN3ELN.js → chunk-M3YII6OB.js}

@@ -1,9 +1,18 @@
 import {
   CategoryTree
 } from "./chunk-XLA2CNCW.js";
+import {
+  CreateCategorySchema
+} from "./chunk-Y3RABQC4.js";
 import {
   insertCategoryTreeItem
 } from "./chunk-Y456KVIN.js";
+import {
+  CategoryIconInput,
+  CategoryIconTip,
+  CategoryMediaInput,
+  uploadCategoryImages
+} from "./chunk-PZ27H46M.js";
 import {
   transformNullableFormData
 } from "./chunk-7RPRNVBS.js";
@@ -30,20 +39,6 @@ import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
 
-// src/pages/categories/category-create/components/create-category-form/schema.ts
-import { z } from "zod";
-var CreateCategoryDetailsSchema = z.object({
-  name: z.string().min(1),
-  description: z.string().optional(),
-  handle: z.string().optional(),
-  status: z.enum(["active", "inactive"]),
-  visibility: z.enum(["public", "internal"])
-});
-var CreateCategorySchema = z.object({
-  rank: z.number().nullable(),
-  parent_category_id: z.string().nullable()
-}).merge(CreateCategoryDetailsSchema);
-
 // src/pages/categories/category-create/category-create.tsx
 import { Children as Children2 } from "react";
 import { useSearchParams } from "react-router-dom";
@@ -171,7 +166,52 @@ var Root = () => {
           }
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control: form.control,
+        name: "media",
+        render: ({ field: { value, onChange } }) => {
+          return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "category-create-form-media-item", children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "category-create-form-media-label", children: t("categories.media.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { "data-testid": "category-create-form-media-control", children: /* @__PURE__ */ jsx(
+              CategoryMediaInput,
+              {
+                value: value ?? [],
+                onChange,
+                hasError: !!form.formState.errors.media
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "category-create-form-media-error" })
+          ] });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control: form.control,
+        name: "icon",
+        render: ({ field: { value, onChange } }) => {
+          return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "category-create-form-icon-item", children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "category-create-form-icon-label", children: t("categories.icon.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { "data-testid": "category-create-form-icon-control", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+              /* @__PURE__ */ jsx(
+                CategoryIconInput,
+                {
+                  value: value ?? null,
+                  onChange,
+                  hasError: !!form.formState.errors.icon
+                }
+              ),
+              /* @__PURE__ */ jsx(CategoryIconTip, {})
+            ] }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "category-create-form-icon-error" })
+          ] });
+        }
+      }
+    )
   ] }) });
 };
 Root._tabMeta = defineTabMeta({
@@ -290,8 +330,21 @@ var CreateCategoryForm = ({
   });
   const { mutateAsync, isPending } = useCreateProductCategory();
   const handleSubmit = form.handleSubmit(async (data) => {
-    const { visibility, status, parent_category_id, rank, name, ...rest } = data;
+    const {
+      visibility,
+      status,
+      parent_category_id,
+      rank,
+      name,
+      media,
+      icon,
+      ...rest
+    } = data;
     const parsedData = transformNullableFormData(rest, false);
+    const images = await uploadCategoryImages({
+      media: media ?? [],
+      icon: icon ?? null
+    });
     await mutateAsync(
       {
         name,
@@ -299,7 +352,8 @@ var CreateCategoryForm = ({
         parent_category_id: parent_category_id ?? void 0,
         rank: rank ?? void 0,
         is_active: status === "active",
-        is_internal: visibility === "internal"
+        is_internal: visibility === "internal",
+        ...images
       },
       {
         onSuccess: ({ product_category }) => {
@@ -351,7 +405,6 @@ var CategoryCreatePage = Object.assign(Root3, {
 var CategoryCreate = Root3;
 
 export {
-  CreateCategorySchema,
   CategoryCreatePage,
   CategoryCreate
 };

package/dist/{chunk-6AYGDFNE.js → chunk-MASXQMJY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5A4JNOK3.js";
 import {
   useRefundReasonTableQuery
-} from "./chunk-HYQPZADS.js";
+} from "./chunk-2L4W75VS.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-OA24YN34.js → chunk-N6R2WOJ7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-PHOCVOZ5.js";
 import {
   require_dist
-} from "./chunk-Y7FNFQCU.js";
+} from "./chunk-6FLSBL4Q.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-T53YX34K.js → chunk-NEZ35LWM.js}

@@ -1,13 +1,13 @@
 import {
   useReturnReasonTableColumns
 } from "./chunk-5A4JNOK3.js";
-import {
-  useReturnReasonTableQuery
-} from "./chunk-HYQPZADS.js";
 import {
   useDeleteReturnReason,
   useReturnReasons
 } from "./chunk-2FGRDEAD.js";
+import {
+  useReturnReasonTableQuery
+} from "./chunk-2L4W75VS.js";
 import {
   _DataTable,
   useDataTable

package/dist/{chunk-AXVZ56UD.js → chunk-ORENI3LP.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-33BERJSG.js";
 import {
   useProductTableColumns
-} from "./chunk-CFBEBAQS.js";
+} from "./chunk-FWWPSH6V.js";
 import {
   useProductTableFilters
-} from "./chunk-GFUCELIZ.js";
+} from "./chunk-3JN4WUVU.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-UVYWKQJF.js → chunk-POSHDM4L.js}

@@ -2,7 +2,7 @@ import {
   TaxOverrideTable,
   TaxRateLine,
   useTaxOverrideTable
-} from "./chunk-FYCIGKVG.js";
+} from "./chunk-3FN3YH2F.js";
 import {
   TaxRegionCard
 } from "./chunk-Q2ULPJJ6.js";

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

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