@genesislcap/pbc-notify-ui 1.0.45 → 1.0.47

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,EAAiB,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAK5E,qBAKa,sBAAuB,SAAQ,cAAc;IAC5C,KAAK,EAAE,MAAM,CAAK;IACN,YAAY,EAAE,sBAAsB,CAAC;IAC7D,OAAO,CAAC,mBAAmB,CAAgB;IAErC,iBAAiB;IAQvB,oBAAoB;CAIrB"}
+{"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,EAAiB,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAI5E,qBAKa,sBAAuB,SAAQ,cAAc;IAC5C,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/inbox-base/inbox-base.d.ts

@@ -1,4 +1,5 @@
 import { Auth } from '@genesislcap/foundation-comms';
+import { Expression } from '@genesislcap/foundation-criteria';
 import type { Tabs } from '@genesislcap/foundation-ui';
 import { GenesisElement } from '@genesislcap/web-core';
 import { AlertService } from '../../../services/alert.service';
@@ -20,9 +21,16 @@ export declare class FoundationInboxBase extends GenesisElement {
     templates: RuleTemplate[];
     templatesFilter: RuleTemplate[];
     searchAlertLog: string;
+    severitySearchValue: string;
+    titleSearchValue: string;
+    bodySearchValue: string;
     searchSubscribe: string;
     ruleTemplateDetails: NotificationRuleTemplateReply;
     selectedTab: InboxTab;
+    fromDatePickerValue: string;
+    toDatePickerValue: string;
+    criteriaMatchAlertStatus: Expression;
+    reverse: boolean;
     tabs: Tabs;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
@@ -31,6 +39,7 @@ export declare class FoundationInboxBase extends GenesisElement {
     rulesChanged: () => Rule[];
     templatesChanged: () => RuleTemplate[];
     filterSearchAlertLog(): void;
+    reverseOrder(reverse: boolean): void;
     filterSearchSubscribe(): void;
     dismissAlert(alertId: string): void;
     validateResponse(response: any): void;
@@ -39,5 +48,6 @@ export declare class FoundationInboxBase extends GenesisElement {
     playPauseAlert(ruleClicked: Rule): Promise<void>;
     deleteAlert(ruleClicked: Rule): Promise<void>;
     openTemplateSubscription(ruleTemplate: any): Promise<void>;
+    formatDateForMatchCriteria(date: any): any;
 }
 //# 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,EAAE,MAAM,+BAA+B,CAAC;AAErD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAc,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAGrE,OAAO,EACL,KAAK,EAEL,QAAQ,EACR,6BAA6B,EAC7B,IAAI,EAEJ,YAAY,EACb,MAAM,gBAAgB,CAAC;AAExB,qBAAa,mBAAoB,SAAQ,cAAc;IAC/C,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,cAAc,EAAE,MAAM,CAAQ;IAC9B,eAAe,EAAE,MAAM,CAAQ;IAC/B,mBAAmB,EAAE,6BAA6B,CAAQ;IAC1D,WAAW,EAAE,QAAQ,CAAuB;IAEjD,IAAI,EAAE,IAAI,CAAC;IAEZ,iBAAiB;IAWvB,oBAAoB;IAMd,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAuBxC,aAAa,gBAA2C;IAExD,YAAY,eAAyC;IAErD,gBAAgB,uBAAiD;IAEjE,oBAAoB;IAUpB,qBAAqB;IAarB,YAAY,CAAC,OAAO,EAAE,MAAM;IAI5B,gBAAgB,CAAC,QAAQ,KAAA;IASzB,gBAAgB;IAyBhB,SAAS;IAEH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAO7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;CAWjD"}
+{"version":3,"file":"inbox-base.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-inbox/inbox-base/inbox-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAEL,UAAU,EAIX,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAc,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAGrE,OAAO,EACL,KAAK,EACL,QAAQ,EACR,6BAA6B,EAC7B,IAAI,EAEJ,YAAY,EACb,MAAM,gBAAgB,CAAC;AAYxB,qBAAa,mBAAoB,SAAQ,cAAc;IAC/C,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,cAAc,EAAE,MAAM,CAAQ;IAC9B,mBAAmB,EAAE,MAAM,CAAQ;IACnC,gBAAgB,EAAE,MAAM,CAAQ;IAChC,eAAe,EAAE,MAAM,CAAQ;IAE/B,eAAe,EAAE,MAAM,CAAQ;IAC/B,mBAAmB,EAAE,6BAA6B,CAAQ;IAC1D,WAAW,EAAE,QAAQ,CAAuB;IAE5C,mBAAmB,EAAE,MAAM,CAAQ;IACnC,iBAAiB,EAAE,MAAM,CAAQ;IAEjC,wBAAwB,EAAE,UAAU,CAAC;IACrC,OAAO,EAAE,OAAO,CAAS;IAE9B,IAAI,EAAE,IAAI,CAAC;IAEZ,iBAAiB;IAiBvB,oBAAoB;IAMd,eAAe,CAAC,QAAQ,EAAE,QAAQ;IA+BxC,aAAa,gBAA2C;IAExD,YAAY,eAAyC;IAErD,gBAAgB,uBAAiD;IAEjE,oBAAoB;IAiDpB,YAAY,CAAC,OAAO,EAAE,OAAO;IAK7B,qBAAqB;IAarB,YAAY,CAAC,OAAO,EAAE,MAAM;IAI5B,gBAAgB,CAAC,QAAQ,KAAA;IASzB,gBAAgB;IA4BhB,SAAS;IAEH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAO7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;IAYhD,0BAA0B,CAAC,IAAI,KAAA;CAIhC"}

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":"AAqDA,eAAO,MAAM,WAAW,iDA+BvB,CAAC;AAEF,eAAO,MAAM,yBAAyB,iDAkDrC,CAAC;AAEF,eAAO,MAAM,aAAa,iDAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,iDAYrB,CAAC;AAEF,eAAO,MAAM,eAAe,iDA0D3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,iDAwBjC,CAAC"}
+{"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AAyFA,eAAO,MAAM,WAAW,iDA+BvB,CAAC;AAEF,eAAO,MAAM,yBAAyB,iDAkDrC,CAAC;AAEF,eAAO,MAAM,aAAa,iDAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,iDAYrB,CAAC;AAEF,eAAO,MAAM,eAAe,iDA0D3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,iDAwBjC,CAAC"}

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":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAoE/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAoJnC,CAAC"}
+{"version":3,"file":"inbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsJ/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAoJnC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/notification-dashboard.d.ts

@@ -6,6 +6,7 @@ import { GenesisElement } from '@genesislcap/web-core';
 export declare class FoundationNotificationDashboard extends GenesisElement {
     auth: Auth;
     ready: boolean;
+    hasPermissions: boolean;
     connectedCallback(): Promise<void>;
     /**
      * Load remote components

package/dist/dts/components/foundation-notification-dashboard/notification-dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-dashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAiB,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAKlF;;GAEG;AACH,qBAKa,+BAAgC,SAAQ,cAAc;IAC3D,IAAI,EAAE,IAAI,CAAC;IACL,KAAK,EAAE,OAAO,CAAS;IAE7B,iBAAiB;IAKvB;;;;OAIG;IACG,WAAW;CAIlB"}
+{"version":3,"file":"notification-dashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAiB,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAMlF;;GAEG;AACH,qBAKa,+BAAgC,SAAQ,cAAc;IAC3D,IAAI,EAAE,IAAI,CAAC;IACL,KAAK,EAAE,OAAO,CAAS;IACvB,cAAc,EAAE,OAAO,CAAQ;IAErC,iBAAiB;IAUvB;;;;OAIG;IACG,WAAW;CAIlB"}

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

@@ -1 +1 @@
-{"version":3,"file":"notification-dashboard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,qCAAqC,iDAMjD,CAAC"}
+{"version":3,"file":"notification-dashboard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,qCAAqC,iDAejD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"notification-dashboard.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAMhF,eAAO,MAAM,uCAAuC,sFAsCnD,CAAC"}
+{"version":3,"file":"notification-dashboard.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAMhF,eAAO,MAAM,uCAAuC,sFAiDnD,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/types/severity.d.ts

@@ -2,6 +2,18 @@ export declare const SEVERITY_INFORMATION = "INFORMATION";
 export declare const SEVERITY_CRITICAL = "CRITICAL";
 export declare const SEVERITY_SERIOUS = "SERIOUS";
 export declare const SEVERITY_WARNING = "WARNING";
-export declare const ALL_SEVERITIES: readonly ["INFORMATION", "CRITICAL", "SERIOUS", "WARNING"];
+export declare const ALL_SEVERITIES: readonly [{
+    readonly type: "INFORMATION";
+    readonly text: "Information";
+}, {
+    readonly type: "WARNING";
+    readonly text: "Warning";
+}, {
+    readonly type: "SERIOUS";
+    readonly text: "Serious";
+}, {
+    readonly type: "CRITICAL";
+    readonly text: "Critical";
+}];
 export type Severity = (typeof ALL_SEVERITIES)[number];
 //# sourceMappingURL=severity.d.ts.map

package/dist/dts/components/foundation-notification-dashboard/types/severity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"severity.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-notification-dashboard/types/severity.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,gBAAgB,CAAC;AAClD,eAAO,MAAM,iBAAiB,aAAa,CAAC;AAC5C,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAC1C,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C,eAAO,MAAM,cAAc,4DAKjB,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"severity.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-notification-dashboard/types/severity.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,gBAAgB,CAAC;AAClD,eAAO,MAAM,iBAAiB,aAAa,CAAC;AAC5C,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAC1C,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C,eAAO,MAAM,cAAc;;;;;;;;;;;;EAKjB,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"sandbox.d.ts","sourceRoot":"","sources":["../../src/sandbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAY,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAsB,cAAc,EAA0B,MAAM,uBAAuB,CAAC;AAEnG,qBAea,qBAAsB,SAAQ,cAAc;IAC9C,OAAO,EAAG,OAAO,CAAC;IACrB,IAAI,EAAG,IAAI,CAAC;IACN,KAAK,UAAS;IAEpB,iBAAiB;CAqBxB"}
+{"version":3,"file":"sandbox.d.ts","sourceRoot":"","sources":["../../src/sandbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAY,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAsB,cAAc,EAA0B,MAAM,uBAAuB,CAAC;AAEnG,qBA+Ba,qBAAsB,SAAQ,cAAc;IAC9C,OAAO,EAAG,OAAO,CAAC;IACrB,IAAI,EAAG,IAAI,CAAC;IACN,KAAK,UAAS;IAEpB,iBAAiB;CAqBxB"}

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

@@ -5,7 +5,7 @@ export type SubscribeCallback = ({ store }: {
     store: FoundationInboxServiceStore;
 }) => any;
 export interface FoundationInboxService {
-    subscribe(callback: SubscribeCallback): void;
+    subscribe(callback: SubscribeCallback, reverse: boolean, criteriaMatch: string): void;
     unsubscribe(callback: SubscribeCallback): void;
 }
 export declare const FoundationInboxService: import("@microsoft/fast-foundation").InterfaceSymbol<FoundationInboxService>;

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

@@ -1 +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;AAsFD,eAAO,MAAM,sBAAsB,8EAElC,CAAC"}
+{"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,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IACtF,WAAW,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAChD;AA0FD,eAAO,MAAM,sBAAsB,8EAElC,CAAC"}

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

@@ -1,7 +1,6 @@
 import { __awaiter, __decorate } from "tslib";
 import { customElement, GenesisElement, observable } from '@genesislcap/web-core';
 import { FoundationInboxService } from '../../../../services/inbox.service';
-import { AlertStatus } from '../../inbox.types';
 import { FoundationInboxCounterStyles } from './foundation-inbox-counter.styles';
 import { FoundationInboxCounterTemplate } from './foundation-inbox-counter.template';
 let FoundationInboxCounter = class FoundationInboxCounter extends GenesisElement {
@@ -16,9 +15,9 @@ let FoundationInboxCounter = class FoundationInboxCounter extends GenesisElement
         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.value = store === null || store === void 0 ? void 0 : store.items.length;
             };
-            this.inboxService.subscribe(this.subscriptionHandler);
+            this.inboxService.subscribe(this.subscriptionHandler, false, "ALERT_STATUS=='NEW'");
         });
     }
     disconnectedCallback() {

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

@@ -1,5 +1,6 @@
 import { __awaiter, __decorate } from "tslib";
 import { Auth } from '@genesislcap/foundation-comms';
+import { CriteriaBuilder, ExpressionBuilder, Serialisers, } from '@genesislcap/foundation-criteria';
 import { showNotificationDialog } from '@genesislcap/foundation-notifications';
 import { GenesisElement, observable } from '@genesislcap/web-core';
 import { AlertService } from '../../../services/alert.service';
@@ -8,7 +9,15 @@ import { RuleService } from '../../../services/rule.service';
 import { TemplateService } from '../../../services/template.service';
 import { logger } from '../../../utils';
 import { showNotificationError } from '../../foundation-notification-dashboard/notification-dashboard.utils';
-import { AlertStatus, InboxTab, RuleStatus, } from '../inbox.types';
+import { InboxTab, RuleStatus, } from '../inbox.types';
+const criteriaBuilder = () => new CriteriaBuilder();
+const expressionBuilder = (field, value, serialiser) => {
+    return new ExpressionBuilder()
+        .withField(field)
+        .withValue(value)
+        .withSerialiser(serialiser)
+        .build();
+};
 export class FoundationInboxBase extends GenesisElement {
     constructor() {
         super(...arguments);
@@ -19,15 +28,20 @@ export class FoundationInboxBase extends GenesisElement {
         this.templates = [];
         this.templatesFilter = [];
         this.searchAlertLog = null;
+        this.severitySearchValue = null;
+        this.titleSearchValue = null;
+        this.bodySearchValue = null;
         this.searchSubscribe = null;
         this.ruleTemplateDetails = null;
         this.selectedTab = InboxTab.ALERTS_NEW;
+        this.fromDatePickerValue = null;
+        this.toDatePickerValue = null;
+        this.reverse = false;
         // #endregion
         // #region Changed Events
         this.alertsChanged = () => (this.alertsFilter = this.alerts);
         this.rulesChanged = () => (this.rulesFilter = this.rules);
         this.templatesChanged = () => (this.templatesFilter = this.templates);
-        // #endregion
     }
     connectedCallback() {
         const _super = Object.create(null, {
@@ -35,11 +49,11 @@ export class FoundationInboxBase extends GenesisElement {
         });
         return __awaiter(this, void 0, void 0, function* () {
             _super.connectedCallback.call(this);
+            this.criteriaMatchAlertStatus = expressionBuilder('ALERT_STATUS', 'NEW', Serialisers.equals);
             this.alertSubscription = ({ store }) => {
                 this.alerts = (store === null || store === void 0 ? void 0 : store.items) || [];
-                this.filterSearchAlertLog();
             };
-            this.inboxService.subscribe(this.alertSubscription);
+            this.inboxService.subscribe(this.alertSubscription, false, criteriaBuilder().withExpression(this.criteriaMatchAlertStatus).build());
             this.rules = yield this.ruleService.getRules();
             this.templates = yield this.templateService.getRuleTemplates();
         });
@@ -55,7 +69,11 @@ export class FoundationInboxBase extends GenesisElement {
             this.ruleTemplateDetails = null;
             switch (inboxTab) {
                 case InboxTab.ALERTS_NEW:
+                    this.criteriaMatchAlertStatus = expressionBuilder('ALERT_STATUS', 'NEW', Serialisers.equals);
+                    this.filterSearchAlertLog();
+                    break;
                 case InboxTab.ALERT_HISTORY:
+                    this.criteriaMatchAlertStatus = expressionBuilder('ALERT_STATUS', 'NEW', Serialisers.NE);
                     this.filterSearchAlertLog();
                     break;
                 case InboxTab.MY_ALERTS:
@@ -71,10 +89,31 @@ export class FoundationInboxBase extends GenesisElement {
         });
     }
     filterSearchAlertLog() {
-        this.alertsFilter = this.alerts.filter((alert) => (!this.searchAlertLog ||
-            alert.HEADER.toLowerCase().startsWith(this.searchAlertLog.toLowerCase())) &&
-            ((this.selectedTab === InboxTab.ALERTS_NEW && alert.ALERT_STATUS === AlertStatus.NEW) ||
-                (this.selectedTab === InboxTab.ALERT_HISTORY && alert.ALERT_STATUS !== AlertStatus.NEW)));
+        const filterCriteria = criteriaBuilder();
+        filterCriteria.withExpression(this.criteriaMatchAlertStatus);
+        if (this.titleSearchValue) {
+            filterCriteria.withExpression(expressionBuilder('HEADER', this.titleSearchValue, Serialisers.containsIgnoreCase));
+        }
+        if (this.bodySearchValue) {
+            filterCriteria.withExpression(expressionBuilder('MESSAGE', this.bodySearchValue, Serialisers.containsIgnoreCase));
+        }
+        if (this.severitySearchValue) {
+            filterCriteria.withExpression(expressionBuilder('NOTIFY_SEVERITY', this.severitySearchValue, Serialisers.equals));
+        }
+        if (this.fromDatePickerValue) {
+            filterCriteria.withExpression(expressionBuilder('CREATED_AT', this.formatDateForMatchCriteria(this.fromDatePickerValue), Serialisers.dateIsGreaterEqual));
+        }
+        if (this.toDatePickerValue) {
+            filterCriteria.withExpression(expressionBuilder('CREATED_AT', this.formatDateForMatchCriteria(this.toDatePickerValue), Serialisers.dateIsLessEqual));
+        }
+        // Refresh the data subscription
+        this.inboxService.unsubscribe(this.alertSubscription);
+        this.alerts = [];
+        this.inboxService.subscribe(this.alertSubscription, this.reverse, filterCriteria.build());
+    }
+    reverseOrder(reverse) {
+        this.reverse = reverse;
+        this.filterSearchAlertLog();
     }
     filterSearchSubscribe() {
         if (!this.searchSubscribe) {
@@ -107,7 +146,9 @@ export class FoundationInboxBase extends GenesisElement {
                 confirmingActions: [
                     {
                         label: 'Confirm',
-                        action: () => this.alertService.dismissAllNotifyAlerts().then((response) => this.validateResponse(response)),
+                        action: () => this.alertService
+                            .dismissAllNotifyAlerts()
+                            .then((response) => this.validateResponse(response)),
                     },
                 ],
             },
@@ -152,6 +193,11 @@ export class FoundationInboxBase extends GenesisElement {
             this.ruleTemplateDetails = yield this.templateService.getRuleTemplateDetails(ruleTemplate.ID);
         });
     }
+    // #endregion
+    formatDateForMatchCriteria(date) {
+        const split = date.split('-');
+        return split[0] + split[1] + split[2];
+    }
 }
 __decorate([
     Auth
@@ -189,6 +235,15 @@ __decorate([
 __decorate([
     observable
 ], FoundationInboxBase.prototype, "searchAlertLog", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "severitySearchValue", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "titleSearchValue", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "bodySearchValue", void 0);
 __decorate([
     observable
 ], FoundationInboxBase.prototype, "searchSubscribe", void 0);
@@ -198,3 +253,15 @@ __decorate([
 __decorate([
     observable
 ], FoundationInboxBase.prototype, "selectedTab", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "fromDatePickerValue", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "toDatePickerValue", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "criteriaMatchAlertStatus", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "reverse", void 0);

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

@@ -27,7 +27,7 @@ const tabs = css `
 const search = css `
   .search {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     flex: 0;
     padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 3px);
     border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
@@ -40,12 +40,48 @@ const search = css `
     width: 100%;
   }
 
+  .select-input {
+    min-width: 155px;
+    margin-right: 5px;
+  }
+
   .search-input::part(root) {
     width: 100%;
   }
 
   .clear-all {
+    width: 100%;
     min-width: auto;
+    margin-right: 10px;
+  }
+
+  .search-label {
+    color: var(--neutral-foreground-hint);
+    padding-right: 5px;
+    min-width: fit-content;
+  }
+
+  .date-input {
+    margin-bottom: 0;
+  }
+
+  .date-input::part(control) {
+    width: 105px;
+  }
+
+  .sort-button {
+    color: var(--accent-foreground-rest);
+    font-size: calc(var(--design-unit) * 3px);
+    padding-right: 10px;
+    text-decoration: none;
+  }
+
+  .sort-button:active {
+    color: var(--neutral-foreground-hint);
+  }
+
+  .sort-button-selected {
+    text-decoration: underline var(--neutral-foreground-hint);
   }
 `;
 export const inboxHeader = css `

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

@@ -1,5 +1,6 @@
-import { html, ref, repeat, when } from '@genesislcap/web-core';
+import { classNames, html, ref, repeat, when } from '@genesislcap/web-core';
 import { NotifyPermission } from '../../utils/notifyPermissions';
+import { ALL_SEVERITIES } from '../foundation-notification-dashboard/types/severity';
 import { AlertStatus, InboxTab } from './inbox.types';
 import { getFormattedDate, getIcon, getSeverityColor, getStatus } from './inbox.utils';
 const alertsTab = (tab) => html `
@@ -10,25 +11,104 @@ const alertsTab = (tab) => html `
     style=${(x) => (x.selectedTab === tab ? '' : 'display: none;')}
   >
     <div class="search">
+      <div style="display:flex; align-items: center;">
+        <label part="label" for="control" class="search-label">
+          <slot>Severity ...</slot>
+        </label>
+        <rapid-select
+          class="select-input"
+          :value=${(x) => x.severitySearchValue}
+          @input=${(x, c) => {
+    x.severitySearchValue = c.event.target.value;
+    x.filterSearchAlertLog();
+}}
+          autocomplete="off"
+        >
+          <rapid-option value="">--Select--</rapid-option>
+          ${repeat((x) => ALL_SEVERITIES, html `
+              <rapid-option
+                value=${(x) => x.text}
+                style="color: ${(x) => getSeverityColor(x.type)}"
+              >
+                ${(x) => x.text}
+              </rapid-option>
+            `)}
+        </rapid-select>
+
+        <label part="label" for="control" class="search-label">
+          <slot>From ...</slot>
+        </label>
+        <rapid-text-field
+          class="date-input"
+          type="date"
+          :value=${(x) => x.fromDatePickerValue}
+          @input=${(x, c) => {
+    x.fromDatePickerValue = c.event.target.value;
+    x.filterSearchAlertLog();
+}}
+        ></rapid-text-field>
+
+        <label part="label" for="control" class="search-label" style="padding-left: 5px">
+          <slot>To ...</slot>
+        </label>
+        <rapid-text-field
+          class="date-input"
+          type="date"
+          :value=${(x) => x.toDatePickerValue}
+          @input=${(x, c) => {
+    x.toDatePickerValue = c.event.target.value;
+    x.filterSearchAlertLog();
+}}
+        ></rapid-text-field>
+      </div>
+
       <rapid-text-field
         class="search-input"
+        :value=${(x) => x.titleSearchValue}
         @input=${(x, c) => {
-    x.searchAlertLog = c.event.target.value;
+    x.titleSearchValue = c.event.target.value;
     x.filterSearchAlertLog();
 }}
-        placeholder="Search Alerts..."
+        placeholder="Search by Title..."
         autocomplete="off"
       ></rapid-text-field>
 
-      ${when(() => tab === InboxTab.ALERTS_NEW, html `
-          <rapid-button
-            class="clear-all"
-            appearance="primary"
-            @click=${(x) => x.dismissAllAlerts()}
-          >
-            Clear All
-          </rapid-button>
-        `)}
+      <rapid-text-field
+        class="search-input"
+        :value=${(x) => x.bodySearchValue}
+        @input=${(x, c) => {
+    x.bodySearchValue = c.event.target.value;
+    x.filterSearchAlertLog();
+}}
+        placeholder="Search by Body ..."
+        autocomplete="off"
+      ></rapid-text-field>
+
+      <div style="display:flex; align-items: center; justify-content: end;">
+        ${when(() => tab === InboxTab.ALERTS_NEW, html `
+            <rapid-button
+              class="clear-all"
+              appearance="primary"
+              @click=${(x) => x.dismissAllAlerts()}
+            >
+              Clear All
+            </rapid-button>
+          `)}
+        <a
+          href="#"
+          class="${(x) => classNames('sort-button', ['sort-button-selected', x.reverse])}"
+          @click="${(x) => x.reverseOrder(true)}"
+        >
+          Asc
+        </a>
+        <a
+          href="#"
+          class="${(x) => classNames('sort-button', ['sort-button-selected', !x.reverse])}"
+          @click="${(x) => x.reverseOrder(false)}"
+        >
+          Desc
+        </a>
+      </div>
     </div>
 
     <div class="alert-log-tab-content">

package/dist/esm/components/foundation-notification-dashboard/notification-dashboard.js

@@ -3,6 +3,7 @@ import { Auth } from '@genesislcap/foundation-comms';
 import { customElement, GenesisElement, observable } from '@genesislcap/web-core';
 import { loadRemotes } from '../components';
 import { FoundationNotificationDashboardStyles as styles } from './notification-dashboard.styles';
+import { NOTIFICATION_DASHBOARD_TABS } from './notification-dashboard.tabs';
 import { FoundationNotificationDashboardTemplate as template } from './notification-dashboard.template';
 /**
  * @public
@@ -11,6 +12,7 @@ let FoundationNotificationDashboard = class FoundationNotificationDashboard exte
     constructor() {
         super(...arguments);
         this.ready = false;
+        this.hasPermissions = true;
     }
     connectedCallback() {
         const _super = Object.create(null, {
@@ -18,6 +20,7 @@ let FoundationNotificationDashboard = class FoundationNotificationDashboard exte
         });
         return __awaiter(this, void 0, void 0, function* () {
             _super.connectedCallback.call(this);
+            this.hasPermissions = NOTIFICATION_DASHBOARD_TABS.some((tabCfg) => this.auth.currentUser.hasPermission(tabCfg.right));
             yield this.loadRemotes();
         });
     }
@@ -39,6 +42,9 @@ __decorate([
 __decorate([
     observable
 ], FoundationNotificationDashboard.prototype, "ready", void 0);
+__decorate([
+    observable
+], FoundationNotificationDashboard.prototype, "hasPermissions", void 0);
 FoundationNotificationDashboard = __decorate([
     customElement({
         name: 'foundation-notification-dashboard',

package/dist/esm/components/foundation-notification-dashboard/notification-dashboard.styles.js

@@ -8,4 +8,13 @@ export const FoundationNotificationDashboardStyles = css `
   rapid-tab-panel {
     height: 100%;
   }
+
+  .no-permissions {
+    font-family: var(--body-font);
+    color: var(--neutral-foreground-rest);
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 `;

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

@@ -1,27 +1,34 @@
-import { html, repeat, when } from '@genesislcap/web-core';
+import { html, repeat, when, whenElse } from '@genesislcap/web-core';
 import { NOTIFICATION_DASHBOARD_TABS, } from './notification-dashboard.tabs';
 export const FoundationNotificationDashboardTemplate = html `
   <div class="notification-dashboard">
-    <rapid-tabs class="tabs">
-      <!-- Tabs -->
-      ${repeat((_) => NOTIFICATION_DASHBOARD_TABS, html `
-          ${when((x, c) => c.parent.auth.currentUser.hasPermission(x.right), html `
-              <rapid-tab slot="${(x) => x.id}-tab">${(x) => x.name}</rapid-tab>
+    ${whenElse((x) => x.hasPermissions, html `
+        <rapid-tabs class="tabs">
+          <!-- Tabs -->
+          ${repeat((_) => NOTIFICATION_DASHBOARD_TABS, html `
+              ${when((x, c) => c.parent.auth.currentUser.hasPermission(x.right), html `
+                  <rapid-tab slot="${(x) => x.id}-tab">${(x) => x.name}</rapid-tab>
+                `)}
             `)}
-        `)}
 
-      <!-- Panels -->
-      ${repeat((_) => NOTIFICATION_DASHBOARD_TABS, html `
-          ${when((x, c) => c.parent.auth.currentUser.hasPermission(x.right), html `
-              ${
+          <!-- Panels -->
+          ${repeat((_) => NOTIFICATION_DASHBOARD_TABS, html `
+              ${when((x, c) => c.parent.auth.currentUser.hasPermission(x.right), html `
+                  ${
 /* HTML Render */
 (x) => html `
-                  <rapid-tab-panel slot="${x.id}-tab" id="${x.id}-tab-panel">
-                    <${x.component}></${x.component}>
-                  </rapid-tab-panel>
-                `}
+                        <rapid-tab-panel slot="${x.id}-tab"
+                                         id="${x.id}-tab-panel">
+                            <${x.component}></${x.component}>
+                        </rapid-tab-panel>
+                      `}
+                `)}
             `)}
-        `)}
-    </rapid-tabs>
+        </rapid-tabs>
+      `, html `
+        <div class="no-permissions">
+          <label>User has no permissions to view Notification Screens</label>
+        </div>
+      `)}
   </div>
 `;

