@mercurjs/admin 2.0.0-canary.34 → 2.0.0-canary.36

package/dist/{campaign-detail-4DO3S5UZ.js → chunk-Q6XCCONH.js}

@@ -1,128 +1,52 @@
-import {
-  DateRangeDisplay
-} from "./chunk-RK5N3XIX.js";
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-XE6KSRKQ.js";
-import "./chunk-HOZHWCST.js";
-import "./chunk-JHIMVLB2.js";
-import "./chunk-FMFVTERD.js";
-import "./chunk-DB6ANJBO.js";
-import "./chunk-FQERBIVS.js";
-import "./chunk-PHOCVOZ5.js";
+} from "./chunk-V2DXJ75C.js";
+import {
+  DateRangeDisplay
+} from "./chunk-RK5N3XIX.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-FLCYR7E5.js";
-import "./chunk-YBZWO4ZV.js";
-import "./chunk-KAZ5BYTQ.js";
-import "./chunk-3EF54XFY.js";
-import {
-  currencies
-} from "./chunk-IQPN4PZJ.js";
-import "./chunk-F5PEK3DA.js";
-import {
-  usePromotionTableFilters
-} from "./chunk-S2WEYEQR.js";
-import "./chunk-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
+} from "./chunk-ULJ3OMWU.js";
 import {
   TwoColumnPage
 } from "./chunk-U2UCL2VG.js";
+import {
+  currencies
+} from "./chunk-IQPN4PZJ.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
-import "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.js";
-import "./chunk-GPRBBA7S.js";
-import "./chunk-E7ZBQO6E.js";
-import "./chunk-XGHM75N2.js";
-import "./chunk-U2GCSKW3.js";
-import "./chunk-RTAIDSDS.js";
-import "./chunk-LW3UWYZU.js";
-import "./chunk-A4X5VP3G.js";
-import "./chunk-NNZP4PYP.js";
-import "./chunk-GF4QHVX3.js";
-import "./chunk-JOQ3RTF5.js";
-import "./chunk-V534K7G4.js";
-import "./chunk-A5XOYSDC.js";
-import "./chunk-TQI3DOQ5.js";
 import {
-  campaignsQueryKeys,
+  usePromotionTableFilters
+} from "./chunk-S2WEYEQR.js";
+import {
   useAddOrRemoveCampaignPromotions,
   useCampaign,
   useDeleteCampaign,
   usePromotions
 } from "./chunk-5PB7KCTF.js";
-import "./chunk-YOIARITB.js";
-import "./chunk-W7G64ULL.js";
-import "./chunk-6C7TCU42.js";
-import "./chunk-4YF3GAKE.js";
-import "./chunk-M3I52H3M.js";
-import "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
-import "./chunk-QSM56ZOP.js";
-import "./chunk-MIHEJ6Y6.js";
-import "./chunk-3VZV6SJQ.js";
-import "./chunk-K357FGGP.js";
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/campaigns/campaign-detail/constants.ts
-var CAMPAIGN_DETAIL_FIELDS = "+promotions.id";
-
-// src/pages/campaigns/campaign-detail/breadcrumb.tsx
-import { jsx } from "react/jsx-runtime";
-var CampaignDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { campaign } = useCampaign(
-    id,
-    {
-      fields: CAMPAIGN_DETAIL_FIELDS
-    },
-    {
-      initialData: props.data,
-      enabled: Boolean(id)
-    }
-  );
-  if (!campaign) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("span", { children: campaign.name });
-};
 
 // src/pages/campaigns/campaign-detail/campaign-detail.tsx
+import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
 // src/pages/campaigns/campaign-detail/components/campaign-budget/campaign-budget.tsx
 import { ChartPie, PencilSquare } from "@medusajs/icons";
 import { Container, Heading, Text } from "@medusajs/ui";
 import { Trans, useTranslation } from "react-i18next";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CampaignBudget = ({ campaign }) => {
   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__ */ jsx2("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__ */ jsx2("div", { className: "bg-ui-bg-component flex size-6 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx2(ChartPie, { className: "text-ui-fg-subtle" }) }) }),
