@genesislcap/pbc-notify-ui 1.0.20 → 1.0.22

package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.d.ts

@@ -1,5 +1,5 @@
 import { Flyout } from '@genesislcap/foundation-zero';
-import { FoundationInboxBase } from "../../inbox";
+import { FoundationInboxBase } from '../../inbox-base/inbox-base';
 export declare class FoundationInboxFlyout extends FoundationInboxBase {
     flyout: Flyout;
     flyoutClosed: boolean;

package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-flyout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAItD,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEhD,qBAKa,qBAAsB,SAAQ,mBAAmB;IAE5D,MAAM,EAAE,MAAM,CAAC;IACH,YAAY,EAAE,OAAO,CAAQ;IAE5B,IAAI;IAKV,KAAK;CAIb"}
+{"version":3,"file":"foundation-inbox-flyout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAItD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,qBAKa,qBAAsB,SAAQ,mBAAmB;IAE5D,MAAM,EAAE,MAAM,CAAC;IACH,YAAY,EAAE,OAAO,CAAQ;IAE5B,IAAI;IAKV,KAAK;CAIb"}

package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts

@@ -0,0 +1,40 @@
+import { Auth } from "@genesislcap/foundation-comms";
+import { FASTElement } from "@microsoft/fast-element";
+import { AlertService } from "../../../services/alert.service";
+import { RuleService } from "../../../services/rule.service";
+import { TemplateService } from "../../../services/template.service";
+import { Alert, NotificationRuleTemplateReply, Rule, RuleTemplate } from "../inbox.types";
+import { Tabs } from "@microsoft/fast-foundation";
+import { InboxTab } from "../inbox.template";
+export declare class FoundationInboxBase extends FASTElement {
+    auth: Auth;
+    ready: boolean;
+    alertService: AlertService;
+    private alerts;
+    alertsFilter: Alert[];
+    searchAlertLog: string;
+    ruleService: RuleService;
+    private rules;
+    rulesFilter: Rule[];
+    ruleTemplateService: TemplateService;
+    templates: RuleTemplate[];
+    templatesFilter: RuleTemplate[];
+    searchSubscribe: string;
+    ruleTemplateDetails: NotificationRuleTemplateReply;
+    tabs: Tabs;
+    connectedCallback(): Promise<void>;
+    open(): Promise<void>;
+    close(): void;
+    checkActiveTab(inboxTab: InboxTab): "" | "display: none;";
+    inboxTabChanged(inboxTab: InboxTab): Promise<void>;
+    alertsChanged: () => Alert[];
+    rulesChanged: () => Rule[];
+    templatesChanged: () => RuleTemplate[];
+    searchAlertLogChanged: () => void;
+    searchSubscribeChanged: () => void;
+    editAlert(): void;
+    playPauseAlert(ruleClicked: Rule): Promise<void>;
+    deleteAlert(ruleClicked: Rule): Promise<void>;
+    openTemplateSubscription(ruleTemplate: any): Promise<void>;
+}
+//# sourceMappingURL=inbox-base.d.ts.map

package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inbox-base.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-inbox/inbox-base/inbox-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAW,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,6BAA6B,EAAE,IAAI,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,qBAAa,mBAAoB,SAAQ,WAAW;IAE5C,IAAI,EAAE,IAAI,CAAC;IACL,KAAK,EAAE,OAAO,CAAS;IAErB,YAAY,EAAE,YAAY,CAAC;IAC7B,OAAO,CAAC,MAAM,CAAe;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAM;IAC3B,cAAc,EAAE,MAAM,CAAM;IAE3B,WAAW,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,KAAK,CAAc;IAC3B,WAAW,EAAE,IAAI,EAAE,CAAM;IAEpB,mBAAmB,EAAE,eAAe,CAAC;IAC1C,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC,eAAe,EAAE,MAAM,CAAM;IAC7B,mBAAmB,EAAE,6BAA6B,CAAQ;IAE/D,IAAI,EAAE,IAAI,CAAC;IAEZ,iBAAiB;IAiBV,IAAI;IAMV,KAAK;IAKZ,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAM3B,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAqBxC,aAAa,gBAAyC;IAEtD,YAAY,eAAuC;IAEnD,gBAAgB,uBAA+C;IAE/D,qBAAqB,aAWpB;IAED,sBAAsB,aAWrB;IAKD,SAAS;IAGH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAQ7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;CAYjD"}

package/dist/dts/components/foundation-inbox/inbox.d.ts

@@ -1,41 +1,4 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { InboxTab } from './inbox.template';
-import { RuleTemplate, Rule, NotificationRuleTemplateReply, Alert } from './inbox.types';
-import { Tabs } from '@genesislcap/foundation-zero';
-import { Auth } from '@genesislcap/foundation-comms';
-import { AlertService } from '../../services/alert.service';
-import { RuleService } from '../../services/rule.service';
-import { TemplateService } from '../../services/template.service';
-export declare class FoundationInboxBase extends FASTElement {
-    auth: Auth;
-    ready: boolean;
-    alertService: AlertService;
-    private alerts;
-    alertsFilter: Alert[];
-    searchAlertLog: string;
-    ruleService: RuleService;
-    private rules;
-    rulesFilter: Rule[];
-    ruleTemplateService: TemplateService;
-    templates: RuleTemplate[];
-    templatesFilter: RuleTemplate[];
-    searchSubscribe: string;
-    ruleTemplateDetails: NotificationRuleTemplateReply;
-    tabs: Tabs;
-    open(): Promise<void>;
-    close(): void;
-    checkActiveTab(inboxTab: InboxTab): "" | "display: none;";
-    inboxTabChanged(inboxTab: InboxTab): Promise<void>;
-    alertsChanged: () => Alert[];
-    rulesChanged: () => Rule[];
-    templatesChanged: () => RuleTemplate[];
-    searchAlertLogChanged: () => void;
-    searchSubscribeChanged: () => void;
-    editAlert(): void;
-    playPauseAlert(ruleClicked: Rule): Promise<void>;
-    deleteAlert(ruleClicked: Rule): Promise<void>;
-    openTemplateSubscription(ruleTemplate: any): Promise<void>;
-}
+import { FoundationInboxBase } from './inbox-base/inbox-base';
 /**
  * Foundation inbox component for displaying notifies list.
  * Allow searching, filtering and deleting notifies

package/dist/dts/components/foundation-inbox/inbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inbox.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEjF,OAAO,EAAE,QAAQ,EAAuC,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,6BAA6B,EAAE,KAAK,EAAmC,MAAM,eAAe,CAAC;AAC1H,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAW,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,qBAAa,mBAAoB,SAAQ,WAAW;IAE5C,IAAI,EAAE,IAAI,CAAC;IACL,KAAK,EAAE,OAAO,CAAS;IAErB,YAAY,EAAE,YAAY,CAAC;IAC7B,OAAO,CAAC,MAAM,CAAe;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAM;IAC3B,cAAc,EAAE,MAAM,CAAM;IAE3B,WAAW,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,KAAK,CAAc;IAC3B,WAAW,EAAE,IAAI,EAAE,CAAM;IAEpB,mBAAmB,EAAE,eAAe,CAAC;IAC1C,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC,eAAe,EAAE,MAAM,CAAM;IAC7B,mBAAmB,EAAE,6BAA6B,CAAQ;IAE/D,IAAI,EAAE,IAAI,CAAC;IAEL,IAAI;IAiBV,KAAK;IAKZ,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAM3B,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAqBxC,aAAa,gBAAyC;IAEtD,YAAY,eAAuC;IAEnD,gBAAgB,uBAA+C;IAE/D,qBAAqB,aAWpB;IAED,sBAAsB,aAWrB;IAKD,SAAS;IAGH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAQ7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;CAYjD;AAED;;;;GAIG;AACH,qBAKa,eAAgB,SAAQ,mBAAmB;CACvD"}
+{"version":3,"file":"inbox.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D;;;;GAIG;AACH,qBAKa,eAAgB,SAAQ,mBAAmB;CACvD"}

package/dist/dts/components/foundation-inbox/inbox.styles.d.ts

@@ -1,5 +1,5 @@
 /**
  * @public
  */
-export declare const InboxStyles: import("@microsoft/fast-element").ElementStyles;
+export declare const FoundationInboxStyles: import("@microsoft/fast-element").ElementStyles;
 //# sourceMappingURL=inbox.styles.d.ts.map

package/dist/dts/components/foundation-inbox/inbox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,WAAW,iDAkOvB,CAAC"}
+{"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,qBAAqB,iDAkOjC,CAAC"}

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

@@ -2,7 +2,7 @@ import { __awaiter, __decorate } from "tslib";
 import { observable, customElement } from '@microsoft/fast-element';
 import { FoundationInboxFlyoutStyles } from './foundation-inbox-flyout.styles';
 import { FoundationInboxFlyoutTemplate } from './foundation-inbox-flyout.template';
-import { FoundationInboxBase } from "../../inbox";
+import { FoundationInboxBase } from '../../inbox-base/inbox-base';
 let FoundationInboxFlyout = class FoundationInboxFlyout extends FoundationInboxBase {
     constructor() {
         super(...arguments);

package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.js

@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { InboxStyles } from '../../inbox.styles';
+import { FoundationInboxStyles } from '../../inbox.styles';
 export const FoundationInboxFlyoutStyles = css `
   zero-flyout::part(flyout) {
     width: 30%;
@@ -13,5 +13,5 @@ export const FoundationInboxFlyoutStyles = css `
     flex-direction: column;
   }
   
-  ${InboxStyles}
+  ${FoundationInboxStyles}
 `;

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

@@ -0,0 +1,185 @@
+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 { RuleStatus } from "../inbox.types";
+import { logger, updateArray } from "../../../utils";
+import { InboxTab } from "../inbox.template";
+export class FoundationInboxBase extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.ready = false;
+        this.alerts = [];
+        this.alertsFilter = [];
+        this.searchAlertLog = '';
+        this.rules = [];
+        this.rulesFilter = [];
+        this.templates = [];
+        this.templatesFilter = [];
+        this.searchSubscribe = '';
+        this.ruleTemplateDetails = null;
+        // #endregion
+        // #region Changed Events
+        this.alertsChanged = () => this.alertsFilter = this.alerts;
+        this.rulesChanged = () => this.rulesFilter = this.rules;
+        this.templatesChanged = () => this.templatesFilter = this.templates;
+        this.searchAlertLogChanged = () => {
+            if (!this.searchAlertLog) {
+                this.alertsFilter = this.alerts;
+                return;
+            }
+            this.alertsFilter = this.alerts.filter(item => item.HEADER
+                .toLowerCase()
+                .startsWith(this.searchAlertLog.toLowerCase()));
+        };
+        this.searchSubscribeChanged = () => {
+            if (!this.searchSubscribe) {
+                this.templatesFilter = this.templates;
+                return;
+            }
+            this.templatesFilter = this.templates.filter(item => item.NAME
+                .toLowerCase()
+                .startsWith(this.searchSubscribe.toLowerCase()));
+        };
+        // #endregion
+    }
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            this.alertService.getAlerts().subscribe({
+                next: (streamMessage) => {
+                    var _a;
+                    if (streamMessage.ERROR) {
+                        logger.error(streamMessage.ERROR);
+                        return;
+                    }
+                    this.alerts = updateArray((_a = streamMessage.ROW) !== null && _a !== void 0 ? _a : null, this.alerts);
+                },
+                error: (error) => {
+                    logger.error(error);
+                },
+            });
+        });
+    }
+    open() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Alerts is updated by stream
+            this.rules = yield this.ruleService.getRules();
+            this.templates = yield this.ruleTemplateService.getRuleTemplates();
+        });
+    }
+    close() {
+        this.ruleTemplateDetails = null;
+    }
+    // #region Tabs
+    checkActiveTab(inboxTab) {
+        return this.tabs.activeid === inboxTab.toString()
+            ? ''
+            : 'display: none;';
+    }
+    inboxTabChanged(inboxTab) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.ruleTemplateDetails = null;
+            switch (inboxTab) {
+                case InboxTab.AlertLog:
+                    break;
+                case InboxTab.MyAlerts:
+                    this.rules = yield this.ruleService.getRules();
+                    break;
+                case InboxTab.Subscribe:
+                    this.templates = yield this.ruleTemplateService.getRuleTemplates();
+                    break;
+                default:
+                    logger.error('Unexpected inboxTab:', inboxTab);
+                    break;
+            }
+        });
+    }
+    // #endregion
+    // #region My Alerts
+    // TODO:
+    editAlert() {
+    }
+    playPauseAlert(ruleClicked) {
+        return __awaiter(this, void 0, void 0, function* () {
+            switch (ruleClicked.RULE_STATUS) {
+                case RuleStatus.ENABLED:
+                    yield this.ruleService.disableRule(ruleClicked.ID);
+                    break;
+                case RuleStatus.DISABLED:
+                    yield this.ruleService.enableRule(ruleClicked.ID);
+                    break;
+                default:
+                    logger.error('Unexpected ruleStatus:', ruleClicked.RULE_STATUS);
+                    break;
+            }
+            this.rules = yield this.ruleService.getRules();
+        });
+    }
+    deleteAlert(ruleClicked) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.ruleService.unsubscribeRule(ruleClicked.ID);
+            this.rules = yield this.ruleService.getRules();
+        });
+    }
+    // #endregion
+    // #region Subscribe
+    openTemplateSubscription(ruleTemplate) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.ruleTemplateDetails) {
+                // Close
+                this.ruleTemplateDetails = null;
+                return;
+            }
+            // Open
+            this.ruleTemplateDetails = yield this.ruleTemplateService.getRuleTemplateDetails(ruleTemplate.ID);
+        });
+    }
+}
+__decorate([
+    Auth
+], FoundationInboxBase.prototype, "auth", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "ready", void 0);
+__decorate([
+    AlertService
+], FoundationInboxBase.prototype, "alertService", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "alerts", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "alertsFilter", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "searchAlertLog", void 0);
+__decorate([
+    RuleService
+], FoundationInboxBase.prototype, "ruleService", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "rules", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "rulesFilter", void 0);
+__decorate([
+    TemplateService
+], FoundationInboxBase.prototype, "ruleTemplateService", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "templates", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "templatesFilter", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "searchSubscribe", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "ruleTemplateDetails", void 0);

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

@@ -1,180 +1,8 @@
-import { __awaiter, __decorate } from "tslib";
-import { observable, customElement, FASTElement } from '@microsoft/fast-element';
-import { InboxStyles as styles } from './inbox.styles';
-import { InboxTab, FoundationInboxTemplate as template } from './inbox.template';
-import { RuleStatus } from './inbox.types';
-import { logger, updateArray } from '../../utils';
-import { Auth } from '@genesislcap/foundation-comms';
-import { AlertService } from '../../services/alert.service';
-import { RuleService } from '../../services/rule.service';
-import { TemplateService } from '../../services/template.service';
-export class FoundationInboxBase extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.ready = false;
-        this.alerts = [];
-        this.alertsFilter = [];
-        this.searchAlertLog = '';
-        this.rules = [];
-        this.rulesFilter = [];
-        this.templates = [];
-        this.templatesFilter = [];
-        this.searchSubscribe = '';
-        this.ruleTemplateDetails = null;
-        // #endregion
-        // #region Changed Events
-        this.alertsChanged = () => this.alertsFilter = this.alerts;
-        this.rulesChanged = () => this.rulesFilter = this.rules;
-        this.templatesChanged = () => this.templatesFilter = this.templates;
-        this.searchAlertLogChanged = () => {
-            if (!this.searchAlertLog) {
-                this.alertsFilter = this.alerts;
-                return;
-            }
-            this.alertsFilter = this.alerts.filter(item => item.HEADER
-                .toLowerCase()
-                .startsWith(this.searchAlertLog.toLowerCase()));
-        };
-        this.searchSubscribeChanged = () => {
-            if (!this.searchSubscribe) {
-                this.templatesFilter = this.templates;
-                return;
-            }
-            this.templatesFilter = this.templates.filter(item => item.NAME
-                .toLowerCase()
-                .startsWith(this.searchSubscribe.toLowerCase()));
-        };
-        // #endregion
-    }
-    open() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.alertService.getAlerts().subscribe({
-                next: (streamMessage) => {
-                    var _a;
-                    if (streamMessage.ERROR) {
-                        logger.error(streamMessage.ERROR);
-                        return;
-                    }
-                    this.alerts = updateArray((_a = streamMessage.ROW) !== null && _a !== void 0 ? _a : null, this.alerts);
-                },
-                error: (error) => {
-                    logger.error(error);
-                },
-            });
-            this.rules = yield this.ruleService.getRules();
-            this.templates = yield this.ruleTemplateService.getRuleTemplates();
-        });
-    }
-    close() {
-        this.ruleTemplateDetails = null;
-    }
-    // #region Tabs
-    checkActiveTab(inboxTab) {
-        return this.tabs.activeid === inboxTab.toString()
-            ? ''
-            : 'display: none;';
-    }
-    inboxTabChanged(inboxTab) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.ruleTemplateDetails = null;
-            switch (inboxTab) {
-                case InboxTab.AlertLog:
-                    break;
-                case InboxTab.MyAlerts:
-                    this.rules = yield this.ruleService.getRules();
-                    break;
-                case InboxTab.Subscribe:
-                    this.templates = yield this.ruleTemplateService.getRuleTemplates();
-                    break;
-                default:
-                    logger.error('Unexpected inboxTab:', inboxTab);
-                    break;
-            }
-        });
-    }
-    // #endregion
-    // #region My Alerts
-    // TODO:
-    editAlert() {
-    }
-    playPauseAlert(ruleClicked) {
-        return __awaiter(this, void 0, void 0, function* () {
-            switch (ruleClicked.RULE_STATUS) {
-                case RuleStatus.ENABLED:
-                    yield this.ruleService.disableRule(ruleClicked.ID);
-                    break;
-                case RuleStatus.DISABLED:
-                    yield this.ruleService.enableRule(ruleClicked.ID);
-                    break;
-                default:
-                    logger.error('Unexpected ruleStatus:', ruleClicked.RULE_STATUS);
-                    break;
-            }
-            this.rules = yield this.ruleService.getRules();
-        });
-    }
-    deleteAlert(ruleClicked) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.ruleService.unsubscribeRule(ruleClicked.ID);
-            this.rules = yield this.ruleService.getRules();
-        });
-    }
-    // #endregion
-    // #region Subscribe
-    openTemplateSubscription(ruleTemplate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.ruleTemplateDetails) {
-                // Close
-                this.ruleTemplateDetails = null;
-                return;
-            }
-            // Open
-            this.ruleTemplateDetails = yield this.ruleTemplateService.getRuleTemplateDetails(ruleTemplate.ID);
-        });
-    }
-}
-__decorate([
-    Auth
-], FoundationInboxBase.prototype, "auth", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "ready", void 0);
-__decorate([
-    AlertService
-], FoundationInboxBase.prototype, "alertService", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "alerts", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "alertsFilter", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "searchAlertLog", void 0);
-__decorate([
-    RuleService
-], FoundationInboxBase.prototype, "ruleService", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "rules", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "rulesFilter", void 0);
-__decorate([
-    TemplateService
-], FoundationInboxBase.prototype, "ruleTemplateService", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "templates", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "templatesFilter", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "searchSubscribe", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "ruleTemplateDetails", void 0);
+import { __decorate } from "tslib";
+import { customElement } from '@microsoft/fast-element';
+import { FoundationInboxStyles } from './inbox.styles';
+import { FoundationInboxTemplate } from './inbox.template';
+import { FoundationInboxBase } from './inbox-base/inbox-base';
 /**
  * Foundation inbox component for displaying notifies list.
  * Allow searching, filtering and deleting notifies
@@ -185,8 +13,8 @@ let FoundationInbox = class FoundationInbox extends FoundationInboxBase {
 FoundationInbox = __decorate([
     customElement({
         name: 'foundation-inbox',
-        template,
-        styles,
+        template: FoundationInboxTemplate,
+        styles: FoundationInboxStyles,
     })
 ], FoundationInbox);
 export { FoundationInbox };

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

@@ -2,7 +2,7 @@ import { css } from '@microsoft/fast-element';
 /**
  * @public
  */
-export const InboxStyles = css `
+export const FoundationInboxStyles = css `
   .inbox {
     width: 100%;
     height: 100%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/dts/index.d.ts",

package/sonar-project.properties

@@ -0,0 +1,5 @@
+sonar.projectKey=genesislcap_genesis-notify_client
+sonar.projectName=pbc-notify-ui
+sonar.organization=genesislcap
+sonar.host.url=https://sonarcloud.io
+sonar.sourceEncoding=UTF-8