@mercurjs/admin 2.2.1 → 2.3.0-canary.0

package/dist/{chunk-KV2LVBNH.js → chunk-6ZVRNI5K.js}

@@ -1,29 +1,30 @@
+import {
+  campaignStatus,
+  statusColor
+} from "./chunk-WP3B4NEU.js";
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-LVPTTWYC.js";
+} from "./chunk-7ZY7R6PG.js";
 import {
   usePromotionTableFilters
-} from "./chunk-JU5ALCEN.js";
+} from "./chunk-J4SYK3RT.js";
 import {
   DateRangeDisplay
 } from "./chunk-RK5N3XIX.js";
-import {
-  currencies
-} from "./chunk-IQPN4PZJ.js";
 import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   useAddOrRemoveCampaignPromotions,
   useCampaign,
   useDeleteCampaign,
   usePromotions
-} from "./chunk-RLOKMTTN.js";
+} from "./chunk-E5PC2WDZ.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -37,88 +38,131 @@ import { useLoaderData, useParams } from "react-router-dom";
 import { WidgetZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/campaigns/campaign-detail/components/campaign-budget/campaign-budget.tsx
-import { ChartPie, PencilSquare } from "@medusajs/icons";
+import { ChartPie, CurrencyDollar, PencilSquare } from "@medusajs/icons";
 import { Container, Heading, Text } from "@medusajs/ui";
-import { Trans, useTranslation } from "react-i18next";
+import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
-var CampaignBudget = ({ campaign }) => {
+var BudgetPills = ({ pills }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Container, { className: "flex flex-col gap-y-4 px-6 py-4", "data-testid": "campaign-budget-container", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between", "data-testid": "campaign-budget-header", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-grow", children: [
-        /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base shadow-borders-base float-start flex size-7 items-center justify-center rounded-md", "data-testid": "campaign-budget-icon-container", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component flex size-6 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx(ChartPie, { className: "text-ui-fg-subtle" }) }) }),
-        /* @__PURE__ */ jsx(
-          Heading,
-          {
-            className: "text-ui-fg-subtle ms-10 mt-[1.5px] font-normal",
-            level: "h3",
-            "data-testid": "campaign-budget-heading",
-            children: campaign.budget?.type === "use_by_attribute" ? t("campaigns.budget.fields.totalUsedByAttribute", {
-              attribute: campaign.budget?.attribute
-            }) : t("campaigns.fields.budget_limit")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        ActionMenu,
+  return /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: pills.map((pill, index) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: index < pills.length - 1 ? "border-b border-ui-border-base" : "",
+      children: /* @__PURE__ */ jsxs(
+        "div",
         {
-          groups: [
-            {
-              actions: [
-                {
-                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
-                  label: t("actions.edit"),
-                  to: `edit-budget`
-                }
-              ]
-            }
-          ],
-          "data-testid": "campaign-budget-action-menu"
+          className: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_28px] items-center gap-4 bg-ui-bg-component px-3 py-2",
+          "data-testid": pill.testId,
+          children: [
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                size: "small",
+                weight: "plus",
+                leading: "compact",
+                className: "text-ui-fg-subtle",
+                children: pill.label
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                size: "small",
+                leading: "compact",
+                className: "text-ui-fg-subtle",
+                children: pill.value
+              }
+            ),
+            pill.editTo ? /* @__PURE__ */ jsx(
+              ActionMenu,
+              {
+                groups: [
+                  {
+                    actions: [
+                      {
+                        icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                        label: t("actions.edit"),
+                        to: pill.editTo
+                      }
+                    ]
+                  }
+                ],
+                "data-testid": `${pill.testId}-action-menu`
+              }
+            ) : /* @__PURE__ */ jsx("span", {})
+          ]
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx("div", { "data-testid": "campaign-budget-limit", children: /* @__PURE__ */ jsx(
-      Text,
+    },
+    pill.testId
+  )) });
+};
+var ATTRIBUTE_LABEL_KEYS = {
+  customer_id: "fields.customer",
+  customer_email: "fields.email",
+  promotion_code: "fields.promotionCode"
+};
+var CampaignBudget = ({ campaign }) => {
+  const { t } = useTranslation();
+  const budget = campaign.budget;
+  const isSpend = budget?.type === "spend";
+  const currency = isSpend ? ` ${budget?.currency_code?.toUpperCase()}` : "";
+  const usedValue = `${budget?.used ?? 0}${currency}`;
+  const limitValue = budget?.limit ? `${budget.limit}${currency}` : t("campaigns.budget.fields.noLimit");
+  const attributeKey = budget?.attribute ? ATTRIBUTE_LABEL_KEYS[budget.attribute] : void 0;
+  const pills = [
+    {
+      label: t("campaigns.fields.budget_used"),
+      value: usedValue,
+      testId: "campaign-budget-used"
+    },
+    {
+      label: t("campaigns.fields.budget_limit"),
+      value: limitValue,
+      testId: "campaign-budget-limit",
+      editTo: "edit-budget"
+    }
+  ];
+  if (!isSpend) {
+    pills.push({
+      label: t("campaigns.budget.fields.budgetAttribute"),
+      value: attributeKey ? t(attributeKey) : "-",
+      testId: "campaign-budget-attribute"
+    });
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "p-0", "data-testid": "campaign-budget-container", children: [
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        className: "text-ui-fg-subtle border-ui-border-strong border-l-4 ps-3",
-        size: "small",
-        leading: "compact",
-        "data-testid": "campaign-budget-limit-text",
-        children: /* @__PURE__ */ jsx(
-          Trans,
-          {
-            i18nKey: "campaigns.totalSpend",
-            values: {
-              amount: campaign?.budget?.limit || "no limit",
-              currency: campaign?.budget?.type === "spend" && campaign?.budget.limit ? campaign.budget?.currency_code : ""
-            },
-            components: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "text-ui-fg-base txt-compact-medium-plus text-lg",
-                  "data-testid": "campaign-budget-limit-amount"
-                },
-                "amount"
-              ),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "text-ui-fg-base txt-compact-medium-plus text-lg",
-                  "data-testid": "campaign-budget-limit-currency"
-                },
-                "currency"
-              )
-            ]
-          }
-        )
+        className: "flex items-center justify-between px-6 py-4",
+        "data-testid": "campaign-budget-header",
+        children: /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "campaign-budget-heading", children: t("campaigns.budget.title") })
       }
