@mercurjs/vendor 2.2.1 → 2.3.0-canary.0

package/dist/{[id]-SKU5SFBG.js → [id]-4IWSF6TW.js}

@@ -4,11 +4,15 @@ import {
 import {
   DateRangeDisplay
 } from "./chunk-BWGPN6XV.js";
+import {
+  campaignStatus,
+  statusColor
+} from "./chunk-WP3B4NEU.js";
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-EJBOBB4B.js";
-import "./chunk-GTNCNKTC.js";
+} from "./chunk-V3N2Y4OL.js";
+import "./chunk-NP5TISFX.js";
 import "./chunk-JHIMVLB2.js";
 import {
   usePromotionTableFilters
@@ -16,10 +20,7 @@ import {
 import "./chunk-MDABSESI.js";
 import "./chunk-FMFVTERD.js";
 import "./chunk-PHOCVOZ5.js";
-import {
-  currencies
-} from "./chunk-IQPN4PZJ.js";
-import "./chunk-UUBGLS7U.js";
+import "./chunk-V43BEBDT.js";
 import {
   TwoColumnPage
 } from "./chunk-YV6MK4PZ.js";
@@ -27,7 +28,7 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-IWAL74YU.js";
+} from "./chunk-6GQLSWOO.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
@@ -47,6 +48,7 @@ import {
   promotionsQueryKeys,
   useCampaign,
   useDeleteCampaign,
+  usePromotions,
   useRemovePromotionFromCampaign
 } from "./chunk-MR6REQKT.js";
 import {
@@ -82,83 +84,93 @@ import { useLoaderData, useParams } from "react-router-dom";
 import { WidgetZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/campaigns/[id]/_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 { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
+var BudgetRow = ({
+  label,
+  value,
+  action,
+  divider
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: divider ? "border-b border-ui-border-base" : "",
+    children: /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-component text-ui-fg-subtle grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_28px] items-center gap-4 px-3 py-2", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: label }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: value }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: action })
+    ] })
+  }
+);
 var CampaignBudget = ({ campaign }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Container, { className: "flex flex-col gap-y-4 px-6 py-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-grow", children: [
-        /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base shadow-borders-base float-left 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: /* @__PURE__ */ jsx(ChartPie, { className: "text-ui-fg-subtle" }) }) }),
-        /* @__PURE__ */ jsx(
-          Heading,
-          {
-            className: "text-ui-fg-subtle ml-10 mt-[1.5px] font-normal",
-            level: "h3",
-            children: t("campaigns.fields.budget_limit")
-          }
-        )
-      ] }),
+  const budget = campaign.budget;
+  const isSpend = budget?.type === "spend";
+  const currency = budget?.currency_code?.toUpperCase();
+  const formatAmount = (amount) => isSpend && currency ? `${amount} ${currency}` : `${amount}`;
+  const attributeLabel = budget?.attribute ? t(`campaigns.budget.attribute.${budget.attribute}`, {
+    defaultValue: budget.attribute
+  }) : "-";
+  return /* @__PURE__ */ jsxs(Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("campaigns.budget.details") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-3 px-6 pb-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle bg-ui-bg-component shadow-elevation-card-rest flex size-7 shrink-0 items-center justify-center rounded-md", children: isSpend ? /* @__PURE__ */ jsx(CurrencyDollar, {}) : /* @__PURE__ */ jsx(ChartPie, {}) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: isSpend ? t("campaigns.budget.type.spend.title") : t("campaigns.budget.type.usage.title") }),
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: isSpend ? t("campaigns.budget.type.spend.description") : t("campaigns.budget.type.usage.description") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "px-3 pb-3", children: /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: [
       /* @__PURE__ */ jsx(
-        ActionMenu,
+        BudgetRow,
         {
-          groups: [
+          label: t("campaigns.fields.total_used"),
+          value: formatAmount(budget?.used ?? 0),
+          divider: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        BudgetRow,
+        {
+          label: t("campaigns.fields.budget_limit"),
+          value: budget?.limit != null ? formatAmount(budget.limit) : "-",
+          divider: !isSpend,
+          action: /* @__PURE__ */ jsx(
+            ActionMenu,
             {
-              actions: [
+              groups: [
                 {
-                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
-                  label: t("actions.edit"),
-                  to: `edit-budget`
+                  actions: [
+                    {
+                      icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                      label: t("actions.edit"),
+                      to: "edit-budget"
+                    }
+                  ]
                 }
               ]
             }
-          ]
+          )
+        }
+      ),
+      !isSpend && /* @__PURE__ */ jsx(
+        BudgetRow,
+        {
+          label: t("campaigns.budget.fields.budgetAttribute"),
+          value: attributeLabel
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-      Text,
-      {
-        className: "text-ui-fg-subtle border-ui-border-strong border-l-4 pl-3",
-        size: "small",
-        leading: "compact",
-        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"
-                },
-                "amount"
-              ),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "text-ui-fg-base txt-compact-medium-plus text-lg"
-                },
-                "currency"
-              )
-            ]
-          }
-        )
-      }
-    ) }),
+    ] }) }),
+    /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "campaign", zone: "spend", data: campaign }),
     /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "campaign", zone: "budget", data: campaign })
   ] });
 };
 
 // src/pages/campaigns/[id]/_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 as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
