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

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

@@ -1,113 +1,609 @@
-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);
+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