@btst/plugin-affiliate 0.0.0-stage → 1.0.0-beta.0

package/dist/client/components/pages/affiliates-page.internal.mjs

@@ -0,0 +1,158 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { usePluginSiteNavigation, usePluginOverrides, PermissionAccess } from '@btst/stack/context';
+import { affiliatePermissions } from '../../../permissions.mjs';
+import { useAffiliates, useCreateAffiliate, useUpdateAffiliate } from '../../hooks/index.mjs';
+import { AFFILIATE_PLUGIN_ID } from '../../constants.mjs';
+import { useAffiliateAction, AffiliatePage, ActionNotice, ProfileFields, Field, Status, date, Pagination, readProfile } from '../shared.mjs';
+
+function AffiliatesPage() {
+  const [status, setStatus] = useState("");
+  const [offset, setOffset] = useState(0);
+  const [adding, setAdding] = useState(false);
+  const { data } = useAffiliates({
+    status: status || void 0,
+    limit: 25,
+    offset
+  });
+  const create = useCreateAffiliate();
+  const update = useUpdateAffiliate();
+  const action = useAffiliateAction();
+  const { Link, resolve } = usePluginSiteNavigation(AFFILIATE_PLUGIN_ID);
+  const { localization } = usePluginOverrides(AFFILIATE_PLUGIN_ID);
+  const save = (event) => {
+    event.preventDefault();
+    const fields = new FormData(event.currentTarget);
+    void action.run(async () => {
+      await create.mutateAsync({
+        ...readProfile(fields),
+        userId: String(fields.get("userId") ?? "")
+      });
+      setAdding(false);
+    }, "Affiliate added. Review the profile to approve the application.");
+  };
+  return /* @__PURE__ */ jsxs(
+    AffiliatePage,
+    {
+      title: localization?.affiliates ?? "Affiliates",
+      description: "Review applications, approve partners, and manage referral profiles.",
+      action: /* @__PURE__ */ jsx(PermissionAccess, { permission: affiliatePermissions.affiliate.create(), children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "affiliate-primary",
+          type: "button",
+          onClick: () => setAdding(!adding),
+          children: adding ? "Close form" : "Add affiliate"
+        }
+      ) }),
+      children: [
+        /* @__PURE__ */ jsx(ActionNotice, { ...action }),
+        adding && /* @__PURE__ */ jsxs("form", { className: "affiliate-panel affiliate-stack", onSubmit: save, children: [
+          /* @__PURE__ */ jsx("h2", { children: "Add affiliate" }),
+          /* @__PURE__ */ jsxs("fieldset", { disabled: action.pending, children: [
+            /* @__PURE__ */ jsx(ProfileFields, { userId: true }),
+            /* @__PURE__ */ jsxs("div", { className: "affiliate-actions", children: [
+              /* @__PURE__ */ jsx("button", { className: "affiliate-primary", type: "submit", children: action.pending ? "Saving\u2026" : "Save affiliate" }),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setAdding(false), children: "Cancel" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "affiliate-toolbar", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Filter by status", children: /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: status,
+              onChange: (event) => {
+                setStatus(event.target.value);
+                setOffset(0);
+              },
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "All statuses" }),
+                /* @__PURE__ */ jsx("option", { value: "pending", children: "Pending" }),
+                /* @__PURE__ */ jsx("option", { value: "approved", children: "Approved" }),
+                /* @__PURE__ */ jsx("option", { value: "suspended", children: "Suspended" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("p", { className: "affiliate-muted", children: [
+            data.total,
+            " ",
+            data.total === 1 ? "affiliate" : "affiliates"
+          ] })
+        ] }),
+        data.items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "affiliate-empty", children: "No affiliates match. Add an affiliate or adjust the status filter." }) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "affiliate-table-scroll",
+            role: "region",
+            "aria-label": "Affiliates",
+            tabIndex: 0,
+            children: /* @__PURE__ */ jsxs("table", { children: [
+              /* @__PURE__ */ jsx("caption", { className: "affiliate-sr-only", children: "Affiliate applications and profiles" }),
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { children: "Name" }),
+                /* @__PURE__ */ jsx("th", { children: "Referral code" }),
+                /* @__PURE__ */ jsx("th", { children: "Status" }),
+                /* @__PURE__ */ jsx("th", { children: "Applied" }),
+                /* @__PURE__ */ jsx("th", { children: "Actions" })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: data.items.map((affiliate) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsxs("td", { children: [
+                  /* @__PURE__ */ jsx(
+                    Link,
+                    {
+                      className: "affiliate-record-link",
+                      href: resolve(
+                        "affiliate/admin/affiliates",
+                        encodeURIComponent(affiliate.id)
+                      ).href,
+                      children: affiliate.name
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("p", { className: "affiliate-small affiliate-muted", children: affiliate.email })
+                ] }),
+                /* @__PURE__ */ jsx("td", { children: affiliate.code }),
+                /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Status, { value: affiliate.status }) }),
+                /* @__PURE__ */ jsx("td", { children: date(affiliate.createdAt) }),
+                /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                  PermissionAccess,
+                  {
+                    permission: affiliatePermissions.affiliate.update({
+                      affiliateId: affiliate.id,
+                      userId: affiliate.userId,
+                      status: affiliate.status
+                    }),
+                    children: /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: action.pending,
+                        "aria-label": `${affiliate.status === "approved" ? "Suspend" : "Approve"} ${affiliate.name}`,
+                        onClick: () => void action.run(
+                          async () => {
+                            await update.mutateAsync({
+                              id: affiliate.id,
+                              data: {
+                                status: affiliate.status === "approved" ? "suspended" : "approved"
+                              }
+                            });
+                          },
+                          affiliate.status === "approved" ? "Affiliate suspended" : "Affiliate approved"
+                        ),
+                        children: affiliate.status === "approved" ? "Suspend" : "Approve"
+                      }
+                    )
+                  }
+                ) })
+              ] }, affiliate.id)) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(Pagination, { offset, total: data.total, onChange: setOffset })
+      ]
+    }
+  );
+}
+
+export { AffiliatesPage };

