// ============================================================================ // AGREEMENT-RENEWALS — renewal & reversion clock watcher // // Scans window.AGREEMENTS for upcoming end dates, retentionEndDate, and // auto-renew notice windows. Computes per-agreement urgency: // // • EXPIRED end < today // • NOTICE-WINDOW-OPEN end - renewNoticeMonths < today < end (auto-renew) // • NOTICE-WINDOW-CLOSED today > end - renewNoticeMonths AND auto-renew=true // → silently renewed; flag for awareness // • EXPIRING-SOON end - 12mo < today < end (any kind) // • REVERSION-DUE retentionEndDate within 12mo // • OK nothing imminent // // Surfaces: // • Calendar grid (12 months forward, agreements pinned to their key dates) // • Watch list (sorted by days-until-action) // • Notice draft generator (uses AgreementPaperGen with a synthetic template) // // EXPORT: window.ScreenAgreementRenewals — main screen // window.AgRenewalsPanel — embeddable panel for agreement-detail // ============================================================================ (function () { const { useMemo, useState } = React; const MS_DAY = 86400000; function parse(d) { return d ? new Date(d + 'T00:00:00Z') : null; } function daysBetween(a, b) { return Math.round((b - a) / MS_DAY); } function addMonths(d, m) { const x = new Date(d); x.setUTCMonth(x.getUTCMonth() + m); return x; } function fmtDate(d) { if (!d) return '—'; if (typeof d === 'string') d = parse(d); return d.toISOString().slice(0, 10); } function classify(ag, today) { today = today || new Date(); const end = parse(ag.end); const ret = parse(ag.retentionEndDate); if (!end) return { state: 'OK', urgency: 999, action: null }; const dEnd = daysBetween(today, end); const noticeMonths = ag.renewNoticeMonths || 0; const noticeOpen = end ? addMonths(end, -noticeMonths) : null; const dNoticeOpen = noticeOpen ? daysBetween(today, noticeOpen) : null; const dRet = ret ? daysBetween(today, ret) : null; if (dEnd < 0) { // Expired or auto-renewed if (ag.autoRenew) { // already auto-renewed — flag the next cycle return { state: 'AUTO-RENEWED', urgency: 365 + dEnd, action: 'TRACK', dEnd, dNoticeOpen, dRet }; } return { state: 'EXPIRED', urgency: -dEnd, action: 'CLOSE-OUT', dEnd, dNoticeOpen, dRet }; } if (ag.autoRenew && noticeMonths > 0) { if (dNoticeOpen <= 0 && dEnd > 0) { return { state: 'NOTICE-WINDOW-OPEN', urgency: dEnd, action: 'SEND-NOTICE-OR-RENEW', dEnd, dNoticeOpen, dRet }; } if (dNoticeOpen > 0 && dNoticeOpen < 60) { return { state: 'NOTICE-WINDOW-OPENING-SOON', urgency: dNoticeOpen, action: 'PREPARE', dEnd, dNoticeOpen, dRet }; } } if (dEnd < 365) { return { state: 'EXPIRING-SOON', urgency: dEnd, action: 'PLAN-RENEWAL', dEnd, dNoticeOpen, dRet }; } if (dRet != null && dRet > 0 && dRet < 365) { return { state: 'REVERSION-DUE', urgency: dRet, action: 'CONFIRM-REVERSION', dEnd, dNoticeOpen, dRet }; } return { state: 'OK', urgency: 999, action: null, dEnd, dNoticeOpen, dRet }; } function stateColor(s) { switch (s) { case 'EXPIRED': return 'var(--danger)'; case 'NOTICE-WINDOW-OPEN': return 'var(--danger)'; case 'NOTICE-WINDOW-OPENING-SOON': return 'var(--accent)'; case 'EXPIRING-SOON': return 'var(--accent)'; case 'REVERSION-DUE': return '#7c4dff'; case 'AUTO-RENEWED': return 'var(--ink-3)'; default: return 'var(--ink-3)'; } } // ── Notice templates ─────────────────────────────────────────────────── const NOTICE_TEMPLATES = { 'non-renew': { id: 'NOTICE-NONRENEW', name: 'Notice of Non-Renewal', kindLabel: 'NOTICE', version: 1, variables: [ { name: 'sender_name', label: 'Sender', required: true }, { name: 'recipient_name', label: 'Recipient', required: true }, { name: 'agreement_id', label: 'Agreement ID', required: true }, { name: 'agreement_title', label: 'Agreement', required: true }, { name: 'effective_date', label: 'Effective Termination Date', required: true }, { name: 'reason', label: 'Reason', kind: 'enum', options: ['Strategic realignment', 'Performance', 'Mutual termination', 'Not provided'], required: false }, ], sections: [ { n: '1', title: 'Notice', body: 'Reference is made to that certain agreement {{agreement_id}} dated effective between {{sender_name}} and {{recipient_name}} ("Agreement"). Pursuant to the renewal/notice provisions thereof, {{sender_name}} hereby provides written notice that it elects NOT to renew the Agreement. The Agreement shall therefore terminate on {{effective_date}} in accordance with its terms.' }, { n: '2', title: 'Reason', body: 'Reason for non-renewal: {{reason}}.' }, { n: '3', title: 'Survival', body: 'All provisions of the Agreement that by their terms survive termination — including post-term retention, audit rights, indemnities, and royalty payment obligations — shall continue in full force and effect.' }, { n: '4', title: 'Counterparts', body: 'This notice may be delivered electronically and shall be effective upon receipt.' }, ], }, 'renew': { id: 'NOTICE-RENEW', name: 'Notice of Renewal', kindLabel: 'NOTICE', version: 1, variables: [ { name: 'sender_name', label: 'Sender', required: true }, { name: 'recipient_name', label: 'Recipient', required: true }, { name: 'agreement_id', label: 'Agreement ID', required: true }, { name: 'agreement_title', label: 'Agreement', required: true }, { name: 'new_term_years', label: 'New term (years)', kind: 'numeric', required: true }, { name: 'new_end_date', label: 'New end date', required: true }, ], sections: [ { n: '1', title: 'Notice', body: 'Reference is made to that certain agreement {{agreement_id}} ("Agreement") between {{sender_name}} and {{recipient_name}}. Pursuant to the renewal provisions thereof, {{sender_name}} hereby exercises its right to renew the Agreement for an additional term of {{new_term_years}} years, such renewal term commencing immediately upon expiration of the current term and ending on {{new_end_date}}.' }, { n: '2', title: 'Confirmation', body: 'All other terms of the Agreement remain unchanged. Please acknowledge receipt of this renewal notice within thirty (30) days.' }, ], }, 'reversion': { id: 'NOTICE-REVERSION', name: 'Reversion Confirmation', kindLabel: 'NOTICE', version: 1, variables: [ { name: 'sender_name', label: 'Sender', required: true }, { name: 'recipient_name', label: 'Recipient', required: true }, { name: 'agreement_id', label: 'Agreement ID', required: true }, { name: 'reversion_date', label: 'Reversion date', required: true }, { name: 'works_count', label: 'Works reverting', kind: 'numeric' }, ], sections: [ { n: '1', title: 'Notice', body: 'Reference is made to agreement {{agreement_id}} between {{sender_name}} and {{recipient_name}}. As of {{reversion_date}}, the post-term retention period under such agreement shall have expired and all rights ({{works_count}} works) shall revert to {{sender_name}} pursuant to the reversion provisions thereof.' }, { n: '2', title: 'Statements', body: 'A final statement covering the period through reversion shall be delivered within ninety (90) days. No further royalty obligations shall accrue thereafter.' }, { n: '3', title: 'Acknowledgement', body: 'Please acknowledge this reversion in writing within thirty (30) days. Counter-signature returned to the address above shall constitute such acknowledgement.' }, ], }, }; function fillNoticeVars(kind, ag) { const t = NOTICE_TEMPLATES[kind]; if (!t) return {}; const out = {}; t.variables.forEach(v => { switch (v.name) { case 'sender_name': out[v.name] = ag.a; break; case 'recipient_name': out[v.name] = ag.b; break; case 'agreement_id': out[v.name] = ag.id; break; case 'agreement_title': out[v.name] = `${ag.a} × ${ag.b}`; break; case 'effective_date': out[v.name] = ag.end || ''; break; case 'new_end_date': out[v.name] = ag.end ? new Date(parse(ag.end).getTime() + 365 * MS_DAY * 5).toISOString().slice(0,10) : ''; break; case 'new_term_years': out[v.name] = '5'; break; case 'reversion_date': out[v.name] = ag.retentionEndDate || ''; break; case 'works_count': out[v.name] = String((ag.works || []).length || ''); break; case 'reason': out[v.name] = 'Not provided'; break; default: out[v.name] = ''; } }); return out; } // ── Watch list row ───────────────────────────────────────────────────── function WatchRow({ ag, info, onAction, go }) { const days = info.urgency; return ( go && go('agreement', ag)}> {ag.id} {ag.a} × {ag.b} {ag.kind} {fmtDate(ag.end)} {info.state} {info.state === 'EXPIRED' ? `${Math.abs(days)}d ago` : `in ${days}d`} e.stopPropagation()}> ); } // ── Calendar grid ────────────────────────────────────────────────────── function CalendarStrip({ items, today, go }) { // items: { date, ag, kind } const months = []; const start = new Date(today); start.setUTCDate(1); for (let i = 0; i < 12; i++) { const m = addMonths(start, i); const ms = m.toISOString().slice(0, 7); const inMonth = items.filter(it => it.date && it.date.toISOString().slice(0, 7) === ms); months.push({ m, ms, items: inMonth }); } return (
{months.map((mo, i) => (
{mo.m.toLocaleString('en', { month: 'short', year: '2-digit', timeZone: 'UTC' })}
{mo.items.length === 0 ? (
—
) : ( mo.items.slice(0, 6).map((it, j) => (
go && go('agreement', it.ag)} title={`${it.ag.id} · ${it.kind}`} style={{ fontSize: 10, padding: '3px 5px', marginBottom: 2, background: stateColor(it.state || (it.kind === 'reversion' ? 'REVERSION-DUE' : 'EXPIRING-SOON')), color: '#fff', cursor: 'pointer', fontFamily: 'IBM Plex Mono, monospace', letterSpacing: '.02em', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}> {it.ag.id.replace(/^AG-/, '')} · {it.kind === 'reversion' ? 'REV' : it.kind === 'notice' ? 'NTC' : 'END'}
)) )}
))}
); } // ── Notice draft modal ───────────────────────────────────────────────── function NoticeModal({ ag, kind, onClose }) { const [k, setK] = useState(kind || 'non-renew'); const tpl = NOTICE_TEMPLATES[k]; const [vars, setVars] = useState(() => fillNoticeVars(k, ag)); React.useEffect(() => { setVars(fillNoticeVars(k, ag)); }, [k, ag.id]); const PG = window.AgreementPaperGen; const { html, missing } = PG ? PG.renderHtml(tpl, vars, { parties: [{ role: tpl.id === 'NOTICE-NONRENEW' ? 'SENDER' : 'SENDER', name: ag.a }, { role: 'RECIPIENT', name: ag.b }] }) : { html: '

PaperGen not loaded

', missing: [] }; return (
e.stopPropagation()} style={{ width: 'min(1100px, 96vw)', maxHeight: '92vh', background: 'var(--bg)', display: 'grid', gridTemplateColumns: '320px 1fr', overflow: 'hidden' }}>
DRAFT NOTICE · {ag.id}
NOTICE TYPE
{tpl.variables.map(v => (
{v.kind === 'enum' ? ( ) : ( setVars({ ...vars, [v.name]: e.target.value })} style={{ width: '100%', padding: '4px 6px', fontSize: 11, fontFamily: 'IBM Plex Mono, monospace', background: 'var(--bg)', border: '1px solid var(--rule)', boxSizing: 'border-box' }} /> )}
))}
{PG && } {PG && }