@genesislcap/pbc-notify-ui 1.0.0

package/dist/dts/services/rule-template.service.d.ts

@@ -0,0 +1,10 @@
+import { RuleTemplateEntity } from '../components/foundation-notification-dashboard/components/template-dialog/template-dialog.types';
+export interface RuleTemplateServiceInterface {
+    createRuleTemplate(ruleTemplate: RuleTemplateEntity): Promise<any>;
+    editRuleTemplate(ruleTemplate: RuleTemplateEntity): Promise<any>;
+    getRuleTemplates(): any;
+    getRuleTemplateDetails(dynamicRuleId: string): any;
+    deleteRuleTemplate(dynamicRuleId: string): any;
+}
+export declare const RuleTemplateService: import("@microsoft/fast-foundation").InterfaceSymbol<RuleTemplateServiceInterface>;
+//# sourceMappingURL=rule-template.service.d.ts.map

package/dist/dts/services/rule-template.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rule-template.service.d.ts","sourceRoot":"","sources":["../../../src/services/rule-template.service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kGAAkG,CAAC;AAEtI,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,YAAY,EAAE,kBAAkB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACnE,gBAAgB,CAAC,YAAY,EAAE,kBAAkB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;IAChE,gBAAgB,QAAG;IACnB,sBAAsB,CAAC,aAAa,EAAE,MAAM,OAAE;IAC9C,kBAAkB,CAAC,aAAa,EAAE,MAAM,OAAE;CAC3C;AA4DD,eAAO,MAAM,mBAAmB,oFAE/B,CAAC"}

package/dist/dts/services/rule.service.d.ts

@@ -0,0 +1,15 @@
+import { Message } from '@genesislcap/foundation-comms';
+import { Rule } from '../components/foundation-notification-dashboard/components/rule-dialog';
+export interface RuleServiceInterface {
+    subscribeRule(dynamicRuleId: string, parameterDetails: any): any;
+    unsubscribeRule(dynamicRuleId: string): any;
+    enableRule(dynamicRuleId: string): any;
+    disableRule(dynamicRuleId: string): any;
+    getRules(): Promise<any>;
+    getRuleDetails(ruleId: string): Promise<Rule>;
+    createRule(rule: Rule): Promise<Message>;
+    updateRule(rule: Rule): Promise<Message>;
+    deleteRule(ruleId: string): void;
+}
+export declare const RuleService: import("@microsoft/fast-foundation").InterfaceSymbol<RuleServiceInterface>;
+//# sourceMappingURL=rule.service.d.ts.map

package/dist/dts/services/rule.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rule.service.d.ts","sourceRoot":"","sources":["../../../src/services/rule.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,wEAAwE,CAAC;AAE9F,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAE;IAC5D,eAAe,CAAC,aAAa,EAAE,MAAM,OAAE;IACvC,UAAU,CAAC,aAAa,EAAE,MAAM,OAAE;IAClC,WAAW,CAAC,aAAa,EAAE,MAAM,OAAE;IACnC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAoHD,eAAO,MAAM,WAAW,4EAEvB,CAAC"}

package/dist/dts/services/system.service.d.ts

@@ -0,0 +1,7 @@
+import { Field } from '../components/foundation-notification-dashboard/components/rule-dialog/rule-condition-builder';
+export interface SystemServiceInterface {
+    getResources(): Promise<string[]>;
+    getFields(resource: string): Promise<Field[]>;
+}
+export declare const SystemService: import("@microsoft/fast-foundation").InterfaceSymbol<SystemServiceInterface>;
+//# sourceMappingURL=system.service.d.ts.map

package/dist/dts/services/system.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"system.service.d.ts","sourceRoot":"","sources":["../../../src/services/system.service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,+FAA+F,CAAC;AAGtH,MAAM,WAAW,sBAAsB;IACrC,YAAY,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;CAC/C;AAwBD,eAAO,MAAM,aAAa,8EAEzB,CAAC"}

package/dist/dts/styles/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/dts/styles/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const mixinScreen: (display?: string) => string;
+export declare const notificationDashboardStyles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=styles.d.ts.map

package/dist/dts/styles/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/styles/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,aAAa,MAAM,WAM1C,CAAC;AAEF,eAAO,MAAM,2BAA2B,iDAIvC,CAAC"}