package/dist/client/components/pages/commissions-page.internal.cjs

@@ -0,0 +1,151 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const context = require('@btst/stack/context');
+const permissions = require('../../../permissions.cjs');
+const client_hooks_index = require('../../hooks/index.cjs');
+const constants = require('../../constants.cjs');
+const shared = require('../shared.cjs');
+
+function CommissionsPage() {
+  const [status, setStatus] = react.useState("");
+  const [affiliateId, setAffiliateId] = react.useState("");
+  const [offset, setOffset] = react.useState(0);
+  const { data } = client_hooks_index.useCommissions({
+    status: status || void 0,
+    affiliateId: affiliateId || void 0,
+    offset,
+    limit: 25
+  });
+  const update = client_hooks_index.useUpdateCommission();
+  const action = shared.useAffiliateAction();
+  const { Link, resolve } = context.usePluginSiteNavigation(constants.AFFILIATE_PLUGIN_ID);
+  const { localization } = context.usePluginOverrides(constants.AFFILIATE_PLUGIN_ID);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    shared.AffiliatePage,
+    {
+      title: localization?.commissions ?? "Commissions",
+      description: "Review attributed conversions before including commissions in a payout.",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(shared.ActionNotice, { ...action }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "affiliate-toolbar", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Filter by status", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              value: status,
+              onChange: (event) => {
+                setStatus(event.target.value);
+                setOffset(0);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "All statuses" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "pending", children: "Pending" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "approved", children: "Approved" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "paid", children: "Paid" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "voided", children: "Voided" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Affiliate ID", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              value: affiliateId,
+              onChange: (event) => {
+                setAffiliateId(event.target.value);
+                setOffset(0);
+              },
+              placeholder: "All affiliates"
+            }
+          ) })
+        ] }),
+        data.items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-empty", children: "No commissions match. Commissions appear after an attributed conversion is recorded." }) : /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "affiliate-table-scroll",
+            role: "region",
+            "aria-label": "Commissions",
+            tabIndex: 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "affiliate-sr-only", children: "Affiliate commission review" }),
+              /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Affiliate / conversion" }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "affiliate-number", children: "Commission" }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Status" }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Created" }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Review" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: data.items.map((commission) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("td", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Link,
+                    {
+                      href: resolve(
+                        "affiliate/admin/affiliates",
+                        encodeURIComponent(commission.affiliateId)
+                      ).href,
+                      children: commission.affiliateId
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-small affiliate-muted", children: commission.conversionId })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "affiliate-number", children: shared.money(commission.amount, commission.currency) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("td", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(shared.Status, { value: commission.status }),
+                  commission.payoutId && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-small affiliate-muted", children: "Included in payout" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: shared.date(commission.createdAt) }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  context.PermissionAccess,
+                  {
+                    permission: permissions.affiliatePermissions.commission.update({
+                      commissionId: commission.id,
+                      affiliateId: commission.affiliateId,
+                      status: commission.status
+                    }),
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "affiliate-actions", children: [
+                      commission.status === "pending" && !commission.payoutId && /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: action.pending,
+                          "aria-label": `Approve commission ${commission.id}`,
+                          onClick: () => void action.run(async () => {
+                            await update.mutateAsync({
+                              id: commission.id,
+                              status: "approved"
+                            });
+                          }, "Commission approved"),
+                          children: "Approve"
+                        }
+                      ),
+                      ["pending", "approved"].includes(commission.status) && !commission.payoutId && /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: action.pending,
+                          "aria-label": `Void commission ${commission.id}`,
+                          onClick: () => void action.run(async () => {
+                            await update.mutateAsync({
+                              id: commission.id,
+                              status: "voided"
+                            });
+                          }, "Commission voided"),
+                          children: "Void"
+                        }
+                      )
+                    ] })
+                  }
+                ) })
+              ] }, commission.id)) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(shared.Pagination, { offset, total: data.total, onChange: setOffset })
+      ]
+    }
+  );
+}
+
+exports.CommissionsPage = CommissionsPage;

