@openremote/or-rules 1.8.0-snapshot.20250723203453 → 1.8.0-snapshot.20250725120000

package/lib/json-viewer/or-rule-action-notification.js

@@ -1,56 +1,465 @@
-var OrRuleActionNotification_1,__decorate=this&&this.__decorate||function(t,e,i,n){var o,a=arguments.length,s=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(s=(a<3?o(s):a>3?o(e,i,s):o(e,i))||s);return a>3&&s&&Object.defineProperty(e,i,s),s},__awaiter=this&&this.__awaiter||function(t,e,i,n){return new(i||(i=Promise))((function(o,a){function s(t){try{l(n.next(t))}catch(t){a(t)}}function r(t){try{l(n.throw(t))}catch(t){a(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(s,r)}l((n=n.apply(t,e||[])).next())}))};import{css,html,LitElement}from"lit";import{customElement,property}from"lit/decorators.js";import{until}from"lit/directives/until.js";import{OrRulesRuleUnsupportedEvent}from"../index";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";import{getTargetTypeMap,OrRulesJsonRuleChangedEvent}from"./or-rule-json-viewer";import"./modals/or-rule-notification-modal";import"./forms/or-rule-form-email-message";import"./forms/or-rule-form-push-notification";import"./forms/or-rule-form-localized";import"./or-rule-action-attribute";import{i18next}from"@openremote/or-translate";import manager,{Util}from"@openremote/core";const style=css`
-    :host {
-        display: flex;
-        align-items: center;
-    }
-
-    :host > * {
-        margin: 0 3px 6px;
-    }
-
-    .min-width {
-        min-width: 200px;
-    }
-`;let OrRuleActionNotification=OrRuleActionNotification_1=class extends LitElement{static get styles(){return style}connectedCallback(){return this.addEventListener(OrRulesJsonRuleChangedEvent.NAME,this._onJsonRuleChanged),this._initialAction=structuredClone(this.action),super.connectedCallback()}willUpdate(t){return t.has("rule")&&void 0!==t.get("rule")&&(this._initialAction=structuredClone(this.action)),super.willUpdate(t)}disconnectedCallback(){return this.removeEventListener(OrRulesJsonRuleChangedEvent.NAME,this._onJsonRuleChanged),super.disconnectedCallback()}_onJsonRuleChanged(){var t,e,i,n,o,a,s;if(this.action.notification){const r=this.action.notification.message;if("localized"===(null==r?void 0:r.type)){const l=(null===(i=null===(e=null===(t=this.config)||void 0===t?void 0:t.notifications)||void 0===e?void 0:e[manager.displayRealm])||void 0===i?void 0:i.defaultLanguage)||(null===(a=null===(o=null===(n=this.config)||void 0===n?void 0:n.notifications)||void 0===o?void 0:o.default)||void 0===a?void 0:a.defaultLanguage)||manager.config.defaultLanguage,c=null===(s=r.languages)||void 0===s?void 0:s[l];"push"===(null==c?void 0:c.type)?this.action.notification.name=c.title:"email"===(null==c?void 0:c.type)&&(this.action.notification.name=c.subject)}else"push"===(null==r?void 0:r.type)?this.action.notification.name=r.title:"email"===(null==r?void 0:r.type)&&(this.action.notification.name=r.subject)}}static getActionTargetTemplate(t,e,i,n,o,a,s,r){let l=[["USER",i18next.t("user_plural")],["ASSET",i18next.t("asset_plural")],["REALM",i18next.t("realm_plural")],["CUSTOM",i18next.t("custom")]];if(o&&o.controls&&o.controls.allowedActionTargetTypes){let t;t=o.controls.allowedActionTargetTypes.actions?o.controls.allowedActionTargetTypes.actions[i]:o.controls.allowedActionTargetTypes.default,t&&(l=l.filter((e=>null==t?void 0:t.includes(e[0]))))}if(0===l.length)return void console.warn("Rule action config doesn't allow any action target types for this type of action");let c,u="ASSET";if(e.target&&(!e.target.users||e.target.conditionAssets||e.target.matchedAssets||e.target.assets?e.target.linkedUsers?u="USER":void 0===e.target.custom||e.target.conditionAssets||e.target.matchedAssets||e.target.assets||(u="CUSTOM"):u="USER"),l.find((t=>t[0]===u))||(u=void 0),"CUSTOM"===u){const t=html`
-                <or-mwc-input class="min-width" .type="${InputType.TEXT}" @or-mwc-input-changed="${t=>r(u,t.detail.value)}" ?readonly="${n}" .value="${e.target.custom}" ></or-mwc-input>            
-            `;c=Promise.resolve(t)}else{let i,o,s;if("USER"===u){const t={realmPredicate:{name:manager.displayRealm},select:{basic:!0},serviceUsers:!1,attributes:[{name:{value:"systemAccount",predicateType:"string"},negated:!0}]};i=manager.rest.api.UserResource.query(t).then((t=>__awaiter(this,void 0,void 0,(function*(){const e=i18next.t("linked");let i=(yield manager.rest.api.RealmResource.get(manager.displayRealm)).data.realmRoles.map((t=>["linked-"+t.name,e+": "+i18next.t("realmRole."+t.name,Util.camelCaseToSentenceCase(t.name.replace("_"," ").replace("-"," ")))])),n=t.data.map((t=>[t.id,t.username]));return[["linkedUsers",e],...i,...n.sort(Util.sortByString((t=>t[1])))]})))),o=i18next.t("user_plural");const n=e.target.users;if(e.target.linkedUsers)if(n&&n.realmRoles){if(n.realmRoles.length>1)return void console.warn("Rule action user target query is unsupported: "+JSON.stringify(n,null,2));s="linked-"+n.realmRoles[0].value}else s="linkedUsers";else{if(!n)return void console.warn("Rule action user target query is unsupported: "+JSON.stringify(n,null,2));if(n.ids&&n.ids.length>1||n.usernames||n.assets||n.limit||n.pathPredicate||n.realmPredicate)return void console.warn("Rule action user target query is unsupported: "+JSON.stringify(n,null,2));n.ids&&1===n.ids.length&&(s=n.ids[0])}}else{const n=a?Object.assign({},a):{};if(n.orderBy={property:"NAME"},i=manager.rest.api.AssetResource.queryAssets(n).then((e=>{let i=e.data.map((t=>[t.id,t.name+" ("+t.id+")"]));const n=[["allMatched",i18next.t("matched")]];return t&&t.length>1&&t.forEach((t=>{n.find((e=>e[0]===t[0]))||n.push([t[0],i18next.t("matchedOfType",{type:Util.getAssetTypeLabel(t[0])})])})),[...n,...i]})),o=i18next.t("asset_plural"),e.target){if(e.target.conditionAssets)return void console.warn("Rule action asset target, conditionAssets is unsupported: "+JSON.stringify(e.target,null,2));if(e.target.matchedAssets){if(e.target.matchedAssets.types&&e.target.matchedAssets.types.length>1)return void console.warn("Rule action asset target, matchedAssets query unsupported: "+JSON.stringify(e.target,null,2));e.target.matchedAssets.types&&1===e.target.matchedAssets.types.length&&(s=e.target.matchedAssets.types[0])}else if(e.target.assets){if(e.target.assets.ids&&e.target.assets.ids.length>1)return void console.warn("Rule action asset target, assets query unsupported: "+JSON.stringify(e.target,null,2));e.target.assets.ids&&1===e.target.assets.ids.length&&(s=e.target.assets.ids[0])}}else s="allMatched"}c=i.then((t=>html`
-                    <or-mwc-input type="${InputType.SELECT}" 
-                        class="min-width"
-                        .options="${t}"
-                        .label="${o}"
-                        .value="${s}"
-                        @or-mwc-input-changed="${t=>r(u,t.detail.value)}" 
-                        ?readonly="${n}"></or-mwc-input>
-                `))}return c=c.then((t=>html`
-                <or-mwc-input type="${InputType.SELECT}" 
-                    class="min-width"
-                    .options="${l}"
-                    .value="${u}"
-                    .label="${i18next.t("recipients")}"
-                    @or-mwc-input-changed="${t=>s(t.detail.value)}" 
-                    ?readonly="${n}"></or-mwc-input>
-                ${t}
-            `)),c}render(){var t,e,i,n;if(!this.action.notification||!this.action.notification.message)return html``;const o=this.action.notification.message,a=o.type;let s;s="push"===a?{types:["ConsoleAsset"]}:{attributes:{items:[{name:{predicateType:"string",value:"email"},value:{predicateType:"value-empty",negate:!0}}]}};let r=OrRuleActionNotification_1.getActionTargetTemplate(getTargetTypeMap(this.rule),this.action,this.actionType,!!this.readonly,this.config,s,(t=>this._onTargetTypeChanged(t)),((t,e)=>this._onTargetChanged(t,e))),l="";if(!r)return this.dispatchEvent(new OrRulesRuleUnsupportedEvent),"";const c=t=>{var e,i;if(this._initialAction&&this.action.notification){const t=structuredClone(this._initialAction);JSON.stringify(this.action.notification.message)!==JSON.stringify(null===(e=t.notification)||void 0===e?void 0:e.message)?(console.debug("Rolling back the notification to former state..."),this.action.notification.message=null===(i=t.notification)||void 0===i?void 0:i.message,this.requestUpdate("action")):console.debug("Rolling back was not necessary, as no changes have been done.")}else console.warn("Could not rollback notification form.")},u=t=>{this._initialAction=structuredClone(this.action),this.dispatchEvent(new OrRulesJsonRuleChangedEvent)};if(o)if("push"===a)l=html`
-                    <or-rule-notification-modal title="push-notification" .action="${this.action}"
-                                                @or-rules-notification-modal-cancel="${c}"
-                                                @or-rules-notification-modal-ok="${u}">
-                        <or-rule-form-push-notification .message="${o}"></or-rule-form-push-notification>
-                    </or-rule-notification-modal>
-                `;else if("email"===a)l=html`
-                    <or-rule-notification-modal title="email" .action="${this.action}"
-                                                @or-rules-notification-modal-cancel="${c}"
-                                                @or-rules-notification-modal-ok="${u}">
-                        <or-rule-form-email-message .message="${o}"></or-rule-form-email-message>
-                    </or-rule-notification-modal>
-                `;else if("localized"===a){const a=(null===(e=null===(t=this.config)||void 0===t?void 0:t.notifications)||void 0===e?void 0:e[manager.displayRealm])||(null===(n=null===(i=this.config)||void 0===i?void 0:i.notifications)||void 0===n?void 0:n.default),s=[...new Set([...(null==a?void 0:a.languages)||[],...Object.keys(o.languages||{})||[]])],r=(null==a?void 0:a.defaultLanguage)||manager.config.defaultLanguage;0===s.length&&r&&s.push(r);const d=r!==o.defaultLanguage,p="email_localized"===this.actionType?"email":"push",m="email_localized"===this.actionType?"email":"push-notification";l=html`
-                    <or-rule-notification-modal title="${m}" .action="${this.action}"
-                                                @or-rules-notification-modal-cancel="${c}"
-                                                @or-rules-notification-modal-ok="${u}">
-                        <or-rule-form-localized .message="${o}" .type="${p}" .languages="${s}" .defaultLang="${r}" 
-                                                .wrongLanguage="${d}"
-                        ></or-rule-form-localized>
-                    </or-rule-notification-modal>
-                `}return r=r.then((t=>html`
-                ${t}
-                ${l}
-            `)),html`${until(r,html``)}`}_onTargetTypeChanged(t){"ASSET"===t?delete this.action.target:"USER"===t?this.action.target={users:{ids:[]}}:"CUSTOM"===t&&(this.action.target={custom:""}),this.dispatchEvent(new OrRulesJsonRuleChangedEvent),this.requestUpdate()}_onTargetChanged(t,e){switch(t){case"USER":"linkedUsers"===e?this.action.target={linkedUsers:!0}:(null==e?void 0:e.startsWith("linked-"))?this.action.target={users:{realmRoles:[{predicateType:"string",value:null==e?void 0:e.substring(7)}]},linkedUsers:!0}:e&&(this.action.target={users:{ids:[e]}});break;case"CUSTOM":this.action.target={custom:e};break;case"ASSET":e&&"allMatched"!==e?e.endsWith("Asset")?this.action.target={matchedAssets:{types:[e]}}:this.action.target={assets:{ids:[e]}}:delete this.action.target}this.dispatchEvent(new OrRulesJsonRuleChangedEvent)}};__decorate([property({type:Object,attribute:!1})],OrRuleActionNotification.prototype,"rule",void 0),__decorate([property({type:Object,attribute:!1})],OrRuleActionNotification.prototype,"action",void 0),__decorate([property({type:String,attribute:!1})],OrRuleActionNotification.prototype,"actionType",void 0),__decorate([property({type:Object})],OrRuleActionNotification.prototype,"assetInfos",void 0),__decorate([property({type:Object})],OrRuleActionNotification.prototype,"config",void 0),OrRuleActionNotification=OrRuleActionNotification_1=__decorate([customElement("or-rule-action-notification")],OrRuleActionNotification);export{OrRuleActionNotification};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var OrRuleActionNotification_1;
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { until } from "lit/directives/until.js";
+import { OrRulesRuleUnsupportedEvent } from "../index";
+import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
+import { getTargetTypeMap, OrRulesJsonRuleChangedEvent } from "./or-rule-json-viewer";
+import "./modals/or-rule-notification-modal";
+import "./forms/or-rule-form-email-message";
+import "./forms/or-rule-form-push-notification";
+import "./forms/or-rule-form-localized";
+import "./or-rule-action-attribute";
+import { i18next } from "@openremote/or-translate";
+import manager, { Util } from "@openremote/core";
+// language=CSS
+const style = css `
+    :host {
+        display: flex;
+        align-items: center;
+    }
+
+    :host > * {
+        margin: 0 3px 6px;
+    }
+
+    .min-width {
+        min-width: 200px;
+    }
+`;
+let OrRuleActionNotification = OrRuleActionNotification_1 = class OrRuleActionNotification extends LitElement {
+    static get styles() {
+        return style;
+    }
+    connectedCallback() {
+        this.addEventListener(OrRulesJsonRuleChangedEvent.NAME, this._onJsonRuleChanged);
+        this._initialAction = structuredClone(this.action);
+        return super.connectedCallback();
+    }
+    willUpdate(changedProps) {
+        // If the rule property changes, we assume it is a "new rule".
+        // For example when the SAVE button is pressed in the JSON editor (which triggers an update of this 'rule' property),
+        // we want to reset the _initialAction cache variable.
+        if (changedProps.has("rule") && changedProps.get("rule") !== undefined) {
+            this._initialAction = structuredClone(this.action);
+        }
+        return super.willUpdate(changedProps);
+    }
+    disconnectedCallback() {
+        this.removeEventListener(OrRulesJsonRuleChangedEvent.NAME, this._onJsonRuleChanged);
+        return super.disconnectedCallback();
+    }
+    _onJsonRuleChanged() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        // Upon rule change, we update the name of the "Notification action" to a sensible value, for example with the subject of an email
+        // This is to prevent the NAME (for example showing up in the logs) being NULL or not identifiable.
+        if (this.action.notification) {
+            const message = this.action.notification.message;
+            if ((message === null || message === void 0 ? void 0 : message.type) === "localized") {
+                const locale = ((_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.notifications) === null || _b === void 0 ? void 0 : _b[manager.displayRealm]) === null || _c === void 0 ? void 0 : _c.defaultLanguage) || ((_f = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.notifications) === null || _e === void 0 ? void 0 : _e.default) === null || _f === void 0 ? void 0 : _f.defaultLanguage) || manager.config.defaultLanguage;
+                const msg = (_g = message.languages) === null || _g === void 0 ? void 0 : _g[locale]; // if localized, we use the default language
+                if ((msg === null || msg === void 0 ? void 0 : msg.type) === "push") {
+                    this.action.notification.name = msg.title;
+                }
+                else if ((msg === null || msg === void 0 ? void 0 : msg.type) === "email") {
+                    this.action.notification.name = msg.subject;
+                }
+            }
+            else if ((message === null || message === void 0 ? void 0 : message.type) === "push") {
+                this.action.notification.name = message.title;
+            }
+            else if ((message === null || message === void 0 ? void 0 : message.type) === "email") {
+                this.action.notification.name = message.subject;
+            }
+        }
+    }
+    static getActionTargetTemplate(targetTypeMap, action, actionType, readonly, config, baseAssetQuery, onTargetTypeChangedCallback, onTargetChangedCallback) {
+        let allowedTargetTypes = [
+            ["USER" /* NotificationTargetType.USER */, i18next.t("user_plural")],
+            ["ASSET" /* NotificationTargetType.ASSET */, i18next.t("asset_plural")],
+            ["REALM" /* NotificationTargetType.REALM */, i18next.t("realm_plural")],
+            ["CUSTOM" /* NotificationTargetType.CUSTOM */, i18next.t("custom")]
+        ];
+        if (config && config.controls && config.controls.allowedActionTargetTypes) {
+            let configTypes;
+            if (config.controls.allowedActionTargetTypes.actions) {
+                configTypes = config.controls.allowedActionTargetTypes.actions[actionType];
+            }
+            else {
+                configTypes = config.controls.allowedActionTargetTypes.default;
+            }
+            if (configTypes) {
+                allowedTargetTypes = allowedTargetTypes.filter((allowedType) => configTypes === null || configTypes === void 0 ? void 0 : configTypes.includes(allowedType[0]));
+            }
+        }
+        if (allowedTargetTypes.length === 0) {
+            console.warn("Rule action config doesn't allow any action target types for this type of action");
+            return;
+        }
+        let targetType = "ASSET" /* NotificationTargetType.ASSET */;
+        if (action.target) {
+            if (action.target.users && !action.target.conditionAssets && !action.target.matchedAssets && !action.target.assets) {
+                targetType = "USER" /* NotificationTargetType.USER */;
+            }
+            else if (action.target.linkedUsers) {
+                targetType = "USER" /* NotificationTargetType.USER */;
+            }
+            else if (action.target.custom !== undefined && !action.target.conditionAssets && !action.target.matchedAssets && !action.target.assets) {
+                targetType = "CUSTOM" /* NotificationTargetType.CUSTOM */;
+            }
+        }
+        let targetValueTemplate;
+        if (!allowedTargetTypes.find((allowedTargetType) => allowedTargetType[0] === targetType)) {
+            targetType = undefined;
+        }
+        if (targetType === "CUSTOM" /* NotificationTargetType.CUSTOM */) {
+            const template = html `
+                <or-mwc-input class="min-width" .type="${InputType.TEXT}" @or-mwc-input-changed="${(e) => onTargetChangedCallback(targetType, e.detail.value)}" ?readonly="${readonly}" .value="${action.target.custom}" ></or-mwc-input>            
+            `;
+            targetValueTemplate = Promise.resolve(template);
+        }
+        else {
+            let targetValuesGenerator;
+            let label;
+            let value;
+            if (targetType === "USER" /* NotificationTargetType.USER */) {
+                // Get users excluding system accounts and service users
+                const query = {
+                    realmPredicate: { name: manager.displayRealm },
+                    select: { basic: true },
+                    serviceUsers: false,
+                    attributes: [{ name: { value: "systemAccount", predicateType: "string" }, negated: true }]
+                };
+                targetValuesGenerator = manager.rest.api.UserResource.query(query).then((usersResponse) => __awaiter(this, void 0, void 0, function* () {
+                    const linkedLabel = i18next.t("linked");
+                    // Get realm roles and add as options
+                    const realm = yield manager.rest.api.RealmResource.get(manager.displayRealm);
+                    let realmRoleOpts = realm.data.realmRoles.map(r => ["linked-" + r.name, linkedLabel + ": " + i18next.t("realmRole." + r.name, Util.camelCaseToSentenceCase(r.name.replace("_", " ").replace("-", " ")))]);
+                    let values = usersResponse.data.map((user) => [user.id, user.username]);
+                    return [["linkedUsers", linkedLabel], ...realmRoleOpts, ...values.sort(Util.sortByString(user => user[1]))];
+                }));
+                label = i18next.t("user_plural");
+                const userQuery = action.target.users;
+                if (action.target.linkedUsers) {
+                    if (userQuery && userQuery.realmRoles) {
+                        if (userQuery.realmRoles.length > 1) {
+                            console.warn("Rule action user target query is unsupported: " + JSON.stringify(userQuery, null, 2));
+                            return;
+                        }
+                        value = "linked-" + userQuery.realmRoles[0].value;
+                    }
+                    else {
+                        value = "linkedUsers";
+                    }
+                }
+                else if (userQuery) {
+                    if ((userQuery.ids && userQuery.ids.length > 1)
+                        || userQuery.usernames
+                        || userQuery.assets
+                        || userQuery.limit
+                        || userQuery.pathPredicate
+                        || userQuery.realmPredicate) {
+                        console.warn("Rule action user target query is unsupported: " + JSON.stringify(userQuery, null, 2));
+                        return;
+                    }
+                    if (userQuery.ids && userQuery.ids.length === 1) {
+                        value = userQuery.ids[0];
+                    }
+                }
+                else {
+                    console.warn("Rule action user target query is unsupported: " + JSON.stringify(userQuery, null, 2));
+                    return;
+                }
+            }
+            else {
+                const assetQuery = baseAssetQuery ? Object.assign({}, baseAssetQuery) : {};
+                assetQuery.orderBy = {
+                    property: "NAME" /* AssetQueryOrderBy$Property.NAME */
+                };
+                targetValuesGenerator = manager.rest.api.AssetResource.queryAssets(assetQuery).then((response) => {
+                    let values = response.data.map((asset) => [asset.id, asset.name + " (" + asset.id + ")"]);
+                    // Add additional options for assets
+                    const additionalValues = [["allMatched", i18next.t("matched")]];
+                    if (targetTypeMap && targetTypeMap.length > 1) {
+                        targetTypeMap.forEach((typeAndTag) => {
+                            if (!additionalValues.find((av) => av[0] === typeAndTag[0])) {
+                                additionalValues.push([typeAndTag[0], i18next.t("matchedOfType", { type: Util.getAssetTypeLabel(typeAndTag[0]) })]);
+                            }
+                        });
+                    }
+                    return [...additionalValues, ...values];
+                });
+                label = i18next.t("asset_plural");
+                if (!action.target) {
+                    value = "allMatched";
+                }
+                else {
+                    if (action.target.conditionAssets) {
+                        console.warn("Rule action asset target, conditionAssets is unsupported: " + JSON.stringify(action.target, null, 2));
+                        return;
+                    }
+                    if (action.target.matchedAssets) {
+                        if (action.target.matchedAssets.types && action.target.matchedAssets.types.length > 1) {
+                            console.warn("Rule action asset target, matchedAssets query unsupported: " + JSON.stringify(action.target, null, 2));
+                            return;
+                        }
+                        if (action.target.matchedAssets.types && action.target.matchedAssets.types.length === 1) {
+                            value = action.target.matchedAssets.types[0];
+                        }
+                    }
+                    else if (action.target.assets) {
+                        if (action.target.assets.ids && action.target.assets.ids.length > 1) {
+                            console.warn("Rule action asset target, assets query unsupported: " + JSON.stringify(action.target, null, 2));
+                            return;
+                        }
+                        if (action.target.assets.ids && action.target.assets.ids.length === 1) {
+                            value = action.target.assets.ids[0];
+                        }
+                    }
+                }
+            }
+            targetValueTemplate = targetValuesGenerator.then((values) => {
+                return html `
+                    <or-mwc-input type="${InputType.SELECT}" 
+                        class="min-width"
+                        .options="${values}"
+                        .label="${label}"
+                        .value="${value}"
+                        @or-mwc-input-changed="${(e) => onTargetChangedCallback(targetType, e.detail.value)}" 
+                        ?readonly="${readonly}"></or-mwc-input>
+                `;
+            });
+        }
+        targetValueTemplate = targetValueTemplate.then((valueTemplate) => {
+            return html `
+                <or-mwc-input type="${InputType.SELECT}" 
+                    class="min-width"
+                    .options="${allowedTargetTypes}"
+                    .value="${targetType}"
+                    .label="${i18next.t("recipients")}"
+                    @or-mwc-input-changed="${(e) => onTargetTypeChangedCallback(e.detail.value)}" 
+                    ?readonly="${readonly}"></or-mwc-input>
+                ${valueTemplate}
+            `;
+        });
+        return targetValueTemplate;
+    }
+    render() {
+        var _a, _b, _c, _d;
+        if (!this.action.notification || !this.action.notification.message) {
+            return html ``;
+        }
+        const message = this.action.notification.message;
+        const messageType = message.type;
+        let baseAssetQuery;
+        if (messageType === "push") {
+            baseAssetQuery = {
+                types: [
+                    "ConsoleAsset" /* WellknownAssets.CONSOLEASSET */
+                ]
+            };
+        }
+        else {
+            baseAssetQuery = {
+                attributes: {
+                    items: [
+                        {
+                            name: { "predicateType": "string", "value": "email" },
+                            value: { "predicateType": "value-empty", negate: true }
+                        }
+                    ]
+                }
+            };
+        }
+        let targetTemplate = OrRuleActionNotification_1.getActionTargetTemplate(getTargetTypeMap(this.rule), this.action, this.actionType, !!this.readonly, this.config, baseAssetQuery, (type) => this._onTargetTypeChanged(type), (type, value) => this._onTargetChanged(type, value));
+        let modalTemplate = ``;
+        if (!targetTemplate) {
+            this.dispatchEvent(new OrRulesRuleUnsupportedEvent());
+            return ``;
+        }
+        // When 'cancel' is pressed, reset ACTION to the initial state (all changes get removed)
+        const onModalCancel = (ev) => {
+            var _a, _b;
+            if (this._initialAction && this.action.notification) {
+                const newAction = structuredClone(this._initialAction);
+                // Check if anything in the message has changed
+                if (JSON.stringify(this.action.notification.message) !== JSON.stringify((_a = newAction.notification) === null || _a === void 0 ? void 0 : _a.message)) {
+                    console.debug("Rolling back the notification to former state...");
+                    this.action.notification.message = (_b = newAction.notification) === null || _b === void 0 ? void 0 : _b.message;
+                    this.requestUpdate('action');
+                }
+                else {
+                    console.debug("Rolling back was not necessary, as no changes have been done.");
+                }
+            }
+            else {
+                console.warn("Could not rollback notification form.");
+            }
+        };
+        const onModalOk = (ev) => {
+            this._initialAction = structuredClone(this.action); // update initial action for opening the modal in the future
+            this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
+        };
+        if (message) {
+            if (messageType === "push") {
+                modalTemplate = html `
+                    <or-rule-notification-modal title="push-notification" .action="${this.action}"
+                                                @or-rules-notification-modal-cancel="${onModalCancel}"
+                                                @or-rules-notification-modal-ok="${onModalOk}">
+                        <or-rule-form-push-notification .message="${message}"></or-rule-form-push-notification>
+                    </or-rule-notification-modal>
+                `;
+            }
+            else if (messageType === "email") {
+                modalTemplate = html `
+                    <or-rule-notification-modal title="email" .action="${this.action}"
+                                                @or-rules-notification-modal-cancel="${onModalCancel}"
+                                                @or-rules-notification-modal-ok="${onModalOk}">
+                        <or-rule-form-email-message .message="${message}"></or-rule-form-email-message>
+                    </or-rule-notification-modal>
+                `;
+            }
+            else if (messageType === "localized") {
+                const notificationConfig = ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.notifications) === null || _b === void 0 ? void 0 : _b[manager.displayRealm]) || ((_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.notifications) === null || _d === void 0 ? void 0 : _d["default"]);
+                const languages = [...new Set([
+                        ...((notificationConfig === null || notificationConfig === void 0 ? void 0 : notificationConfig.languages) || []),
+                        ...(Object.keys(message.languages || {}) || [])
+                    ])];
+                const defaultLang = (notificationConfig === null || notificationConfig === void 0 ? void 0 : notificationConfig.defaultLanguage) || manager.config.defaultLanguage;
+                if (languages.length === 0 && defaultLang) {
+                    languages.push(defaultLang);
+                }
+                const defaultLangHasChanged = defaultLang !== message.defaultLanguage;
+                const type = this.actionType === "email_localized" /* ActionType.EMAIL_LOCALIZED */ ? "email" : "push";
+                const title = this.actionType === "email_localized" /* ActionType.EMAIL_LOCALIZED */ ? "email" : "push-notification";
+                modalTemplate = html `
+                    <or-rule-notification-modal title="${title}" .action="${this.action}"
+                                                @or-rules-notification-modal-cancel="${onModalCancel}"
+                                                @or-rules-notification-modal-ok="${onModalOk}">
+                        <or-rule-form-localized .message="${message}" .type="${type}" .languages="${languages}" .defaultLang="${defaultLang}" 
+                                                .wrongLanguage="${defaultLangHasChanged}"
+                        ></or-rule-form-localized>
+                    </or-rule-notification-modal>
+                `;
+            }
+        }
+        targetTemplate = targetTemplate.then((targetTemplate) => html `
+                ${targetTemplate}
+                ${modalTemplate}
+            `);
+        return html `${until(targetTemplate, html ``)}`;
+    }
+    _onTargetTypeChanged(targetType) {
+        if (targetType === "ASSET" /* NotificationTargetType.ASSET */) {
+            delete this.action.target;
+        }
+        else if (targetType === "USER" /* NotificationTargetType.USER */) {
+            this.action.target = {
+                users: {
+                    ids: []
+                }
+            };
+        }
+        else if (targetType === "CUSTOM" /* NotificationTargetType.CUSTOM */) {
+            this.action.target = {
+                custom: ""
+            };
+        }
+        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
+        this.requestUpdate();
+    }
+    _onTargetChanged(targetType, value) {
+        switch (targetType) {
+            case "USER" /* NotificationTargetType.USER */:
+                if (value === "linkedUsers") {
+                    this.action.target = {
+                        linkedUsers: true
+                    };
+                }
+                else if (value === null || value === void 0 ? void 0 : value.startsWith("linked-")) {
+                    this.action.target = {
+                        users: {
+                            realmRoles: [
+                                {
+                                    predicateType: "string",
+                                    value: value === null || value === void 0 ? void 0 : value.substring(7)
+                                }
+                            ]
+                        },
+                        linkedUsers: true
+                    };
+                }
+                else if (value) {
+                    this.action.target = {
+                        users: { ids: [value] }
+                    };
+                }
+                break;
+            case "CUSTOM" /* NotificationTargetType.CUSTOM */:
+                this.action.target = {
+                    custom: value
+                };
+                break;
+            case "ASSET" /* NotificationTargetType.ASSET */:
+                if (!value || value === "allMatched") {
+                    delete this.action.target;
+                }
+                else if (value.endsWith("Asset")) {
+                    // This is an asset type
+                    this.action.target = {
+                        matchedAssets: {
+                            types: [
+                                value
+                            ]
+                        }
+                    };
+                }
+                else {
+                    this.action.target = {
+                        assets: {
+                            ids: [
+                                value
+                            ]
+                        }
+                    };
+                }
+                break;
+        }
+        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
+    }
+};
+__decorate([
+    property({ type: Object, attribute: false })
+], OrRuleActionNotification.prototype, "rule", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], OrRuleActionNotification.prototype, "action", void 0);
+__decorate([
+    property({ type: String, attribute: false })
+], OrRuleActionNotification.prototype, "actionType", void 0);
+__decorate([
+    property({ type: Object })
+], OrRuleActionNotification.prototype, "assetInfos", void 0);
+__decorate([
+    property({ type: Object })
+], OrRuleActionNotification.prototype, "config", void 0);
+OrRuleActionNotification = OrRuleActionNotification_1 = __decorate([
+    customElement("or-rule-action-notification")
+], OrRuleActionNotification);
+export { OrRuleActionNotification };
+//# sourceMappingURL=or-rule-action-notification.js.map

package/lib/json-viewer/or-rule-action-webhook.d.ts

@@ -6,5 +6,5 @@ export declare class OrRuleActionWebhook extends LitElement {
     static get styles(): import("lit").CSSResult;
     rule: JsonRule;
     action: RuleActionWebhook;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/lib/json-viewer/or-rule-action-webhook.js

@@ -1,20 +1,51 @@
-var __decorate=this&&this.__decorate||function(e,o,t,r){var i,l=arguments.length,c=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,o,t,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(c=(l<3?i(c):l>3?i(o,t,c):i(o,t))||c);return l>3&&c&&Object.defineProperty(o,t,c),c};import{css,html,LitElement}from"lit";import{customElement,property}from"lit/decorators.js";import"./modals/or-rule-webhook-modal";import"./forms/or-rule-form-webhook";const style=css`
-    :host {
-        height: 100%;
-        margin: 2px 3px auto 0;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import "./modals/or-rule-webhook-modal";
+import "./forms/or-rule-form-webhook";
+// language=CSS
+const style = css `
+    :host {
+        height: 100%;
+        margin: 2px 3px auto 0;
+    }
+
+    :host > * {
+        margin: 0 3px 6px;
+    }
+
+    .min-width {
+        min-width: 200px;
+    }
+`;
+let OrRuleActionWebhook = class OrRuleActionWebhook extends LitElement {
+    static get styles() {
+        return style;
     }
-
-    :host > * {
-        margin: 0 3px 6px;
+    /* ---------------------- */
+    render() {
+        return html `
+            <div style="display: flex; align-items: center; height: 100%;">
+                <or-rule-webhook-modal .action="${this.action}">
+                    <or-rule-form-webhook .webhook="${this.action.webhook}"></or-rule-form-webhook>
+                </or-rule-webhook-modal>
+            </div>
+        `;
     }
-
-    .min-width {
-        min-width: 200px;
-    }
-`;let OrRuleActionWebhook=class extends LitElement{static get styles(){return style}render(){return html`
-            <div style="display: flex; align-items: center; height: 100%;">
-                <or-rule-webhook-modal .action="${this.action}">
-                    <or-rule-form-webhook .webhook="${this.action.webhook}"></or-rule-form-webhook>
-                </or-rule-webhook-modal>
-            </div>
-        `}};__decorate([property({type:Object,attribute:!1})],OrRuleActionWebhook.prototype,"rule",void 0),__decorate([property({type:Object,attribute:!1})],OrRuleActionWebhook.prototype,"action",void 0),OrRuleActionWebhook=__decorate([customElement("or-rule-action-webhook")],OrRuleActionWebhook);export{OrRuleActionWebhook};
+};
+__decorate([
+    property({ type: Object, attribute: false })
+], OrRuleActionWebhook.prototype, "rule", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], OrRuleActionWebhook.prototype, "action", void 0);
+OrRuleActionWebhook = __decorate([
+    customElement("or-rule-action-webhook")
+], OrRuleActionWebhook);
+export { OrRuleActionWebhook };
+//# sourceMappingURL=or-rule-action-webhook.js.map