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

package/dist/chunk-HT34QVZR.js

@@ -0,0 +1,184 @@
+import {
+  useDeleteCommissionRuleAction,
+  useScopeReferenceNames
+} from "./chunk-JSVYNNPF.js";
+import {
+  formatCommissionValue,
+  getIsActiveProps,
+  getScopeSummary,
+  getScopeTypeLabel,
+  referenceIds
+} from "./chunk-CGIVQ7D2.js";
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import {
+  useCommissionRule
+} from "./chunk-G5KNNOXX.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.rules.columns.type"),
+        value: getScopeTypeLabel(rule.rules, t)
+      }
+    ),
+    stores.length > 0 && /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.fields.stores"),
+        value: getScopeSummary(
+          (rule.rules ?? []).filter((r) => r.reference === "seller"),
+          names
+        )
+      }
+    ),
+    productTypes.length > 0 && /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.fields.productTypes"),
+        value: getScopeSummary(
+          (rule.rules ?? []).filter((r) => r.reference === "product_type"),
+          names
+        )
+      }
+    ),
+    categories.length > 0 && /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.fields.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") }),
+      /* @__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"),
+        value: rule.type === "percentage" ? t("commissions.fields.type.percentage") : t("commissions.fields.type.fixed")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.global.value"),
+        value: formatCommissionValue(rule)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.global.tax"),
+        value: rule.include_tax ? t("commissions.global.included") : t("commissions.global.notIncluded")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("commissions.global.shipping"),
+        value: rule.include_shipping ? t("commissions.global.included") : t("commissions.global.notIncluded")
+      }
+    )
+  ] });
+};
+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
+};

package/dist/{chunk-WJJXUXSO.js → chunk-IC2PLPRP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/members.tsx
 import { useQuery } from "@tanstack/react-query";