@mercurjs/admin 2.2.0-canary.17 → 2.2.0-canary.19

package/dist/{chunk-OMBP3YSV.js → chunk-CFBEBAQS.js}

@@ -3,7 +3,7 @@ import {
   CategoryHeader,
   ProductStatusCell,
   ProductStatusHeader
-} from "./chunk-WPVDACTL.js";
+} from "./chunk-OA24YN34.js";
 import {
   ProductCell,
   ProductHeader

package/dist/{chunk-FJRNNDZS.js → chunk-EASE3NLF.js}

@@ -1,6 +1,6 @@
 import {
   getPromotionStatus
-} from "./chunk-RUSMGNQ6.js";
+} from "./chunk-X7E65HM2.js";
 import {
   TextCell,
   TextHeader

package/dist/chunk-EG45GIE3.js

@@ -0,0 +1,368 @@
+import {
+  useDeleteCommissionRuleAction,
+  useScopeReferenceNames
+} from "./chunk-RXRDZ47F.js";
+import {
+  formatCommissionValue,
+  getIsActiveProps,
+  getScopeSummary,
+  getScopeTypeLabel
+} from "./chunk-PN5C4AND.js";
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  useCommissionRules,
+  useDefaultCommission
+} from "./chunk-ZIFHQXP3.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  Skeleton
+} from "./chunk-INNFZYX2.js";
+
+// src/pages/commissions/commissions-list/commissions-page.tsx
+import { Children } from "react";
+
+// src/pages/commissions/commissions-list/components/global-commission-section/global-commission-section.tsx
+import { PencilSquare } from "@medusajs/icons";
+import { Container, Heading } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var GLOBAL_COMMISSION_ROWS = [
+  { key: "code", fallback: "Code" },
+  { key: "type", fallback: "Type" },
+  { key: "value", fallback: "Value" },
+  { key: "tax", fallback: "Tax" },
+  { key: "shipping", fallback: "Shipping" }
+];
+var GlobalCommissionSection = () => {
+  const { t } = useTranslation();
+  const { default_commission, isLoading, isError, error } = useDefaultCommission();
+  if (isError) {
+    throw error;
+  }
+  const rate = default_commission;
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "global-commission-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("commissions.global.title", "Global Commission") }),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                  to: "edit-global"
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    isLoading || !rate ? GLOBAL_COMMISSION_ROWS.map(({ key, fallback }) => /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t(`commissions.global.${key}`, fallback),
+        value: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
+      },
+      key
+    )) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title: t("commissions.global.code", "Code"),
+          value: rate.code
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title: t("commissions.global.type", "Type"),
+          value: rate.type === "percentage" ? t("commissions.fields.type.percentage", "Percentage") : t("commissions.fields.type.fixed", "Fixed")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title: t("commissions.global.value", "Value"),
+          value: formatCommissionValue(rate)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title: t("commissions.global.tax", "Tax"),
+          value: rate.include_tax ? t("commissions.global.included", "Included in commission") : t("commissions.global.notIncluded", "Not included")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title: t("commissions.global.shipping", "Shipping"),
+          value: rate.include_shipping ? t("commissions.global.included", "Included in commission") : t("commissions.global.notIncluded", "Not included")
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-table.tsx
+import { Container as Container2 } from "@medusajs/ui";
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-data-table.tsx
+import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
+import { StatusBadge } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/use-commission-rules-filters.tsx
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+var useCommissionRulesFilters = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      {
+        key: "type",
+        label: t("commissions.fields.type.label", "Type"),
+        type: "select",
+        multiple: true,
+        options: [
+          {
+            label: t("commissions.fields.type.percentage", "Percentage"),
+            value: "percentage"
+          },
+          {
+            label: t("commissions.fields.type.fixed", "Fixed"),
+            value: "fixed"
+          }
+        ]
+      },
+      {
+        key: "is_enabled",
+        label: t("commissions.fields.status", "Status"),
+        type: "select",
+        options: [
+          { label: t("commissions.status.enabled", "Active"), value: "true" },
+          {
+            label: t("commissions.status.disabled", "Inactive"),
+            value: "false"
+          }
+        ]
+      }
+    ],
+    [t]
+  );
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/use-commission-rules-query.tsx
+var useCommissionRulesQuery = ({
+  prefix,
+  pageSize = 20
+} = {}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "is_enabled", "type"],
+    prefix
+  );
+  const { offset, q, order, is_enabled, type } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order: order || void 0,
+    q: q || void 0,
+    is_enabled: is_enabled ? is_enabled === "true" : void 0,
+    type: type ? type.split(",") : void 0
+  };
+  return { searchParams, raw: queryObject };
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-data-table.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var CommissionRulesDataTable = () => {
+  const { t } = useTranslation3();
+  const { searchParams, raw } = useCommissionRulesQuery({ pageSize: PAGE_SIZE });
+  const filters = useCommissionRulesFilters();
+  const {
+    commission_rates,
+    count,
+    isPending: isLoading,
+    isError,
+    error
+  } = useCommissionRules(
+    {
+      ...searchParams,
+      is_default: false,
+      fields: "id,name,code,type,value,currency_code,is_enabled,*rules,*values"
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const data = commission_rates ?? [];
+  const allRules = useMemo2(
+    () => data.flatMap((rate) => rate.rules ?? []),
+    [data]
+  );
+  const { names } = useScopeReferenceNames(allRules);
+  const columns = useColumns(names);
+  const { table } = useDataTable({
+    data,
+    columns,
+    count: count ?? 0,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(
+    _DataTable,
+    {
+      table,
+      columns,
+      count: count ?? 0,
+      pageSize: PAGE_SIZE,
+      isLoading,
+      queryObject: raw,
+      filters,
+      navigateTo: (row) => `${row.original.id}`,
+      pagination: true,
+      search: true,
+      orderBy: [
+        { key: "name", label: t("commissions.rules.columns.rule", "Rule") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ]
+    }
+  );
+};
+var CommissionRuleRowActions = ({ rule }) => {
+  const { t } = useTranslation3();
+  const handleDelete = useDeleteCommissionRuleAction(rule);
+  return /* @__PURE__ */ jsx2(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              to: `/settings/commissions/${rule.id}/edit`,
+              icon: /* @__PURE__ */ jsx2(PencilSquare2, {})
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              icon: /* @__PURE__ */ jsx2(Trash, {})
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = (names) => {
+  const { t } = useTranslation3();
+  return useMemo2(
+    () => [
+      columnHelper.accessor("name", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.rule", "Rule") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx2(TextCell, { text: getValue() })
+      }),
+      columnHelper.display({
+        id: "type",
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.type", "Type") }),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(TextCell, { text: getScopeTypeLabel(row.original.rules, t) })
+      }),
+      columnHelper.display({
+        id: "scope",
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.scope", "Scope") }),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(TextCell, { text: getScopeSummary(row.original.rules, names) })
+      }),
+      columnHelper.display({
+        id: "value",
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.value", "Value") }),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(TextCell, { text: formatCommissionValue(row.original) })
+      }),
+      columnHelper.accessor("is_enabled", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.status", "Status") }),
+        cell: ({ getValue }) => {
+          const props = getIsActiveProps(getValue(), t);
+          return /* @__PURE__ */ jsx2(StatusBadge, { color: props.color, children: props.label });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx2(CommissionRuleRowActions, { rule: row.original })
+      })
+    ],
+    [t, names]
+  );
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-header.tsx
+import { Button, Heading as Heading2 } from "@medusajs/ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var CommissionRulesHeader = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx3(Heading2, { children: t("commissions.rules.title", "Commission Rules") }),
+    /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx3(Link, { to: "create", children: t("actions.create") }) })
+  ] });
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-table.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var CommissionRulesTable = () => {
+  return /* @__PURE__ */ jsxs3(Container2, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx4(CommissionRulesHeader, {}),
+    /* @__PURE__ */ jsx4(CommissionRulesDataTable, {})
+  ] });
+};
+
+// src/pages/commissions/commissions-list/commissions-page.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, "data-testid": "commissions-page", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(GlobalCommissionSection, {}),
+    /* @__PURE__ */ jsx5(CommissionRulesTable, {})
+  ] }) });
+};
+var CommissionsPage = Object.assign(Root, {
+  GlobalCommission: GlobalCommissionSection,
+  RulesTable: CommissionRulesTable
+});
+
+export {
+  CommissionsPage
+};

