@genesislcap/pbc-notify-ui 1.0.24 → 1.0.25

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

@@ -12,7 +12,6 @@ export declare class FoundationInboxBase extends FASTElement {
     alertService: AlertService;
     private alerts;
     alertsFilter: Alert[];
-    searchAlertLog: string;
     ruleService: RuleService;
     private rules;
     rulesFilter: Rule[];
@@ -21,6 +20,7 @@ export declare class FoundationInboxBase extends FASTElement {
     templatesFilter: RuleTemplate[];
     searchSubscribe: string;
     ruleTemplateDetails: NotificationRuleTemplateReply;
+    selectedTab: InboxTab;
     tabs: Tabs;
     connectedCallback(): Promise<void>;
     open(): Promise<void>;
@@ -30,11 +30,14 @@ export declare class FoundationInboxBase extends FASTElement {
     alertsChanged: () => Alert[];
     rulesChanged: () => Rule[];
     templatesChanged: () => RuleTemplate[];
+    searchAlertLog: string;
     searchAlertLogChanged: () => void;
+    private filterAlerts;
     searchSubscribeChanged: () => 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;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;IAI3B,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAqBxC,aAAa,gBAA2C;IAExD,YAAY,eAAyC;IAErD,gBAAgB,uBAAiD;IAEjE,qBAAqB,aASnB;IAEF,sBAAsB,aASpB;IAKF,SAAS;IAEH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAQ7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;CAcjD"}
+{"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"}

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":"AACA;;GAEG;AACH,eAAO,MAAM,qBAAqB,iDAkNjC,CAAC"}
+{"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,eAAO,MAAM,qBAAqB,iDAyNjC,CAAC"}

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

@@ -1,8 +1,9 @@
 import { FoundationInbox } from './inbox';
 export declare enum InboxTab {
-    AlertLog = 0,
-    MyAlerts = 1,
-    Subscribe = 2
+    AlertsNew = 0,
+    AlertHistory = 1,
+    MyAlerts = 2,
+    Subscribe = 3
 }
 /**
  * @public

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;AAG1C,oBAAY,QAAQ;IAClB,QAAQ,IAAA;IACR,QAAQ,IAAA;IACR,SAAS,IAAA;CACV;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEA6KnC,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,sEAiJnC,CAAC"}

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

@@ -1,5 +1,7 @@
 export interface Alert {
     ALERT_ID: string;
+    ALERT_STATUS: AlertStatus;
+    CREATED_AT: number;
     HEADER: string;
     MESSAGE: string;
     USER_NAME: string;
@@ -8,6 +10,10 @@ export interface Alert {
     TABLE_ENTITY_ID: string;
     TOPIC: string;
 }
+export declare enum AlertStatus {
+    NEW = "NEW",
+    DISMISSED = "DISMISSED"
+}
 export interface Rule {
     ID: string;
     NAME: string;

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

@@ -1 +1 @@
-{"version":3,"file":"inbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,eAAe,MAAC;IAChB,WAAW,MAAC;IACZ,UAAU,MAAC;IACX,cAAc,MAAC;IACf,YAAY,MAAC;IACb,iBAAiB,MAAC;IAClB,UAAU,MAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,uBAAuB,EAAE,MAAM,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,uBAAuB,EAAE,MAAM,CAAC;IAChC,eAAe,EAAE;QACf,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;KACxB,CAAC;IACF,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE;QACjB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;KACzB,CAAC;IACF,UAAU,EAAE,GAAG,CAAC;CACjB;AAED,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB"}
+{"version":3,"file":"inbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,WAAW,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW;IACrB,GAAG,QAAQ;IACX,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,eAAe,MAAC;IAChB,WAAW,MAAC;IACZ,UAAU,MAAC;IACX,cAAc,MAAC;IACf,YAAY,MAAC;IACb,iBAAiB,MAAC;IAClB,UAAU,MAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,uBAAuB,EAAE,MAAM,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,uBAAuB,EAAE,MAAM,CAAC;IAChC,eAAe,EAAE;QACf,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;KACxB,CAAC;IACF,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE;QACjB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;KACzB,CAAC;IACF,UAAU,EAAE,GAAG,CAAC;CACjB;AAED,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB"}

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

@@ -13,24 +13,21 @@ export class FoundationInboxBase extends FASTElement {
         this.ready = false;
         this.alerts = [];
         this.alertsFilter = [];
-        this.searchAlertLog = '';
         this.rules = [];
         this.rulesFilter = [];
         this.templates = [];
         this.templatesFilter = [];
         this.searchSubscribe = '';
         this.ruleTemplateDetails = null;
+        this.selectedTab = InboxTab.AlertsNew;
         // #endregion
         // #region Changed Events
         this.alertsChanged = () => (this.alertsFilter = this.alerts);
         this.rulesChanged = () => (this.rulesFilter = this.rules);
         this.templatesChanged = () => (this.templatesFilter = this.templates);
+        this.searchAlertLog = '';
         this.searchAlertLogChanged = () => {
-            if (!this.searchAlertLog) {
-                this.alertsFilter = this.alerts;
-                return;
-            }
-            this.alertsFilter = this.alerts.filter((item) => item.HEADER.toLowerCase().startsWith(this.searchAlertLog.toLowerCase()));
+            this.filterAlerts();
         };
         this.searchSubscribeChanged = () => {
             if (!this.searchSubscribe) {
@@ -39,7 +36,6 @@ 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, {
@@ -55,6 +51,7 @@ export class FoundationInboxBase extends FASTElement {
                         return;
                     }
                     this.alerts = updateArray((_a = streamMessage.ROW) !== null && _a !== void 0 ? _a : null, this.alerts);
+                    this.filterAlerts();
                 },
                 error: (error) => {
                     logger.error(error);
@@ -78,9 +75,12 @@ export class FoundationInboxBase extends FASTElement {
     }
     inboxTabChanged(inboxTab) {
         return __awaiter(this, void 0, void 0, function* () {
+            this.selectedTab = inboxTab;
             this.ruleTemplateDetails = null;
             switch (inboxTab) {
-                case InboxTab.AlertLog:
+                case InboxTab.AlertsNew:
+                case InboxTab.AlertHistory:
+                    this.filterAlerts();
                     break;
                 case InboxTab.MyAlerts:
                     this.rules = yield this.ruleService.getRules();
@@ -94,6 +94,12 @@ 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')));
+    }
     // #endregion
     // #region My Alerts
     // TODO:
@@ -133,6 +139,10 @@ export class FoundationInboxBase extends FASTElement {
             this.ruleTemplateDetails = yield this.ruleTemplateService.getRuleTemplateDetails(ruleTemplate.ID);
         });
     }
+    // #endregion
+    dismissAlert(alertId) {
+        this.alertService.dismissNotifyAlert(alertId);
+    }
 }
 __decorate([
     Auth
@@ -149,9 +159,6 @@ __decorate([
 __decorate([
     observable
 ], FoundationInboxBase.prototype, "alertsFilter", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "searchAlertLog", void 0);
 __decorate([
     RuleService
 ], FoundationInboxBase.prototype, "ruleService", void 0);
@@ -176,3 +183,9 @@ __decorate([
 __decorate([
     observable
 ], FoundationInboxBase.prototype, "ruleTemplateDetails", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "selectedTab", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "searchAlertLog", void 0);

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

@@ -123,6 +123,7 @@ export const FoundationInboxStyles = css `
 
   .toast-content {
     display: flex;
+    position: relative;
     flex-direction: column;
     width: 100%;
     margin: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 0px)
@@ -212,4 +213,10 @@ export const FoundationInboxStyles = css `
   .rule-action-delete {
     cursor: pointer;
   }
+
+  .close-icon {
+    position: absolute;
+    right: calc(var(--design-unit) * 2px);
+    cursor: pointer;
+  }
 `;

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

@@ -1,26 +1,75 @@
 import { sync } from '@genesislcap/foundation-utils';
 import { html, ref, repeat, when } from '@microsoft/fast-element';
 import { NotifyPermission } from '../../utils/notifyPermissions';
+import { AlertStatus } from './inbox.types';
 import { getFormattedDate, getIcon, getSeverityColor, getStatus } from './inbox.utils';
 export var InboxTab;
 (function (InboxTab) {
-    InboxTab[InboxTab["AlertLog"] = 0] = "AlertLog";
-    InboxTab[InboxTab["MyAlerts"] = 1] = "MyAlerts";
-    InboxTab[InboxTab["Subscribe"] = 2] = "Subscribe";
+    InboxTab[InboxTab["AlertsNew"] = 0] = "AlertsNew";
+    InboxTab[InboxTab["AlertHistory"] = 1] = "AlertHistory";
+    InboxTab[InboxTab["MyAlerts"] = 2] = "MyAlerts";
+    InboxTab[InboxTab["Subscribe"] = 3] = "Subscribe";
 })(InboxTab || (InboxTab = {}));
+const alertsTab = (tab) => html `
+  <zero-tab-panel
+    slot="alert-log-tab"
+    class="alert-log-tab-panel"
+    id=${tab}
+    style=${(x) => x.checkActiveTab(tab)}
+  >
+    <div class="search">
+      <zero-text-field
+        class="search-input"
+        :value=${sync((x) => x.searchAlertLog)}
+        placeholder="Search Alerts..."
+        autocomplete="off"
+      ></zero-text-field>
+    </div>
+    <div class="alert-log-tab-content">
+      ${repeat((x) => x.alertsFilter, html `
+          <div class="toast" id=${(x) => x.ALERT_ID}>
+            <div
+              class="toast-severity"
+              style="background-color: ${(x) => getSeverityColor(x.NOTIFY_SEVERITY)}"
+            ></div>
+            <div class="toast-content">
+              ${when((x) => x.ALERT_STATUS === AlertStatus.NEW, html `
+                  <div class="close-icon" @click=${(x, c) => c.parent.dismissAlert(x.ALERT_ID)}>
+                    <zero-icon name="times"></zero-icon>
+                  </div>
+                `)}
+              <span class="toast-header">${(x) => x.HEADER}</span>
+              <span class="toast-message">${(x) => x.MESSAGE}</span>
+              <div class="toast-bottom" slot="bottom">
+                <span class="toast-date" slot="date">${(x) => getFormattedDate(x.CREATED_AT)}</span>
+              </div>
+            </div>
+          </div>
+        `)}
+    </div>
+  </zero-tab-panel>
+`;
 /**
  * @public
  */
 export const FoundationInboxTemplate = html `
   <div class="inbox-content">
-    <zero-tabs ${ref('tabs')} appearance="secondary" activeid=${(x) => InboxTab.AlertLog}>
+    <zero-tabs ${ref('tabs')} appearance="secondary" activeid=${(x) => InboxTab.AlertsNew}>
       <zero-tab
         slot="alert-log-tab"
-        id=${InboxTab.AlertLog}
-        @click=${(x) => x.inboxTabChanged(InboxTab.AlertLog)}
+        id=${InboxTab.AlertsNew}
+        @click=${(x) => x.inboxTabChanged(InboxTab.AlertsNew)}
         appearance="secondary"
       >
-        Alert Log
+        Alerts
+      </zero-tab>
+      <zero-tab
+        slot="alert-log-tab"
+        id=${InboxTab.AlertHistory}
+        @click=${(x) => x.inboxTabChanged(InboxTab.AlertHistory)}
+        appearance="secondary"
+      >
+        Alert History
       </zero-tab>
       ${when((x) => { var _a; return (_a = x.auth.currentUser) === null || _a === void 0 ? void 0 : _a.hasPermission(NotifyPermission.NotificationRuleView); }, html `
           <zero-tab
@@ -29,7 +78,7 @@ export const FoundationInboxTemplate = html `
             @click=${(x) => x.inboxTabChanged(InboxTab.MyAlerts)}
             appearance="secondary"
           >
-            My Alerts
+            Subscriptions
           </zero-tab>
         `)}
       ${when((x) => { var _a; return (_a = x.auth.currentUser) === null || _a === void 0 ? void 0 : _a.hasPermission(NotifyPermission.NotificationRuleTemplateView); }, html `
@@ -44,40 +93,7 @@ export const FoundationInboxTemplate = html `
         `)}
 
       <!-- Alerts -->
-      <zero-tab-panel
-        slot="alert-log-tab"
-        class="alert-log-tab-panel"
-        id=${InboxTab.AlertLog}
-        style=${(x) => x.checkActiveTab(InboxTab.AlertLog)}
-      >
-        <div class="search">
-          <zero-text-field
-            class="search-input"
-            :value=${sync((x) => x.searchAlertLog)}
-            placeholder="Search Alerts..."
-            autocomplete="off"
-          ></zero-text-field>
-        </div>
-        <div class="alert-log-tab-content">
-          ${repeat((x) => x.alertsFilter, html `
-              <div class="toast" id=${(x) => x.ALERT_ID}>
-                <div
-                  class="toast-severity"
-                  style="background-color: ${(x) => getSeverityColor(x.NOTIFY_SEVERITY)}"
-                ></div>
-                <div class="toast-content">
-                  <span class="toast-header">${(x) => x.HEADER}</span>
-                  <span class="toast-message">${(x) => x.MESSAGE}</span>
-                  <div class="toast-bottom" slot="bottom">
-                    <span class="toast-date" slot="date">
-                      ${(x) => getFormattedDate(x.CREATED_AT)}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            `)}
-        </div>
-      </zero-tab-panel>
+      ${(x) => alertsTab(InboxTab.AlertsNew)} ${(x) => 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-inbox/inbox.types.js

@@ -1,3 +1,8 @@
+export var AlertStatus;
+(function (AlertStatus) {
+    AlertStatus["NEW"] = "NEW";
+    AlertStatus["DISMISSED"] = "DISMISSED";
+})(AlertStatus || (AlertStatus = {}));
 export var RuleStatus;
 (function (RuleStatus) {
     RuleStatus["ENABLED"] = "ENABLED";

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

@@ -23,8 +23,8 @@ let RuleDialog = class RuleDialog extends FASTElement {
         this.resources = [];
     }
     openDialog(params) {
-        var _a, _b, _c;
         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.ruleDialogMode = params.mode;

package/dist/esm/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.js

@@ -24,8 +24,8 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
         this.topics = [];
     }
     openDialog(params) {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             this.resources = yield this.systemService.getResources(); // TODO: Tables + Views
             this.topics = yield this.notifyService.getNotifyRouteTopics();
             this.templateDialogMode = params.mode;

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

@@ -3,7 +3,7 @@ import { Connect } from '@genesislcap/foundation-comms';
 import { DI } from '@microsoft/fast-foundation';
 class AlertServiceImpl {
     getAlerts() {
-        return this.connect.stream('ALL_NOTIFY_AUDIT', (streamMessage) => {
+        return this.connect.stream('ALL_NOTIFY_ALERT_RECORDS', (streamMessage) => {
             () => { };
         }, (x) => { });
     }

package/package.json

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