-        /* @__PURE__ */ jsx2(
+        /* @__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",
@@ -134,14 +58,14 @@ var CampaignBudget = ({ campaign }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(
         ActionMenu,
         {
           groups: [
             {
               actions: [
                 {
-                  icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
                   label: t("actions.edit"),
                   to: `edit-budget`
                 }
@@ -152,14 +76,14 @@ var CampaignBudget = ({ campaign }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2("div", { "data-testid": "campaign-budget-limit", children: /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx("div", { "data-testid": "campaign-budget-limit", children: /* @__PURE__ */ jsx(
       Text,
       {
         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__ */ jsx2(
+        children: /* @__PURE__ */ jsx(
           Trans,
           {
             i18nKey: "campaigns.totalSpend",
@@ -168,7 +92,7 @@ var CampaignBudget = ({ campaign }) => {
               currency: campaign?.budget?.type === "spend" && campaign?.budget.limit ? campaign.budget?.currency_code : ""
             },
             components: [
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx(
                 "span",
                 {
                   className: "text-ui-fg-base txt-compact-medium-plus text-lg",
@@ -176,7 +100,7 @@ var CampaignBudget = ({ campaign }) => {
                 },
                 "amount"
               ),
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx(
                 "span",
                 {
                   className: "text-ui-fg-base txt-compact-medium-plus text-lg",
@@ -192,18 +116,60 @@ var CampaignBudget = ({ campaign }) => {
   ] });
 };
 
+// src/pages/campaigns/campaign-detail/components/campaign-configuration-section/campaign-configuration-section.tsx
+import { Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+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: [
+      /* @__PURE__ */ jsx2(Heading2, { level: "h2", "data-testid": "campaign-configuration-section-heading", children: t("campaigns.configuration.header") }),
+      /* @__PURE__ */ jsx2(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  icon: /* @__PURE__ */ jsx2(PencilSquare2, {}),
+                  to: "configuration"
+                }
+              ]
+            }
+          ],
+          "data-testid": "campaign-configuration-section-action-menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2(
+      DateRangeDisplay,
+      {
+        startsAt: campaign.starts_at,
+        endsAt: campaign.ends_at,
+        showTime: true,
+        "data-testid": "campaign-configuration-section-date-range"
+      }
+    )
+  ] });
+};
+
 // src/pages/campaigns/campaign-detail/components/campaign-general-section/campaign-general-section.tsx
-import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
+import { PencilSquare as PencilSquare3, Trash } from "@medusajs/icons";
 import {
   Badge,
-  Container as Container2,
-  Heading as Heading2,
+  Container as Container3,
+  Heading as Heading3,
   StatusBadge,
   Text as Text2,
   toast,
   usePrompt
 } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
+import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 
 // src/pages/campaigns/common/utils/campaign-status.ts
@@ -235,11 +201,11 @@ var statusColor = (status) => {
 };
 
 // src/pages/campaigns/campaign-detail/components/campaign-general-section/campaign-general-section.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var CampaignGeneralSection = ({
   campaign
 }) => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation3();
   const prompt = usePrompt();
   const navigate = useNavigate();
   const { mutateAsync } = useDeleteCampaign(campaign.id);
@@ -270,10 +236,10 @@ var CampaignGeneralSection = ({
     });
   };
   const status = campaignStatus(campaign);
