Skip to content

m.pregoi.com (admin-web) UX — implementation note

Short reference for the work that landed in Prego + prego-zuplo (not a full product spec).

Behaviour

AreaSummary
Email sign-in/upAfter “Send verification code”, user goes to /login/verify or /signup/verify with 6-digit UI, resend cooldown, Change email / Back / Confirm.
Onboarding wizardStep strip stays high; StepIndicator uses per-step segment lines (left | circle | right) so connectors meet circles — step connector plan. Step card uses flex center on small screens. AuthCard passes plan / region; OTP completes via redirect to /?signin=success&….
Company ProfileSubdomain stacks on narrow widths; invite rows are React state; remove control is a red X icon. No “Employee Portal” label.
FooterNo footer component on m (removed from pages; no copyright strip). See cleanup plan.
Cookie / consent UILocalizedCookieConsentBanner not mounted on admin-web. PREGO_CONSENT_EARLY_SCRIPT + ConsentAwareAnalytics remain. Package loadConsent cookie sync still applies on www / client-web.
OTP email bodyEnglish only in Zuplo auth-email-send-otp handler.

Repo paths

Repo / packageFiles
prego-zuplomodules/auth-email-otp-handlers.ts
admin-webapp/login/verify/page.tsx, app/signup/verify/page.tsx, app/layout.tsx, app/page.tsx, app/signup/page.tsx, components/auth/EmailOtpVerifyPanel.tsx, components/auth/AuthCard.tsx, components/layout/Header.tsx (hideMainNav), components/ui/StepIndicator.tsx, lib/auth-email-flow.ts, lib/api.ts (OTP errors); no Footer / no LocalizedCookieConsentBanner; root *.html demos without global footer; styles.css (no .footer)
Monorepopackages/prego-cookie-consent/src/CookieConsentBanner.tsx (loadConsent sync)

Deploy

  • Ship Zuplo after editing auth-email-otp-handlers.ts.
  • Ship admin-web Worker/Pages as usual.
  • Production: prefer NEXT_PUBLIC_PREGO_COOKIE_DOMAIN=.pregoi.com where you already use shared cookies.
Help