Screen · Registro de cuenta

Registrar cuenta bancaria

Donde el usuario agrega una cuenta para recibir COP en retiros. Compone inputs, buttons, alerts y privacy-popover. Regla de negocio crítica comunicada explícitamente: la cuenta debe estar a nombre del propio usuario — MiCapi solo envía a cuentas del titular (SAGRILAFT).

Cuenta COP titular = titular inputs · alerts · popover
Layout anotado · lleno y válido

El popover de privacidad abierto desde el (i) del título. El banner info y el campo de titular bloqueado refuerzan la regla titular=titular.

9:41
Agregar cuenta bancaria
Uso de tus datos bancarios
Tus datos bancarios se usan exclusivamente para procesar tus depósitos y retiros en pesos colombianos. MiCapi los comparte con la entidad financiera correspondiente únicamente para ejecutar las transacciones que tú autorices. No realizamos débitos automáticos sin tu instrucción explícita.

Esta cuenta debe estar a tu nombre. Por seguridad, solo enviamos pesos a cuentas bancarias de tu titularidad.

Banco
BBancolombia
Tipo de cuenta
Ahorros
Corriente
Número de cuenta
123 456 789 04
Titular Verificado
William Rodríguez
Coincide con tu identidad verificada. No editable.

Composición

  1. top-app-bar + (i)"Agregar cuenta bancaria" + (i) que abre el privacy-popover con el texto de uso de datos verbatim.
  2. alerts · infoBanner inline con la regla titular=titular. Visible, no enterrado — es requisito SAGRILAFT.
  3. inputs · banco/tipo/númeroBanco (dropdown colombianos), tipo (segmented Ahorros/Corriente), número de cuenta (mono).
  4. Titular bloqueadoPre-llenado con el nombre verificado + candado + badge "Verificado". No editable — refuerza que no puede ser un tercero.
  5. buttons · primario"Guardar cuenta" habilitado solo con campos válidos.
Estados
Vacío / inicial
9:41
Agregar cuenta bancaria

Esta cuenta debe estar a tu nombre. Por seguridad, solo enviamos pesos a cuentas bancarias de tu titularidad.

Banco
Selecciona tu banco
Tipo de cuenta
Ahorros
Corriente
Número de cuenta
000 000 000 00
Titular Verificado
William Rodríguez
Error · número inválido
9:41
Agregar cuenta bancaria

Esta cuenta debe estar a tu nombre. Por seguridad, solo enviamos pesos a cuentas bancarias de tu titularidad.

Banco
DDavivienda
Tipo de cuenta
Ahorros
Corriente
Número de cuenta
123 45
El número de cuenta no es válido para Davivienda.
Titular Verificado
William Rodríguez

Validación

  1. Botón deshabilitadoHasta que banco, tipo y número sean válidos. El titular ya viene fijo.
  2. Número por bancoLa validación de formato depende del banco seleccionado (longitud/estructura).
  3. Titular inmutableNunca editable — si la cuenta no es del titular, el depósito se devuelve (regla de negocio en el aviso de compra).
Lista de cuentas registradas · vista secundaria

Cuando el usuario ya tiene cuentas: cards con banco + tipo + últimos 4 + titular, con eliminar y "Agregar otra cuenta".

9:41
Mis cuentas bancarias
Bancolombia
Ahorros · ****4521
William Rodríguez
Nequi
Ahorros · ****1438
William Rodríguez
Agregar otra cuenta

Lista de cuentas

  1. Card por cuentaLogo + banco + tipo + ****últimos4 + titular verificado con check. Nunca el número completo.
  2. EliminarÍcono trash; al eliminar, confirmación en bottom-sheet (no destructivo sin confirmar).
  3. Agregar otraCTA dashed que reabre el formulario. Todas deben ser del mismo titular.
  4. Esta lista alimentaEl selector de cuenta destino en bank-withdrawal — cierra ese flujo que asumía una cuenta ya registrada.

Nota de cumplimiento (no es UI): la cuenta se registra con timestamp. La verificación de titularidad la hace el equipo de conciliación si el banco no expone API de validación de titular — la regla titular=titular se asegura tanto en UI (campo bloqueado) como en backend (conciliación antes de habilitar retiros).

Modo oscuro
Formulario · dark
9:41
Agregar cuenta bancaria

Esta cuenta debe estar a tu nombre. Por seguridad, solo enviamos pesos a cuentas bancarias de tu titularidad.

Banco
BBancolombia
Tipo de cuenta
Ahorros
Corriente
Número de cuenta
123 456 789 04
Titular Verificado
William Rodríguez
Lista · dark
9:41
Mis cuentas bancarias
Bancolombia
Ahorros · ****4521
William Rodríguez
Nequi
Ahorros · ****1438
William Rodríguez
Agregar otra cuenta