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

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-BFT3CN5L.js → chunk-GWW6MPYK.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductTypeAction
-} from "./chunk-33BERJSG.js";
+} from "./chunk-K6RZE3F7.js";
 import {
   useProductTypeTableColumns
 } from "./chunk-O5VKW5FL.js";
@@ -13,19 +13,20 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useProductTypes
-} from "./chunk-46M463BR.js";
+} from "./chunk-EWFOFSF7.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/product-types/product-type-list/product-type-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/product-types/product-type-list/components/product-type-list-view/product-type-list-view.tsx
 import { Children as Children2 } from "react";
@@ -208,7 +209,7 @@ var ProductTypeListView = ({
 // src/pages/product-types/product-type-list/product-type-list.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx5(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(ProductTypeListView, {}) });
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { children: /* @__PURE__ */ jsx5(WidgetZone, { id: "product-types.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(ProductTypeListView, {}) }) });
 };
 var ProductTypeListPage = Object.assign(Root, {
   Table: ProductTypeListView,

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-YFRC6GEN.js → chunk-HLL6GLZO.js}

@@ -1,9 +1,9 @@
 import {
   shippingOptionsQueryKeys
-} from "./chunk-5TRY5IMZ.js";
+} from "./chunk-Q6GUA5VE.js";
 import {
   stockLocationsQueryKeys
-} from "./chunk-EPHVGD5Z.js";
+} from "./chunk-VXW3BCN2.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/fulfillment-sets.tsx
 import {

package/dist/{chunk-BKNAX6QQ.js → chunk-I3RIVWBQ.js}

@@ -16,7 +16,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -27,13 +27,14 @@ import {
   useApiKeys,
   useDeleteApiKey,
   useRevokeApiKey
-} from "./chunk-4RT7P5ZQ.js";
+} from "./chunk-ZAANJVLM.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/api-key-management/api-key-management-list/api-key-management-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/api-key-management/api-key-management-list/components/api-key-management-list-view/api-key-management-list-view.tsx
 import { Children as Children2 } from "react";
@@ -170,7 +171,7 @@ var useApiKeyManagementTableColumns = () => {
         cell: ({ getValue }) => /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() }) })
       }),
       columnHelper.accessor("redacted", {
-        header: "Token",
+        header: t("apiKeyManagement.fields.tokenLabel"),
         cell: ({ getValue }) => {
           const token = getValue();
           return /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: prettifyRedactedToken(token) });
@@ -379,7 +380,7 @@ var Root = ({ children }) => {
     {
       hasOutlet: true,
       "data-testid": "publishable-api-keys-list-page",
-      children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ApiKeyManagementListView, {})
+      children: /* @__PURE__ */ jsx6(WidgetZone, { id: "api-keys.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ApiKeyManagementListView, {}) })
     }
   );
 };

package/dist/{chunk-6NDM5WGE.js → chunk-I5HY5Q3K.js}

@@ -3,7 +3,7 @@ import {
   CategoryHeader,
   ProductStatusCell,
   ProductStatusHeader
-} from "./chunk-UKDC2AQR.js";
+} from "./chunk-RMB7MPIT.js";
 import {
   ProductCell,
   ProductHeader
@@ -13,7 +13,6 @@ import {
 } from "./chunk-PHOCVOZ5.js";
 
 // src/hooks/table/columns/use-product-table-columns.tsx
-import { Checkbox } from "@medusajs/ui";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";
 
@@ -31,73 +30,31 @@ var CollectionHeader = () => {
   return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { children: t("fields.collection") }) });
 };
 
