@genesislcap/pbc-notify-ui 1.0.45 → 1.0.46

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/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/package.json

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