@btst/plugin-affiliate 0.0.0-stage → 1.0.0

package/dist/client/components/pages/affiliate-portal-page.internal.cjs

@@ -0,0 +1,252 @@
+'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 assetHref(value) {
+  try {
+    const url = new URL(value, window.location.origin);
+    return ["https:", "http:"].includes(url.protocol) ? url.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function AffiliatePortalPage() {
+  const { data } = client_hooks_index.useAffiliateDashboard();
+  const [landingPath, setLandingPath] = react.useState("/");
+  const [link, setLink] = react.useState("");
+  const [editing, setEditing] = react.useState(false);
+  const createLink = client_hooks_index.useReferralLink();
+  const update = client_hooks_index.useUpdateAffiliateProfile();
+  const action = shared.useAffiliateAction();
+  const { Link, resolve } = context.usePluginSiteNavigation(constants.AFFILIATE_PLUGIN_ID);
+  const { localization } = context.usePluginOverrides(constants.AFFILIATE_PLUGIN_ID);
+  const { affiliate, stats, commissions, payouts, assets } = data;
+  const save = (event) => {
+    event.preventDefault();
+    const fields = new FormData(event.currentTarget);
+    void action.run(async () => {
+      await update.mutateAsync(shared.readProfile(fields));
+      setEditing(false);
+      setLink("");
+    }, "Profile saved");
+  };
+  if (!affiliate)
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      shared.AffiliatePage,
+      {
+        title: localization?.portal ?? "Affiliate portal",
+        admin: false,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "affiliate-stack", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Start with an affiliate application" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Apply to receive a referral code and track your commissions here." }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            Link,
+            {
+              className: "affiliate-primary",
+              href: resolve("affiliate/apply").href,
+              children: "Apply to become an affiliate"
+            }
+          ) })
+        ] })
+      }
+    );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    shared.AffiliatePage,
+    {
+      title: localization?.portal ?? "Affiliate portal",
+      description: `Referral activity and earnings for ${affiliate.name}.`,
+      admin: false,
+      action: /* @__PURE__ */ jsxRuntime.jsx(shared.Status, { value: affiliate.status }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(shared.ActionNotice, { ...action }),
+        affiliate.status !== "approved" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-notice", children: affiliate.status === "pending" ? "Your application is pending review. Referral tracking starts after approval." : "Your affiliate account is suspended. New referrals are not attributed. Contact the program administrator for help." }),
+        /* @__PURE__ */ jsxRuntime.jsx(shared.Stats, { stats }),
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Your referral link" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "affiliate-muted", children: [
+            "Code: ",
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: affiliate.code }),
+            ". Choose a landing page on this site. Visits through your link are recorded before the visitor reaches that page."
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "form",
+            {
+              className: "affiliate-toolbar",
+              onSubmit: (event) => {
+                event.preventDefault();
+                void action.run(async () => {
+                  const next = createLink(affiliate.code, landingPath);
+                  setLink(next);
+                }, "Referral link generated");
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  shared.Field,
+                  {
+                    label: "Landing page path",
+                    hint: "For example, /pricing or /products?category=books.",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        value: landingPath,
+                        onChange: (event) => {
+                          setLandingPath(event.target.value);
+                          setLink("");
+                        },
+                        required: true,
+                        placeholder: "/pricing"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "submit",
+                    className: "affiliate-primary",
+                    disabled: affiliate.status !== "approved",
+                    children: "Generate referral link"
+                  }
+                )
+              ]
+            }
+          ),
+          link && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "affiliate-toolbar", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Tracking link", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                readOnly: true,
+                value: link,
+                onFocus: (event) => event.target.select()
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => void action.run(async () => {
+                  await navigator.clipboard.writeText(link);
+                }, "Referral link copied"),
+                children: "Copy referral link"
+              }
+            )
+          ] })
+        ] }),
+        assets.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Marketing assets" }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "affiliate-assets", children: assets.map((asset) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: asset.name }),
+            asset.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-muted", children: asset.description }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "affiliate-actions", children: [
+              assetHref(asset.url) && /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: assetHref(asset.url),
+                  target: "_blank",
+                  rel: "noreferrer",
+                  children: "Open link template"
+                }
+              ),
+              asset.bannerUrl && assetHref(asset.bannerUrl) && /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: assetHref(asset.bannerUrl),
+                  target: "_blank",
+                  rel: "noreferrer",
+                  children: "Open banner"
+                }
+              )
+            ] })
+          ] }, `${asset.name}-${asset.url}`)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Commissions" }),
+          commissions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-muted", children: "Your commissions will appear after an attributed conversion." }) : /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "affiliate-table-scroll",
+              role: "region",
+              "aria-label": "Your commissions",
+              tabIndex: 0,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "affiliate-sr-only", children: "Your commission history" }),
+                /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Date" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Conversion" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { className: "affiliate-number", children: "Amount" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Status" })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: commissions.map((commission) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: shared.date(commission.createdAt) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: commission.conversionId }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { className: "affiliate-number", children: shared.money(commission.amount, commission.currency) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(shared.Status, { value: commission.status }) })
+                ] }, commission.id)) })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Payout history" }),
+          payouts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-muted", children: "Payouts appear when the program administrator creates a payment batch." }) : /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "affiliate-table-scroll",
+              role: "region",
+              "aria-label": "Your payouts",
+              tabIndex: 0,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "affiliate-sr-only", children: "Your payout history" }),
+                /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Date" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { className: "affiliate-number", children: "Amount" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Status" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Reference" })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: payouts.map((payout) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: shared.date(payout.paidAt ?? payout.createdAt) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { className: "affiliate-number", children: shared.money(payout.amount, payout.currency) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(shared.Status, { value: payout.status }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: payout.reference || "No reference" })
+                ] }, payout.id)) })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(context.PermissionAccess, { permission: permissions.affiliatePermissions.portal.update(), children: /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "affiliate-section-heading", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Profile and payout details" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-muted", children: affiliate.email })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => setEditing(!editing), children: editing ? "Close profile" : "Edit profile" })
+          ] }),
+          editing && /* @__PURE__ */ jsxRuntime.jsx(
+            "form",
+            {
+              className: "affiliate-stack",
+              onSubmit: save,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { disabled: action.pending, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(shared.ProfileFields, { affiliate }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "affiliate-actions", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "affiliate-primary", children: action.pending ? "Saving\u2026" : "Save profile" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => setEditing(false), children: "Cancel" })
+                ] })
+              ] })
+            },
+            affiliate.updatedAt
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+
+exports.AffiliatePortalPage = AffiliatePortalPage;

