@btst/stack 5.1.0 → 5.2.0

package/dist/packages/stack/src/plugins/affiliate/client/components/pages/affiliate-apply-page.internal.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useIdentity, usePluginSiteNavigation, usePluginOverrides } from '@btst/stack/context';
+import { useApplyAffiliate } from '../../../../../../../../plugins/affiliate/client/hooks/index.mjs';
+import { AFFILIATE_PLUGIN_ID } from '../../constants.mjs';
+import { useAffiliateAction, AffiliatePage, ActionNotice, ProfileFields, readProfile } from '../shared.mjs';
+
+function AffiliateApplyPage() {
+  const { identity } = useIdentity();
+  const [applied, setApplied] = useState(false);
+  const apply = useApplyAffiliate();
+  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 apply.mutateAsync(readProfile(fields));
+      setApplied(true);
+    }, "Application submitted");
+  };
+  return /* @__PURE__ */ jsx(
+    AffiliatePage,
+    {
+      title: localization?.apply ?? "Become an affiliate",
+      description: "Apply for a referral code and earn commissions on attributed conversions after approval.",
+      admin: false,
+      children: /* @__PURE__ */ jsxs("div", { className: "affiliate-application", children: [
+        /* @__PURE__ */ jsx(ActionNotice, { ...action }),
+        applied ? /* @__PURE__ */ jsxs("section", { className: "affiliate-stack", children: [
+          /* @__PURE__ */ jsx("h2", { children: "Your application is pending review" }),
+          /* @__PURE__ */ jsx("p", { children: "You can view your status and update your payout details in the affiliate portal." }),
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              className: "affiliate-primary",
+              href: resolve("affiliate/portal").href,
+              children: "Open affiliate portal"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx("form", { className: "affiliate-stack", onSubmit: save, children: /* @__PURE__ */ jsxs("fieldset", { disabled: action.pending, children: [
+          /* @__PURE__ */ jsx(
+            ProfileFields,
+            {
+              defaults: { name: identity?.name, email: identity?.email }
+            }
+          ),
+          /* @__PURE__ */ jsx("button", { className: "affiliate-primary", type: "submit", children: action.pending ? "Submitting\u2026" : "Submit application" })
+        ] }) })
+      ] })
+    }
+  );
+}
+
+export { AffiliateApplyPage };

package/dist/packages/stack/src/plugins/affiliate/client/components/pages/affiliate-detail-page.internal.cjs

@@ -0,0 +1,112 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const context = require('@btst/stack/context');
+const plugins_affiliate_permissions = require('../../../../../../../../plugins/affiliate/permissions.cjs');
+const plugins_affiliate_client_hooks_index = require('../../../../../../../../plugins/affiliate/client/hooks/index.cjs');
+const constants = require('../../constants.cjs');
+const shared = require('../shared.cjs');
+
+function AffiliateDetailPage({ id }) {
+  const { data } = plugins_affiliate_client_hooks_index.useAffiliate(id);
+  const { affiliate, stats } = data;
+  const update = plugins_affiliate_client_hooks_index.useUpdateAffiliate();
+  const remove = plugins_affiliate_client_hooks_index.useDeleteAffiliate();
+  const action = shared.useAffiliateAction();
+  const { Link, resolve, navigate } = context.usePluginSiteNavigation(constants.AFFILIATE_PLUGIN_ID);
+  const facts = {
+    affiliateId: affiliate.id,
+    userId: affiliate.userId,
+    status: affiliate.status
+  };
+  const save = (event) => {
+    event.preventDefault();
+    const fields = new FormData(event.currentTarget);
+    const commissionType = String(fields.get("commissionType") ?? "");
+    const commissionValue = String(fields.get("commissionValue") ?? "");
+    void action.run(async () => {
+      if (commissionType && !commissionValue.trim())
+        throw new Error(
+          "Enter a commission value or select the program default."
+        );
+      await update.mutateAsync({
+        id,
+        data: {
+          ...shared.readProfile(fields),
+          status: String(fields.get("status")),
+          notes: String(fields.get("notes") ?? ""),
+          commissionType: commissionType ? commissionType : null,
+          commissionValue: commissionType ? Number(commissionValue) : null
+        }
+      });
+    }, "Affiliate profile saved");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    shared.AffiliatePage,
+    {
+      title: affiliate.name,
+      description: affiliate.email,
+      action: /* @__PURE__ */ jsxRuntime.jsx(shared.Status, { value: affiliate.status }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Link, { href: resolve("affiliate/admin/affiliates").href, children: "Back to affiliates" }),
+        /* @__PURE__ */ jsxRuntime.jsx(shared.Stats, { stats }),
+        /* @__PURE__ */ jsxRuntime.jsx(shared.ActionNotice, { ...action }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          context.PermissionAccess,
+          {
+            permission: plugins_affiliate_permissions.affiliatePermissions.affiliate.update(facts),
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "form",
+              {
+                className: "affiliate-stack",
+                onSubmit: save,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Profile and commission rule" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "affiliate-small affiliate-muted", children: [
+                    "Account: ",
+                    affiliate.userId
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { disabled: action.pending, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(shared.ProfileFields, { affiliate, admin: true }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "affiliate-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "affiliate-primary", type: "submit", children: action.pending ? "Saving\u2026" : "Save profile" }) })
+                  ] })
+                ]
+              },
+              affiliate.updatedAt
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          context.PermissionAccess,
+          {
+            permission: plugins_affiliate_permissions.affiliatePermissions.affiliate.delete(facts),
+            children: /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Remove affiliate" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-muted", children: "Only affiliates without conversions, commissions, or payouts can be deleted. Suspend a partner to stop new referrals and preserve their history." }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  disabled: action.pending,
+                  onClick: () => {
+                    if (window.confirm(
+                      `Delete ${affiliate.name}? This removes their affiliate profile.`
+                    ))
+                      void action.run(async () => {
+                        await remove.mutateAsync(id);
+                        await navigate("affiliate/admin/affiliates");
+                      });
+                  },
+                  children: "Delete affiliate"
+                }
+              ) })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.AffiliateDetailPage = AffiliateDetailPage;

package/dist/packages/stack/src/plugins/affiliate/client/components/pages/affiliate-detail-page.internal.mjs

@@ -0,0 +1,110 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { usePluginSiteNavigation, PermissionAccess } from '@btst/stack/context';
+import { affiliatePermissions } from '../../../../../../../../plugins/affiliate/permissions.mjs';
+import { useAffiliate, useUpdateAffiliate, useDeleteAffiliate } from '../../../../../../../../plugins/affiliate/client/hooks/index.mjs';
+import { AFFILIATE_PLUGIN_ID } from '../../constants.mjs';
+import { useAffiliateAction, AffiliatePage, Stats, ActionNotice, ProfileFields, Status, readProfile } from '../shared.mjs';
+
+function AffiliateDetailPage({ id }) {
+  const { data } = useAffiliate(id);
+  const { affiliate, stats } = data;
+  const update = useUpdateAffiliate();
+  const remove = useDeleteAffiliate();
+  const action = useAffiliateAction();
+  const { Link, resolve, navigate } = usePluginSiteNavigation(AFFILIATE_PLUGIN_ID);
+  const facts = {
+    affiliateId: affiliate.id,
+    userId: affiliate.userId,
+    status: affiliate.status
+  };
+  const save = (event) => {
+    event.preventDefault();
+    const fields = new FormData(event.currentTarget);
+    const commissionType = String(fields.get("commissionType") ?? "");
+    const commissionValue = String(fields.get("commissionValue") ?? "");
+    void action.run(async () => {
+      if (commissionType && !commissionValue.trim())
+        throw new Error(
+          "Enter a commission value or select the program default."
+        );
+      await update.mutateAsync({
+        id,
+        data: {
+          ...readProfile(fields),
+          status: String(fields.get("status")),
+          notes: String(fields.get("notes") ?? ""),
+          commissionType: commissionType ? commissionType : null,
+          commissionValue: commissionType ? Number(commissionValue) : null
+        }
+      });
+    }, "Affiliate profile saved");
+  };
+  return /* @__PURE__ */ jsxs(
+    AffiliatePage,
+    {
+      title: affiliate.name,
+      description: affiliate.email,
+      action: /* @__PURE__ */ jsx(Status, { value: affiliate.status }),
+      children: [
+        /* @__PURE__ */ jsx(Link, { href: resolve("affiliate/admin/affiliates").href, children: "Back to affiliates" }),
+        /* @__PURE__ */ jsx(Stats, { stats }),
+        /* @__PURE__ */ jsx(ActionNotice, { ...action }),
+        /* @__PURE__ */ jsx(
+          PermissionAccess,
+          {
+            permission: affiliatePermissions.affiliate.update(facts),
+            children: /* @__PURE__ */ jsxs(
+              "form",
+              {
+                className: "affiliate-stack",
+                onSubmit: save,
+                children: [
+                  /* @__PURE__ */ jsx("h2", { children: "Profile and commission rule" }),
+                  /* @__PURE__ */ jsxs("p", { className: "affiliate-small affiliate-muted", children: [
+                    "Account: ",
+                    affiliate.userId
+                  ] }),
+                  /* @__PURE__ */ jsxs("fieldset", { disabled: action.pending, children: [
+                    /* @__PURE__ */ jsx(ProfileFields, { affiliate, admin: true }),
+                    /* @__PURE__ */ jsx("div", { className: "affiliate-actions", children: /* @__PURE__ */ jsx("button", { className: "affiliate-primary", type: "submit", children: action.pending ? "Saving\u2026" : "Save profile" }) })
+                  ] })
+                ]
+              },
+              affiliate.updatedAt
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PermissionAccess,
+          {
+            permission: affiliatePermissions.affiliate.delete(facts),
+            children: /* @__PURE__ */ jsxs("section", { className: "affiliate-section affiliate-stack", children: [
+              /* @__PURE__ */ jsx("h2", { children: "Remove affiliate" }),
+              /* @__PURE__ */ jsx("p", { className: "affiliate-muted", children: "Only affiliates without conversions, commissions, or payouts can be deleted. Suspend a partner to stop new referrals and preserve their history." }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  disabled: action.pending,
+                  onClick: () => {
+                    if (window.confirm(
+                      `Delete ${affiliate.name}? This removes their affiliate profile.`
+                    ))
+                      void action.run(async () => {
+                        await remove.mutateAsync(id);
+                        await navigate("affiliate/admin/affiliates");
+                      });
+                  },
+                  children: "Delete affiliate"
+                }
+              ) })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { AffiliateDetailPage };

package/dist/packages/stack/src/plugins/affiliate/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 plugins_affiliate_permissions = require('../../../../../../../../plugins/affiliate/permissions.cjs');
+const plugins_affiliate_client_hooks_index = require('../../../../../../../../plugins/affiliate/client/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 } = plugins_affiliate_client_hooks_index.useAffiliateDashboard();
+  const [landingPath, setLandingPath] = React.useState("/");
+  const [link, setLink] = React.useState("");
+  const [editing, setEditing] = React.useState(false);
+  const createLink = plugins_affiliate_client_hooks_index.useReferralLink();
+  const update = plugins_affiliate_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: plugins_affiliate_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;