/* Orenwell — transparent pricing menu (shared UI).
Reads window.OW_PRICING[slug] and renders a by-product, by-supply-length menu.
Used identically on the marketing-site category pages and the conversion landing
pages, so the same product always shows the same price. Relies on the global
Badge + Icon primitives (declared in _primitives.jsx, loaded before this file).
Compliance: provider-personalized framing, ® on brand names, TRT = Coming Soon. */
/* One supply-length chip — duration, total, optional per-month equivalent. */
function OWTier({ dur, total, per, muted }) {
var isMonthly = per === "/mo";
return (
{dur}
{total}{isMonthly ? /mo : null}
{per && !isMonthly
?
{per}
: null}
);
}
/* ---- Part A: "Learn More" expandable panel (labeled region) ---- */
function OWLearnContent({ det, panelId, labelId, hidden }) {
var head = { fontFamily: "var(--font-body)", fontSize: 11.5, fontWeight: 700, letterSpacing: "0.12em", textTransform: "uppercase", color: "var(--amber-700)", margin: "0 0 6px" };
var para = { fontSize: 14, color: "var(--gray-600)", lineHeight: 1.6, margin: 0 };
var list = { margin: "4px 0 0", padding: "0 0 0 18px", display: "flex", flexDirection: "column", gap: 4 };
var li = { fontSize: 13.5, color: "var(--ink-800)", lineHeight: 1.5 };
return (
{det.summary ?
{det.summary}
: null}
How it works
{det.howItWorks}
Benefits
{det.benefits.map(function (b, i) { return
{b}
; })}
Important considerations
{det.considerations.map(function (b, i) { return
{b}
; })}
);
}
/* ---- Parts A + B: the per-product action row (Learn More toggle + Get Started). ----
Get Started lives ABOVE the panel, so expanding never pushes it out of reach. The
button carries the three data-* attributes the capture modal reads (Part B). */
function OWProductActions({ name }) {
var det = (window.OW_PRODUCT_DETAILS || {})[name];
var os = React.useState(false); var open = os[0], setOpen = os[1];
var uid = React.useId();
if (!det) return null;
var panelId = "owlm-" + uid.replace(/[:]/g, "");
var labelId = panelId + "-label";
function start(e) {
var d = e.currentTarget.dataset;
if (window.owOpenCapture) window.owOpenCapture({ intakeUrl: d.intakeUrl, interest: d.interest, product: d.product });
}
return (
}>Get Started
);
}
/* One product row — name (+ optional descriptor) + supply-length chips, then the
Learn More / Get Started action row and its expandable description panel. */
function OWPriceRow({ item }) {
var feature = !!item.feature;
return (
{item.name}
{feature ? Most popular : null}
{item.sub ?
{item.sub}
: null}
{item.tiers.map(function (t, i) { return ; })}
);
}
/* A labeled text/email/tel field for the inline TRT waitlist (Part C). */
function OWWaitField({ id, label, type, value, onChange, error, optional, autoComplete, inputMode }) {
return (
{error ? {error} : null}
);
}
/* TRT "Coming Soon" — no price. "Notify Me" expands an inline waitlist form that
POSTs to /api/lead (interest "Men's Health & TRT", landingProduct "TRT Waitlist").
On success it confirms in place — no redirect (there's no intake yet). */
function OWComingSoon({ data }) {
var EMAIL_RE = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
var os = React.useState(false); var open = os[0], setOpen = os[1];
var fs = React.useState({ firstName: "", lastName: "", email: "", phone: "", chdConsent: false, company_website: "" });
var form = fs[0], setForm = fs[1];
var er = React.useState({}); var errs = er[0], setErrs = er[1];
var ms = React.useState(null); var msg = ms[0], setMsg = ms[1];
var sub = React.useState(false); var submitting = sub[0], setSubmitting = sub[1];
var dn = React.useState(false); var done = dn[0], setDone = dn[1];
function up(k, v) { setForm(function (p) { var n = Object.assign({}, p); n[k] = v; return n; }); }
function submit(e) {
e.preventDefault();
if (submitting) return;
if (form.company_website) { setDone(true); return; } // honeypot: bot
var ne = {};
if (!form.firstName.trim()) ne.firstName = "Please enter your first name.";
if (!form.lastName.trim()) ne.lastName = "Please enter your last name.";
if (!form.email.trim() || !EMAIL_RE.test(form.email.trim())) ne.email = "Please enter a valid email address.";
setErrs(ne);
if (Object.keys(ne).length) { setMsg(null); return; }
setSubmitting(true); setMsg(null);
var payload = window.owBuildLead({
firstName: form.firstName.trim(), lastName: form.lastName.trim(), email: form.email.trim(), phone: form.phone.trim(),
interest: "Men's Health & TRT", marketingOptIn: false, landingProduct: "TRT Waitlist", company_website: form.company_website,
});
window.owSubmitLead(payload).then(function (r) {
if (r.status === 200) { setDone(true); return; }
setSubmitting(false);
if (r.status === 400) { setMsg("Please check your name and email and try again."); return; }
if (r.status === 429) { setMsg("One moment — please try again in a few seconds."); return; }
setMsg("Something went wrong — please try again in a few moments.");
});
}
var chdHref = "/consumer-health-data-privacy";
return (
Coming soon{data.title}
{data.body}
{done ? (
You’re on the list — we’ll email you the moment TRT launches.
) : !open ? (
}>Notify me
) : (
)}
);
}
/* Brand-name pens block — lower-emphasis, dashed container. Each pen is a row with
its own Learn More expander + Get Started (routes to the generic weight-loss intake). */
function OWBrandRow({ it }) {
return (
{it.name}
{it.tiers[0].total}/mo
);
}
function OWBrandBlock({ data }) {
return (
{data.title}
{data.note}
{data.items.map(function (it, i) { return ; })}
);
}
/* Optional group heading (e.g. "Compounded options", "ED treatments"). */
function OWGroupHead({ title, subtitle }) {
if (!title) return null;
return (
{title}
{subtitle ?
{subtitle}
: null}
);
}
/* Full menu for a category slug. */
function PriceMenu({ slug }) {
var data = (window.OW_PRICING || {})[slug];
if (!data) return null;
return (
All plans are prescribed and personalized by a licensed provider; eligibility is determined by your provider.
You'll see your exact, all-in price before you commit — no hidden fees, cancel anytime.