package/dist/dts/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './logger';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/dts/utils/logger.d.ts

@@ -0,0 +1,2 @@
+export declare const logger: import("@genesislcap/foundation-logger").Logger;
+//# sourceMappingURL=logger.d.ts.map

package/dist/dts/utils/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../src/utils/logger.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,iDAAoD,CAAC"}

package/dist/esm/components/components.js

@@ -0,0 +1,70 @@
+import { __awaiter } from "tslib";
+import { foundationLayoutComponents } from '@genesislcap/foundation-layout';
+import { logger } from '../utils';
+import { FoundationInboxCounter } from './foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter';
+import { FoundationInboxToast } from './foundation-inbox/components/foundation-inbox-toast/foundation-inbox-toast';
+import { ConditionBuilder } from './foundation-notification-dashboard/components/condition-builder/condition-builder';
+import { ParameterBuilder } from './foundation-notification-dashboard/components/parameter-builder/parameter-builder';
+import { RuleDialog } from './foundation-notification-dashboard/components/rule-dialog';
+import { RuleConditionBuilder } from './foundation-notification-dashboard/components/rule-dialog/rule-condition-builder';
+import { TemplateDialog } from './foundation-notification-dashboard/components/template-dialog/template-dialog';
+import { EmailDistributionRouteManagement } from './foundation-notification-dashboard/management/email-distribution-route-management';
+import { EmailUserRouteManagement } from './foundation-notification-dashboard/management/email-user-route-management';
+import { LogRouteManagement } from './foundation-notification-dashboard/management/log-route-management';
+import { MSTeamsRouteManagement } from './foundation-notification-dashboard/management/ms-teams-route-management';
+import { NotifyAuditManagement } from './foundation-notification-dashboard/management/notify-audit-management';
+import { RuleManagement } from './foundation-notification-dashboard/management/rule-management';
+import { RuleTemplateManagement } from './foundation-notification-dashboard/management/rule-template-management';
+import { ScreenRouteManagement } from './foundation-notification-dashboard/management/screen-route-management';
+// Components
+FoundationInboxCounter;
+FoundationInboxToast;
+TemplateDialog;
+ConditionBuilder;
+RuleDialog;
+RuleConditionBuilder;
+ParameterBuilder;
+EmailDistributionRouteManagement;
+EmailUserRouteManagement;
+LogRouteManagement;
+MSTeamsRouteManagement;
+NotifyAuditManagement;
+RuleTemplateManagement;
+ScreenRouteManagement;
+RuleManagement;
+var ResourceType;
+(function (ResourceType) {
+    ResourceType["LOCAL"] = "LOCAL";
+    ResourceType["REMOTE"] = "REMOTE";
+})(ResourceType || (ResourceType = {}));
+// TODO: Think about sharing import functions across micro frontends.
+function loadZeroFallback() {
+    return import(
+    /* webpackMode: "lazy" */
+    '@genesislcap/foundation-zero');
+}
+// Granular
+function loadZeroDesignSystem() {
+    return __awaiter(this, void 0, void 0, function* () {
+        let type = ResourceType.REMOTE;
+        try {
+            // @ts-ignore
+            return yield import('foundationZero/ZeroDesignSystem');
+        }
+        catch (e) {
+            type = ResourceType.LOCAL;
+            return yield loadZeroFallback();
+        }
+        finally {
+            logger.debug(`Using '${type}' version of foundationZero/ZeroDesignSystem`);
+        }
+    });
+}
+export function loadRemotes() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { registerZeroDesignSystem, provideDesignSystem } = yield loadZeroDesignSystem();
+        return {
+            ZeroDesignSystem: Object.assign(Object.assign({}, registerZeroDesignSystem()), provideDesignSystem().register(foundationLayoutComponents)),
+        };
+    });
+}

package/dist/esm/components/foundation-alerts/alerts.config.js

