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

package/dist/commission-rule-create-O7Z25SC7.js

@@ -0,0 +1,412 @@
+import {
+  CommissionValueFields,
+  useStoreCurrencies
+} from "./chunk-KZB7LCF2.js";
+import "./chunk-QR3GYYX6.js";
+import {
+  SCOPE_TYPE_DIMENSIONS,
+  buildRulesFromScope,
+  buildValuesPayload
+} from "./chunk-PN5C4AND.js";
+import "./chunk-MAEP2UCK.js";
+import {
+  useComboboxData
+} from "./chunk-5KGMGL4N.js";
+import "./chunk-PYDRHQTY.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import {
+  TabbedForm,
+  defineTabMeta,
+  useTabbedForm
+} from "./chunk-FREUYHMS.js";
+import {
+  SwitchBox
+} from "./chunk-2EME4AWX.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-SITRHMZZ.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useCreateCommissionRule
+} 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 {
+  sdk
+} from "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/commissions/commission-rule-create/commission-rule-create.tsx
+import { Children } from "react";
+import { useTranslation as useTranslation4 } from "react-i18next";
+
+// src/pages/commissions/commission-rule-create/components/create-commission-rule-form/create-commission-rule-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/pages/commissions/commission-rule-create/components/create-commission-rule-form/create-commission-rule-commission.tsx
+import { Heading, Select } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateCommissionRuleCommission = () => {
+  const { t } = useTranslation();
+  const form = useTabbedForm();
+  const direction = useDocumentDirection();
+  const { currencies } = useStoreCurrencies();
+  const commissionType = form.watch("commissionType");
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx(Heading, { children: t("commissions.create.commission", "Commission") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "commissionType",
+          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: commissionType,
+          currencies
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__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 based on the total amount 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 based on the total amount including shipping. If unchecked, shipping fees go entirely to the store."
+          )
+        }
+      )
+    ] })
+  ] }) });
+};
+CreateCommissionRuleCommission._tabMeta = defineTabMeta({
+  id: "commission",
+  labelKey: "commissions.create.commission",
+  validationFields: ["commissionType"]
+});
+
+// src/pages/commissions/commission-rule-create/components/create-commission-rule-form/create-commission-rule-details.tsx
+import { Heading as Heading2, Input, Select as Select2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CreateCommissionRuleDetails = () => {
+  const { t } = useTranslation2();
+  const form = useTabbedForm();
+  const direction = useDocumentDirection();
+  const scopeType = form.watch("scopeType");
+  const dimensions = SCOPE_TYPE_DIMENSIONS[scopeType];
+  const stores = useComboboxData({
+    queryKey: ["commission_stores"],
+    queryFn: (params) => sdk.admin.sellers.query({ ...params }),
+    getOptions: (data) => data.sellers.map((s) => ({
+      label: s.name,
+      value: s.id
+    }))
+  });
+  const productTypes = useComboboxData({
+    queryKey: ["commission_product_types"],
+    queryFn: (params) => sdk.admin.productTypes.query({ ...params }),
+    getOptions: (data) => data.product_types.map((pt) => ({
+      label: pt.value,
+      value: pt.id
+    }))
+  });
+  const categories = useComboboxData({
+    queryKey: ["commission_categories"],
+    queryFn: (params) => sdk.admin.productCategories.query({ ...params }),
+    getOptions: (data) => data.product_categories.map((c) => ({
+      label: c.name,
+      value: c.id
+    }))
+  });
+  return /* @__PURE__ */ jsx2("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx2(Heading2, { children: t("commissions.create.details", "Details") }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx2(
+          Form.Field,
+          {
+            control: form.control,
+            name: "title",
+            render: ({ field }) => /* @__PURE__ */ jsxs2(Form.Item, { children: [
+              /* @__PURE__ */ jsx2(Form.Label, { children: t("fields.title") }),
+              /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(Input, { autoComplete: "off", ...field }) }),
+              /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Form.Field,
+          {
+            control: form.control,
+            name: "code",
+            render: ({ field }) => /* @__PURE__ */ jsxs2(Form.Item, { children: [
+              /* @__PURE__ */ jsx2(Form.Label, { children: t("commissions.fields.code", "Code") }),
+              /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(Input, { autoComplete: "off", ...field }) }),
+              /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx2(
+        Form.Field,
+        {
+          control: form.control,
+          name: "scopeType",
+          render: ({ field: { onChange, ref, ...field } }) => /* @__PURE__ */ jsxs2(Form.Item, { children: [
+            /* @__PURE__ */ jsx2(Form.Label, { children: t("commissions.fields.scopeType.label", "Type") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsxs2(Select2, { ...field, onValueChange: onChange, dir: direction, children: [
+              /* @__PURE__ */ jsx2(Select2.Trigger, { ref, children: /* @__PURE__ */ jsx2(Select2.Value, {}) }),
+              /* @__PURE__ */ jsxs2(Select2.Content, { children: [
+                /* @__PURE__ */ jsx2(Select2.Item, { value: "store", children: t("commissions.fields.scopeType.store", "Store") }),
+                /* @__PURE__ */ jsx2(Select2.Item, { value: "product_type", children: t(
+                  "commissions.fields.scopeType.productType",
+                  "Product Type"
+                ) }),
+                /* @__PURE__ */ jsx2(Select2.Item, { value: "category", children: t("commissions.fields.scopeType.category", "Category") }),
+                /* @__PURE__ */ jsx2(Select2.Item, { value: "store_product_type", children: t(
+                  "commissions.fields.scopeType.storeProductType",
+                  "Store + Product Type"
+                ) }),
+                /* @__PURE__ */ jsx2(Select2.Item, { value: "store_category", children: t(
+                  "commissions.fields.scopeType.storeCategory",
+                  "Store + Category"
+                ) })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      dimensions.includes("seller") && /* @__PURE__ */ jsx2(
+        Form.Field,
+        {
+          control: form.control,
+          name: "stores",
+          render: ({ field }) => /* @__PURE__ */ jsxs2(Form.Item, { children: [
+            /* @__PURE__ */ jsx2(Form.Label, { children: t("commissions.fields.stores", "Stores") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+              Combobox,
+              {
+                options: stores.options,
+                fetchNextPage: stores.fetchNextPage,
+                searchValue: stores.searchValue,
+                onSearchValueChange: stores.onSearchValueChange,
+                ...field
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      dimensions.includes("product_type") && /* @__PURE__ */ jsx2(
+        Form.Field,
+        {
+          control: form.control,
+          name: "productTypes",
+          render: ({ field }) => /* @__PURE__ */ jsxs2(Form.Item, { children: [
+            /* @__PURE__ */ jsx2(Form.Label, { children: t("commissions.fields.productTypes", "Product Types") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+              Combobox,
+              {
+                options: productTypes.options,
+                fetchNextPage: productTypes.fetchNextPage,
+                searchValue: productTypes.searchValue,
+                onSearchValueChange: productTypes.onSearchValueChange,
+                ...field
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      dimensions.includes("product_category") && /* @__PURE__ */ jsx2(
+        Form.Field,
+        {
+          control: form.control,
+          name: "categories",
+          render: ({ field }) => /* @__PURE__ */ jsxs2(Form.Item, { children: [
+            /* @__PURE__ */ jsx2(Form.Label, { children: t("commissions.fields.categories", "Categories") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+              Combobox,
+              {
+                options: categories.options,
+                fetchNextPage: categories.fetchNextPage,
+                searchValue: categories.searchValue,
+                onSearchValueChange: categories.onSearchValueChange,
+                ...field
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
+          ] })
+        }
+      )
+    ] })
+  ] }) });
+};
+CreateCommissionRuleDetails._tabMeta = defineTabMeta(
+  {
+    id: "details",
+    labelKey: "commissions.create.details",
+    validationFields: ["title", "code", "scopeType"]
+  }
+);
+
+// src/pages/commissions/commission-rule-create/components/create-commission-rule-form/schema.ts
+import * as zod from "zod";
+var CreateCommissionRuleSchema = zod.object({
+  title: zod.string().min(1),
+  code: zod.string().min(1),
+  scopeType: zod.enum([
+    "store",
+    "product_type",
+    "category",
+    "store_product_type",
+    "store_category"
+  ]),
+  stores: zod.array(zod.string()),
+  productTypes: zod.array(zod.string()),
+  categories: zod.array(zod.string()),
+  commissionType: 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()
+});
+
+// src/pages/commissions/commission-rule-create/components/create-commission-rule-form/create-commission-rule-form.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CreateCommissionRuleForm = () => {
+  const { t } = useTranslation3();
+  const { handleSuccess } = useRouteModal();
+  const { currencies } = useStoreCurrencies();
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      code: "",
+      scopeType: "store",
+      stores: [],
+      productTypes: [],
+      categories: [],
+      commissionType: "percentage",
+      value: 0,
+      fixed_values: {},
+      include_tax: false,
+      include_shipping: false
+    },
+    resolver: zodResolver(CreateCommissionRuleSchema)
+  });
+  const { mutateAsync, isPending } = useCreateCommissionRule();
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const rules = buildRulesFromScope(values.scopeType, {
+      stores: values.stores,
+      productTypes: values.productTypes,
+      categories: values.categories
+    });
+    const isFixed = values.commissionType === "fixed";
+    await mutateAsync(
+      {
+        name: values.title,
+        code: values.code,
+        type: values.commissionType,
+        value: isFixed ? 0 : values.value,
+        ...isFixed ? { values: buildValuesPayload(currencies, values.fixed_values) } : {},
+        include_tax: values.include_tax,
+        include_shipping: values.include_shipping,
+        is_enabled: true,
+        ...rules.length > 0 ? { rules } : {}
+      },
+      {
+        onSuccess: ({ commission_rate }) => {
+          toast.success(
+            t("commissions.create.successToast", {
+              defaultValue: "Commission rule created"
+            })
+          );
+          handleSuccess(`/settings/commissions/${commission_rate.id}`);
+        },
+        onError: (e) => toast.error(e.message)
+      }
+    );
+  });
+  return /* @__PURE__ */ jsxs3(
+    TabbedForm,
+    {
+      form,
+      onSubmit: handleSubmit,
+      isLoading: isPending,
+      children: [
+        /* @__PURE__ */ jsx3(CreateCommissionRuleDetails, {}),
+        /* @__PURE__ */ jsx3(CreateCommissionRuleCommission, {})
+      ]
+    }
+  );
+};
+
+// src/pages/commissions/commission-rule-create/commission-rule-create.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsxs4(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx4(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx4("span", { className: "sr-only", children: t("commissions.create.header", "Create Commission Rule") }) }),
+    /* @__PURE__ */ jsx4(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx4("span", { className: "sr-only", children: t("commissions.create.header", "Create Commission Rule") }) }),
+    Children.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CreateCommissionRuleForm, {})
+  ] });
+};
+var CommissionRuleCreate = Object.assign(Root, {
+  Form: CreateCommissionRuleForm
+});
+export {
+  CommissionRuleCreate as Component
+};

package/dist/commission-rule-detail-I7LVSNAM.js

@@ -0,0 +1,45 @@
+import {
+  CommissionRuleDetail
+} from "./chunk-JEJQKTZO.js";
+import "./chunk-RXRDZ47F.js";
+import "./chunk-PN5C4AND.js";
+import "./chunk-FI474ADU.js";
+import "./chunk-3XPXUIK3.js";
+import "./chunk-E74OUNA3.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-46M463BR.js";
+import {
+  useCommissionRule
+} from "./chunk-ZIFHQXP3.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-KYFWVLWO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-M2E3PKA4.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/commissions/commission-rule-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var CommissionRuleBreadcrumb = (props) => {
+  const { id } = props.params || {};
+  const { commission_rate } = useCommissionRule(
+    id,
+    void 0,
+    {
+      initialData: props.data,
+      enabled: Boolean(id)
+    }
+  );
+  if (!commission_rate) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: commission_rate.name });
+};
+export {
+  CommissionRuleBreadcrumb as Breadcrumb,
+  CommissionRuleDetail as Component
+};