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

package/dist/{chunk-F7O6IXPA.js → chunk-G67PGZDM.js}

@@ -3,24 +3,24 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   getPromotionStatus
-} from "./chunk-K43FFKGD.js";
+} from "./chunk-67KYEPSA.js";
 import {
   formatPercentage
 } from "./chunk-QDPLZDMX.js";
 import {
   formatCurrency
 } from "./chunk-XSX255FK.js";
-import {
-  NoRecords
-} from "./chunk-634XVU3D.js";
 import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
+import {
+  NoRecords
+} from "./chunk-7PPT3477.js";
 import {
   useDeletePromotion,
   usePromotion,
   usePromotionRules
-} from "./chunk-ZN7LWXVC.js";
+} from "./chunk-MTHPNKQ4.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -31,12 +31,14 @@ import {
 // src/pages/promotions/promotion-detail/promotion-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams as useParams4 } from "react-router-dom";
+import { useLinkQuery as useLinkQuery4, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/promotions/promotion-detail/components/campaign-section/campaign-section.tsx
 import { ArrowUpRightOnBox, PencilSquare } from "@medusajs/icons";
 import { Container, Heading, Text } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { useParams } from "react-router-dom";
+import { DisplayExtensionZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CampaignDetailSection = ({
   campaign
@@ -62,7 +64,8 @@ var CampaignSection = ({
 }) => {
   const { t } = useTranslation();
   const { id } = useParams();
-  const { promotion } = usePromotion(id, {
+  const linkQuery = useLinkQuery("promotion");
+  const { promotion } = usePromotion(id, linkQuery, {
     enabled: campaignProp === void 0
   });
   const campaign = campaignProp !== void 0 ? campaignProp : promotion?.campaign ?? null;
@@ -99,16 +102,17 @@ var CampaignSection = ({
       NoRecords,
       {
         className: "h-[180px] pt-4 text-center",
-        title: "Not part of a campaign",
-        message: "Add this promotion to an existing campaign",
+        title: t("promotions.campaignSection.noRecordsTitle"),
+        message: t("promotions.campaignSection.noRecordsMessage"),
         action: {
           to: `/promotions/${id}/add-to-campaign`,
-          label: "Add to Campaign"
+          label: t("promotions.campaignSection.addToCampaign")
         },
         buttonVariant: "transparentIconLeft",
         dataTestId: "promotion-campaign-section-add-to-campaign-button"
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "promotion", zone: "campaign", data: campaign })
   ] });
 };
 
@@ -117,6 +121,7 @@ import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { Badge as Badge2, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useParams as useParams2 } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone2, useLinkQuery as useLinkQuery2 } from "@mercurjs/dashboard-shared";
 
 // src/components/common/badge-list-summary/badge-list-summary.tsx
 import { Badge, Tooltip, clx } from "@medusajs/ui";
@@ -199,7 +204,8 @@ var PromotionConditionsSection = ({
 }) => {
   const { t } = useTranslation3();
   const { id } = useParams2();
-  const { promotion } = usePromotion(id, {
+  const linkQuery = useLinkQuery2("promotion");
+  const { promotion } = usePromotion(id, linkQuery, {
     enabled: rulesProp === void 0
   });
   const query = {};
@@ -287,6 +293,14 @@ var PromotionConditionsSection = ({
               ))
             ]
           }
+        ),
+        /* @__PURE__ */ jsx3(
+          DisplayExtensionZone2,
+          {
+            model: "promotion",
+            zone: `conditions-${ruleType}`,
+            data: rules
+          }
         )
       ]
     }
@@ -307,7 +321,22 @@ import {
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { useParams as useParams3 } from "react-router-dom";
+import {
+  DisplayExtensionZone as DisplayExtensionZone3,
+  DisplayField,
+  useLinkQuery as useLinkQuery3
+} from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "code",
+  "status",
+  "is_automatic",
+  "code_badge",
+  "type",
+  "value",
+  "allocation",
+  "is_tax_inclusive"
+];
 function getDisplayValue(promotion) {
   const value = promotion.application_method?.value;
   if (!value) {
@@ -331,7 +360,8 @@ var PromotionGeneralSection = ({
   const prompt = usePrompt();
   const navigate = useNavigate();
   const { id } = useParams3();
-  const { promotion: fetched } = usePromotion(id, {
+  const linkQuery = useLinkQuery3("promotion");
+  const { promotion: fetched } = usePromotion(id, linkQuery, {
     enabled: !promotionProp
   });
   const promotion = promotionProp ?? fetched;
@@ -363,9 +393,9 @@ var PromotionGeneralSection = ({
   const displayValue = getDisplayValue(promotion);
   return /* @__PURE__ */ jsxs4(Container3, { className: "divide-y p-0", "data-testid": "promotion-general-section-container", children: [
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "promotion-general-section-header", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(Heading3, { "data-testid": "promotion-general-section-code", children: promotion.code }) }),
+      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "code", data: promotion, children: /* @__PURE__ */ jsx4(Heading3, { "data-testid": "promotion-general-section-code", children: promotion.code }) }) }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx4(StatusBadge, { color, "data-testid": "promotion-general-section-status", children: text }),
+        /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "status", data: promotion, children: /* @__PURE__ */ jsx4(StatusBadge, { color, "data-testid": "promotion-general-section-status", children: text }) }),
         /* @__PURE__ */ jsx4(
           ActionMenu,
           {
@@ -394,11 +424,11 @@ var PromotionGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-method", children: [
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "is_automatic", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-method", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-method-label", children: t("promotions.fields.method") }),
       /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", "data-testid": "promotion-general-section-method-value", children: promotion.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title") })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "promotion-general-section-code-field", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "code_badge", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "promotion-general-section-code-field", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-code-label", children: t("fields.code") }),
       /* @__PURE__ */ jsx4(
         Copy,
@@ -419,26 +449,35 @@ var PromotionGeneralSection = ({
           )
         }
       )
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-type", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "type", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-type", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-type-label", children: t("promotions.fields.type") }),
       /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", "data-testid": "promotion-general-section-type-value", children: promotion.type })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-value", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "value", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-value", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-value-label", children: t("promotions.fields.value") }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", "data-testid": "promotion-general-section-value-content", children: [
         /* @__PURE__ */ jsx4(Text2, { className: "inline", size: "small", leading: "compact", "data-testid": "promotion-general-section-value-text", children: displayValue || "-" }),
         promotion?.application_method?.type === "fixed" && /* @__PURE__ */ jsx4(Badge3, { size: "2xsmall", rounded: "full", "data-testid": "promotion-general-section-value-currency", children: promotion?.application_method?.currency_code?.toUpperCase() })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-allocation", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "allocation", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-allocation", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-allocation-label", children: t("promotions.fields.allocation") }),
       /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", "data-testid": "promotion-general-section-allocation-value", children: promotion.application_method?.allocation })
-    ] }),
-    promotion.application_method?.type === "fixed" && /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-tax-inclusive", children: [
+    ] }) }),
+    promotion.application_method?.type === "fixed" && /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "is_tax_inclusive", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-tax-inclusive", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-tax-inclusive-label", children: t("promotions.fields.taxInclusive") }),
       /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-x-2", "data-testid": "promotion-general-section-tax-inclusive-value", children: /* @__PURE__ */ jsx4(Text2, { className: "inline", size: "small", leading: "compact", children: promotion.is_tax_inclusive ? t("fields.true") : t("fields.false") }) })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx4(