package/dist/client/components/pages/affiliate-portal-page.internal.mjs

@@ -0,0 +1,250 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { usePluginSiteNavigation, usePluginOverrides, PermissionAccess } from '@btst/stack/context';
+import { affiliatePermissions } from '../../../permissions.mjs';
+import { useAffiliateDashboard, useReferralLink, useUpdateAffiliateProfile } from '../../hooks/index.mjs';
+import { AFFILIATE_PLUGIN_ID } from '../../constants.mjs';
+import { useAffiliateAction, AffiliatePage, ActionNotice, Stats, Field, date, money, Status, ProfileFields, readProfile } from '../shared.mjs';
+
+function assetHref(value) {
+  try {
+    const url = new URL(value, window.location.origin);
+    return ["https:", "http:"].includes(url.protocol) ? url.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function AffiliatePortalPage() {
+  const { data } = useAffiliateDashboard();
+  const [landingPath, setLandingPath] = useState("/");
+  const [link, setLink] = useState("");
+  const [editing, setEditing] = useState(false);
+  const createLink = useReferralLink();
+  const update = useUpdateAffiliateProfile();
+  const action = useAffiliateAction();
+  const { Link, resolve } = usePluginSiteNavigation(AFFILIATE_PLUGIN_ID);
+  const { localization } = usePluginOverrides(AFFILIATE_PLUGIN_ID);
+  const { affiliate, stats, commissions, payouts, assets } = data;
+  const save = (event) => {
+    event.preventDefault();
+    const fields = new FormData(event.currentTarget);
+    void action.run(async () => {
+      await update.mutateAsync(readProfile(fields));
+      setEditing(false);
+      setLink("");
+    }, "Profile saved");
+  };
+  if (!affiliate)
+    return /* @__PURE__ */ jsx(
+      AffiliatePage,
+      {
+        title: localization?.portal ?? "Affiliate portal",
+        admin: false,
+        children: /* @__PURE__ */ jsxs("section", { className: "affiliate-stack", children: [
+          /* @__PURE__ */ jsx("h2", { children: "Start with an affiliate application" }),
+          /* @__PURE__ */ jsx("p", { children: "Apply to receive a referral code and track your commissions here." }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Link,
+            {
+              className: "affiliate-primary",
+              href: resolve("affiliate/apply").href,
+              children: "Apply to become an affiliate"
+            }
+          ) })
+        ] })
+      }
+    );
+  return /* @__PURE__ */ jsxs(
+    AffiliatePage,
+    {
+      title: localization?.portal ?? "Affiliate portal",
+      description: `Referral activity and earnings for ${affiliate.name}.`,
+      admin: false,
+      action: /* @__PURE__ */ jsx(Status, { value: affiliate.status }),
+      children: [
+        /* @__PURE__ */ jsx(ActionNotice, { ...action }),
+        affiliate.status !== "approved" && /* @__PURE__ */ jsx("p", { className: "affiliate-notice", children: affiliate.status === "pending" ? "Your application is pending review. Referral tracking starts after approval." : "Your affiliate account is suspended. New referrals are not attributed. Contact the program administrator for help." }),
+        /* @__PURE__ */ jsx(Stats, { stats }),
+        /* @__PURE__ */ jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsx("h2", { children: "Your referral link" }),
+          /* @__PURE__ */ jsxs("p", { className: "affiliate-muted", children: [
+            "Code: ",
+            /* @__PURE__ */ jsx("strong", { children: affiliate.code }),
+            ". Choose a landing page on this site. Visits through your link are recorded before the visitor reaches that page."
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "form",
+            {
+              className: "affiliate-toolbar",
+              onSubmit: (event) => {
+                event.preventDefault();
+                void action.run(async () => {
+                  const next = createLink(affiliate.code, landingPath);
+                  setLink(next);
+                }, "Referral link generated");
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  Field,
+                  {
+                    label: "Landing page path",
+                    hint: "For example, /pricing or /products?category=books.",
+                    children: /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        value: landingPath,
+                        onChange: (event) => {
+                          setLandingPath(event.target.value);
+                          setLink("");
+                        },
+                        required: true,
+                        placeholder: "/pricing"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "submit",
+                    className: "affiliate-primary",
+                    disabled: affiliate.status !== "approved",
+                    children: "Generate referral link"
+                  }
+                )
+              ]
+            }
+          ),
+          link && /* @__PURE__ */ jsxs("div", { className: "affiliate-toolbar", children: [
+            /* @__PURE__ */ jsx(Field, { label: "Tracking link", children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                readOnly: true,
+                value: link,
+                onFocus: (event) => event.target.select()
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => void action.run(async () => {
+                  await navigator.clipboard.writeText(link);
+                }, "Referral link copied"),
+                children: "Copy referral link"
+              }
+            )
+          ] })
+        ] }),
+        assets.length > 0 && /* @__PURE__ */ jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsx("h2", { children: "Marketing assets" }),
+          /* @__PURE__ */ jsx("ul", { className: "affiliate-assets", children: assets.map((asset) => /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsx("strong", { children: asset.name }),
+            asset.description && /* @__PURE__ */ jsx("p", { className: "affiliate-muted", children: asset.description }),
+            /* @__PURE__ */ jsxs("div", { className: "affiliate-actions", children: [
+              assetHref(asset.url) && /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: assetHref(asset.url),
+                  target: "_blank",
+                  rel: "noreferrer",
+                  children: "Open link template"
+                }
+              ),
+              asset.bannerUrl && assetHref(asset.bannerUrl) && /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: assetHref(asset.bannerUrl),
+                  target: "_blank",
+                  rel: "noreferrer",
+                  children: "Open banner"
+                }
+              )
+            ] })
+          ] }, `${asset.name}-${asset.url}`)) })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsx("h2", { children: "Commissions" }),
+          commissions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "affiliate-muted", children: "Your commissions will appear after an attributed conversion." }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "affiliate-table-scroll",
+              role: "region",
+              "aria-label": "Your commissions",
+              tabIndex: 0,
+              children: /* @__PURE__ */ jsxs("table", { children: [
+                /* @__PURE__ */ jsx("caption", { className: "affiliate-sr-only", children: "Your commission history" }),
+                /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("th", { children: "Date" }),
+                  /* @__PURE__ */ jsx("th", { children: "Conversion" }),
+                  /* @__PURE__ */ jsx("th", { className: "affiliate-number", children: "Amount" }),
+                  /* @__PURE__ */ jsx("th", { children: "Status" })
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { children: commissions.map((commission) => /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("td", { children: date(commission.createdAt) }),
+                  /* @__PURE__ */ jsx("td", { children: commission.conversionId }),
+                  /* @__PURE__ */ jsx("td", { className: "affiliate-number", children: money(commission.amount, commission.currency) }),
+                  /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Status, { value: commission.status }) })
+                ] }, commission.id)) })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsx("h2", { children: "Payout history" }),
+          payouts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "affiliate-muted", children: "Payouts appear when the program administrator creates a payment batch." }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "affiliate-table-scroll",
+              role: "region",
+              "aria-label": "Your payouts",
+              tabIndex: 0,
+              children: /* @__PURE__ */ jsxs("table", { children: [
+                /* @__PURE__ */ jsx("caption", { className: "affiliate-sr-only", children: "Your payout history" }),
+                /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("th", { children: "Date" }),
+                  /* @__PURE__ */ jsx("th", { className: "affiliate-number", children: "Amount" }),
+                  /* @__PURE__ */ jsx("th", { children: "Status" }),
+                  /* @__PURE__ */ jsx("th", { children: "Reference" })
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { children: payouts.map((payout) => /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("td", { children: date(payout.paidAt ?? payout.createdAt) }),
+                  /* @__PURE__ */ jsx("td", { className: "affiliate-number", children: money(payout.amount, payout.currency) }),
+                  /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Status, { value: payout.status }) }),
+                  /* @__PURE__ */ jsx("td", { children: payout.reference || "No reference" })
+                ] }, payout.id)) })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(PermissionAccess, { permission: affiliatePermissions.portal.update(), children: /* @__PURE__ */ jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+          /* @__PURE__ */ jsxs("div", { className: "affiliate-section-heading", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h2", { children: "Profile and payout details" }),
+              /* @__PURE__ */ jsx("p", { className: "affiliate-muted", children: affiliate.email })
+            ] }),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setEditing(!editing), children: editing ? "Close profile" : "Edit profile" })
+          ] }),
+          editing && /* @__PURE__ */ jsx(
+            "form",
+            {
+              className: "affiliate-stack",
+              onSubmit: save,
+              children: /* @__PURE__ */ jsxs("fieldset", { disabled: action.pending, children: [
+                /* @__PURE__ */ jsx(ProfileFields, { affiliate }),
+                /* @__PURE__ */ jsxs("div", { className: "affiliate-actions", children: [
+                  /* @__PURE__ */ jsx("button", { type: "submit", className: "affiliate-primary", children: action.pending ? "Saving\u2026" : "Save profile" }),
+                  /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setEditing(false), children: "Cancel" })
+                ] })
+              ] })
+            },
+            affiliate.updatedAt
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+
+export { AffiliatePortalPage };

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

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