// Institutional CRM — shared shell pieces (icons, chrome, small primitives)
const IC = ({ d, size = 18 }) => (
);
const ICONS = {
home: '',
funnel: '',
deals: '',
clients: '',
calc: '',
synd: '',
comm: '',
chart: '',
partners: '',
search: '',
bell: '',
user: '',
more: '',
zap: '',
bulb: '',
check: '',
print: '',
};
// Brand wordmarks (type-only for ExpressFund; debtlift has the JPG asset)
const EFWordmark = ({ light, size = 19 }) => (
EXPRESS
FUND
);
function Chip({ tone = '', children }) {
return {children};
}
// Company tag — makes it obvious which brand a record belongs to
function BrandTag({ brand }) {
if (!brand) return null;
const ef = brand === 'ExpressFund';
return (
{ef ? 'ExpressFund' : 'debtlift'}
);
}
const STAGE_TONE = { 'New': 'blue', 'Contacted': '', 'Qualified': 'blue', 'Offer Sent': 'amber', 'Application': 'amber', 'Underwriting': 'navy', 'Funded': 'green', 'Lost': 'red', 'Contracts Sent': 'amber', 'Signed': 'navy', 'Active': 'green' };
const SERV_TONE = { 'Performing': 'green', 'Modified Payment': 'amber', 'In Settlement': 'red' };
// Renewal eligibility — alerts as a file crosses 25 / 50 / 100% completed
const RENEWAL_TIERS = [100, 50, 25];
const RENEWAL_TONE = { 25: 'blue', 50: 'amber', 100: 'green' };
function renewalTier(pct) { if (pct == null) return null; for (let i = 0; i < RENEWAL_TIERS.length; i++) { if (pct >= RENEWAL_TIERS[i]) return RENEWAL_TIERS[i]; } return null; }
function RenewalChip({ pct }) {
const t = renewalTier(pct);
if (t == null) return null;
return {'Renewal · ' + t + '%'};
}
function SectionCard({ bar, right, children, style }) {
return (
{bar}{right ? {right} : null}
{children}
);
}
// Full-page file view shell — breadcrumb, back link, header, right-aligned stats
function FilePage({ crumb, backLabel, onBack, title, sub, chips, stats, children }) {
return (
);
}
function Modal({ title, onClose, children, footer, width = 560 }) {
return (
{ if (e.target === e.currentTarget) onClose(); }}>
{title}
{children}
{footer ?
{footer}
: null}
{children}
;
}
function Toast({ msg }) {
if (!msg) return null;
return (
{msg}
);
}
function useToastI() {
const [msg, setMsg] = React.useState(null);
const toast = m => { setMsg(m); setTimeout(() => setMsg(null), 2200); };
return { msg, toast };
}
// Simple funnel bar (stage counts)
function FunnelBar({ leads, onStage, stages }) {
const FN = stages || window.ICRM.FUNNEL;
return (
{FN.map((st, i) => {
const n = leads.filter(l => l.stage === st).length;
return (
);
})}