@genesislcap/pbc-notify-ui 1.0.26 → 1.0.28

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

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/components.ts"],"names":[],"mappings":"AA6EA,wBAAsB,WAAW;;GAShC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/components.ts"],"names":[],"mappings":"AA4EA,wBAAsB,WAAW;;GAShC"}

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

@@ -1,6 +1,9 @@
 import { FASTElement } from '@microsoft/fast-element';
+import { FoundationInboxService } from '../../../../services/inbox.service';
 export declare class FoundationInboxCounter extends FASTElement {
     value: number;
+    inboxService: FoundationInboxService;
+    private subscriptionHandler;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-counter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMjF,qBAKa,sBAAuB,SAAQ,WAAW;IACzC,KAAK,EAAE,MAAM,CAAK;IAExB,iBAAiB;IAIvB,oBAAoB;CAGrB"}
+{"version":3,"file":"foundation-inbox-counter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAG5E,qBAKa,sBAAuB,SAAQ,WAAW;IACzC,KAAK,EAAE,MAAM,CAAK;IACN,YAAY,EAAE,sBAAsB,CAAC;IAC7D,OAAO,CAAC,mBAAmB,CAAgB;IAErC,iBAAiB;IAQvB,oBAAoB;CAIrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-counter.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B,iDAyBxC,CAAC"}
+{"version":3,"file":"foundation-inbox-counter.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B,iDAkBxC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-counter.template.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAIzE,eAAO,MAAM,8BAA8B,6EAI1C,CAAC"}
+{"version":3,"file":"foundation-inbox-counter.template.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAIzE,eAAO,MAAM,8BAA8B,6EAO1C,CAAC"}

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

@@ -1,9 +1,13 @@
 import { Flyout } from '@genesislcap/foundation-zero';
 import { FoundationInboxBase } from '../../inbox-base/inbox-base';
 export declare class FoundationInboxFlyout extends FoundationInboxBase {
+    ready: boolean;
     flyout: Flyout;
     flyoutClosed: boolean;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
     open(): Promise<void>;
     close(): void;
+    loadRemotes(): Promise<void>;
 }
 //# sourceMappingURL=foundation-inbox-flyout.d.ts.map

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;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAIlE,qBAKa,qBAAsB,SAAQ,mBAAmB;IAC5D,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;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAKlE,qBAKa,qBAAsB,SAAQ,mBAAmB;IAEhD,KAAK,EAAE,OAAO,CAAS;IAEnC,MAAM,EAAE,MAAM,CAAC;IACH,YAAY,EAAE,OAAO,CAAQ;IAEnC,iBAAiB;IAKvB,oBAAoB,IAAI,IAAI;IAIf,IAAI;IAMV,KAAK;IAKN,WAAW;CAIlB"}

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

@@ -1,21 +1,23 @@
-import { Auth } from '@genesislcap/foundation-comms';
-import { FASTElement } from '@microsoft/fast-element';
-import { Tabs } from '@microsoft/fast-foundation';
-import { AlertService } from '../../../services/alert.service';
-import { RuleService } from '../../../services/rule.service';
-import { TemplateService } from '../../../services/template.service';
-import { InboxTab } from '../inbox.template';
-import { Alert, NotificationRuleTemplateReply, Rule, RuleTemplate } from '../inbox.types';
+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";
+import { FoundationInboxService } from "../../../services/inbox.service";
 export declare class FoundationInboxBase extends FASTElement {
     auth: Auth;
-    ready: boolean;
     alertService: AlertService;
+    inboxService: FoundationInboxService;
+    private alertSubscription;
     private alerts;
     alertsFilter: Alert[];
     ruleService: RuleService;
-    private rules;
+    rules: Rule[];
     rulesFilter: Rule[];
-    ruleTemplateService: TemplateService;
+    templateService: TemplateService;
     templates: RuleTemplate[];
     templatesFilter: RuleTemplate[];
     searchSubscribe: string;
@@ -23,8 +25,7 @@ export declare class FoundationInboxBase extends FASTElement {
     selectedTab: InboxTab;
     tabs: Tabs;
     connectedCallback(): Promise<void>;
-    open(): Promise<void>;
-    close(): void;
+    disconnectedCallback(): void;
     checkActiveTab(inboxTab: InboxTab): "" | "display: none;";
     inboxTabChanged(inboxTab: InboxTab): Promise<void>;
     alertsChanged: () => Alert[];
@@ -34,10 +35,10 @@ export declare class FoundationInboxBase extends FASTElement {
     searchAlertLogChanged: () => void;
     private filterAlerts;
     searchSubscribeChanged: () => void;
+    dismissAlert(alertId: string): void;
     editAlert(): void;
     playPauseAlert(ruleClicked: Rule): Promise<void>;
     deleteAlert(ruleClicked: Rule): Promise<void>;
     openTemplateSubscription(ruleTemplate: any): Promise<void>;
-    dismissAlert(alertId: string): void;
 }
 //# sourceMappingURL=inbox-base.d.ts.map

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

@@ -1 +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,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,KAAK,EACL,6BAA6B,EAC7B,IAAI,EAEJ,YAAY,EACb,MAAM,gBAAgB,CAAC;AAExB,qBAAa,mBAAoB,SAAQ,WAAW;IAC5C,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;IAE1B,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;IAC1D,WAAW,EAAE,QAAQ,CAAsB;IAEhD,IAAI,EAAE,IAAI,CAAC;IAEZ,iBAAiB;IAkBV,IAAI;IAMV,KAAK;IAKZ,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAI3B,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAwBxC,aAAa,gBAA2C;IAExD,YAAY,eAAyC;IAErD,gBAAgB,uBAAiD;IAErD,cAAc,EAAE,MAAM,CAAM;IACxC,qBAAqB,aAEnB;IAEF,OAAO,CAAC,YAAY;IAUpB,sBAAsB,aASpB;IAKF,SAAS;IAEH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAQ7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;IAehD,YAAY,CAAC,OAAO,EAAE,MAAM;CAG7B"}
+{"version":3,"file":"inbox-base.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-inbox/inbox-base/inbox-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAA6B,MAAM,+BAA+B,CAAC;AAChF,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;AACnH,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,qBAAa,mBAAoB,SAAQ,WAAW;IAE5C,IAAI,EAAE,IAAI,CAAC;IAEH,YAAY,EAAE,YAAY,CAAC;IACjB,YAAY,EAAE,sBAAsB,CAAC;IAC7D,OAAO,CAAC,iBAAiB,CAAgB;IAC7B,OAAO,CAAC,MAAM,CAAe;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAM;IAE1B,WAAW,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAM;IACnB,WAAW,EAAE,IAAI,EAAE,CAAM;IAEpB,eAAe,EAAE,eAAe,CAAC;IACtC,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC,eAAe,EAAE,MAAM,CAAM;IAC7B,mBAAmB,EAAE,6BAA6B,CAAQ;IAC1D,WAAW,EAAE,QAAQ,CAAsB;IAEhD,IAAI,EAAE,IAAI,CAAC;IAEZ,iBAAiB;IAWvB,oBAAoB;IAMpB,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAM3B,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAuBxC,aAAa,gBAA2C;IAExD,YAAY,eAAyC;IAErD,gBAAgB,uBAAiD;IAErD,cAAc,EAAE,MAAM,CAAM;IACxC,qBAAqB,aAEnB;IAEF,OAAO,CAAC,YAAY;IAUpB,sBAAsB,aASpB;IAKF,YAAY,CAAC,OAAO,EAAE,MAAM;IAO5B,SAAS;IAEH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAO7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;CAajD"}

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

@@ -1 +1 @@
-{"version":3,"file":"inbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.template.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,oBAAY,QAAQ;IAClB,SAAS,IAAA;IACT,YAAY,IAAA;IACZ,QAAQ,IAAA;IACR,SAAS,IAAA;CACV;AAgDD;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAiJnC,CAAC"}
+{"version":3,"file":"inbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.template.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,oBAAY,QAAQ;IAClB,SAAS,IAAA;IACT,YAAY,IAAA;IACZ,QAAQ,IAAA;IACR,SAAS,IAAA;CACV;AAgDD;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAkJnC,CAAC"}

package/dist/dts/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/foundation-inbox/inbox';
 export * from './components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout';
+export * from './components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter';
 export * from './components/foundation-notification-dashboard';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,0FAA0F,CAAC;AACzG,cAAc,gDAAgD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,0FAA0F,CAAC;AACzG,cAAc,4FAA4F,CAAC;AAC3G,cAAc,gDAAgD,CAAC"}

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

@@ -0,0 +1,12 @@
+export interface FoundationInboxServiceStore {
+    items: Array<any>;
+}
+export type SubscribeCallback = ({ store }: {
+    store: FoundationInboxServiceStore;
+}) => any;
+export interface FoundationInboxService {
+    subscribe(callback: SubscribeCallback): void;
+    unsubscribe(callback: SubscribeCallback): void;
+}
+export declare const FoundationInboxService: import("@microsoft/fast-foundation").InterfaceSymbol<FoundationInboxService>;
+//# sourceMappingURL=inbox.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inbox.service.d.ts","sourceRoot":"","sources":["../../../src/services/inbox.service.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,2BAA2B,CAAA;CAAE,KAAK,GAAG,CAAC;AAE3F,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAChD;AAuFD,eAAO,MAAM,sBAAsB,8EAElC,CAAC"}

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

@@ -1 +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,gGAAgG,CAAC;AAEtH,MAAM,WAAW,WAAW;IAC1B,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;AAmHD,eAAO,MAAM,WAAW,mEAAuE,CAAC"}
+{"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,gGAAgG,CAAC;AAEtH,MAAM,WAAW,WAAW;IAC1B,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;AAkHD,eAAO,MAAM,WAAW,mEAAuE,CAAC"}

package/dist/esm/components/components.js

@@ -2,7 +2,6 @@ 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 { FoundationInboxFlyout } from './foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout';
 import { InboxSubscription } from './foundation-inbox/components/inbox-subscription/inbox-subscription';
 import { RuleParameter } from './foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter';
 import { NotifyAuditManagement } from './foundation-notification-dashboard/components/notify-audit/notify-audit-management';
@@ -22,7 +21,6 @@ import { TemplateManagement } from './foundation-notification-dashboard/componen
 // Components
 // #region Inbox
 FoundationInboxCounter;
-FoundationInboxFlyout;
 InboxSubscription;
 RuleParameter;
 // #endregion Inbox

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

@@ -2,8 +2,8 @@ import { __awaiter, __decorate } from "tslib";
 import { observable, customElement, FASTElement } from '@microsoft/fast-element';
 import { FoundationInboxCounterStyles } from './foundation-inbox-counter.styles';
 import { FoundationInboxCounterTemplate } from './foundation-inbox-counter.template';
-// TODO: Needs to implement this, but after
-// the alert can be dismissed in back-end
+import { FoundationInboxService } from '../../../../services/inbox.service';
+import { AlertStatus } from '../../inbox.types';
 let FoundationInboxCounter = class FoundationInboxCounter extends FASTElement {
     constructor() {
         super(...arguments);
@@ -15,15 +15,23 @@ let FoundationInboxCounter = class FoundationInboxCounter extends FASTElement {
         });
         return __awaiter(this, void 0, void 0, function* () {
             _super.connectedCallback.call(this);
+            this.subscriptionHandler = ({ store }) => {
+                this.value = store === null || store === void 0 ? void 0 : store.items.filter(alert => alert.ALERT_STATUS === AlertStatus.NEW).length;
+            };
+            this.inboxService.subscribe(this.subscriptionHandler);
         });
     }
     disconnectedCallback() {
         super.disconnectedCallback();
+        this.inboxService.unsubscribe(this.subscriptionHandler);
     }
 };
 __decorate([
     observable
 ], FoundationInboxCounter.prototype, "value", void 0);
+__decorate([
+    FoundationInboxService
+], FoundationInboxCounter.prototype, "inboxService", void 0);
 FoundationInboxCounter = __decorate([
     customElement({
         name: 'foundation-inbox-counter',

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

@@ -2,13 +2,6 @@ import { css } from '@microsoft/fast-element';
 const BACKGROUND_COLOR = '#EF5547';
 export const FoundationInboxCounterStyles = css `
   :host {
-    position: relative;
-    top: 4px;
-    right: 8px;
-    pointer-events: none;
-  }
-
-  div {
     display: inline-block;
     min-width: 16px;
     height: 16px;

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

@@ -1,7 +1,7 @@
-import { html } from '@microsoft/fast-element';
+import { html, when } from '@microsoft/fast-element';
 const MAX_NUMBER_TO_DISPLAY = 99;
 export const FoundationInboxCounterTemplate = html `
-  <div class="${(x) => x.value < 1 && 'hidden'}">
-    ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}
-  </div>
+  ${when((x) => x.value > 0, html `
+      ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}
+    `)}
 `;

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

@@ -3,25 +3,46 @@ import { observable, customElement } from '@microsoft/fast-element';
 import { FoundationInboxBase } from '../../inbox-base/inbox-base';
 import { FoundationInboxFlyoutStyles } from './foundation-inbox-flyout.styles';
 import { FoundationInboxFlyoutTemplate } from './foundation-inbox-flyout.template';
+import { loadRemotes } from '../../../components';
 let FoundationInboxFlyout = class FoundationInboxFlyout extends FoundationInboxBase {
     constructor() {
         super(...arguments);
+        this.ready = false;
         this.flyoutClosed = true;
     }
-    open() {
+    connectedCallback() {
         const _super = Object.create(null, {
-            open: { get: () => super.open }
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            yield this.loadRemotes();
         });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+    }
+    open() {
         return __awaiter(this, void 0, void 0, function* () {
-            _super.open.call(this);
             this.flyoutClosed = false;
+            this.rules = yield this.ruleService.getRules();
+            this.templates = yield this.templateService.getRuleTemplates();
         });
     }
     close() {
-        super.close();
+        this.ruleTemplateDetails = null;
         this.flyout.closeFlyout();
     }
+    loadRemotes() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const remoteComponents = yield loadRemotes();
+            this.ready = true;
+        });
+    }
 };
+__decorate([
+    observable
+], FoundationInboxFlyout.prototype, "ready", void 0);
 __decorate([
     observable
 ], FoundationInboxFlyout.prototype, "flyoutClosed", void 0);

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

@@ -9,7 +9,7 @@ export const FoundationInboxFlyoutTemplate = html `
     displayHeader=${false}
   >
     <div class="inbox-header">
-      <div class="inbox-header-title">Alerts</div>
+      <div class="inbox-header-title">Alerts Centre</div>
       <zero-button class="inbox-header-close" @click=${(x) => x.close()}>
         <zero-icon part="icon" name="xmark" size="xl"></zero-icon>
       </zero-button>

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

@@ -1,16 +1,16 @@
 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 { logger, updateArray } from '../../../utils';
-import { InboxTab } from '../inbox.template';
-import { RuleStatus, } from '../inbox.types';
+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";
 export class FoundationInboxBase extends FASTElement {
     constructor() {
         super(...arguments);
-        this.ready = false;
         this.alerts = [];
         this.alertsFilter = [];
         this.rules = [];
@@ -36,6 +36,7 @@ export class FoundationInboxBase extends FASTElement {
             }
             this.templatesFilter = this.templates.filter((item) => item.NAME.toLowerCase().startsWith(this.searchSubscribe.toLowerCase()));
         };
+        // #endregion
     }
     connectedCallback() {
         const _super = Object.create(null, {
@@ -43,35 +44,24 @@ export class FoundationInboxBase extends FASTElement {
         });
         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);
-                    this.filterAlerts();
-                },
-                error: (error) => {
-                    logger.error(error);
-                },
-            });
-        });
-    }
-    open() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Alerts is updated by stream
+            this.alertSubscription = ({ store }) => {
+                this.alerts = (store === null || store === void 0 ? void 0 : store.items) || [];
+                this.filterAlerts();
+            };
+            this.inboxService.subscribe(this.alertSubscription);
             this.rules = yield this.ruleService.getRules();