-  return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "campaign-general-section-container", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "campaign-general-section-header", children: [
-      /* @__PURE__ */ jsx3(Heading2, { "data-testid": "campaign-general-section-name", children: campaign.name }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-4", children: [
+  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", "data-testid": "campaign-general-section-container", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "campaign-general-section-header", children: [
+      /* @__PURE__ */ jsx3(Heading3, { "data-testid": "campaign-general-section-name", children: campaign.name }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-4", children: [
         /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor(status), "data-testid": "campaign-general-section-status", children: t(`campaigns.status.${status}`) }),
         /* @__PURE__ */ jsx3(
           ActionMenu,
@@ -282,7 +248,7 @@ var CampaignGeneralSection = ({
               {
                 actions: [
                   {
-                    icon: /* @__PURE__ */ jsx3(PencilSquare2, {}),
+                    icon: /* @__PURE__ */ jsx3(PencilSquare3, {}),
                     label: t("actions.edit"),
                     to: `/campaigns/${campaign.id}/edit`
                   }
@@ -303,17 +269,17 @@ var CampaignGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-identifier", 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__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-description", 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__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-currency", children: [
+    campaign?.budget && campaign.budget.type === "spend" && /* @__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__ */ jsxs2("div", { "data-testid": "campaign-general-section-currency-value", children: [
+      /* @__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 })
       ] })
@@ -322,19 +288,19 @@ var CampaignGeneralSection = ({
 };
 
 // src/pages/campaigns/campaign-detail/components/campaign-promotion-section/campaign-promotion-section.tsx
-import { PencilSquare as PencilSquare3, Trash as Trash2 } from "@medusajs/icons";
-import { Button, Checkbox, Container as Container3, Heading as Heading3, usePrompt as usePrompt2 } from "@medusajs/ui";
+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 { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
+import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link } from "react-router-dom";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var CampaignPromotionSection = ({
   campaign
 }) => {
   const [rowSelection, setRowSelection] = useState({});
-  const { t } = useTranslation3();
+  const { t } = useTranslation4();
   const prompt = usePrompt2();
   const columns = useColumns();
   const filters = usePromotionTableFilters();
@@ -379,9 +345,9 @@ var CampaignPromotionSection = ({
       { onSuccess: () => setRowSelection({}) }
     );
   };
-  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", "data-testid": "campaign-promotion-section-container", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "campaign-promotion-section-header", children: [
-      /* @__PURE__ */ jsx4(Heading3, { level: "h2", "data-testid": "campaign-promotion-section-heading", children: t("promotions.domain") }),
+  return /* @__PURE__ */ jsxs4(Container4, { className: "divide-y p-0", "data-testid": "campaign-promotion-section-container", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "campaign-promotion-section-header", children: [
+      /* @__PURE__ */ jsx4(Heading4, { level: "h2", "data-testid": "campaign-promotion-section-heading", children: t("promotions.domain") }),
       /* @__PURE__ */ jsx4(Link, { to: `/campaigns/${campaign.id}/add-promotions`, children: /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "small", "data-testid": "campaign-promotion-section-add-button", children: t("general.add") }) })
     ] }),
     /* @__PURE__ */ jsx4(
@@ -422,7 +388,7 @@ var PromotionActions = ({
   promotion,
   campaignId
 }) => {
-  const { t } = useTranslation3();
+  const { t } = useTranslation4();
   const { mutateAsync } = useAddOrRemoveCampaignPromotions(campaignId);
   const prompt = usePrompt2();
   const handleRemove = async () => {
@@ -450,7 +416,7 @@ var PromotionActions = ({
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx4(PencilSquare3, {}),
+              icon: /* @__PURE__ */ jsx4(PencilSquare4, {}),
               label: t("actions.edit"),
               to: `/promotions/${promotion.id}/edit`
             }
@@ -522,15 +488,15 @@ var useColumns = () => {
 
 // src/pages/campaigns/campaign-detail/components/campaign-spend/campaign-spend.tsx
 import { CurrencyDollar } from "@medusajs/icons";
-import { Container as Container4, Heading as Heading4, Text as Text3 } from "@medusajs/ui";
-import { Trans as Trans2, useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+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 } = useTranslation4();
-  return /* @__PURE__ */ jsxs4(Container4, { className: "flex flex-col gap-y-4 px-6 py-4", "data-testid": "campaign-spend-container", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "mb-2 grid grid-cols-[28px_1fr] items-center gap-x-3", "data-testid": "campaign-spend-header", children: [
+  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(Heading4, { 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(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,
@@ -572,51 +538,12 @@ var CampaignSpend = ({ campaign }) => {
   ] });
 };
 
-// src/pages/campaigns/campaign-detail/components/campaign-configuration-section/campaign-configuration-section.tsx
-import { Container as Container5, Heading as Heading5 } from "@medusajs/ui";
-import { PencilSquare as PencilSquare4 } from "@medusajs/icons";
-import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var CampaignConfigurationSection = ({
-  campaign
-}) => {
-  const { t } = useTranslation5();
-  return /* @__PURE__ */ jsxs5(Container5, { className: "flex flex-col gap-y-4", "data-testid": "campaign-configuration-section-container", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", "data-testid": "campaign-configuration-section-header", children: [
-      /* @__PURE__ */ jsx6(Heading5, { level: "h2", "data-testid": "campaign-configuration-section-heading", children: t("campaigns.configuration.header") }),
-      /* @__PURE__ */ jsx6(
-        ActionMenu,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  icon: /* @__PURE__ */ jsx6(PencilSquare4, {}),
-                  to: "configuration"
-                }
-              ]
-            }
-          ],
-          "data-testid": "campaign-configuration-section-action-menu"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx6(
-      DateRangeDisplay,
-      {
-        startsAt: campaign.starts_at,
-        endsAt: campaign.ends_at,
-        showTime: true,
-        "data-testid": "campaign-configuration-section-date-range"
-      }
-    )
-  ] });
-};
+// src/pages/campaigns/campaign-detail/constants.ts
+var CAMPAIGN_DETAIL_FIELDS = "+promotions.id";
 
 // src/pages/campaigns/campaign-detail/campaign-detail.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var CampaignDetail = () => {
+import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
   const { campaign, isLoading, isError, error } = useCampaign(
@@ -625,7 +552,7 @@ var CampaignDetail = () => {
     { initialData }
   );
   if (isLoading || !campaign) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx6(
       TwoColumnPageSkeleton,
       {
         mainSections: 2,
@@ -638,31 +565,29 @@ var CampaignDetail = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs6(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, children: [
+  return /* @__PURE__ */ jsx6(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs6(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, children: [
     /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
-      /* @__PURE__ */ jsx7(CampaignGeneralSection, { campaign }),
-      /* @__PURE__ */ jsx7(CampaignPromotionSection, { campaign })
+      /* @__PURE__ */ jsx6(CampaignGeneralSection, { campaign }),
+      /* @__PURE__ */ jsx6(CampaignPromotionSection, { campaign })
     ] }),
     /* @__PURE__ */ jsxs6(TwoColumnPage.Sidebar, { children: [
-      /* @__PURE__ */ jsx7(CampaignConfigurationSection, { campaign }),
-      /* @__PURE__ */ jsx7(CampaignSpend, { campaign }),
-      /* @__PURE__ */ jsx7(CampaignBudget, { campaign })
+      /* @__PURE__ */ jsx6(CampaignConfigurationSection, { campaign }),
+      /* @__PURE__ */ jsx6(CampaignSpend, { campaign }),
+      /* @__PURE__ */ jsx6(CampaignBudget, { campaign })
     ] })
-  ] });
+  ] }) });
 };
-
-// src/pages/campaigns/campaign-detail/loader.ts
-var campaignDetailQuery = (id) => ({
-  queryKey: campaignsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.campaigns.$id.query({ $id: id, fields: CAMPAIGN_DETAIL_FIELDS })
+var CampaignDetail = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  MainGeneralSection: CampaignGeneralSection,
+  MainPromotionSection: CampaignPromotionSection,
+  SidebarConfigurationSection: CampaignConfigurationSection,
+  SidebarSpendSection: CampaignSpend,
+  SidebarBudgetSection: CampaignBudget
 });
-var campaignLoader = async ({ params }) => {
-  const id = params.id;
-  const query = campaignDetailQuery(id);
-  return queryClient.ensureQueryData(query);
-};
+
 export {
-  CampaignDetailBreadcrumb as Breadcrumb,
-  CampaignDetail as Component,
-  campaignLoader as loader
+  CAMPAIGN_DETAIL_FIELDS,
+  CampaignDetail
 };

package/dist/{payout-detail-PRYOQSGQ.js → chunk-QBOXELB5.js}

@@ -1,7 +1,6 @@
 import {
   getStylizedAmount
 } from "./chunk-PXYDR7WQ.js";
-import "./chunk-IQPN4PZJ.js";
 import {
   SingleColumnPage
 } from "./chunk-U2UCL2VG.js";
@@ -9,19 +8,11 @@ import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
-  payoutsQueryKeys,
   usePayout
 } from "./chunk-JOQ3RTF5.js";
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
 
 // src/pages/payouts/payout-detail/payout-detail.tsx
+import { Children } from "react";
 import { useParams } from "react-router-dom";
 
 // src/pages/payouts/payout-detail/components/payout-general-section.tsx
@@ -83,7 +74,7 @@ var PayoutGeneralSection = ({ payout }) => {
 
 // src/pages/payouts/payout-detail/payout-detail.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var PayoutDetail = () => {
+var Root = ({ children }) => {
   const { id } = useParams();
   const { payout, isLoading, isError, error } = usePayout(id);
   if (isLoading || !payout) {
@@ -92,37 +83,12 @@ var PayoutDetail = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { data: payout, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(PayoutGeneralSection, { payout }) });
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { data: payout, showJSON: true, showMetadata: true, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(PayoutGeneralSection, { payout }) });
 };
-
-// src/pages/payouts/payout-detail/breadcrumb.tsx
-import { jsxs as jsxs2 } from "react/jsx-runtime";
-var PayoutDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { payout } = usePayout(id, void 0, {
-    enabled: Boolean(id)
-  });
-  if (!payout) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs2("span", { children: [
-    "#",
-    payout.display_id
-  ] });
-};
-
-// src/pages/payouts/payout-detail/loader.ts
-var payoutDetailQuery = (id) => ({
-  queryKey: payoutsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.payouts.$id.query({ $id: id })
+var PayoutDetail = Object.assign(Root, {
+  GeneralSection: PayoutGeneralSection
 });
-var payoutLoader = async ({ params }) => {
-  const id = params.id;
-  const query = payoutDetailQuery(id);
-  return queryClient.ensureQueryData(query);
-};
+
 export {
-  PayoutDetailBreadcrumb as Breadcrumb,
-  PayoutDetail as Component,
-  payoutLoader as loader
+  PayoutDetail
 };