@mercurjs/admin 2.0.0-canary.40 → 2.0.0-canary.41

package/dist/{chunk-XDVS4B7W.js → chunk-BAV6Y7RC.js}

@@ -1,9 +1,9 @@
 import {
   i18n
-} from "./chunk-U3SFHLUA.js";
+} from "./chunk-53IISBJZ.js";
 
 // src/lib/promotions.ts
-var promotionStatusMap = {
+var getPromotionStatusMap = () => ({
   ["ACTIVE" /* ACTIVE */]: ["green", i18n.t("statuses.active")],
   ["INACTIVE" /* INACTIVE */]: ["red", i18n.t("statuses.inactive")],
   ["DRAFT" /* DRAFT */]: ["grey", i18n.t("statuses.draft")],
@@ -15,22 +15,23 @@ var promotionStatusMap = {
     "red",
     `${i18n.t("promotions.fields.campaign")} ${i18n.t("statuses.expired")?.toLowerCase()}`
   ]
-};
+});
 var getPromotionStatus = (promotion) => {
   const date = /* @__PURE__ */ new Date();
   const campaign = promotion.campaign;
+  const statusMap = getPromotionStatusMap();
   if (!campaign) {
-    return promotionStatusMap[promotion.status.toUpperCase()];
+    return statusMap[promotion.status.toUpperCase()];
   }
   if (campaign.starts_at && new Date(campaign.starts_at) > date) {
-    return promotionStatusMap["SCHEDULED" /* SCHEDULED */];
+    return statusMap["SCHEDULED" /* SCHEDULED */];
   }
   const campaignBudget = campaign.budget;
   const overBudget = campaignBudget && campaignBudget.limit && campaignBudget.used > campaignBudget.limit;
   if (campaign.ends_at && new Date(campaign.ends_at) < date || overBudget) {
-    return promotionStatusMap["EXPIRED" /* EXPIRED */];
+    return statusMap["EXPIRED" /* EXPIRED */];
   }
-  return promotionStatusMap[promotion.status.toUpperCase()];
+  return statusMap[promotion.status.toUpperCase()];
 };
 
 export {

package/dist/{chunk-4WYBW3HK.js → chunk-BCAT7P6B.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -196,7 +196,7 @@ import { jsx as jsx5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   return /* @__PURE__ */ jsx5(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(CollectionListTable, {}) });
 };
-var CollectionList = Object.assign(Root, {
+var CollectionListPage = Object.assign(Root, {
   Table: CollectionListTable,
   Header: CollectionListHeader,
   HeaderTitle: CollectionListTitle,
@@ -205,5 +205,5 @@ var CollectionList = Object.assign(Root, {
 });
 
 export {
-  CollectionList
+  CollectionListPage
 };

package/dist/{chunk-LYT3RI4O.js → chunk-BHYDGWZ6.js}

@@ -20,12 +20,12 @@ import {
 import {
   countries
 } from "./chunk-JRTZWK77.js";
+import {
+  TwoColumnPage
+} from "./chunk-V5J73NPW.js";
 import {
   NoRecords
 } from "./chunk-3EF54XFY.js";
-import {
-  TwoColumnPage
-} from "./chunk-U2UCL2VG.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -712,7 +712,7 @@ var location_fulfillment_providers_section_default = LocationsFulfillmentProvide
 var LOCATION_DETAILS_FIELD = "name,*sales_channels,*address,fulfillment_sets.type,fulfillment_sets.name,*fulfillment_sets.service_zones.geo_zones,*fulfillment_sets.service_zones,*fulfillment_sets.service_zones.shipping_options,*fulfillment_sets.service_zones.shipping_options.rules,*fulfillment_sets.service_zones.shipping_options.shipping_profile,*fulfillment_providers";
 
 // src/pages/locations/location-detail/location-detail.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { location_id } = useParams();
@@ -732,24 +732,33 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx4(
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx4(
     TwoColumnPage,
     {
       data: location,
       showJSON: true,
       hasOutlet: true,
       "data-testid": "location-detail-page",
-      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      children
+    }
+  ) : /* @__PURE__ */ jsxs4(
+    TwoColumnPage,
+    {
+      data: location,
+      showJSON: true,
+      hasOutlet: true,
+      "data-testid": "location-detail-page",
+      children: [
         /* @__PURE__ */ jsx4(TwoColumnPage.Main, { "data-testid": "location-detail-main", children: /* @__PURE__ */ jsx4(LocationGeneralSection, { location }) }),
         /* @__PURE__ */ jsxs4(TwoColumnPage.Sidebar, { "data-testid": "location-detail-sidebar", children: [
           /* @__PURE__ */ jsx4(locations_sales_channels_section_default, { location }),
           /* @__PURE__ */ jsx4(location_fulfillment_providers_section_default, { location })
         ] })
-      ] })
+      ]
     }
   );
 };
-var LocationDetail = Object.assign(Root, {
+var LocationDetailPage = Object.assign(Root, {
   Main: TwoColumnPage.Main,
   Sidebar: TwoColumnPage.Sidebar,
   MainGeneralSection: LocationGeneralSection,
@@ -759,5 +768,5 @@ var LocationDetail = Object.assign(Root, {
 
 export {
   LOCATION_DETAILS_FIELD,
-  LocationDetail
+  LocationDetailPage
 };

package/dist/{chunk-DK3U2SRA.js → chunk-BIEYPCHL.js}

@@ -1,6 +1,6 @@
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -90,7 +90,7 @@ var UserGeneralSection = ({ user }) => {
 };
 
 // src/pages/users/user-detail/user-detail.tsx
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
@@ -108,12 +108,12 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(UserGeneralSection, { user }) }) });
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(UserGeneralSection, { user }) });
 };
-var UserDetail = Object.assign(Root, {
+var UserDetailPage = Object.assign(Root, {
   GeneralSection: UserGeneralSection
 });
 
 export {
-  UserDetail
+  UserDetailPage
 };

package/dist/{product-create-NVBKO426.js → chunk-BLG726FI.js}

@@ -4,17 +4,20 @@ import {
 import {
   HandleInput
 } from "./chunk-TLE6YHGH.js";
-import {
-  ChipInput
-} from "./chunk-NCYTM57J.js";
 import {
   DataGrid,
   createDataGridHelper,
   createDataGridPriceColumns
-} from "./chunk-KUWNYCGL.js";
+} from "./chunk-U3OWJE7V.js";
 import {
-  SwitchBox
-} from "./chunk-YVCBMOJG.js";
+  useSalesChannelTableColumns,
+  useSalesChannelTableEmptyState,
+  useSalesChannelTableFilters,
+  useSalesChannelTableQuery
+} from "./chunk-NZN7PFPB.js";
+import {
+  DataTable
+} from "./chunk-UQITHKTH.js";
 import {
   CategoryCombobox
 } from "./chunk-P7G4RY2J.js";
@@ -30,39 +33,21 @@ import {
   UploadMediaFormItem,
   decorateVariantsWithDefaultValues,
   normalizeProductFormValues
-} from "./chunk-A6Z2Q7D5.js";
-import "./chunk-UXD3VNBO.js";
+} from "./chunk-Z2MDPTF2.js";
+import {
+  ChipInput
+} from "./chunk-NCYTM57J.js";
 import {
   TabbedForm,
   defineTabMeta,
   useTabbedForm
 } from "./chunk-5GG65TKV.js";
-import "./chunk-TKGWSUEI.js";
-import "./chunk-U2ZFCAPX.js";
-import "./chunk-IQPN4PZJ.js";
 import {
-  useSalesChannelTableColumns,
-  useSalesChannelTableEmptyState,
-  useSalesChannelTableFilters,
-  useSalesChannelTableQuery
-} from "./chunk-G4QMLQF2.js";
-import "./chunk-UKLRBS4W.js";
-import "./chunk-DGCPYCHU.js";
-import {
-  DataTable
-} from "./chunk-UQITHKTH.js";
-import "./chunk-SMQT3ZNO.js";
-import "./chunk-U3SFHLUA.js";
-import "./chunk-INNFZYX2.js";
-import "./chunk-TN4TIT7O.js";
+  SwitchBox
+} from "./chunk-YVCBMOJG.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 {
   RouteFocusModal,
   StackedFocusModal,
@@ -72,29 +57,6 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
-import "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.js";
-import "./chunk-E7ZBQO6E.js";
-import "./chunk-GPRBBA7S.js";
-import "./chunk-XGHM75N2.js";
-import "./chunk-U2GCSKW3.js";
-import "./chunk-A4X5VP3G.js";
-import "./chunk-RTAIDSDS.js";
-import "./chunk-LW3UWYZU.js";
-import "./chunk-NNZP4PYP.js";
-import "./chunk-JOQ3RTF5.js";
-import "./chunk-V534K7G4.js";
-import "./chunk-TQI3DOQ5.js";
-import "./chunk-5PB7KCTF.js";
-import "./chunk-LU72QEQC.js";
-import "./chunk-GF4QHVX3.js";
-import "./chunk-A5XOYSDC.js";
-import "./chunk-YOIARITB.js";
-import "./chunk-W7G64ULL.js";
-import "./chunk-6C7TCU42.js";
-import "./chunk-4YF3GAKE.js";
 import {
   useRegions
 } from "./chunk-QSM56ZOP.js";
@@ -108,23 +70,20 @@ import {
   useSalesChannel,
   useSalesChannels
 } from "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
 import {
   useCreateProduct
 } from "./chunk-K357FGGP.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
 import {
   sdk
 } from "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
 
 // src/pages/products/product-create/product-create.tsx
+import { Children as Children2 } from "react";
 import { useTranslation as useTranslation10 } from "react-i18next";
 
 // src/pages/products/product-create/components/product-create-form/product-create-form.tsx
 import { Button as Button5, toast } from "@medusajs/ui";
-import { Children, useCallback, useMemo as useMemo4 } from "react";
+import { useCallback, useMemo as useMemo4, Children } from "react";
 import { useForm, useWatch as useWatch4 } from "react-hook-form";
 import { useTranslation as useTranslation9 } from "react-i18next";
 
@@ -1945,16 +1904,19 @@ import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var SAVE_DRAFT_BUTTON = "save-draft-button";
 var ProductCreateForm = ({
   defaultChannel,
-  children
+  children,
+  schema,
+  defaultValues: extraDefaults
 }) => {
   const { t } = useTranslation9();
   const { handleSuccess } = useRouteModal();
   const form = useForm({
     defaultValues: {
       ...PRODUCT_CREATE_FORM_DEFAULTS,
+      ...extraDefaults,
       sales_channels: defaultChannel ? [{ id: defaultChannel.id, name: defaultChannel.name }] : []
     },
-    resolver: zodResolver(ProductCreateSchema)
+    resolver: zodResolver(schema ?? ProductCreateSchema)
   });
   const { mutateAsync, isPending } = useCreateProduct();
   const {
@@ -2135,7 +2097,7 @@ var ProductCreateForm = ({
 
 // src/pages/products/product-create/product-create.tsx
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-var ProductCreate = () => {
+var Root5 = ({ children }) => {
   const { t } = useTranslation10();
   const {
     store,
@@ -2163,14 +2125,20 @@ var ProductCreate = () => {
   return /* @__PURE__ */ jsxs11(RouteFocusModal, { children: [
     /* @__PURE__ */ jsx13(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx13("span", { className: "sr-only", children: t("products.create.title") }) }),
     /* @__PURE__ */ jsx13(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx13("span", { className: "sr-only", children: t("products.create.description") }) }),
-    ready && /* @__PURE__ */ jsx13(
-      ProductCreateForm,
-      {
-        defaultChannel: sales_channel
-      }
-    )
+    ready && (Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx13(ProductCreateForm, { defaultChannel: sales_channel }))
   ] });
 };
+var ProductCreate = Root5;
+var ProductCreatePage = Object.assign(Root5, {
+  Form: ProductCreateForm,
+  DetailsTab: ProductCreateDetailsForm,
+  OrganizeTab: ProductCreateOrganizeForm,
+  VariantsTab: ProductCreateVariantsForm,
+  InventoryTab: ProductCreateInventoryKitForm,
+  Tab: TabbedForm.Tab
+});
+
 export {
-  ProductCreate as Component
+  ProductCreate,
+  ProductCreatePage
 };

package/dist/chunk-BVRI7YAR.js

@@ -0,0 +1,100 @@
+import {
+  usePayoutTableColumns
+} from "./chunk-AFQS6E4N.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  usePayoutTableQuery
+} from "./chunk-GR6JUIRU.js";
+import {
+  usePayouts
+} from "./chunk-JOQ3RTF5.js";
+
+// src/pages/payouts/payout-list/payout-list.tsx
+import { Children } from "react";
+import { Container, Heading } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation } from "react-i18next";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 10;
+var PayoutListTitle = () => {
+  return /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Payouts" });
+};
+var PayoutListActions = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2", children: Children.count(children) > 0 ? children : null });
+};
+var PayoutListHeader = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PayoutListTitle, {}),
+    /* @__PURE__ */ jsx(PayoutListActions, {})
+  ] }) });
+};
+var PayoutListDataTable = () => {
+  const { t } = useTranslation();
+  const { searchParams, raw } = usePayoutTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { payouts, count, isError, error, isLoading } = usePayouts(
+    searchParams,
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const columns = usePayoutTableColumns();
+  const { table } = useDataTable({
+    data: payouts ?? [],
+    columns,
+    enablePagination: true,
+    count: count ?? 0,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(
+    _DataTable,
+    {
+      columns,
+      table,
+      pagination: true,
+      navigateTo: (row) => `/payouts/${row.original.id}`,
+      count: count ?? 0,
+      search: true,
+      isLoading,
+      pageSize: PAGE_SIZE,
+      orderBy: [
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      queryObject: raw,
+      noRecords: {
+        message: "No payouts found"
+      }
+    }
+  );
+};
+var PayoutListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx(Container, { className: "divide-y p-0", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PayoutListHeader, {}),
+    /* @__PURE__ */ jsx(PayoutListDataTable, {})
+  ] }) });
+};
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx(SingleColumnPage, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx(PayoutListTable, {}) });
+};
+var PayoutListPage = Object.assign(Root, {
+  Table: PayoutListTable,
+  Header: PayoutListHeader,
+  HeaderTitle: PayoutListTitle,
+  HeaderActions: PayoutListActions,
+  DataTable: PayoutListDataTable
+});
+
+export {
+  PayoutListPage
+};

