feat(console): add new step to activate SMTP provider (#7956)

# Which Problems Are Solved - In #7929 it was detected that it would be better to show the activate/deactivate action for a SMTP configuration in the wizard as for some users it'd not be intuitive that the SMTP provider must be activated so Zitadel can use it to send notifications. # How the Problems Are Solved - When a new SMTP provider is added or updated, the wizard has a new step that allow us to activate or deactivate the provider configured in the previous step. The following video shows the new wizard: https://github.com/zitadel/zitadel/assets/30386061/178234d6-73dc-4719-af0b-1d6f19bf3f7d # Additional Context - Closes #7929
2025-01-06 13:27:45 +00:00 · 2024-05-22 11:23:35 +02:00 · 2024-05-22 11:23:35 +02:00 · cca342187b
commit cca342187b
parent 5b1160de1e
20 changed files with 350 additions and 37 deletions
--- a/console/src/app/modules/smtp-provider/smtp-provider.component.html
+++ b/console/src/app/modules/smtp-provider/smtp-provider.component.html
@ -2,7 +2,7 @@
  title="{{
    id ? ('SMTP.DETAIL.TITLE' | translate) : ('SMTP.CREATE.STEPS.TITLE' | translate: { value: providerDefaultSetting.name })
  }}"
-  [createSteps]="2"
+  [createSteps]="3"
  [currentCreateStep]="currentCreateStep"
  (closed)="close()"
 >
@ -133,7 +133,7 @@
          class="create-button"
          color="primary"
          data-e2e="create-button"
-          (click)="savePolicy()"
+          (click)="savePolicy(stepper)"
          [disabled]="
            firstFormGroup.invalid || secondFormGroup.invalid || (['iam.policy.write'] | hasRole | async) === false
          "
@ -143,6 +143,82 @@
      </div>
    </mat-step>

+    <mat-step [editable]="true">
+      <form>
+        <ng-template matStepLabel>{{ 'SMTP.CREATE.STEPS.NEXT_STEPS' | translate }}</ng-template>
+        <cnsl-info-section *ngIf="!isActive">
+          <div class="title-row">
+            <div class="left">
+              <h2 class="title">{{ 'SMTP.CREATE.STEPS.ACTIVATE.TITLE' | translate }}</h2>
+              <div>
+                <a
+                  mat-icon-button
+                  card-actions
+                  mat-icon-button
+                  href="https://zitadel.com/docs/guides/manage/console/default-settings#smtp"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  <mat-icon class="next-icon">info_outline</mat-icon>
+                </a>
+              </div>
+            </div>
+            <div class="right">
+              <button
+                color="primary"
+                mat-raised-button
+                class="continue-button"
+                data-e2e="activate-button"
+                (click)="activateSMTPConfig(); $event.stopPropagation()"
+              >
+                {{ 'ACTIONS.ACTIVATE' | translate }}
+              </button>
+            </div>
+          </div>
+          <p class="cnsl-secondary-text description">{{ 'SMTP.CREATE.STEPS.ACTIVATE.DESCRIPTION' | translate }}</p>
+        </cnsl-info-section>
+
+        <cnsl-info-section *ngIf="isActive">
+          <div class="title-row">
+            <div class="left">
+              <h2 class="title">{{ 'SMTP.CREATE.STEPS.DEACTIVATE.TITLE' | translate }}</h2>
+              <div>
+                <a
+                  mat-icon-button
+                  card-actions
+                  mat-icon-button
+                  href="https://zitadel.com/docs/guides/manage/console/default-settings#smtp"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  <mat-icon class="next-icon">info_outline</mat-icon>
+                </a>
+              </div>
+            </div>
+            <div class="right">
+              <button
+                color="primary"
+                mat-raised-button
+                class="continue-button"
+                data-e2e="deactivate-button"
+                (click)="deactivateSMTPConfig(); $event.stopPropagation()"
+              >
+                {{ 'ACTIONS.DEACTIVATE' | translate }}
+              </button>
+            </div>
+          </div>
+          <p class="cnsl-secondary-text description">{{ 'SMTP.CREATE.STEPS.DEACTIVATE.DESCRIPTION' | translate }}</p>
+        </cnsl-info-section>
+
+        <div class="smtp-create-actions">
+          <button mat-stroked-button matStepperPrevious class="bck-button">{{ 'ACTIONS.BACK' | translate }}</button>
+          <button mat-raised-button class="create-button" color="primary" data-e2e="close-button" (click)="this.close()">
+            {{ 'ACTIONS.CLOSE' | translate }}
+          </button>
+        </div>
+      </form>
+    </mat-step>
+
    <ng-template matStepperIcon="edit">
      <mat-icon>check</mat-icon>
    </ng-template>
