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

package/dist/{chunk-RWRL4AXD.js → chunk-XKD67CD4.js}

@@ -12,10 +12,10 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   useProductTableColumns
-} from "./chunk-OMBP3YSV.js";
+} from "./chunk-CFBEBAQS.js";
 import {
   useProductTableFilters
-} from "./chunk-RZ5SFALB.js";
+} from "./chunk-GFUCELIZ.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-UCYSCKZV.js → chunk-Y7FNFQCU.js}

@@ -9006,17 +9006,12 @@ var require_common38 = __commonJS({
   "../types/dist/commission/common.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CommissionRateTarget = exports.CommissionRateType = void 0;
+    exports.CommissionRateType = void 0;
     var CommissionRateType;
     (function(CommissionRateType2) {
       CommissionRateType2["FIXED"] = "fixed";
       CommissionRateType2["PERCENTAGE"] = "percentage";
     })(CommissionRateType || (exports.CommissionRateType = CommissionRateType = {}));
-    var CommissionRateTarget;
-    (function(CommissionRateTarget2) {
-      CommissionRateTarget2["ITEM"] = "item";
-      CommissionRateTarget2["SHIPPING"] = "shipping";
-    })(CommissionRateTarget || (exports.CommissionRateTarget = CommissionRateTarget = {}));
   }
 });
 

package/dist/{chunk-HEGPAGJT.js → chunk-YI7I7JFX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useSellersTableQuery
-} from "./chunk-MR3MLNWV.js";
+} from "./chunk-HYQPZADS.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-H6MYB7GB.js";
 import {
   require_dist
-} from "./chunk-UCYSCKZV.js";
+} from "./chunk-Y7FNFQCU.js";
 import {
   useSellers
 } from "./chunk-LEG67A2R.js";

package/dist/{chunk-EB6ZFOTO.js → chunk-YLK2WZU3.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-OMBP3YSV.js";
+} from "./chunk-CFBEBAQS.js";
 import {
   useProductTableFilters
-} from "./chunk-RZ5SFALB.js";
+} from "./chunk-GFUCELIZ.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-OCRKS4Z7.js → chunk-ZDJWTF64.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-U5MJIHLY.js";
 import {
   useProductTableColumns
-} from "./chunk-OMBP3YSV.js";
+} from "./chunk-CFBEBAQS.js";
 import {
   useProductTableFilters
-} from "./chunk-RZ5SFALB.js";
+} from "./chunk-GFUCELIZ.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-T4GL73RP.js → chunk-ZG6DNI7O.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AJLGY3LQ.js";
 import {
   i18n
-} from "./chunk-Q5WTOVZZ.js";
+} from "./chunk-O63MLTQV.js";
 
 // src/pages/products/product-create/constants.ts
 import { z } from "zod";

package/dist/{chunk-OHOWEMHO.js → chunk-ZIFHQXP3.js}

@@ -8,67 +8,73 @@ import {
   sdk
 } from "./chunk-ZBWL72TB.js";
 
-// src/hooks/api/commission-rates.tsx
+// src/hooks/api/commissions.tsx
 import {
   useMutation,
   useQuery
 } from "@tanstack/react-query";
-var COMMISSION_RATES_QUERY_KEY = "commission_rates";
-var commissionRatesQueryKeys = queryKeysFactory(
-  COMMISSION_RATES_QUERY_KEY
-);
-var useCommissionRate = (id, query, options) => {
+var COMMISSIONS_QUERY_KEY = "commissions";
+var commissionsQueryKeys = queryKeysFactory(COMMISSIONS_QUERY_KEY);
+var useCommissionRule = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.commissionRates.$id.query({ $id: id, ...query }),
-    queryKey: commissionRatesQueryKeys.detail(id),
+    queryKey: commissionsQueryKeys.detail(id, query),
     ...options
   });
   return { ...data, ...rest };
 };
-var useCommissionRates = (query, options) => {
+var useCommissionRules = (query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.commissionRates.query({ ...query }),
-    queryKey: commissionRatesQueryKeys.list(query),
+    queryKey: commissionsQueryKeys.list(query),
     ...options
   });
   return { ...data, ...rest };
 };
