@btst/plugin-affiliate 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,230 @@
+'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 PayoutsPage() {
+  const [status, setStatus] = react.useState("");
+  const [offset, setOffset] = react.useState(0);
+  const [affiliateId, setAffiliateId] = react.useState("");
+  const [currency, setCurrency] = react.useState("USD");
+  const [recording, setRecording] = react.useState(null);
+  const { data } = client_hooks_index.usePayouts({
+    status: status || void 0,
+    offset,
+    limit: 25
+  });
+  const exportCSV = client_hooks_index.usePayoutExport({ status: status || void 0 });
+  const create = client_hooks_index.useCreatePayout();
+  const update = client_hooks_index.useUpdatePayout();
+  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();
+    void action.run(async () => {
+      await create.mutateAsync({ affiliateId, currency });
+    }, "Payout batch created. Arrange the payment, then record its result below.");
+  };
+  const record = (event) => {
+    event.preventDefault();
+    if (!recording) return;
+    const fields = new FormData(event.currentTarget);
+    const payout = recording;
+    void action.run(async () => {
+      await update.mutateAsync({
+        id: payout.id,
+        status: String(fields.get("status")),
+        reference: String(fields.get("reference") ?? "")
+      });
+      setRecording(null);
+    }, "Payout result recorded");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    shared.AffiliatePage,
+    {
+      title: localization?.payouts ?? "Payouts",
+      description: "Group approved commissions, arrange payment, and record the result.",
+      action: /* @__PURE__ */ jsxRuntime.jsx(context.PermissionAccess, { permission: permissions.affiliatePermissions.payout.export(), children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          disabled: action.pending || exportCSV.isFetching,
+          onClick: () => void action.run(async () => {
+            const result = await exportCSV.refetch();
+            if (result.error) throw result.error;
+            if (!result.data)
+              throw new Error(
+                "The payout CSV could not be exported. Try again."
+              );
+            const url = URL.createObjectURL(
+              new Blob([result.data.csv], {
+                type: "text/csv;charset=utf-8"
+              })
+            );
+            const anchor = document.createElement("a");
+            anchor.href = url;
+            anchor.download = "affiliate-payouts.csv";
+            anchor.click();
+            URL.revokeObjectURL(url);
+          }, "Payouts exported"),
+          children: "Export CSV"
+        }
+      ) }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(shared.ActionNotice, { ...action }),
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "affiliate-panel affiliate-stack", onSubmit: save, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Create payout batch" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-muted", children: "Includes all approved, unpaid commissions for one affiliate and currency. Payment is arranged manually." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { disabled: action.pending, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "affiliate-form-grid", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Affiliate ID", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  value: affiliateId,
+                  onChange: (event) => setAffiliateId(event.target.value),
+                  required: true
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Currency", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  value: currency,
+                  onChange: (event) => setCurrency(event.target.value.toUpperCase()),
+                  pattern: "[A-Z]{3}",
+                  maxLength: 3,
+                  minLength: 3,
+                  required: true
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              context.PermissionAccess,
+              {
+                permission: permissions.affiliatePermissions.payout.create({
+                  affiliateId,
+                  currency
+                }),
+                children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "affiliate-primary", type: "submit", children: create.isPending ? "Creating\u2026" : "Create payout batch" })
+              }
+            )
+          ] })
+        ] }),
+        recording && /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "affiliate-panel affiliate-stack", onSubmit: record, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Record payout result" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+            shared.money(recording.amount, recording.currency),
+            " for affiliate",
+            " ",
+            recording.affiliateId
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { disabled: action.pending, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "affiliate-form-grid", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Payment result", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { name: "status", defaultValue: "sent", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sent", children: "Sent" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "failed", children: "Failed" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Payment reference", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  name: "reference",
+                  maxLength: 1e3,
+                  placeholder: "Bank transfer or accounting reference"
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "affiliate-actions", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("button", { className: "affiliate-primary", type: "submit", children: "Save payout result" }),
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => setRecording(null), children: "Cancel" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("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: "sent", children: "Sent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "failed", children: "Failed" })
+            ]
+          }
+        ) }) }),
+        data.items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-empty", children: "No payouts match. Create a batch when an affiliate has approved commissions." }) : /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "affiliate-table-scroll",
+            role: "region",
+            "aria-label": "Payout history",
+            tabIndex: 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "affiliate-sr-only", children: "Manual affiliate payouts" }),
+              /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Affiliate" }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "affiliate-number", children: "Amount" }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Status" }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Reference / date" }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Actions" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: data.items.map((payout) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("td", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Link,
+                    {
+                      href: resolve(
+                        "affiliate/admin/affiliates",
+                        encodeURIComponent(payout.affiliateId)
+                      ).href,
+                      children: payout.affiliateId
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-small affiliate-muted", children: payout.id })
+                ] }),
+                /* @__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.jsxs("td", { children: [
+                  payout.reference || "No reference",
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "affiliate-small affiliate-muted", children: shared.date(payout.paidAt ?? payout.createdAt) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: payout.status === "pending" && /* @__PURE__ */ jsxRuntime.jsx(
+                  context.PermissionAccess,
+                  {
+                    permission: permissions.affiliatePermissions.payout.update({
+                      payoutId: payout.id,
+                      affiliateId: payout.affiliateId,
+                      status: payout.status
+                    }),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: action.pending,
+                        "aria-label": `Record payout result ${payout.id}`,
+                        onClick: () => setRecording(payout),
+                        children: "Record result"
+                      }
+                    )
+                  }
+                ) })
+              ] }, payout.id)) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(shared.Pagination, { offset, total: data.total, onChange: setOffset })
+      ]
+    }
+  );
+}
+
+exports.PayoutsPage = PayoutsPage;

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