-// src/components/table/table-cells/product/seller-cell/seller-cell.tsx
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var SellerCell = ({ sellers }) => {
-  if (!sellers?.length) {
-    return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-  }
-  const first = sellers[0];
-  const remaining = sellers.length - 1;
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full items-center gap-x-1 overflow-hidden", children: [
-    /* @__PURE__ */ jsx2("span", { className: "truncate", children: first.name }),
-    remaining > 0 && /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-muted whitespace-nowrap", children: [
-      "+",
-      remaining
-    ] })
-  ] });
-};
-var SellerHeader = () => {
-  const { t } = useTranslation2();
-  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.store") }) });
-};
-
 // src/components/table/table-cells/product/variant-cell/variant-cell.tsx
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var VariantCell = ({ variants }) => {
-  const { t } = useTranslation3();
+  const { t } = useTranslation2();
   if (!variants || !variants.length) {
-    return /* @__PURE__ */ jsx3(PlaceholderCell, {});
+    return /* @__PURE__ */ jsx2(PlaceholderCell, {});
   }
-  return /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("products.variantCount", { count: variants.length }) }) });
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: t("products.variantCount", { count: variants.length }) }) });
 };
 var VariantHeader = () => {
-  const { t } = useTranslation3();
-  return /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx3("span", { children: t("fields.variants") }) });
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.variants") }) });
 };
 
 // src/hooks/table/columns/use-product-table-columns.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
 var useProductTableColumns = () => {
   return useMemo(
     () => [
-      columnHelper.display({
-        id: "select",
-        header: ({ table }) => /* @__PURE__ */ jsx4(
-          Checkbox,
-          {
-            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
-            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
-            "data-testid": "products-table-header-select-checkbox"
-          }
-        ),
-        cell: ({ row }) => /* @__PURE__ */ jsx4(
-          Checkbox,
-          {
-            checked: row.getIsSelected(),
-            onCheckedChange: (value) => row.toggleSelected(!!value),
-            onClick: (e) => e.stopPropagation(),
-            "data-testid": `products-table-cell-${row.id}-select-checkbox`
-          }
-        )
-      }),
       columnHelper.display({
         id: "product",
-        header: () => /* @__PURE__ */ jsx4(ProductHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx4(
+        header: () => /* @__PURE__ */ jsx3(ProductHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx3(
           ProductCell,
           {
             product: row.original,
@@ -105,19 +62,9 @@ var useProductTableColumns = () => {
           }
         )
       }),
-      columnHelper.accessor("sellers", {
-        header: () => /* @__PURE__ */ jsx4(SellerHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx4(
-          SellerCell,
-          {
-            sellers: row.original.sellers,
-            "data-testid": `products-table-cell-${row.id}-store-value`
-          }
-        )
-      }),
       columnHelper.accessor("categories", {
-        header: () => /* @__PURE__ */ jsx4(CategoryHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx4(
+        header: () => /* @__PURE__ */ jsx3(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx3(
           CategoryCell,
           {
             categories: row.original.categories,
@@ -126,8 +73,8 @@ var useProductTableColumns = () => {
         )
       }),
       columnHelper.accessor("collection", {
-        header: () => /* @__PURE__ */ jsx4(CollectionHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx4(
+        header: () => /* @__PURE__ */ jsx3(CollectionHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx3(
           CollectionCell,
           {
             collection: row.original.collection,
@@ -136,8 +83,8 @@ var useProductTableColumns = () => {
         )
       }),
       columnHelper.accessor("variants", {
-        header: () => /* @__PURE__ */ jsx4(VariantHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx4(
+        header: () => /* @__PURE__ */ jsx3(VariantHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx3(
           VariantCell,
           {
             variants: row.original.variants,
@@ -146,8 +93,8 @@ var useProductTableColumns = () => {
         )
       }),
       columnHelper.accessor("status", {
-        header: () => /* @__PURE__ */ jsx4(ProductStatusHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx4(
+        header: () => /* @__PURE__ */ jsx3(ProductStatusHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx3(
           ProductStatusCell,
           {
             status: row.original.status,

package/dist/{chunk-WJJXUXSO.js → chunk-IC2PLPRP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/members.tsx
 import { useQuery } from "@tanstack/react-query";

package/dist/{chunk-L3E6LES5.js → chunk-IGTR66D2.js}

@@ -1,18 +1,18 @@
-import {
-  ordersQueryKeys
-} from "./chunk-N3BYBEDV.js";
 import {
   reservationItemsQueryKeys
-} from "./chunk-ZB4SO44T.js";
+} from "./chunk-WX4ABVXL.js";
+import {
+  ordersQueryKeys
+} from "./chunk-WF3ZDT5Z.js";
 import {
   inventoryItemsQueryKeys
-} from "./chunk-ZRFWXNT3.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/order-edits.tsx
 import { useMutation } from "@tanstack/react-query";
@@ -84,7 +84,7 @@ var useConfirmOrderEdit = (id, options) => {
 };
 var useCancelOrderEdit = (orderId, options) => {
   return useMutation({
-    mutationFn: () => sdk.admin.orderEdits.$id.request.delete({ $id: orderId }),
+    mutationFn: () => sdk.admin.orderEdits.$id.delete({ $id: orderId }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
         queryKey: ordersQueryKeys.details()

package/dist/{chunk-WRVGLMRW.js → chunk-IJ2CSCLP.js}

@@ -1,9 +1,9 @@
-import {
-  require_dist
-} from "./chunk-F5H5JZQZ.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
+import {
+  require_dist
+} from "./chunk-VYSB4CTB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -105,6 +105,7 @@ var useReturnReasonTableQuery = ({
 };
 
 // src/hooks/table/query/use-sellers-table-query.tsx
+import { linkFields, useExtension } from "@mercurjs/dashboard-shared";
 var import_types = __toESM(require_dist(), 1);
 var ACTIVE_STATUSES = [
   import_types.SellerStatus.OPEN,
@@ -115,6 +116,7 @@ var useSellersTableQuery = ({
   prefix,
   pageSize = 20
 }) => {
+  const links = useExtension().getLinks("seller");
   const queryObject = useQueryParams(
     ["offset", "q", "created_at", "updated_at", "status", "is_premium", "order"],
     prefix
@@ -128,7 +130,8 @@ var useSellersTableQuery = ({
     status: status?.split(",") ?? ACTIVE_STATUSES,
     is_premium: is_premium ? is_premium === "true" : void 0,
     q,
-    order: order ? order : "-created_at"
+    order: order ? order : "-created_at",
+    ...links.length ? { fields: linkFields(links) } : {}
   };
   return {
     searchParams,