@openremote/or-rules 1.8.0-snapshot.20250725074716 → 1.8.0-snapshot.20250725120001

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

@@ -1,56 +1,465 @@
-var OrRuleActionNotification_1,__decorate=this&&this.__decorate||function(t,e,i,o){var a,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(s=(n<3?a(s):n>3?a(e,i,s):a(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s},__awaiter=this&&this.__awaiter||function(t,e,i,o){return new(i||(i=Promise))(function(a,n){function s(t){try{l(o.next(t))}catch(t){n(t)}}function r(t){try{l(o.throw(t))}catch(t){n(t)}}function l(t){var e;t.done?a(t.value):((e=t.value)instanceof i?e:new i(function(t){t(e)})).then(s,r)}l((o=o.apply(t,e||[])).next())})};import{css as t,html as e,LitElement as i}from"lit";import{customElement as o,property as a}from"lit/decorators.js";import{until as n}from"lit/directives/until.js";import{OrRulesRuleUnsupportedEvent as s}from"../index";import{InputType as r}from"@openremote/or-mwc-components/or-mwc-input";import{getTargetTypeMap as l,OrRulesJsonRuleChangedEvent as c}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 as u}from"@openremote/or-translate";import d,{Util as g}from"@openremote/core";let style=t`
-    :host {
-        display: flex;
-        align-items: center;
-    }
-
-    :host > * {
-        margin: 0 3px 6px;
-    }
-
-    .min-width {
-        min-width: 200px;
-    }
-`,OrRuleActionNotification=OrRuleActionNotification_1=class extends i{static get styles(){return style}connectedCallback(){return this.addEventListener(c.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(c.NAME,this._onJsonRuleChanged),super.disconnectedCallback()}_onJsonRuleChanged(){var t,e,i,o,a,n,s;if(this.action.notification){let r=this.action.notification.message;if((null==r?void 0:r.type)==="localized"){let l=(null==(i=null==(e=null==(t=this.config)?void 0:t.notifications)?void 0:e[d.displayRealm])?void 0:i.defaultLanguage)||(null==(n=null==(a=null==(o=this.config)?void 0:o.notifications)?void 0:a.default)?void 0:n.defaultLanguage)||d.config.defaultLanguage,c=null==(s=r.languages)?void 0:s[l];(null==c?void 0:c.type)==="push"?this.action.notification.name=c.title:(null==c?void 0:c.type)==="email"&&(this.action.notification.name=c.subject)}else(null==r?void 0:r.type)==="push"?this.action.notification.name=r.title:(null==r?void 0:r.type)==="email"&&(this.action.notification.name=r.subject)}}static getActionTargetTemplate(t,i,o,a,n,s,l,c){let m,p=[["USER",u.t("user_plural")],["ASSET",u.t("asset_plural")],["REALM",u.t("realm_plural")],["CUSTOM",u.t("custom")]];if(n&&n.controls&&n.controls.allowedActionTargetTypes){let t;(t=n.controls.allowedActionTargetTypes.actions?n.controls.allowedActionTargetTypes.actions[o]:n.controls.allowedActionTargetTypes.default)&&(p=p.filter(e=>null==t?void 0:t.includes(e[0])))}if(0===p.length)return void console.warn("Rule action config doesn't allow any action target types for this type of action");let f="ASSET";if(i.target&&(!i.target.users||i.target.conditionAssets||i.target.matchedAssets||i.target.assets?i.target.linkedUsers?f="USER":void 0===i.target.custom||i.target.conditionAssets||i.target.matchedAssets||i.target.assets||(f="CUSTOM"):f="USER"),p.find(t=>t[0]===f)||(f=void 0),"CUSTOM"===f)m=Promise.resolve(e`
-                <or-mwc-input class="min-width" .type="${r.TEXT}" @or-mwc-input-changed="${t=>c(f,t.detail.value)}" ?readonly="${a}" .value="${i.target.custom}" ></or-mwc-input>            
-            `);else{let o,n,l;if("USER"===f){let t={realmPredicate:{name:d.displayRealm},select:{basic:!0},serviceUsers:!1,attributes:[{name:{value:"systemAccount",predicateType:"string"},negated:!0}]};o=d.rest.api.UserResource.query(t).then(t=>__awaiter(this,void 0,void 0,function*(){let e=u.t("linked"),i=(yield d.rest.api.RealmResource.get(d.displayRealm)).data.realmRoles.map(t=>["linked-"+t.name,e+": "+u.t("realmRole."+t.name,g.camelCaseToSentenceCase(t.name.replace("_"," ").replace("-"," ")))]);return[["linkedUsers",e],...i,...t.data.map(t=>[t.id,t.username]).sort(g.sortByString(t=>t[1]))]})),n=u.t("user_plural");let e=i.target.users;if(i.target.linkedUsers)if(e&&e.realmRoles){if(e.realmRoles.length>1)return void console.warn("Rule action user target query is unsupported: "+JSON.stringify(e,null,2));l="linked-"+e.realmRoles[0].value}else l="linkedUsers";else{if(!e||e.ids&&e.ids.length>1||e.usernames||e.assets||e.limit||e.pathPredicate||e.realmPredicate)return void console.warn("Rule action user target query is unsupported: "+JSON.stringify(e,null,2));e.ids&&1===e.ids.length&&(l=e.ids[0])}}else{let e=s?Object.assign({},s):{};if(e.orderBy={property:"NAME"},o=d.rest.api.AssetResource.queryAssets(e).then(e=>{let i=e.data.map(t=>[t.id,t.name+" ("+t.id+")"]),o=[["allMatched",u.t("matched")]];return t&&t.length>1&&t.forEach(t=>{o.find(e=>e[0]===t[0])||o.push([t[0],u.t("matchedOfType",{type:g.getAssetTypeLabel(t[0])})])}),[...o,...i]}),n=u.t("asset_plural"),i.target){if(i.target.conditionAssets)return void console.warn("Rule action asset target, conditionAssets is unsupported: "+JSON.stringify(i.target,null,2));if(i.target.matchedAssets){if(i.target.matchedAssets.types&&i.target.matchedAssets.types.length>1)return void console.warn("Rule action asset target, matchedAssets query unsupported: "+JSON.stringify(i.target,null,2));i.target.matchedAssets.types&&1===i.target.matchedAssets.types.length&&(l=i.target.matchedAssets.types[0])}else if(i.target.assets){if(i.target.assets.ids&&i.target.assets.ids.length>1)return void console.warn("Rule action asset target, assets query unsupported: "+JSON.stringify(i.target,null,2));i.target.assets.ids&&1===i.target.assets.ids.length&&(l=i.target.assets.ids[0])}}else l="allMatched"}m=o.then(t=>e`
-                    <or-mwc-input type="${r.SELECT}" 
-                        class="min-width"
-                        .options="${t}"
-                        .label="${n}"
-                        .value="${l}"
-                        @or-mwc-input-changed="${t=>c(f,t.detail.value)}" 
-                        ?readonly="${a}"></or-mwc-input>
-                `)}return m.then(t=>e`
-                <or-mwc-input type="${r.SELECT}" 
-                    class="min-width"
-                    .options="${p}"
-                    .value="${f}"
-                    .label="${u.t("recipients")}"
-                    @or-mwc-input-changed="${t=>l(t.detail.value)}" 
-                    ?readonly="${a}"></or-mwc-input>
-                ${t}
-            `)}render(){var t,i,o,a;let r;if(!this.action.notification||!this.action.notification.message)return e``;let u=this.action.notification.message,g=u.type;r="push"===g?{types:["ConsoleAsset"]}:{attributes:{items:[{name:{predicateType:"string",value:"email"},value:{predicateType:"value-empty",negate:!0}}]}};let m=OrRuleActionNotification_1.getActionTargetTemplate(l(this.rule),this.action,this.actionType,!!this.readonly,this.config,r,t=>this._onTargetTypeChanged(t),(t,e)=>this._onTargetChanged(t,e)),p="";if(!m)return this.dispatchEvent(new s),"";let f=t=>{var e,i;if(this._initialAction&&this.action.notification){let t=structuredClone(this._initialAction);JSON.stringify(this.action.notification.message)!==JSON.stringify(null==(e=t.notification)?void 0:e.message)?(console.debug("Rolling back the notification to former state..."),this.action.notification.message=null==(i=t.notification)?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.")},h=t=>{this._initialAction=structuredClone(this.action),this.dispatchEvent(new c)};if(u){if("push"===g)p=e`
-                    <or-rule-notification-modal title="push-notification" .action="${this.action}"
-                                                @or-rules-notification-modal-cancel="${f}"
-                                                @or-rules-notification-modal-ok="${h}">
-                        <or-rule-form-push-notification .message="${u}"></or-rule-form-push-notification>
-                    </or-rule-notification-modal>
-                `;else if("email"===g)p=e`
-                    <or-rule-notification-modal title="email" .action="${this.action}"
-                                                @or-rules-notification-modal-cancel="${f}"
-                                                @or-rules-notification-modal-ok="${h}">
-                        <or-rule-form-email-message .message="${u}"></or-rule-form-email-message>
-                    </or-rule-notification-modal>
-                `;else if("localized"===g){let n=(null==(i=null==(t=this.config)?void 0:t.notifications)?void 0:i[d.displayRealm])||(null==(a=null==(o=this.config)?void 0:o.notifications)?void 0:a.default),s=[...new Set([...(null==n?void 0:n.languages)||[],...Object.keys(u.languages||{})||[]])],r=(null==n?void 0:n.defaultLanguage)||d.config.defaultLanguage;0===s.length&&r&&s.push(r);let l=r!==u.defaultLanguage,c="email_localized"===this.actionType?"email":"push",g="email_localized"===this.actionType?"email":"push-notification";p=e`
-                    <or-rule-notification-modal title="${g}" .action="${this.action}"
-                                                @or-rules-notification-modal-cancel="${f}"
-                                                @or-rules-notification-modal-ok="${h}">
-                        <or-rule-form-localized .message="${u}" .type="${c}" .languages="${s}" .defaultLang="${r}" 
-                                                .wrongLanguage="${l}"
-                        ></or-rule-form-localized>
-                    </or-rule-notification-modal>
-                `}}return m=m.then(t=>e`
-                ${t}
-                ${p}
-            `),e`${n(m,e``)}`}_onTargetTypeChanged(t){"ASSET"===t?delete this.action.target:"USER"===t?this.action.target={users:{ids:[]}}:"CUSTOM"===t&&(this.action.target={custom:""}),this.dispatchEvent(new c),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 c)}};__decorate([a({type:Object,attribute:!1})],OrRuleActionNotification.prototype,"rule",void 0),__decorate([a({type:Object,attribute:!1})],OrRuleActionNotification.prototype,"action",void 0),__decorate([a({type:String,attribute:!1})],OrRuleActionNotification.prototype,"actionType",void 0),__decorate([a({type:Object})],OrRuleActionNotification.prototype,"assetInfos",void 0),__decorate([a({type:Object})],OrRuleActionNotification.prototype,"config",void 0),OrRuleActionNotification=OrRuleActionNotification_1=__decorate([o("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.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 as e,html as o,LitElement as t}from"lit";import{customElement as r,property as i}from"lit/decorators.js";import"./modals/or-rule-webhook-modal";import"./forms/or-rule-form-webhook";let style=e`
-    :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;
-    }
-`,OrRuleActionWebhook=class extends t{static get styles(){return style}render(){return o`
-            <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([i({type:Object,attribute:!1})],OrRuleActionWebhook.prototype,"rule",void 0),__decorate([i({type:Object,attribute:!1})],OrRuleActionWebhook.prototype,"action",void 0),OrRuleActionWebhook=__decorate([r("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