@@ -0,0 +1,78 @@
+/**
+ * (undocumented)
+ * @public
+ */
+export const ALERT_TYPE_INFORMATION = 'Information';
+/**
+ * (undocumented)
+ * @public
+ */
+export const ALERT_TYPE_WARNING = 'Warning';
+/**
+ * (undocumented)
+ * @public
+ */
+export const ALERT_TYPE_SERIOUS = 'Serious';
+/**
+ * (undocumented)
+ * @public
+ */
+export const ALERT_TYPE_CRITICAL = 'Critical';
+/**
+ * (undocumented)
+ * @public
+ */
+export const ALERT_ALL_TYPES = [
+    ALERT_TYPE_INFORMATION,
+    ALERT_TYPE_WARNING,
+    ALERT_TYPE_SERIOUS,
+    ALERT_TYPE_CRITICAL,
+];
+/**
+ * (undocumented)
+ * @public
+ */
+export const SEVERITY_TYPE_DEFAULT = 'default';
+/**
+ * (undocumented)
+ * @public
+ */
+export const SEVERITY_TYPE_WARNING = 'warning';
+/**
+ * (undocumented)
+ * @public
+ */
+export const SEVERITY_TYPE_SERIOUS = 'serious';
+/**
+ * (undocumented)
+ * @public
+ */
+export const SEVERITY_TYPE_CRITICAL = 'critical';
+/**
+ * (undocumented)
+ * @public
+ */
+export const SEVERITIES_ALL_TYPES = [
+    SEVERITY_TYPE_DEFAULT,
+    SEVERITY_TYPE_WARNING,
+    SEVERITY_TYPE_SERIOUS,
+    SEVERITY_TYPE_CRITICAL,
+];
+/**
+ * (undocumented)
+ * @public
+ */
+export const MAP_ALERT_TYPE_TO_SEVERITY_TYPE = new Map([
+    [ALERT_TYPE_INFORMATION, SEVERITY_TYPE_DEFAULT],
+    [ALERT_TYPE_WARNING, SEVERITY_TYPE_WARNING],
+    [ALERT_TYPE_SERIOUS, SEVERITY_TYPE_SERIOUS],
+    [ALERT_TYPE_CRITICAL, SEVERITY_TYPE_CRITICAL],
+]);
+/**
+ * (undocumented)
+ * @public
+ */
+export const FREQUENCY_ALL_VALUE = {
+    ONCE: 'Once',
+    EVERY_TIME: 'Every Time',
+};

package/dist/esm/components/foundation-alerts/alerts.js