-            this.templates = yield this.ruleTemplateService.getRuleTemplates();
+            this.templates = yield this.templateService.getRuleTemplates();
         });
     }
-    close() {
-        this.ruleTemplateDetails = null;
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.inboxService.unsubscribe(this.alertSubscription);
     }
     // #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* () {
@@ -86,7 +76,7 @@ export class FoundationInboxBase extends FASTElement {
                     this.rules = yield this.ruleService.getRules();
                     break;
                 case InboxTab.Subscribe:
-                    this.templates = yield this.ruleTemplateService.getRuleTemplates();
+                    this.templates = yield this.templateService.getRuleTemplates();
                     break;
                 default:
                     logger.error('Unexpected inboxTab:', inboxTab);
@@ -97,11 +87,16 @@ export class FoundationInboxBase extends FASTElement {
     filterAlerts() {
         this.alertsFilter = this.alerts.filter((alert) => (!this.searchAlertLog ||
             alert.HEADER.toLowerCase().startsWith(this.searchAlertLog.toLowerCase())) &&
-            ((this.selectedTab === InboxTab.AlertsNew && alert.ALERT_STATUS === 'NEW') ||
-                (this.selectedTab === InboxTab.AlertHistory && alert.ALERT_STATUS !== 'NEW')));
+            ((this.selectedTab === InboxTab.AlertsNew && alert.ALERT_STATUS === AlertStatus.NEW) ||
+                (this.selectedTab === InboxTab.AlertHistory && alert.ALERT_STATUS !== AlertStatus.NEW)));
     }
     // #endregion
-    // #region My Alerts
+    // #region New and History
+    dismissAlert(alertId) {
+        this.alertService.dismissNotifyAlert(alertId);
+    }
+    // #endregion
+    // #region Subscriptions
     // TODO:
     editAlert() { }
     playPauseAlert(ruleClicked) {
@@ -136,23 +131,19 @@ export class FoundationInboxBase extends FASTElement {
                 return;
             }
             // Open
-            this.ruleTemplateDetails = yield this.ruleTemplateService.getRuleTemplateDetails(ruleTemplate.ID);
+            this.ruleTemplateDetails = yield this.templateService.getRuleTemplateDetails(ruleTemplate.ID);
         });
     }
