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

package/dist/{customer-detail-YS265DZS.js → chunk-AOVEX4EM.js}

@@ -1,71 +1,37 @@
 import {
   useOrderTableColumns
-} from "./chunk-BFCAJKRG.js";
+} from "./chunk-DBYUB2YI.js";
 import {
   useCustomerGroupTableColumns
 } from "./chunk-54EPH67T.js";
-import "./chunk-2Y3WMGN6.js";
-import "./chunk-RW35OPIA.js";
-import "./chunk-25LYVP3C.js";
-import "./chunk-LQSLDDPT.js";
-import "./chunk-JHIMVLB2.js";
-import "./chunk-PXYDR7WQ.js";
-import "./chunk-DB6ANJBO.js";
-import "./chunk-FQERBIVS.js";
-import "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-FLCYR7E5.js";
-import "./chunk-YBZWO4ZV.js";
-import "./chunk-KAZ5BYTQ.js";
+} from "./chunk-ULJ3OMWU.js";
 import {
   NoRecords
 } from "./chunk-3EF54XFY.js";
-import "./chunk-IQPN4PZJ.js";
+import {
+  TwoColumnPage
+} from "./chunk-U2UCL2VG.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 import {
   useOrderTableFilters
-} from "./chunk-GEVYE225.js";
+} from "./chunk-RA4UMZRP.js";
 import {
   useCustomerGroupTableFilters
 } from "./chunk-CMHI2RPL.js";
 import {
   useOrderTableQuery
-} from "./chunk-O5HZRJPB.js";
+} from "./chunk-3B6MTW5G.js";
 import {
   useCustomerGroupTableQuery
 } from "./chunk-VKOE5J66.js";
-import "./chunk-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
-import {
-  TwoColumnPage
-} from "./chunk-U2UCL2VG.js";
-import {
-  SingleColumnPageSkeleton
-} 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 {
   useBatchCustomerCustomerGroups,
   useCustomer,
@@ -74,49 +40,12 @@ import {
   useDeleteCustomerAddress,
   useRemoveCustomersFromGroup
 } from "./chunk-A5XOYSDC.js";
-import "./chunk-TQI3DOQ5.js";
-import "./chunk-5PB7KCTF.js";
-import "./chunk-YOIARITB.js";
 import {
   useOrders
 } from "./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 {
-  productsQueryKeys
-} from "./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/customers/customer-detail/breadcrumb.tsx
-import { jsx } from "react/jsx-runtime";
-var CustomerDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { customer } = useCustomer(id, void 0, {
-    initialData: props.data,
-    enabled: Boolean(id)
-  });
-  if (!customer) {
-    return null;
-  }
-  const name = [customer.first_name, customer.last_name].filter(Boolean).join(" ");
-  const display = name || customer.email;
-  return /* @__PURE__ */ jsx("span", { children: display });
-};
 
 // src/pages/customers/customer-detail/customer-detail.tsx
+import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
 // src/pages/customers/customer-detail/components/customer-address-section/customer-address-section.tsx
@@ -127,23 +56,23 @@ import { Link, useNavigate } from "react-router-dom";
 
 // src/components/common/listicle/listicle.tsx
 import { Text } from "@medusajs/ui";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Listicle = ({
   labelKey,
   descriptionKey,
   children
 }) => {
-  return /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx2("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed group-focus-visible:shadow-borders-interactive-with-active rounded-md px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed group-focus-visible:shadow-borders-interactive-with-active rounded-md px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
-      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: labelKey }),
-      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: descriptionKey })
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: labelKey }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: descriptionKey })
     ] }),
