@genesislcap/pbc-notify-ui 1.0.1 → 1.0.2

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

@@ -1,42 +0,0 @@
-import { __awaiter, __decorate } from "tslib";
-import { Connect } from '@genesislcap/foundation-comms';
-import { Toast, zeroToastTemplate } from '@genesislcap/foundation-zero';
-import { customElement } from '@microsoft/fast-element';
-import { FoundationInboxToastStyles } from './foundation-inbox-toast.styles';
-let FoundationInboxToast = class FoundationInboxToast extends Toast {
-    connectedCallback() {
-        const _super = Object.create(null, {
-            connectedCallback: { get: () => super.connectedCallback }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            _super.connectedCallback.call(this);
-            this.addEventListener('remove-toast', this.close);
-        });
-    }
-    close() {
-        super.close();
-        this.removeMessage(this.id);
-    }
-    removeMessage(ALERT_ID) {
-        this.connect.commitEvent('EVENT_DISMISS_NOTIFY_ALERT', {
-            DETAILS: {
-                ALERT_ID,
-            },
-        });
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('remove-toast', this.close);
-    }
-};
-__decorate([
-    Connect
-], FoundationInboxToast.prototype, "connect", void 0);
-FoundationInboxToast = __decorate([
-    customElement({
-        name: 'foundation-inbox-toast',
-        template: zeroToastTemplate,
-        styles: FoundationInboxToastStyles,
-    })
-], FoundationInboxToast);
-export { FoundationInboxToast };

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

@@ -1,25 +0,0 @@
-import { zeroToastStyles } from '@genesislcap/foundation-zero';
-import { css } from '@microsoft/fast-element';
-export const FoundationInboxToastStyles = css `
-  ${zeroToastStyles}
-
-  .toast {
-    --toast-min-width: none;
-    --toast-max-width: none;
-
-    width: calc(100% - (2 * var(--design-unit) * 5px));
-    background: transparent;
-    box-shadow: none;
-    margin: 0;
-    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 5px);
-    border: none;
-  }
-
-  .toast .close-icon {
-    display: none;
-  }
-
-  .toast .bottom {
-    width: 100%;
-  }
-`;

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

@@ -1,27 +0,0 @@
-const MESSAGE_TYPE_INFORMATION = 'Information';
-const MESSAGE_TYPE_WARNING = 'Warning';
-const MESSAGE_TYPE_SERIOUS = 'Serious';
-const MESSAGE_TYPE_CRITICAL = 'Critical';
-export const ALL_MESSAGE_TYPES = [
-    MESSAGE_TYPE_INFORMATION,
-    MESSAGE_TYPE_WARNING,
-    MESSAGE_TYPE_SERIOUS,
-    MESSAGE_TYPE_CRITICAL,
-];
-export const SEVERITY_TYPE_DEFAULT = 'default';
-const SEVERITY_TYPE_WARNING = 'warning';
-const SEVERITY_TYPE_SERIOUS = 'serious';
-const SEVERITY_TYPE_CRITICAL = 'critical';
-export const ALL_SEVERITIES_TYPES = [
-    SEVERITY_TYPE_DEFAULT,
-    SEVERITY_TYPE_WARNING,
-    SEVERITY_TYPE_SERIOUS,
-    SEVERITY_TYPE_CRITICAL,
-];
-export const MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE = new Map([
-    [MESSAGE_TYPE_INFORMATION, SEVERITY_TYPE_DEFAULT],
-    [MESSAGE_TYPE_WARNING, SEVERITY_TYPE_WARNING],
-    [MESSAGE_TYPE_SERIOUS, SEVERITY_TYPE_SERIOUS],
-    [MESSAGE_TYPE_CRITICAL, SEVERITY_TYPE_CRITICAL],
-]);
-export const DEBOUNCED_SEARCH_TIME = 500;

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

@@ -1,27 +0,0 @@
-import { css, html } from '@microsoft/fast-element';
-import { FASTElementLayout } from '@microsoft/fast-router';
-export const defaultLayout = new FASTElementLayout(html `
-    <div class="container">
-      <div class="content">
-        <slot></slot>
-      </div>
-    </div>
-  `, css `
-    :host {
-    }
-
-    .container {
-      width: 100%;
-      height: 100%;
-      display: block;
-      position: relative;
-    }
-
-    .content {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-    }
-  `);

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

@@ -1 +0,0 @@
-export * from './default';

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

