WEB-677: Improve Transfer Funds UX with vertical stepper (#3107)

- Refactored Transfer Funds page into a 3-step vertical stepper:
  Step 1: Beneficiary Selection
  Step 2: Transfer Details
  Step 3: Transfer Status (success/failure)
- Split single form into beneficiaryForm and transferDetailsForm
- Added MatStepper with custom icons and linear progression
- Added transfer status display with success/failure states
- Added missing i18n translation keys across all 13 locale files
- Fixed MatHint import for NG1010 compilation error
This commit is contained in:
Anvay
2026-02-08 13:12:52 -06:00
committed by GitHub
parent f25f82a004
commit 77e95c6146
16 changed files with 754 additions and 490 deletions
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Připojit schůzku",
"Attendance": "Účast",
"Back": "Zadní",
"Back to Account": "Zpět na účet",
"Bar Chart": "Sloupcový graf",
"Browse": "Procházet",
"Bulk JLG Loan Application": "Hromadná žádost o půjčku JLG",
@@ -548,6 +549,7 @@
"View Journal Entries": "Zobrazit záznamy deníku",
"View Standing Instructions": "Prohlédněte si stálé pokyny",
"View Transactions History": "Zobrazit historii transakcí",
"View Transactions": "Zobrazit transakce",
"Waive": "vzdát se",
"Waive Charge": "Zřeknutí se poplatku",
"Week": "Týden",
@@ -926,6 +928,8 @@
"Assets / Liability": "Aktiva / pasiva",
"Audit Trails": "Audit Trails",
"Balance": "Zůstatek",
"Beneficiary": "Příjemce",
"Beneficiary Selection": "Výběr příjemce",
"Block Savings Account": "Blokovat spořicí účet",
"Bulk Import": "Hromadný import",
"Bulk Loan Reassignment": "Hromadné přeřazení půjčky",
@@ -1231,6 +1235,10 @@
"Transaction Reverted": "Transakce vrácena",
"Transactions": "Transakce",
"Transfer Details": "Podrobnosti o převodu",
"Transfer Failed": "Převod se nezdařil",
"Transfer Status": "Stav převodu",
"Transfer Successful": "Převod úspěšný",
"Transfer Summary": "Souhrn převodu",
"Transferred From": "Převedeno z",
"Transferred To": "Převeden k",
"Transferring From Details": "Přenos z podrobností",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Besprechung anhängen",
"Attendance": "Teilnahme",
"Back": "Zurück",
"Back to Account": "Zurück zum Konto",
"Bar Chart": "Balkendiagramm",
"Browse": "Durchsuche",
"Bulk JLG Loan Application": "Massenantrag für einen JLG-Kredit",
@@ -548,6 +549,7 @@
"View Journal Entries": "Journaleinträge anzeigen",
"View Standing Instructions": "Ständige Anweisungen anzeigen",
"View Transactions History": "Transaktionsverlauf anzeigen",
"View Transactions": "Transaktionen anzeigen",
"Waive": "Verzichten",
"Waive Charge": "Auf Gebühr verzichten",
"Week": "Woche",
@@ -927,6 +929,8 @@
"Assets / Liability": "Vermögenswerte / Verbindlichkeiten",
"Audit Trails": "Buchungsprotokolle",
"Balance": "Gleichgewicht",
"Beneficiary": "Begünstigter",
"Beneficiary Selection": "Begünstigtenauswahl",
"Block Savings Account": "Sparkonto sperren",
"Bulk Import": "Massenimport",
"Bulk Loan Reassignment": "Neuzuweisung von Massenkrediten",
@@ -1232,6 +1236,10 @@
"Transaction Reverted": "Transaktion rückgängig gemacht",
"Transactions": "Transaktionen",
"Transfer Details": "Transferdetails",
"Transfer Failed": "Überweisung fehlgeschlagen",
"Transfer Status": "Überweisungsstatus",
"Transfer Successful": "Überweisung erfolgreich",
"Transfer Summary": "Überweisungszusammenfassung",
"Transferred From": "Transferiert von",
"Transferred To": "Übertragen auf",
"Transferring From Details": "Von Details übertragen",
+9
View File
@@ -351,6 +351,7 @@
"Attach Meeting": "Attach Meeting",
"Attendance": "Attendance",
"Back": "Back",
"Back to Account": "Back to Account",
"Bar Chart": "Bar Chart",
"Browse": "Browse",
"Bulk JLG Loan Application": "Bulk JLG Loan Application",
@@ -552,6 +553,7 @@
"View Journal Entries": "View Journal Entries",
"View Standing Instructions": "View Standing Instructions",
"View Transactions History": "View Transactions History",
"View Transactions": "View Transactions",
"Waive": "Waive",
"Waive Charge": "Waive Charge",
"Week": "Week",
@@ -932,6 +934,8 @@
"Assets / Liability": "Assets / Liability",
"Audit Trails": "Audit Trails",
"Balance": "Balance",
"Beneficiary": "Beneficiary",
"Beneficiary Selection": "Beneficiary Selection",
"Block Savings Account": "Block Savings Account",
"Bulk Import": "Bulk Import",
"Bulk Loan Reassignment": "Bulk Loan Reassignment",
@@ -1245,6 +1249,10 @@
"Transaction Reverted": "Transaction Reverted",
"Transactions": "Transactions",
"Transfer Details": "Transfer Details",
"Transfer Failed": "Transfer Failed",
"Transfer Status": "Transfer Status",
"Transfer Successful": "Transfer Successful",
"Transfer Summary": "Transfer Summary",
"Transferred From": "Transferred From",
"Transferred To": "Transferred To",
"Transferring From Details": "Transferring From Details",
@@ -1438,6 +1446,7 @@
"Base Price": "Base Price",
"Base Percentage": "Base Percentage",
"Beneficiary": "Beneficiary",
"Beneficiary Selection": "Beneficiary Selection",
"Branch": "Branch",
"Branch Office": "Branch Office",
"Breakdown": "Breakdown",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Adjuntar reunión",
"Attendance": "Asistencia",
"Back": "Atrás",
"Back to Account": "Volver a la Cuenta",
"Bar Chart": "Gráfico de barras",
"Browse": "Buscar",
"Bulk JLG Loan Application": "Solicitud de Crédito JLG a granel",
@@ -548,6 +549,7 @@
"View Journal Entries": "Ver entradas de diario",
"View Standing Instructions": "Ver instrucciones permanentes",
"View Transactions History": "Ver historial de transacciones",
"View Transactions": "Ver transacciones",
"Waive": "Renunciar",
"Waive Charge": "Renunciar a Comisión",
"Week": "Semana",
@@ -926,6 +928,8 @@
"Assets / Liability": "Activo / Pasivo",
"Audit Trails": "Pistas de auditoría",
"Balance": "Saldo",
"Beneficiary": "Beneficiario",
"Beneficiary Selection": "Selección de Beneficiario",
"Block Savings Account": "Bloquear Cuenta de Ahorros",
"Bulk Import": "Importación masiva",
"Bulk Loan Reassignment": "Reasignación de Créditos másiva",
@@ -1232,6 +1236,10 @@
"Transaction Reverted": "Transacción revertida",
"Transactions": "Transacciones",
"Transfer Details": "Detalles de la transferencia",
"Transfer Failed": "Transferencia fallida",
"Transfer Status": "Estado de la transferencia",
"Transfer Successful": "Transferencia exitosa",
"Transfer Summary": "Resumen de la transferencia",
"Transferred From": "Transferido desde",
"Transferred To": "Transferido a",
"Transferring From Details": "Transferir desde detalles",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Adjuntar reunión",
"Attendance": "Asistencia",
"Back": "Atrás",
"Back to Account": "Volver a la Cuenta",
"Bar Chart": "Gráfico de barras",
"Browse": "Buscar",
"Bulk JLG Loan Application": "Solicitud de Crédito JLG a granel",
@@ -548,6 +549,7 @@
"View Journal Entries": "Ver entradas de diario",
"View Standing Instructions": "Ver instrucciones permanentes",
"View Transactions History": "Ver historial de transacciones",
"View Transactions": "Ver transacciones",
"Waive": "Renunciar",
"Waive Charge": "Renunciar a Comisión",
"Week": "Semana",
@@ -926,6 +928,8 @@
"Assets / Liability": "Activo / Pasivo",
"Audit Trails": "Pistas de auditoría",
"Balance": "Saldo",
"Beneficiary": "Beneficiario",
"Beneficiary Selection": "Selección de Beneficiario",
"Block Savings Account": "Bloquear Cuenta de Ahorros",
"Bulk Import": "Importación masiva",
"Bulk Loan Reassignment": "Reasignación de Créditos másiva",
@@ -1231,6 +1235,10 @@
"Transaction Reverted": "Transacción revertida",
"Transactions": "Transacciones",
"Transfer Details": "Detalles de la transferencia",
"Transfer Failed": "Transferencia fallida",
"Transfer Status": "Estado de la transferencia",
"Transfer Successful": "Transferencia exitosa",
"Transfer Summary": "Resumen de la transferencia",
"Transferred From": "Transferido desde",
"Transferred To": "Transferido a",
"Transferring From Details": "Transferir desde detalles",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Joindre une réunion",
"Attendance": "Présence",
"Back": "Dos",
"Back to Account": "Retour au compte",
"Bar Chart": "Diagramme à bandes",
"Browse": "Parcourir",
"Bulk JLG Loan Application": "Demande de prêt JLG en masse",
@@ -548,6 +549,7 @@
"View Journal Entries": "Afficher les entrées de journal",
"View Standing Instructions": "Voir les instructions permanentes",
"View Transactions History": "Afficher l'historique des transactions",
"View Transactions": "Voir les transactions",
"Waive": "Renoncer à",
"Waive Charge": "Renoncer aux frais",
"Week": "Semaine",
@@ -927,6 +929,8 @@
"Assets / Liability": "Actif / Passif",
"Audit Trails": "Des pistes de vérification",
"Balance": "Équilibre",
"Beneficiary": "Bénéficiaire",
"Beneficiary Selection": "Sélection du bénéficiaire",
"Block Savings Account": "Bloquer le compte d'épargne",
"Bulk Import": "Importation en masse",
"Bulk Loan Reassignment": "Réaffectation groupée de prêts",
@@ -1232,6 +1236,10 @@
"Transaction Reverted": "Transaction annulée",
"Transactions": "Transactions",
"Transfer Details": "Détails du transfert",
"Transfer Failed": "Transfert échoué",
"Transfer Status": "Statut du transfert",
"Transfer Successful": "Transfert réussi",
"Transfer Summary": "Résumé du transfert",
"Transferred From": "Transféré de",
"Transferred To": "Transféré à",
"Transferring From Details": "Transfert depuis les détails",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Allega riunione",
"Attendance": "Partecipazione",
"Back": "Indietro",
"Back to Account": "Torna al conto",
"Bar Chart": "Grafico a barre",
"Browse": "Navigare",
"Bulk JLG Loan Application": "Richiesta di prestito JLG in blocco",
@@ -548,6 +549,7 @@
"View Journal Entries": "Visualizza le voci del diario",
"View Standing Instructions": "Visualizza le istruzioni per la posizione in piedi",
"View Transactions History": "Visualizza la cronologia delle transazioni",
"View Transactions": "Visualizza transazioni",
"Waive": "Rinuncia",
"Waive Charge": "Rinuncia all'addebito",
"Week": "Settimana",
@@ -926,6 +928,8 @@
"Assets / Liability": "Attività/Passività",
"Audit Trails": "Percorsi di controllo",
"Balance": "Bilancia",
"Beneficiary": "Beneficiario",
"Beneficiary Selection": "Selezione del beneficiario",
"Block Savings Account": "Bloccare il conto di risparmio",
"Bulk Import": "Importazione in blocco",
"Bulk Loan Reassignment": "Riassegnazione del prestito in blocco",
@@ -1231,6 +1235,10 @@
"Transaction Reverted": "Transazione annullata",
"Transactions": "Transazioni",
"Transfer Details": "Dettagli del trasferimento",
"Transfer Failed": "Trasferimento fallito",
"Transfer Status": "Stato del trasferimento",
"Transfer Successful": "Trasferimento riuscito",
"Transfer Summary": "Riepilogo del trasferimento",
"Transferred From": "Trasferito da",
"Transferred To": "Trasferito a",
"Transferring From Details": "Trasferimento dai dettagli",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "회의 첨부",
"Attendance": "출석",
"Back": "뒤쪽에",
"Back to Account": "계좌로 돌아가기",
"Bar Chart": "막대 차트",
"Browse": "검색",
"Bulk JLG Loan Application": "대량 JLG 대출 신청",
@@ -548,6 +549,7 @@
"View Journal Entries": "저널 항목 보기",
"View Standing Instructions": "기립 지침 보기",
"View Transactions History": "거래 내역 보기",
"View Transactions": "거래 보기",
"Waive": "면제",
"Waive Charge": "요금 면제",
"Week": "주",
@@ -927,6 +929,8 @@
"Assets / Liability": "자산/부채",
"Audit Trails": "감사 추적",
"Balance": "균형",
"Beneficiary": "수익자",
"Beneficiary Selection": "수익자 선택",
"Block Savings Account": "블록저축계좌",
"Bulk Import": "대량 가져오기",
"Bulk Loan Reassignment": "대량대출 재할당",
@@ -1233,6 +1237,10 @@
"Transaction Reverted": "거래가 되돌려졌습니다.",
"Transactions": "업무",
"Transfer Details": "전송 세부 정보",
"Transfer Failed": "이체 실패",
"Transfer Status": "이체 상태",
"Transfer Successful": "이체 성공",
"Transfer Summary": "이체 요약",
"Transferred From": "다음에서 전송됨",
"Transferred To": "로 전송",
"Transferring From Details": "세부정보에서 전송 중",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Pridėti susitikimą",
"Attendance": "Lankomumas",
"Back": "Atgal",
"Back to Account": "Grįžti į sąskaitą",
"Bar Chart": "Juostinė diagrama",
"Browse": "Naršyti",
"Bulk JLG Loan Application": "Masinės JLG paskolos paraiška",
@@ -548,6 +549,7 @@
"View Journal Entries": "Peržiūrėkite žurnalo įrašus",
"View Standing Instructions": "Peržiūrėkite nuolatines instrukcijas",
"View Transactions History": "Peržiūrėkite operacijų istoriją",
"View Transactions": "Peržiūrėti operacijas",
"Waive": "Atsisakyti",
"Waive Charge": "Atsisakyti mokesčio",
"Week": "Savaitė",
@@ -925,6 +927,8 @@
"Assets / Liability": "Turtas / įsipareigojimai",
"Audit Trails": "Audito takai",
"Balance": "Balansas",
"Beneficiary": "Gavėjas",
"Beneficiary Selection": "Gavėjo pasirinkimas",
"Block Savings Account": "Blokuoti taupomąją sąskaitą",
"Bulk Import": "Masinis importas",
"Bulk Loan Reassignment": "Masinės paskolos perskirstymas",
@@ -1230,6 +1234,10 @@
"Transaction Reverted": "Sandoris grąžintas",
"Transactions": "Sandoriai",
"Transfer Details": "Pervedimo informacija",
"Transfer Failed": "Pervedimas nepavyko",
"Transfer Status": "Pervedimo būsena",
"Transfer Successful": "Pervedimas sėkmingas",
"Transfer Summary": "Pervedimo santrauka",
"Transferred From": "Perkelta iš",
"Transferred To": "Perkelta į",
"Transferring From Details": "Perkėlimas iš detalių",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Pievienot sapulci",
"Attendance": "Apmeklējums",
"Back": "Atpakaļ",
"Back to Account": "Atpakaļ uz kontu",
"Bar Chart": "Joslu diagramma",
"Browse": "Pārlūkot",
"Bulk JLG Loan Application": "Lielapjoma JLG aizdevuma pieteikums",
@@ -548,6 +549,7 @@
"View Journal Entries": "Skatīt žurnāla ierakstus",
"View Standing Instructions": "Skatiet pastāvīgās instrukcijas",
"View Transactions History": "Skatiet darījumu vēsturi",
"View Transactions": "Skatīt darījumus",
"Waive": "Atteikties",
"Waive Charge": "Atteikties no maksas",
"Week": "nedēļa",
@@ -927,6 +929,8 @@
"Assets / Liability": "Aktīvi / Pasīvi",
"Audit Trails": "Revīzijas pēdas",
"Balance": "Līdzsvars",
"Beneficiary": "Saņēmējs",
"Beneficiary Selection": "Saņēmēja izvēle",
"Block Savings Account": "Bloķēt krājkontu",
"Bulk Import": "Lielapjoma importēšana",
"Bulk Loan Reassignment": "Lielapjoma aizdevuma pārcelšana",
@@ -1232,6 +1236,10 @@
"Transaction Reverted": "Darījums ir atsaukts",
"Transactions": "Darījumi",
"Transfer Details": "Pārskaitījuma informācija",
"Transfer Failed": "Pārskaitījums neizdevās",
"Transfer Status": "Pārskaitījuma statuss",
"Transfer Successful": "Pārskaitījums veiksmīgs",
"Transfer Summary": "Pārskaitījuma kopsavilkums",
"Transferred From": "Pārsūtīts no",
"Transferred To": "Pārsūtīts uz",
"Transferring From Details": "Pārsūtīšana no detaļām",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "बैठक संलग्न गर्नुहोस्",
"Attendance": "उपस्थित",
"Back": "पछाडि",
"Back to Account": "खातामा फर्कनुहोस्",
"Bar Chart": "बार चार्ट",
"Browse": "ब्राउज गर्नुहोस्",
"Bulk JLG Loan Application": "थोक JLG ऋण आवेदन",
@@ -548,6 +549,7 @@
"View Journal Entries": "जर्नल प्रविष्टिहरू हेर्नुहोस्",
"View Standing Instructions": "स्थायी निर्देशनहरू हेर्नुहोस्",
"View Transactions History": "लेनदेन इतिहास हेर्नुहोस्",
"View Transactions": "लेनदेन हेर्नुहोस्",
"Waive": "छुट",
"Waive Charge": "शुल्क छुट",
"Week": "हप्ता",
@@ -925,6 +927,8 @@
"Assets / Liability": "सम्पत्ति / दायित्व",
"Audit Trails": "अडिट ट्रेलहरू",
"Balance": "सन्तुलन",
"Beneficiary": "लाभग्राही",
"Beneficiary Selection": "लाभग्राही छनोट",
"Block Savings Account": "बचत खाता रोक्नुहोस्",
"Bulk Import": "थोक आयात",
"Bulk Loan Reassignment": "बल्क ऋण पुन: असाइनमेन्ट",
@@ -1230,6 +1234,10 @@
"Transaction Reverted": "कारोबार फिर्ता गरियो",
"Transactions": "लेनदेन",
"Transfer Details": "स्थानान्तरण विवरणहरू",
"Transfer Failed": "स्थानान्तरण असफल भयो",
"Transfer Status": "स्थानान्तरण स्थिति",
"Transfer Successful": "स्थानान्तरण सफल भयो",
"Transfer Summary": "स्थानान्तरण सारांश",
"Transferred From": "बाट स्थानान्तरण गरियो",
"Transferred To": "मा हस्तान्तरण गरियो",
"Transferring From Details": "विवरणहरूबाट स्थानान्तरण गर्दै",
+8
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Anexar reunião",
"Attendance": "Comparecimento",
"Back": "Voltar",
"Back to Account": "Voltar para a Conta",
"Bar Chart": "Gráfico de barras",
"Browse": "Navegar",
"Bulk JLG Loan Application": "Solicitação de empréstimo JLG em massa",
@@ -548,6 +549,7 @@
"View Journal Entries": "Ver lançamentos contábeis manuais",
"View Standing Instructions": "Ver instruções permanentes",
"View Transactions History": "Ver histórico de transações",
"View Transactions": "Ver transações",
"Waive": "Renunciar",
"Waive Charge": "Isenção de cobrança",
"Week": "Semana",
@@ -927,6 +929,8 @@
"Assets / Liability": "Ativos/Passivos",
"Audit Trails": "Trilhas de auditoria",
"Balance": "Equilíbrio",
"Beneficiary": "Beneficiário",
"Beneficiary Selection": "Seleção de Beneficiário",
"Block Savings Account": "Bloquear conta poupança",
"Bulk Import": "Importação em massa",
"Bulk Loan Reassignment": "Reatribuição de empréstimo em massa",
@@ -1231,6 +1235,10 @@
"Transaction Reverted": "Transação revertida",
"Transactions": "Transações",
"Transfer Details": "Detalhes da transferência",
"Transfer Failed": "Transferência falhou",
"Transfer Status": "Status da transferência",
"Transfer Successful": "Transferência bem-sucedida",
"Transfer Summary": "Resumo da transferência",
"Transferred From": "Transferido de",
"Transferred To": "Transferido para",
"Transferring From Details": "Transferindo de detalhes",
+9
View File
@@ -347,6 +347,7 @@
"Attach Meeting": "Ambatanisha Mkutano",
"Attendance": "Mahudhurio",
"Back": "Nyuma",
"Back to Account": "Rudi kwa Akaunti",
"Bar Chart": "Chati ya Baa",
"Browse": "Vinjari",
"Bulk JLG Loan Application": "Maombi ya Mkopo wa Wingi wa JLG",
@@ -548,6 +549,7 @@
"View Journal Entries": "Tazama Maingizo ya Jarida",
"View Standing Instructions": "Tazama Maagizo ya Kudumu",
"View Transactions History": "Tazama Historia ya Shughuli",
"View Transactions": "Tazama Shughuli",
"Waive": "Acha",
"Waive Charge": "Kuondoa Malipo",
"Week": "Wiki",
@@ -925,6 +927,8 @@
"Assets / Liability": "Mali / Dhima",
"Audit Trails": "Njia za Ukaguzi",
"Balance": "Mizani",
"Beneficiary": "Mnufaika",
"Beneficiary Selection": "Uchaguzi wa Mnufaika",
"Block Savings Account": "Zuia Akaunti ya Akiba",
"Bulk Import": "Ingiza Wingi",
"Bulk Loan Reassignment": "Ugawaji upya wa mkopo kwa wingi",
@@ -1228,6 +1232,11 @@
"Transaction Details": "Maelezo ya Muamala",
"Transaction Reverted": "Muamala Umerejeshwa",
"Transactions": "Shughuli",
"Transfer Details": "Maelezo ya Uhamisho",
"Transfer Failed": "Uhamisho Umeshindwa",
"Transfer Status": "Hali ya Uhamisho",
"Transfer Successful": "Uhamisho Umefanikiwa",
"Transfer Summary": "Muhtasari wa Uhamisho",
"Transferred From": "Imehamishwa Kutoka",
"Transferred To": "Imehamishwa Kwa",
"Transferring From Details": "Kuhamisha Kutoka kwa Maelezo",