--- a/console/src/app/modules/smtp-provider/smtp-provider.component.ts
+++ b/console/src/app/modules/smtp-provider/smtp-provider.component.ts
@ -31,6 +31,8 @@ import {
  OutlookDefaultSettings,
  SendgridDefaultSettings,
 } from './known-smtp-providers-settings';
+import { MatStepper } from '@angular/material/stepper';
+import { SMTPConfigState } from 'src/app/proto/generated/zitadel/settings_pb';

@Component({
  selector: 'cnsl-smtp-provider',
@ -48,7 +50,7 @@ export class SMTPProviderComponent {

  public smtpLoading: boolean = false;
  public hasSMTPConfig: boolean = false;
-
+  public isActive: boolean = false;
  public updateClientSecret: boolean = false;

  // stepper
@ -166,6 +168,7 @@ export class SMTPProviderComponent {
      .then((data) => {
        this.smtpLoading = false;
        if (data.smtpConfig) {
+          this.isActive = data.smtpConfig.state === SMTPConfigState.SMTP_CONFIG_ACTIVE;
          this.hasSMTPConfig = true;
          this.firstFormGroup.patchValue({
            ['description']: data.smtpConfig.description,
@ -188,7 +191,7 @@ export class SMTPProviderComponent {
      });
  }

-  private updateData(): Promise<UpdateSMTPConfigResponse.AsObject | AddSMTPConfigResponse> {
+  private updateData(): Promise<UpdateSMTPConfigResponse.AsObject | AddSMTPConfigResponse.AsObject> {
    if (this.hasSMTPConfig) {
      const req = new UpdateSMTPConfigRequest();
      req.setId(this.id);
@ -228,19 +231,49 @@ export class SMTPProviderComponent {
    }
  }

-  public savePolicy(): void {
-    this.updateData()
+  public activateSMTPConfig() {
+    this.service
+      .activateSMTPConfig(this.id)
      .then(() => {
+        this.toast.showInfo('SMTP.LIST.DIALOG.ACTIVATED', true);
+        this.isActive = true;
+      })
+      .catch((error) => {
+        this.toast.showError(error);
+      });
+  }
+
+  public deactivateSMTPConfig() {
+    this.service
+      .deactivateSMTPConfig(this.id)
+      .then(() => {
+        this.toast.showInfo('SMTP.LIST.DIALOG.DEACTIVATED', true);
+        this.isActive = false;
+      })
+      .catch((error) => {
+        this.toast.showError(error);
+      });
+  }
+
+  public savePolicy(stepper: MatStepper): void {
+    this.updateData()
+      .then((resp) => {
+        if (!this.id) {
+          // This is a new SMTP provider let's get the ID from the addSMTPConfig response
+          let createResponse = resp as AddSMTPConfigResponse.AsObject;
+          this.id = createResponse.id;
+        }
+
        this.toast.showInfo('SETTING.SMTP.SAVED', true);
        setTimeout(() => {
-          this.close();
+          stepper.next();
        }, 2000);
      })
      .catch((error: unknown) => {
        if (`${error}`.includes('No changes')) {
          this.toast.showInfo('SETTING.SMTP.NOCHANGES', true);
          setTimeout(() => {
-            this.close();
+            stepper.next();
          }, 2000);
        } else {
          this.toast.showError(error);
--- a/console/src/app/modules/smtp-provider/smtp-provider.scss
+++ b/console/src/app/modules/smtp-provider/smtp-provider.scss
@ -68,4 +68,32 @@
      font-size: 14px;
    }
  }
+
+  .title-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+
+    .left {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .right {
+      flex-shrink: 0;
+    }
+
+    .title {
+      margin: 1.2rem 0;
+    }
+
+    .next-icon {
+      font-size: 1.2rem;
+      height: 1.2rem;
+      width: 1.2rem;
+    }
+  }
 }
--- a/console/src/assets/i18n/bg.json
+++ b/console/src/assets/i18n/bg.json
@ -2218,7 +2218,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "SMTP доставчик",
-      "DESCRIPTION": "Това са SMTP доставчиците за вашето копие на Zitadel. Активирайте този, който искате да използвате, за да изпращате известия до вашите потребители.",
+      "DESCRIPTION": "Това са SMTP доставчиците за вашето копие на ZITADEL. Активирайте този, който искате да използвате, за да изпращате известия до вашите потребители.",
      "EMPTY": "Няма наличен SMTP доставчик",
      "ACTIVATED": "Активиран",
      "ACTIVATE": "Активирайте доставчика",
@ -2246,7 +2246,16 @@
        "CURRENT_DESC_TITLE": "Това са вашите SMTP настройки",
        "PROVIDER_SETTINGS": "Настройки на SMTP доставчик",
        "SENDER_SETTINGS": "Настройки на изпращача",
-        "TEST_SETTINGS": "Тествайте настройките на SMTP"
+        "TEST_SETTINGS": "Тествайте настройките на SMTP",
+        "NEXT_STEPS": "Следващи стъпки",
+        "ACTIVATE": {
+          "TITLE": "Активирайте вашия SMTP доставчик",
+          "DESCRIPTION": "ZITADEL не може да използва този SMTP доставчик за изпращане на известия, докато не го активирате. Ако активирате този доставчик, всеки друг доставчик, който е бил активен, сега ще бъде деактивиран."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Деактивирайте вашия SMTP доставчик",
+          "DESCRIPTION": "Ако деактивирате този SMTP доставчик, ZITADEL не може да го използва за изпращане на известия, докато не го активирате отново."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/cs.json
+++ b/console/src/assets/i18n/cs.json
@ -2237,7 +2237,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "Poskytovatel SMTP",
-      "DESCRIPTION": "Toto jsou poskytovatelé SMTP pro vaši instanci Zitadel. Aktivujte ten, který chcete používat k odesílání upozornění svým uživatelům.",
+      "DESCRIPTION": "Toto jsou poskytovatelé SMTP pro vaši instanci ZITADEL. Aktivujte ten, který chcete používat k odesílání upozornění svým uživatelům.",
      "EMPTY": "Není k dispozici žádný poskytovatel SMTP",
      "ACTIVATED": "Aktivováno",
      "ACTIVATE": "Aktivujte poskytovatele",
@ -2265,7 +2265,16 @@
        "CURRENT_DESC_TITLE": "Toto jsou vaše nastavení SMTP",
        "PROVIDER_SETTINGS": "Nastavení poskytovatele SMTP",
        "SENDER_SETTINGS": "Nastavení odesílatele",
-        "TEST_SETTINGS": "Otestujte nastavení SMTP"
+        "TEST_SETTINGS": "Otestujte nastavení SMTP",
+        "NEXT_STEPS": "Další kroky",
+        "ACTIVATE": {
+          "TITLE": "Aktivujte svého poskytovatele SMTP",
+          "DESCRIPTION": "ZITADEL nemůže používat tohoto poskytovatele SMTP k odesílání upozornění, dokud jej neaktivujete. Pokud aktivujete tohoto poskytovatele, jakýkoli jiný aktivní poskytovatel bude nyní deaktivován."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Deaktivujte svého poskytovatele SMTP",
+          "DESCRIPTION": "Pokud deaktivujete tohoto poskytovatele SMTP, ZITADEL jej nebude moci používat k odesílání upozornění, dokud jej znovu neaktivujete."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/de.json
+++ b/console/src/assets/i18n/de.json
@ -2227,7 +2227,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "SMTP-Anbieter",
-      "DESCRIPTION": "Dies sind die SMTP-Anbieter für Ihre Zitadel-Instanz. Aktivieren Sie diejenige, die Sie zum Senden von Benachrichtigungen an Ihre Benutzer verwenden möchten.",
+      "DESCRIPTION": "Dies sind die SMTP-Anbieter für Ihre ZITADEL-Instanz. Aktivieren Sie diejenige, die Sie zum Senden von Benachrichtigungen an Ihre Benutzer verwenden möchten.",
      "EMPTY": "Kein SMTP-Anbieter verfügbar",
      "ACTIVATED": "Aktiviert",
      "ACTIVATE": "Anbieter aktivieren",
@ -2255,7 +2255,16 @@
        "CURRENT_DESC_TITLE": "Dies sind Ihre SMTP-Einstellungen",
        "PROVIDER_SETTINGS": "SMTP-Anbietereinstellungen",
        "SENDER_SETTINGS": "Absendereinstellungen",
-        "TEST_SETTINGS": "Testen Sie die SMTP-Einstellungen"
+        "TEST_SETTINGS": "Testen Sie die SMTP-Einstellungen",
+        "NEXT_STEPS": "Nächste Schritte",
+        "ACTIVATE": {
+          "TITLE": "Aktivieren Sie Ihren SMTP-Anbieter",
+          "DESCRIPTION": "ZITADEL kann diesen SMTP-Anbieter nicht zum Senden von Benachrichtigungen verwenden, bis Sie ihn aktivieren. Wenn Sie diesen Anbieter aktivieren, werden alle anderen aktiven Anbieter nun deaktiviert."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Deaktivieren Sie Ihren SMTP-Anbieter",
+          "DESCRIPTION": "Wenn Sie diesen SMTP-Anbieter deaktivieren, kann ZITADEL ihn nicht zum Versenden von Benachrichtigungen verwenden, bis Sie ihn erneut aktivieren."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/en.json
+++ b/console/src/assets/i18n/en.json
@ -2246,7 +2246,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "SMTP Provider",
-      "DESCRIPTION": "These are the SMTP providers for your Zitadel instance. Activate the one you want to use to send notifications to your users.",
+      "DESCRIPTION": "These are the SMTP providers for your ZITADEL instance. Activate the one you want to use to send notifications to your users.",
      "EMPTY": "No SMTP Provider available",
      "ACTIVATED": "Activated",
      "ACTIVATE": "Activate provider",
@ -2274,7 +2274,16 @@
        "CURRENT_DESC_TITLE": "These are your SMTP settings",
        "PROVIDER_SETTINGS": "SMTP Provider Settings",
        "SENDER_SETTINGS": "Sender Settings",
-        "TEST_SETTINGS": "Test SMTP Settings"
+        "TEST_SETTINGS": "Test SMTP Settings",
+        "NEXT_STEPS": "Next Steps",
+        "ACTIVATE": {
+          "TITLE": "Activate your SMTP Provider",
+          "DESCRIPTION": "ZITADEL cannot use this SMTP Provider to send notifications until you activate it. If you activate this provider any other provider that was active will now be deactivated."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Deactivate your SMTP Provider",
+          "DESCRIPTION": "If you deactivate this SMTP Provider, ZITADEL cannot use it to send notifications until you activate it again."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/es.json
+++ b/console/src/assets/i18n/es.json
@ -2225,7 +2225,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "Proveedor SMTP",
-      "DESCRIPTION": "Estos son los proveedores SMTP para tu instancia de Zitadel. Activa el que quieras utilizar para enviar notificaciones a tus usuarios.",
+      "DESCRIPTION": "Estos son los proveedores SMTP para tu instancia de ZITADEL. Activa el que quieras utilizar para enviar notificaciones a tus usuarios.",
      "EMPTY": "No hay ningún proveedor SMTP disponible",
      "ACTIVATED": "Activado",
      "ACTIVATE": "Activar proveedor",
@ -2253,7 +2253,16 @@
        "CURRENT_DESC_TITLE": "Estas son tus configuraciones SMTP",
        "PROVIDER_SETTINGS": "Configuración del proveedor SMTP",
        "SENDER_SETTINGS": "Configuración del remitente",
-        "TEST_SETTINGS": "Probar la configuración SMTP"
+        "TEST_SETTINGS": "Probar la configuración SMTP",
+        "NEXT_STEPS": "Pŕoximos pasos",
+        "ACTIVATE": {
+          "TITLE": "Activa tu proveedor SMTP",
+          "DESCRIPTION": "ZITADEL no puede usar este proveedor SMTP para enviar notificaciones hasta que lo actives. Si activas este proveedor cualquier otro proveedor que estuviera activado será desactivado ahora."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Desactiva tu proveedor SMTP",
+          "DESCRIPTION": "Si desactivas este proveedor SMTP, ZITADEL no puede utilizarlo para enviar notificationes hasta que lo actives otra vez."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/fr.json
+++ b/console/src/assets/i18n/fr.json
@ -2228,7 +2228,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "Fournisseur SMTP",
-      "DESCRIPTION": "Ce sont les fournisseurs SMTP de votre instance Zitadel. Activez celui que vous souhaitez utiliser pour envoyer des notifications à vos utilisateurs.",
+      "DESCRIPTION": "Ce sont les fournisseurs SMTP de votre instance ZITADEL. Activez celui que vous souhaitez utiliser pour envoyer des notifications à vos utilisateurs.",
      "EMPTY": "Aucun fournisseur SMTP disponible",
      "ACTIVATED": "Activé",
      "ACTIVATE": "Activer le fournisseur",
@ -2256,7 +2256,16 @@
        "CURRENT_DESC_TITLE": "Ce sont vos paramètres SMTP",
        "PROVIDER_SETTINGS": "Paramètres du fournisseur SMTP",
        "SENDER_SETTINGS": "Paramètres de l'expéditeur",
-        "TEST_SETTINGS": "Tester les paramètres SMTP"
+        "TEST_SETTINGS": "Tester les paramètres SMTP",
+        "NEXT_STEPS": "Prochaines étapes",
+        "ACTIVATE": {
+          "TITLE": "Activez votre fournisseur SMTP",
+          "DESCRIPTION": "ZITADEL ne peut pas utiliser ce fournisseur SMTP pour envoyer des notifications tant que vous ne l'avez pas activé. Si vous activez ce fournisseur, tout autre fournisseur qui était actif sera désormais désactivé."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Désactivez votre fournisseur SMTP",
+          "DESCRIPTION": "Si vous désactivez l'option SMTP, vous ne pourrez pas vous connecter à l'application, le dossier sera alors désactivé."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/it.json
+++ b/console/src/assets/i18n/it.json
@ -2228,7 +2228,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "Fornitore SMTP",
-      "DESCRIPTION": "Questi sono i provider SMTP per la tua istanza Zitadel. Attiva quello che desideri utilizzare per inviare notifiche ai tuoi utenti.",
+      "DESCRIPTION": "Questi sono i provider SMTP per la tua istanza ZITADEL. Attiva quello che desideri utilizzare per inviare notifiche ai tuoi utenti.",
      "EMPTY": "Nessun provider SMTP disponibile",
      "ACTIVATED": "Attivato",
      "ACTIVATE": "Attiva fornitore",
@ -2256,7 +2256,16 @@
        "CURRENT_DESC_TITLE": "Queste sono le tue impostazioni SMTP",
        "PROVIDER_SETTINGS": "Impostazioni del provider SMTP",
        "SENDER_SETTINGS": "Impostazioni mittente",
-        "TEST_SETTINGS": "Testare le impostazioni SMTP"
+        "TEST_SETTINGS": "Testare le impostazioni SMTP",
+        "NEXT_STEPS": "Prossimi passi",
+        "ACTIVATE": {
+          "TITLE": "Attiva il tuo provider SMTP",
+          "DESCRIPTION": "ZITADEL non può utilizzare questo provider SMTP per inviare notifiche finché non lo attivi. Se attivi questo fornitore, qualsiasi altro fornitore che era attivo verrà ora disattivato."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Disattiva il tuo provider SMTP",
+          "DESCRIPTION": "Dopo aver disattivato l'archivio SMTP, la schermata non è disponibile per l'utente, il documento è nuovo e non è attivo."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/ja.json
+++ b/console/src/assets/i18n/ja.json
@ -2220,7 +2220,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "SMTPプロバイダー",
-      "DESCRIPTION": "これらは、Zitadel インスタンスの SMTP プロバイダーです。ユーザーに通知を送信するために使用するものをアクティブにします。",
+      "DESCRIPTION": "これらは、ZITADEL インスタンスの SMTP プロバイダーです。ユーザーに通知を送信するために使用するものをアクティブにします。",
      "EMPTY": "使用可能な SMTP プロバイダーがありません",
      "ACTIVATED": "アクティブ化された",
      "ACTIVATE": "プロバイダーをアクティブ化する",
@ -2248,7 +2248,16 @@
        "CURRENT_DESC_TITLE": "これらは SMTP 設定です",
        "PROVIDER_SETTINGS": "SMTPプロバイダーの設定",
        "SENDER_SETTINGS": "送信者の設定",
-        "TEST_SETTINGS": "SMTP設定をテストする"
+        "TEST_SETTINGS": "SMTP設定をテストする",
+        "NEXT_STEPS": "次のステップ",
+        "ACTIVATE": {
+          "TITLE": "SMTP プロバイダーをアクティブ化する",
+          "DESCRIPTION": "ZITADEL は、アクティブ化するまで、この SMTP プロバイダーを使用して通知を送信できません。このプロバイダーをアクティブ化すると、アクティブだった他のプロバイダーは非アクティブ化されます。"
+        },
+        "DEACTIVATE": {
+          "TITLE": "SMTPプロバイダーを非アクティブ化します",
+          "DESCRIPTION": "この SMTP プロバイダーを非アクティブ化すると、再度アクティブ化するまで、Zitadel はそれを使用して通知を送信できなくなります。"
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/mk.json
+++ b/console/src/assets/i18n/mk.json
@ -2225,7 +2225,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "SMTP провајдер",
-      "DESCRIPTION": "Ова се давателите на SMTP за вашиот пример Zitadel. Активирајте го оној што сакате да го користите за испраќање известувања до вашите корисници.",
+      "DESCRIPTION": "Ова се давателите на SMTP за вашиот пример ZITADEL. Активирајте го оној што сакате да го користите за испраќање известувања до вашите корисници.",
      "EMPTY": "Нема достапен SMTP провајдер",
      "ACTIVATED": "Активиран",
      "ACTIVATE": "Активирајте го провајдерот",
@ -2253,7 +2253,16 @@
        "CURRENT_DESC_TITLE": "Ова се вашите поставки за SMTP",
        "PROVIDER_SETTINGS": "Поставки на провајдерот SMTP",
        "SENDER_SETTINGS": "Поставки на испраќачот",
-        "TEST_SETTINGS": "Тестирајте ги поставките за SMTP"
+        "TEST_SETTINGS": "Тестирајте ги поставките за SMTP",
+        "NEXT_STEPS": "Следните чекори",
+        "ACTIVATE": {
+          "TITLE": "Активирајте го вашиот SMTP провајдер",
+          "DESCRIPTION": "ZITADEL не може да го користи овој SMTP провајдер за да испраќа известувања додека не го активирате. Ако го активирате овој добавувач, секој друг провајдер што бил активен сега ќе се деактивира."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Деактивирајте го вашиот SMTP провајдер",
+          "DESCRIPTION": "Ако го деактивирате овој SMTP провајдер, ZITADEL не може да го користи за испраќање известувања додека не го активирате повторно."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/nl.json
+++ b/console/src/assets/i18n/nl.json
@ -2246,7 +2246,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "SMTP-provider",
-      "DESCRIPTION": "Dit zijn de SMTP-providers voor uw Zitadel-instantie. Activeer degene die u wilt gebruiken om meldingen naar uw gebruikers te sturen.",
+      "DESCRIPTION": "Dit zijn de SMTP-providers voor uw ZITADEL-instantie. Activeer degene die u wilt gebruiken om meldingen naar uw gebruikers te sturen.",
      "EMPTY": "Geen SMTP-provider beschikbaar",
      "ACTIVATED": "Geactiveerd",
      "ACTIVATE": "Aanbieder activeren",
@ -2274,7 +2274,16 @@
        "CURRENT_DESC_TITLE": "Dit zijn uw SMTP-instellingen",
        "PROVIDER_SETTINGS": "SMTP-providerinstellingen",
        "SENDER_SETTINGS": "Afzenderinstellingen",
-        "TEST_SETTINGS": "SMTP-instellingen testen"
+        "TEST_SETTINGS": "SMTP-instellingen testen",
+        "NEXT_STEPS": "Volgende stappen",
+        "ACTIVATE": {
+          "TITLE": "Activeer uw SMTP-provider",
+          "DESCRIPTION": "ZITADEL kan deze SMTP-provider niet gebruiken om meldingen te verzenden totdat u deze activeert. Als u deze provider activeert, worden alle andere actieve providers nu gedeactiveerd."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Deactiveer uw SMTP-provider",
+          "DESCRIPTION": "Als u deze SMTP-provider deactiveert, kan ZITADEL deze niet gebruiken om meldingen te verzenden totdat u deze opnieuw activeert."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/pl.json
+++ b/console/src/assets/i18n/pl.json
@ -2228,7 +2228,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "Dostawca SMTP",
-      "DESCRIPTION": "To są dostawcy SMTP dla Twojej instancji Zitadel. Aktywuj ten, którego chcesz używać do wysyłania powiadomień do użytkowników.",
+      "DESCRIPTION": "To są dostawcy SMTP dla Twojej instancji ZITADEL. Aktywuj ten, którego chcesz używać do wysyłania powiadomień do użytkowników.",
      "EMPTY": "Brak dostępnego dostawcy SMTP",
      "ACTIVATED": "Aktywowany",
      "ACTIVATE": "Aktywuj dostawcę",
@ -2256,7 +2256,16 @@
        "CURRENT_DESC_TITLE": "To są Twoje ustawienia SMTP",
        "PROVIDER_SETTINGS": "Ustawienia dostawcy SMTP",
        "SENDER_SETTINGS": "Ustawienia nadawcy",
-        "TEST_SETTINGS": "Przetestuj ustawienia SMTP"
+        "TEST_SETTINGS": "Przetestuj ustawienia SMTP",
+        "NEXT_STEPS": "Następne kroki",
+        "ACTIVATE": {
+          "TITLE": "Aktywuj swojego dostawcę SMTP",
+          "DESCRIPTION": "ZITADEL nie może używać tego dostawcy SMTP do wysyłania powiadomień, dopóki go nie aktywujesz. Jeśli aktywujesz tego dostawcę, każdy inny aktywny dostawca zostanie teraz dezaktywowany."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Dezaktywuj swojego dostawcę SMTP",
+          "DESCRIPTION": "Jeśli dezaktywujesz tego dostawcę SMTP, ZITADEL nie będzie mógł go używać do wysyłania powiadomień, dopóki nie aktywujesz go ponownie."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/pt.json
+++ b/console/src/assets/i18n/pt.json
@ -2223,7 +2223,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "Provedor SMTP",
-      "DESCRIPTION": "Estes são os provedores SMTP para sua instância Zitadel. Ative aquele que deseja usar para enviar notificações aos seus usuários.",
+      "DESCRIPTION": "Estes são os provedores SMTP para sua instância ZITADEL. Ative aquele que deseja usar para enviar notificações aos seus usuários.",
      "EMPTY": "Nenhum provedor SMTP disponível",
      "ACTIVATED": "Ativado",
      "ACTIVATE": "Ativar provedor",
@ -2251,7 +2251,16 @@
        "CURRENT_DESC_TITLE": "Estas são suas configurações de SMTP",
        "PROVIDER_SETTINGS": "Configurações do provedor SMTP",
        "SENDER_SETTINGS": "Configurações do remetente",
-        "TEST_SETTINGS": "Testar configurações de SMTP"
+        "TEST_SETTINGS": "Testar configurações de SMTP",
+        "NEXT_STEPS": "Próximos passos",
+        "ACTIVATE": {
+          "TITLE": "Ative seu provedor SMTP",
+          "DESCRIPTION": "ZITADEL não pode usar este provedor SMTP para enviar notificações até que você o ative. Se você ativar este provedor, qualquer outro provedor que estava ativo será desativado."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Desative seu provedor SMTP",
+          "DESCRIPTION": "Se você desativar este provedor SMTP, a ZITADEL não poderá usá-lo para enviar notificações até que você o ative novamente."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/ru.json
+++ b/console/src/assets/i18n/ru.json
@ -2340,7 +2340,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "SMTP-провайдер",
-      "DESCRIPTION": "Это поставщики SMTP для вашего экземпляра Zitadel. Активируйте тот, который вы хотите использовать для отправки уведомлений вашим пользователям.",
+      "DESCRIPTION": "Это поставщики SMTP для вашего экземпляра ZITADEL. Активируйте тот, который вы хотите использовать для отправки уведомлений вашим пользователям.",
      "EMPTY": "SMTP-провайдер не доступен",
      "ACTIVATED": "Активировано",
      "ACTIVATE": "Активировать провайдера",
@ -2368,7 +2368,16 @@
        "CURRENT_DESC_TITLE": "Это ваши настройки SMTP",
        "PROVIDER_SETTINGS": "Настройки SMTP-провайдера",
        "SENDER_SETTINGS": "Настройки отправителя",
-        "TEST_SETTINGS": "Проверка настроек SMTP"
+        "TEST_SETTINGS": "Проверка настроек SMTP",
+        "NEXT_STEPS": "Следующие шаги",
+        "ACTIVATE": {
+          "TITLE": "Активируйте своего SMTP-провайдера",
+          "DESCRIPTION": "ZITADEL не может использовать этого поставщика SMTP для отправки уведомлений, пока вы его не активируете. Если вы активируете этого провайдера, любой другой провайдер, который был активен, теперь будет деактивирован."
+        },
+        "DEACTIVATE": {
+          "TITLE": "Деактивируйте своего SMTP-провайдера",
+          "DESCRIPTION": "Если вы деактивируете этого поставщика SMTP, ZITADEL не сможет использовать его для отправки уведомлений, пока вы не активируете его снова."
+        }
      }
    },
    "DETAIL": {
--- a/console/src/assets/i18n/zh.json
+++ b/console/src/assets/i18n/zh.json
@ -2227,7 +2227,7 @@
  "SMTP": {
    "LIST": {
      "TITLE": "SMTP 提供商",
-      "DESCRIPTION": "这些是您的 Zitadel 实例的 SMTP 提供商。激活您想要用来向用户发送通知的通知。",
+      "DESCRIPTION": "这些是您的 ZITADEL 实例的 SMTP 提供商。激活您想要用来向用户发送通知的通知。",
      "EMPTY": "没有可用的 SMTP 提供商",
      "ACTIVATED": "活性",
      "ACTIVATE": "激活提供商",
@ -2255,7 +2255,16 @@
        "CURRENT_DESC_TITLE": "这些是您的 SMTP 设置",
        "PROVIDER_SETTINGS": "SMTP 提供商设置",
        "SENDER_SETTINGS": "发件人设置",
-        "TEST_SETTINGS": "测试 SMTP 设置"
+        "TEST_SETTINGS": "测试 SMTP 设置",
+        "NEXT_STEPS": "下一步",
+        "ACTIVATE": {
+          "TITLE": "激活您的 SMTP 提供商",
+          "DESCRIPTION": "在您激活此 SMTP 提供程序之前，Zitadel 无法使用它来发送通知。如果您激活此提供程序，任何其他处于活动状态的提供程序现在都将被停用。"
+        },
+        "DEACTIVATE": {
+          "TITLE": "停用您的 SMTP 提供商",
+          "DESCRIPTION": "如果您停用此 SMTP 提供程序，Zitadel 将无法使用它发送通知，直到您再次激活它。"
+        }
      }
    },
    "DETAIL": {
--- a/e2e/cypress/e2e/instance/settings/notifications.cy.ts
+++ b/e2e/cypress/e2e/instance/settings/notifications.cy.ts
@ -32,6 +32,7 @@ describe('instance notifications', () => {
      cy.get('[formcontrolname="replyToAddress"]').clear().type('replyto1@example.com');
      cy.get('[data-e2e="create-button"]').click();
      cy.shouldConfirmSuccess();
+      cy.get('[data-e2e="close-button"]').click();
      cy.get('tr').contains('mailgun');
      cy.get('tr').contains('smtp.mailgun.org:587');
      cy.get('tr').contains('sender1@example.com');
@ -51,6 +52,7 @@ describe('instance notifications', () => {
      cy.get('[formcontrolname="senderName"]').clear().type('Change1');
      cy.get('[data-e2e="create-button"]').click();
      cy.shouldConfirmSuccess();
+      cy.get('[data-e2e="close-button"]').click();
      rowSelector = `tr:contains('mailgun')`;
      cy.get(rowSelector).contains('mailgun');
      cy.get(rowSelector).contains('smtp.mailgun.org:587');
@ -81,6 +83,7 @@ describe('instance notifications', () => {
      cy.get('[formcontrolname="replyToAddress"]').clear().type('replyto2@example.com');
      cy.get('[data-e2e="create-button"]').click();
      cy.shouldConfirmSuccess();
+      cy.get('[data-e2e="close-button"]').click();
      rowSelector = `tr:contains('mailjet')`;
      cy.get(rowSelector).contains('mailjet');
      cy.get(rowSelector).contains('in-v3.mailjet.com:587');
@ -130,6 +133,51 @@ describe('instance notifications', () => {
      rowSelector = `tr:contains('mailgun')`;
      cy.get(rowSelector).should('not.exist');
    });
+    it(`should add Mailgun SMTP provider settings and activate it using wizard`, () => {
+      let rowSelector = `a:contains('Mailgun')`;
+      cy.visit(smtpPath);
+      cy.get(rowSelector).click();
+      cy.get('[formcontrolname="hostAndPort"]').should('have.value', 'smtp.mailgun.org:587');
+      cy.get('[formcontrolname="user"]').clear().type('user@example.com');
+      cy.get('[formcontrolname="password"]').clear().type('password');
+      cy.get('[data-e2e="continue-button"]').click();
+      cy.get('[formcontrolname="senderAddress"]').clear().type('sender1@example.com');
+      cy.get('[formcontrolname="senderName"]').clear().type('Test1');
+      cy.get('[formcontrolname="replyToAddress"]').clear().type('replyto1@example.com');
+      cy.get('[data-e2e="create-button"]').click();
+      cy.shouldConfirmSuccess();
+      cy.get('[data-e2e="activate-button"]').click();
+      cy.shouldConfirmSuccess();
+      cy.get('[data-e2e="close-button"]').click();
+      rowSelector = `tr:contains('smtp.mailgun.org:587')`;
+      cy.get(rowSelector).find('[data-e2e="active-provider"]');
+      cy.get(rowSelector).contains('mailgun');
+      cy.get(rowSelector).contains('smtp.mailgun.org:587');
+      cy.get(rowSelector).contains('sender1@example.com');
+    });
+    it(`should add Mailgun SMTP provider settings and deactivate it using wizard`, () => {
+      let rowSelector = `tr:contains('mailgun')`;
+      cy.visit(smtpPath);
+      cy.get(rowSelector).click();
+      cy.get('[data-e2e="continue-button"]').click();
+      cy.get('[data-e2e="create-button"]').click();
+      cy.shouldConfirmSuccess();
+      cy.get('[data-e2e="deactivate-button"]').click();
+      cy.shouldConfirmSuccess();
+      cy.get('[data-e2e="close-button"]').click();
+      rowSelector = `tr:contains('mailgun')`;
+      cy.get(rowSelector).find('[data-e2e="active-provider"]').should('not.exist');
+    });
+    it(`should delete Mailgun SMTP provider`, () => {
+      let rowSelector = `tr:contains('mailgun')`;
+      cy.visit(smtpPath);
+      cy.get(rowSelector).find('[data-e2e="delete-provider-button"]').click({ force: true });
+      cy.get('[data-e2e="confirm-dialog-input"]').focus().type('Test1');
+      cy.get('[data-e2e="confirm-dialog-button"]').click();
+      cy.shouldConfirmSuccess();
+      rowSelector = `tr:contains('mailgun')`;
+      cy.get(rowSelector).should('not.exist');
+    });
  });

  describe('sms settings', () => {
--- a/e2e/cypress/e2e/organization/organizations.cy.ts
+++ b/e2e/cypress/e2e/organization/organizations.cy.ts
@ -26,8 +26,9 @@ describe('organizations', () => {
    it('should delete an org', () => {
      cy.visit(orgsPath);
      cy.contains('tr', newOrg).click();
+      cy.wait(3000);
      cy.get('[data-e2e="actions"]').click();
-      cy.get('[data-e2e="delete"]', { timeout: 3000 }).should('be.visible').click();
+      cy.get('[data-e2e="delete"]', { timeout: 1000 }).should('be.visible').click();
      cy.get('[data-e2e="confirm-dialog-input"]').focus().clear().type(newOrg);
      cy.get('[data-e2e="confirm-dialog-button"]').click();
      cy.shouldConfirmSuccess();
--- a/internal/api/grpc/admin/iam_settings_converter.go
+++ b/internal/api/grpc/admin/iam_settings_converter.go
@ -172,6 +172,7 @@ func SMTPConfigToPb(smtp *query.SMTPConfig) *settings_pb.SMTPConfig {
 		User:           smtp.User,
 		Details:        obj_grpc.ToViewDetailsPb(smtp.Sequence, smtp.CreationDate, smtp.ChangeDate, smtp.ResourceOwner),
 		Id:             smtp.ID,
+		State:          settings_pb.SMTPConfigState(smtp.State),
 	}
 	return mapped
 }