@@ -0,0 +1,246 @@
+import { __awaiter, __decorate, __rest } from "tslib";
+import { Connect, Datasource, normaliseCriteria, dataServerResultFilter, MessageType, } from '@genesislcap/foundation-comms';
+import { customElement, FASTElement, observable, attr } from '@microsoft/fast-element';
+import * as Components from './components';
+import { FoundationAlertsStyles as styles } from './styles';
+import { logger } from './utils';
+import { FoundationAlertsRenderer } from './alerts.template';
+const DISPLAY_STATE_LIST = 'list';
+const DISPLAY_STATE_EDIT = 'edit';
+const DISPLAY_STATE_ADD = 'add';
+/**
+ * Foundation alerts mf for handle alerts rules list
+ * Allow creating, disabling and deleting alerts
+ * @beta
+ * @remarks
+ * HTML Element: \<foundation-alerts\>
+ */
+let FoundationAlerts = class FoundationAlerts extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.displayState = DISPLAY_STATE_ADD;
+        this.prefix = 'zero';
+        this.displayFrequency = true;
+        this.resourceName = 'ALL_DYNAMIC_NOTIFY_RULES';
+        this.statusLabelMap = {
+            ENABLED: 'Active',
+            DISABLED: 'Paused',
+        };
+        this.ready = false;
+        this.filters = [
+            {
+                name: 'All',
+                callback: () => {
+                    this.removeFilter('RULE_STATUS');
+                },
+                icon: {
+                    name: 'reply-all',
+                },
+            },
+            {
+                name: 'Active',
+                callback: () => {
+                    this.setFilter('RULE_STATUS', 'ENABLED');
+                },
+                icon: {
+                    name: 'check',
+                },
+            },
+            {
+                name: 'Inactive',
+                callback: () => {
+                    this.setFilter('RULE_STATUS', 'DISABLED');
+                },
+                icon: {
+                    name: 'xmark',
+                },
+            },
+        ];
+        this.criteriaFromFilters = new Map();
+    }
+    criteriaFromFiltersChanged() {
+        if (this.ready) {
+            this.fetchData();
+        }
+    }
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            logger.debug(`foundation-alerts is now connected to the DOM`);
+            yield Promise.all([this.loadRemotes(), this.fetchData()]);
+            this.ready = true;
+        });
+    }
+    findIndexAlertByRef(rowRef) {
+        return this.items.findIndex((item) => item.ROW_REF === rowRef);
+    }
+    fetchData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.dataSubscription) {
+                this.dataSubscription.unsubscribe();
+                this.dataSubscription = undefined;
+                this.items = [];
+            }
+            if (this.sourceRef) {
+                this.connect.dataLogoff(this.sourceRef);
+            }
+            const datasourceInit = yield this.datasource.init({
+                criteria: this.buildCriteria(),
+                resourceName: this.resourceName,
+            }, true);
+            if (!datasourceInit) {
+                logger.debug(`Alerts rules Datasource init failed for ${this.resourceName}`);
+                return;
+            }
+            logger.debug(`requesting stream for ${this.resourceName}`);
+            this.dataSubscription = this.datasource.stream.subscribe((result) => {
+                const messageType = result.MESSAGE_TYPE;
+                this.sourceRef = result.SOURCE_REF;
+                if (messageType && messageType === MessageType.LOGOFF_ACK) {
+                    return;
+                }
+                if (result.ROW) {
+                    this.handleStreamUpdate(dataServerResultFilter(result));
+                }
+                else {
+                    this.items = [];
+                }
+            });
+        });
+    }
+    handleStreamUpdate(dataServerResult) {
+        var _a, _b, _c;
+        if (((_a = dataServerResult.inserts) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.handleInserts(dataServerResult.inserts);
+        }
+        if (((_b = dataServerResult.deletes) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+            this.handleDeletes(dataServerResult.deletes);
+        }
+        if (((_c = dataServerResult.updates) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+            this.handleUpdates(dataServerResult.updates);
+        }
+    }
+    handleInserts(insertedRows) {
+        this.items = [
+            ...this.items,
+            ...insertedRows.map((row) => (Object.assign(Object.assign({}, row), { RULE_EXPIRY: new Date().toLocaleDateString() }))),
+        ];
+    }
+    handleDeletes(deletedRows) {
+        deletedRows.forEach((deletedRow) => {
+            const alertIndex = this.findIndexAlertByRef(deletedRow.ROW_REF);
+            if (alertIndex > -1) {
+                this.items.splice(alertIndex, 1);
+            }
+        });
+    }
+    handleUpdates(updatedRows) {
+        updatedRows.forEach((updatedRow) => {
+            const alertIndex = this.findIndexAlertByRef(updatedRow.ROW_REF);
+            if (alertIndex > -1) {
+                this.items[alertIndex] = Object.assign(Object.assign({}, this.items[alertIndex]), updatedRow);
+                this.items = [...this.items];
+            }
+        });
+    }
+    buildCriteria() {
+        const criteriaList = [];
+        this.criteriaFromFilters.forEach((fieldValue, fieldName) => {
+            criteriaList.push(`${fieldName}=='${fieldValue}'`);
+        });
+        return normaliseCriteria(criteriaList.join(' && '), ';');
+    }
+    setFilter(fieldName, newFilter) {
+        this.criteriaFromFilters = new Map(this.criteriaFromFilters.set(fieldName, newFilter));
+    }
+    removeFilter(fieldName) {
+        this.criteriaFromFilters.delete(fieldName);
+        this.criteriaFromFilters = new Map(this.criteriaFromFilters);
+    }
+    delete(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.connect.commitEvent('EVENT_DYNAMIC_RULE_NOTIFY_DELETE', {
+                DETAILS: {
+                    DYNAMIC_NOTIFY_RULE_ID: id,
+                },
+            });
+        });
+    }
+    // @todo remove default 'ENABLED' when data from DB will be ready
+    getStatusLabel(status) {
+        return status ? this.statusLabelMap[status] : this.statusLabelMap.ENABLED;
+    }
+    toogleStatus({ RULE_STATUS, DYNAMIC_NOTIFY_RULE_ID: ID, }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const eventName = RULE_STATUS === 'ENABLED' ? 'EVENT_DYNAMIC_RULE_DISABLE' : 'EVENT_DYNAMIC_RULE_ENABLE';
+            return this.connect.commitEvent(eventName, { DETAILS: { ID } });
+        });
+    }
+    handleAddAlertAction() {
+        this.displayState = DISPLAY_STATE_ADD;
+    }
+    handleEditAlertAction(_a) {
+        var { RULE_TABLE: TABLE_ID, USER_NAME: USERNAME, RULE_EXPIRY: EXPIRY } = _a, item = __rest(_a, ["RULE_TABLE", "USER_NAME", "RULE_EXPIRY"]);
+        // @todo: remove fix expiration date when data from DB will be ready
+        this.alertEditItemData = Object.assign(Object.assign({}, item), { TABLE_ID,
+            USERNAME, RULE_EXPIRY: EXPIRY ? EXPIRY : new Date().toLocaleDateString() });
+        this.displayState = DISPLAY_STATE_EDIT;
+    }
+    handleCloseForm() {
+        this.displayState = DISPLAY_STATE_ADD;
+    }
+    /**
+     * Load remote components
+     *
+     * @remarks
+     *
+     * With regards to module federation
+     *
+     * @internal
+     */
+    loadRemotes() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const remoteComponents = yield Components.loadRemotes();
+            this.ready = true;
+        });
+    }
+    disconnectedCallback() {
+        this.displayState = 'add';
+    }
+};
+__decorate([
+    Connect
+], FoundationAlerts.prototype, "connect", void 0);
+__decorate([
+    Datasource
+], FoundationAlerts.prototype, "datasource", void 0);
+__decorate([
+    observable
+], FoundationAlerts.prototype, "items", void 0);
+__decorate([
+    observable
+], FoundationAlerts.prototype, "alertEditItemData", void 0);
+__decorate([
+    observable
+], FoundationAlerts.prototype, "displayState", void 0);
+__decorate([
+    attr
+], FoundationAlerts.prototype, "prefix", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], FoundationAlerts.prototype, "displayFrequency", void 0);
+__decorate([
+    observable
+], FoundationAlerts.prototype, "criteriaFromFilters", void 0);
+FoundationAlerts = __decorate([
+    customElement({
+        name: 'foundation-alerts',
+        template: FoundationAlertsRenderer,
+        styles,
+    })
+], FoundationAlerts);
+export { FoundationAlerts };

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