-var useCreateCommissionRate = (options) => {
+var useDefaultCommission = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.commissionRates.query({ is_default: true, ...query }),
+    queryKey: commissionsQueryKeys.list({ is_default: true, ...query }),
+    ...options
+  });
+  return { default_commission: data?.commission_rates?.[0], ...rest };
+};
+var useCreateCommissionRule = (options) => {
   return useMutation({
     mutationFn: (payload) => sdk.admin.commissionRates.mutate(payload),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
-var useUpdateCommissionRate = (id, options) => {
+var useUpdateCommissionRule = (id, options) => {
   return useMutation({
     mutationFn: (payload) => sdk.admin.commissionRates.$id.mutate({ $id: id, ...payload }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.detail(id)
+        queryKey: commissionsQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
-var useDeleteCommissionRate = (id, options) => {
+var useDeleteCommissionRule = (id, options) => {
   return useMutation({
     mutationFn: () => sdk.admin.commissionRates.$id.delete({ $id: id }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.detail(id)
+        queryKey: commissionsQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
@@ -80,10 +86,10 @@ var useBatchCommissionRules = (id, options) => {
     mutationFn: (payload) => sdk.admin.commissionRates.$id.rules.mutate({ $id: id, ...payload }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.detail(id)
+        queryKey: commissionsQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
@@ -92,11 +98,11 @@ var useBatchCommissionRules = (id, options) => {
 };
 
 export {
-  commissionRatesQueryKeys,
-  useCommissionRate,
-  useCommissionRates,
-  useCreateCommissionRate,
-  useUpdateCommissionRate,
-  useDeleteCommissionRate,
+  useCommissionRule,
+  useCommissionRules,
+  useDefaultCommission,
+  useCreateCommissionRule,
+  useUpdateCommissionRule,
+  useDeleteCommissionRule,
   useBatchCommissionRules
 };

package/dist/{collection-add-products-KTUW23TD.js → collection-add-products-4EZ6W4N6.js}

@@ -1,10 +1,10 @@
 import {
   useProductTableColumns
-} from "./chunk-OMBP3YSV.js";
-import "./chunk-WPVDACTL.js";
+} from "./chunk-CFBEBAQS.js";
+import "./chunk-OA24YN34.js";
 import {
   useProductTableFilters
-} from "./chunk-RZ5SFALB.js";
+} from "./chunk-GFUCELIZ.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";
@@ -30,19 +30,19 @@ import "./chunk-WIYFXWRI.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-UCYSCKZV.js";
-import "./chunk-LJDGVBOQ.js";
+import "./chunk-Y7FNFQCU.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
-import "./chunk-FJHAAROU.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
-import "./chunk-46M463BR.js";
 import "./chunk-YFRC6GEN.js";
 import "./chunk-N6SI4IIT.js";
 import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-GKGLVDDV.js";
 import "./chunk-ESPLVOFC.js";
 import "./chunk-WJJXUXSO.js";
@@ -61,7 +61,7 @@ import "./chunk-LEG67A2R.js";
 import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-VT6QIVZW.js";
+import "./chunk-RMAQKNBA.js";
 import "./chunk-OKWGPKVK.js";
 import "./chunk-KYFWVLWO.js";
 import "./chunk-Y7QKP6QU.js";

package/dist/{collection-detail-TR7TDQZG.js → collection-detail-X22ZIM5S.js}

@@ -1,9 +1,9 @@
 import {
   CollectionDetailPage
-} from "./chunk-47W2JHOE.js";
-import "./chunk-OMBP3YSV.js";
-import "./chunk-WPVDACTL.js";
-import "./chunk-RZ5SFALB.js";
+} from "./chunk-UT2O7IS7.js";
+import "./chunk-CFBEBAQS.js";
+import "./chunk-OA24YN34.js";
+import "./chunk-GFUCELIZ.js";
 import "./chunk-LYZDVZWA.js";
 import "./chunk-FWPGOIFA.js";
 import "./chunk-DB6ANJBO.js";
@@ -19,19 +19,19 @@ import "./chunk-H6MYB7GB.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-UCYSCKZV.js";
-import "./chunk-LJDGVBOQ.js";
+import "./chunk-Y7FNFQCU.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
-import "./chunk-FJHAAROU.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
-import "./chunk-46M463BR.js";
 import "./chunk-YFRC6GEN.js";
 import "./chunk-N6SI4IIT.js";
 import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-GKGLVDDV.js";
 import "./chunk-ESPLVOFC.js";
 import "./chunk-WJJXUXSO.js";
@@ -50,7 +50,7 @@ import "./chunk-LEG67A2R.js";
 import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-VT6QIVZW.js";
+import "./chunk-RMAQKNBA.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-OKWGPKVK.js";
 import "./chunk-KYFWVLWO.js";

package/dist/{collection-list-FOWSOTS7.js → collection-list-6CUEOLUU.js}

@@ -1,6 +1,6 @@
 import {
   CollectionListPage
-} from "./chunk-WUGV75DM.js";
+} from "./chunk-3F6U44M6.js";
 import "./chunk-JQV7CXEC.js";
 import "./chunk-KOURHC2N.js";
 import "./chunk-2ZFELO2L.js";
@@ -10,7 +10,7 @@ import "./chunk-I5THQVYP.js";
 import "./chunk-J3AMUGGZ.js";
 import "./chunk-CMHI2RPL.js";
 import "./chunk-S2WEYEQR.js";
-import "./chunk-MR3MLNWV.js";
+import "./chunk-HYQPZADS.js";
 import "./chunk-MG4GKUJW.js";
 import "./chunk-AYVH6Q5O.js";
 import "./chunk-VOHEQ7B5.js";
@@ -22,7 +22,7 @@ import "./chunk-QUHSHIAC.js";
 import "./chunk-VKOE5J66.js";
 import "./chunk-DY3XQPHC.js";
 import "./chunk-JHIMVLB2.js";
-import "./chunk-RZ5SFALB.js";
+import "./chunk-GFUCELIZ.js";
 import "./chunk-LYZDVZWA.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-FQERBIVS.js";
@@ -37,19 +37,19 @@ import "./chunk-H6MYB7GB.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-UCYSCKZV.js";
-import "./chunk-LJDGVBOQ.js";
+import "./chunk-Y7FNFQCU.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
-import "./chunk-FJHAAROU.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
-import "./chunk-46M463BR.js";
 import "./chunk-YFRC6GEN.js";
 import "./chunk-N6SI4IIT.js";
 import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-GKGLVDDV.js";
 import "./chunk-ESPLVOFC.js";
 import "./chunk-WJJXUXSO.js";
@@ -65,7 +65,7 @@ import "./chunk-LEG67A2R.js";
 import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-VT6QIVZW.js";
+import "./chunk-RMAQKNBA.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-OKWGPKVK.js";
 import "./chunk-KYFWVLWO.js";

package/dist/{collection-metadata-DS32TGOK.js → collection-metadata-AWJYPZKR.js}

@@ -5,18 +5,18 @@ import "./chunk-TKGWSUEI.js";
 import "./chunk-SITRHMZZ.js";
 import "./chunk-FWJLS7XD.js";
 import "./chunk-3QSRE5LS.js";
-import "./chunk-LJDGVBOQ.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
-import "./chunk-FJHAAROU.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
-import "./chunk-46M463BR.js";
 import "./chunk-YFRC6GEN.js";
 import "./chunk-N6SI4IIT.js";
 import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-GKGLVDDV.js";
 import "./chunk-ESPLVOFC.js";
 import "./chunk-WJJXUXSO.js";
@@ -35,7 +35,7 @@ import "./chunk-LEG67A2R.js";
 import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-VT6QIVZW.js";
+import "./chunk-RMAQKNBA.js";
 import "./chunk-OKWGPKVK.js";
 import "./chunk-KYFWVLWO.js";
 import "./chunk-LAVHRER2.js";

package/dist/commission-rule-commission-edit-TA3H3EEN.js

@@ -0,0 +1,196 @@
+import {
+  CommissionValueFields,
+  useStoreCurrencies
+} from "./chunk-KZB7LCF2.js";
+import {
+  buildValuesPayload,
+  fixedValuesFromRate
+} from "./chunk-PN5C4AND.js";
+import "./chunk-MAEP2UCK.js";
+import {
+  SwitchBox
+} from "./chunk-2EME4AWX.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-SITRHMZZ.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useCommissionRule,
+  useUpdateCommissionRule
+} from "./chunk-ZIFHQXP3.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/commissions/commission-rule-commission-edit/commission-rule-commission-edit.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Select, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditCommissionSchema = zod.object({
+  type: zod.enum(["percentage", "fixed"]),
+  value: zod.coerce.number().min(0),
+  fixed_values: zod.record(zod.string(), zod.coerce.number()).optional(),
+  include_tax: zod.boolean(),
+  include_shipping: zod.boolean()
+});
+var EditCommissionForm = ({ rule }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const { currencies } = useStoreCurrencies();
+  const form = useForm({
+    defaultValues: {
+      type: rule.type,
+      value: rule.value,
+      fixed_values: fixedValuesFromRate(rule),
+      include_tax: rule.include_tax,
+      include_shipping: rule.include_shipping
+    },
+    resolver: zodResolver(EditCommissionSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateCommissionRule(rule.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const isFixed = values.type === "fixed";
+    await mutateAsync(
+      {
+        type: values.type,
+        value: isFixed ? 0 : values.value,
+        ...isFixed ? { values: buildValuesPayload(currencies, values.fixed_values) } : {},
+        include_tax: values.include_tax,
+        include_shipping: values.include_shipping
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("commissions.commissionEdit.successToast", {
+              defaultValue: "Commission updated"
+            })
+          );
+          handleSuccess();
+        },
+        onError: (e) => toast.error(e.message)
+      }
+    );
+  });
+  const watchType = form.watch("type");
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "type",
+          render: ({ field: { onChange, ref, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("commissions.fields.type.label", "Type") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(Select, { ...field, onValueChange: onChange, dir: direction, children: [
+              /* @__PURE__ */ jsx(
+                Select.Trigger,
+                {
+                  ref,
+                  "data-testid": "commission-edit-type-select",
+                  children: /* @__PURE__ */ jsx(Select.Value, {})
+                }
+              ),
+              /* @__PURE__ */ jsxs(Select.Content, { children: [
+                /* @__PURE__ */ jsx(Select.Item, { value: "percentage", children: t(
+                  "commissions.fields.type.percentage",
+                  "Percentage"
+                ) }),
+                /* @__PURE__ */ jsx(Select.Item, { value: "fixed", children: t("commissions.fields.type.fixed", "Fixed") })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CommissionValueFields,
+        {
+          control: form.control,
+          type: watchType,
+          currencies
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SwitchBox,
+        {
+          control: form.control,
+          name: "include_tax",
+          label: t("commissions.fields.taxIncluded", "Tax included"),
+          description: t(
+            "commissions.fields.taxIncludedHint",
+            "If checked, commission is calculated on the total including tax."
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SwitchBox,
+        {
+          control: form.control,
+          name: "include_shipping",
+          label: t(
+            "commissions.fields.shippingIncluded",
+            "Shipping included"
+          ),
+          description: t(
+            "commissions.fields.shippingIncludedHint",
+            "If checked, commission is calculated on the total including shipping."
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          type: "submit",
+          isLoading: isPending,
+          "data-testid": "commission-edit-submit",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+var CommissionRuleCommissionEdit = () => {
+  const { t } = useTranslation();
+  const { id } = useParams();
+  const { commission_rate, isPending, isError, error } = useCommissionRule(
+    id,
+    { fields: "*rules,*values" }
+  );
+  const ready = !isPending && !!commission_rate;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: t("commissions.commissionEdit.header", "Edit Commission") }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: t("commissions.commissionEdit.header", "Edit Commission") })
+    ] }),
+    ready && /* @__PURE__ */ jsx(EditCommissionForm, { rule: commission_rate })
+  ] });
+};
+export {
+  CommissionRuleCommissionEdit as Component
+};