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

package/dist/chunk-BN6OOLJA.js

@@ -0,0 +1,358 @@
+import {
+  FileUpload,
+  formatFileSize
+} from "./chunk-VSLHL2AZ.js";
+import {
+  uploadFilesQuery
+} from "./chunk-ZBWL72TB.js";
+
+// src/pages/collections/common/components/collection-image-fields/types.ts
+var COLLECTION_IMAGE_FORMATS = [
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/webp",
+  "image/heic",
+  "image/svg+xml"
+];
+var getCollectionGallery = (images) => (images ?? []).filter((image) => !image.type).sort((a, b) => (a.rank ?? 0) - (b.rank ?? 0));
+var getCollectionIcon = (images) => (images ?? []).find((image) => image.type === "icon") ?? null;
+
+// src/pages/collections/common/components/collection-image-fields/collection-icon-input.tsx
+import { XMark } from "@medusajs/icons";
+import { IconButton, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CollectionIconInput = ({
+  value,
+  onChange,
+  hasError
+}) => {
+  const { t } = useTranslation();
+  const handleUploaded = (files) => {
+    const file = files[0];
+    if (file) {
+      onChange({ url: file.url, file: file.file });
+    }
+  };
+  if (value) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2",
+        "data-testid": "collection-icon-input-item",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base flex h-10 w-[30px] items-center justify-center overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: value.url,
+                alt: "",
+                className: "size-full object-contain object-center"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: value.file?.name ?? value.url }),
+              value.file && /* @__PURE__ */ jsx(
+                Text,
+                {
+                  size: "xsmall",
+                  leading: "compact",
+                  className: "text-ui-fg-subtle",
+                  children: formatFileSize(value.file.size)
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              type: "button",
+              size: "small",
+              variant: "transparent",
+              onClick: () => onChange(null),
+              "data-testid": "collection-icon-input-delete",
+              children: /* @__PURE__ */ jsx(XMark, {})
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-2", "data-testid": "collection-icon-input", children: /* @__PURE__ */ jsx(
+    FileUpload,
+    {
+      label: t("collections.icon.upload.title"),
+      hint: t("collections.icon.upload.hint"),
+      multiple: false,
+      formats: COLLECTION_IMAGE_FORMATS,
+      hasError,
+      onUploaded: handleUploaded
+    }
+  ) });
+};
+
+// src/pages/collections/common/components/collection-image-fields/collection-icon-tip.tsx
+import { Text as Text2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CollectionIconTip = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "bg-ui-bg-component shadow-elevation-card-rest flex items-stretch gap-x-3 rounded-lg px-3 py-2",
+      "data-testid": "collection-icon-tip",
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "bg-ui-border-strong w-[3px] shrink-0 self-stretch rounded-full" }),
+        /* @__PURE__ */ jsxs2(Text2, { size: "small", className: "text-ui-fg-subtle", children: [
+          /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-base font-medium", children: t("collections.icon.tip.label") }),
+          " ",
+          t("collections.icon.tip.text")
+        ] })
+      ]
+    }
+  );
+};
+
+// src/pages/collections/common/components/collection-image-fields/upload-collection-images.ts
+var uploadCollectionImages = async ({
+  media,
+  icon
+}) => {
+  const payload = {};
+  if (media !== void 0) {
+    payload.media = await Promise.all(
+      media.map(async (item, index) => {
+        let url = item.url;
+        if (item.file) {
+          const uploaded = await uploadFilesQuery([{ file: item.file }]);
+          url = uploaded.files?.[0]?.url ?? url;
+        }
+        return {
+          url,
+          is_thumbnail: item.is_thumbnail,
+          is_banner: item.is_banner,
+          rank: index
+        };
+      })
+    );
+  }
+  if (icon !== void 0) {
+    if (!icon) {
+      payload.icon = null;
+    } else if (icon.file) {
+      const uploaded = await uploadFilesQuery([{ file: icon.file }]);
+      payload.icon = uploaded.files?.[0]?.url ?? icon.url;
+    } else {
+      payload.icon = icon.url;
+    }
+  }
+  return payload;
+};
+
+// src/pages/collections/common/components/collection-image-fields/collection-media-input.tsx
+import {
+  EllipsisHorizontal,
+  FeaturedBadge,
+  InformationCircleSolid,
+  Photo,
+  ThumbnailBadge,
+  Trash,
+  XMark as XMark2
+} from "@medusajs/icons";
+import { DropdownMenu, IconButton as IconButton2, Text as Text3, Tooltip, clx } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CollectionMediaInput = ({
+  value,
+  onChange,
+  hasError
+}) => {
+  const { t } = useTranslation3();
+  const handleUploaded = (files) => {
+    onChange([
+      ...value,
+      ...files.map((f) => ({
+        url: f.url,
+        file: f.file,
+        is_thumbnail: false,
+        is_banner: false,
+        field_id: f.id
+      }))
+    ]);
+  };
+  const toggleRole = (index, role, on) => {
+    onChange(
+      value.map((item, i) => ({
+        ...item,
+        [role]: i === index ? on : on ? false : item[role]
+      }))
+    );
+  };
+  const remove = (index) => {
+    onChange(value.filter((_, i) => i !== index));
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-2", "data-testid": "collection-media-input", children: [
+    /* @__PURE__ */ jsx3(
+      FileUpload,
+      {
+        label: t("collections.media.upload.title"),
+        hint: t("collections.media.upload.hint"),
+        formats: COLLECTION_IMAGE_FORMATS,
+        hasError,
+        onUploaded: handleUploaded
+      }
+    ),
+    value.length > 0 && /* @__PURE__ */ jsx3(
+      "ul",
+      {
+        className: "flex flex-col gap-y-2",
+        "data-testid": "collection-media-input-list",
+        children: value.map((item, index) => /* @__PURE__ */ jsxs3(
+          "li",
+          {
+            className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2",
+            "data-testid": `collection-media-input-item-${index}`,
+            children: [
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx3("div", { className: "bg-ui-bg-base flex h-10 w-[30px] items-center justify-center overflow-hidden rounded-md", children: item.url ? /* @__PURE__ */ jsx3(
+                  "img",
+                  {
+                    src: item.url,
+                    alt: "",
+                    className: "size-full object-cover object-center"
+                  }
+                ) : /* @__PURE__ */ jsx3(Photo, { className: "text-ui-fg-muted" }) }),
+                /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx3(Text3, { size: "small", leading: "compact", children: item.file?.name ?? item.url }),
+                  /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle flex items-center gap-x-1", children: [
+                    item.is_thumbnail && /* @__PURE__ */ jsx3(ThumbnailBadge, { "data-testid": "collection-media-input-item-thumbnail-badge" }),
+                    item.is_banner && /* @__PURE__ */ jsx3(
+                      FeaturedBadge,
+                      {
+                        className: "text-ui-fg-interactive",
+                        "data-testid": "collection-media-input-item-banner-badge"
+                      }
+                    ),
+                    item.file && /* @__PURE__ */ jsx3(
+                      Text3,
+                      {
+                        size: "xsmall",
+                        leading: "compact",
+                        className: "text-ui-fg-subtle",
+                        children: formatFileSize(item.file.size)
+                      }
+                    )
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ jsx3(
+                  CollectionMediaItemMenu,
+                  {
+                    item,
+                    onToggleThumbnail: () => toggleRole(index, "is_thumbnail", !item.is_thumbnail),
+                    onToggleBanner: () => toggleRole(index, "is_banner", !item.is_banner),
+                    onDelete: () => remove(index),
+                    testId: `collection-media-input-item-menu-${index}`
+                  }
+                ),
+                /* @__PURE__ */ jsx3(
+                  IconButton2,
+                  {
+                    type: "button",
+                    size: "small",
+                    variant: "transparent",
+                    onClick: () => remove(index),
+                    "data-testid": `collection-media-input-item-delete-${index}`,
+                    children: /* @__PURE__ */ jsx3(XMark2, {})
+                  }
+                )
+              ] })
+            ]
+          },
+          item.field_id ?? `${item.url}-${index}`
+        ))
+      }
+    )
+  ] });
+};
+var CollectionMediaItemMenu = ({
+  item,
+  onToggleThumbnail,
+  onToggleBanner,
+  onDelete,
+  testId
+}) => {
+  const { t } = useTranslation3();
+  return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx3(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx3(IconButton2, { size: "small", variant: "transparent", "data-testid": testId, children: /* @__PURE__ */ jsx3(EllipsisHorizontal, {}) }) }),
+    /* @__PURE__ */ jsxs3(DropdownMenu.Content, { children: [
+      /* @__PURE__ */ jsx3(
+        MenuItemWithTooltip,
+        {
+          icon: /* @__PURE__ */ jsx3(ThumbnailBadge, {}),
+          label: item.is_thumbnail ? t("collections.media.actions.removeThumbnail") : t("collections.media.actions.setThumbnail"),
+          tooltip: t("collections.media.tooltips.thumbnail"),
+          onClick: onToggleThumbnail
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        MenuItemWithTooltip,
+        {
+          icon: /* @__PURE__ */ jsx3(FeaturedBadge, {}),
+          label: item.is_banner ? t("collections.media.actions.removeBanner") : t("collections.media.actions.setBanner"),
+          tooltip: t("collections.media.tooltips.banner"),
+          onClick: onToggleBanner
+        }
+      ),
+      /* @__PURE__ */ jsx3(DropdownMenu.Separator, {}),
+      /* @__PURE__ */ jsxs3(
+        DropdownMenu.Item,
+        {
+          className: "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+          onClick: onDelete,
+          children: [
+            /* @__PURE__ */ jsx3(Trash, {}),
+            /* @__PURE__ */ jsx3("span", { children: t("actions.delete") })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+var MenuItemWithTooltip = ({
+  icon,
+  label,
+  tooltip,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsxs3(
+    DropdownMenu.Item,
+    {
+      className: clx(
+        "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+        "justify-between"
+      ),
+      onClick,
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
+          icon,
+          /* @__PURE__ */ jsx3("span", { children: label })
+        ] }),
+        /* @__PURE__ */ jsx3(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsx3(InformationCircleSolid, { className: "text-ui-fg-muted" }) })
+      ]
+    }
+  );
+};
+
+export {
+  COLLECTION_IMAGE_FORMATS,
+  getCollectionGallery,
+  getCollectionIcon,
+  CollectionMediaInput,
+  CollectionIconInput,
+  CollectionIconTip,
+  uploadCollectionImages
+};

package/dist/{chunk-WETV577Q.js → chunk-CPWOVYZE.js}

@@ -106,7 +106,7 @@ import {
 } from "./chunk-VYMODH6P.js";
 import {
   useCustomer
-} from "./chunk-PRBE5CM3.js";
+} from "./chunk-QYDWMBEX.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-JQV7CXEC.js → chunk-EDDKIVMF.js}

@@ -1,12 +1,18 @@
+import {
+  getCollectionGallery
+} from "./chunk-BN6OOLJA.js";
 import {
   TextCell
 } from "./chunk-JHIMVLB2.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
 
 // src/hooks/table/columns/use-collection-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
 var useCollectionTableColumns = () => {
   const { t } = useTranslation();
@@ -14,7 +20,16 @@ var useCollectionTableColumns = () => {
     () => [
       columnHelper.accessor("title", {
         header: t("fields.title"),
-        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+        cell: ({ getValue, row }) => {
+          const gallery = getCollectionGallery(
+            row.original.images
+          );
+          const thumbnailSrc = gallery.find((image) => image.is_thumbnail)?.url ?? gallery[0]?.url ?? null;
+          return /* @__PURE__ */ jsxs("div", { className: "flex size-full items-center gap-x-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx(Thumbnail, { src: thumbnailSrc }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: getValue() })
+          ] });
+        }
       }),
       columnHelper.accessor("handle", {
         header: t("fields.handle"),

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

@@ -9694,6 +9694,57 @@ var en_default = {
         successToast_one: "Product was successfully removed from the collection.",
         successToast_other: "Products were successfully removed from the collection."
       }
+    },
+    media: {
+      label: "Media",
+      thumbnail: "Thumbnail",
+      banner: "Banner",
+      galleryLabel: "Gallery",
+      editHint: "Add media to the collection 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 collection thumbnail on the homepage.",
+        banner: "Shown as the collection banner in the collection 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: "Collection media was successfully updated."
+      }
+    },
+    icon: {
+      label: "Icon",
+      empty: {
+        header: "No icon yet",
+        description: "Add icon to showcase it near the collection label on the storefront."
+      },
+      tip: {
+        label: "Tip:",
+        text: "This icon will appear near the collection 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 collection label on the storefront.",
+        successToast: "Collection icon was successfully updated."
+      }
     }
   },
   categories: {
@@ -9965,6 +10016,11 @@ var en_default = {
         header: "Create Address",
         hint: "Create a new address for the customer.",
         successToast: "Address was successfully created."
+      },
+      edit: {
+        header: "Edit Address",
+        hint: "Edit the customer's address.",
+        successToast: "Address was successfully updated."
       }
     }
   },
@@ -12227,6 +12283,7 @@ var en_default = {
     refundAmount: "Refund amount",
     name: "Name",
     note: "Note",
+    owner: "Owner",
     optional: "Optional",
     selectPlaceholder: "Select",
     default: "Default",
@@ -12616,15 +12673,20 @@ var en_default = {
       header: "Create Commission Rule",
       details: "Details",
       commission: "Commission",
-      successToast: "Commission rule created"
+      successToast: "Commission rule was successfully created."
     },
     edit: {
       header: "Edit Commission Rule",
-      successToast: "Commission rule updated"
+      successToast: "Commission rule was successfully updated."
+    },
+    commissionEdit: {
+      header: "Edit Commission",
+      successToast: "Commission was successfully updated."
     },
     delete: {
-      description: "Are you sure you want to delete this commission rule?",
-      successToast: "Commission rule deleted"
+      title: "Delete commission rule",
+      description: "You are about to delete commission rule {{name}}. This action cannot be undone.",
+      successToast: "Commission rule was successfully deleted."
     },
     fields: {
       code: "Code",
@@ -12641,7 +12703,9 @@ var en_default = {
       type: {
         label: "Type",
         percentage: "Percentage",
-        fixed: "Fixed"
+        fixed: "Fixed",
+        percentageHint: "Charge a percentage of the order total.",
+        fixedHint: "Charge a fixed amount per order."
       },
       scopeType: {
         label: "Type",
@@ -12649,7 +12713,12 @@ var en_default = {
         productType: "Product Type",
         category: "Category",
         storeProductType: "Store + Product Type",
-        storeCategory: "Store + Category"
+        storeCategory: "Store + Category",
+        storeHint: "Apply to specific stores.",
+        productTypeHint: "Apply to specific product types.",
+        categoryHint: "Apply to specific categories.",
+        storeProductTypeHint: "Apply to product types within specific stores.",
+        storeCategoryHint: "Apply to categories within specific stores."
       }
     },
     global: {
@@ -12663,7 +12732,7 @@ var en_default = {
       notIncluded: "Not included in commission",
       edit: {
         header: "Edit Global Commission",
-        successToast: "Global commission updated"
+        successToast: "Global commission was successfully updated."
       }
     },
     rules: {
@@ -12674,6 +12743,10 @@ var en_default = {
         type: "Type",
         value: "Value",
         status: "Status"
+      },
+      empty: {
+        heading: "No commission rules yet",
+        description: "Create a commission rule to override the global commission for specific stores, product types, or categories."
       }
     },
     status: {

package/dist/{chunk-SJKLYS3R.js → chunk-IO5S4RFO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4F5GP7J7.js";
 import {
   useDeletePriceListAction
-} from "./chunk-MHVZVF6O.js";
+} from "./chunk-PT3DTHQK.js";
 import {
   getPriceListStatus
 } from "./chunk-U5MJIHLY.js";
@@ -29,10 +29,10 @@ import {
 import {
   usePriceList,
   usePriceListLinkProducts
-} from "./chunk-Z2UBJXTU.js";
+} from "./chunk-RDTFLHYO.js";
 import {
   useCustomerGroups
-} from "./chunk-PRBE5CM3.js";
+} from "./chunk-QYDWMBEX.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

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

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

package/dist/{chunk-FFNSWUDC.js → chunk-LNPJFQWA.js}

@@ -1,9 +1,9 @@
 import {
   useCustomerGroupTableFilters
-} from "./chunk-CMHI2RPL.js";
+} from "./chunk-AKSUGT5I.js";
 import {
   useCustomerGroupTableQuery
-} from "./chunk-VKOE5J66.js";
+} from "./chunk-3XOE4NV5.js";
 import {
   _DataTable,
   useDataTable
@@ -17,7 +17,7 @@ import {
 import {
   useCustomerGroups,
   useDeleteCustomerGroupLazy
-} from "./chunk-PRBE5CM3.js";
+} from "./chunk-QYDWMBEX.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -71,7 +71,7 @@ var CustomerGroupListDataTable = () => {
   const { customer_groups, count, isPending, isError, error } = useCustomerGroups(
     {
       ...searchParams,
-      fields: "id,name,created_at,updated_at,customers.id"
+      fields: "id,name,created_at,updated_at,customers.id,seller.id,seller.name"
     },
     {
       placeholderData: keepPreviousData
@@ -202,6 +202,13 @@ var useColumns = () => {
           return /* @__PURE__ */ jsx("span", { children: row.original.customers?.length ?? 0 });
         }
       }),
+      columnHelper.display({
+        id: "owner",
+        header: t("fields.owner"),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx("span", { "data-testid": `customer-group-owner-${row.original.id}`, children: row.original.seller?.name ?? "-" });
+        }
+      }),
       columnHelper.accessor("created_at", {
         header: t("fields.createdAt"),
         cell: ({ row }) => {

package/dist/{chunk-KXIA66EJ.js → chunk-PAEKCYFU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-QG6PLWNH.js";
 import {
   useCustomerTableFilters
-} from "./chunk-I5THQVYP.js";
+} from "./chunk-XIFE4VUR.js";
 import {
   useCustomerTableQuery
 } from "./chunk-PVZBDWLK.js";
@@ -19,7 +19,7 @@ import {
   useCustomers,
   useDeleteCustomerGroup,
   useRemoveCustomersFromGroup
-} from "./chunk-PRBE5CM3.js";
+} from "./chunk-QYDWMBEX.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -304,12 +304,16 @@ var CustomerGroupGeneralSection = ({
     /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-customers-row", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-group-general-section-customers-label", children: t("customers.domain") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", "data-testid": "customer-group-general-section-customers-value", children: group.customers?.length || "-" })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-owner-row", children: [
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-group-general-section-owner-label", children: t("fields.owner") }),
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", "data-testid": "customer-group-general-section-owner-value", children: group.seller?.name || "-" })
     ] })
   ] });
 };
 
 // src/pages/customer-groups/customer-group-detail/constants.ts
-var CUSTOMER_GROUP_DETAIL_FIELDS = "+customers.id";
+var CUSTOMER_GROUP_DETAIL_FIELDS = "+customers.id,+seller.id,+seller.name";
 
 // src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";