@openremote/or-rules 1.8.0-snapshot.20250725120002 → 1.8.0-snapshot.20250728102340

package/lib/json-viewer/or-rule-then-otherwise.js

@@ -1,609 +1,113 @@
-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 { buttonStyle } from "../style";
-import "./or-rule-asset-query";
-import { getAssetTypeFromQuery } from "../index";
-import { OrRulesJsonRuleChangedEvent } from "./or-rule-json-viewer";
-import { AssetModelUtil } from "@openremote/model";
-import i18next from "i18next";
-import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
-import { getContentWithMenuTemplate } from "@openremote/or-mwc-components/or-mwc-menu";
-import { manager, Util } from "@openremote/core";
-import "./or-rule-action-attribute";
-import "./or-rule-action-notification";
-import "./or-rule-action-webhook";
-import "./or-rule-action-alarm";
-import { translate } from "@openremote/or-translate";
-const NOTIFICATION_COLOR = "4B87EA";
-const WAIT_COLOR = "EACC54";
-const ALARM_COLOR = "FC2D2D";
-function getActionTypesMenu(config, assetInfos) {
-    let addAssetTypes = true;
-    let addWait = true;
-    let addAlarm = true;
-    let addEmailNotification = true;
-    let addEmailLocalizedNotification = true;
-    let addPushNotification = true;
-    let addPushLocalizedNotification = true;
-    let addWebhook = true;
-    let multiLanguage = false;
-    if (config && config.controls && config.controls.allowedActionTypes) {
-        addAssetTypes = config.controls.allowedActionTypes.indexOf("attribute" /* ActionType.ATTRIBUTE */) >= 0;
-        addWait = config.controls.allowedActionTypes.indexOf("wait" /* ActionType.WAIT */) >= 0;
-        addAlarm = config.controls.allowedActionTypes.indexOf("alarm" /* ActionType.ALARM */) >= 0;
-        addEmailNotification = config.controls.allowedActionTypes.indexOf("email" /* ActionType.EMAIL */) >= 0;
-        addEmailLocalizedNotification = config.controls.allowedActionTypes.indexOf("email_localized" /* ActionType.EMAIL_LOCALIZED */) >= 0;
-        addPushNotification = config.controls.allowedActionTypes.indexOf("push" /* ActionType.PUSH_NOTIFICATION */) >= 0;
-        addPushLocalizedNotification = config.controls.allowedActionTypes.indexOf("push_localized" /* ActionType.PUSH_LOCALIZED */) >= 0;
-        addWebhook = config.controls.allowedActionTypes.indexOf("webhook" /* ActionType.WEBHOOK */) >= 0;
-    }
-    // If the RulesConfig has an entry for notifications, check if there are languages configured.
-    // When there are, new notifications will be a "multi-language notification", with a different modal form.
-    if (config === null || config === void 0 ? void 0 : config.notifications) {
-        multiLanguage = Object.entries(config.notifications).filter(x => (x[0] === manager.displayRealm || x[0] === "default") && x[1] !== undefined).length > 0;
-    }
-    const menu = [];
-    if (addAssetTypes && assetInfos) {
-        menu.push(...assetInfos.filter((assetInfo) => assetInfo.assetDescriptor.descriptorType !== "agent").map((assetTypeInfo) => {
-            const color = AssetModelUtil.getAssetDescriptorColour(assetTypeInfo);
-            const icon = AssetModelUtil.getAssetDescriptorIcon(assetTypeInfo);
-            const styleMap = color ? { "--or-icon-fill": "#" + color } : undefined;
-            return {
-                text: Util.getAssetTypeLabel(assetTypeInfo.assetDescriptor),
-                value: assetTypeInfo.assetDescriptor.name,
-                icon: icon ? icon : AssetModelUtil.getAssetDescriptorIcon("ThingAsset" /* WellknownAssets.THINGASSET */),
-                styleMap: styleMap
-            };
-        }));
-    }
-    menu.sort(Util.sortByString((listItem) => listItem === null || listItem === void 0 ? void 0 : listItem.value));
-    menu.push(null); // divider
-    if (addEmailNotification) {
-        menu.push({
-            text: i18next.t("email"),
-            icon: "email",
-            value: multiLanguage && addEmailLocalizedNotification ? "email_localized" /* ActionType.EMAIL_LOCALIZED */ : "email" /* ActionType.EMAIL */,
-            styleMap: { "--or-icon-fill": "#" + NOTIFICATION_COLOR }
-        });
-    }
-    if (addPushNotification) {
-        menu.push({
-            text: i18next.t("push-notification"),
-            icon: "cellphone-message",
-            value: multiLanguage && addPushLocalizedNotification ? "push_localized" /* ActionType.PUSH_LOCALIZED */ : "push" /* ActionType.PUSH_NOTIFICATION */,
-            styleMap: { "--or-icon-fill": "#" + NOTIFICATION_COLOR }
-        });
-    }
-    if (addWait) {
-        menu.push({
-            text: i18next.t("wait"),
-            icon: "timer",
-            value: "wait" /* ActionType.WAIT */,
-            styleMap: { "--or-icon-fill": "#" + WAIT_COLOR }
-        });
-    }
-    if (addAlarm) {
-        menu.push({
-            text: i18next.t("alarm."),
-            icon: "bell-outline",
-            value: "alarm" /* ActionType.ALARM */,
-            styleMap: { "--or-icon-fill": "#" + ALARM_COLOR }
-        });
-    }
-    if (addWebhook) {
-        menu.push({
-            text: i18next.t("webhook"),
-            icon: "webhook",
-            value: "webhook" /* ActionType.WEBHOOK */,
-            styleMap: { "--or-icon-fill": "#" + NOTIFICATION_COLOR }
-        });
-    }
-    return menu;
-}
-export var RecurrenceOption;
-(function (RecurrenceOption) {
-    RecurrenceOption["ALWAYS"] = "always";
-    RecurrenceOption["ONCE"] = "once";
-    RecurrenceOption["ONCE_PER_HOUR"] = "oncePerHour";
-    RecurrenceOption["ONCE_PER_DAY"] = "oncePerDay";
-    RecurrenceOption["ONCE_PER_WEEK"] = "oncePerWeek";
-})(RecurrenceOption || (RecurrenceOption = {}));
-function getRecurrenceMenu(config) {
-    if (config && config.controls && config.controls.allowedRecurrenceOptions) {
-        return config.controls.allowedRecurrenceOptions.map((value) => {
-            return {
-                text: i18next.t(value),
-                value: value
-            };
-        });
-    }
-    return Object.values(RecurrenceOption).map((value) => {
-        return {
-            text: i18next.t(value),
-            value: value
-        };
-    });
-}
-// language=CSS
-const style = css `
-
-    :host {
-        display: flex;
-        width: 100%;
-        flex-direction: column;
-    }
-        
-    ${buttonStyle}
-    
-    .rule-action {
-        display: flex;
-        margin: 10px 0;
-    }
-    
-    .rule-action-wrapper {
-        flex-grow: 1;
-        display: flex;
-        align-items: baseline;
-    }
-    
-    .rule-action > button {
-        flex-grow: 0;
-    }
-
-    .rule-action:hover .button-clear {
-        visibility: visible;
-    }
-
-    or-panel:hover .remove-button.button-clear {
-        visibility: visible;
-    }
-            
-    or-panel {
-        position: relative;
-        margin: 10px 10px 20px 10px;
-    }
-    
-    #type-selector {
-        margin-top: 10px;
-    }    
-        
-    .add-button-wrapper {
-        display: flex;
-        align-items: center;
-        white-space: nowrap;
-    }
-    
-    .add-button-wrapper > * {
-        margin-right: 6px;
-    }
-    
-    .add-button-wrapper or-mwc-menu {
-        text-transform: capitalize;
-    }
-    
-    #type {
-        white-space: nowrap;
-        margin: 4px 3px auto 0;
-        text-transform: capitalize;
-    }
-    
-    .rule-recurrence {
-        position: absolute;
-        top: 5px;
-        right: 0;
-    }
-   
-`;
-let OrRuleThenOtherwise = class OrRuleThenOtherwise extends translate(i18next)(LitElement) {
-    static get styles() {
-        return style;
-    }
-    get thenAllowAdd() {
-        return !this.config || !this.config.controls || this.config.controls.hideThenAddAction !== true;
-    }
-    ruleRecurrenceTemplate(reset, readonly) {
-        let recurrenceTemplate = ``;
-        const buttonColor = "inherit";
-        let value = RecurrenceOption.ONCE;
-        if (reset) {
-            if (reset.mins === undefined || reset.mins === null) {
-                value = RecurrenceOption.ONCE;
-            }
-            else if (reset.mins === 0) {
-                value = RecurrenceOption.ALWAYS;
-            }
-            else if (reset.mins === 60) {
-                value = RecurrenceOption.ONCE_PER_HOUR;
-            }
-            else if (reset.mins === 1440) {
-                value = RecurrenceOption.ONCE_PER_DAY;
-            }
-            else if (reset.mins === 10080) {
-                value = RecurrenceOption.ONCE_PER_WEEK;
-            }
-        }
-        if (readonly) {
-            recurrenceTemplate = html `
-                <div style="--or-mwc-input-color: ${buttonColor}; margin-right: 6px;">
-                    <or-mwc-input .type="${InputType.BUTTON}" label="${value}"></or-mwc-input>
-                </div>
-            `;
-        }
-        else {
-            recurrenceTemplate = html `
-                <div style="--or-mwc-input-color: ${buttonColor}; margin-right: 6px;">
-                    ${getContentWithMenuTemplate(html `<or-mwc-input .type="${InputType.BUTTON}" label="${value}"></or-mwc-input>`, getRecurrenceMenu(this.config), value, (value) => this.setRecurrenceOption(value))}
-                </div>
-            `;
-        }
-        return html `
-            <div class="rule-recurrence">
-                ${recurrenceTemplate}
-            </div>
-        `;
-    }
-    ruleActionTemplate(actions, action, readonly) {
-        const showTypeSelect = !this.config || !this.config.controls || this.config.controls.hideActionTypeOptions !== true;
-        const type = this.getActionType(action);
-        if (!type && !showTypeSelect) {
-            return html `<span>INVALID CONFIG - NO TYPE SPECIFIED AND TYPE SELECTOR DISABLED</span>`;
-        }
-        let typeTemplate = ``;
-        let template = ``;
-        const thenAllowRemove = !this.readonly && (this.thenAllowAdd || this.rule.then.length > 1);
-        if (showTypeSelect) {
-            let buttonIcon;
-            let buttonColor = "inherit";
-            if (action.action) {
-                switch (action.action) {
-                    case "wait" /* ActionType.WAIT */:
-                        buttonIcon = "timer";
-                        buttonColor = WAIT_COLOR;
-                        break;
-                    case "webhook" /* ActionType.WEBHOOK */:
-                        buttonIcon = "webhook";
-                        buttonColor = NOTIFICATION_COLOR;
-                        break;
-                    case "notification":
-                        action = action;
-                        if (type === "push" /* ActionType.PUSH_NOTIFICATION */ || type === "push_localized" /* ActionType.PUSH_LOCALIZED */) {
-                            buttonIcon = "cellphone-message";
-                            buttonColor = NOTIFICATION_COLOR;
-                        }
-                        else {
-                            buttonIcon = "email";
-                            buttonColor = NOTIFICATION_COLOR;
-                        }
-                        break;
-                    case "alarm" /* ActionType.ALARM */:
-                        buttonIcon = "bell-outline";
-                        buttonColor = ALARM_COLOR;
-                        break;
-                    default:
-                        const ad = AssetModelUtil.getAssetDescriptor(type);
-                        buttonIcon = AssetModelUtil.getAssetDescriptorIcon(ad);
-                        buttonColor = AssetModelUtil.getAssetDescriptorColour(ad) || buttonColor;
-                        break;
-                }
-            }
-            if (readonly) {
-                typeTemplate = html `
-                    <div id="type" style="--or-mwc-input-color: #${buttonColor}">
-                        <or-mwc-input type="${InputType.BUTTON}" .icon="${buttonIcon || ""}"></or-mwc-input>
-                    </div>
-                `;
-            }
-            else {
-                typeTemplate = html `
-                    <div id="type" style="--or-mwc-input-color: #${buttonColor}">
-                        ${getContentWithMenuTemplate(html `<or-mwc-input type="${InputType.BUTTON}" .icon="${buttonIcon || ""}"></or-mwc-input>`, getActionTypesMenu(this.config, this.assetInfos), action.action, (value) => this.setActionType(actions, action, value))}
-                    </div>
-                `;
-            }
-        }
-        if (type) {
-            switch (type) {
-                case "wait" /* ActionType.WAIT */:
-                    template = html `<span>WAIT NOT IMPLEMENTED</span>`;
-                    break;
-                case "push" /* ActionType.PUSH_NOTIFICATION */:
-                case "push_localized" /* ActionType.PUSH_LOCALIZED */:
-                case "email" /* ActionType.EMAIL */:
-                case "email_localized" /* ActionType.EMAIL_LOCALIZED */:
-                    const id = type + "-notification";
-                    template = html `<or-rule-action-notification id="${id}" .rule="${this.rule}" .action="${action}" .actionType="${type}" .config="${this.config}" .assetInfos="${this.assetInfos}" .readonly="${this.readonly}"></or-rule-action-notification>`;
-                    break;
-                case "webhook" /* ActionType.WEBHOOK */:
-                    template = html `<or-rule-action-webhook .rule="${this.rule}" .action="${action}" .actionType="${"webhook" /* ActionType.WEBHOOK */}"></or-rule-action-webhook>`;
-                    break;
-                case "alarm" /* ActionType.ALARM */:
-                    template = html `<or-rule-action-alarm .rule="${this.rule}" .action="${action}" .actionType="${"alarm" /* ActionType.ALARM */}"></or-rule-action-alarm>`;
-                    break;
-                default:
-                    template = html `<or-rule-action-attribute .action="${action}" .targetTypeMap="${this.targetTypeMap}" .config="${this.config}" .assetInfos="${this.assetInfos}" .assetProvider="${this.assetProvider}" .readonly="${this.readonly}"></or-rule-action-attribute>`;
-                    break;
-            }
-        }
-        return html `
-            <div class="rule-action">
-                <div class="rule-action-wrapper">
-                    ${typeTemplate}
-                    ${template}
-                </div>
-                    ${thenAllowRemove ? html `
-                        <button class="button-clear" @click="${() => this.removeAction(action)}"><or-icon icon="close-circle"></or-icon></input>
-                    ` : ``}
-            </div>
-        `;
-    }
-    render() {
-        const thenAllowAdd = !this.readonly && (this.thenAllowAdd || this.rule.then.length > 1);
-        return html `
-            <div>
-                <or-panel .heading="${i18next.t("then")}...">
-                    ${this.ruleRecurrenceTemplate(this.rule.recurrence, this.readonly)}
-
-                    ${!this.rule.then ? `` : this.rule.then.map((action) => this.ruleActionTemplate(this.rule.then, action, this.readonly))}
-                    ${thenAllowAdd ? html `
-                        <span class="add-button-wrapper">
-                            ${getContentWithMenuTemplate(html `<or-mwc-input class="plus-button" type="${InputType.BUTTON}" icon="plus"
-                                                   .label="${i18next.t("rulesEditorAddAction")}"></or-mwc-input>`, getActionTypesMenu(this.config, this.assetInfos), undefined, (value) => this.addAction(value))}
-                        </span>
-                    ` : ``}
-                </or-panel>
-            </div>
-        `;
-    }
-    getActionType(action) {
-        switch (action.action) {
-            case "wait":
-                break;
-            case "webhook":
-                return action.action;
-                break;
-            case "notification":
-                const type = action.notification && action.notification.message && action.notification.message.type ? action.notification.message.type : action.action;
-                if (type === "localized") {
-                    const messages = Object.values(action.notification.message.languages);
-                    if (messages && messages.length > 0) {
-                        return messages[0].type + "_localized";
-                    }
-                }
-                return type;
-                break;
-            case "alarm":
-                return action.action;
-                break;
-            case "write-attribute":
-            case "update-attribute":
-                if (!action.target) {
-                    return;
-                }
-                if (action.target.matchedAssets) {
-                    return getAssetTypeFromQuery(action.target.matchedAssets);
-                }
-                if (action.target.assets) {
-                    return getAssetTypeFromQuery(action.target.assets);
-                }
-                break;
-        }
-    }
-    setRecurrenceOption(value) {
-        switch (value) {
-            case RecurrenceOption.ALWAYS:
-                this.rule.recurrence = { mins: 0 };
-                break;
-            case RecurrenceOption.ONCE_PER_HOUR:
-                this.rule.recurrence = { mins: 60 };
-                break;
-            case RecurrenceOption.ONCE_PER_DAY:
-                this.rule.recurrence = { mins: 1440 };
-                break;
-            case RecurrenceOption.ONCE_PER_WEEK:
-                this.rule.recurrence = { mins: 10080 };
-                break;
-            case RecurrenceOption.ONCE:
-            default:
-                delete this.rule.recurrence;
-                break;
-        }
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-    setActionType(actions, action, value) {
-        var _a, _b, _c, _d, _e, _f;
-        action.target = undefined;
-        switch (action.action) {
-            case "wait":
-                action.millis = undefined;
-                break;
-            case "webhook":
-                break;
-            case "write-attribute":
-                action.value = undefined;
-                action.attributeName = undefined;
-                break;
-            case "notification":
-                action.notification = undefined;
-                break;
-            case "alarm":
-                action.alarm = undefined;
-                action.assigneeId = undefined;
-                break;
-            case "update-attribute":
-                action.value = undefined;
-                action.attributeName = undefined;
-                action.index = undefined;
-                action.key = undefined;
-                action.updateAction = undefined;
-                break;
-        }
-        if (value === "wait" /* ActionType.WAIT */) {
-            action.action = "wait";
-        }
-        else if (value == "alarm" /* ActionType.ALARM */) {
-            action = action;
-            action.action = "alarm";
-            action.alarm = {
-                title: "%RULESET_NAME%",
-                content: "%TRIGGER_ASSETS%",
-                severity: "LOW" /* AlarmSeverity.LOW */,
-                status: "OPEN" /* AlarmStatus.OPEN */
-            };
-            action.assigneeId = undefined;
-        }
-        else if (value == "webhook" /* ActionType.WEBHOOK */) {
-            action = action;
-            action.action = "webhook";
-            action.webhook = {
-                httpMethod: "POST" /* HTTPMethod.POST */,
-                payload: JSON.stringify({
-                    rule: "%RULESET_NAME%",
-                    assets: "%TRIGGER_ASSETS%"
-                }, null, 4)
-            };
-        }
-        else if (value === "email" /* ActionType.EMAIL */) {
-            action = action;
-            action.action = "notification";
-            action.notification = {
-                name: this.rule.name,
-                message: {
-                    type: "email",
-                    subject: "%RULESET_NAME%",
-                    html: "%TRIGGER_ASSETS%"
-                }
-            };
-        }
-        else if (value === "push" /* ActionType.PUSH_NOTIFICATION */) {
-            action = action;
-            action.action = "notification";
-            action.notification = {
-                name: this.rule.name,
-                message: {
-                    type: "push",
-                    title: "%RULESET_NAME%",
-                    body: "%TRIGGER_ASSETS%",
-                    action: {
-                        openInBrowser: false
-                    }
-                }
-            };
-        }
-        else if (value === "email_localized" /* ActionType.EMAIL_LOCALIZED */ || value === "push_localized" /* ActionType.PUSH_LOCALIZED */) {
-            action = action;
-            action.action = "notification";
-            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 || "en";
-            const languages = {};
-            if (value === "email_localized" /* ActionType.EMAIL_LOCALIZED */) {
-                languages[locale] = {
-                    type: "email",
-                    subject: "%RULESET_NAME%",
-                    html: "%TRIGGER_ASSETS%"
-                };
-            }
-            else {
-                languages[locale] = {
-                    type: "push",
-                    title: "%RULESET_NAME%",
-                    body: "%TRIGGER_ASSETS%",
-                    action: {
-                        openInBrowser: false
-                    }
-                };
-            }
-            action.notification = {
-                name: this.rule.name,
-                message: {
-                    type: "localized",
-                    defaultLanguage: locale,
-                    languages: languages
-                }
-            };
-        }
-        else {
-            action.action = "write-attribute";
-            action.target = {
-                matchedAssets: {
-                    types: [
-                        value
-                    ]
-                }
-            };
-        }
-        const index = actions.indexOf(action);
-        actions[index] = Object.assign({}, action);
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-    removeAction(action) {
-        if (!this.rule || !this.rule.then || !action) {
-            return;
-        }
-        const index = this.rule.then.indexOf(action);
-        if (index >= 0) {
-            this.rule.then.splice(index, 1);
-            this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-            this.requestUpdate();
-        }
-    }
-    addAction(type, otherwise) {
-        if (!this.rule) {
-            return;
-        }
-        let actionArray;
-        let newAction = {
-            action: "write-attribute"
-        };
-        let template;
-        const templateConfig = this.config && this.config.json ? this.config.json : undefined;
-        if (!otherwise) {
-            if (!this.rule.then) {
-                this.rule.then = [];
-            }
-            actionArray = this.rule.then;
-            template = templateConfig && templateConfig.then ? templateConfig.then : undefined;
-        }
-        else {
-            if (!this.rule.otherwise) {
-                this.rule.otherwise = [];
-            }
-            actionArray = this.rule.otherwise;
-            template = templateConfig && templateConfig.otherwise ? templateConfig.otherwise : undefined;
-        }
-        if (template) {
-            newAction = JSON.parse(JSON.stringify(template));
-        }
-        if (type) {
-            this.setActionType(actionArray, newAction, type);
-        }
-        actionArray.push(newAction);
-        this.dispatchEvent(new OrRulesJsonRuleChangedEvent());
-        this.requestUpdate();
-    }
-};
-__decorate([
-    property({ type: Array, attribute: false })
-], OrRuleThenOtherwise.prototype, "targetTypeMap", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], OrRuleThenOtherwise.prototype, "rule", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrRuleThenOtherwise.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], OrRuleThenOtherwise.prototype, "assetInfos", void 0);
-__decorate([
-    property({ type: Object })
-], OrRuleThenOtherwise.prototype, "assetProvider", void 0);
-OrRuleThenOtherwise = __decorate([
-    customElement("or-rule-then-otherwise")
-], OrRuleThenOtherwise);
-//# sourceMappingURL=or-rule-then-otherwise.js.map
+var __decorate=this&&this.__decorate||function(e,t,i,o){var r,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,i,a):r(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};import{css as e,html as t,LitElement as i}from"lit";import{customElement as o,property as r}from"lit/decorators.js";import{buttonStyle as n}from"../style";import"./or-rule-asset-query";import{getAssetTypeFromQuery as a}from"../index";import{OrRulesJsonRuleChangedEvent as s}from"./or-rule-json-viewer";import{AssetModelUtil as l}from"@openremote/model";import c from"i18next";import{InputType as u}from"@openremote/or-mwc-components/or-mwc-input";import{getContentWithMenuTemplate as p}from"@openremote/or-mwc-components/or-mwc-menu";import{manager as h,Util as d}from"@openremote/core";import"./or-rule-action-attribute";import"./or-rule-action-notification";import"./or-rule-action-webhook";import"./or-rule-action-alarm";import{translate as m}from"@openremote/or-translate";let NOTIFICATION_COLOR="4B87EA",WAIT_COLOR="EACC54",ALARM_COLOR="FC2D2D";function getActionTypesMenu(e,t){let i=!0,o=!0,r=!0,n=!0,a=!0,s=!0,u=!0,p=!0,m=!1;e&&e.controls&&e.controls.allowedActionTypes&&(i=e.controls.allowedActionTypes.indexOf("attribute")>=0,o=e.controls.allowedActionTypes.indexOf("wait")>=0,r=e.controls.allowedActionTypes.indexOf("alarm")>=0,n=e.controls.allowedActionTypes.indexOf("email")>=0,a=e.controls.allowedActionTypes.indexOf("email_localized")>=0,s=e.controls.allowedActionTypes.indexOf("push")>=0,u=e.controls.allowedActionTypes.indexOf("push_localized")>=0,p=e.controls.allowedActionTypes.indexOf("webhook")>=0),(null==e?void 0:e.notifications)&&(m=Object.entries(e.notifications).filter(e=>(e[0]===h.displayRealm||"default"===e[0])&&void 0!==e[1]).length>0);let f=[];return i&&t&&f.push(...t.filter(e=>"agent"!==e.assetDescriptor.descriptorType).map(e=>{let t=l.getAssetDescriptorColour(e),i=l.getAssetDescriptorIcon(e);return{text:d.getAssetTypeLabel(e.assetDescriptor),value:e.assetDescriptor.name,icon:i||l.getAssetDescriptorIcon("ThingAsset"),styleMap:t?{"--or-icon-fill":"#"+t}:void 0}})),f.sort(d.sortByString(e=>null==e?void 0:e.value)),f.push(null),n&&f.push({text:c.t("email"),icon:"email",value:m&&a?"email_localized":"email",styleMap:{"--or-icon-fill":"#"+NOTIFICATION_COLOR}}),s&&f.push({text:c.t("push-notification"),icon:"cellphone-message",value:m&&u?"push_localized":"push",styleMap:{"--or-icon-fill":"#"+NOTIFICATION_COLOR}}),o&&f.push({text:c.t("wait"),icon:"timer",value:"wait",styleMap:{"--or-icon-fill":"#"+WAIT_COLOR}}),r&&f.push({text:c.t("alarm."),icon:"bell-outline",value:"alarm",styleMap:{"--or-icon-fill":"#"+ALARM_COLOR}}),p&&f.push({text:c.t("webhook"),icon:"webhook",value:"webhook",styleMap:{"--or-icon-fill":"#"+NOTIFICATION_COLOR}}),f}export var RecurrenceOption;function getRecurrenceMenu(e){return e&&e.controls&&e.controls.allowedRecurrenceOptions?e.controls.allowedRecurrenceOptions.map(e=>({text:c.t(e),value:e})):Object.values(RecurrenceOption).map(e=>({text:c.t(e),value:e}))}!function(e){e.ALWAYS="always",e.ONCE="once",e.ONCE_PER_HOUR="oncePerHour",e.ONCE_PER_DAY="oncePerDay",e.ONCE_PER_WEEK="oncePerWeek"}(RecurrenceOption||(RecurrenceOption={}));let style=e`
+
+    :host {
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+    }
+        
+    ${n}
+    
+    .rule-action {
+        display: flex;
+        margin: 10px 0;
+    }
+    
+    .rule-action-wrapper {
+        flex-grow: 1;
+        display: flex;
+        align-items: baseline;
+    }
+    
+    .rule-action > button {
+        flex-grow: 0;
+    }
+
+    .rule-action:hover .button-clear {
+        visibility: visible;
+    }
+
+    or-panel:hover .remove-button.button-clear {
+        visibility: visible;
+    }
+            
+    or-panel {
+        position: relative;
+        margin: 10px 10px 20px 10px;
+    }
+    
+    #type-selector {
+        margin-top: 10px;
+    }    
+        
+    .add-button-wrapper {
+        display: flex;
+        align-items: center;
+        white-space: nowrap;
+    }
+    
+    .add-button-wrapper > * {
+        margin-right: 6px;
+    }
+    
+    .add-button-wrapper or-mwc-menu {
+        text-transform: capitalize;
+    }
+    
+    #type {
+        white-space: nowrap;
+        margin: 4px 3px auto 0;
+        text-transform: capitalize;
+    }
+    
+    .rule-recurrence {
+        position: absolute;
+        top: 5px;
+        right: 0;
+    }
+   
+`,OrRuleThenOtherwise=class extends m(c)(i){static get styles(){return style}get thenAllowAdd(){return!this.config||!this.config.controls||!0!==this.config.controls.hideThenAddAction}ruleRecurrenceTemplate(e,i){let o="",r="inherit",n=RecurrenceOption.ONCE;return e&&(void 0===e.mins||null===e.mins?n=RecurrenceOption.ONCE:0===e.mins?n=RecurrenceOption.ALWAYS:60===e.mins?n=RecurrenceOption.ONCE_PER_HOUR:1440===e.mins?n=RecurrenceOption.ONCE_PER_DAY:10080===e.mins&&(n=RecurrenceOption.ONCE_PER_WEEK)),o=i?t`
+                <div style="--or-mwc-input-color: ${r}; margin-right: 6px;">
+                    <or-mwc-input .type="${u.BUTTON}" label="${n}"></or-mwc-input>
+                </div>
+            `:t`
+                <div style="--or-mwc-input-color: ${r}; margin-right: 6px;">
+                    ${p(t`<or-mwc-input .type="${u.BUTTON}" label="${n}"></or-mwc-input>`,getRecurrenceMenu(this.config),n,e=>this.setRecurrenceOption(e))}
+                </div>
+            `,t`
+            <div class="rule-recurrence">
+                ${o}
+            </div>
+        `}ruleActionTemplate(e,i,o){let r=!this.config||!this.config.controls||!0!==this.config.controls.hideActionTypeOptions,n=this.getActionType(i);if(!n&&!r)return t`<span>INVALID CONFIG - NO TYPE SPECIFIED AND TYPE SELECTOR DISABLED</span>`;let a="",s="",c=!this.readonly&&(this.thenAllowAdd||this.rule.then.length>1);if(r){let r,s="inherit";if(i.action)switch(i.action){case"wait":r="timer",s=WAIT_COLOR;break;case"webhook":r="webhook",s=NOTIFICATION_COLOR;break;case"notification":r="push"===n||"push_localized"===n?"cellphone-message":"email",s=NOTIFICATION_COLOR;break;case"alarm":r="bell-outline",s=ALARM_COLOR;break;default:let c=l.getAssetDescriptor(n);r=l.getAssetDescriptorIcon(c),s=l.getAssetDescriptorColour(c)||s}a=o?t`
+                    <div id="type" style="--or-mwc-input-color: #${s}">
+                        <or-mwc-input type="${u.BUTTON}" .icon="${r||""}"></or-mwc-input>
+                    </div>
+                `:t`
+                    <div id="type" style="--or-mwc-input-color: #${s}">
+                        ${p(t`<or-mwc-input type="${u.BUTTON}" .icon="${r||""}"></or-mwc-input>`,getActionTypesMenu(this.config,this.assetInfos),i.action,t=>this.setActionType(e,i,t))}
+                    </div>
+                `}if(n)switch(n){case"wait":s=t`<span>WAIT NOT IMPLEMENTED</span>`;break;case"push":case"push_localized":case"email":case"email_localized":let h=n+"-notification";s=t`<or-rule-action-notification id="${h}" .rule="${this.rule}" .action="${i}" .actionType="${n}" .config="${this.config}" .assetInfos="${this.assetInfos}" .readonly="${this.readonly}"></or-rule-action-notification>`;break;case"webhook":s=t`<or-rule-action-webhook .rule="${this.rule}" .action="${i}" .actionType="${"webhook"}"></or-rule-action-webhook>`;break;case"alarm":s=t`<or-rule-action-alarm .rule="${this.rule}" .action="${i}" .actionType="${"alarm"}"></or-rule-action-alarm>`;break;default:s=t`<or-rule-action-attribute .action="${i}" .targetTypeMap="${this.targetTypeMap}" .config="${this.config}" .assetInfos="${this.assetInfos}" .assetProvider="${this.assetProvider}" .readonly="${this.readonly}"></or-rule-action-attribute>`}return t`
+            <div class="rule-action">
+                <div class="rule-action-wrapper">
+                    ${a}
+                    ${s}
+                </div>
+                    ${c?t`
+                        <button class="button-clear" @click="${()=>this.removeAction(i)}"><or-icon icon="close-circle"></or-icon></input>
+                    `:""}
+            </div>
+        `}render(){let e=!this.readonly&&(this.thenAllowAdd||this.rule.then.length>1);return t`
+            <div>
+                <or-panel .heading="${c.t("then")}...">
+                    ${this.ruleRecurrenceTemplate(this.rule.recurrence,this.readonly)}
+
+                    ${!this.rule.then?"":this.rule.then.map(e=>this.ruleActionTemplate(this.rule.then,e,this.readonly))}
+                    ${e?t`
+                        <span class="add-button-wrapper">
+                            ${p(t`<or-mwc-input class="plus-button" type="${u.BUTTON}" icon="plus"
+                                                   .label="${c.t("rulesEditorAddAction")}"></or-mwc-input>`,getActionTypesMenu(this.config,this.assetInfos),void 0,e=>this.addAction(e))}
+                        </span>
+                    `:""}
+                </or-panel>
+            </div>
+        `}getActionType(e){switch(e.action){case"wait":break;case"webhook":case"alarm":return e.action;case"notification":let t=e.notification&&e.notification.message&&e.notification.message.type?e.notification.message.type:e.action;if("localized"===t){let t=Object.values(e.notification.message.languages);if(t&&t.length>0)return t[0].type+"_localized"}return t;case"write-attribute":case"update-attribute":if(!e.target)return;if(e.target.matchedAssets)return a(e.target.matchedAssets);if(e.target.assets)return a(e.target.assets)}}setRecurrenceOption(e){switch(e){case RecurrenceOption.ALWAYS:this.rule.recurrence={mins:0};break;case RecurrenceOption.ONCE_PER_HOUR:this.rule.recurrence={mins:60};break;case RecurrenceOption.ONCE_PER_DAY:this.rule.recurrence={mins:1440};break;case RecurrenceOption.ONCE_PER_WEEK:this.rule.recurrence={mins:10080};break;case RecurrenceOption.ONCE:default:delete this.rule.recurrence}this.dispatchEvent(new s),this.requestUpdate()}setActionType(e,t,i){var o,r,n,a,l,c;switch(t.target=void 0,t.action){case"wait":t.millis=void 0;break;case"webhook":break;case"write-attribute":t.value=void 0,t.attributeName=void 0;break;case"notification":t.notification=void 0;break;case"alarm":t.alarm=void 0,t.assigneeId=void 0;break;case"update-attribute":t.value=void 0,t.attributeName=void 0,t.index=void 0,t.key=void 0,t.updateAction=void 0}if("wait"===i)t.action="wait";else if("alarm"==i)t.action="alarm",t.alarm={title:"%RULESET_NAME%",content:"%TRIGGER_ASSETS%",severity:"LOW",status:"OPEN"},t.assigneeId=void 0;else if("webhook"==i)t.action="webhook",t.webhook={httpMethod:"POST",payload:JSON.stringify({rule:"%RULESET_NAME%",assets:"%TRIGGER_ASSETS%"},null,4)};else if("email"===i)t.action="notification",t.notification={name:this.rule.name,message:{type:"email",subject:"%RULESET_NAME%",html:"%TRIGGER_ASSETS%"}};else if("push"===i)t.action="notification",t.notification={name:this.rule.name,message:{type:"push",title:"%RULESET_NAME%",body:"%TRIGGER_ASSETS%",action:{openInBrowser:!1}}};else if("email_localized"===i||"push_localized"===i){t.action="notification";let e=(null==(n=null==(r=null==(o=this.config)?void 0:o.notifications)?void 0:r[h.displayRealm])?void 0:n.defaultLanguage)||(null==(c=null==(l=null==(a=this.config)?void 0:a.notifications)?void 0:l.default)?void 0:c.defaultLanguage)||h.config.defaultLanguage||"en",s={};"email_localized"===i?s[e]={type:"email",subject:"%RULESET_NAME%",html:"%TRIGGER_ASSETS%"}:s[e]={type:"push",title:"%RULESET_NAME%",body:"%TRIGGER_ASSETS%",action:{openInBrowser:!1}},t.notification={name:this.rule.name,message:{type:"localized",defaultLanguage:e,languages:s}}}else t.action="write-attribute",t.target={matchedAssets:{types:[i]}};let u=e.indexOf(t);e[u]=Object.assign({},t),this.dispatchEvent(new s),this.requestUpdate()}removeAction(e){if(!this.rule||!this.rule.then||!e)return;let t=this.rule.then.indexOf(e);t>=0&&(this.rule.then.splice(t,1),this.dispatchEvent(new s),this.requestUpdate())}addAction(e,t){let i,o;if(!this.rule)return;let r={action:"write-attribute"},n=this.config&&this.config.json?this.config.json:void 0;t?(this.rule.otherwise||(this.rule.otherwise=[]),i=this.rule.otherwise,o=n&&n.otherwise?n.otherwise:void 0):(this.rule.then||(this.rule.then=[]),i=this.rule.then,o=n&&n.then?n.then:void 0),o&&(r=JSON.parse(JSON.stringify(o))),e&&this.setActionType(i,r,e),i.push(r),this.dispatchEvent(new s),this.requestUpdate()}};__decorate([r({type:Array,attribute:!1})],OrRuleThenOtherwise.prototype,"targetTypeMap",void 0),__decorate([r({type:Object,attribute:!1})],OrRuleThenOtherwise.prototype,"rule",void 0),__decorate([r({type:Boolean})],OrRuleThenOtherwise.prototype,"readonly",void 0),__decorate([r({type:Object,attribute:!1})],OrRuleThenOtherwise.prototype,"assetInfos",void 0),__decorate([r({type:Object})],OrRuleThenOtherwise.prototype,"assetProvider",void 0),OrRuleThenOtherwise=__decorate([o("or-rule-then-otherwise")],OrRuleThenOtherwise);