@@ -167,8 +179,8 @@ var CampaignConfigurationSection = ({
   campaign
 }) => {
   const { t } = useTranslation2();
-  return /* @__PURE__ */ jsxs2(Container2, { className: "flex flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxs2(Container2, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 pt-6", children: [
       /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("campaigns.configuration.header") }),
       /* @__PURE__ */ jsx2(
         ActionMenu,
@@ -187,14 +199,17 @@ var CampaignConfigurationSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2(
-      DateRangeDisplay,
-      {
-        startsAt: campaign.starts_at,
-        endsAt: campaign.ends_at,
-        showTime: true
-      }
-    ),
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-4 px-3 pb-3 pt-4", children: [
+      /* @__PURE__ */ jsx2(
+        DateRangeDisplay,
+        {
+          startsAt: campaign.starts_at,
+          endsAt: campaign.ends_at,
+          showTime: true
+        }
+      ),
+      /* @__PURE__ */ jsx2(InlineTip, { variant: "warning", label: t("general.warning"), children: t("campaigns.configuration.expiryWarning") })
+    ] }),
     /* @__PURE__ */ jsx2(
       DisplayExtensionZone2,
       {
@@ -209,7 +224,6 @@ var CampaignConfigurationSection = ({
 // src/pages/campaigns/[id]/_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,
@@ -220,36 +234,6 @@ import {
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { DisplayExtensionZone as DisplayExtensionZone3, 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/[id]/_components/campaign-general-section/campaign-general-section.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var CampaignGeneralSection = ({
   campaign
@@ -326,19 +310,6 @@ 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", children: [
-          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("campaigns.fields.identifier") }),
-          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", children: campaign.campaign_identifier })
-        ] })
-      }
-    ),
     /* @__PURE__ */ jsx3(
       DisplayField,
       {
@@ -352,19 +323,16 @@ var CampaignGeneralSection = ({
         ] })
       }
     ),
-    campaign?.budget && campaign.budget.type === "spend" && /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx3(
       DisplayField,
       {
         model: "campaign",
         zone: "general",
-        id: "currency_code",
+        id: "campaign_identifier",
         data: campaign,
         children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.currency") }),
-          /* @__PURE__ */ jsxs3("div", { children: [
-            /* @__PURE__ */ jsx3(Badge, { size: "xsmall", children: campaign?.budget.currency_code }),
-            /* @__PURE__ */ jsx3(Text2, { className: "inline pl-3", size: "small", leading: "compact", children: currencies[campaign?.budget.currency_code?.toUpperCase()]?.name })
-          ] })
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("campaigns.fields.identifier") }),
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", children: campaign.campaign_identifier })
         ] })
       }
     ),
@@ -378,8 +346,7 @@ var CampaignGeneralSection = ({
           "name",
           "status",
           "campaign_identifier",
-          "description",
-          "currency_code"
+          "description"
         ]
       }
     )
