/* ========== Shared components, hooks, icons ========== */
const { useState, useEffect, useMemo, useRef, useCallback } = React;
const { fmtMoney, fmtDate, fmtDateShort, fmtDateTime, relativeTime, uid } = window.PVUtil;
/** Subscribe to PVStore changes and re-render. */
function useStore() {
const [state, setState] = useState(window.PVStore.state);
useEffect(() => window.PVStore.subscribe(setState), []);
return state;
}
/* ========== Icons (Lucide-style strokes) ========== */
const Icon = ({ name, size = 16, stroke = 2, color = 'currentColor', style }) => {
const paths = ICONS[name];
if (!paths) return null;
return (
);
};
const ICONS = {
search: ,
dashboard: ,
orders: ,
customers: ,
invoice: ,
finance: ,
templates: ,
settings: ,
plus: ,
close: ,
check: ,
arrowLeft: ,
arrowRight: ,
edit: ,
trash: ,
upload: ,
download: ,
file: ,
image: ,
print: ,
eye: ,
more: ,
phone: ,
mail: ,
map: ,
calendar: ,
clock: ,
passport: ,
receipt: ,
trending: ,
alert: ,
filter: ,
link: ,
building: ,
globe: ,
chevronDown: ,
chevronUp: ,
copy: ,
refresh: ,
bell: ,
};
/* ========== Prime brand mark ========== */
const PrimeLogo = ({ size = 28 }) => (
);
/* ========== Modal ========== */
function Modal({ open, onClose, title, children, footer, size = 'md' }) {
useEffect(() => {
if (!open) return;
const onKey = (e) => { if (e.key === 'Escape') onClose && onClose(); };
window.addEventListener('keydown', onKey);
document.body.style.overflow = 'hidden';
return () => {
window.removeEventListener('keydown', onKey);
document.body.style.overflow = '';
};
}, [open, onClose]);
if (!open) return null;
return (
e.stopPropagation()}>
{title}
{children}
{footer &&
{footer}
}
);
}
/* ========== Stage badge ========== */
function StageBadge({ stageId }) {
const stage = window.PVStore.state.stages.find(s=>s.id===stageId);
if (!stage) return {stageId};
return {stage.label};
}
/* ========== Helpers ========== */
function customerById(id) {
return window.PVStore.state.customers.find(c=>c.id===id);
}
function customerName(id) {
const c = customerById(id);
return c ? c.name : '—';
}
function countryName(code) {
if (!code) return '';
const p = window.PVStore.state.pricing.find(x=>x.code===code);
return p ? p.name : code;
}
function countryFlag(code) {
if (!code) return '';
const p = window.PVStore.state.pricing.find(x=>x.code===code);
return p ? p.flag : '';
}
/* ========== Toast ========== */
function useToast() {
const [msg, setMsg] = useState(null);
const show = useCallback((text) => {
setMsg(text);
setTimeout(() => setMsg(null), 2500);
}, []);
const view = msg ? (
{msg}
) : null;
return [show, view];
}
/* ========== Read file as data URL (for uploads) ========== */
function fileToDataUrl(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = () => resolve(reader.result);
reader.onerror = reject;
reader.readAsDataURL(file);
});
}
/* ========== Export to window ========== */
Object.assign(window, {
useStore, Icon, ICONS, PrimeLogo, Modal, StageBadge,
customerById, customerName, countryName, countryFlag,
fmtMoney, fmtDate, fmtDateShort, fmtDateTime, relativeTime, uid,
useToast, fileToDataUrl,
});