{children}

); } // Card wrapper (gray background, rounded, padded) function ABRCard({ children, bg = ABR_C.gray, style, padding = 18 }) { return (

{children}

); } // ========================================================================= // MISSION ALIGNMENT // ========================================================================= function ABRMissionAlignment({ ft }) { const trios = [ { title: ft.mission_t1_title || 'Retaining', subtitle: ft.mission_t1_subtitle || 'Your Workforce', icon: }, { title: ft.mission_t2_title || 'Upskilling', subtitle: ft.mission_t2_subtitle || 'Your Workforce', icon: }, { title: ft.mission_t3_title || 'Expanding', subtitle: ft.mission_t3_subtitle || 'Your Workforce', icon: }, ]; return ( {ft.mission_section || 'Mission Alignment'}

{trios.map((t, i) => (

{React.cloneElement(t.icon, { size: 30 })}

{t.title}

{t.subtitle}

{i < trios.length - 1 && (

)} ))}

); } // ========================================================================= // PARTNERSHIP OVERVIEW // ========================================================================= function ABRPartnershipOverview({ ft, data }) { const subStats = [ { value: data.currentEnrollment ?? 0, label: ft.partnership_a_label || 'Current Enrollment', sub: '' }, { value: data.fyCurrentStarts ?? 0, label: ft.partnership_b_label || 'FY26 Starts', sub: data.asOfDate ? `(As of ${data.asOfDate})` : '' }, { value: data.fyPrevStarts ?? 0, label: ft.partnership_c_label || 'FY25 Starts', sub: '' }, ]; return ( {ft.partnership_section || 'Partnership Overview'}

{data.totalGraduates ?? 0}

{ft.partnership_total_label || 'Total Graduates'}

{subStats.map((s, i) => (

{s.value}

{s.label}

{s.sub &&

{s.sub}

}

))}

); } // ========================================================================= // PROGRAM MIX // ========================================================================= function ABRProgramMix({ ft, data }) { const cells = [ { pct: data.programMixBusiness ?? 0, label: ft.program_1_label || 'Business', icon: }, { pct: data.programMixTechnology ?? 0, label: ft.program_2_label || 'Technology', icon: }, { pct: data.programMixEducation ?? 0, label: ft.program_3_label || 'Education', icon: }, { pct: data.programMixHealth ?? 0, label: ft.program_4_label || 'Health', icon: }, ]; const sectionTitle = ft.program_mix_section || 'Program Mix'; const fyMatch = sectionTitle.match(/FY\d+/); const titleMain = sectionTitle.replace(/\s*FY\d+\s*$/, ''); const titleFy = fyMatch ? fyMatch[0] : ''; return ( {titleMain}{titleFy && {titleFy}}

{cells.map((c, i) => (

{React.cloneElement(c.icon, { size: 17 })}

{c.pct}%

{c.label}

))}

); } // ========================================================================= // STATS // ========================================================================= function ABRStats({ ft, data }) { const years = data.timelineYears || ['', '', '']; const values = data.timelineValues || ['', '', '']; return ( {ft.stats_section || 'Stats'} {/* Timeline — values are the focal point, big serif numerals */}

{ft.stats_timeline_label || 'Total degrees awarded over time'}

{years.slice(0, 3).map((y, i) => (

{y}

))}

{values.slice(0, 3).map((v, i) => (

{v ?? ''}

))}

{/* Completion rates */}

{(() => { const msg = ft.stats_completion_message || 'Completion rates with partner organizations are higher than national WGU rates.'; const parts = msg.split(/(higher)/i); return parts.map((p, i) => p.toLowerCase() === 'higher' ? {p} : {p} ); })()}

{data.completionPartner ?? 0}%

{ft.stats_partner_rate_label || 'Completion rates with partner'}

{data.completionNonPartner ?? 0}%

{ft.stats_nonpartner_rate_label || 'Non-partner completion rates'}

); } // ========================================================================= // TOP PROGRAMS // ========================================================================= function ABRTopPrograms({ ft, data }) { const programs = (data.topPrograms || []).slice(0, 8); const titleRaw = ft.top_programs_section || 'Top Programs'; const fyMatch = titleRaw.match(/FY\d+/); const titleMain = titleRaw.replace(/\s*FY\d+\s*$/, ''); const titleFy = fyMatch ? fyMatch[0] : ''; return (

{titleMain}{titleFy && {titleFy}}

{programs.map((p, i) => (

{p.text || ''}

))}

); } // ========================================================================= // INSIGHTS // ========================================================================= function ABRInsights({ ft, data }) { const insights = (data.insights || []).slice(0, 3); return ( {ft.insights_section || 'Insights and Opportunities'}

{insights.map((ins, i) => (

{ins.title || ''}

{ins.description || ''}

{i < insights.length - 1 &&

} ))}

); } // ========================================================================= // FOOTER (absolute-positioned at the bottom of the artboard) // ========================================================================= function splitUrlForWrap(url) { if (!url) return { line1: '', line2: '' }; // Split after the last "/" if there's content after it (e.g. // "wgu.edu/partners/ohio-health" → "wgu.edu/partners/" + "ohio-health"). const lastSlash = url.lastIndexOf('/'); if (lastSlash > 0 && lastSlash < url.length - 1) { return { line1: url.slice(0, lastSlash + 1), line2: url.slice(lastSlash + 1) }; } return { line1: url, line2: '' }; } function ABRFooter({ data }) { const contacts = (data.contacts || []).slice(0, 2); const url = data.url || 'wgu.edu/partners/'; const { line1, line2 } = splitUrlForWrap(url); return (

{line1}

{line2 &&

{line2}

}

{contacts.map((c, i) => (

{c.name || ''}

{c.title &&

{c.title}

} {c.email &&

{c.email}

}

))}

); } // ========================================================================= // HERO // ========================================================================= function ABRHero({ ft, data }) { return (

{ft.title || 'Annual Business Report'}

{ft.prepared_for_label || 'Prepared For'}

{data.partnerName || ''}

); } // ========================================================================= // MAIN COMPONENT // ========================================================================= function ABROnePager({ data }) { const ft = data.fixedText || {}; return (

{/* Middle content area: between hero (220) and footer (100). 780 high. */}

); } Object.assign(window, { ABROnePager });