package/dist/{chunk-TWCYZF6X.js → chunk-EM5TF7YZ.js}

@@ -36,7 +36,7 @@ import {
 } from "./chunk-PRBE5CM3.js";
 import {
   useOrders
-} from "./chunk-VT6QIVZW.js";
+} from "./chunk-RMAQKNBA.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-MEXH366L.js → chunk-FCLS6CKW.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteShippingOptionTypeAction
-} from "./chunk-N6YOACEW.js";
+} from "./chunk-L5Z4JGRD.js";
 import {
   useDateTableFilters
 } from "./chunk-26OOAKQ6.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   useShippingOptionTypes
-} from "./chunk-LJDGVBOQ.js";
+} from "./chunk-PJR6W35H.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-ENFXIYIH.js → chunk-FYKG35MR.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductTag
-} from "./chunk-LJDGVBOQ.js";
+} from "./chunk-PJR6W35H.js";
 
 // src/pages/product-tags/common/hooks/use-delete-product-tag-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-VZ7GNMGX.js → chunk-GA4ZFAOV.js}

@@ -1,7 +1,7 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-FJRNNDZS.js";
+} from "./chunk-EASE3NLF.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";

package/dist/{chunk-RZ5SFALB.js → chunk-GFUCELIZ.js}

@@ -1,9 +1,9 @@
 import {
   require_dist
-} from "./chunk-UCYSCKZV.js";
+} from "./chunk-Y7FNFQCU.js";
 import {
   useProductTags
-} from "./chunk-LJDGVBOQ.js";
+} from "./chunk-PJR6W35H.js";
 import {
   useProductTypes
 } from "./chunk-46M463BR.js";

package/dist/{chunk-OFOKVLV3.js → chunk-GHGOOZEL.js}

