← POS Terminal

Customer Modal In progress

Clopos Customers modal (1:1 from customer-modal-spec, detailed build) — fully interactive prototype, 1138×1007, radius 8px, 56px profile avatar, 16px right-block padding. Two view variants: v1 (a) segmented Info/Campaigns/History tabs · v2 (b-stacked) the same content with NO segmented control — all three sections stacked vertically on one scrolling page. Left list (search 56px + 8 customers + create). Right pane: View (sticky profile header + Apply + dots menu; KPI Cashback/Balance, metrics bar, info rows + My-customers toggle; 5 campaign cards stamp/bar/complete; Receipts table) · Create/Edit form (Main info / Address / Note cards; customer-group & gender dropdowns, country segment, Monday-first date-picker modal, attached + for extra phone/address rows, per-address note, edit ✎ + delete ✗ buttons) · Delete confirm (DS System modal S, #58567A) · Add-address overlay (search → map → confirm, per-address note). All colours/space/type bound to design tokens; ₼ glyph; English.

In progress a-customer-modal variants v1 — segmented View (Info/Campaigns/History tabs). 1:1 spec — list · Create/Edit (dropdowns, date picker, attached mobile/address, dynamic rows, per-address note) · Delete (DS system modal) · Add-address overlay (search/map/form). radius 8px · 56px avatar · 16px right-block padding Open → In progress b-page variants Page variant — a-customer-modal ilə eyni UI/məzmun/funksiya, amma floating modal yox: tam səhifə (viewport-u doldurur, backdrop/border-radius/shadow yox). Segmented View (Info/Campaigns/History) saxlanılır. Open →

Spec: spec.md · Folder: projects/pos/pages/customer-modal