@scalio-cloud/ui 0.27.0 → 0.27.1

package/README.md

@@ -306,7 +306,8 @@ that returns the view model described in `react/license.js`. Nexus does this: it
 add-ons and read-only notes (demo mode), and passes its trial notices as `statusExtra` and the reminder settings as `children`.
 
 Since 0.27.0 (ADR 0069) the panel shows three areas in the settings form (title and hint left, card right): «Status und
-Nutzung», «Add-ons», «Lizenzschlüssel». `children` with `extraTitle` (and `extraHint`) becomes a fourth area.
+Nutzung», «Add-ons», «Lizenzschlüssel». `children` with `extraTitle` (and `extraHint`) becomes a fourth area. The panel passes its `lang` to every `client` call;
+`licenseApi` sends it as `?lang=`, so scalio-license 0.4.0 renders warnings and errors in the language of the page.
 
 ## Gruppe System: Zurücksetzen and helpers (React)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalio-cloud/ui",
-  "version": "0.27.0",
+  "version": "0.27.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/license.js

@@ -25,14 +25,17 @@ function errorText(err) {
 }
 
 // api: axios instance with the app's base URL (/api). Every method resolves to the license as the backend sends it.
+// lang ("de"/"en", last argument): scalio-license 0.4.0 renders its messages in that language (?lang=); older
+// backends ignore it.
 function licenseApi(api) {
   const data = (p) => p.then((r) => r.data);
+  const q = (lang) => (lang === "de" || lang === "en" ? { params: { lang } } : undefined);
   return {
-    get: () => data(api.get("/license")),
-    activate: (key) => data(api.put("/license", { key })),
-    removeKey: () => data(api.delete("/license")),
-    addAddon: (key) => data(api.post("/license/addons", { key })),
-    removeAddon: (addon) => data(api.delete(`/license/addons/${encodeURIComponent(addon.id)}`)),
+    get: (lang) => data(api.get("/license", q(lang))),
+    activate: (key, lang) => data(api.put("/license", { key }, q(lang))),
+    removeKey: (lang) => data(api.delete("/license", q(lang))),
+    addAddon: (key, lang) => data(api.post("/license/addons", { key }, q(lang))),
+    removeAddon: (addon, lang) => data(api.delete(`/license/addons/${encodeURIComponent(addon.id)}`, q(lang))),
   };
 }
 
@@ -121,9 +124,9 @@ function LicensePanel(props) {
 
   React.useEffect(() => {
     let alive = true;
-    client.get().then((d) => alive && setLic(d)).catch((err) => alive && setLoadError(fmtErr(err)));
+    client.get(lang).then((d) => alive && setLic(d)).catch((err) => alive && setLoadError(fmtErr(err)));
     return () => { alive = false; };
-  }, [client]);
+  }, [client, lang]);
 
   const say = (text, tone) => {
     if (notify) notify(text, tone || "success");
@@ -151,15 +154,15 @@ function LicensePanel(props) {
     }
   };
   const activate = async () => {
-    if (await run(() => client.activate(key.trim()), L.activated)) setKey("");
+    if (await run(() => client.activate(key.trim(), lang), L.activated)) setKey("");
   };
   const remove = async () => {
     const title = fill(L.removeConfirm, { product: props.product || "Scalio" });
     const yes = confirm ? await confirm({ title, action: L.remove, danger: true }) : window.confirm(title);
-    if (yes) run(() => client.removeKey(), L.removed);
+    if (yes) run(() => client.removeKey(lang), L.removed);
   };
   const addAddon = async () => {
-    if (await run(() => client.addAddon(addon.trim()), L.addonActivated)) setAddon("");
+    if (await run(() => client.addAddon(addon.trim(), lang), L.addonActivated)) setAddon("");
   };
   const copy = async (value, copied) => {
     try {
@@ -243,7 +246,7 @@ function LicensePanel(props) {
               m.managed || m.addonsReadOnly || a.removable === false
                 ? null
                 : h("button", { type: "button", className: "scalio-btn is-ghost is-danger", disabled: busy, title: L.remove, "aria-label": L.remove,
-                    "data-testid": `addon-remove-${a.id}`, onClick: () => run(() => client.removeAddon(a), L.addonRemoved) },
+                    "data-testid": `addon-remove-${a.id}`, onClick: () => run(() => client.removeAddon(a, lang), L.addonRemoved) },
                     h(Icons.Trash, { className: "scalio-icon" }))
             )
           )
@@ -256,7 +259,7 @@ function LicensePanel(props) {
         h("span", null, e.error),
         e.addon && !m.managed && !m.addonsReadOnly
           ? h("button", { type: "button", className: "scalio-license-link", disabled: busy, "data-testid": `addon-remove-${e.addon.id}`,
-              onClick: () => run(() => client.removeAddon(e.addon), L.addonRemoved) }, L.remove)
+              onClick: () => run(() => client.removeAddon(e.addon, lang), L.addonRemoved) }, L.remove)
           : null
       )
     ),