+      DisplayExtensionZone3,
+      {
+        model: "promotion",
+        zone: "general",
+        data: promotion,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 
@@ -447,7 +486,10 @@ import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams4();
-  const { promotion, isLoading } = usePromotion(id, { initialData });
+  const linkQuery = useLinkQuery4("promotion");
+  const { promotion, isLoading } = usePromotion(id, linkQuery, {
+    initialData
+  });
   const query = {};
   if (promotion?.type === "buyget") {
     query.promotion_type = promotion.type;
@@ -459,7 +501,7 @@ var Root = ({ children }) => {
     return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1, showJSON: true });
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx5(TwoColumnPage, { data: promotion, hasOutlet: true, showJSON: true, "data-testid": "promotion-detail-page", children }) : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: promotion, hasOutlet: true, showJSON: true, "data-testid": "promotion-detail-page", children: [
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx5(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "promotions.detail.main", data: promotion, children: [
       /* @__PURE__ */ jsx5(PromotionGeneralSection, { promotion }),
       /* @__PURE__ */ jsx5(
         PromotionConditionsSection,
@@ -484,8 +526,8 @@ var Root = ({ children }) => {
           applicationMethodTargetType: "items"
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(CampaignSection, { campaign: promotion.campaign }) })
+    ] }) }),
+    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(WidgetZone, { id: "promotions.detail.side", data: promotion, children: /* @__PURE__ */ jsx5(CampaignSection, { campaign: promotion.campaign }) }) })
   ] });
 };
 var PromotionDetailPage = Object.assign(Root, {

package/dist/{chunk-NQEXDLYH.js → chunk-GRFWCCUW.js}

@@ -4,11 +4,11 @@ import {
 } from "./chunk-YN3FGNJM.js";
 import {
   DataTableOrderBy
-} from "./chunk-KAZ5BYTQ.js";
+} from "./chunk-ZAOEFQ6K.js";
 import {
   NoRecords,
   NoResults
-} from "./chunk-634XVU3D.js";
+} from "./chunk-7PPT3477.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
@@ -734,7 +734,7 @@ var SelectFilter = ({
                 value: search,
                 onValueChange: setSearch,
                 className: "txt-compact-small placeholder:text-ui-fg-muted bg-transparent outline-none",
-                placeholder: "Search"
+                placeholder: t2("general.search")
               }
             ),
             /* @__PURE__ */ jsx4("div", { className: "flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx4(
@@ -1111,10 +1111,12 @@ import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var DataTableQuery = ({
   search,
   orderBy,
+  defaultOrder,
   filters,
-  prefix
+  prefix,
+  toolbarActions
 }) => {
-  return (search || orderBy || filters || prefix) && /* @__PURE__ */ jsxs7("div", { className: "flex items-start justify-between gap-x-4 px-6 py-4", children: [
+  return (search || orderBy || filters || prefix || toolbarActions) && /* @__PURE__ */ jsxs7("div", { className: "flex items-start justify-between gap-x-4 px-6 py-4", children: [
     /* @__PURE__ */ jsx7("div", { className: "w-full max-w-[60%]", children: filters && filters.length > 0 && /* @__PURE__ */ jsx7(DataTableFilter, { filters, prefix }) }),
     /* @__PURE__ */ jsxs7("div", { className: "flex shrink-0 items-center gap-x-2", children: [
       search && /* @__PURE__ */ jsx7(
@@ -1124,7 +1126,15 @@ var DataTableQuery = ({
           autofocus: search === "autofocus"
         }
       ),
-      orderBy && /* @__PURE__ */ jsx7(DataTableOrderBy, { keys: orderBy, prefix })
+      orderBy && /* @__PURE__ */ jsx7(
+        DataTableOrderBy,
+        {
+          keys: orderBy,
+          prefix,
+          defaultOrder
+        }
+      ),
+      toolbarActions
     ] })
   ] });
 };
@@ -1148,6 +1158,7 @@ var DataTableRoot = ({
   columns,
   pagination,
   navigateTo,
+  onRowClick,
   commands,
   count = 0,
   noResults = false,
@@ -1240,6 +1251,7 @@ var DataTableRoot = ({
               }) }),
               /* @__PURE__ */ jsx8(Table.Body, { className: "border-b-0", children: table.getRowModel().rows.map((row) => {
                 const to = navigateTo ? navigateTo(row) : void 0;
+                const handleRowClick = !to && onRowClick ? () => onRowClick(row) : void 0;
                 const isRowDisabled = hasSelect && !row.getCanSelect();
                 const isOdd = row.depth % 2 !== 0;
                 const cells = row.getVisibleCells();
@@ -1247,12 +1259,13 @@ var DataTableRoot = ({
                   Table.Row,
                   {
                     "data-selected": row.getIsSelected(),
+                    onClick: handleRowClick,
                     className: clx7(
                       "transition-fg group/row group relative [&_td:last-of-type]:w-[1%] [&_td:last-of-type]:whitespace-nowrap",
                       "has-[[data-row-link]:focus-visible]:bg-ui-bg-base-hover",
                       {
                         "bg-ui-bg-subtle hover:bg-ui-bg-subtle-hover": isOdd,
-                        "cursor-pointer": !!to,
+                        "cursor-pointer": !!to || !!handleRowClick,
                         "bg-ui-bg-highlight hover:bg-ui-bg-highlight-hover": row.getIsSelected(),
                         "!bg-ui-bg-disabled !hover:bg-ui-bg-disabled": isRowDisabled
                       }
@@ -1382,10 +1395,12 @@ var _DataTable = ({
   columns,
   pagination,
   navigateTo,
+  onRowClick,
   commands,
   count = 0,
   search = false,
   orderBy,
+  defaultOrder,
   filters,
   prefix,
   queryObject = {},
@@ -1393,7 +1408,8 @@ var _DataTable = ({
   isLoading = false,
   noHeader = false,
   layout = "fit",
-  noRecords: noRecordsProps = {}
+  noRecords: noRecordsProps = {},
+  toolbarActions
 }) => {
   if (isLoading) {
     return /* @__PURE__ */ jsx9(
@@ -1434,8 +1450,10 @@ var _DataTable = ({
           {
             search,
             orderBy,
+            defaultOrder,
             filters,
-            prefix
+            prefix,
+            toolbarActions
           }
         ),
         /* @__PURE__ */ jsx9(
@@ -1446,6 +1464,7 @@ var _DataTable = ({
             columns,
             pagination: true,
             navigateTo,
+            onRowClick,
             commands,
             noResults,
             noHeader,

package/dist/{chunk-PVZBDWLK.js → chunk-GRH7C3QN.js}

@@ -25,7 +25,7 @@ var useCustomerTableQuery = ({
     offset: offset ? Number(offset) : 0,
     groups: groups?.split(","),
     has_account: has_account ? has_account === "true" : void 0,
-    order,
+    order: order ? order : "-created_at",
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
     q

package/dist/{chunk-MKBCBAS2.js → chunk-GVPKRQWI.js}

@@ -1,9 +1,18 @@
+import {
+  CategoryTree
+} from "./chunk-XLA2CNCW.js";
+import {
+  CreateCategorySchema
+} from "./chunk-BW7BDHZV.js";
 import {
   insertCategoryTreeItem
 } from "./chunk-Y456KVIN.js";
 import {
-  CategoryTree
-} from "./chunk-XLA2CNCW.js";
+  CategoryIconInput,
+  CategoryIconTip,
+  CategoryMediaInput,
+  uploadCategoryImages
+} from "./chunk-QJCUPZZQ.js";
 import {
   transformNullableFormData
 } from "./chunk-7RPRNVBS.js";
@@ -14,7 +23,7 @@ import {
   TabbedForm,
   defineTabMeta,
   useTabbedForm
-} from "./chunk-4LXBQTFN.js";
+} from "./chunk-FREUYHMS.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -25,25 +34,11 @@ import {
 import {
   useCreateProductCategory,
   useProductCategories
-} from "./chunk-EB5QHYKL.js";
+} from "./chunk-QVIX6O76.js";
 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";
@@ -90,7 +85,7 @@ var Root = () => {
           name: "handle",
           render: ({ field }) => {
             return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "category-create-form-handle-item", children: [
-              /* @__PURE__ */ jsx(Form.Label, { optional: true, tooltip: t("collections.handleTooltip"), "data-testid": "category-create-form-handle-label", children: t("fields.handle") }),
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, tooltip: t("categories.handleTooltip"), "data-testid": "category-create-form-handle-label", children: t("fields.handle") }),
               /* @__PURE__ */ jsx(Form.Control, { "data-testid": "category-create-form-handle-control", children: /* @__PURE__ */ jsx(HandleInput, { ...field, "data-testid": "category-create-form-handle-input" }) }),
               /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "category-create-form-handle-error" })
             ] });
@@ -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,15 +352,12 @@ 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 }) => {
-          toast.success(
-            t("categories.create.successToast", {
-              name: product_category.name
-            })
-          );
+          toast.success(t("categories.create.successToast"));
           handleSuccess(`/categories/${product_category.id}`);
         },
         onError: (error) => {
@@ -327,6 +377,8 @@ var CreateCategoryForm = ({
   return /* @__PURE__ */ jsx3(
     TabbedForm,
     {
+      model: "category",
+      zone: "create",
       form,
       onSubmit: handleSubmit,
       isLoading: isPending,
@@ -351,7 +403,6 @@ var CategoryCreatePage = Object.assign(Root3, {
 var CategoryCreate = Root3;
 
 export {
-  CreateCategorySchema,
   CategoryCreatePage,
   CategoryCreate
 };

package/dist/{chunk-VDKOJ5WD.js → chunk-GYRTURN7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/price-preferences.tsx
 import {

package/dist/{chunk-XJ3WC4G7.js → chunk-H3D6V3KM.js}

@@ -1,7 +1,7 @@
 import {
   TaxRegionTable,
   useTaxRegionTable
-} from "./chunk-COP7NFSJ.js";
+} from "./chunk-P3GGL5JL.js";
 import {
   useTaxRegionTableQuery
 } from "./chunk-AYVH6Q5O.js";
@@ -10,10 +10,11 @@ import {
 } from "./chunk-H6MYB7GB.js";
 import {
   useTaxRegions
-} from "./chunk-LYD3C73Z.js";
+} from "./chunk-JI7HMGMO.js";
 
 // src/pages/tax-regions/tax-region-list/tax-region-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/tax-regions/tax-region-list/components/tax-region-list-view/tax-region-list-view.tsx
 import { Children as Children2 } from "react";
@@ -98,7 +99,7 @@ var TaxRegionListView = ({
 // src/pages/tax-regions/tax-region-list/tax-region-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(TaxRegionListView, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx4(WidgetZone, { id: "tax-regions.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(TaxRegionListView, {}) }) });
 };
 var TaxRegionListPage = Object.assign(Root, {
   Table: TaxRegionListView,