@genesislcap/pbc-notify-ui 1.0.41 → 1.0.42

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

@@ -1 +1 @@
-{"version":3,"file":"inbox-subscription.template.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,yBAAyB,wEA2CrC,CAAC"}
+{"version":3,"file":"inbox-subscription.template.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,yBAAyB,wEA4CrC,CAAC"}

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

@@ -35,6 +35,7 @@ export declare class FoundationInboxBase extends GenesisElement {
     private filterAlerts;
     searchSubscribeChanged: () => void;
     dismissAlert(alertId: string): void;
+    dismissAllAlerts(): void;
     editAlert(): void;
     playPauseAlert(ruleClicked: Rule): Promise<void>;
     deleteAlert(ruleClicked: Rule): Promise<void>;

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;AACrD,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;AAErE,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,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;IAI3B,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;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;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;AAErE,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,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;IAI3B,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;IAIF,YAAY,CAAC,OAAO,EAAE,MAAM;IAI5B,gBAAgB;IAyBhB,SAAS;IAEH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAO7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;CAWjD"}

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

@@ -1,3 +1,8 @@
+export declare const inboxHeader: import("@microsoft/fast-element").ElementStyles;
+export declare const alertsNewAndAlertsHistory: import("@microsoft/fast-element").ElementStyles;
+export declare const subscriptions: import("@microsoft/fast-element").ElementStyles;
+export declare const subscribe: import("@microsoft/fast-element").ElementStyles;
+export declare const ruleAndTemplate: import("@microsoft/fast-element").ElementStyles;
 /**
  * @public
  */

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,iDA2NjC,CAAC"}
+{"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AAoDA,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,iDAuBjC,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":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkD/C;;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,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA8D/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAiJnC,CAAC"}

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

@@ -2,6 +2,7 @@ import { Message, SocketObservable } from '@genesislcap/foundation-comms';
 export interface AlertService {
     getAlerts(): SocketObservable<Message<any>>;
     dismissNotifyAlert(alertId: string): any;
+    dismissAllNotifyAlerts(): any;
 }
 export declare const AlertService: import("@microsoft/fast-foundation").InterfaceSymbol<AlertService>;
 //# sourceMappingURL=alert.service.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.service.d.ts","sourceRoot":"","sources":["../../../src/services/alert.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGnF,MAAM,WAAW,YAAY;IAC3B,SAAS,IAAI,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,kBAAkB,CAAC,OAAO,EAAE,MAAM,OAAE;CACrC;AAwBD,eAAO,MAAM,YAAY,oEAAyE,CAAC"}
+{"version":3,"file":"alert.service.d.ts","sourceRoot":"","sources":["../../../src/services/alert.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGnF,MAAM,WAAW,YAAY;IAC3B,SAAS,IAAI,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,kBAAkB,CAAC,OAAO,EAAE,MAAM,OAAE;IACpC,sBAAsB,QAAG;CAC1B;AA4BD,eAAO,MAAM,YAAY,oEAAyE,CAAC"}

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

@@ -28,6 +28,7 @@ export const InboxSubscriptionTemplate = html `
     <div class="inbox-subscription-footer">
       <rapid-button
         class="subscribe"
+        appearance="primary"
         @click=${(x) => x.subscribeTemplate()}
         ?disabled=${(x) => x.subscribeDisabled}
       >

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 { showNotificationDialog } from '@genesislcap/foundation-notifications';
 import { GenesisElement, observable } from '@genesislcap/web-core';
 import { AlertService } from '../../../services/alert.service';
 import { FoundationInboxService } from '../../../services/inbox.service';
@@ -92,6 +93,24 @@ export class FoundationInboxBase extends GenesisElement {
     dismissAlert(alertId) {
         this.alertService.dismissNotifyAlert(alertId);
     }
+    dismissAllAlerts() {
+        showNotificationDialog({
+            title: 'Confirm Clear All',
+            body: `Do you really want to clear all the alerts? This action can't be undone.`,
+            dialog: {
+                dismissingAction: {
+                    label: 'Dismiss',
+                    action: () => null,
+                },
+                confirmingActions: [
+                    {
+                        label: 'Confirm',
+                        action: () => this.alertService.dismissAllNotifyAlerts(),
+                    },
+                ],
+            },
+        }, 'rapid');
+    }
     // #endregion
     // #region Subscriptions
     // TODO:

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

@@ -1,17 +1,5 @@
 import { css } from '@genesislcap/web-core';
