{labels.map((l, i) => {
const n = i + 1;
const st = n < step ? 'done' : n === step ? 'cur' : '';
return (
{n < step ? '✓' : n}
{l}
{i < labels.length - 1 && }
);
})}
Your statutory registers are live data — every document is generated from them.
setHist(false)}>Today
setHist(true)}>As at 1 Jan 2025
{hist && (
Historical snapshot — before the Jan 2025 transfer of 1,500 shares to Harbour Ventures Ltd. Any date can be rebuilt.
)}
[m.name, 'Ordinary shares', m.shares.toLocaleString('en-US') + ' · ' + m.pct])}
foot={hist ? '2 members · 10,000 shares' : '3 members · 10,000 shares · matches the NAR1 draft'} />
[d.name, 'Director · appointed ' + d.since, 'HKID ✓']), [CSD.secretary, 'Company secretary · TCSP licence ' + CSD.tcsp, '']]} />
[s.name, 'Registrable person · ' + s.nature, ''])}
foot={'Kept at the registered office · designated representative: ' + CSD.secretary + ' · anyone holding over 25% is registrable'} />
);
}
function CsMailView({ go }) {
return (
Tell us what changed — AI drafts the full pack the same day, your licensed secretary reviews and files it.
{Object.entries(CS_CHANGES).map(([id, r]) => {
const submitted = id === 'transfer' ? cs.transfer.submitted : cs.changes[id];
return (
setView(id)}>
{r.title}
{r.meta}
{r.tag}
{submitted ? '✓ In progress — see status' : 'Start →'}
);
})}
);
}
function CsNar1Flow({ state, setState, setView, go }) {
const n = state.cs.nar1;
const [showForm, setShowForm] = React.useState(false);
const set = (patch) => setState((s) => ({ ...s, cs: { ...s.cs, nar1: { ...s.cs.nar1, ...patch } } }));
return (
Compliance
{dueSoon} due within 30 days
{CSD.secretary} · TCSP {CSD.tcsp}
{!inFlow && (
{[['status', 'Status'], ['registers', 'Registers'], ['mail', 'Mail'], ['requests', 'Make a change']].map(([id, label]) => (
setView(id)}>{label}
))}
)}
{view === 'status' &&
}
{view === 'registers' &&
}
{view === 'mail' &&
}
{view === 'requests' &&
}
{view === 'nar1' &&
}
{view === 'transfer' &&
}
{(view === 'director' || view === 'address' || view === 'allot') &&
}
{toast && (
{toast}
)}
);
}
Object.assign(window, { CompliancePage });