X27 — Pre-purchase Warning
Účel obrazovky
Modální alert dialog zobrazený po tapu na „Koupit" u konkrétního termínu na P3 — Detail akce, ještě před vstupem do výběru vstupenek (P4 — Seat map nebo S1 — Neadresné). Shrnuje závažná upozornění z metadat akce; pokud žádná nejsou, dialog se vůbec neukáže.
Content Priority
- Nadpis — např. „Před nákupem" / „Upozornění" (krátký, neutrální tón)
- Seznam položek — každá řádka s ikonou varování (vizuální hierarchie) a stručným textem z metadat:
- věkové omezení
- dress code (dress code / předepsaný oděv)
- doporučený nebo povinný čas příchodu
- další zvláštní požadavky akce (speciální pravidla z API / CMS)
- Primární CTA — „Rozumím, pokračovat" → navigace na P4 nebo S1 podle typu prodeje
- Sekundární CTA — „Zpět" → zůstane na P3 (případně zavře bottom sheet / fullscreen výběr termínu, pokud je otevřený)
Interakce
| Trigger | Akce | Cíl |
|---|---|---|
| Tap „Koupit" u data na P3 a alespoň jedno relevantní metadata | Zobrazení dialogu | — |
| Tap „Rozumím, pokračovat" | Přechod do nákupu | P4 / S1 |
| Tap „Zpět" | Zavření dialogu | P3 (stejný stav jako před tapem na Koupit) |
| Žádné z výše uvedených metadat | Dialog se nezobrazí | Přímý přechod na P4 / S1 |
Stavy
| Stav | Popis |
|---|---|
| Zobrazeno | Alespoň jedna naplněná kategorie upozornění z metadat |
| Přeskočeno | Metadata prázdná nebo neobsahují žádný z monitorovaných typů — okamžitá navigace |
Edge Cases
| Scénář | Řešení |
|---|---|
| Více upozornění najednou | Jeden dialog, vertikální seznam všech bodů s ikonami |
| Částečná data (např. jen věk) | Zobrazit jen existující řádky, bez placeholderů |
| Chyba načtení metadat | Konzistentně s globální chybovou strategií — buď bezpečný fallback (zobrazit dialog s obecným textem) nebo blokovat nákup s CTA „Zkusit znovu" (dle produktové volby) |
| Rotace / kill při otevřeném dialogu | Po návratu obnovit P3; uživatel znovu potvrdí nákup |
Mobilní patterny
- Alert dialog — nativní / design systémový modal (střed obrazovky), backdrop dim
- Ikony — konzistentní s ostatními warning stavy (např. oranžová / amber)
- Haptika — lehký impact při zobrazení dialogu (volitelné)
- Přístupnost — screen reader: pořadí nadpis → seznam → primární → sekundární akce
Vztah k ostatním obrazovkám
- Logika pre-purchase je popsána také v sekci na P3 — Detail akce; X27 je samostatný screen ID pro mapování a komponentovou inventuru.
- Po vstupu do košíku navazují X5 — Warning timer a X29 — Active Order Banner.