package/dist/esm/components/foundation-notification-dashboard/types/severity.js

@@ -3,8 +3,8 @@ export const SEVERITY_CRITICAL = 'CRITICAL';
 export const SEVERITY_SERIOUS = 'SERIOUS';
 export const SEVERITY_WARNING = 'WARNING';
 export const ALL_SEVERITIES = [
-    SEVERITY_INFORMATION,
-    SEVERITY_CRITICAL,
-    SEVERITY_SERIOUS,
-    SEVERITY_WARNING,
+    { type: SEVERITY_INFORMATION, text: 'Information' },
+    { type: SEVERITY_WARNING, text: 'Warning' },
+    { type: SEVERITY_SERIOUS, text: 'Serious' },
+    { type: SEVERITY_CRITICAL, text: 'Critical' },
 ];

package/dist/esm/sandbox.js

@@ -44,12 +44,28 @@ ReconciliationSandbox = __decorate([
         template: html `
     ${when((x) => x.ready, html `
         <rapid-design-system-provider>
-          <foundation-notification-dashboard></foundation-notification-dashboard>
-          <!-- <foundation-inbox></foundation-inbox> -->
+          <rapid-tabs>
+            <rapid-tab slot="dashboard">Dashboard</rapid-tab>
+            <rapid-tab slot="inbox">Inbox</rapid-tab>
+            <rapid-tab slot="counter">Counter</rapid-tab>
+            <rapid-tab-panel>
+              <foundation-notification-dashboard></foundation-notification-dashboard>
+            </rapid-tab-panel>
+            <rapid-tab-panel>
+              <foundation-inbox></foundation-inbox>
+            </rapid-tab-panel>
+            <rapid-tab-panel>
+              <foundation-inbox-counter></foundation-inbox-counter>
+            </rapid-tab-panel>
+          </rapid-tabs>
         </rapid-design-system-provider>
       `)}
   `,
-        styles: css ``,
+        styles: css `
+    foundation-inbox {
+      position: absolute;
+    }
+  `,
     })
 ], ReconciliationSandbox);
 export { ReconciliationSandbox };

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

