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

package/dist/{edit-rules-2S5H7MC2.js → edit-rules-UFGKSAJV.js}

@@ -13,18 +13,18 @@ import {
   useRouteModal
 } from "./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";
@@ -46,7 +46,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/global-commission-edit-LCD6JJUX.js

@@ -0,0 +1,194 @@
+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 {
+  useDefaultCommission,
+  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/global-commission-edit/global-commission-edit.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Input, Select, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditGlobalCommissionSchema = zod.object({
+  code: zod.string().min(1),
+  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 EditGlobalCommissionForm = ({ rate }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const { currencies } = useStoreCurrencies();
+  const form = useForm({
+    defaultValues: {
+      code: rate.code,
+      type: rate.type,
+      value: rate.value,
+      fixed_values: fixedValuesFromRate(rate),
+      include_tax: rate.include_tax,
+      include_shipping: rate.include_shipping
+    },
+    resolver: zodResolver(EditGlobalCommissionSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateCommissionRule(rate.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const isFixed = values.type === "fixed";
+    const payload = {
+      code: values.code,
+      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
+    };
+    await mutateAsync(payload, {
+      onSuccess: () => {
+        toast.success(
+          t("commissions.global.edit.successToast", {
+            defaultValue: "Global 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: "code",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("commissions.fields.code", "Code") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "off", ...field }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      /* @__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, 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. If unchecked, tax is excluded and goes entirely to the store."
+          )
+        }
+      ),
+      /* @__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. If unchecked, shipping fees go entirely to the store."
+          )
+        }
+      )
+    ] }) }),
+    /* @__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, children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+var GlobalCommissionEdit = () => {
+  const { t } = useTranslation();
+  const { default_commission, isPending, isError, error } = useDefaultCommission();
+  const rate = default_commission;
+  const ready = !isPending && !!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.global.edit.header", "Edit Global Commission") }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: t("commissions.global.edit.header", "Edit Global Commission") })
+    ] }),
+    ready && /* @__PURE__ */ jsx(EditGlobalCommissionForm, { rate })
+  ] });
+};
+export {
+  GlobalCommissionEdit as Component
+};