@mercurjs/admin 2.2.0-canary.9 → 2.2.0-rc.0

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

@@ -0,0 +1,464 @@
+import {
+  CommissionValueFields,
+  addCommissionValueIssues,
+  optionalAmount,
+  useStoreCurrencies
+} from "./chunk-CU4UVEHX.js";
+import "./chunk-QR3GYYX6.js";
+import {
+  SCOPE_TYPE_DIMENSIONS,
+  buildRulesFromScope,
+  buildValuesPayload
+} from "./chunk-CGIVQ7D2.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-G5KNNOXX.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.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 { useMemo } from "react";
+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 } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateCommissionRuleCommission = () => {
+  const { t } = useTranslation();
+  const form = useTabbedForm();
+  const { currencies } = useStoreCurrencies();
+  const commissionType = form.watch("commissionType");
+  const typeOptions = [
+    { value: "percentage", label: t("commissions.fields.type.percentage") },
+    { value: "fixed", label: t("commissions.fields.type.fixed") }
+  ];
+  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") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "commissionType",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("commissions.fields.type.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Combobox,
+              {
+                ...field,
+                options: typeOptions,
+                forceHideInput: true,
+                "data-testid": "commission-rule-commission-type-select"
+              }
+            ) }),
+            /* @__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"),
+          description: t("commissions.fields.taxIncludedHint")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SwitchBox,
+        {
+          control: form.control,
+          name: "include_shipping",
+          label: t("commissions.fields.shippingIncluded"),
+          description: t("commissions.fields.shippingIncludedHint")
+        }
+      )
+    ] })
+  ] }) });
+};
+CreateCommissionRuleCommission._tabMeta = defineTabMeta({
+  id: "commission",
+  labelKey: "commissions.create.commission",
+  validationFields: ["commissionType", "value"]
+});
+
+// src/pages/commissions/commission-rule-create/components/create-commission-rule-form/create-commission-rule-details.tsx
+import { Heading as Heading2, Input } 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 scopeType = form.watch("scopeType");
+  const dimensions = SCOPE_TYPE_DIMENSIONS[scopeType];
+  const scopeTypeOptions = [
+    { value: "store", label: t("commissions.fields.scopeType.store") },
+    {
+      value: "product_type",
+      label: t("commissions.fields.scopeType.productType")
+    },
+    { value: "category", label: t("commissions.fields.scopeType.category") },
+    {
+      value: "store_product_type",
+      label: t("commissions.fields.scopeType.storeProductType")
+    },
+    {
+      value: "store_category",
+      label: t("commissions.fields.scopeType.storeCategory")
+    }
+  ];
+  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") }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-4", 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") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+              Input,
+              {
+                autoComplete: "off",
+                "data-testid": "commission-rule-code-input",
+                ...field
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        Form.Field,
+        {
+          control: form.control,
+          name: "scopeType",
+          render: ({ field }) => /* @__PURE__ */ jsxs2(Form.Item, { children: [
+            /* @__PURE__ */ jsx2(Form.Label, { children: t("commissions.fields.scopeType.label") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+              Combobox,
+              {
+                ...field,
+                options: scopeTypeOptions,
+                forceHideInput: true,
+                "data-testid": "commission-rule-scope-type-select"
+              }
+            ) }),
+            /* @__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") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+              Combobox,
+              {
+                ...field,
+                value: field.value ?? [],
+                options: stores.options,
+                searchValue: stores.searchValue,
+                onSearchValueChange: stores.onSearchValueChange,
+                fetchNextPage: stores.fetchNextPage,
+                "data-testid": "commission-rule-stores-input"
+              }
+            ) }),
+            /* @__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") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+              Combobox,
+              {
+                ...field,
+                value: field.value ?? [],
+                options: productTypes.options,
+                searchValue: productTypes.searchValue,
+                onSearchValueChange: productTypes.onSearchValueChange,
+                fetchNextPage: productTypes.fetchNextPage,
+                "data-testid": "commission-rule-product-types-input"
+              }
+            ) }),
+            /* @__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") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+              Combobox,
+              {
+                ...field,
+                value: field.value ?? [],
+                options: categories.options,
+                searchValue: categories.searchValue,
+                onSearchValueChange: categories.onSearchValueChange,
+                fetchNextPage: categories.fetchNextPage,
+                "data-testid": "commission-rule-categories-input"
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
+          ] })
+        }
+      )
+    ] })
+  ] }) });
+};
+CreateCommissionRuleDetails._tabMeta = defineTabMeta(
+  {
+    id: "details",
+    labelKey: "commissions.create.details",
+    validationFields: [
+      "title",
+      "code",
+      "scopeType",
+      "stores",
+      "productTypes",
+      "categories"
+    ]
+  }
+);
+
+// src/pages/commissions/commission-rule-create/components/create-commission-rule-form/schema.ts
+import i18n from "i18next";
+import * as zod from "zod";
+var baseCommissionRuleSchema = zod.object({
+  title: zod.string().min(1, { message: i18n.t("commissions.validation.titleRequired") }),
+  code: zod.string().min(1, { message: i18n.t("commissions.validation.codeRequired") }),
+  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: optionalAmount,
+  fixed_values: zod.record(zod.string(), optionalAmount).optional(),
+  include_tax: zod.boolean(),
+  include_shipping: zod.boolean()
+});
+var createCommissionRuleSchema = (currencies = []) => baseCommissionRuleSchema.superRefine((data, ctx) => {
+  const dimensions = SCOPE_TYPE_DIMENSIONS[data.scopeType];
+  if (dimensions.includes("seller") && data.stores.length === 0) {
+    ctx.addIssue({
+      code: zod.ZodIssueCode.custom,
+      path: ["stores"],
+      message: i18n.t("commissions.validation.storesRequired")
+    });
+  }
+  if (dimensions.includes("product_type") && data.productTypes.length === 0) {
+    ctx.addIssue({
+      code: zod.ZodIssueCode.custom,
+      path: ["productTypes"],
+      message: i18n.t("commissions.validation.productTypesRequired")
+    });
+  }
+  if (dimensions.includes("product_category") && data.categories.length === 0) {
+    ctx.addIssue({
+      code: zod.ZodIssueCode.custom,
+      path: ["categories"],
+      message: i18n.t("commissions.validation.categoriesRequired")
+    });
+  }
+  addCommissionValueIssues(ctx, {
+    type: data.commissionType,
+    value: data.value,
+    fixedValues: data.fixed_values,
+    currencies
+  });
+});
+
+// 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 resolver = useMemo(
+    () => zodResolver(createCommissionRuleSchema(currencies)),
+    [currencies]
+  );
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      code: "",
+      scopeType: "store",
+      stores: [],
+      productTypes: [],
+      categories: [],
+      commissionType: "percentage",
+      value: void 0,
+      fixed_values: {},
+      include_tax: false,
+      include_shipping: false
+    },
+    resolver
+  });
+  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")
+          );
+          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") }) }),
+    /* @__PURE__ */ jsx4(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx4("span", { className: "sr-only", children: t("commissions.create.header") }) }),
+    Children.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CreateCommissionRuleForm, {})
+  ] });
+};
+var CommissionRuleCreate = Object.assign(Root, {
+  Form: CreateCommissionRuleForm
+});
+export {
+  CommissionRuleCreate as Component
+};

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

@@ -0,0 +1,45 @@
+import {
+  CommissionRuleDetail
+} from "./chunk-HT34QVZR.js";
+import "./chunk-JSVYNNPF.js";
+import "./chunk-CGIVQ7D2.js";
+import "./chunk-FI474ADU.js";
+import "./chunk-3XPXUIK3.js";
+import "./chunk-E74OUNA3.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-EWFOFSF7.js";
+import {
+  useCommissionRule
+} from "./chunk-G5KNNOXX.js";
+import "./chunk-BILFRATX.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-JZJT26E3.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-ZKHF75MZ.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.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
+};