-/**
- * @public
- */
-export const FoundationInboxStyles = css `
-  .inbox {
-    width: 100%;
-    height: 100%;
-    background: var(--neutral-layer-4);
-    display: flex;
-    flex-direction: column;
-  }
-
-  /* Tabs */
+const tabs = css `
   rapid-tabs {
     display: flex;
     flex-direction: column;
@@ -31,22 +19,35 @@ export const FoundationInboxStyles = css `
     min-height: 0;
   }
 
-  /* Search */
+  rapid-tab-panel {
+    padding: 0;
+  }
+`;
+const search = css `
   .search {
+    display: flex;
+    flex-direction: row;
+    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);
-    flex: 0;
+    gap: calc(var(--design-unit) * 2px);
   }
 
   .search-input {
     display: flex;
+    margin: 0;
+    width: 100%;
   }
 
   .search-input::part(root) {
     width: 100%;
   }
 
-  /* Inbox Header */
+  .clear-all {
+    min-width: auto;
+  }
+`;
+export const inboxHeader = css `
   .inbox-header {
     display: flex;
     flex: 0;
@@ -77,16 +78,8 @@ export const FoundationInboxStyles = css `
   .inbox-header-close::part(start) {
     margin-inline-end: 0;
   }
-
-  /* Inbox Content */
-  .inbox-content {
-    flex: 1;
-    min-height: 0;
-    display: flex;
-    height: calc(100% - 54px);
-  }
-
-  /* Alert Log */
+`;
+export const alertsNewAndAlertsHistory = css `
   .alert-log-tab-panel {
     display: flex;
     flex-direction: column;
@@ -136,8 +129,8 @@ export const FoundationInboxStyles = css `
     color: var(--neutral-foreground-hint);
     font-size: calc(var(--design-unit) * 3px);
   }
-
-  /* My Alerts */
+`;
+export const subscriptions = css `
   .my-alerts-tab-panel {
     display: flex;
     flex-direction: column;
@@ -149,8 +142,8 @@ export const FoundationInboxStyles = css `
     flex: 1;
     overflow: auto;
   }
-
-  /* Subscribe */
+`;
+export const subscribe = css `
   .subscribe-tab-panel {
     display: flex;
     flex-direction: column;
@@ -162,8 +155,8 @@ export const FoundationInboxStyles = css `
     flex: 1;
     overflow: auto;
   }
-
-  /* Rule and Template */
+`;
+export const ruleAndTemplate = css `
   .template {
     cursor: pointer;
   }
@@ -222,3 +215,30 @@ export const FoundationInboxStyles = css `
     cursor: pointer;
   }
 `;
+/**
+ * @public
+ */
+export const FoundationInboxStyles = css `
+  :host {
+    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    display: flex;
+    min-height: 0;
+    height: 100%;
+  }
+
+  ${tabs}
+  ${search}
+  ${inboxHeader}
+  ${alertsNewAndAlertsHistory}
+
+  .inbox-content {
+    flex: 1;
+    display: flex;
+    min-height: 0;
+  }
+
+  ${alertsNewAndAlertsHistory}
+  ${subscriptions}
+  ${subscribe}
+  ${ruleAndTemplate}
+`;

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

@@ -17,6 +17,15 @@ const alertsTab = (tab) => html `
         placeholder="Search Alerts..."
         autocomplete="off"
       ></rapid-text-field>
+      ${when(() => tab === InboxTab.AlertsNew, html `
+          <rapid-button
+            class="clear-all"
+            appearance="primary"
+            @click=${(x) => x.dismissAllAlerts()}
+          >
+            Clear All
+          </rapid-button>
+        `)}
     </div>
     <div class="alert-log-tab-content">
       ${repeat((x) => x.alertsFilter, html `
@@ -110,7 +119,7 @@ export const FoundationInboxTemplate = html `
                         <span class="rule-action-edit" @click=${(x, c) => c.parent.editAlert(x)}}>
                           <rapid-icon name="gear"></rapid-icon>
                         </span>
-                      -->
+                        -->
                         <span
                           class="rule-action-enable-disable"
                           @click=${(x, c) => c.parent.playPauseAlert(x)}

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

@@ -16,6 +16,11 @@ class AlertServiceImpl {
             });
         });
     }
+    dismissAllNotifyAlerts() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.connect.commitEvent('EVENT_DISMISS_ALL_NOTIFY_ALERT');
+        });
+    }
 }
 __decorate([
     Connect

package/package.json

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