@@ -0,0 +1,228 @@
+'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 { usePayouts, usePayoutExport, useCreatePayout, useUpdatePayout } from '../../hooks/index.mjs';
+import { AFFILIATE_PLUGIN_ID } from '../../constants.mjs';
+import { useAffiliateAction, AffiliatePage, ActionNotice, Field, money, Status, date, Pagination } from '../shared.mjs';
+
+function PayoutsPage() {
+  const [status, setStatus] = useState("");
+  const [offset, setOffset] = useState(0);
+  const [affiliateId, setAffiliateId] = useState("");
+  const [currency, setCurrency] = useState("USD");
+  const [recording, setRecording] = useState(null);
+  const { data } = usePayouts({
+    status: status || void 0,
+    offset,
+    limit: 25
+  });
+  const exportCSV = usePayoutExport({ status: status || void 0 });
+  const create = useCreatePayout();
+  const update = useUpdatePayout();
+  const action = useAffiliateAction();
+  const { Link, resolve } = usePluginSiteNavigation(AFFILIATE_PLUGIN_ID);
+  const { localization } = usePluginOverrides(AFFILIATE_PLUGIN_ID);
+  const save = (event) => {
+    event.preventDefault();
+    void action.run(async () => {
+      await create.mutateAsync({ affiliateId, currency });
+    }, "Payout batch created. Arrange the payment, then record its result below.");
+  };
+  const record = (event) => {
+    event.preventDefault();
+    if (!recording) return;
+    const fields = new FormData(event.currentTarget);
+    const payout = recording;
+    void action.run(async () => {
+      await update.mutateAsync({
+        id: payout.id,
+        status: String(fields.get("status")),
+        reference: String(fields.get("reference") ?? "")
+      });
+      setRecording(null);
+    }, "Payout result recorded");
+  };
+  return /* @__PURE__ */ jsxs(
+    AffiliatePage,
+    {
+      title: localization?.payouts ?? "Payouts",
+      description: "Group approved commissions, arrange payment, and record the result.",
+      action: /* @__PURE__ */ jsx(PermissionAccess, { permission: affiliatePermissions.payout.export(), children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: action.pending || exportCSV.isFetching,
+          onClick: () => void action.run(async () => {
+            const result = await exportCSV.refetch();
+            if (result.error) throw result.error;
+            if (!result.data)
+              throw new Error(
+                "The payout CSV could not be exported. Try again."
+              );
+            const url = URL.createObjectURL(
+              new Blob([result.data.csv], {
+                type: "text/csv;charset=utf-8"
+              })
+            );
+            const anchor = document.createElement("a");
+            anchor.href = url;
+            anchor.download = "affiliate-payouts.csv";
+            anchor.click();
+            URL.revokeObjectURL(url);
+          }, "Payouts exported"),
+          children: "Export CSV"
+        }
+      ) }),
+      children: [
+        /* @__PURE__ */ jsx(ActionNotice, { ...action }),
+        /* @__PURE__ */ jsxs("form", { className: "affiliate-panel affiliate-stack", onSubmit: save, children: [
+          /* @__PURE__ */ jsx("h2", { children: "Create payout batch" }),
+          /* @__PURE__ */ jsx("p", { className: "affiliate-muted", children: "Includes all approved, unpaid commissions for one affiliate and currency. Payment is arranged manually." }),
+          /* @__PURE__ */ jsxs("fieldset", { disabled: action.pending, children: [
+            /* @__PURE__ */ jsxs("div", { className: "affiliate-form-grid", children: [
+              /* @__PURE__ */ jsx(Field, { label: "Affiliate ID", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: affiliateId,
+                  onChange: (event) => setAffiliateId(event.target.value),
+                  required: true
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Field, { label: "Currency", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: currency,
+                  onChange: (event) => setCurrency(event.target.value.toUpperCase()),
+                  pattern: "[A-Z]{3}",
+                  maxLength: 3,
+                  minLength: 3,
+                  required: true
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              PermissionAccess,
+              {
+                permission: affiliatePermissions.payout.create({
+                  affiliateId,
+                  currency
+                }),
+                children: /* @__PURE__ */ jsx("button", { className: "affiliate-primary", type: "submit", children: create.isPending ? "Creating\u2026" : "Create payout batch" })
+              }
+            )
+          ] })
+        ] }),
+        recording && /* @__PURE__ */ jsxs("form", { className: "affiliate-panel affiliate-stack", onSubmit: record, children: [
+          /* @__PURE__ */ jsx("h2", { children: "Record payout result" }),
+          /* @__PURE__ */ jsxs("p", { children: [
+            money(recording.amount, recording.currency),
+            " for affiliate",
+            " ",
+            recording.affiliateId
+          ] }),
+          /* @__PURE__ */ jsxs("fieldset", { disabled: action.pending, children: [
+            /* @__PURE__ */ jsxs("div", { className: "affiliate-form-grid", children: [
+              /* @__PURE__ */ jsx(Field, { label: "Payment result", children: /* @__PURE__ */ jsxs("select", { name: "status", defaultValue: "sent", children: [
+                /* @__PURE__ */ jsx("option", { value: "sent", children: "Sent" }),
+                /* @__PURE__ */ jsx("option", { value: "failed", children: "Failed" })
+              ] }) }),
+              /* @__PURE__ */ jsx(Field, { label: "Payment reference", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  name: "reference",
+                  maxLength: 1e3,
+                  placeholder: "Bank transfer or accounting reference"
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "affiliate-actions", children: [
+              /* @__PURE__ */ jsx("button", { className: "affiliate-primary", type: "submit", children: "Save payout result" }),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setRecording(null), children: "Cancel" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("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: "sent", children: "Sent" }),
+              /* @__PURE__ */ jsx("option", { value: "failed", children: "Failed" })
+            ]
+          }
+        ) }) }),
+        data.items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "affiliate-empty", children: "No payouts match. Create a batch when an affiliate has approved commissions." }) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "affiliate-table-scroll",
+            role: "region",
+            "aria-label": "Payout history",
+            tabIndex: 0,
+            children: /* @__PURE__ */ jsxs("table", { children: [
+              /* @__PURE__ */ jsx("caption", { className: "affiliate-sr-only", children: "Manual affiliate payouts" }),
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { children: "Affiliate" }),
+                /* @__PURE__ */ jsx("th", { className: "affiliate-number", children: "Amount" }),
+                /* @__PURE__ */ jsx("th", { children: "Status" }),
+                /* @__PURE__ */ jsx("th", { children: "Reference / date" }),
+                /* @__PURE__ */ jsx("th", { children: "Actions" })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: data.items.map((payout) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsxs("td", { children: [
+                  /* @__PURE__ */ jsx(
+                    Link,
+                    {
+                      href: resolve(
+                        "affiliate/admin/affiliates",
+                        encodeURIComponent(payout.affiliateId)
+                      ).href,
+                      children: payout.affiliateId
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("p", { className: "affiliate-small affiliate-muted", children: payout.id })
+                ] }),
+                /* @__PURE__ */ jsx("td", { className: "affiliate-number", children: money(payout.amount, payout.currency) }),
+                /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Status, { value: payout.status }) }),
+                /* @__PURE__ */ jsxs("td", { children: [
+                  payout.reference || "No reference",
+                  /* @__PURE__ */ jsx("p", { className: "affiliate-small affiliate-muted", children: date(payout.paidAt ?? payout.createdAt) })
+                ] }),
+                /* @__PURE__ */ jsx("td", { children: payout.status === "pending" && /* @__PURE__ */ jsx(
+                  PermissionAccess,
+                  {
+                    permission: affiliatePermissions.payout.update({
+                      payoutId: payout.id,
+                      affiliateId: payout.affiliateId,
+                      status: payout.status
+                    }),
+                    children: /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: action.pending,
+                        "aria-label": `Record payout result ${payout.id}`,
+                        onClick: () => setRecording(payout),
+                        children: "Record result"
+                      }
+                    )
+                  }
+                ) })
+              ] }, payout.id)) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(Pagination, { offset, total: data.total, onChange: setOffset })
+      ]
+    }
+  );
+}
+
+export { PayoutsPage };

package/dist/client/components/pages.cjs

@@ -0,0 +1,145 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const components = require('@btst/stack/client/components');
+const permissions = require('../../permissions.cjs');
+const shared = require('./shared.cjs');
+
+const Affiliates = react.lazy(
+  () => import('./pages/affiliates-page.internal.cjs').then((m) => ({
+    default: m.AffiliatesPage
+  }))
+);
+const Detail = react.lazy(
+  () => import('./pages/affiliate-detail-page.internal.cjs').then((m) => ({
+    default: m.AffiliateDetailPage
+  }))
+);
+const Commissions = react.lazy(
+  () => import('./pages/commissions-page.internal.cjs').then((m) => ({
+    default: m.CommissionsPage
+  }))
+);
+const Payouts = react.lazy(
+  () => import('./pages/payouts-page.internal.cjs').then((m) => ({
+    default: m.PayoutsPage
+  }))
+);
+const Apply = react.lazy(
+  () => import('./pages/affiliate-apply-page.internal.cjs').then((m) => ({
+    default: m.AffiliateApplyPage
+  }))
+);
+const Portal = react.lazy(
+  () => import('./pages/affiliate-portal-page.internal.cjs').then((m) => ({
+    default: m.AffiliatePortalPage
+  }))
+);
+function BrowserPage({ children }) {
+  const [mounted, setMounted] = react.useState(false);
+  react.useEffect(() => setMounted(true), []);
+  return mounted ? children : /* @__PURE__ */ jsxRuntime.jsx(shared.AffiliateLoading, {});
+}
+const boundary = {
+  ErrorComponent: shared.AffiliateError,
+  LoadingComponent: shared.AffiliateLoading,
+  NotFoundComponent: shared.AffiliateNotFound,
+  onError: (error) => console.error("[btst/affiliate]", error)
+};
+function AffiliateList() {
+  return /* @__PURE__ */ jsxRuntime.jsx(BrowserPage, { children: /* @__PURE__ */ jsxRuntime.jsx(Affiliates, {}) });
+}
+function AffiliateDetail(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(BrowserPage, { children: /* @__PURE__ */ jsxRuntime.jsx(Detail, { ...props }) });
+}
+function CommissionList() {
+  return /* @__PURE__ */ jsxRuntime.jsx(BrowserPage, { children: /* @__PURE__ */ jsxRuntime.jsx(Commissions, {}) });
+}
+function PayoutList() {
+  return /* @__PURE__ */ jsxRuntime.jsx(BrowserPage, { children: /* @__PURE__ */ jsxRuntime.jsx(Payouts, {}) });
+}
+function Application() {
+  return /* @__PURE__ */ jsxRuntime.jsx(BrowserPage, { children: /* @__PURE__ */ jsxRuntime.jsx(Apply, {}) });
+}
+function PortalDashboard() {
+  return /* @__PURE__ */ jsxRuntime.jsx(BrowserPage, { children: /* @__PURE__ */ jsxRuntime.jsx(Portal, {}) });
+}
+function AffiliatesPageComponent() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      ...boundary,
+      path: "/affiliate/admin/affiliates",
+      permission: permissions.affiliatePermissions.affiliate.read({ scope: "collection" }),
+      PageComponent: AffiliateList
+    }
+  );
+}
+function AffiliateDetailPageComponent({ id }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      ...boundary,
+      path: `/affiliate/admin/affiliates/${id}`,
+      permission: permissions.affiliatePermissions.affiliate.read({
+        scope: "record",
+        affiliateId: id
+      }),
+      PageComponent: AffiliateDetail,
+      props: { id }
+    }
+  );
+}
+function CommissionsPageComponent() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      ...boundary,
+      path: "/affiliate/admin/commissions",
+      permission: permissions.affiliatePermissions.commission.read(),
+      PageComponent: CommissionList
+    }
+  );
+}
+function PayoutsPageComponent() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      ...boundary,
+      path: "/affiliate/admin/payouts",
+      permission: permissions.affiliatePermissions.payout.read(),
+      PageComponent: PayoutList
+    }
+  );
+}
+function AffiliateApplyPageComponent() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      ...boundary,
+      path: "/affiliate/apply",
+      permission: permissions.affiliatePermissions.application.create(),
+      PageComponent: Application
+    }
+  );
+}
+function AffiliatePortalPageComponent() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      ...boundary,
+      path: "/affiliate/portal",
+      permission: permissions.affiliatePermissions.portal.read(),
+      PageComponent: PortalDashboard
+    }
+  );
+}
+
+exports.AffiliateApplyPageComponent = AffiliateApplyPageComponent;
+exports.AffiliateDetailPageComponent = AffiliateDetailPageComponent;
+exports.AffiliatePortalPageComponent = AffiliatePortalPageComponent;
+exports.AffiliatesPageComponent = AffiliatesPageComponent;
+exports.CommissionsPageComponent = CommissionsPageComponent;
+exports.PayoutsPageComponent = PayoutsPageComponent;