@@ -0,0 +1,82 @@
+import { html, repeat, when } from '@microsoft/fast-element';
+/**
+ * @public
+ */
+export const FoundationAlertsTemplate = (prefix = 'zero') => html `
+  ${when(x => x.displayState === 'add', html `
+      <foundation-alerts-form
+        part="form form-add"
+        :prefix=${prefix}
+        :displayFrequency=${(x) => x.displayFrequency}
+        @close=${(x) => x.handleCloseForm()}
+      >
+      </foundation-alerts-form>
+    `)}
+  ${when(x => x.displayState === 'edit', html `
+      <foundation-alerts-form
+        part="form form-edit"
+        :prefix=${prefix}
+        :data=${(x) => JSON.stringify(x.alertEditItemData)}
+        :displayFrequency=${(x) => x.displayFrequency}
+        @close=${(x) => x.handleCloseForm()}
+      >
+      </foundation-alerts-form>
+    `)}
+  ${when(x => x.displayState === 'list', html `
+      <div class="list-header" part="list-header">
+        <h2 class="title" part="list-title">Alerts</h2>
+        <nav class="main-menu" part="list-menu">
+          <${prefix}-button
+            class="main-button"
+            @click=${(x) => x.handleAddAlertAction()}
+            part="add-button"
+          >
+            <${prefix}-icon name="plus" size="1x"></${prefix}-icon>
+          </${prefix}-button>
+          <${prefix}-dropdown-menu
+            class="main-button filter-button"
+            name=""
+            :items=${(x) => x.filters}
+            part="filter-button"
+          >
+            <${prefix}-icon name="filter" size="1x"></${prefix}-icon>
+          </${prefix}-dropdown-menu>
+        </nav>
+      </div>
+      ${when(x => { var _a; return ((_a = x.items) === null || _a === void 0 ? void 0 : _a.length) >= 1; }, html `
+          <ul class="list" part="list">
+            ${repeat(x => x.items, html `
+                <li class="item" part="item">
+                  <div class="item-title">${(x) => x.RULE_EXPRESSION}</div>
+                  <div class="item-bottom">
+                    <span class="status ${(x, c) => c.parent.getStatusLabel(x.RULE_STATUS).toLowerCase()}">
+                      ${(x, c) => c.parent.getStatusLabel(x.RULE_STATUS)}
+                    </span>
+                    <span class="date">${(x) => x.RULE_EXPIRY}</span>
+                    <nav class="item-menu">
+                      <${prefix}-button class="button" @click=${(x, c) => c.parent.handleEditAlertAction(x)}>
+                        <${prefix}-icon name="gear"></${prefix}-icon>
+                      </${prefix}-button>
+                      <${prefix}-button class="button" @click=${(x, c) => c.parent.toogleStatus(x)}>
+                        <${prefix}-icon name="grip-lines-vertical"></${prefix}-icon>
+                      </${prefix}-button>
+                      <${prefix}-button class="button" @click=${(x, c) => c.parent.delete(x.DYNAMIC_NOTIFY_RULE_ID)}>
+                        <${prefix}-icon name="trash"></${prefix}-icon>
+                      </${prefix}-button>
+                    </nav>
+                  </div>
+                </li>
+              `)}
+          </ul>
+        `)}
+      ${when(x => { var _a; return ((_a = x.items) === null || _a === void 0 ? void 0 : _a.length) === 0; }, html `
+          <p class="empty" part="empty">No alerts</p>
+        `)}
+    `)}
+`;
+/**
+ * @public
+ */
+export const FoundationAlertsRenderer = html `
+  ${(x) => FoundationAlertsTemplate(x.prefix)}
+`;

