// ============================================================
// Nami Order Portal — shared icons + small UI atoms
// ============================================================
// Inline SVG icon set — Lucide-style, stroke-1.5
const Icon = ({ name, size = 16, color = "currentColor", className = "" }) => {
const s = size;
const sp = { width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", className };
const P = {
search: <>,
plus: <>,
chevronDown: <>,
chevronRight:<>,
chevronLeft: <>,
chevronUp: <>,
arrowRight: <>,
arrowLeft: <>,
check: <>,
x: <>,
file: <>,
files: <>,
folder: <>,
inbox: <>,
bell: <>,
settings: <>,
layout: <>,
list: <>,
edit: <>,
copy: <>,
archive: <>,
more: <>,
download: <>,
upload: <>,
send: <>,
eye: <>,
alert: <>,
warn: <>,
info: <>,
checkCircle: <>,
clock: <>,
calendar: <>,
user: <>,
users: <>,
building: <>,
package: <>,
layers: <>,
activity: <>,
lock: <>,
refresh: <>,
sparkle: <>,
filter: <>,
dot: <>,
trash: <>,
save: <>,
docusign: <>,
};
return ;
};
// Status badge
const StatusBadge = ({ status, label }) => {
const labels = window.NAMI_DATA.STATUS_LABELS;
return (
{label || labels[status]}
);
};
// Trim chip
const TrimChip = ({ trim }) => {
const map = { pro: "Pro", premier: "Premier", elite: "Elite" };
return {map[trim]};
};
// Logo squares for deal list
const DealLogo = ({ deal, size = 28 }) => {
return (
{deal.logoSeed}
);
};
// Money formatter
const money = (n, opts = {}) => {
if (n == null) return "—";
if (opts.compact && Math.abs(n) >= 1000) {
if (n >= 1_000_000) return `$${(n / 1_000_000).toFixed(n >= 10_000_000 ? 1 : 2).replace(/\.0$/, "")}M`;
if (n >= 1_000) return `$${(n / 1_000).toFixed(0)}K`;
}
return n.toLocaleString("en-US", { style: "currency", currency: "USD", maximumFractionDigits: 0 });
};
const fmtDate = (iso) => {
if (!iso) return "—";
// Parse `YYYY-MM-DD` as a local date so a wall-clock date doesn't get
// shifted backwards by one day when rendered in a timezone west of UTC
// (the default `new Date("2026-06-01")` parses as UTC midnight, which
// toLocaleDateString then renders as May 31 in US timezones).
const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(String(iso));
const d = m
? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]))
: new Date(iso);
return d.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
};
const fmtImpressions = (n) => {
if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(n >= 10_000_000 ? 0 : 1)}M`;
if (n >= 1_000) return `${(n / 1_000).toFixed(0)}K`;
return n.toString();
};
// Hover tooltip — info icon + dark popover
function Tooltip({ children }) {
return (
{children}
);
}
Object.assign(window, { Icon, StatusBadge, TrimChip, DealLogo, money, fmtDate, fmtImpressions, Tooltip });