@genesislcap/pbc-notify-ui 1.0.30 → 1.0.32

package/dist/esm/components/foundation-inbox/inbox-base/inbox-base.js

@@ -1,13 +1,13 @@
 import { __awaiter, __decorate } from "tslib";
-import { Auth } from "@genesislcap/foundation-comms";
-import { FASTElement, observable } from "@microsoft/fast-element";
-import { AlertService } from "../../../services/alert.service";
-import { RuleService } from "../../../services/rule.service";
-import { TemplateService } from "../../../services/template.service";
-import { AlertStatus, RuleStatus } from "../inbox.types";
-import { logger } from "../../../utils";
-import { InboxTab } from "../inbox.template";
-import { FoundationInboxService } from "../../../services/inbox.service";
+import { Auth } from '@genesislcap/foundation-comms';
+import { FASTElement, observable } from '@microsoft/fast-element';
+import { AlertService } from '../../../services/alert.service';
+import { FoundationInboxService } from '../../../services/inbox.service';
+import { RuleService } from '../../../services/rule.service';
+import { TemplateService } from '../../../services/template.service';
+import { logger } from '../../../utils';
+import { InboxTab } from '../inbox.template';
+import { AlertStatus, RuleStatus, } from '../inbox.types';
 export class FoundationInboxBase extends FASTElement {
     constructor() {
         super(...arguments);
@@ -59,9 +59,7 @@ export class FoundationInboxBase extends FASTElement {
     }
     // #region Tabs
     checkActiveTab(inboxTab) {
-        return this.tabs.activeid === inboxTab.toString()
-            ? ''
-            : 'display: none;';
+        return this.tabs.activeid === inboxTab.toString() ? '' : 'display: none;';
     }
     inboxTabChanged(inboxTab) {
         return __awaiter(this, void 0, void 0, function* () {

package/dist/esm/components/foundation-inbox/inbox.template.js

@@ -93,8 +93,7 @@ export const FoundationInboxTemplate = html `
         `)}
 
       <!-- Alerts -->
-      ${(_) => alertsTab(InboxTab.AlertsNew)}
-      ${(_) => alertsTab(InboxTab.AlertHistory)}
+      ${(_) => alertsTab(InboxTab.AlertsNew)} ${(_) => alertsTab(InboxTab.AlertHistory)}
       ${when((x) => { var _a; return (_a = x.auth.currentUser) === null || _a === void 0 ? void 0 : _a.hasPermission(NotifyPermission.NotificationRuleView); }, html `
           <!-- Rules -->
           <zero-tab-panel

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.js

@@ -1,104 +1,128 @@
 import { __awaiter, __decorate } from "tslib";
 import { customElement, FASTElement, observable } from '@microsoft/fast-element';
-import { SystemService } from '../../../../../../services/system.service';
-import { ConditionBuilderStyles as styles } from './rule-condition-builder.styles';
-import { ConditionBuilderTemplate as template } from './rule-condition-builder.template';
-import { RIGHT_CRITERIA, } from './rule-condition-builder.types';
-const name = 'rule-condition-builder';
+import { LogicalOperator, nullAndBlankLogicalOperatorValues, } from '../../../../../../notify.types';
+import { logger } from '../../../../../../utils';
+import { ConditionBuilderStyles } from '../../../../styles/condition-builder.styles';
+import { RuleConditionBuilderTemplate } from './rule-condition-builder.template';
+import { RightCriteria } from './rule-condition-builder.types';
 let RuleConditionBuilder = class RuleConditionBuilder extends FASTElement {
     constructor() {
         super(...arguments);
-        this.rightCriteria = RIGHT_CRITERIA.VALUE;
-        // Used to pause `changed` methods while populating with existing data
-        this.formActive = true;
+        this.leftValueItems = [];
+        this.rightCriteria = RightCriteria.VALUE;
+    }
+    deleteCondition() {
+        this.$emit('delete', this.condition);
     }
     conditionChanged() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.formActive = false;
-            if (this.resource) {
-                this.resourceFields = yield this.systemService.getFields(this.resource);
+            if (this.fields) {
+                this.leftValueItems = this.fields;
             }
             this.assignLeftValue();
             this.logicalOperator = this.condition.LOGICAL_OPERATOR;
             this.rightCriteria = this.condition.RIGHT_CRITERIA;
             this.assignRightValue();
-            this.formActive = true;
+            this.$emit('edit', this.condition);
         });
     }
+    fieldsChanged() {
+        if (!Array.isArray(this.fields) || !this.fields.length) {
+            return;
+        }
+        this.leftValueItems = this.fields;
+        this.leftValue = JSON.stringify(this.leftValueItems[0]);
+    }
     assignLeftValue() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.leftValue = this.condition.LEFT_VALUE
-                ? typeof this.condition.LEFT_VALUE === 'string'
-                    ? JSON.stringify(this.resourceFields.find((item) => item.FIELD_NAME === this.condition.LEFT_VALUE)) // Edit
-                    : JSON.stringify(this.condition.LEFT_VALUE)
-                : JSON.stringify(this.resourceFields[0]);
-            this.$emit('edit', this.condition);
-        });
+        // Add (fresh new; assign the 1st element)
+        if (!this.condition.LEFT_VALUE) {
+            this.leftValue = JSON.stringify(this.leftValueItems[0]);
+            return;
+        }
+        // Add (value changed)
+        if (typeof this.condition.LEFT_VALUE !== 'string') {
+            this.leftValue = JSON.stringify(this.condition.LEFT_VALUE);
+            return;
+        }
+        // Edit
+        this.leftValue = JSON.stringify(this.leftValueItems.find((item) => item.FIELD_NAME === this.condition.LEFT_VALUE));
     }
     assignRightValue() {
-        if (this.condition.RIGHT_CRITERIA === RIGHT_CRITERIA.VALUE) {
+        if (this.condition.RIGHT_CRITERIA === RightCriteria.VALUE) {
             this.rightValueText = this.condition.RIGHT_VALUE;
+            return;
         }
-        else {
-            this.rightValueUserEntry = null;
-        }
-        this.$emit('edit', this.condition);
+        this.rightValueSelect = null;
     }
     leftValueChanged() {
-        if (this.condition) {
-            this.condition.LEFT_VALUE = JSON.parse(this.leftValue);
-            this.$emit('edit', this.condition);
+        if (!this.condition) {
+            return;
         }
+        this.condition.LEFT_VALUE = JSON.parse(this.leftValue);
+        this.$emit('edit', this.condition);
     }
     logicalOperatorChanged() {
-        if (this.condition) {
-            this.condition.LOGICAL_OPERATOR = this.logicalOperator;
-            this.$emit('edit', this.condition);
+        if (!this.condition) {
+            return;
         }
+        if (nullAndBlankLogicalOperatorValues.includes(LogicalOperator[this.logicalOperator])) {
+            this.rightCriteria = RightCriteria.VALUE;
+            this.clearRightValueText();
+        }
+        this.condition.LOGICAL_OPERATOR = this.logicalOperator;
+        this.$emit('edit', this.condition);
     }
     rightCriteriaChanged() {
-        if (this.condition) {
-            this.condition.RIGHT_CRITERIA = this.rightCriteria;
-            if (this.condition.RIGHT_CRITERIA === RIGHT_CRITERIA.VALUE) {
-                this.rightValueText = '';
-            }
-            else {
-                this.rightValueUserEntry = this.resourceFields[0].FIELD_NAME;
-            }
-            this.$emit('edit', this.condition);
+        if (!this.condition) {
+            return;
         }
+        this.condition.RIGHT_CRITERIA = this.rightCriteria;
+        switch (this.rightCriteria) {
+            case RightCriteria.VALUE:
+                this.clearRightValueText();
+                break;
+            case RightCriteria.FIELD:
+                this.clearRightValueSelect();
+                break;
+            default:
+                logger.error(`Unknown RightCriteria: ${this.rightCriteria}`);
+                break;
+        }
+        this.$emit('edit', this.condition);
+    }
+    clearRightValueText() {
+        this.rightValueText = '';
+    }
+    clearRightValueSelect() {
+        this.rightValueSelect = this.fields[0].FIELD_NAME;
     }
     rightValueTextChanged() {
-        if (this.condition) {
-            this.condition.RIGHT_VALUE = this.rightValueText;
-            this.$emit('edit', this.condition);
+        if (!this.condition) {
+            return;
         }
+        this.condition.RIGHT_VALUE = this.rightValueText;
+        this.$emit('edit', this.condition);
     }
-    rightValueUserEntryChanged() {
-        if (this.condition) {
-            this.condition.RIGHT_VALUE = this.rightValueUserEntry;
-            this.$emit('edit', this.condition);
+    rightValueSelectChanged() {
+        if (!this.condition) {
+            return;
         }
-    }
-    deleteCondition() {
-        this.$emit('delete', this.condition);
+        this.condition.RIGHT_VALUE = this.rightValueSelect;
+        this.$emit('edit', this.condition);
     }
 };
-__decorate([
-    SystemService
-], RuleConditionBuilder.prototype, "systemService", void 0);
 __decorate([
     observable
 ], RuleConditionBuilder.prototype, "condition", void 0);
 __decorate([
     observable
-], RuleConditionBuilder.prototype, "resource", void 0);
+], RuleConditionBuilder.prototype, "fields", void 0);
 __decorate([
     observable
-], RuleConditionBuilder.prototype, "resourceFields", void 0);
+], RuleConditionBuilder.prototype, "leftValue", void 0);
 __decorate([
     observable
-], RuleConditionBuilder.prototype, "leftValue", void 0);
+], RuleConditionBuilder.prototype, "leftValueItems", void 0);
 __decorate([
     observable
 ], RuleConditionBuilder.prototype, "logicalOperator", void 0);
@@ -110,12 +134,12 @@ __decorate([
 ], RuleConditionBuilder.prototype, "rightValueText", void 0);
 __decorate([
     observable
-], RuleConditionBuilder.prototype, "rightValueUserEntry", void 0);
+], RuleConditionBuilder.prototype, "rightValueSelect", void 0);
 RuleConditionBuilder = __decorate([
     customElement({
-        name,
-        template,
-        styles,
+        name: 'rule-condition-builder',
+        template: RuleConditionBuilderTemplate,
+        styles: ConditionBuilderStyles,
     })
 ], RuleConditionBuilder);
 export { RuleConditionBuilder };

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.js

@@ -1,50 +1,64 @@
 import { sync } from '@genesislcap/foundation-utils';
-import { html, repeat } from '@microsoft/fast-element';
+import { html, repeat, when } from '@microsoft/fast-element';
 import { classNames } from '@microsoft/fast-web-utilities';
-import { ALL_LOGICAL_OPERATORS } from '../../../../types/logical-operator';
-import { RIGHT_CRITERIA } from './rule-condition-builder.types';
-export const ConditionBuilderTemplate = html `
+import { LogicalOperator, nullAndBlankLogicalOperatorValues } from '../../../../../../notify.types';
+import { RightCriteria } from './rule-condition-builder.types';
+export const RuleConditionBuilderTemplate = html `
   <div class="condition-builder">
     <zero-select
       :value=${sync((x) => x.leftValue)}
       :initialValue=${sync((x) => x.leftValue)}
       class="left-value"
     >
-      ${repeat((x) => x.resourceFields, html `
+      ${repeat((x) => x.fields, html `
           <zero-option value=${(x) => JSON.stringify(x)}>${(x) => x.FIELD_NAME}</zero-option>
         `)}
     </zero-select>
 
-    <zero-select class="logical-operator" :value=${sync((x) => x.logicalOperator)}>
-      ${repeat((x) => ALL_LOGICAL_OPERATORS, html `
-          <zero-option value=${(x) => x}>${(x) => x}</zero-option>
-        `)}
-    </zero-select>
-
-    <zero-select class="right-criteria" :value=${sync((x) => x.rightCriteria)}>
-      ${repeat((x) => Object.values(RIGHT_CRITERIA), html `
+    <zero-select
+      class="logical-operator${(x) => classNames([
+    '-null-and-blank',
+    nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),
+])}"
+      :value=${sync((x) => x.logicalOperator)}
+    >
+      ${repeat((_) => Object.values(LogicalOperator), html `
           <zero-option value=${(x) => x}>${(x) => x}</zero-option>
         `)}
     </zero-select>
 
-    <zero-text-field
-      class="right-criteria-value ${(x) => classNames(['display-none', x.rightCriteria !== RIGHT_CRITERIA.VALUE])}"
-      :value=${sync((x) => x.rightValueText)}
-      placeholder="Value"
-      autocomplete="off"
-    ></zero-text-field>
+    ${when((x) => !nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]), html `
+        <zero-select class="right-criteria" :value=${sync((x) => x.rightCriteria)}>
+          ${repeat((x) => Object.values(RightCriteria), html `
+              <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+            `)}
+        </zero-select>
 
-    <zero-select
-      class="right-criteria-user-entry ${(x) => classNames(['display-none', x.rightCriteria !== RIGHT_CRITERIA.FIELD])}"
-      :value=${sync((x) => x.rightValueUserEntry)}
-    >
-      ${repeat((x) => x.resourceFields, html `
-          <zero-option value=${(x) => x.FIELD_NAME}>${(x) => x.FIELD_NAME}</zero-option>
-        `)}
-    </zero-select>
+        ${when((x) => x.rightCriteria === RightCriteria.VALUE, html `
+            <zero-text-field
+              class="right-criteria-text"
+              :value=${sync((x) => x.rightValueText)}
+              placeholder="Value"
+              autocomplete="off"
+            ></zero-text-field>
+          `)}
+        ${when((x) => x.rightCriteria === RightCriteria.FIELD, html `
+            <zero-select class="right-criteria-select" :value=${sync((x) => x.rightValueSelect)}>
+              ${repeat((x) => x.fields, html `
+                  <zero-option value=${(x) => x.FIELD_NAME}>${(x) => x.FIELD_NAME}</zero-option>
+                `)}
+            </zero-select>
+          `)}
+      `)}
 
     <zero-button appearance="icon" class="delete" @click=${(x) => x.deleteCondition()}>
-      <zero-icon name="trash" part="icon"></zero-icon>
+      <zero-icon
+        style="opacity: 0.5"
+        variant="regular"
+        name="trash-alt"
+        size="lg"
+        part="icon"
+      ></zero-icon>
     </zero-button>
   </div>
 `;

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.types.js

@@ -1,4 +1,5 @@
-export const RIGHT_CRITERIA = {
-    VALUE: 'VALUE',
-    FIELD: 'FIELD',
-};
+export var RightCriteria;
+(function (RightCriteria) {
+    RightCriteria["VALUE"] = "VALUE";
+    RightCriteria["FIELD"] = "FIELD";
+})(RightCriteria || (RightCriteria = {}));

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.js

@@ -1,90 +1,103 @@
 import { __awaiter, __decorate } from "tslib";
-import { showNotification } from '@genesislcap/foundation-notifications';
-import { customElement, FASTElement, observable } from '@microsoft/fast-element';
+import { customElement, FASTElement, observable, volatile } from '@microsoft/fast-element';
+import { Assignment, defaultUpdateType, Severity, } from '../../../../../notify.types';
 import { NotifyService } from '../../../../../services/notify.service';
 import { RuleService } from '../../../../../services/rule.service';
 import { SystemService } from '../../../../../services/system.service';
 import { humanize } from '../../../../../utils';
-import { EXPRESSION_TYPE_PLACEHOLDER } from '../../../types/expression-type';
-import { LOGICAL_OPERATOR_EQUALS } from '../../../types/logical-operator';
-import { SEVERITY_INFORMATION } from '../../../types/severity';
-import { createAssignment, createConditions, getAssignmentValue, UUIDGenerator, } from '../../templates/template-dialog/template-dialog.utils';
-import { RIGHT_CRITERIA, } from './rule-condition-builder/rule-condition-builder.types';
-import { RuleDialogStyles } from './rule-dialog.styles';
+import { DynamicRuleUtils, RuleUtils, showNotificationError, isEmpty, } from '../../../notification-dashboard.utils';
+import { DynamicRuleDialogStyles } from '../../../styles/dynamic-rule.styles';
 import { RuleDialogTemplate } from './rule-dialog.template';
-import { defaultUpdateType, RuleDialogMode, } from './rule-dialog.types';
+import { RuleDialogMode } from './rule-dialog.types';
 let RuleDialog = class RuleDialog extends FASTElement {
     constructor() {
         super(...arguments);
-        this.resource = ''; // Tables + Views
+        this.resource = ''; // TODO: Tables + Views
         this.topic = '';
         this.severity = '';
         this.updateType = defaultUpdateType;
         this.conditions = [];
         this.resources = [];
+        this.fields = [];
+        this.requiredFields = () => [this.name, this.description, this.header, this.message];
     }
     openDialog(params) {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b, _c;
-            this.resources = yield this.systemService.getResources();
             this.topics = yield this.notifyService.getNotifyRouteTopics();
+            this.resources = yield this.systemService.getResources();
             this.ruleDialogMode = params.mode;
             switch (params.mode) {
                 case RuleDialogMode.CREATE:
-                    this.conditions.push(this.createEmptyCondition());
-                    this.resource = this.resources[0];
-                    this.resourceFields = yield this.systemService.getFields(this.resource);
-                    this.topic = this.topics[0];
-                    this.severity = SEVERITY_INFORMATION;
-                    this.updateType = defaultUpdateType;
+                    yield this.createRule();
                     break;
                 case RuleDialogMode.EDIT:
-                    const rule = params.data;
-                    this.ruleId = rule.DYNAMIC_RULE_ID;
-                    this.name = rule.RULE_NAME;
-                    this.description = rule.RULE_DESCRIPTION;
-                    this.resource = rule.RULE_TABLE;
-                    this.updateType = rule.TABLE_OPERATIONS;
-                    // Conditions
-                    this.conditions = (_a = rule.RULE_EXPRESSION.CONDITIONS) === null || _a === void 0 ? void 0 : _a.map((condition) => {
-                        var _a, _b;
-                        return {
-                            ID: UUIDGenerator.createUuid(),
-                            LEFT_VALUE: (_a = condition.LEFT.VALUE) !== null && _a !== void 0 ? _a : condition.LEFT.NAME,
-                            LOGICAL_OPERATOR: condition.OPERATION,
-                            RIGHT_CRITERIA: condition.RIGHT.TYPE === 'FIELD' ? RIGHT_CRITERIA.FIELD : RIGHT_CRITERIA.VALUE,
-                            RIGHT_VALUE: condition.RIGHT.TYPE === EXPRESSION_TYPE_PLACEHOLDER
-                                ? condition.RIGHT.KEY
-                                : (_b = condition.RIGHT.VALUE) !== null && _b !== void 0 ? _b : condition.RIGHT.NAME,
-                        };
-                    });
-                    // Assignments
-                    const assignments = (_b = rule.RESULT_EXPRESSION) === null || _b === void 0 ? void 0 : _b.ASSIGNMENTS;
-                    if (assignments) {
-                        this.header = getAssignmentValue(assignments, 'HEADER');
-                        this.message = getAssignmentValue(assignments, 'BODY');
-                        this.severity = (_c = getAssignmentValue(assignments, 'NOTIFY_SEVERITY')) === null || _c === void 0 ? void 0 : _c.toUpperCase();
-                        this.topic = getAssignmentValue(assignments, 'TOPIC');
-                    }
+                    yield this.editRule(params.data);
                     break;
             }
             this.dialog.show();
         });
     }
+    close() {
+        // Objects
+        this.ruleId = null;
+        this.name = null;
+        this.description = null;
+        this.header = null;
+        this.message = null;
+        this.resource = null;
+        this.topic = null;
+        this.severity = null;
+        this.ruleDialogMode = null;
+        // Arrays
+        this.resources = [];
+        this.topics = [];
+        this.conditions = [];
+        this.updateType = [];
+        this.dialog.close();
+        this.$emit('close');
+    }
+    createRule() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.conditions.push(DynamicRuleUtils.createEmptyCondition());
+            this.resource = this.resources[0];
+            this.fields = yield this.systemService.getFields(this.resource);
+            this.topic = this.topics[0];
+            this.severity = Severity.INFORMATION;
+            this.updateType = defaultUpdateType;
+        });
+    }
+    editRule(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const rule = data;
+            this.ruleId = rule.DYNAMIC_RULE_ID;
+            this.name = rule.RULE_NAME;
+            this.description = rule.RULE_DESCRIPTION;
+            this.resource = rule.RULE_TABLE;
+            this.updateType = rule.TABLE_OPERATIONS;
+            this.fields = yield this.systemService.getFields(this.resource);
+            this.conditions = RuleUtils.getConditions(rule.RULE_EXPRESSION.CONDITIONS);
+            this.attributeAssignments((_a = rule.RESULT_EXPRESSION) === null || _a === void 0 ? void 0 : _a.ASSIGNMENTS);
+        });
+    }
+    attributeAssignments(assignments) {
+        var _a;
+        if (!assignments || !assignments.length) {
+            return;
+        }
+        this.header = DynamicRuleUtils.getAssignmentValue(assignments, Assignment.HEADER);
+        this.message = DynamicRuleUtils.getAssignmentValue(assignments, Assignment.BODY);
+        this.severity = (_a = DynamicRuleUtils.getAssignmentValue(assignments, Assignment.NOTIFY_SEVERITY)) === null || _a === void 0 ? void 0 : _a.toUpperCase();
+        this.topic = DynamicRuleUtils.getAssignmentValue(assignments, Assignment.TOPIC);
+    }
     get ruleDialogTitle() {
         return `${this.ruleDialogMode === RuleDialogMode.CREATE ? 'Create' : 'Edit'} Rule`;
     }
     submit() {
-        const rule = Object.assign(Object.assign({}, (this.ruleDialogMode === RuleDialogMode.EDIT && { DYNAMIC_RULE_ID: this.ruleId })), { RULE_NAME: this.name, RULE_DESCRIPTION: this.description, RULE_TABLE: this.resource, TABLE_OPERATIONS: this.updateType, RULE_EXPRESSION: {
-                CONDITIONS: createConditions(this.conditions, null),
-            }, RESULT_EXPRESSION: {
-                ASSIGNMENTS: [
-                    createAssignment('TOPIC', this.topic),
-                    createAssignment('HEADER', this.header),
-                    createAssignment('BODY', this.message),
-                    createAssignment('NOTIFY_SEVERITY', humanize(this.severity)),
-                ],
-            } });
+        if (this.requiredFields().some((value) => isEmpty(value))) {
+            return;
+        }
+        const rule = this.createRuleObject();
         switch (this.ruleDialogMode) {
             case RuleDialogMode.CREATE:
                 this.ruleService.createRule(rule).then((response) => this.validateResponse(response));
@@ -94,40 +107,34 @@ let RuleDialog = class RuleDialog extends FASTElement {
                 break;
         }
     }
+    createRuleObject() {
+        return Object.assign(Object.assign({}, (this.ruleDialogMode === RuleDialogMode.EDIT && { DYNAMIC_RULE_ID: this.ruleId })), { RULE_NAME: this.name, RULE_DESCRIPTION: this.description, RULE_TABLE: this.resource, TABLE_OPERATIONS: this.updateType, RULE_EXPRESSION: {
+                CONDITIONS: DynamicRuleUtils.createConditions(this.conditions),
+            }, RESULT_EXPRESSION: {
+                ASSIGNMENTS: [
+                    DynamicRuleUtils.createAssignment(Assignment.TOPIC, this.topic),
+                    DynamicRuleUtils.createAssignment(Assignment.HEADER, this.header),
+                    DynamicRuleUtils.createAssignment(Assignment.BODY, this.message),
+                    DynamicRuleUtils.createAssignment(Assignment.NOTIFY_SEVERITY, humanize(this.severity)),
+                ],
+            } });
+    }
     validateResponse(response) {
-        var _a, _b;
         if (response.MESSAGE_TYPE === 'EVENT_ACK') {
             this.close();
             return;
         }
-        showNotification({
-            title: (_a = response.ERROR[0]) === null || _a === void 0 ? void 0 : _a.CODE,
-            body: (_b = response.ERROR[0]) === null || _b === void 0 ? void 0 : _b.TEXT,
-            config: {
-                snackbar: {
-                    type: 'error',
-                },
-            },
-        }, 'zero');
+        showNotificationError(response.ERROR);
     }
-    close() {
-        this.dialog.close();
-        this.ruleId = null;
-        this.name = null;
-        this.description = null;
-        this.header = null;
-        this.message = null;
-        this.resource = null;
-        this.resources = [];
-        this.topic = null;
-        this.topics = [];
-        this.severity = null;
-        this.updateType = defaultUpdateType;
-        this.conditions = [];
+    resourceChanged() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.conditions = [DynamicRuleUtils.createEmptyCondition()];
+            this.fields = yield this.systemService.getFields(this.resource);
+        });
     }
     // #region Condition
     newCondition() {
-        this.conditions.push(this.createEmptyCondition());
+        this.conditions.push(DynamicRuleUtils.createEmptyCondition());
     }
     editCondition(editedCondition) { }
     deleteCondition(deletedCondition) {
@@ -137,20 +144,8 @@ let RuleDialog = class RuleDialog extends FASTElement {
         this.conditions = this.conditions.filter((condition) => condition !== deletedCondition);
     }
     // #endregion
-    resourceChanged() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.conditions = [this.createEmptyCondition()];
-            this.resourceFields = yield this.systemService.getFields(this.resource);
-        });
-    }
-    createEmptyCondition() {
-        return {
-            ID: null,
-            LEFT_VALUE: null,
-            LOGICAL_OPERATOR: LOGICAL_OPERATOR_EQUALS,
-            RIGHT_CRITERIA: RIGHT_CRITERIA.VALUE,
-            RIGHT_VALUE: null,
-        };
+    get validateRequiredFields() {
+        return this.requiredFields().some((value) => isEmpty(value));
     }
 };
 __decorate([
@@ -177,12 +172,6 @@ __decorate([
 __decorate([
     observable
 ], RuleDialog.prototype, "topic", void 0);
-__decorate([
-    observable
-], RuleDialog.prototype, "topics", void 0);
-__decorate([
-    observable
-], RuleDialog.prototype, "resourceFields", void 0);
 __decorate([
     observable
 ], RuleDialog.prototype, "severity", void 0);
@@ -201,11 +190,20 @@ __decorate([
 __decorate([
     observable
 ], RuleDialog.prototype, "resources", void 0);
+__decorate([
+    observable
+], RuleDialog.prototype, "fields", void 0);
+__decorate([
+    observable
+], RuleDialog.prototype, "topics", void 0);
+__decorate([
+    volatile
+], RuleDialog.prototype, "validateRequiredFields", null);
 RuleDialog = __decorate([
     customElement({
         name: 'rule-dialog',
         template: RuleDialogTemplate,
-        styles: RuleDialogStyles,
+        styles: DynamicRuleDialogStyles,
     })
 ], RuleDialog);
 export { RuleDialog };