package/dist/esm/components/foundation-alerts/alerts.types.js

@@ -0,0 +1,18 @@
+/**
+ * Represents available alert rule status.
+ * @public
+ */
+export var AlertRuleStatus;
+(function (AlertRuleStatus) {
+    AlertRuleStatus["ENABLED"] = "ENABLED";
+    AlertRuleStatus["DISABLED"] = "DISABLED";
+})(AlertRuleStatus || (AlertRuleStatus = {}));
+/**
+ * Represents available labels for alert rule status.
+ * @public
+ */
+export var AlertRuleStatusLabel;
+(function (AlertRuleStatusLabel) {
+    AlertRuleStatusLabel["ENABLED"] = "Active";
+    AlertRuleStatusLabel["DISABLED"] = "Paused";
+})(AlertRuleStatusLabel || (AlertRuleStatusLabel = {}));

package/dist/esm/components/foundation-alerts/components/foundation-alerts-condition-builder/foundation-alerts-condition-builder.config.js

@@ -0,0 +1,52 @@
+export const ALL_FIELD_TYPES = {
+    ENUM: 'ENUM',
+    STRING: 'STRING',
+    NUMBER: 'NUMBER',
+    BOOLEAN: 'BOOLEAN',
+    DOUBLE: 'DOUBLE',
+};
+export const OPTIONS_BY_FIELD_TYPE = new Map([
+    [ALL_FIELD_TYPES.ENUM, ['Equals', 'Not equals']],
+    [
+        ALL_FIELD_TYPES.STRING,
+        [
+            'Contains',
+            'Not contains',
+            'Equals',
+            'Not equals',
+            'Starts with',
+            'Ends with',
+            'Blank',
+            'Not blank',
+        ],
+    ],
+    [
+        ALL_FIELD_TYPES.NUMBER,
+        [
+            'Equals',
+            'Not equals',
+            'Less than',
+            'Less than or equals',
+            'Greater than',
+            'Greater than or equals',
+            'In range',
+            'Blank',
+            'Not blank',
+        ],
+    ],
+    [ALL_FIELD_TYPES.BOOLEAN, ['Equals', 'Not equals']],
+    [
+        ALL_FIELD_TYPES.DOUBLE,
+        [
+            'Equals',
+            'Not equals',
+            'Less than',
+            'Less than or equals',
+            'Greater than',
+            'Greater than or equals',
+            'In range',
+            'Blank',
+            'Not blank',
+        ],
+    ],
+]);