package/dist/client/components/pages/commissions-page.internal.mjs

@@ -0,0 +1,149 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { usePluginSiteNavigation, usePluginOverrides, PermissionAccess } from '@btst/stack/context';
+import { affiliatePermissions } from '../../../permissions.mjs';
+import { useCommissions, useUpdateCommission } from '../../hooks/index.mjs';
+import { AFFILIATE_PLUGIN_ID } from '../../constants.mjs';
+import { useAffiliateAction, AffiliatePage, ActionNotice, Field, money, Status, date, Pagination } from '../shared.mjs';
+
+function CommissionsPage() {
+  const [status, setStatus] = useState("");
+  const [affiliateId, setAffiliateId] = useState("");
+  const [offset, setOffset] = useState(0);
+  const { data } = useCommissions({
+    status: status || void 0,
+    affiliateId: affiliateId || void 0,
+    offset,
+    limit: 25
+  });
+  const update = useUpdateCommission();
+  const action = useAffiliateAction();
+  const { Link, resolve } = usePluginSiteNavigation(AFFILIATE_PLUGIN_ID);
+  const { localization } = usePluginOverrides(AFFILIATE_PLUGIN_ID);
+  return /* @__PURE__ */ jsxs(
+    AffiliatePage,
+    {
+      title: localization?.commissions ?? "Commissions",
+      description: "Review attributed conversions before including commissions in a payout.",
+      children: [
+        /* @__PURE__ */ jsx(ActionNotice, { ...action }),
+        /* @__PURE__ */ jsxs("div", { className: "affiliate-toolbar", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Filter by status", children: /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: status,
+              onChange: (event) => {
+                setStatus(event.target.value);
+                setOffset(0);
+              },
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "All statuses" }),
+                /* @__PURE__ */ jsx("option", { value: "pending", children: "Pending" }),
+                /* @__PURE__ */ jsx("option", { value: "approved", children: "Approved" }),
+                /* @__PURE__ */ jsx("option", { value: "paid", children: "Paid" }),
+                /* @__PURE__ */ jsx("option", { value: "voided", children: "Voided" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "Affiliate ID", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: affiliateId,
+              onChange: (event) => {
+                setAffiliateId(event.target.value);
+                setOffset(0);
+              },
+              placeholder: "All affiliates"
+            }
+          ) })
+        ] }),
+        data.items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "affiliate-empty", children: "No commissions match. Commissions appear after an attributed conversion is recorded." }) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "affiliate-table-scroll",
+            role: "region",
+            "aria-label": "Commissions",
+            tabIndex: 0,
+            children: /* @__PURE__ */ jsxs("table", { children: [
+              /* @__PURE__ */ jsx("caption", { className: "affiliate-sr-only", children: "Affiliate commission review" }),
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { children: "Affiliate / conversion" }),
+                /* @__PURE__ */ jsx("th", { className: "affiliate-number", children: "Commission" }),
+                /* @__PURE__ */ jsx("th", { children: "Status" }),
+                /* @__PURE__ */ jsx("th", { children: "Created" }),
+                /* @__PURE__ */ jsx("th", { children: "Review" })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: data.items.map((commission) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsxs("td", { children: [
+                  /* @__PURE__ */ jsx(
+                    Link,
+                    {
+                      href: resolve(
+                        "affiliate/admin/affiliates",
+                        encodeURIComponent(commission.affiliateId)
+                      ).href,
+                      children: commission.affiliateId
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("p", { className: "affiliate-small affiliate-muted", children: commission.conversionId })
+                ] }),
+                /* @__PURE__ */ jsx("td", { className: "affiliate-number", children: money(commission.amount, commission.currency) }),
+                /* @__PURE__ */ jsxs("td", { children: [
+                  /* @__PURE__ */ jsx(Status, { value: commission.status }),
+                  commission.payoutId && /* @__PURE__ */ jsx("p", { className: "affiliate-small affiliate-muted", children: "Included in payout" })
+                ] }),
+                /* @__PURE__ */ jsx("td", { children: date(commission.createdAt) }),
+                /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                  PermissionAccess,
+                  {
+                    permission: affiliatePermissions.commission.update({
+                      commissionId: commission.id,
+                      affiliateId: commission.affiliateId,
+                      status: commission.status
+                    }),
+                    children: /* @__PURE__ */ jsxs("div", { className: "affiliate-actions", children: [
+                      commission.status === "pending" && !commission.payoutId && /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: action.pending,
+                          "aria-label": `Approve commission ${commission.id}`,
+                          onClick: () => void action.run(async () => {
+                            await update.mutateAsync({
+                              id: commission.id,
+                              status: "approved"
+                            });
+                          }, "Commission approved"),
+                          children: "Approve"
+                        }
+                      ),
+                      ["pending", "approved"].includes(commission.status) && !commission.payoutId && /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: action.pending,
+                          "aria-label": `Void commission ${commission.id}`,
+                          onClick: () => void action.run(async () => {
+                            await update.mutateAsync({
+                              id: commission.id,
+                              status: "voided"
+                            });
+                          }, "Commission voided"),
+                          children: "Void"
+                        }
+                      )
+                    ] })
+                  }
+                ) })
+              ] }, commission.id)) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(Pagination, { offset, total: data.total, onChange: setOffset })
+      ]
+    }
+  );
+}
+
+export { CommissionsPage };