@scalio-cloud/ui 0.30.0 → 0.31.1

package/README.md

@@ -367,6 +367,11 @@ in a sandboxed frame, and saves, tests («Test an mich») or resets to the built
 checkbox «Diese Mail senden». The `editor` gets `{value, onChange, testId}`; without it a text field is used, so this
 package keeps no dependencies. With an editor, plain built-in texts are passed as paragraphs (`textToHtml`).
 
+Since 0.31.0 the provider list comes from the backend (`providers` in the settings, scalio-platform 0.10.0). When it
+lists `tenant` («Microsoft 365 über die Tenant-Verbindung», for apps that already have a connection to the customer's
+tenant, like Nexus), the block asks only for the sending mailbox and saves `graph: {sender}`; `tenantHint` replaces
+the default text about Mail.Send. Without `providers` the three providers stay as before.
+
 ## Protokoll: Aktionen und Jobs (React)
 
 One menu item «Protokoll» with two tabs like Nexus (scalio-docs ADR 0070). The server side is scalio-platform

package/auth.css

@@ -102,7 +102,7 @@
   padding: 1.5rem 0; border-top: 1px solid hsl(var(--border));
 }
 .scalio-profile-section:first-of-type { border-top: 0; padding-top: 0; }
-@media (min-width: 768px) { .scalio-profile-section { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 2rem; } }
+@media (min-width: 768px) { .scalio-profile-section { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 2rem; } }
 .scalio-profile-section-title {
   margin: 0; font-family: 'Chivo', sans-serif; font-weight: 900; font-size: 0.875rem;
   text-transform: uppercase; letter-spacing: 0.02em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalio-cloud/ui",
-  "version": "0.30.0",
+  "version": "0.31.1",
   "description": "Scalio Control Room design tokens, Tailwind preset, self-hosted fonts, the shared app header, sign-in layout, sidebar and page blocks",
   "license": "SEE LICENSE IN README.md",
   "private": false,

package/react/mail.js

@@ -12,7 +12,7 @@ const LABELS = {
     transportTitle: "E-Mail-Versand",
     transportHint: "Über welchen Server die App Mails schickt. Passwort und Client-Secret werden verschlüsselt gespeichert und nie angezeigt.",
     provider: "Mails senden mit",
-    providers: { off: "Aus", smtp: "SMTP-Server", graph: "Microsoft 365" },
+    providers: { off: "Aus", smtp: "SMTP-Server", graph: "Microsoft 365", tenant: "Microsoft 365 über die Tenant-Verbindung" },
     fromName: "Absendername",
     fromAddress: "Absenderadresse",
     language: "Sprache der Mails",
@@ -28,6 +28,7 @@ const LABELS = {
     clientSecret: "Client-Secret",
     sender: "Postfach, das sendet",
     graphHint: "Die App braucht die Anwendungsberechtigung Mail.Send. Beschränken Sie sie in Exchange Online mit «RBAC for Applications» auf das Postfach, das sendet.",
+    tenantHint: "Die App sendet mit ihrer bestehenden Verbindung zum Tenant, ohne zweites Secret. Die Verbindung braucht die Anwendungsberechtigung Mail.Send; beschränken Sie sie in Exchange Online mit «RBAC for Applications» auf das Postfach, das sendet.",
     testMailbox: "Testinstanz: Mails gehen über das Testpostfach, die Einstellungen hier gelten nicht.",
     save: "Speichern",
     saved: "Gespeichert",
@@ -68,7 +69,7 @@ const LABELS = {
     transportTitle: "E-mail sending",
     transportHint: "Which server the app sends mail through. Password and client secret are stored encrypted and never shown.",
     provider: "Send mail with",
-    providers: { off: "Off", smtp: "SMTP server", graph: "Microsoft 365" },
+    providers: { off: "Off", smtp: "SMTP server", graph: "Microsoft 365", tenant: "Microsoft 365 through the tenant connection" },
     fromName: "Sender name",
     fromAddress: "Sender address",
     language: "Language of the mails",
@@ -84,6 +85,7 @@ const LABELS = {
     clientSecret: "Client secret",
     sender: "Mailbox that sends",
     graphHint: "The app needs the application permission Mail.Send. Limit it to the sending mailbox with RBAC for Applications in Exchange Online.",
+    tenantHint: "The app sends with its existing connection to the tenant, no second secret. The connection needs the application permission Mail.Send; limit it to the sending mailbox with RBAC for Applications in Exchange Online.",
     testMailbox: "Test instance: mails go through the test mailbox, the settings here do not apply.",
     save: "Save",
     saved: "Saved",
@@ -198,7 +200,8 @@ function select(id, value, options, onChange, extra) {
 }
 
 // Props: client (mailApi), lang, labels, notify(message, tone), formatError(err), graphHint (the app's own text for
-// the Graph permissions, e.g. Beacon also needs Mail.ReadWrite), children (more blocks after «Testmail», e.g. Beacon's
+// the Graph permissions, e.g. Beacon also needs Mail.ReadWrite), tenantHint (the same for the provider «tenant»,
+// offered when the backend lists it in settings.providers, scalio-platform 0.10.0), children (more blocks after «Testmail», e.g. Beacon's
 // mail intake), outbox (false hides «Letzte Mails»).
 function MailTransport(props) {
   const { client, lang } = props;
@@ -237,6 +240,7 @@ function MailTransport(props) {
       const body = { provider: form.provider, from_name: form.from_name, from_address: form.from_address, language: form.language };
       if (form.provider === "smtp") body.smtp = Object.assign({}, form.smtp, { port: Number(form.smtp.port) || 587 });
       if (form.provider === "graph") body.graph = form.graph;
+      if (form.provider === "tenant") body.graph = { sender: form.graph.sender };
       setForm(await client.save(body));
       m.ok(L.saved);
     } catch (err) {
@@ -261,7 +265,7 @@ function MailTransport(props) {
     setTesting(false);
   };
 
-  const providers = ["off", "smtp", "graph"];
+  const providers = (form.providers || ["off", "smtp", "graph"]).filter((id) => L.providers[id]);
   const transport = h(
     SettingsSection,
     { id: "mail", title: L.transportTitle, description: L.transportHint, testId: "mail-transport" },
@@ -307,6 +311,13 @@ function MailTransport(props) {
                 { type: "email", maxLength: 254, placeholder: "it@example.com", disabled: busy }))),
             h("p", { className: "scalio-settings-help" }, props.graphHint || L.graphHint))
         : null,
+      form.provider === "tenant"
+        ? h("div", { "data-testid": "mail-tenant" },
+            h("div", { className: "scalio-mail-grid" },
+              h(Field, { id: "mail-tenant-sender", label: L.sender }, input("mail-tenant-sender", form.graph.sender, part("graph", "sender"),
+                { type: "email", maxLength: 254, placeholder: "it@example.com", disabled: busy }))),
+            h("p", { className: "scalio-settings-help" }, props.tenantHint || L.tenantHint))
+        : null,
       h(Notice, { msg: m.msg, testId: "mail-message" }),
       h("div", { className: "scalio-settings-section-footer" },
         h("button", { type: "submit", className: "scalio-btn is-primary", disabled: busy || locked, "data-testid": "mail-save" },