-    // #endregion
-    dismissAlert(alertId) {
-        this.alertService.dismissNotifyAlert(alertId);
-    }
 }
 __decorate([
     Auth
 ], FoundationInboxBase.prototype, "auth", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "ready", void 0);
 __decorate([
     AlertService
 ], FoundationInboxBase.prototype, "alertService", void 0);
+__decorate([
+    FoundationInboxService
+], FoundationInboxBase.prototype, "inboxService", void 0);
 __decorate([
     observable
 ], FoundationInboxBase.prototype, "alerts", void 0);
@@ -170,7 +161,7 @@ __decorate([
 ], FoundationInboxBase.prototype, "rulesFilter", void 0);
 __decorate([
     TemplateService
-], FoundationInboxBase.prototype, "ruleTemplateService", void 0);
+], FoundationInboxBase.prototype, "templateService", void 0);
 __decorate([
     observable
 ], FoundationInboxBase.prototype, "templates", void 0);

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

@@ -93,7 +93,8 @@ export const FoundationInboxTemplate = html `
         `)}
 
       <!-- Alerts -->
-      ${(x) => alertsTab(InboxTab.AlertsNew)} ${(x) => 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/index.js

@@ -1,3 +1,4 @@
 export * from './components/foundation-inbox/inbox';
 export * from './components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout';
+export * from './components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter';
 export * from './components/foundation-notification-dashboard';

package/dist/esm/services/inbox.service.js

@@ -0,0 +1,77 @@
+import { __decorate } from "tslib";
+import { Auth, Connect } from '@genesislcap/foundation-comms';
+import { DI } from '@microsoft/fast-foundation';
+import { logger } from '../utils';
+class FoundationInboxServiceImpl {
+    constructor() {
+        this.subscriptions = [];
+        this.store = {
+            items: [],
+        };
+        this.modifyAlert = (alert, details) => {
+            var _a;
+            return ((_a = alert.DETAILS) === null || _a === void 0 ? void 0 : _a.ROW_REF) === (details === null || details === void 0 ? void 0 : details.DETAILS.ROW_REF)
+                ? Object.assign(Object.assign({}, alert), details) : alert;
+        };
+    }
+    getStream() {
+        return this.connect.stream('ALL_NOTIFY_ALERT_RECORDS', (result) => {
+            this.sourceRef = result.SOURCE_REF;
+            if (!(result === null || result === void 0 ? void 0 : result.ROW)) {
+                this.store.items = [];
+                return;
+            }
+            if (result.SEQUENCE_ID === 1) {
+                this.store.items = result.ROW;
+            }
+            else {
+                const details = result === null || result === void 0 ? void 0 : result.ROW[0];
+                switch (details === null || details === void 0 ? void 0 : details.DETAILS.OPERATION) {
+                    case 'INSERT':
+                        this.store.items.push(details);
+                        break;
+                    case 'MODIFY':
+                        this.store.items = this.store.items.map((alert) => this.modifyAlert(alert, details));
+                        break;
+                    case 'DELETE':
+                        // Implement if there's a case that a NOTIFY_ALERT record is deleted
+                        break;
+                    default:
+                        logger.error('Unexpected operation');
+                }
+            }
+            this.subscriptions.forEach((callback) => callback({ store: this.store }));
+        }, (response) => logger.error(response));
+    }
+    subscribe(callback) {
+        this.subscriptions.push(callback);
+        if (this.stream) {
+            callback({ store: this.store });
+            return;
+        }
+        this.stream = this.getStream();
+        this.stream.subscribe();
+    }
+    unsubscribe(callback) {
+        const index = this.subscriptions.indexOf(callback);
+        if (index >= 0) {
+            this.subscriptions.splice(index, 1);
+        }
+        this.dataLogoff();
+    }
+    dataLogoff() {
+        if (this.sourceRef && this.auth.isLoggedIn) {
+            this.connect.dataLogoff(this.sourceRef);
+        }
+        this.stream = undefined;
+        this.store = { items: [] };
+        this.sourceRef = undefined;
+    }
+}
+__decorate([
+    Connect
+], FoundationInboxServiceImpl.prototype, "connect", void 0);
+__decorate([
+    Auth
+], FoundationInboxServiceImpl.prototype, "auth", void 0);
+export const FoundationInboxService = DI.createInterface((x) => x.singleton(FoundationInboxServiceImpl));

package/dist/esm/services/rule.service.js

@@ -5,8 +5,7 @@ class RuleServiceImpl {
     getRules() {
         return __awaiter(this, void 0, void 0, function* () {
             const response = yield this.connect.request('REQ_NOTIFICATION_RULE', { REQUEST: true });
-            return;
-            response.REPLY;
+            return response.REPLY;
         });
     }
     getRuleDetails(ruleId) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"