-    /* @__PURE__ */ jsx2("div", { className: "flex size-7 items-center justify-center", children })
+    /* @__PURE__ */ jsx("div", { className: "flex size-7 items-center justify-center", children })
   ] }) }) });
 };
 
 // src/pages/customers/customer-detail/components/customer-address-section/customer-address-section.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CustomerAddressSection = ({
   customer
 }) => {
@@ -181,10 +110,10 @@ var CustomerAddressSection = ({
   };
   return /* @__PURE__ */ jsxs2(Container, { className: "p-0", "data-testid": "customer-address-section", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "customer-address-section-header", children: [
-      /* @__PURE__ */ jsx3(Heading, { level: "h2", "data-testid": "customer-address-section-heading", children: t2("addresses.title") }),
-      /* @__PURE__ */ jsx3(Link, { to: `create-address`, className: "text-ui-fg-muted text-xs", "data-testid": "customer-address-section-add-link", children: "Add" })
+      /* @__PURE__ */ jsx2(Heading, { level: "h2", "data-testid": "customer-address-section-heading", children: t2("addresses.title") }),
+      /* @__PURE__ */ jsx2(Link, { to: `create-address`, className: "text-ui-fg-muted text-xs", "data-testid": "customer-address-section-add-link", children: "Add" })
     ] }),
-    addresses.length === 0 && /* @__PURE__ */ jsx3("div", { "data-testid": "customer-address-section-no-records", children: /* @__PURE__ */ jsx3(
+    addresses.length === 0 && /* @__PURE__ */ jsx2("div", { "data-testid": "customer-address-section-no-records", children: /* @__PURE__ */ jsx2(
       NoRecords,
       {
         className: clx({
@@ -196,12 +125,12 @@ var CustomerAddressSection = ({
       }
     ) }),
     addresses.map((address) => {
-      return /* @__PURE__ */ jsx3("div", { "data-testid": `customer-address-section-address-${address.id}`, children: /* @__PURE__ */ jsx3(
+      return /* @__PURE__ */ jsx2("div", { "data-testid": `customer-address-section-address-${address.id}`, children: /* @__PURE__ */ jsx2(
         Listicle,
         {
           labelKey: address.address_name ?? "n/a",
           descriptionKey: [address.address_1, address.address_2].join(" "),
-          children: /* @__PURE__ */ jsx3(
+          children: /* @__PURE__ */ jsx2(
             ActionMenu,
             {
               "data-testid": `customer-address-section-address-${address.id}-actions`,
@@ -209,7 +138,7 @@ var CustomerAddressSection = ({
                 {
                   actions: [
                     {
-                      icon: /* @__PURE__ */ jsx3(Trash, {}),
+                      icon: /* @__PURE__ */ jsx2(Trash, {}),
                       label: t2("actions.delete"),
                       onClick: async () => {
                         await handleDelete(address);
@@ -238,7 +167,7 @@ import {
 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate as useNavigate2 } from "react-router-dom";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var CustomerGeneralSection = ({
   customer
 }) => {
@@ -279,10 +208,10 @@ var CustomerGeneralSection = ({
   };
   return /* @__PURE__ */ jsxs3(Container2, { className: "divide-y p-0", "data-testid": "customer-general-section", children: [
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "customer-general-section-header", children: [
-      /* @__PURE__ */ jsx4(Heading2, { "data-testid": "customer-general-section-email", children: customer.email }),
+      /* @__PURE__ */ jsx3(Heading2, { "data-testid": "customer-general-section-email", children: customer.email }),
       /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", "data-testid": "customer-general-section-actions", children: [
-        /* @__PURE__ */ jsx4(StatusBadge, { color: statusColor, "data-testid": "customer-general-section-status-badge", children: statusText }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor, "data-testid": "customer-general-section-status-badge", children: statusText }),
+        /* @__PURE__ */ jsx3(
           ActionMenu,
           {
             "data-testid": "customer-general-section-action-menu",
@@ -291,7 +220,7 @@ var CustomerGeneralSection = ({
                 actions: [
                   {
                     label: t2("actions.edit"),
-                    icon: /* @__PURE__ */ jsx4(PencilSquare, {}),
+                    icon: /* @__PURE__ */ jsx3(PencilSquare, {}),
                     to: "edit"
                   }
                 ]
@@ -300,7 +229,7 @@ var CustomerGeneralSection = ({
                 actions: [
                   {
                     label: t2("actions.delete"),
-                    icon: /* @__PURE__ */ jsx4(Trash2, {}),
+                    icon: /* @__PURE__ */ jsx3(Trash2, {}),
                     onClick: handleDelete
                   }
                 ]
@@ -311,16 +240,16 @@ var CustomerGeneralSection = ({
       ] })
     ] }),
     /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-name-row", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-name-label", children: t2("fields.name") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-name-value", children: name || "-" })
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-name-label", children: t2("fields.name") }),
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-name-value", children: name || "-" })
     ] }),
     /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-company-row", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-company-label", children: t2("fields.company") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-company-value", children: customer.company_name || "-" })
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-company-label", children: t2("fields.company") }),
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-company-value", children: customer.company_name || "-" })
     ] }),
     /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-phone-row", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-phone-label", children: t2("fields.phone") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-phone-value", children: customer.phone || "-" })
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-phone-label", children: t2("fields.phone") }),
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-phone-value", children: customer.phone || "-" })
     ] })
   ] });
 };
@@ -341,7 +270,7 @@ import { PencilSquare as PencilSquare2, Trash as Trash3 } from "@medusajs/icons"
 import { keepPreviousData } from "@tanstack/react-query";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var PREFIX = "cusgr";
 var CustomerGroupSection = ({
@@ -414,10 +343,10 @@ var CustomerGroupSection = ({
   }
   return /* @__PURE__ */ jsxs4(Container3, { className: "divide-y p-0", "data-testid": "customer-group-section", children: [
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "customer-group-section-header", children: [
-      /* @__PURE__ */ jsx5(Heading3, { level: "h2", "data-testid": "customer-group-section-heading", children: t("customerGroups.domain") }),
-      /* @__PURE__ */ jsx5(Link2, { to: `/customers/${customer.id}/add-customer-groups`, "data-testid": "customer-group-section-add-link", children: /* @__PURE__ */ jsx5(Button, { variant: "secondary", size: "small", "data-testid": "customer-group-section-add-button", children: t("general.add") }) })
+      /* @__PURE__ */ jsx4(Heading3, { level: "h2", "data-testid": "customer-group-section-heading", children: t("customerGroups.domain") }),
+      /* @__PURE__ */ jsx4(Link2, { to: `/customers/${customer.id}/add-customer-groups`, "data-testid": "customer-group-section-add-link", children: /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "small", "data-testid": "customer-group-section-add-button", children: t("general.add") }) })
     ] }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       _DataTable,
       {
         table,
@@ -475,7 +404,7 @@ var CustomerGroupRowActions = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     ActionMenu,
     {
       "data-testid": `customer-group-section-row-actions-${group.id}`,
@@ -484,13 +413,13 @@ var CustomerGroupRowActions = ({
           actions: [
             {
               label: t2("actions.edit"),
-              icon: /* @__PURE__ */ jsx5(PencilSquare2, {}),
+              icon: /* @__PURE__ */ jsx4(PencilSquare2, {}),
               to: `/customer-groups/${group.id}/edit`
             },
             {
               label: t2("actions.remove"),
               onClick: onRemove,
-              icon: /* @__PURE__ */ jsx5(Trash3, {})
+              icon: /* @__PURE__ */ jsx4(Trash3, {})
             }
           ]
         }
@@ -506,7 +435,7 @@ var useColumns = (customerId) => {
       columnHelper.display({
         id: "select",
         header: ({ table }) => {
-          return /* @__PURE__ */ jsx5(
+          return /* @__PURE__ */ jsx4(
             Checkbox,
             {
               checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
@@ -515,7 +444,7 @@ var useColumns = (customerId) => {
           );
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx5(
+          return /* @__PURE__ */ jsx4(
             Checkbox,
             {
               checked: row.getIsSelected(),
@@ -530,7 +459,7 @@ var useColumns = (customerId) => {
       ...columns,
       columnHelper.display({
         id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx5(
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
           CustomerGroupRowActions,
           {
             group: row.original,
@@ -550,7 +479,7 @@ import { keepPreviousData as keepPreviousData2 } from "@tanstack/react-query";
 import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
 import { useMemo as useMemo2 } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var PREFIX2 = "cusord";
 var PAGE_SIZE2 = 10;
 var DEFAULT_RELATIONS = "*customer,*items,*sales_channel";
@@ -587,8 +516,8 @@ var CustomerOrderSection = ({
     throw error;
   }
   return /* @__PURE__ */ jsxs5(Container4, { className: "divide-y p-0", "data-testid": "customer-order-section", children: [
-    /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "customer-order-section-header", children: /* @__PURE__ */ jsx6(Heading4, { level: "h2", "data-testid": "customer-order-section-heading", children: t2("orders.domain") }) }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "customer-order-section-header", children: /* @__PURE__ */ jsx5(Heading4, { level: "h2", "data-testid": "customer-order-section-heading", children: t2("orders.domain") }) }),
+    /* @__PURE__ */ jsx5(
       _DataTable,
       {
         columns,
@@ -613,7 +542,7 @@ var CustomerOrderSection = ({
 };
 var CustomerOrderActions = ({ order }) => {
   const { t: t2 } = useTranslation4();
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     ActionMenu,
     {
       "data-testid": `customer-order-section-row-actions-${order.id}`,
@@ -623,7 +552,7 @@ var CustomerOrderActions = ({ order }) => {
             {
               label: t2("transferOwnership.label"),
               to: `${order.id}/transfer`,
-              icon: /* @__PURE__ */ jsx6(ArrowPath, {})
+              icon: /* @__PURE__ */ jsx5(ArrowPath, {})
             }
           ]
         }
@@ -639,7 +568,7 @@ var useColumns2 = () => {
       ...base,
       columnHelper2.display({
         id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx6(CustomerOrderActions, { order: row.original })
+        cell: ({ row }) => /* @__PURE__ */ jsx5(CustomerOrderActions, { order: row.original })
       })
     ],
     [base]
@@ -647,8 +576,8 @@ var useColumns2 = () => {
 };
 
 // src/pages/customers/customer-detail/customer-detail.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var CustomerDetail = () => {
+import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
   const { customer, isLoading, isError, error } = useCustomer(
@@ -657,42 +586,29 @@ var CustomerDetail = () => {
     { initialData }
   );
   if (isLoading || !customer) {
-    return /* @__PURE__ */ jsx7(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
+    return /* @__PURE__ */ jsx6(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
   }
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs6(
-    TwoColumnPage,
-    {
-      data: customer,
-      hasOutlet: true,
-      showJSON: true,
-      showMetadata: true,
-      children: [
-        /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
-          /* @__PURE__ */ jsx7(CustomerGeneralSection, { customer }),
-          /* @__PURE__ */ jsx7(CustomerOrderSection, { customer }),
-          /* @__PURE__ */ jsx7(CustomerGroupSection, { customer })
-        ] }),
-        /* @__PURE__ */ jsx7(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx7(CustomerAddressSection, { customer }) })
-      ]
-    }
-  );
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(Fragment, { 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 }),
+      /* @__PURE__ */ jsx6(CustomerGroupSection, { customer })
+    ] }),
+    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(CustomerAddressSection, { customer }) })
+  ] });
 };
-
-// src/pages/customers/customer-detail/loader.ts
-var customerDetailQuery = (id) => ({
-  queryKey: productsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.customers.$id.query({ $id: id, fields: "+*addresses" })
+var CustomerDetailPage = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  MainGeneralSection: CustomerGeneralSection,
+  MainOrderSection: CustomerOrderSection,
+  MainGroupSection: CustomerGroupSection,
+  SidebarAddressSection: CustomerAddressSection
 });
-var customerLoader = async ({ params }) => {
-  const id = params.id;
-  const query = customerDetailQuery(id);
-  return queryClient.ensureQueryData(query);
-};
+
 export {
-  CustomerDetailBreadcrumb as Breadcrumb,
-  CustomerDetail as Component,
-  customerLoader as loader
+  CustomerDetailPage
 };