@@ -1,9 +1,9 @@
 import {
   returnsQueryKeys
-} from "./chunk-DELK6EWH.js";
+} from "./chunk-IHTQOPB6.js";
 import {
   ordersQueryKeys
-} from "./chunk-VT6QIVZW.js";
+} from "./chunk-RMAQKNBA.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-CVZA23ES.js → chunk-GNWWL47L.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductTagAction
-} from "./chunk-ENFXIYIH.js";
+} from "./chunk-FYKG35MR.js";
 import {
   useProductTagTableColumns
 } from "./chunk-5A4JNOK3.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useProductTagTableQuery
-} from "./chunk-MR3MLNWV.js";
+} from "./chunk-HYQPZADS.js";
 import {
   _DataTable,
   useDataTable
@@ -19,7 +19,7 @@ import {
 } from "./chunk-H6MYB7GB.js";
 import {
   useProductTags
-} from "./chunk-LJDGVBOQ.js";
+} from "./chunk-PJR6W35H.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-MR3MLNWV.js → chunk-HYQPZADS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-UCYSCKZV.js";
+} from "./chunk-Y7FNFQCU.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-DELK6EWH.js → chunk-IHTQOPB6.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-VT6QIVZW.js";
+} from "./chunk-RMAQKNBA.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/chunk-JEJQKTZO.js

@@ -0,0 +1,191 @@
+import {
+  useDeleteCommissionRuleAction,
+  useScopeReferenceNames
+} from "./chunk-RXRDZ47F.js";
+import {
+  formatCommissionValue,
+  getIsActiveProps,
+  getScopeSummary,
+  getScopeTypeLabel,
+  referenceIds
+} from "./chunk-PN5C4AND.js";
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import {
+  useCommissionRule
+} from "./chunk-ZIFHQXP3.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/commissions/commission-rule-detail/commission-rule-detail.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { Container, Heading, StatusBadge } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ScopeSection = ({ rule }) => {
+  const { t } = useTranslation();
+  const handleDelete = useDeleteCommissionRuleAction(rule);
+  const statusProps = getIsActiveProps(rule.is_enabled, t);
+  const { names } = useScopeReferenceNames(rule.rules);
+  const stores = referenceIds(rule.rules, "seller");
+  const productTypes = referenceIds(rule.rules, "product_type");
+  const categories = referenceIds(rule.rules, "product_category");
+  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__ */ jsx(Heading, { children: rule.name }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(StatusBadge, { color: statusProps.color, children: statusProps.label }),
+        /* @__PURE__ */ jsx(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("actions.edit"),
+                    icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                    to: "edit"
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    label: t("actions.delete"),
+                    icon: /* @__PURE__ */ jsx(Trash, {}),
+                    onClick: handleDelete
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.fields.code", "Code"),
+        value: rule.code
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.rules.columns.type", "Type"),
+        value: getScopeTypeLabel(rule.rules, t)
+      }
+    ),
+    stores.length > 0 && /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.fields.stores", "Stores"),
+        value: getScopeSummary(
+          (rule.rules ?? []).filter((r) => r.reference === "seller"),
+          names
+        )
+      }
+    ),
+    productTypes.length > 0 && /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.fields.productTypes", "Product Types"),
+        value: getScopeSummary(
+          (rule.rules ?? []).filter((r) => r.reference === "product_type"),
+          names
+        )
+      }
+    ),
+    categories.length > 0 && /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.fields.categories", "Categories"),
+        value: getScopeSummary(
+          (rule.rules ?? []).filter(
+            (r) => r.reference === "product_category"
+          ),
+          names
+        )
+      }
+    )
+  ] });
+};
+var CommissionSection = ({ rule }) => {
+  const { t } = useTranslation();
+  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__ */ jsx(Heading, { children: t("commissions.create.commission", "Commission") }),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                  to: "edit-commission"
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.fields.type.label", "Type"),
+        value: rule.type === "percentage" ? t("commissions.fields.type.percentage", "Percentage") : t("commissions.fields.type.fixed", "Fixed")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.global.value", "Value"),
+        value: formatCommissionValue(rule)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.global.tax", "Tax"),
+        value: rule.include_tax ? t("commissions.global.included", "Included in commission") : t("commissions.global.notIncluded", "Not included")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.global.shipping", "Shipping"),
+        value: rule.include_shipping ? t("commissions.global.included", "Included in commission") : t("commissions.global.notIncluded", "Not included")
+      }
+    )
+  ] });
+};
+var CommissionRuleDetail = () => {
+  const { id } = useParams();
+  const { commission_rate, isLoading, isError, error } = useCommissionRule(
+    id,
+    { fields: "*rules,*values" }
+  );
+  if (isError) {
+    throw error;
+  }
+  if (isLoading || !commission_rate) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(SingleColumnPage, { hasOutlet: true, data: commission_rate, children: [
+    /* @__PURE__ */ jsx(ScopeSection, { rule: commission_rate }),
+    /* @__PURE__ */ jsx(CommissionSection, { rule: commission_rate })
+  ] });
+};
+
+export {
+  CommissionRuleDetail
+};