/* eslint-disable */
// יפן 2026 — shared overlays folded into the real screens:
// • PlaceDetailView — the one tap-to-open detail (bottom sheet; recommended)
// • TaxiCard — big-type Japanese address for the driver
// • ChibiLightbox — full-size chibi + download
// • TapChibi — makes a header/sticker chibi tappable
// • CAT_TAG / hebTag — Hebrew presets for the fixed schedule categories
// Reuses design-system atoms from the compiled bundle. Load BEFORE each screen.
(function () {
const DS = window.Ds2026DesignSystem_dc290c;
const { Polaroid, Washi, VeganBadge, StatusChip } = DS;
const CITY = {
tokyo: { color:'var(--city-tokyo)', tint:'var(--city-tokyo-tint)', deep:'var(--city-tokyo-deep)', name:'טוקיו' },
hakone: { color:'var(--city-hakone)', tint:'var(--city-hakone-tint)', deep:'var(--city-hakone-deep)', name:'האקונה' },
kyoto: { color:'var(--city-kyoto)', tint:'var(--city-kyoto-tint)', deep:'var(--city-kyoto-deep)', name:'קיוטו' },
osaka: { color:'var(--city-osaka)', tint:'var(--city-osaka-tint)', deep:'var(--city-osaka-deep)', name:'אוסקה' },
};
// Fixed schedule categories → Hebrew (proper place names stay Latin).
const CAT_TAG = {
transit: { label:'מעבר', icon:'🚃' },
food: { label:'אוכל', icon:'🍜' },
rest: { label:'מנוחה', icon:'😴' },
shopping: { label:'קניות', icon:'🛍️' },
temple: { label:'מקדש', icon:'⛩️' },
viewpoint: { label:'תצפית', icon:'🌄' },
nature: { label:'טבע', icon:'🌳' },
workshop: { label:'סדנה', icon:'🎨' },
theme_park:{ label:'פארק שעשועים', icon:'🎢' },
};
const hebTag = (cat) => CAT_TAG[cat] || null;
/* ---------- Japanese address block: labelled, JP font, copyable, hides when empty ---------- */
function JpAddress({ address, postal, onTaxi }) {
if (!address) return null;
const [copied, setCopied] = React.useState(false);
const copy = () => {
const text = (postal ? '〒' + postal + ' ' : '') + address;
try { navigator.clipboard && navigator.clipboard.writeText(text); } catch (e) {}
setCopied(true); setTimeout(() => setCopied(false), 1600);
};
return (
כתובת ביפנית
הראו לנהג המונית 🚕
{postal &&
〒{postal}
}
{address}
{copied ? 'הועתק ✓' : '📋 העתק'}
{onTaxi && (
🚕 הצג לנהג המונית
)}
);
}
function MapThumb() {
return (
📍
🗺️ פתח בגוגל מפות
);
}
/* ---------- Detail body (shared by sheet + full) ---------- */
function DetailBody({ item, onTaxi }) {
const c = CITY[item.city] || CITY.tokyo;
return (
{item.name}
{item.nameLatin &&
{item.nameLatin}
}
{item.vegan &&
}
{item.rating != null && (
★ {item.rating.toFixed(1)}
{item.reviews != null && ({item.reviews.toLocaleString('en-US')}) }
)}
{item.category?.label && {item.category.icon} {item.category.label} }
📍 {c.name}
{item.price && 💴 {item.price} }
{item.hours &&
{item.desc &&
{item.desc}
}
{item.note &&
✍️ {item.note}
}
);
}
/* ---------- Bottom-sheet detail (RECOMMENDED default) ---------- */
function PlaceDetailView({ item, onClose, onTaxi }) {
if (!item) return null;
return (
e.stopPropagation()} style={{ position:'relative', width:'100%',
maxHeight:'92%', overflowY:'auto', background:'var(--surface-card)', borderTopLeftRadius:'var(--r-xl)',
borderTopRightRadius:'var(--r-xl)', boxShadow:'var(--shadow-sheet)' }}>
);
}
/* ---------- Taxi big-type card ---------- */
function TaxiCard({ item, onClose }) {
if (!item) return null;
return (
‹ חזרה
הראו מסך זה לנהג המונית 🚕
{item.postal &&
〒{item.postal}
}
{item.address}
{item.name}
);
}
/* ---------- Chibi lightbox + tappable chibi ---------- */
function ChibiLightbox({ src, onClose }) {
if (!src) return null;
const download = () => {
const a = document.createElement('a');
a.href = src; a.download = (src.split('/').pop() || 'chibi.png');
document.body.appendChild(a); a.click(); a.remove();
};
return (
✕
e.stopPropagation()} style={{ position:'relative' }}>
⬇️ הורדה
);
}
// Wrap a header/sticker chibi image so tapping opens the lightbox.
function TapChibi({ src, onOpen, style, alt='משה וליעוז' }) {
return (
onOpen(src)} aria-label="הגדל תמונה" style={{ appearance:'none', border:'none',
background:'transparent', padding:0, cursor:'zoom-in', lineHeight:0, ...style }}>
);
}
/* ---------- Document attachment: placeholder art, thumb, attach row, viewer ---------- */
// Placeholder document art (real upload drops in via `src`). kind: pass | qr | photo | pdf.
// `contentType` (e.g. 'application/pdf') is a second signal for real uploaded docs, so a
// caller doesn't have to get `kind` exactly right — pdf content always renders as pdf.
function DocArt({ kind='pass', src, contentType, big=false, accent='var(--sky-blue)' }) {
const isPdf = kind === 'pdf' || contentType === 'application/pdf';
if (src && isPdf) {
// iOS standalone-PWA PDF-in-iframe can be flaky (Safari sometimes refuses to render a
// PDF inside an 