@@ -10,7 +10,7 @@ class FoundationInboxServiceImpl {
         };
         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() {
+    getStream(reverse, criteriaMatch) {
         return this.connect.stream('ALL_NOTIFY_ALERT_RECORDS', (result) => {
             this.sourceRef = result.SOURCE_REF;
             if (!(result === null || result === void 0 ? void 0 : result.ROW)) {
@@ -37,15 +37,15 @@ class FoundationInboxServiceImpl {
                 }
             }
             this.subscriptions.forEach((callback) => callback({ store: this.store }));
-        }, (response) => logger.error(response));
+        }, (response) => logger.error(response), Object.assign({ REVERSE: reverse }, (criteriaMatch != '' && { CRITERIA_MATCH: criteriaMatch })));
     }
-    subscribe(callback) {
+    subscribe(callback, reverse, criteriaMatch) {
         this.subscriptions.push(callback);
         if (this.stream) {
             callback({ store: this.store });
             return;
         }
-        this.stream = this.getStream();
+        this.stream = this.getStream(reverse, criteriaMatch);
         this.stream.subscribe();
     }
     unsubscribe(callback) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"
@@ -125,7 +125,8 @@
     "@genesislcap/rapid-grid-pro": "~14",
     "@genesislcap/rapid-design-system": "~14",
     "@genesislcap/g2plot-chart": "~14",
-    "@genesislcap/web-core": "~14"
+    "@genesislcap/web-core": "~14",
+    "@genesislcap/foundation-criteria": "~14"
   },
   "publishConfig": {
     "access": "public"