feat(admin-ui): revamp SMTP module as per Figma

admin-ui/.gitignore

@@ -11,6 +11,9 @@ yarn.lock
 plugins_repo
 
 
+# MCP config (contains secrets)
+.mcp.json
+
 # Editor directories and files
 .DS_Store
 .project

admin-ui/app/components/App/AuthenticatedRouteSelector.tsx

@@ -18,7 +18,6 @@ export default function AuthenticatedRouteSelector() {
     <AppAuthProvider>
       <AppLayout>
         <RoutedContent />
-        <LazyRoutes.GluuToast />
         <LazyRoutes.GluuWebhookErrorDialog />
         <PermissionsPolicyInitializer />
       </AppLayout>

admin-ui/app/constants/ui.ts

@@ -4,6 +4,7 @@ export const OPACITY = {
   HOVER_LIGHT: 0.04,
   HOVER_DARK: 0.08,
   DISABLED: 0.5,
+  PLACEHOLDER: 0.6,
 } as const
 
 export const getHoverOpacity = (isDark: boolean): number => {

admin-ui/app/locales/en/translation.json

@@ -55,8 +55,8 @@
     "retry": "Retry",
     "ok": "ok",
     "server_response": "Server response",
-    "server_success_stmp": "Stmp configruation test was successfull.",
-    "server_fails_smtp": "Smtp configuration test was failed.",
+    "server_success_stmp": "SMTP configuration test was successful.",
+    "server_fails_smtp": "SMTP configuration test failed.",
     "server_code": "Server Code",
     "add_key_attribute": "Add Key Attribute",
     "add_object_class": "Add Object class",
@@ -365,6 +365,7 @@
     "json_web_keys": "JSON Web Keys",
     "jwks": "Client JWKS",
     "jwks_uri": "Client JWKS URI",
+    "keystore_configuration": "Keystore Configuration",
     "allow_keystore_edit": "Edit Keystore",
     "key_store": "Keystore",
     "key_store_password": "Keystore Password",
@@ -867,7 +868,21 @@
     "smtp_test_failed": "SMTP test failed",
     "smtp_test_subject": "SMTP Configuration Test",
     "smtp_test_message": "This is a test email to verify your SMTP configuration is working correctly.",
+    "keystore_fields_disabled": "Enable 'Edit Keystore' to modify keystore settings.",
+    "keystore_field_disabled_named": "Enable 'Edit Keystore' to modify {{field}}.",
+    "keystore_edit_enabled": "Keystore configuration updated successfully.",
+    "keystore_edit_disabled": "Keystore configuration updated successfully.",
     "save_before_test": "Please save the configuration before testing",
+    "smtp_host_required": "Host name is required.",
+    "smtp_port_required": "Port number is required.",
+    "smtp_port_range": "Port must be between 1 and 65535.",
+    "smtp_port_integer": "Port must be an integer.",
+    "smtp_connect_protection_required": "Connection protection is required.",
+    "smtp_from_name_required": "From name is required.",
+    "smtp_email_invalid": "Please enter a valid email address.",
+    "smtp_from_email_required": "From email address is required.",
+    "smtp_username_required": "SMTP user name is required.",
+    "smtp_password_required": "SMTP user password is required.",
     "no_configuration_loaded": "No configuration loaded",
     "insufficient_permissions_to_modify": "You do not have permission to modify this configuration",
     "action_commit_question": "Audit log: Want to apply changes made on this page?",
@@ -1134,6 +1149,7 @@
     "more": " more"
   },
   "titles": {
+    "smtp_test_result": "SMTP Test Result",
     "personal_information": "Personal Information",
     "admin_roles": "Admin Roles",
     "account_status": "Account Status",

admin-ui/app/locales/es/translation.json

@@ -307,7 +307,7 @@
     "consent_gathering_scripts": "Consentimiento OAuth",
     "custom_properties": "Propiedades Personalizadas (clave/valor)",
     "module_properties": "Propiedades del Módulo (clave/valor)",
-    "connect_protection": "Protección de Conexión",
+    "connect_protection": "Protección de conexión",
     "dark_mode": "Modo Oscuro",
     "data_type": "Tipo de Dato",
     "default_acr": "Método de Autenticación Predeterminado (ACR)",
@@ -334,8 +334,8 @@
     "enable_custom_validation_for_this_attribute": "¿Habilitar validación personalizada para este atributo?",
     "enabled_oAuth_audit_logging": "¿Habilitar Registro de Auditoría OAuth?",
     "enter_the_attribute_inum": "Ingrese el atributo inum",
-    "from_name": "Nombre del Remitente",
-    "from_email_address": "Correo del Remitente",
+    "from_name": "Nombre del remitente",
+    "from_email_address": "Correo del remitente",
     "grant_types": "Tipos de Concesión",
     "grant_types_ssa": "Tipos de Concesión",
     "client_credentials": "Credenciales de Cliente",
@@ -365,11 +365,12 @@
     "json_web_keys": "Claves Web JSON",
     "jwks": "JWKS del Cliente",
     "jwks_uri": "URI de JWKS del Cliente",
-    "allow_keystore_edit": "Editar Keystore",
-    "key_store": "Keystore",
-    "key_store_password": "Contraseña del Keystore",
-    "key_store_alias": "Alias del Keystore",
-    "signing_algorithm": "Algoritmo de Firma del Keystore",
+    "key_store": "Almacén de claves",
+    "key_store_password": "Contraseña del almacén de claves",
+    "key_store_alias": "Alias del almacén de claves",
+    "signing_algorithm": "Algoritmo de firma del almacén de claves",
+    "keystore_configuration": "Configuración de Keystore",
+    "allow_keystore_edit": "Editar almacén de claves",
     "authorizationSignedResponseAlg": "Algoritmo JWS para firma",
     "authorizationEncryptedResponseAlg": "Algoritmo JWS para cifrado",
     "authorizationEncryptedResponseEnc": "Cifrado JWE para autorización",
@@ -468,6 +469,9 @@
     "show_in_configuration_endpoint": "Mostrar en el endpoint de configuración",
     "s_id": "ID de Sesión",
     "session_expired": "Sesión Expirada",
+    "smtp_host": "Host SMTP",
+    "smtp_port": "Puerto SMTP",
+    "trust_host": "Confiar en el servidor",
     "smtp_server_port": "Puerto del servidor SMTP",
     "smtp_test_status": "Estado de la Prueba SMTP",
     "smtp_user_name": "Nombre de Usuario SMTP",
@@ -490,9 +494,6 @@
     "sort_by": "Ordenar Por",
     "pattern": "Patrón",
     "results_per_page": "Resultados por página",
-    "smtp_host": "Host SMTP",
-    "smtp_port": "Puerto SMTP",
-    "trust_host": "Servidor de Confianza",
     "subject_type": "Tipo de sujeto de id_token",
     "subject_type_basic": "Tipo de Sujeto",
     "test_config": "Probar Configuración",
@@ -866,7 +867,21 @@
     "smtp_test_failed": "Prueba SMTP falló",
     "smtp_test_subject": "Prueba de configuración SMTP",
     "smtp_test_message": "Este es un correo electrónico de prueba para verificar que su configuración SMTP funciona correctamente.",
+    "keystore_fields_disabled": "Habilite 'Editar Keystore' para modificar la configuración de keystore.",
+    "keystore_field_disabled_named": "Habilite 'Editar Keystore' para modificar {{field}}.",
+    "keystore_edit_enabled": "Configuración del keystore actualizada correctamente.",
+    "keystore_edit_disabled": "Configuración del keystore actualizada correctamente.",
     "save_before_test": "Por favor, guarde la configuración antes de probar",
+    "smtp_host_required": "El nombre de host es obligatorio.",
+    "smtp_port_required": "El número de puerto es obligatorio.",
+    "smtp_port_range": "El puerto debe estar entre 1 y 65535.",
+    "smtp_port_integer": "El puerto debe ser un número entero.",
+    "smtp_connect_protection_required": "La protección de conexión es obligatoria.",
+    "smtp_from_name_required": "El nombre del remitente es obligatorio.",
+    "smtp_email_invalid": "Ingrese una dirección de correo electrónico válida.",
+    "smtp_from_email_required": "La dirección de correo del remitente es obligatoria.",
+    "smtp_username_required": "El nombre de usuario SMTP es obligatorio.",
+    "smtp_password_required": "La contraseña de usuario SMTP es obligatoria.",
     "no_configuration_loaded": "No se cargó ninguna configuración",
     "insufficient_permissions_to_modify": "No tiene permiso para modificar esta configuración",
     "insufficient_token_read_permission": "El acceso a los datos del token no está concedido.",
@@ -1122,6 +1137,7 @@
     "more": " más"
   },
   "titles": {
+    "smtp_test_result": "Resultado de la prueba SMTP",
     "personal_information": "Información personal",
     "admin_roles": "Roles de administrador",
     "account_status": "Estado de la cuenta",

admin-ui/app/locales/fr/translation.json

@@ -185,6 +185,10 @@
     "revoke": "Révoquer",
     "show_error": "Afficher l'erreur",
     "retry": "Réessayer",
+    "server_response": "Réponse du serveur",
+    "server_success_stmp": "Le test de configuration SMTP a réussi.",
+    "server_fails_smtp": "Le test de configuration SMTP a échoué.",
+    "server_code": "Code du serveur",
     "add_key_attribute": "Ajouter un attribut clé",
     "add_object_class": "Ajouter une classe d'objet",
     "add_source_attribute": "Ajouter un attribut source",
@@ -459,6 +463,7 @@
     "consent_gathering_scripts": "Scripts de collecte de consentement",
     "custom_properties": "Propriétés personnalisées (clé/valeurs)",
     "module_properties": "Module personnalisées (clé/valeurs)",
+    "connect_protection": "Protection de la connexion",
     "dark_mode": "Mode Nuit",
     "data_type": "Type de données",
     "default_acr": "Méthode d'authentification par défaut (ACR)",
@@ -483,6 +488,8 @@
     "enable_custom_validation_for_this_attribute": "Activer la validation personnalisée pour cet attribut ?",
     "enabled_oAuth_audit_logging": "Activer la journalisation d'audit Oauth ?",
     "enter_the_attribute_inum": "Entrez l'attribut inum",
+    "from_name": "Nom de l'expéditeur",
+    "from_email_address": "Adresse e-mail de l'expéditeur",
     "grant_types": "Types de subventions",
     "grant_types_ssa": "Types de subventions",
     "host_name": "Nom d'hôte",
@@ -507,6 +514,10 @@
     "json_web_keys": "Clés Web JSON",
     "jwks": "Jwks",
     "jwks_uri": "Jwks URI",
+    "key_store": "Magasin de clés",
+    "key_store_password": "Mot de passe du magasin de clés",
+    "key_store_alias": "Alias du magasin de clés",
+    "signing_algorithm": "Algorithme de signature du magasin de clés",
     "list_paging_size": "Taille de la pagination de la liste",
     "location_type": "Type de lieu",
     "log_level": "Niveau de journal",
@@ -576,6 +587,7 @@
     "required_ssl": "SSL requis",
     "response_types": "Types de réponse",
     "revision": "Révision",
+    "requires_authentication": "Authentification requise",
     "ropcScripts": "Attribution du mot de passe",
     "rpt_scripts": "Script de modification RPT",
     "saml1_uri": "URI Saml1",
@@ -597,6 +609,10 @@
     "show_in_configuration_endpoint": "Afficher dans le point de terminaison de configuration",
     "s_id": "ID de session",
     "session_expired": "Session expirée",
+    "smtp_host": "Hôte SMTP",
+    "smtp_port": "Port SMTP",
+    "trust_host": "Faire confiance au serveur",
+    "keystore_configuration": "Configuration du magasin de clés",
     "allow_keystore_edit": "Modifier le magasin de clés",
     "smtp_server_port": "Port du serveur SMTP",
     "smtp_test_status": "État du test SMTP",
@@ -812,7 +828,21 @@
     "smtp_test_failed": "Test SMTP échoué",
     "smtp_test_subject": "Test de configuration SMTP",
     "smtp_test_message": "Ceci est un e-mail de test pour vérifier que votre configuration SMTP fonctionne correctement.",
+    "keystore_fields_disabled": "Activez 'Modifier le Keystore' pour modifier les paramètres du keystore.",
+    "keystore_field_disabled_named": "Activez 'Modifier le Keystore' pour modifier {{field}}.",
+    "keystore_edit_enabled": "Configuration du keystore mise à jour avec succès.",
+    "keystore_edit_disabled": "Configuration du keystore mise à jour avec succès.",
     "save_before_test": "Veuillez enregistrer la configuration avant de tester",
+    "smtp_host_required": "Le nom d'hôte est requis.",
+    "smtp_port_required": "Le numéro de port est requis.",
+    "smtp_port_range": "Le port doit être compris entre 1 et 65535.",
+    "smtp_port_integer": "Le port doit être un nombre entier.",
+    "smtp_connect_protection_required": "La protection de connexion est requise.",
+    "smtp_from_name_required": "Le nom de l'expéditeur est requis.",
+    "smtp_email_invalid": "Veuillez entrer une adresse e-mail valide.",
+    "smtp_from_email_required": "L'adresse e-mail de l'expéditeur est requise.",
+    "smtp_username_required": "Le nom d'utilisateur SMTP est requis.",
+    "smtp_password_required": "Le mot de passe utilisateur SMTP est requis.",
     "no_configuration_loaded": "Aucune configuration chargée",
     "insufficient_permissions_to_modify": "Vous n'avez pas la permission de modifier cette configuration",
     "insufficient_token_read_permission": "L'accès aux données de jeton n'est pas accordé.",
@@ -1061,6 +1091,7 @@
     "more": " plus"
   },
   "titles": {
+    "smtp_test_result": "Résultat du test SMTP",
     "personal_information": "Informations personnelles",
     "admin_roles": "Rôles d'administrateur",
     "account_status": "Statut du compte",

admin-ui/app/locales/pt/translation.json

@@ -182,6 +182,10 @@
     "revoke": "Revogar",
     "show_error": "Mostrar erro",
     "retry": "Tentar novamente",
+    "server_response": "Resposta do servidor",
+    "server_success_stmp": "O teste de configuração SMTP foi bem-sucedido.",
+    "server_fails_smtp": "O teste de configuração SMTP falhou.",
+    "server_code": "Código do servidor",
     "add_key_attribute": "Adicionar atributo de chave",
     "add_object_class": "Adicionar classe de objeto",
     "add_source_attribute": "Adicionar atributo de origem",
@@ -442,13 +446,17 @@
     "consent_gathering_scripts": "Scripts de coleta de consentimento",
     "custom_properties": "Propriedades personalizadas (chave / valores)",
     "module_properties": "Módulo personalizadas (chave / valores)",
+    "connect_protection": "Proteção de conexão",
     "dark_mode": "Dark Mode",
     "fido2_metrics_enabled": "Métricas FIDO2 Ativadas",
     "fido2_metrics_retention_days": "Dias de Retenção de Métricas FIDO2",
     "fido2_device_info_collection": "Coleta de Informações do Dispositivo FIDO2",
     "fido2_error_categorization": "Categorização de Erros FIDO2",
     "fido2_performance_metrics": "Métricas de Desempenho FIDO2",
     "session_id_persist_in_cache": "ID de Sessão Persistir em Cache",
+    "smtp_host": "Host SMTP",
+    "smtp_port": "Porta SMTP",
+    "trust_host": "Confiar no servidor",
     "error_reason_enabled": "Razão do Erro Ativada",
     "metadata_refresh_interval": "Intervalo de Atualização de Metadados",
     "enabled_fido_algorithms": "Algoritmos FIDO Ativados",
@@ -483,6 +491,8 @@
     "enable_custom_validation_for_this_attribute": "Ativar validação personalizada para este atributo?",
     "enabled_oAuth_audit_logging": "Ativar registro de auditoria Oauth?",
     "enter_the_attribute_inum": "Insira o atributo inum",
+    "from_name": "Nome do remetente",
+    "from_email_address": "Email do remetente",
     "grant_types": "Tipos de concessão",
     "grant_types_ssa": "Tipos de concessão",
     "host_name": "Nome de anfitrião",
@@ -518,6 +528,10 @@
     "json_web_keys": "JSON Web Keys",
     "jwks": "Jwks",
     "jwks_uri": "Jwks Uri",
+    "key_store": "Repositório de chaves",
+    "key_store_password": "Senha do repositório de chaves",
+    "key_store_alias": "Alias do repositório de chaves",
+    "signing_algorithm": "Algoritmo de assinatura do repositório de chaves",
     "list_paging_size": "Tamanho da paginação da lista",
     "location_type": "Tipo de localização",
     "log_level": "Nível de registro",
@@ -589,6 +603,7 @@
     "required_ssl": "SSL obrigatório",
     "response_types": "Tipos de Resposta",
     "revision": "Revisão",
+    "requires_authentication": "Requer autenticação",
     "rpt_scripts": "Script de Modificação RPT",
     "saml1_uri": "Saml1 Uri",
     "saml2_uri": "Saml2 Uri",
@@ -609,6 +624,7 @@
     "show_in_configuration_endpoint": "Mostrar ponto final na configuração",
     "s_id": "ID da sessão",
     "session_expired": "Sessão expirada",
+    "keystore_configuration": "Configuração do armazenamento de chaves",
     "allow_keystore_edit": "Editar armazenamento de chaves",
     "smtp_server_port": "Porta do servidor SMTP",
     "smtp_test_status": "Status do teste Smtp",
@@ -813,7 +829,21 @@
     "smtp_test_failed": "Teste SMTP falhou",
     "smtp_test_subject": "Teste de configuração SMTP",
     "smtp_test_message": "Este é um e-mail de teste para verificar se sua configuração SMTP está funcionando corretamente.",
+    "keystore_fields_disabled": "Ative 'Editar Keystore' para modificar as configurações do keystore.",
+    "keystore_field_disabled_named": "Ative 'Editar Keystore' para modificar {{field}}.",
+    "keystore_edit_enabled": "Configuração do keystore atualizada com sucesso.",
+    "keystore_edit_disabled": "Configuração do keystore atualizada com sucesso.",
     "save_before_test": "Por favor, salve a configuração antes de testar",
+    "smtp_host_required": "O nome do host é obrigatório.",
+    "smtp_port_required": "O número da porta é obrigatório.",
+    "smtp_port_range": "A porta deve estar entre 1 e 65535.",
+    "smtp_port_integer": "A porta deve ser um número inteiro.",
+    "smtp_connect_protection_required": "A proteção de conexão é obrigatória.",
+    "smtp_from_name_required": "O nome do remetente é obrigatório.",
+    "smtp_email_invalid": "Insira um endereço de e-mail válido.",
+    "smtp_from_email_required": "O endereço de e-mail do remetente é obrigatório.",
+    "smtp_username_required": "O nome de usuário SMTP é obrigatório.",
+    "smtp_password_required": "A senha do usuário SMTP é obrigatória.",
     "no_configuration_loaded": "Nenhuma configuração carregada",
     "insufficient_permissions_to_modify": "Você não tem permissão para modificar esta configuração",
     "insufficient_token_read_permission": "O acesso aos dados do token não foi concedido.",
@@ -1053,6 +1083,7 @@
     "more": " mais"
   },
   "titles": {
+    "smtp_test_result": "Resultado do teste SMTP",
     "personal_information": "Informações pessoais",
     "admin_roles": "Funções de administrador",
     "account_status": "Status da conta",

admin-ui/app/redux/sagas/AuthSaga.ts

@@ -108,7 +108,7 @@ export function* putConfigWorker({
     if (response) {
       yield put(getOAuth2ConfigResponse({ config: response }))
 
-      if (_meta?.cedarlingLogTypeChanged && _meta?.toastMessage) {
+      if (_meta?.toastMessage) {
         yield put(updateToast(true, 'success', _meta.toastMessage))
       } else {
         yield put(updateToast(true, 'success'))