-    ) })
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-x-3 px-6",
+          "data-testid": "campaign-budget-subtitle",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base shadow-borders-base flex size-7 items-center justify-center rounded-md", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component flex size-6 items-center justify-center rounded-[4px]", children: isSpend ? /* @__PURE__ */ jsx(CurrencyDollar, { className: "text-ui-fg-subtle" }) : /* @__PURE__ */ jsx(ChartPie, { className: "text-ui-fg-subtle" }) }) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t(`campaigns.budget.type.${isSpend ? "spend" : "usage"}.title`) }),
+              /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t(
+                `campaigns.budget.type.${isSpend ? "spend" : "usage"}.description`
+              ) })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "px-3 pb-3", children: /* @__PURE__ */ jsx(BudgetPills, { pills }) })
+    ] })
   ] });
 };
 
 // src/pages/campaigns/campaign-detail/components/campaign-configuration-section/campaign-configuration-section.tsx
-import { Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { Container as Container2, Heading as Heading2, InlineTip } from "@medusajs/ui";
 import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
@@ -127,8 +171,8 @@ var CampaignConfigurationSection = ({
   campaign
 }) => {
   const { t } = useTranslation2();
-  return /* @__PURE__ */ jsxs2(Container2, { className: "flex flex-col gap-y-4", "data-testid": "campaign-configuration-section-container", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", "data-testid": "campaign-configuration-section-header", children: [
+  return /* @__PURE__ */ jsxs2(Container2, { className: "flex flex-col gap-y-4 p-0", "data-testid": "campaign-configuration-section-container", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 pt-6", "data-testid": "campaign-configuration-section-header", children: [
       /* @__PURE__ */ jsx2(Heading2, { level: "h2", "data-testid": "campaign-configuration-section-heading", children: t("campaigns.configuration.header") }),
       /* @__PURE__ */ jsx2(
         ActionMenu,
@@ -148,15 +192,26 @@ var CampaignConfigurationSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2(
-      DateRangeDisplay,
-      {
-        startsAt: campaign.starts_at,
-        endsAt: campaign.ends_at,
-        showTime: true,
-        "data-testid": "campaign-configuration-section-date-range"
-      }
-    ),
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-4 px-3 pb-3", children: [
+      /* @__PURE__ */ jsx2(
+        DateRangeDisplay,
+        {
+          startsAt: campaign.starts_at,
+          endsAt: campaign.ends_at,
+          showTime: true,
+          "data-testid": "campaign-configuration-section-date-range"
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        InlineTip,
+        {
+          variant: "warning",
+          label: t("campaigns.configuration.expiryWarningLabel"),
+          "data-testid": "campaign-configuration-section-expiry-warning",
+          children: t("campaigns.configuration.expiryWarning")
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx2(
       DisplayExtensionZone,
       {
@@ -171,7 +226,6 @@ var CampaignConfigurationSection = ({
 // src/pages/campaigns/campaign-detail/components/campaign-general-section/campaign-general-section.tsx
 import { PencilSquare as PencilSquare3, Trash } from "@medusajs/icons";
 import {
-  Badge,
   Container as Container3,
   Heading as Heading3,
   StatusBadge,
@@ -182,43 +236,13 @@ import {
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
-
-// src/pages/campaigns/common/utils/campaign-status.ts
-import { isAfter, isBefore } from "date-fns";
-function campaignStatus(campaign) {
-  if (campaign.ends_at) {
-    if (isBefore(new Date(campaign.ends_at), /* @__PURE__ */ new Date())) {
-      return "expired";
-    }
-  }
-  if (campaign.starts_at) {
-    if (isAfter(new Date(campaign.starts_at), /* @__PURE__ */ new Date())) {
-      return "scheduled";
-    }
-  }
-  return "active";
-}
-var statusColor = (status) => {
-  switch (status) {
-    case "expired":
-      return "red";
-    case "scheduled":
-      return "orange";
-    case "active":
-      return "green";
-    default:
-      return "grey";
-  }
-};
-
-// src/pages/campaigns/campaign-detail/components/campaign-general-section/campaign-general-section.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var GENERAL_FIELD_IDS = [
   "name",
   "status",
   "campaign_identifier",
   "description",
-  "currency_code"
+  "owner"
 ];
 var CampaignGeneralSection = ({
   campaign
@@ -241,11 +265,7 @@ var CampaignGeneralSection = ({
     }
     await mutateAsync(void 0, {
       onSuccess: () => {
-        toast.success(
-          t("campaigns.delete.successToast", {
-            name: campaign.name
-          })
-        );
+        toast.success(t("campaigns.delete.successToast"));
         navigate("/campaigns", { replace: true });
       },
       onError: (error) => {
@@ -287,20 +307,17 @@ var CampaignGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "campaign_identifier", data: campaign, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-identifier", children: [
-      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "campaign-general-section-identifier-label", children: t("campaigns.fields.identifier") }),
-      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "campaign-general-section-identifier-value", children: campaign.campaign_identifier })
-    ] }) }),
     /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "description", data: campaign, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-description", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "campaign-general-section-description-label", children: t("fields.description") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "campaign-general-section-description-value", children: campaign.description || "-" })
     ] }) }),
-    campaign?.budget && campaign.budget.type === "spend" && /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "currency_code", data: campaign, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-currency", children: [
-      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "campaign-general-section-currency-label", children: t("fields.currency") }),
-      /* @__PURE__ */ jsxs3("div", { "data-testid": "campaign-general-section-currency-value", children: [
-        /* @__PURE__ */ jsx3(Badge, { size: "xsmall", "data-testid": "campaign-general-section-currency-badge", children: campaign?.budget.currency_code }),
-        /* @__PURE__ */ jsx3(Text2, { className: "inline pl-3", size: "small", leading: "compact", "data-testid": "campaign-general-section-currency-name", children: currencies[campaign?.budget.currency_code?.toUpperCase()]?.name })
-      ] })
+    /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "campaign_identifier", data: campaign, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-identifier", children: [
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "campaign-general-section-identifier-label", children: t("campaigns.fields.identifier") }),
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "campaign-general-section-identifier-value", children: campaign.campaign_identifier })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "owner", data: campaign, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-owner", children: [
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "campaign-general-section-owner-label", children: t("campaigns.fields.owner") }),
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "campaign-general-section-owner-value", children: campaign.seller?.name ?? t("campaigns.fields.platformOwner") })
     ] }) }),
     /* @__PURE__ */ jsx3(
       DisplayExtensionZone2,
@@ -316,7 +333,14 @@ var CampaignGeneralSection = ({
 
 // src/pages/campaigns/campaign-detail/components/campaign-promotion-section/campaign-promotion-section.tsx
 import { PencilSquare as PencilSquare4, Trash as Trash2 } from "@medusajs/icons";
-import { Button, Checkbox, Container as Container4, Heading as Heading4, usePrompt as usePrompt2 } from "@medusajs/ui";
+import {
+  Button,
+  Checkbox,
+  Container as Container4,
+  Heading as Heading4,
+  toast as toast2,
+  usePrompt as usePrompt2
+} from "@medusajs/ui";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
@@ -362,7 +386,7 @@ var CampaignPromotionSection = ({
       description: t("campaigns.promotions.remove.description", {
         count: keys.length
       }),
-      confirmText: t("actions.continue"),
+      confirmText: t("actions.remove"),
       cancelText: t("actions.cancel")
     });
     if (!res) {
@@ -370,7 +394,15 @@ var CampaignPromotionSection = ({
     }
     await mutateAsync(
       { remove: keys },
-      { onSuccess: () => setRowSelection({}) }
+      {
+        onSuccess: () => {
+          toast2.success(
+            t("campaigns.promotions.toast.removed", { count: keys.length })
+          );
+          setRowSelection({});
+        },
+        onError: (err) => toast2.error(err.message)
+      }
     );
   };
   return /* @__PURE__ */ jsxs4(Container4, { className: "divide-y p-0", "data-testid": "campaign-promotion-section-container", children: [
@@ -405,6 +437,7 @@ var CampaignPromotionSection = ({
           }
         ],
         noRecords: {
+          title: t("campaigns.promotions.list.noRecordsTitle"),
           message: t("campaigns.promotions.list.noRecordsMessage")
         },
         "data-testid": "campaign-promotion-section-table"
@@ -428,15 +461,23 @@ var PromotionActions = ({
       description: t("campaigns.promotions.remove.description", {
         count: 1
       }),
-      confirmText: t("actions.continue"),
+      confirmText: t("actions.remove"),
       cancelText: t("actions.cancel")
     });
     if (!res) {
       return;
     }
-    await mutateAsync({
-      remove: [promotion.id]
-    });
+    await mutateAsync(
+      {
+        remove: [promotion.id]
+      },
+      {
+        onSuccess: () => toast2.success(
+          t("campaigns.promotions.toast.removed", { count: 1 })
+        ),
+        onError: (error) => toast2.error(error.message)
+      }
+    );
   };
   return /* @__PURE__ */ jsx4(
     ActionMenu,
@@ -467,7 +508,10 @@ var PromotionActions = ({
 };
 var columnHelper = createColumnHelper();
 var useColumns = () => {
-  const columns = usePromotionTableColumns();
+  const columns = usePromotionTableColumns({
+    exclude: ["campaign"],
+    order: ["code", "method", "type", "owner", "status"]
+  });
   return useMemo(
     () => [
       columnHelper.display({
@@ -515,63 +559,11 @@ var useColumns = () => {
   );
 };
 
-// src/pages/campaigns/campaign-detail/components/campaign-spend/campaign-spend.tsx
-import { CurrencyDollar } from "@medusajs/icons";
-import { Container as Container5, Heading as Heading5, Text as Text3 } from "@medusajs/ui";
-import { Trans as Trans2, useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var CampaignSpend = ({ campaign }) => {
-  const { t } = useTranslation5();
-  return /* @__PURE__ */ jsxs5(Container5, { className: "flex flex-col gap-y-4 px-6 py-4", "data-testid": "campaign-spend-container", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "mb-2 grid grid-cols-[28px_1fr] items-center gap-x-3", "data-testid": "campaign-spend-header", children: [
-      /* @__PURE__ */ jsx5("div", { className: "bg-ui-bg-base shadow-borders-base flex size-7 items-center justify-center rounded-md", "data-testid": "campaign-spend-icon-container", children: /* @__PURE__ */ jsx5("div", { className: "bg-ui-bg-component flex size-6 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx5(CurrencyDollar, { className: "text-ui-fg-subtle" }) }) }),
-      /* @__PURE__ */ jsx5(Heading5, { level: "h3", className: "text-ui-fg-subtle font-normal", "data-testid": "campaign-spend-heading", children: campaign.budget?.type === "use_by_attribute" ? t("campaigns.fields.totalUsedByAttribute") : campaign.budget?.type === "spend" ? t("campaigns.fields.total_spend") : t("campaigns.fields.total_used") })
-    ] }),
-    /* @__PURE__ */ jsx5("div", { "data-testid": "campaign-spend-value", children: /* @__PURE__ */ jsx5(
-      Text3,
-      {
-        className: "text-ui-fg-subtle border-ui-border-strong border-l-4 pl-3",
-        size: "small",
-        leading: "compact",
-        "data-testid": "campaign-spend-value-text",
-        children: /* @__PURE__ */ jsx5(
-          Trans2,
-          {
-            i18nKey: "campaigns.totalSpend",
-            values: {
-              amount: campaign?.budget?.used || 0,
-              currency: campaign?.budget?.type === "spend" ? campaign?.budget?.currency_code : ""
-            },
-            components: [
-              /* @__PURE__ */ jsx5(
-                "span",
-                {
-                  className: "text-ui-fg-base txt-compact-medium-plus text-lg",
-                  "data-testid": "campaign-spend-value-amount"
-                },
-                "amount"
-              ),
-              /* @__PURE__ */ jsx5(
-                "span",
-                {
-                  className: "text-ui-fg-base txt-compact-medium-plus text-lg",
-                  "data-testid": "campaign-spend-value-currency"
-                },
-                "currency"
-              )
-            ]
-          }
-        )
-      }
-    ) })
-  ] });
-};
-
 // src/pages/campaigns/campaign-detail/constants.ts
-var CAMPAIGN_DETAIL_FIELDS = "+promotions.id";
+var CAMPAIGN_DETAIL_FIELDS = "+promotions.id,+seller.name";
 
 // src/pages/campaigns/campaign-detail/campaign-detail.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
@@ -582,11 +574,11 @@ var Root = ({ children }) => {
     { initialData }
   );
   if (isLoading || !campaign) {
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx5(
       TwoColumnPageSkeleton,
       {
         mainSections: 2,
-        sidebarSections: 3,
+        sidebarSections: 2,
         showJSON: true,
         showMetadata: true
       }
@@ -595,15 +587,14 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, "data-testid": "campaign-detail-page", children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, "data-testid": "campaign-detail-page", children: [
-    /* @__PURE__ */ jsx6(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "campaigns.detail.main", data: campaign, children: [
-      /* @__PURE__ */ jsx6(CampaignGeneralSection, { campaign }),
-      /* @__PURE__ */ jsx6(CampaignPromotionSection, { campaign })
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx5(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, "data-testid": "campaign-detail-page", children }) : /* @__PURE__ */ jsxs5(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, "data-testid": "campaign-detail-page", children: [
+    /* @__PURE__ */ jsx5(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "campaigns.detail.main", data: campaign, children: [
+      /* @__PURE__ */ jsx5(CampaignGeneralSection, { campaign }),
+      /* @__PURE__ */ jsx5(CampaignPromotionSection, { campaign })
     ] }) }),
-    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "campaigns.detail.side", data: campaign, children: [
-      /* @__PURE__ */ jsx6(CampaignConfigurationSection, { campaign }),
-      /* @__PURE__ */ jsx6(CampaignSpend, { campaign }),
-      /* @__PURE__ */ jsx6(CampaignBudget, { campaign })
+    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "campaigns.detail.side", data: campaign, children: [
+      /* @__PURE__ */ jsx5(CampaignConfigurationSection, { campaign }),
+      /* @__PURE__ */ jsx5(CampaignBudget, { campaign })
     ] }) })
   ] });
 };
@@ -613,7 +604,6 @@ var CampaignDetailPage = Object.assign(Root, {
   MainGeneralSection: CampaignGeneralSection,
   MainPromotionSection: CampaignPromotionSection,
   SidebarConfigurationSection: CampaignConfigurationSection,
-  SidebarSpendSection: CampaignSpend,
   SidebarBudgetSection: CampaignBudget
 });
 

package/dist/{chunk-2ISHQHC2.js → chunk-73N66XQD.js}

@@ -1,6 +1,6 @@
 import {
   useCustomerGroupTableFilters
-} from "./chunk-LFNC565R.js";
+} from "./chunk-CFQX7HAW.js";
 import {
   useCustomerGroupTableQuery
 } from "./chunk-3XOE4NV5.js";
@@ -10,14 +10,14 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
 import {
   useCustomerGroups,
   useDeleteCustomerGroupLazy
-} from "./chunk-HOOIU4KF.js";
+} from "./chunk-XWOFQSGH.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-GYMFTVB4.js → chunk-7QZFRDTU.js}

@@ -1,7 +1,7 @@
 import {
   useDeleteCommissionRuleAction,
   useScopeReferenceNames
-} from "./chunk-34AHGPLC.js";
+} from "./chunk-JL3NKSLJ.js";
 import {
   formatCommissionValue,
   getIsActiveProps,
@@ -17,7 +17,7 @@ import {
 } from "./chunk-H6MYB7GB.js";
 import {
   useCommissionRule
-} from "./chunk-D5FHUQQK.js";
+} from "./chunk-CMVQ5SAG.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";