feat: SMTP Templates (#6932)

* feat: smtp templates poc

* feat: add isActive & ProviderType to SMTP backend

* feat: change providertype to uint32 and fix tests

* feat: minimal smtp provider component

* feat: woking on diiferent providers

* feat: keep working on providers

* feat: initial stepper for new provider

* fix: settings list and working on stepper

* feat: step 1 and 2 form inputs

* feat: starter for smtp test step

* fix: misspelled SMPT

* fix: remove tests for now

* feat: add tls toggle remove old google provider

* feat: working on add smtp and table

* fix: duplicated identifiers

* fix: settings list

* fix: add missing smtp config properties

* fix: add configID to smtp config table

* fix: working on listproviders

* feat: working in listSMTPConfigs

* fix: add count to listsmtpconfigs

* fix: getting empty results from listSMTPConfigs

* feat: table now shows real data

* fix: remaining styles for smtp-table

* fix: remove old notification-smtp-provider-component

* feat: delete smtp configuration

* feat: deactivate smtp config

* feat: replace isActive with state for smtp config

* feat: activate smtp config

* fix: remaining errors after main merge

* fix: list smtp providers panic and material mdc

* feat: refactor to only one provider component

* feat: current provider details view

* fix: refactor AddSMTPConfig and ChangeSMTPConfig

* fix: smtp config reduce issue

* fix: recover domain in NewIAMSMTPConfigWriteModel

* fix: add code needed by SetUpInstance

* fix: go tests and warn about passing context to InstanceAggregateFromWriteModel

* fix: i18n and add missing trans for fr, it, zh

* fix: add e2e tests

* docs: add smtp templates

* fix: remove provider_type, add description

* fix: remaining error from merge main

* fix: add @stebenz change for primary key

* fix: inactive placed after removed to prevent deleted configs to show as inactive

* fix: smtp provider id can be empty (migrated)

* feat: add mailchimp transactional template

* feat: add Brevo (Sendinblue) template

* feat: change brevo logo, add color to tls icon

* fix: queries use resourceowner, id must not be empty

* fix: deal with old smtp settings and tests

* fix: resourceOwner is the instanceID

* fix: remove aggregate_id, rename SMTPConfigByAggregateID with SMTPConfigActive

* fix: add tests for multiple configs with different IDs

* fix: conflict

* fix: remove notification-smtp-provider

* fix: add @peintnermax suggestions, rename module and fix e2e tests

* fix: remove material legacy modules

* fix: remove ctx as parameter for  InstanceAggregateFromWriteModel

* fix: add Id to SMTPConfigToPb

* fix:  change InstanceAggregateFromWriteModel to avoid linter errors

* fix import

* rm unused package-lock

* update yarn lock

---------

Co-authored-by: Elio Bischof <elio@zitadel.com>
Co-authored-by: Max Peintner <max@caos.ch>
Co-authored-by: Stefan Benz <46600784+stebenz@users.noreply.github.com>

e2e/cypress/e2e/instance/settings/notifications.cy.ts

@@ -17,27 +17,118 @@ describe('instance notifications', () => {
   describe('smtp settings', () => {
     it(`should show SMTP provider settings`, () => {
       cy.visit(smtpPath);
-      cy.contains('SMTP Settings');
+      cy.contains('SMTP Provider');
     });
-    it(`should add SMTP provider settings`, () => {
+    it(`should add Mailgun SMTP provider settings`, () => {
+      let rowSelector = `a:contains('Mailgun')`;
       cy.visit(smtpPath);
-      cy.get('[formcontrolname="senderAddress"]').clear().type('sender@example.com');
-      cy.get('[formcontrolname="senderName"]').clear().type('Zitadel');
-      cy.get('[formcontrolname="hostAndPort"]').clear().type('smtp.mailtrap.io:2525');
+      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('[data-e2e="save-smtp-settings-button"]').click();
+      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('[formcontrolname="senderAddress"]').should('have.value', 'sender@example.com');
-      cy.get('[formcontrolname="senderName"]').should('have.value', 'Zitadel');
-      cy.get('[formcontrolname="hostAndPort"]').should('have.value', 'smtp.mailtrap.io:2525');
-      cy.get('[formcontrolname="user"]').should('have.value', 'user@example.com');
+      cy.get('tr').contains('mailgun');
+      cy.get('tr').contains('smtp.mailgun.org:587');
+      cy.get('tr').contains('sender1@example.com');
     });
-    it(`should add SMTP provider password`, () => {
+    it(`should change Mailgun SMTP provider settings`, () => {
+      let rowSelector = `tr:contains('mailgun')`;
       cy.visit(smtpPath);
-      cy.get('[data-e2e="add-smtp-password-button"]').click();
-      cy.get('[data-e2e="notification-setting-password"]').clear().type('dummy@example.com');
-      cy.get('[data-e2e="save-notification-setting-password-button"]').click();
+      cy.get(rowSelector).click();
+      cy.get('[formcontrolname="hostAndPort"]').should('have.value', 'smtp.mailgun.org:587');
+      cy.get('[formcontrolname="user"]').should('have.value', 'user@example.com');
+      cy.get('[formcontrolname="user"]').clear().type('change@example.com');
+      cy.get('[data-e2e="continue-button"]').click();
+      cy.get('[formcontrolname="senderAddress"]').should('have.value', 'sender1@example.com');
+      cy.get('[formcontrolname="senderName"]').should('have.value', 'Test1');
+      cy.get('[formcontrolname="replyToAddress"]').should('have.value', 'replyto1@example.com');
+      cy.get('[formcontrolname="senderAddress"]').clear().type('senderchange1@example.com');
+      cy.get('[formcontrolname="senderName"]').clear().type('Change1');
+      cy.get('[data-e2e="create-button"]').click();
       cy.shouldConfirmSuccess();
+      rowSelector = `tr:contains('mailgun')`;
+      cy.get(rowSelector).contains('mailgun');
+      cy.get(rowSelector).contains('smtp.mailgun.org:587');
+      cy.get(rowSelector).contains('senderchange1@example.com');
+    });
+    it(`should activate Mailgun SMTP provider settings`, () => {
+      let rowSelector = `tr:contains('smtp.mailgun.org:587')`;
+      cy.visit(smtpPath);
+      cy.get(rowSelector).find('[data-e2e="activate-provider-button"]').click({ force: true });
+      cy.get('[data-e2e="confirm-dialog-button"]').click();
+      cy.shouldConfirmSuccess();
+      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('senderchange1@example.com');
+    });
+    it(`should add Mailjet SMTP provider settings`, () => {
+      let rowSelector = `a:contains('Mailjet')`;
+      cy.visit(smtpPath);
+      cy.get(rowSelector).click();
+      cy.get('[formcontrolname="hostAndPort"]').should('have.value', 'in-v3.mailjet.com: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('sender2@example.com');
+      cy.get('[formcontrolname="senderName"]').clear().type('Test2');
+      cy.get('[formcontrolname="replyToAddress"]').clear().type('replyto2@example.com');
+      cy.get('[data-e2e="create-button"]').click();
+      cy.shouldConfirmSuccess();
+      rowSelector = `tr:contains('mailjet')`;
+      cy.get(rowSelector).contains('mailjet');
+      cy.get(rowSelector).contains('in-v3.mailjet.com:587');
+      cy.get(rowSelector).contains('sender2@example.com');
+    });
+    it(`should activate Mailjet SMTP provider settings an disable Mailgun`, () => {
+      let rowSelector = `tr:contains('in-v3.mailjet.com:587')`;
+      cy.visit(smtpPath);
+      cy.get(rowSelector).find('[data-e2e="activate-provider-button"]').click({ force: true });
+      cy.get('[data-e2e="confirm-dialog-button"]').click();
+      cy.shouldConfirmSuccess();
+      cy.get(rowSelector).find('[data-e2e="active-provider"]');
+      cy.get(rowSelector).contains('mailjet');
+      cy.get(rowSelector).contains('in-v3.mailjet.com:587');
+      cy.get(rowSelector).contains('sender2@example.com');
+      rowSelector = `tr:contains('mailgun')`;
+      cy.get(rowSelector).find('[data-e2e="active-provider"]').should('not.exist');
+    });
+    it(`should deactivate Mailjet SMTP provider`, () => {
+      let rowSelector = `tr:contains('mailjet')`;
+      cy.visit(smtpPath);
+      cy.get(rowSelector).find('[data-e2e="deactivate-provider-button"]').click({ force: true });
+      cy.get('[data-e2e="confirm-dialog-button"]').click();
+      cy.shouldConfirmSuccess();
+      rowSelector = `tr:contains('mailjet')`;
+      cy.get(rowSelector).find('[data-e2e="active-provider"]').should('not.exist');
+      rowSelector = `tr:contains('mailgun')`;
+      cy.get(rowSelector).find('[data-e2e="active-provider"]').should('not.exist');
+    });
+    it(`should delete Mailjet SMTP provider`, () => {
+      let rowSelector = `tr:contains('mailjet')`;
+      cy.visit(smtpPath);
+      cy.get(rowSelector).find('[data-e2e="delete-provider-button"]').click({ force: true });
+      cy.get('[data-e2e="confirm-dialog-input"]').focus().type('Test2');
+      cy.get('[data-e2e="confirm-dialog-button"]').click();
+      cy.shouldConfirmSuccess();
+      rowSelector = `tr:contains('mailjet')`;
+      cy.get(rowSelector).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('Change1');
+      cy.get('[data-e2e="confirm-dialog-button"]').click();
+      cy.shouldConfirmSuccess();
+      rowSelector = `tr:contains('mailgun')`;
+      cy.get(rowSelector).should('not.exist');
     });
   });