/* HTD Program 10 — Monetization (in-house HTD entitlement engine, no RevenueCat) */
(function () {
const { useState } = React;
const Icon = window.HTDIcon;
const { useNav, PushView, SectionLabel, Panel } = window.HTDUI;
const F = window.HTD_FIX;
function PlanCard({ p, selected, onSelect }) {
const active = p.cta==='ACTIVE';
return (
);
}
function EntitlementsPricing() {
const nav = useNav();
const M = F.monetization;
const [sel, setSel] = useState('COACH');
const [stage, setStage] = useState('plans'); // plans | checkout | unlocked
const selPlan = M.plans.find(p=>p.name===sel);
if (stage==='checkout') return (
setStage('unlocked')}>CONFIRM · {selPlan.price}{selPlan.period}HTD SIGNED ENTITLEMENT}>
CHECKOUT INTENT
{selPlan.name}
{selPlan.price}
{selPlan.period}
{['Payment method','Billing cycle','Auto-renew'].map((l,i)=>(
{l}
{['•••• 4242','MONTHLY','ON'][i]}
))}
Demo · Stripe checkout verification awaits provider keys. Entitlement applied locally.
);
if (stage==='unlocked') return (
setStage('plans')} footer={}>
{selPlan.name} UNLOCKED
HTD signed entitlement is now active on this account.
{selPlan.feats.map((f,i)=>(
{f}
))}
);
return (
window.HTDUI.toast('OPENS APP STORE SUBSCRIPTION MANAGEMENT')}>MANAGE SUBSCRIPTION
: }>
CHOOSE YOUR STANDARD
{M.plans.map(p=>)}
ACCESS CONTROLLED BY HTD SIGNED ENTITLEMENTS
);
}
// feature gate sheet (locked premium)
function FeatureGate({ params }) {
const nav = useNav();
const g = F.monetization.gate;
const feat = (params && params.feature) || g.feature;
return (
}>
PREMIUM · REQUIRES {g.need}
{feat}
{g.blurb}
HTD ENTITLEMENT ENGINE
FEATURE GATE
);
}
window.HTDMoney = { EntitlementsPricing, FeatureGate };
})();