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

package/dist/{commission-rate-detail-ANI37QHI.js → chunk-EDQBUWY7.js}

@@ -1,4 +1,3 @@
-import "./chunk-LTBX54CI.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -11,85 +10,23 @@ import {
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.js";
-import "./chunk-GPRBBA7S.js";
 import {
   useProductTypes
 } from "./chunk-E7ZBQO6E.js";
-import "./chunk-XGHM75N2.js";
-import "./chunk-U2GCSKW3.js";
-import "./chunk-RTAIDSDS.js";
-import "./chunk-LW3UWYZU.js";
 import {
-  commissionRatesQueryKeys,
   useCommissionRate,
   useDeleteCommissionRate,
   useUpdateCommissionRate
 } from "./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 "./chunk-5PB7KCTF.js";
 import {
   useShippingOptions
 } from "./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 {
   useProducts
 } 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/commission-rates/commission-rate-detail/breadcrumb.tsx
-import { jsx } from "react/jsx-runtime";
-var CommissionRateDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { commission_rate } = useCommissionRate(id, void 0, {
-    initialData: props.data,
-    enabled: Boolean(id)
-  });
-  if (!commission_rate) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("span", { children: commission_rate.name });
-};
-
-// src/pages/commission-rates/commission-rate-detail/loader.ts
-var commissionRateQuery = (id) => ({
-  queryKey: commissionRatesQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.commissionRates.$id.query({ $id: id, fields: "*rules" })
-});
-var commissionRateLoader = async ({
-  params
-}) => {
-  const id = params.id;
-  const query = commissionRateQuery(id);
-  return queryClient.getQueryData(query.queryKey) ?? await queryClient.fetchQuery(query);
-};
 
 // src/pages/commission-rates/commission-rate-detail/commission-rate-detail.tsx
+import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
 // src/pages/commission-rates/commission-rate-detail/components/commission-rate-general-section/commission-rate-general-section.tsx