@@ -1,109 +0,0 @@
-import { __awaiter, __decorate, __param } from "tslib";
-import { Auth, Connect } from '@genesislcap/foundation-comms';
-import { DI } from '@microsoft/fast-foundation';
-import { DEBOUNCED_SEARCH_TIME } from '../inbox.config';
-import { NotifyResourceNames } from '../inbox.types';
-import { logger, transformMessageToNotify } from '../utils';
-let FoundationInboxServiceImpl = class FoundationInboxServiceImpl {
-    constructor(connect, auth) {
-        this.connect = connect;
-        this.auth = auth;
-        this.resourceName = NotifyResourceNames.ALL_RECORDS;
-        this.subscriptions = [];
-        this.store = {
-            notifies: []
-        };
-    }
-    getNotificationRules() {
-        let notificationRules = [];
-        this.connect.request('NOTIFICATION_RULE').then((response) => {
-            if (!response.REPLY) {
-                return;
-            }
-            notificationRules = response.REPLY;
-        });
-        return notificationRules;
-    }
-    getStream() {
-        return this.connect.stream(this.resourceName, (result) => {
-            this.sourceRef = result.SOURCE_REF;
-            if (!(result === null || result === void 0 ? void 0 : result.ROW)) {
-                this.store.notifies = [];
-                return;
-            }
-            if (result.SEQUENCE_ID === 1) {
-                const newNotifies = [];
-                result.ROW.forEach((row) => newNotifies.push(transformMessageToNotify(row)));
-                this.store.notifies = newNotifies;
-            }
-            else {
-                const details = result === null || result === void 0 ? void 0 : result.ROW[0];
-                if ((details === null || details === void 0 ? void 0 : details.DETAILS.OPERATION) === 'DELETE') {
-                    const notifyItemIndex = this.store.notifies.findIndex(({ rowRef }) => rowRef === details.DETAILS.ROW_REF);
-                    if (notifyItemIndex > -1) {
-                        this.store.notifies.splice(notifyItemIndex, 1);
-                    }
-                }
-                if ((details === null || details === void 0 ? void 0 : details.DETAILS.OPERATION) === 'INSERT') {
-                    this.store.notifies.push(transformMessageToNotify(details));
-                }
-            }
-            this.subscriptions.forEach((callback) => callback({ store: this.store }));
-        }, (response) => logger.error('Error: Could not load notify data.' + response));
-    }
-    subscribe(callback) {
-        this.subscriptions.push(callback);
-        if (this.stream) {
-            callback({ store: this.store });
-        }
-        else {
-            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 = {
-            notifies: []
-        };
-        this.sourceRef = undefined;
-    }
-    filter(filterTypes, payload) {
-        const criteriaByFilterType = {
-            search: `(Expr.containsIgnoreCase(MESSAGE, '${payload['search']}') || Expr.containsIgnoreCase(HEADER, '${payload['search']}'))`,
-            severity: `NOTIFY_SEVERITY == '${payload['severity']}'`,
-        };
-        const CRITERIA_MATCH = filterTypes
-            .map((filterType) => criteriaByFilterType[filterType])
-            .join(' && ');
-        return new Promise((resolve) => {
-            if (this.debounced) {
-                clearTimeout(this.debounced);
-                this.debounced = null;
-            }
-            this.debounced = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-                const { ROW: rows } = yield this.connect.snapshot(this.resourceName, { CRITERIA_MATCH });
-                let newNotifies = [];
-                if (rows) {
-                    newNotifies = rows.map((row) => transformMessageToNotify(row));
-                }
-                return resolve(newNotifies);
-            }), DEBOUNCED_SEARCH_TIME);
-        });
-    }
-};
-FoundationInboxServiceImpl = __decorate([
-    __param(0, Connect),
-    __param(1, Auth)
-], FoundationInboxServiceImpl);
-export const FoundationInboxService = DI.createInterface((x) => x.singleton(FoundationInboxServiceImpl));

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

@@ -1 +0,0 @@
-export * from './styles';

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

@@ -1,13 +0,0 @@
-import { css } from '@microsoft/fast-element';
-export const mixinScreen = (display = 'block') => `
-  contain: content;
-  display: ${display};
-  height: 100%;
-  width: 100%;
-  overflow-y: auto;
-`;
-export const inboxStyles = css `
-  :host {
-    display: flex;
-  }
-`;

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

@@ -1,4 +0,0 @@
-import { MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE } from '../inbox.config';
-export const getSeverityByMessageType = (severityType) => {
-    return [...MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE].find(([ignore, val]) => val == severityType)[0];
-};

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

@@ -1,3 +0,0 @@
-export * from './logger';
-export * from './transformMessageToNotify';
-export * from './getSeverityByMessageType';

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

@@ -1,2 +0,0 @@
-import { createLogger } from '@genesislcap/foundation-logger';
-export const logger = createLogger('foundation-inbox');

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

@@ -1,12 +0,0 @@
-import { formatDateTimeTimestamp } from '@genesislcap/foundation-utils';
-import { SEVERITY_TYPE_DEFAULT, MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE } from '../inbox.config';
-export const transformMessageToNotify = (notifyRow) => {
-    return {
-        id: notifyRow.ALERT_ID,
-        rowRef: notifyRow.DETAILS.ROW_REF,
-        title: notifyRow.HEADER,
-        content: notifyRow.MESSAGE,
-        date: formatDateTimeTimestamp(notifyRow.CREATED_AT),
-        type: MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE.get(notifyRow.NOTIFY_SEVERITY) || SEVERITY_TYPE_DEFAULT,
-    };
-};

package/dist/esm/layouts/default.js

@@ -1,27 +0,0 @@
-import { css, html } from '@microsoft/fast-element';
-import { FASTElementLayout } from '@microsoft/fast-router';
-export const defaultLayout = new FASTElementLayout(html `
-    <div class="container">
-      <div class="content">
-        <slot></slot>
-      </div>
-    </div>
-  `, css `
-    :host {
-    }
-
-    .container {
-      width: 100%;
-      height: 100%;
-      display: block;
-      position: relative;
-    }
-
-    .content {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-    }
-  `);

package/dist/esm/layouts/index.js

@@ -1 +0,0 @@
-export * from './default';

package/dist/esm/styles/index.js

@@ -1 +0,0 @@
-export * from './styles';

package/dist/esm/styles/styles.js

@@ -1,13 +0,0 @@
-import { css } from '@microsoft/fast-element';
-export const mixinScreen = (display = 'block') => `
-  contain: content;
-  display: ${display};
-  height: 100%;
-  width: 100%;
-  overflow-y: auto;
-`;
-export const notificationDashboardStyles = css `
-  :host {
-    display: flex;
-  }
-`;