/* ============================================================
Shared helpers + components
============================================================ */
const { useState, useEffect, useRef, useMemo } = React;
/* ---------- Date helpers ---------- */
const MONTHS = ["January","February","March","April","May","June","July","August","September","October","November","December"];
const MONTHS_SHORT = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
const DOW = ["Mon","Tue","Wed","Thu","Fri","Sat","Sun"];
function parseISO(s) { const [y,m,d] = s.split("-").map(Number); return new Date(y, m-1, d); }
function toISO(dt) {
const y = dt.getFullYear(), m = String(dt.getMonth()+1).padStart(2,"0"), d = String(dt.getDate()).padStart(2,"0");
return `${y}-${m}-${d}`;
}
function addDays(dt, n) { const c = new Date(dt); c.setDate(c.getDate()+n); return c; }
function isWeekend(dt) { const g = dt.getDay(); return g === 0 || g === 6; }
function eachDay(fromISO_, toISO_) {
const out = []; let cur = parseISO(fromISO_); const end = parseISO(toISO_);
while (cur <= end) { out.push(new Date(cur)); cur = addDays(cur, 1); }
return out;
}
// working days — counts only the requester's contracted workdays; half day = 0.5
function workingDays(req) {
if (req.type === "half") return holiday(req.from) ? 0 : 0.5;
const person = req.person ? VP_DATA.byId[req.person] : null;
const wd = (person && person.workdays) || [1, 2, 3, 4, 5];
// A Kosovo public holiday is not a working day — like a weekend, it never
// draws from the balance, even when leave is laid across it.
return eachDay(req.from, req.to).filter((d) => wd.includes(d.getDay()) && !holiday(d)).length;
}
// Working days of a request that fall inside [loISO, hiISO] (inclusive),
// excluding weekends/non-workdays and public holidays. Used to attribute
// leave to a calendar year or to the Q1 carryover window.
function workingDaysInWindow(req, loISO, hiISO) {
const lo = parseISO(loISO), hi = parseISO(hiISO);
if (req.type === "half") {
const d = parseISO(req.from);
return (d >= lo && d <= hi && !holiday(req.from)) ? 0.5 : 0;
}
const person = req.person ? VP_DATA.byId[req.person] : null;
const wd = (person && person.workdays) || [1, 2, 3, 4, 5];
return eachDay(req.from, req.to).filter((d) => d >= lo && d <= hi && wd.includes(d.getDay()) && !holiday(d)).length;
}
function fmtRange(fromISO_, toISO_) {
const a = parseISO(fromISO_), b = parseISO(toISO_);
if (fromISO_ === toISO_) return `${MONTHS_SHORT[a.getMonth()]} ${a.getDate()}`;
if (a.getMonth() === b.getMonth()) return `${MONTHS_SHORT[a.getMonth()]} ${a.getDate()}–${b.getDate()}`;
return `${MONTHS_SHORT[a.getMonth()]} ${a.getDate()} – ${MONTHS_SHORT[b.getMonth()]} ${b.getDate()}`;
}
function fmtDateLong(iso) { const d = parseISO(iso); return `${DOW[(d.getDay()+6)%7]}, ${MONTHS_SHORT[d.getMonth()]} ${d.getDate()}`; }
function daysAgo(iso) {
const now = new Date();
const diff = Math.round((now - parseISO(iso)) / 86400000);
if (diff <= 0) return "today";
if (diff === 1) return "yesterday";
if (diff < 7) return `${diff}d ago`;
return `${Math.floor(diff/7)}w ago`;
}
// Real local "today" as an ISO yyyy-mm-dd string. Drives the calendar's
// current month, the today marker, and which dates count as past.
const TODAY = (function () {
const d = new Date();
return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
})();
// Kosovo public holiday lookup. Accepts an ISO string or a Date.
// Returns the holiday record ({ name, moveable? }) or null.
function holiday(dtOrIso) {
const iso = typeof dtOrIso === "string" ? dtOrIso : toISO(dtOrIso);
return (window.VP_DATA && VP_DATA.KOSOVO_HOLIDAYS && VP_DATA.KOSOVO_HOLIDAYS[iso]) || null;
}
/* ---------- Icons (stroke line icons) ---------- */
function Icon({ name, size = 18, stroke = 1.6, style }) {
const common = { width: size, height: size, viewBox: "0 0 24 24", fill: "none",
stroke: "currentColor", strokeWidth: stroke, strokeLinecap: "round", strokeLinejoin: "round", style };
const P = {
sun: ,
home: ,
thermo: ,
half: ,
star: ,
calendar: ,
inbox: ,
users: ,
plus: ,
check: ,
x: ,
arrowRight: ,
arrowLeft: ,
chevDown: ,
chevLeft: ,
chevRight: ,
clock: ,
swap: ,
logout: ,
bell: ,
search: ,
info: ,
dot: ,
leaf: ,
};
return ;
}
/* ---------- Mesper logo mark (M with rising growth arrow) ----------
Recreated as SVG from the brand symbol. To use the exact original instead,
drop mark.svg into the project and swap the