032 - Login Sign In Morph Ball + Splash Success

• Tanggal: 2026-08-15
• Chat/topik: Animasi Sign In morph → bouncing ball → splash "Let's Start!"

Ringkasan perubahan

Tombol Sign In di layar login (Android + iOS) morph dari rounded rectangle menjadi circle yang bouncing saat loading. API login tetap langsung. Setelah sukses, tunggu minimal satu full bounce (~0.96s) lalu splash primary + "Let's Start!" 1 detik, lalu Home. Web di-skip.

Impact bisnis

Kesempatan first-impression yang lebih hangat dan berkelas saat member masuk app — tetap elegan (bukan flashy).

Epic / User stories

• Epic: Auth delight / micro-interaction login
• US: Sebagai member, saat saya Sign In saya melihat tombol berubah jadi bola bouncing lalu splash "Let's Start!" sebelum Home, agar momen masuk terasa polished.

User terdampak

Member (login email/password).

Aplikasi terdampak

• mpc-android — PERLU (v1.19)
• mpc-ios — PERLU (v1.8, parity)
• mpc-web — TIDAK (skip eksplisit)
• mpc-be / mpc-be-pos / mpc-admin / mpc-pos / mpc-owner / ksr-sync / mpc-crm — TIDAK (UI-only)

Perubahan schema

Tidak ada.

Perubahan kode

• Android: SignInMorphButton.kt, LoginScreen.kt (phase Idle/Loading/Success + splash overlay)
• iOS: SignInMorphButton.swift, LoginScreen.swift (parity 1:1)
• PrimaryButton global tidak diubah
• Tambahan sesi yang sama: Log Out di Profile pakai spinner "Logging out…" (Android ProfileScreen.kt, iOS ProfileScreen.swift); toggle show/hide password di PadelTextField (Android AuthComponents.kt, iOS AuthComponents.swift)