;
}
// faux photo tile (placeholder image content)
// Realistic issue-photo thumbnails — deterministic canvas render seeded by the
// issue type, cached as data URLs. Reads as a real camera photo at thumb size.
const _imgCache = {};
const _imgPAL = {
plumbing: ['#5a6b78', '#33414c', '#9aabb4'],
electrical: ['#2f3340', '#1a1d25', '#e0b25c'],
door: ['#7e6c54', '#473a2b', '#ad9673'],
structural: ['#8b8576', '#564f42', '#b8b09d'],
elevator: ['#6a717a', '#3a414a', '#9ca3ab'],
cleanliness:['#5f6b57', '#3a4433', '#889179'],
grounds: ['#536b3f', '#324124', '#829c66'],
_default: ['#69707a', '#3e434b', '#9aa1a9'],
};
function _palFor(seed) {
const map = { leak: 'plumbing', plumbing: 'plumbing', door: 'door', stair: 'structural',
structural: 'structural', electrical: 'electrical', elevator: 'elevator',
cleanliness: 'cleanliness', grounds: 'grounds', other: '_default', default: '_default' };
return _imgPAL[map[seed] || seed] || _imgPAL._default;
}
function _hash(s) { let h = 2166136261; for (let i = 0; i < s.length; i++) { h ^= s.charCodeAt(i); h = Math.imul(h, 16777619); } return h >>> 0; }
function _rng(seed) { let x = seed >>> 0 || 1; return () => { x ^= x << 13; x ^= x >>> 17; x ^= x << 5; x >>>= 0; return x / 4294967296; }; }
function issuePhoto(seed, i) {
const key = (seed || 'default') + '~' + (i || 0);
if (_imgCache[key]) return _imgCache[key];
const W = 240, H = 180, cv = document.createElement('canvas'); cv.width = W; cv.height = H;
const ctx = cv.getContext('2d'); const pal = _palFor(seed); const rnd = _rng(_hash(key));
const g = ctx.createLinearGradient(0, 0, W, H); g.addColorStop(0, pal[1]); g.addColorStop(1, pal[0]);
ctx.fillStyle = g; ctx.fillRect(0, 0, W, H);
for (let b = 0; b < 6; b++) {
const x = rnd() * W, y = rnd() * H, r = 35 + rnd() * 95, col = [pal[0], pal[1], pal[2]][b % 3];
const rg = ctx.createRadialGradient(x, y, 0, x, y, r); rg.addColorStop(0, col); rg.addColorStop(1, 'rgba(0,0,0,0)');
ctx.globalAlpha = 0.45; ctx.fillStyle = rg; ctx.beginPath(); ctx.arc(x, y, r, 0, 7); ctx.fill();
}
ctx.globalAlpha = 1;
const hx = W * (0.28 + rnd() * 0.44), hy = H * (0.22 + rnd() * 0.34);
const hg = ctx.createRadialGradient(hx, hy, 0, hx, hy, 80); hg.addColorStop(0, 'rgba(255,255,255,.20)'); hg.addColorStop(1, 'rgba(255,255,255,0)');
ctx.fillStyle = hg; ctx.fillRect(0, 0, W, H);
for (let n = 0; n < 850; n++) { const v = rnd() > 0.5 ? 255 : 0; ctx.fillStyle = 'rgba(' + v + ',' + v + ',' + v + ',' + (rnd() * 0.08) + ')'; ctx.fillRect(rnd() * W, rnd() * H, 1, 1); }
const vg = ctx.createRadialGradient(W / 2, H / 2, H * 0.32, W / 2, H / 2, H * 0.82); vg.addColorStop(0, 'rgba(0,0,0,0)'); vg.addColorStop(1, 'rgba(0,0,0,.34)');
ctx.fillStyle = vg; ctx.fillRect(0, 0, W, H);
const url = cv.toDataURL('image/jpeg', 0.72); _imgCache[key] = url; return url;
}
function IssuePhoto({ seed, i, className, style, alt }) {
const src = typeof seed === 'string' && seed.indexOf('data:image/') === 0 ? seed :
seed && typeof seed === 'object' && seed.url ? seed.url :
seed && typeof seed === 'object' && seed.dataUrl ? seed.dataUrl : null;
if (src) return ;
return ;
}
// photo tile — now renders a realistic generated photo
function PhotoThumb({ kind, cat, label, i }) {
return (
{label && {label}}
);
}
function QRGraphic({ value = 'SS', size = 160, fg = '#0A0A08', bg = '#FFFFFF', quiet = 2 }) {
const qrFactory = window.qrcode;
if (typeof qrFactory === 'function') {
try {
const qr = qrFactory(0, 'M');
qr.addData(String(value || 'SS'));
qr.make();
const N = qr.getModuleCount();
const margin = Math.max(4, Number(quiet) || 0);
const tot = N + margin * 2;
const cells = [];
for (let r = 0; r < N; r++) for (let c = 0; c < N; c++) {
if (qr.isDark(r, c)) cells.push();
}
return (
);
} catch (err) {}
}
// Fallback shown only if the QR generator script fails to load.
const N = 25;
let h = 2166136261;
for (let i = 0; i < value.length; i++) { h ^= value.charCodeAt(i); h = Math.imul(h, 16777619); }
const rand = (i) => { let x = Math.imul(h ^ (i * 2654435761), 2246822519); x ^= x >>> 15; return ((x >>> 0) % 1000) / 1000; };
const finder = (cx, cy) => (r, c) => {
const dr = Math.abs(r - cy), dc = Math.abs(c - cx);
const d = Math.max(dr, dc);
if (cx - 3 <= c && c <= cx + 3 && cy - 3 <= r && r <= cy + 3) return d === 3 || d === 1;
return null;
};
const fs = [finder(3, 3), finder(N - 4, 3), finder(3, N - 4)];
const cells = [];
for (let r = 0; r < N; r++) for (let c = 0; c < N; c++) {
let on = null;
for (const f of fs) { const v = f(r, c); if (v !== null) { on = v; break; } }
if (on === null) on = rand(r * N + c) > 0.55;
if (on) cells.push();
}
const tot = N + quiet * 2;
return (
);
}
// StrataSnap logo — wordmark "Strata"(ink) "Snap"(royal-blue) + signature
// L-tick at the upper-right of "Snap". Echoes the Strata Match mark (no icon,
// corner tick) in StrataSnap's own royal-blue accent.
function Logo({ tone = 'light', size = 22 }) {
return (
StrataSnap
);
}
Object.assign(window, { Icon, StatusBar, HomeInd, Btn, StatusDot, toneVar, CatIcon, Avatar, Field, Note, Sheet, Toast, PhotoThumb, IssuePhoto, issuePhoto, QRGraphic, Logo });