Customer portal

// ── 1. When to show the buttons ─────────────────────────────
// Only to a signed-in user who holds a plan. open() throws
// OneloError('not_authenticated') without a session, and a user with no plan has
// nothing to manage (offer the store instead — see the Store tab).
// hasActiveAccess() is false when signed out, so this one call covers both.
async function renderPortalButtons() {
  const holdsPlan = await onelo.auth.hasActiveAccess()
  manageButton.hidden = !holdsPlan
  changePlanButton.hidden = !holdsPlan
}
void renderPortalButtons()

// ── 2. Open the portal ──────────────────────────────────────
// Management home: cancel, refund (within your refund window), invoices, change
// plan. Resolves when the user closes the portal.
manageButton.onclick = () => onelo.customerPortal.open()

// Straight into the plan picker, for an "Upgrade" / "Change plan" button, for a
// paid subscriber. Falls back to the management home when this subscription
// can't change plan (a user on your free plan buys through the store instead). The
// portal confirms the change and credits the unused part of the current plan.
// (onelo.openUpgrade() — Features tab — opens the same plan picker without the
// portal page in front of it.)
changePlanButton.onclick = () => onelo.customerPortal.open({ intent: 'change_plan' })

// ── 3. After the portal closes ──────────────────────────────
// Don't read anything from open() and don't poll: every change reaches the SDK
// over SSE.
//   • Plan change or cancel → features.subscribe() fires; re-read feature().
//   • Refund with refund_fallback_policy "lapsed" and signout_after_lapsed_refund
//     on (the default) → the session is revoked and onAuthStateChange(null)
//     fires. Re-open sign-in there — the same handler as on the Auth tab.
//   • Refund with refund_fallback_policy "free_tier" → the user stays signed in
//     on your free plan; features.subscribe() fires with the free plan's features.
const unsubscribeFeatures = onelo.features.subscribe(() => {
  // re-read onelo.features.feature(...) and re-render
  void renderPortalButtons()
})
const unsubscribeAuth = onelo.auth.onAuthStateChange((session) => {
  if (!session) void onelo.loadAuthView()   // signed out (e.g. a lapsed refund) → sign-in
  void renderPortalButtons()
})

// ── 4. Plan limits ──────────────────────────────────────────
// Refunds in the portal need portal_refunds on YOUR Onelo plan, and Change plan /
// switch to annual need portal_plan_changes; without them the portal doesn't offer them.