/* Everbloom landing - phone frame, app-UI screens, faux QR, local Icon helper */
/* ---- Local Lucide icon helper (self-contained; no DS bundle needed) ---- */
function ebToPascal(n){ return String(n).replace(/(^\w|-\w)/g, s => s.replace('-','').toUpperCase()); }
function EBIcon({ name, size, strokeWidth = 1.7, style, className = '', fill = 'none' }) {
const L = typeof window !== 'undefined' ? window.lucide : null;
let html = null;
if (L && L.icons) {
const node = L.icons[ebToPascal(name)] || L.icons[name];
if (node && Array.isArray(node) && Array.isArray(node[2])) {
const inner = node[2].map(([tag, attrs]) =>
'<' + tag + ' ' + Object.entries(attrs || {}).map(([k,v]) => `${k}="${v}"`).join(' ') + ' />'
).join('');
html = ``;
}
}
const s = { display: 'inline-flex', lineHeight: 0, flex: 'none',
width: size != null ? (typeof size === 'number' ? size+'px' : size) : '1em',
height: size != null ? (typeof size === 'number' ? size+'px' : size) : '1em', ...style };
return ;
}
/* ---- Faux QR (deterministic) ---- */
function FauxQR() {
const N = 11;
const cells = [];
const isFinder = (r, c) => {
const inTL = r < 3 && c < 3, inTR = r < 3 && c > N - 4, inBL = r > N - 4 && c < 3;
return inTL || inTR || inBL;
};
for (let r = 0; r < N; r++) for (let c = 0; c < N; c++) {
let on;
if (isFinder(r, c)) {
const lr = r % (N - 3 <= r ? 1 : 100); // not used
// draw a ring: border on, center on, gap off
const rr = r < 3 ? r : r - (N - 3);
const cc = c < 3 ? c : c - (N - 3);
on = !(rr === 1 && cc === 1) ? (rr === 0 || rr === 2 || cc === 0 || cc === 2) : true;
on = (rr === 0 || rr === 2 || cc === 0 || cc === 2 || (rr === 1 && cc === 1));
} else {
on = ((r * 7 + c * 5 + r * c * 3) % 3 === 0) || ((r + c) % 4 === 0 && (r * c) % 2 === 0);
}
cells.push(on);
}
return (
);
}
/* ---- Phone frame ---- */
function PhoneFrame({ children }) {
return (
);
}
function TabBar({ active = 'photos' }) {
const tabs = [['image','photos'],['mail','invites'],['users','rsvp'],['sparkles','ai']];
return (
{tabs.map(([ic, key]) => (
))}
);
}
/* ---- Screens ---- */
const TONES = ['ph-a','ph-b','ph-c','ph-d','ph-e','ph-f','ph-b','ph-c','ph-a','ph-e','ph-d','ph-f'];
function ScreenGallery() {
const { t } = React.useContext(window.EB_LangContext);
const a = t.appui;
return (
{a.you}
{a.ph} · 642 foto
{TONES.map((tone, i) =>
)}
{ e.target.style.display = 'none'; }} />
{a.upload}
);
}
function ScreenQR() {
const { t } = React.useContext(window.EB_LangContext);
const a = t.appui;
return (
{a.scan}
{a.scanNote}
Cerimonia
Cena
);
}
function ScreenRSVP() {
const { t } = React.useContext(window.EB_LangContext);
const a = t.appui;
return (
{a.attending}
{a.declining}
{a.guests}
2 {a.guests.toLowerCase()}
{a.diet}
Vegetariano
Senza glutine
+ Nota
{t.appui.attending}
);
}
function ScreenTables() {
const Seats = ({ n, filled }) => (
<>{Array.from({ length: n }).map((_, i) => {
const ang = (i / n) * Math.PI * 2 - Math.PI / 2;
const R = 35;
const x = 50 + Math.cos(ang) * R, y = 50 + Math.sin(ang) * R;
return = filled ? ' empty' : '')}
style={{ left: x + '%', top: y + '%', transform: 'translate(-50%,-50%)' }} />;
})}
);
const Table = ({ n, seats, filled, full, drop, style }) => (
);
return (
Zia Anna
Da assegnare · 3
Marco
Sofia
+1
);
}
function ScreenLive({ tone = 'ph-f' }) {
const { t } = React.useContext(window.EB_LangContext);
return (
{t.appui.live}
{t.appui.you}
642 foto · 38 video
);
}
Object.assign(window, { EBIcon, FauxQR, PhoneFrame, TabBar, ScreenGallery, ScreenQR, ScreenRSVP, ScreenTables, ScreenLive });