// CoolSouq Mobile App — buyer-facing native screens (rendered in iOS frames). const NSm = window.CoolSouqDesignSystem_f4ec4c; const MIcon = ({ d, s = 22, c = "currentColor", w = 1.9 }) => {d}; const MI = { home: } s={23} />, search: } />, rfq: } s={23} />, heart: } s={23} />, user: } s={23} />, filter: } s={20} />, pin: } s={14} />, back: } s={24} />, }; function TabBar({ active = "home" }) { const tabs = [["home", "Home", MI.home], ["search", "Search", MI.search], ["rfq", "RFQs", MI.rfq], ["saved", "Saved", MI.heart], ["account", "Account", MI.user]]; return (
{tabs.map(([k, l, icon]) => { const on = active === k; return (
{icon} {l}
); })}
); } function MScreenHome() { const { StatusPill } = NSm; const cats = ["Chillers", "VRF", "AHU", "Towers", "Pumps"]; const feed = window.CS_PRODUCTS.slice(0, 4); return (
{/* header */}
CoolSouq
KM
{MI.search}Search equipment…
{MI.filter}
{/* body */}
{cats.map((c, i) =>
{c}
)}
Just listed See all
{feed.map(p => (
{p.title}
{p.capacity} kW {MI.pin}{p.location}
{p.price.onRequest ? "POA" : `€ ${p.price.amount.toLocaleString()}`}
))}
); } function MScreenDetail() { const { Button, StatusPill, SpecTable } = NSm; const p = window.CS_PRODUCTS[0]; return (
{MI.back}
{MI.heart}
{p.condition}
{p.brand}

{p.title}

€ {p.price.amount.toLocaleString()}
{p.price.note}
} s={20} />
); } function MScreenRfq() { const { Button, StatusPill } = NSm; const rfqs = [ ["RFQ-2841", "NECS-WL/B 1314 chiller", "quoted", "€ 17,900", "info", "Quoted"], ["RFQ-2838", "AquaForce 30XA-802", "waiting", "—", "warning", "Awaiting"], ["RFQ-2835", "Sintesis RTAD 150", "negotiating", "€ 28,400", "warning", "Negotiating"], ["RFQ-2820", "Cooling tower 850 kW", "accepted", "€ 12,800", "success", "Accepted"], ]; return (

My RFQs

6 open · 3 dealers replied
{rfqs.map(([ref, item, st, price, tone, lbl]) => (
{ref}
{item}
{price}
))}
); } Object.assign(window, { MScreenHome, MScreenDetail, MScreenRfq });