@@ -388,7 +355,14 @@ var CampaignGeneralSection = ({
 
 // src/pages/campaigns/[id]/_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";
@@ -403,16 +377,20 @@ var CampaignPromotionSection = ({
   const { t } = useTranslation4();
   const prompt = usePrompt2();
   const columns = useColumns();
-  const filters = usePromotionTableFilters();
-  const { raw } = usePromotionTableQuery({
+  const filters = usePromotionTableFilters().filter(
+    (filter) => filter.key !== "campaign_id"
+  );
+  const { raw, searchParams } = usePromotionTableQuery({
     pageSize: PAGE_SIZE
   });
-  const promotions = campaign.promotions;
-  const count = promotions?.length ?? 0;
+  const { promotions, count, isLoading } = usePromotions({
+    ...searchParams,
+    campaign_id: campaign.id
+  });
   const { table } = useDataTable({
     data: promotions ?? [],
     columns,
-    count,
+    count: count ?? 0,
     getRowId: (row) => row.id,
     enablePagination: true,
     enableRowSelection: true,
@@ -432,7 +410,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) {
@@ -452,6 +430,9 @@ var CampaignPromotionSection = ({
     queryClient.invalidateQueries({
       queryKey: promotionsQueryKeys.all
     });
+    toast2.success(
+      t("campaigns.promotions.toast.removed", { count: keys.length })
+    );
     setRowSelection({});
   };
   return /* @__PURE__ */ jsxs4(Container4, { className: "divide-y p-0", children: [
@@ -465,8 +446,8 @@ var CampaignPromotionSection = ({
         table,
         columns,
         pageSize: PAGE_SIZE,
-        isLoading: false,
-        count,
+        isLoading,
+        count: count ?? 0,
         navigateTo: (row) => `/promotions/${row.id}`,
         filters,
         search: true,
@@ -492,6 +473,7 @@ var CampaignPromotionSection = ({
           }
         ],
         noRecords: {
+          title: t("campaigns.promotions.list.noRecordsTitle"),
           message: t("campaigns.promotions.list.noRecordsMessage")
         }
       }
@@ -518,13 +500,18 @@ var PromotionActions = ({ promotion }) => {
       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();
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast2.success(t("campaigns.promotions.toast.removed", { count: 1 }));
+      },
+      onError: (error) => toast2.error(error.message)
+    });
   };
   return /* @__PURE__ */ jsx4(
     ActionMenu,
@@ -581,7 +568,7 @@ var useColumns = () => {
           );
         }
       }),
-      ...columns,
+      ...columns.filter((column) => column.id !== "campaign"),
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
@@ -593,86 +580,33 @@ var useColumns = () => {
   );
 };
 
-// src/pages/campaigns/[id]/_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 { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
-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", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "mb-2 grid grid-cols-[28px_1fr] items-center gap-x-3", children: [
-      /* @__PURE__ */ jsx5("div", { className: "bg-ui-bg-base shadow-borders-base flex size-7 items-center justify-center rounded-md", 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", children: campaign.budget?.type === "spend" ? t("campaigns.fields.total_spend") : t("campaigns.fields.total_used") })
-    ] }),
-    /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5(
-      Text3,
-      {
-        className: "text-ui-fg-subtle border-ui-border-strong border-l-4 pl-3",
-        size: "small",
-        leading: "compact",
-        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"
-                },
-                "amount"
-              ),
-              /* @__PURE__ */ jsx5(
-                "span",
-                {
-                  className: "text-ui-fg-base txt-compact-medium-plus text-lg"
-                },
-                "currency"
-              )
-            ]
-          }
-        )
-      }
-    ) }),
-    /* @__PURE__ */ jsx5(DisplayExtensionZone5, { model: "campaign", zone: "spend", data: campaign })
-  ] });
-};
-
 // src/pages/campaigns/[id]/campaign-detail-page.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
-  const { searchParams } = usePromotionTableQuery({});
   const linkQuery = useLinkQuery("campaign", CAMPAIGN_DETAIL_FIELDS);
   const { campaign, isLoading, isError, error } = useCampaign(
     id,
-    { ...searchParams, ...linkQuery },
+    { ...linkQuery },
     {
       placeholderData: initialData
     }
   );
   if (isLoading || !campaign) {
-    return /* @__PURE__ */ jsx6(TwoColumnPageSkeleton, { mainSections: 2, sidebarSections: 3 });
+    return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 2, sidebarSections: 2 });
   }
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx6(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs6(TwoColumnPage, { hasOutlet: true, data: campaign, 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 /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { hasOutlet: true, data: campaign, 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 })
     ] }) })
   ] }) });
 };
@@ -682,7 +616,6 @@ var CampaignDetailPage = Object.assign(Root, {
   MainGeneralSection: CampaignGeneralSection,
   MainPromotionSection: CampaignPromotionSection,
   SidebarConfigurationSection: CampaignConfigurationSection,
-  SidebarSpend: CampaignSpend,
   SidebarBudget: CampaignBudget
 });
 export {