package/dist/{chunk-2IGCU3KP.js → chunk-DOMRLXOI.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -29,7 +29,7 @@ import { PencilSquare } from "@medusajs/icons";
 import { Button, Container, Heading } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
-import { Children, useMemo } from "react";
+import { useMemo, Children } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-K6FXWZ2M.js → chunk-F55UXYYA.js}

@@ -9396,10 +9396,19 @@ var require_modules = __commonJS({
       MercurModules2["SELLER"] = "seller";
       MercurModules2["COMMISSION"] = "commission";
       MercurModules2["PAYOUT"] = "payout";
+      MercurModules2["CUSTOM_FIELDS"] = "custom_fields";
     })(MercurModules || (exports.MercurModules = MercurModules = {}));
   }
 });
 
+// ../types/dist/custom-fields/index.js
+var require_custom_fields = __commonJS({
+  "../types/dist/custom-fields/index.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+  }
+});
+
 // ../types/dist/index.js
 var require_dist2 = __commonJS({
   "../types/dist/index.js"(exports) {
@@ -9453,6 +9462,7 @@ var require_dist2 = __commonJS({
     exports.HttpTypes = __importStar(require_http3());
     __exportStar(require_payout2(), exports);
     __exportStar(require_modules(), exports);
+    __exportStar(require_custom_fields(), exports);
   }
 });
 

package/dist/{chunk-AOVEX4EM.js → chunk-FNXSMFGL.js}

@@ -4,6 +4,9 @@ import {
 import {
   useCustomerGroupTableColumns
 } from "./chunk-54EPH67T.js";
+import {
+  TwoColumnPage
+} from "./chunk-V5J73NPW.js";
 import {
   _DataTable,
   useDataTable
@@ -11,9 +14,6 @@ import {
 import {
   NoRecords
 } from "./chunk-3EF54XFY.js";
-import {
-  TwoColumnPage
-} from "./chunk-U2UCL2VG.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -576,7 +576,7 @@ var useColumns2 = () => {
 };
 
 // src/pages/customers/customer-detail/customer-detail.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
@@ -591,7 +591,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(Fragment, { children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { data: customer, hasOutlet: true, showJSON: true, showMetadata: true, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { data: customer, hasOutlet: true, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { data: customer, hasOutlet: true, showJSON: true, showMetadata: true, children: [
     /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
       /* @__PURE__ */ jsx6(CustomerGeneralSection, { customer }),
       /* @__PURE__ */ jsx6(CustomerOrderSection, { customer }),

package/dist/{chunk-IXGP2EEN.js → chunk-FYAYHOCN.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   useOrderTableQuery
 } from "./chunk-3B6MTW5G.js";
@@ -411,7 +411,6 @@ import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: false, "data-testid": "orders-list-page", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(OrderListTable, {}) });
 };
-var OrderList = Root;
 var OrderListPage = Object.assign(Root, {
   Table: OrderListTable,
   Header: OrderListHeader,
@@ -421,5 +420,5 @@ var OrderListPage = Object.assign(Root, {
 });
 
 export {
-  OrderList
+  OrderListPage
 };

package/dist/{chunk-QBOXELB5.js → chunk-GJHAVFXL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-PXYDR7WQ.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -83,12 +83,12 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { data: payout, showJSON: true, showMetadata: true, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(PayoutGeneralSection, { payout }) });
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { data: payout, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { data: payout, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(PayoutGeneralSection, { payout }) });
 };
-var PayoutDetail = Object.assign(Root, {
+var PayoutDetailPage = Object.assign(Root, {
   GeneralSection: PayoutGeneralSection
 });
 
 export {
-  PayoutDetail
+  PayoutDetailPage
 };