@@ -97,7 +34,7 @@ import { PencilSquare, Trash, XCircle, CheckCircle } from "@medusajs/icons";
 import { Badge, Container, Heading, StatusBadge, toast, usePrompt } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CommissionRateGeneralSection = ({
   commissionRate
 }) => {
@@ -109,24 +46,24 @@ var CommissionRateGeneralSection = ({
   };
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Heading, { children: commissionRate.name }),
+      /* @__PURE__ */ jsx(Heading, { children: commissionRate.name }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx2(StatusBadge, { color: commissionRate.is_enabled ? "green" : "grey", children: commissionRate.is_enabled ? "Enabled" : "Disabled" }),
-        /* @__PURE__ */ jsx2(CommissionRateActions, { commissionRate })
+        /* @__PURE__ */ jsx(StatusBadge, { color: commissionRate.is_enabled ? "green" : "grey", children: commissionRate.is_enabled ? "Enabled" : "Disabled" }),
+        /* @__PURE__ */ jsx(CommissionRateActions, { commissionRate })
       ] })
     ] }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(
       SectionRow,
       {
         title: "Code",
-        value: /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", className: "uppercase", children: commissionRate.code })
+        value: /* @__PURE__ */ jsx(Badge, { size: "2xsmall", className: "uppercase", children: commissionRate.code })
       }
     ),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(
       SectionRow,
       {
         title: "Type",
-        value: /* @__PURE__ */ jsx2(
+        value: /* @__PURE__ */ jsx(
           Badge,
           {
             size: "2xsmall",
@@ -136,23 +73,23 @@ var CommissionRateGeneralSection = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx2(SectionRow, { title: "Value", value: formatValue() }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(SectionRow, { title: "Value", value: formatValue() }),
+    /* @__PURE__ */ jsx(
       SectionRow,
       {
         title: "Target",
         value: commissionRate.target === "item" ? "Item" : "Shipping"
       }
     ),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(
       SectionRow,
       {
         title: "Include Tax",
         value: commissionRate.include_tax ? "Yes" : "No"
       }
     ),
-    /* @__PURE__ */ jsx2(SectionRow, { title: "Priority", value: String(commissionRate.priority) }),
-    commissionRate.min_amount != null && /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(SectionRow, { title: "Priority", value: String(commissionRate.priority) }),
+    commissionRate.min_amount != null && /* @__PURE__ */ jsx(
       SectionRow,
       {
         title: "Minimum Amount",
@@ -205,19 +142,19 @@ var CommissionRateActions = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     ActionMenu,
     {
       groups: [
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
               label: t("actions.edit"),
               to: `/settings/commission-rates/${commissionRate.id}/edit`
             },
             {
-              icon: commissionRate.is_enabled ? /* @__PURE__ */ jsx2(XCircle, {}) : /* @__PURE__ */ jsx2(CheckCircle, {}),
+              icon: commissionRate.is_enabled ? /* @__PURE__ */ jsx(XCircle, {}) : /* @__PURE__ */ jsx(CheckCircle, {}),
               label: commissionRate.is_enabled ? t("actions.disable") : t("actions.enable"),
               onClick: handleToggleEnabled
             }
@@ -226,7 +163,7 @@ var CommissionRateActions = ({
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx2(Trash, {}),
+              icon: /* @__PURE__ */ jsx(Trash, {}),
               label: t("actions.delete"),
               onClick: handleDelete
             }
@@ -247,7 +184,7 @@ import {
   Tooltip
 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CommissionRateRulesSection = ({
   commissionRate
 }) => {
@@ -265,11 +202,11 @@ var CommissionRateRulesSection = ({
   );
   const entries = Object.entries(groupedRules);
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx3(Heading2, { level: "h2", children: t("taxRegions.fields.targets.label") }) }),
-    entries.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-center px-6 py-8", children: /* @__PURE__ */ jsx3(Text, { size: "small", className: "text-ui-fg-subtle", children: "No rules configured" }) }) : /* @__PURE__ */ jsx3("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-3", children: [
-      /* @__PURE__ */ jsx3("div", { className: "text-ui-fg-muted flex size-5 items-center justify-center", children: /* @__PURE__ */ jsx3(ArrowDownRightMini, {}) }),
+    /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("taxRegions.fields.targets.label") }) }),
+    entries.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center px-6 py-8", children: /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle", children: "No rules configured" }) }) : /* @__PURE__ */ jsx2("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx2("div", { className: "text-ui-fg-muted flex size-5 items-center justify-center", children: /* @__PURE__ */ jsx2(ArrowDownRightMini, {}) }),
       /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-x-1.5 gap-y-2", children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx2(
           Text,
           {
             size: "small",
@@ -284,14 +221,14 @@ var CommissionRateRulesSection = ({
             {
               className: "flex items-center gap-x-1.5",
               children: [
-                /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx2(
                   Reference,
                   {
                     reference,
                     ids
                   }
                 ),
-                index < entries.length - 1 && /* @__PURE__ */ jsx3(
+                index < entries.length - 1 && /* @__PURE__ */ jsx2(
                   Text,
                   {
                     size: "small",
@@ -314,8 +251,8 @@ var Reference = ({
   ids
 }) => {
   return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-1.5", children: [
-    /* @__PURE__ */ jsx3(ReferenceBadge, { reference }),
-    /* @__PURE__ */ jsx3(ReferenceValues, { type: reference, ids })
+    /* @__PURE__ */ jsx2(ReferenceBadge, { reference }),
+    /* @__PURE__ */ jsx2(ReferenceValues, { type: reference, ids })
   ] });
 };
 var ReferenceBadge = ({
@@ -337,7 +274,7 @@ var ReferenceBadge = ({
   if (!label) {
     return null;
   }
-  return /* @__PURE__ */ jsx3(Badge2, { size: "2xsmall", children: label });
+  return /* @__PURE__ */ jsx2(Badge2, { size: "2xsmall", children: label });
 };
 var ReferenceValues = ({
   type,
@@ -352,18 +289,18 @@ var ReferenceValues = ({
     throw error;
   }
   if (isPending) {
-    return /* @__PURE__ */ jsx3("div", { className: "bg-ui-tag-neutral-bg border-ui-tag-neutral-border h-5 w-14 animate-pulse rounded-md" });
+    return /* @__PURE__ */ jsx2("div", { className: "bg-ui-tag-neutral-bg border-ui-tag-neutral-border h-5 w-14 animate-pulse rounded-md" });
   }
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Tooltip,
     {
       content: /* @__PURE__ */ jsxs2("ul", { children: [
-        labels?.map((label, index) => /* @__PURE__ */ jsx3("li", { children: label }, index)),
-        additional > 0 && /* @__PURE__ */ jsx3("li", { children: t("taxRegions.fields.targets.additionalValues", {
+        labels?.map((label, index) => /* @__PURE__ */ jsx2("li", { children: label }, index)),
+        additional > 0 && /* @__PURE__ */ jsx2("li", { children: t("taxRegions.fields.targets.additionalValues", {
           count: additional
         }) })
       ] }),
-      children: /* @__PURE__ */ jsx3(Badge2, { size: "2xsmall", children: t("taxRegions.fields.targets.values", {
+      children: /* @__PURE__ */ jsx2(Badge2, { size: "2xsmall", children: t("taxRegions.fields.targets.values", {
         count: ids.length
       }) })
     }
@@ -413,8 +350,8 @@ var useReferenceValues = (type, ids) => {
 };
 
 // src/pages/commission-rates/commission-rate-detail/commission-rate-detail.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var CommissionRateDetail = () => {
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
   const {
@@ -424,18 +361,21 @@ var CommissionRateDetail = () => {
     error
   } = useCommissionRate(id, { fields: "*rules" }, { initialData });
   if (isLoading || !commission_rate) {
-    return /* @__PURE__ */ jsx4(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
+    return /* @__PURE__ */ jsx3(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
   }
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs3(SingleColumnPage, { data: commission_rate, showJSON: true, showMetadata: true, children: [
-    /* @__PURE__ */ jsx4(CommissionRateGeneralSection, { commissionRate: commission_rate }),
-    /* @__PURE__ */ jsx4(CommissionRateRulesSection, { commissionRate: commission_rate })
-  ] });
+  return /* @__PURE__ */ jsx3(SingleColumnPage, { data: commission_rate, showJSON: true, showMetadata: true, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(CommissionRateGeneralSection, { commissionRate: commission_rate }),
+    /* @__PURE__ */ jsx3(CommissionRateRulesSection, { commissionRate: commission_rate })
+  ] }) });
 };
+var CommissionRateDetail = Object.assign(Root, {
+  GeneralSection: CommissionRateGeneralSection,
+  RulesSection: CommissionRateRulesSection
+});
+
 export {
-  CommissionRateDetailBreadcrumb as Breadcrumb,
-  CommissionRateDetail as Component,
-  commissionRateLoader as loader
+  CommissionRateDetail
 };

package/dist/{region-detail-DIEFHHOM.js → chunk-ENMRRG4N.js}

@@ -9,38 +9,26 @@ import {
 import {
   formatProvider
 } from "./chunk-VW56KWO2.js";
-import "./chunk-FQERBIVS.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-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
 } from "./chunk-U2UCL2VG.js";
+import {
+  currencies
+} from "./chunk-IQPN4PZJ.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 {
-  regionsQueryKeys,
   useDeleteRegion,
   useRegion,
   useUpdateRegion
@@ -48,50 +36,9 @@ import {
 import {
   usePricePreferences
 } from "./chunk-3VZV6SJQ.js";
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/regions/region-detail/constants.ts
-var REGION_DETAIL_FIELDS = "*payment_providers,*countries,+automatic_taxes";
-
-// src/pages/regions/region-detail/breadcrumb.tsx
-import { jsx } from "react/jsx-runtime";
-var RegionDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { region } = useRegion(
-    id,
-    {
-      fields: REGION_DETAIL_FIELDS
-    },
-    {
-      initialData: props.data,
-      enabled: Boolean(id)
-    }
-  );
-  if (!region) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("span", { children: region.name });
-};
-
-// src/pages/regions/region-detail/loader.ts
-var regionQuery = (id) => ({
-  queryKey: regionsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.regions.$id.query({ $id: id, fields: REGION_DETAIL_FIELDS })
-});
-var regionLoader = async ({ params }) => {
-  const id = params.id;
-  const query = regionQuery(id);
-  return queryClient.getQueryData(query.queryKey) ?? await queryClient.fetchQuery(query);
-};
 
 // src/pages/regions/region-detail/region-detail.tsx
+import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
 // src/pages/regions/region-detail/components/region-country-section/region-country-section.tsx
@@ -121,7 +68,7 @@ var convertToStaticCountries = (apiCountries) => {
 };
 
 // src/pages/regions/region-detail/components/region-country-section/region-country-section.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var PREFIX = "c";
 var PAGE_SIZE = 10;
 var RegionCountrySection = ({ region }) => {
@@ -187,8 +134,8 @@ var RegionCountrySection = ({ region }) => {
   };
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "region-country-section-container", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "region-country-section-header", children: [
-      /* @__PURE__ */ jsx2(Heading, { level: "h2", "data-testid": "region-country-section-heading", children: t("fields.countries") }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "region-country-section-heading", children: t("fields.countries") }),
+      /* @__PURE__ */ jsx(
         ActionMenu,
         {
           groups: [
@@ -196,7 +143,7 @@ var RegionCountrySection = ({ region }) => {
               actions: [
                 {
                   label: t("regions.addCountries"),
-                  icon: /* @__PURE__ */ jsx2(PlusMini, {}),
+                  icon: /* @__PURE__ */ jsx(PlusMini, {}),
                   to: "countries/add"
                 }
               ]
@@ -206,7 +153,7 @@ var RegionCountrySection = ({ region }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(
       _DataTable,
       {
         table,
@@ -269,7 +216,7 @@ var CountryActions = ({
       }
     );
   };
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     ActionMenu,
     {
       groups: [
@@ -278,7 +225,7 @@ var CountryActions = ({
             {
               label: t("actions.remove"),
               onClick: handleRemove,
-              icon: /* @__PURE__ */ jsx2(Trash, {})
+              icon: /* @__PURE__ */ jsx(Trash, {})
             }
           ]
         }
@@ -295,7 +242,7 @@ var useColumns = () => {
       columnHelper.display({
         id: "select",
         header: ({ table }) => {
-          return /* @__PURE__ */ jsx2(
+          return /* @__PURE__ */ jsx(
             Checkbox,
             {
               checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
@@ -305,7 +252,7 @@ var useColumns = () => {
           );
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx2(
+          return /* @__PURE__ */ jsx(
             Checkbox,
             {
               checked: row.getIsSelected(),
@@ -323,7 +270,7 @@ var useColumns = () => {
         id: "actions",
         cell: ({ row, table }) => {
           const { region } = table.options.meta;
-          return /* @__PURE__ */ jsx2(CountryActions, { country: row.original, region });
+          return /* @__PURE__ */ jsx(CountryActions, { country: row.original, region });
         }
       })
     ],
@@ -336,7 +283,7 @@ import { PencilSquare, Trash as Trash2 } from "@medusajs/icons";
 import { Badge, Container as Container2, Heading as Heading2, Text, toast as toast2, usePrompt as usePrompt2 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var RegionGeneralSection = ({
   region,
   pricePreferences
@@ -347,21 +294,21 @@ var RegionGeneralSection = ({
   );
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "region-general-section-container", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "region-general-section-header", children: [
-      /* @__PURE__ */ jsx3(Heading2, { "data-testid": "region-general-section-name", children: region.name }),
-      /* @__PURE__ */ jsx3(RegionActions, { region })
+      /* @__PURE__ */ jsx2(Heading2, { "data-testid": "region-general-section-name", children: region.name }),
+      /* @__PURE__ */ jsx2(RegionActions, { region })
     ] }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(
       SectionRow,
       {
         title: t("fields.currency"),
         value: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", "data-testid": "region-general-section-currency-value", children: [
-          /* @__PURE__ */ jsx3(Badge, { size: "2xsmall", className: "uppercase", "data-testid": "region-general-section-currency-badge", children: region.currency_code }),
-          /* @__PURE__ */ jsx3(Text, { size: "small", leading: "compact", "data-testid": "region-general-section-currency-name", children: currencies[region.currency_code.toUpperCase()].name })
+          /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", className: "uppercase", "data-testid": "region-general-section-currency-badge", children: region.currency_code }),
+          /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", "data-testid": "region-general-section-currency-name", children: currencies[region.currency_code.toUpperCase()].name })
         ] }),
         "data-testid": "region-general-section-currency"
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(
       SectionRow,
       {
         title: t("fields.automaticTaxes"),
@@ -369,7 +316,7 @@ var RegionGeneralSection = ({
         "data-testid": "region-general-section-automatic-taxes"
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(
       SectionRow,
       {
         title: t("fields.taxInclusivePricing"),
@@ -377,11 +324,11 @@ var RegionGeneralSection = ({
         "data-testid": "region-general-section-tax-inclusive-pricing"
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(
       SectionRow,
       {
         title: t("fields.paymentProviders"),
-        value: /* @__PURE__ */ jsx3("div", { className: "inline-flex", "data-testid": "region-general-section-payment-providers-value", children: region.payment_providers?.length ? /* @__PURE__ */ jsx3(
+        value: /* @__PURE__ */ jsx2("div", { className: "inline-flex", "data-testid": "region-general-section-payment-providers-value", children: region.payment_providers?.length ? /* @__PURE__ */ jsx2(
           ListSummary,
           {
             list: region.payment_providers.map((p) => formatProvider(p.id))
@@ -421,14 +368,14 @@ var RegionActions = ({ region }) => {
       }
     });
   };
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     ActionMenu,
     {
       groups: [
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx3(PencilSquare, {}),
+              icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
               label: t("actions.edit"),
               to: `/settings/regions/${region.id}/edit`
             }
@@ -437,7 +384,7 @@ var RegionActions = ({ region }) => {
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx3(Trash2, {}),
+              icon: /* @__PURE__ */ jsx2(Trash2, {}),
               label: t("actions.delete"),
               onClick: handleDelete
             }
@@ -449,9 +396,12 @@ var RegionActions = ({ region }) => {
   );
 };
 
+// src/pages/regions/region-detail/constants.ts
+var REGION_DETAIL_FIELDS = "*payment_providers,*countries,+automatic_taxes";
+
 // src/pages/regions/region-detail/region-detail.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var RegionDetail = () => {
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
   const {
@@ -479,7 +429,7 @@ var RegionDetail = () => {
     { enabled: !!region }
   );
   if (isLoading || isLoadingPreferences || !region) {
-    return /* @__PURE__ */ jsx4(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
+    return /* @__PURE__ */ jsx3(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
   }
   if (isRegionError) {
     throw regionError;
@@ -487,19 +437,23 @@ var RegionDetail = () => {
   if (isPreferencesError) {
     throw preferencesError;
   }
-  return /* @__PURE__ */ jsxs3(SingleColumnPage, { data: region, showMetadata: true, showJSON: true, children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(SingleColumnPage, { data: region, showMetadata: true, showJSON: true, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(
       RegionGeneralSection,
       {
         region,
         pricePreferences: pricePreferences ?? []
       }
     ),
-    /* @__PURE__ */ jsx4(RegionCountrySection, { region })
-  ] });
+    /* @__PURE__ */ jsx3(RegionCountrySection, { region })
+  ] }) });
 };
+var RegionDetail = Object.assign(Root, {
+  GeneralSection: RegionGeneralSection,
+  CountrySection: RegionCountrySection
+});
+
 export {
-  RegionDetailBreadcrumb as Breadcrumb,
-  RegionDetail as Component,
-  regionLoader as loader
+  REGION_DETAIL_FIELDS,
+  RegionDetail
 };

package/dist/{chunk-UZJ2NQSN.js → chunk-FRRQW7BG.js}

@@ -6,10 +6,13 @@ import {
 import {
   GEO_ZONE_STACKED_MODAL_ID
 } from "./chunk-LXSBG6LK.js";
+import {
+  countries
+} from "./chunk-JRTZWK77.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-FLCYR7E5.js";
+} from "./chunk-ULJ3OMWU.js";
 import {
   ChipGroup
 } from "./chunk-IGTRIAUC.js";
@@ -20,9 +23,6 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
-import {
-  countries
-} from "./chunk-JRTZWK77.js";
 
 // src/pages/locations/common/components/geo-zone-form/geo-zone-form.tsx
 import { Button, Checkbox } from "@medusajs/ui";