// Shared components
const { useState, useEffect, useMemo, useRef } = React;
const LOGO = 'https://i.ibb.co/s9CvkVdd/aivision21-logo.png';
const IconSearch = () => (
);
const IconArrowLeft = () => (
);
const IconArrowRight = () => (
);
const IconChevL = () => (
);
const IconChevR = () => (
);
const IconDownload = () => (
);
const IconClose = () => (
);
const IconCheck = () => (
);
function Avatar({ initials, color, size = 38 }) {
const cls = size === 56 ? 'avatar avatar-56' : size === 34 ? 'avatar avatar-34' : size === 24 ? 'avatar avatar-24' : 'avatar avatar-38';
return {initials}
;
}
function Badge({ status }) {
if (status === 'not_started') return —;
return (
{status !== 'not_required' && }
{status.replace('_', ' ')}
);
}
function KycDot({ status }) {
const letterMap = { aadhar: 'A', pan: 'P', bank: 'B', dl: 'D' };
return (status, letter) => {};
}
function KycDots({ kyc }) {
const letters = { aadhar: 'A', pan: 'P', bank: 'B', dl: 'D' };
return (
{Object.entries(letters).map(([k, l]) => (
{l}
))}
);
}
function TopNav({ crumb, onBack, showBack, role, onRoleChange }) {
const user = role === 'super' ? AIV.SUPER_HR : AIV.HR_ADMIN;
return (
{showBack && (
)}
{crumb.map((c, i) => (
{i > 0 && /}
{c}
))}
{onRoleChange && (
)}
);
}
function Shell({ children }) {
return (
);
}
function Toast({ message, onDone }) {
const [closing, setClosing] = useState(false);
useEffect(() => {
const t1 = setTimeout(() => setClosing(true), 3200);
const t2 = setTimeout(() => onDone && onDone(), 3500);
return () => { clearTimeout(t1); clearTimeout(t2); };
}, []);
return (
{message}
);
}
Object.assign(window, { Avatar, Badge, KycDots, TopNav, Shell, Toast,
IconSearch, IconArrowLeft, IconArrowRight, IconChevL, IconChevR, IconDownload, IconClose, IconCheck, LOGO });