@genesislcap/pbc-notify-ui 1.0.10 → 1.0.12

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

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-flyout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAItD,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEhD,qBAKa,qBAAsB,SAAQ,mBAAmB;IAC5D,MAAM,EAAE,MAAM,CAAC;IACH,YAAY,EAAE,OAAO,CAAQ;IAE5B,IAAI;IAIV,KAAK;CAGb"}
+{"version":3,"file":"foundation-inbox-flyout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAItD,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEhD,qBAKa,qBAAsB,SAAQ,mBAAmB;IAE5D,MAAM,EAAE,MAAM,CAAC;IACH,YAAY,EAAE,OAAO,CAAQ;IAE5B,IAAI;IAIV,KAAK;CAGb"}

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

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-flyout.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,iDAavC,CAAC"}
+{"version":3,"file":"foundation-inbox-flyout.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,iDAcvC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-flyout.template.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,eAAO,MAAM,6BAA6B,4EAezC,CAAC"}
+{"version":3,"file":"foundation-inbox-flyout.template.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,eAAO,MAAM,6BAA6B,4EAsBzC,CAAC"}

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

@@ -15,7 +15,6 @@ export declare class RuleDialog extends FASTElement {
     name: string;
     description: string;
     resource: string;
-    tableId: string;
     topic: string;
     topics: string[];
     resourceFields: Field[];

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

@@ -1 +1 @@
-{"version":3,"file":"rule-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAiB,WAAW,EAAc,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAQ,cAAc,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI7E,OAAO,EAAE,sBAAsB,EAAE,KAAK,EAAkB,MAAM,uDAAuD,CAAC;AAOtH,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,qBAKa,UAAW,SAAQ,WAAW;IAE5B,WAAW,EAAE,WAAW,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAE5C,MAAM,EAAE,MAAM,CAAC;IACH,cAAc,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAEjF,OAAO,CAAC,MAAM,CAAS;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAM;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAM;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,KAAK,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAM;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAE/C,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAE7B,UAAU,CAAC,MAAM,EAAE,gBAAgB;IAoDhD,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,MAAM;IAmCN,gBAAgB,CAAC,QAAQ,KAAA;IAoBzB,KAAK;IAiBL,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAGrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAWlD,eAAe;IAKrB,oBAAoB,IAAI,sBAAsB;CAS/C"}
+{"version":3,"file":"rule-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAiB,WAAW,EAAc,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAQ,cAAc,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI7E,OAAO,EAAE,sBAAsB,EAAE,KAAK,EAAkB,MAAM,uDAAuD,CAAC;AAMtH,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,qBAKa,UAAW,SAAQ,WAAW;IAE5B,WAAW,EAAE,WAAW,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAE5C,MAAM,EAAE,MAAM,CAAC;IACH,cAAc,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAEjF,OAAO,CAAC,MAAM,CAAS;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAM;IACtB,KAAK,EAAE,MAAM,CAAM;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,KAAK,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAM;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAE/C,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAE7B,UAAU,CAAC,MAAM,EAAE,gBAAgB;IAkDhD,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,MAAM;IAiCN,gBAAgB,CAAC,QAAQ,KAAA;IAoBzB,KAAK;IAgBL,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAGrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAWlD,eAAe;IAKrB,oBAAoB,IAAI,sBAAsB;CAS/C"}

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

@@ -1 +1 @@
-{"version":3,"file":"rule-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.styles.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,gBAAgB,iDA4D5B,CAAC"}
+{"version":3,"file":"rule-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.styles.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,gBAAgB,iDA4D5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"rule-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAO1E,eAAO,MAAM,kBAAkB,EAAE,YAyJhC,CAAC"}
+{"version":3,"file":"rule-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAO1E,eAAO,MAAM,kBAAkB,EAAE,YA2IhC,CAAC"}

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

@@ -16,7 +16,6 @@ export declare class TemplateDialog extends FASTElement {
     resource: string;
     topic: any;
     severity: any;
-    tableId: any;
     parameters: Array<ParameterBuilderEntity>;
     conditions: Array<ConditionBuilderEntity>;
     resources: Array<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"template-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAGjF,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,kBAAkB,EAAY,MAAM,yBAAyB,CAAC;AAGvH,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAKtD,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvE,qBAKa,cAAe,SAAQ,WAAW;IAE5B,mBAAmB,EAAE,eAAe,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAEhC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,MAAC;IACP,OAAO,MAAC;IACR,QAAQ,EAAE,MAAM,CAAM;IACtB,KAAK,MAAC;IACN,QAAQ,MAAC;IACT,OAAO,MAAC;IAER,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAC/C,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAE/C,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAC9B,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAM;IACxB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAE3B,kBAAkB,EAAE,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;IAE7F,MAAM,EAAE,MAAM,CAAC;IAEF,UAAU,CAAC,MAAM,EAAE,GAAG;IAqEnC,IAAI,mBAAmB,IAAI,MAAM,CAKhC;IAED,MAAM;IAwCN,gBAAgB,CAAC,QAAQ,KAAA;IAoBzB,KAAK;IAkBL,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAGrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAYxD,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAIrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAWlD,eAAe;CAOtB"}
+{"version":3,"file":"template-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAGjF,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,kBAAkB,EAAY,MAAM,yBAAyB,CAAC;AAGvH,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAKtD,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvE,qBAKa,cAAe,SAAQ,WAAW;IAE5B,mBAAmB,EAAE,eAAe,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAEhC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,MAAC;IACP,OAAO,MAAC;IACR,QAAQ,EAAE,MAAM,CAAM;IACtB,KAAK,MAAC;IACN,QAAQ,MAAC;IAET,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAC/C,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAE/C,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAC9B,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAM;IACxB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAE3B,kBAAkB,EAAE,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;IAE7F,MAAM,EAAE,MAAM,CAAC;IAEF,UAAU,CAAC,MAAM,EAAE,GAAG;IAmEnC,IAAI,mBAAmB,IAAI,MAAM,CAKhC;IAED,MAAM;IAsCN,gBAAgB,CAAC,QAAQ,KAAA;IAoBzB,KAAK;IAkBL,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAGrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAYxD,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAIrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAWlD,eAAe;CAItB"}

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

@@ -1 +1 @@
-{"version":3,"file":"template-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.styles.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,oBAAoB,iDA8DhC,CAAC"}
+{"version":3,"file":"template-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.styles.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,oBAAoB,iDA8DhC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"template-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAM1E,eAAO,MAAM,sBAAsB,EAAE,YAmLpC,CAAC"}
+{"version":3,"file":"template-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAM1E,eAAO,MAAM,sBAAsB,EAAE,YAoKpC,CAAC"}

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

@@ -12,5 +12,6 @@ export const FoundationInboxFlyoutStyles = css `
     display: flex;
     flex-direction: column;
   }
+  
   ${InboxStyles}
 `;

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

@@ -1,18 +1,25 @@
 import { html, ref } from '@microsoft/fast-element';
 import { FoundationInboxTemplate } from '../../inbox.template';
 export const FoundationInboxFlyoutTemplate = html `
-  <zero-flyout ${ref('flyout')} position="right" @closed=${(x) => (x.flyoutClosed = true)} :closed=${(x) => x.flyoutClosed} displayHeader=${false}>
+  <zero-flyout
+    ${ref('flyout')}
+    position="right"
+    @closed=${x => x.flyoutClosed = true}
+    :closed=${x => x.flyoutClosed}
+    displayHeader=${false}
+  >
     <div class="inbox-header">
-        <div class="inbox-header-title">
-              Alerts
-        </div>
-        <zero-button
-            class="inbox-header-close"
-            @click=${x => x.close()}
-        >
-              <zero-icon part="icon" name="xmark" size="xl"></zero-icon>
-        </zero-button>
+      <div class="inbox-header-title">
+        Alerts
+      </div>
+      <zero-button
+        class="inbox-header-close"
+        @click=${x => x.close()}
+      >
+        <zero-icon part="icon" name="xmark" size="xl"></zero-icon>
+      </zero-button>
     </div>
+    
     ${FoundationInboxTemplate}
   </zero-flyout>
 `;

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

@@ -11,142 +11,142 @@ export var InboxTab;
  * @public
  */
 export const FoundationInboxTemplate = html `
-    <div class="inbox-content">
-      <zero-tabs ${(ref('tabs'))} appearance="secondary" activeid=${x => InboxTab.AlertLog}>
-        <zero-tab slot="alert-log-tab"
-          id=${x => InboxTab.AlertLog}
-          @click=${x => x.inboxTabChanged(InboxTab.AlertLog)}
-          appearance="secondary"
-        >
-          Alert Log
-        </zero-tab>
-        <zero-tab
-          slot="my-alerts-tab"
-          id=${x => InboxTab.MyAlerts}
-          @click=${x => x.inboxTabChanged(InboxTab.MyAlerts)}
-          appearance="secondary"
-        >
-          My Alerts
-        </zero-tab>
-        <zero-tab
-          slot="subscribe-tab"
-          id=${x => InboxTab.Subscribe}
-          @click=${x => x.inboxTabChanged(InboxTab.Subscribe)}
-          appearance="secondary"
-        >
-          Subscribe
-        </zero-tab>
-        
-        <!-- Alerts -->
-        <zero-tab-panel
-          slot="alert-log-tab"
-          class="alert-log-tab-panel"
-          id=${x => 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 class="toast-delete" @click=${(x, c) => c.parent.deleteNotifyAlert(x.ALERT_ID)}>
-                    <zero-icon name="xmark" variant="solid" size="lg"><zero-icon>
+  <div class="inbox-content">
+    <zero-tabs ${(ref('tabs'))} appearance="secondary" activeid=${x => InboxTab.AlertLog}>
+      <zero-tab slot="alert-log-tab"
+        id=${x => InboxTab.AlertLog}
+        @click=${x => x.inboxTabChanged(InboxTab.AlertLog)}
+        appearance="secondary"
+      >
+        Alert Log
+      </zero-tab>
+      <zero-tab
+        slot="my-alerts-tab"
+        id=${x => InboxTab.MyAlerts}
+        @click=${x => x.inboxTabChanged(InboxTab.MyAlerts)}
+        appearance="secondary"
+      >
+        My Alerts
+      </zero-tab>
+      <zero-tab
+        slot="subscribe-tab"
+        id=${x => InboxTab.Subscribe}
+        @click=${x => x.inboxTabChanged(InboxTab.Subscribe)}
+        appearance="secondary"
+      >
+        Subscribe
+      </zero-tab>
+      
+      <!-- Alerts -->
+      <zero-tab-panel
+        slot="alert-log-tab"
+        class="alert-log-tab-panel"
+        id=${x => 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>
-        </zero-tab-panel>
+                <div class="toast-delete" @click=${(x, c) => c.parent.deleteNotifyAlert(x.ALERT_ID)}>
+                  <zero-icon name="xmark" variant="solid" size="lg"><zero-icon>
+                </div>
+              </div>
+            `)}
+        </div>
+      </zero-tab-panel>
 
-        <!-- Rules -->
-        <zero-tab-panel
-          slot="my-alerts-tab"
-          class="my-alerts-tab-panel"
-          id=${x => InboxTab.MyAlerts}
-          style=${x => x.checkActiveTab(InboxTab.MyAlerts)}
-        >
-          <div class="my-alerts-tab-content">
-            ${repeat((x) => x.rulesFilter, html `
-                <div class="rule">
-                  <div class="rule-name">${x => x.NAME}</div>
-                  <div class="rule-expression">${x => x.RULE_EXPRESSION}</div>
-                  <div class="rule-datetime">${(x, c) => getFormattedDate(x.DATETIME)}</div>
-                  <div class="rule-status-actions">
-                    <div class="rule-status ${x => getStatus(x.RULE_STATUS).toLowerCase()}">
-                      ${(x, c) => getStatus(x.RULE_STATUS)}
-                    </div>
-                    <div class="rule-actions">
-                      <!--
-                      <span class="rule-action-edit" @click=${(x, c) => c.parent.editAlert(x)}}>
-                        <zero-icon name="gear"></zero-icon>
-                      </span>
-                      -->
-                      <span class="rule-action-enable-disable" @click=${(x, c) => c.parent.playPauseAlert(x)}>
-                        <zero-icon name=${x => getIcon(x.RULE_STATUS)}></zero-icon>
-                      </span>
-                      <span class="rule-action-delete" @click=${(x, c) => c.parent.deleteAlert(x)}>
-                        <zero-icon name="trash"></zero-icon>
-                      </span>
-                    </div>
+      <!-- Rules -->
+      <zero-tab-panel
+        slot="my-alerts-tab"
+        class="my-alerts-tab-panel"
+        id=${x => InboxTab.MyAlerts}
+        style=${x => x.checkActiveTab(InboxTab.MyAlerts)}
+      >
+        <div class="my-alerts-tab-content">
+          ${repeat((x) => x.rulesFilter, html `
+              <div class="rule">
+                <div class="rule-name">${x => x.NAME}</div>
+                <div class="rule-expression">${x => x.RULE_EXPRESSION}</div>
+                <div class="rule-datetime">${(x, c) => getFormattedDate(x.DATETIME)}</div>
+                <div class="rule-status-actions">
+                  <div class="rule-status ${x => getStatus(x.RULE_STATUS).toLowerCase()}">
+                    ${(x, c) => getStatus(x.RULE_STATUS)}
+                  </div>
+                  <div class="rule-actions">
+                    <!--
+                    <span class="rule-action-edit" @click=${(x, c) => c.parent.editAlert(x)}}>
+                      <zero-icon name="gear"></zero-icon>
+                    </span>
+                    -->
+                    <span class="rule-action-enable-disable" @click=${(x, c) => c.parent.playPauseAlert(x)}>
+                      <zero-icon name=${x => getIcon(x.RULE_STATUS)}></zero-icon>
+                    </span>
+                    <span class="rule-action-delete" @click=${(x, c) => c.parent.deleteAlert(x)}>
+                      <zero-icon name="trash"></zero-icon>
+                    </span>
                   </div>
                 </div>
-              `)}
-          </div>
-        </zero-tab-panel>
+              </div>
+            `)}
+        </div>
+      </zero-tab-panel>
 
-        <!-- Templates -->
-        <zero-tab-panel
-          slot="subscribe-tab"
-          class="subscribe-tab-panel"
-          id=${x => InboxTab.Subscribe}
-          style=${x => x.checkActiveTab(InboxTab.Subscribe)}
-        >
-          <div class="search">
-            <zero-text-field
-              class="search-input"
-              :value=${sync(x => x.searchSubscribe)}
-              placeholder="Search Templates..."
-              autocomplete="off"
-            >
-            </zero-text-field>
-          </div>
-          <div
-            class="subscribe-tab-content"
+      <!-- Templates -->
+      <zero-tab-panel
+        slot="subscribe-tab"
+        class="subscribe-tab-panel"
+        id=${x => InboxTab.Subscribe}
+        style=${x => x.checkActiveTab(InboxTab.Subscribe)}
+      >
+        <div class="search">
+          <zero-text-field
+            class="search-input"
+            :value=${sync(x => x.searchSubscribe)}
+            placeholder="Search Templates..."
+            autocomplete="off"
           >
-            ${repeat((x) => x.templatesFilter, html `
-                <div
-                  class="template"
-                  @click=${(x, c) => c.parent.openTemplateSubscription(x)}
-                  id=${(x) => x.ID}
-                >
-                  <div class="template-name">${x => x.NAME}</div>
-                  <div class="template-description">${x => x.DESCRIPTION}</div>
-                  <div class="template-datetime">${(x, c) => getFormattedDate(x.DATETIME)}</div>
-                </div>
-              `)}
-          </div>
-          ${when(x => x.ruleTemplateDetails, html `
-              <inbox-subscription
-                :template=${x => x.ruleTemplateDetails}
-                @templateSubscribed=${x => x.ruleTemplateDetails = null}
+          </zero-text-field>
+        </div>
+        <div
+          class="subscribe-tab-content"
+        >
+          ${repeat((x) => x.templatesFilter, html `
+              <div
+                class="template"
+                @click=${(x, c) => c.parent.openTemplateSubscription(x)}
+                id=${(x) => x.ID}
               >
-              </inbox-subscription>
+                <div class="template-name">${x => x.NAME}</div>
+                <div class="template-description">${x => x.DESCRIPTION}</div>
+                <div class="template-datetime">${(x, c) => getFormattedDate(x.DATETIME)}</div>
+              </div>
             `)}
-        </zero-tab-panel>
-      </zero-tabs>
-    </div>
+        </div>
+        ${when(x => x.ruleTemplateDetails, html `
+            <inbox-subscription
+              :template=${x => x.ruleTemplateDetails}
+              @templateSubscribed=${x => x.ruleTemplateDetails = null}
+            >
+            </inbox-subscription>
+          `)}
+      </zero-tab-panel>
+    </zero-tabs>
+  </div>
 `;

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

@@ -33,7 +33,6 @@ let RuleDialog = class RuleDialog extends FASTElement {
                     this.conditions.push(this.createEmptyCondition());
                     this.resource = this.resources[0];
                     this.resourceFields = yield this.systemService.getFields(this.resource);
-                    this.tableId = this.resourceFields[0].FIELD_NAME;
                     this.topic = this.topics[0];
                     this.severity = SEVERITY_INFORMATION;
                     break;
@@ -65,7 +64,6 @@ let RuleDialog = class RuleDialog extends FASTElement {
                         this.message = getAssignmentValue(assignments, 'BODY');
                         this.severity = (_c = getAssignmentValue(assignments, 'NOTIFY_SEVERITY')) === null || _c === void 0 ? void 0 : _c.toUpperCase();
                         this.topic = getAssignmentValue(assignments, 'TOPIC');
-                        this.tableId = getAssignmentValue(assignments, 'TABLE_ENTITY_ID');
                     }
                     break;
             }
@@ -81,8 +79,6 @@ let RuleDialog = class RuleDialog extends FASTElement {
             }, RESULT_EXPRESSION: {
                 ASSIGNMENTS: [
                     createAssignment('TOPIC', this.topic),
-                    createAssignment('TABLE_NAME', this.resource),
-                    createAssignment('TABLE_ENTITY_ID', this.tableId),
                     createAssignment('HEADER', this.header),
                     createAssignment('BODY', this.message),
                     createAssignment('NOTIFY_SEVERITY', humanize(this.severity))
@@ -129,7 +125,6 @@ let RuleDialog = class RuleDialog extends FASTElement {
         this.topic = null;
         this.topics = [];
         this.severity = null;
-        this.tableId = null;
         this.conditions = [];
     }
     // #region Condition
@@ -182,9 +177,6 @@ __decorate([
 __decorate([
     observable
 ], RuleDialog.prototype, "resource", void 0);
-__decorate([
-    observable
-], RuleDialog.prototype, "tableId", void 0);
 __decorate([
     observable
 ], RuleDialog.prototype, "topic", void 0);

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

@@ -4,6 +4,7 @@ const header = css `
   zero-modal::part(top) {
     padding: calc(var(--design-unit) * 4px);
     border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    margin: 0px;
   }
 
   .rule-dialog-header-title {
@@ -14,7 +15,7 @@ const header = css `
 const footer = css `
   .rule-dialog-footer {
     display: flex;
-    padding: calc(var(--design-unit) * 4px);
+    padding: 0 calc(var(--design-unit)* 4px) calc(var(--design-unit)* 4px);
   }
 
   .rule-dialog-footer .content-row {
@@ -38,7 +39,7 @@ export const RuleDialogStyles = css `
     flex-direction: column;
     width: ${String(modalWidthPx)}px;
     gap: calc(var(--design-unit) * 3px);
-    padding: 0 calc(var(--design-unit) * 4px);
+    padding: calc(var(--design-unit) * 4px);
   }
 
   .content-row {

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

@@ -47,17 +47,6 @@ export const RuleDialogTemplate = html `
           </zero-select>
         </div>
 
-        <div class="control">
-          <label>Table ID</label>
-          <zero-select
-            :value=${sync(x => x.tableId)}
-          >
-            ${repeat(x => x.resourceFields, html `
-                <zero-option value=${x => x.FIELD_NAME}>${x => x.FIELD_NAME}</zero-option>
-              `)}
-          </zero-select>
-        </div>
-
         <div class="control">
           <label>Topic</label>
           <zero-select

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

@@ -34,7 +34,6 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
                     this.conditions.push(createEmptyCondition());
                     this.resource = this.resources[0];
                     this.fields = yield this.ruleTemplateService.getFields(this.resource);
-                    this.tableId = this.fields[0].FIELD_NAME;
                     this.topic = this.topics[0];
                     this.severity = SEVERITY_INFORMATION;
                     break;
@@ -78,7 +77,6 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
                         this.message = getAssignmentValue(assignments, 'BODY');
                         this.severity = (_b = getAssignmentValue(assignments, 'NOTIFY_SEVERITY')) === null || _b === void 0 ? void 0 : _b.toUpperCase();
                         this.topic = getAssignmentValue(assignments, 'TOPIC');
-                        this.tableId = getAssignmentValue(assignments, 'TABLE_ENTITY_ID');
                     }
                     break;
                 default:
@@ -100,8 +98,6 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
             }, RAW_RULE_EXPRESSION: null, RESULT_EXPRESSION: {
                 ASSIGNMENTS: [
                     createAssignment('TOPIC', this.topic),
-                    createAssignment('TABLE_NAME', this.resource),
-                    createAssignment('TABLE_ENTITY_ID', this.tableId),
                     createAssignment('HEADER', this.header),
                     createAssignment('BODY', this.message),
                     createAssignment('NOTIFY_SEVERITY', humanize(this.severity))
@@ -186,9 +182,6 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
         return __awaiter(this, void 0, void 0, function* () {
             this.conditions = [createEmptyCondition()];
             this.fields = yield this.ruleTemplateService.getFields(this.resource);
-            if (this.fields && this.fields.length > 0) {
-                this.tableId = this.fields[0].FIELD_NAME;
-            }
         });
     }
 };
@@ -225,9 +218,6 @@ __decorate([
 __decorate([
     observable
 ], TemplateDialog.prototype, "severity", void 0);
-__decorate([
-    observable
-], TemplateDialog.prototype, "tableId", void 0);
 __decorate([
     observable
 ], TemplateDialog.prototype, "parameters", void 0);

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

@@ -4,6 +4,7 @@ const header = css `
   zero-modal::part(top) {
     padding: calc(var(--design-unit) * 4px);
     border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    margin: 0px;
   }
 
   .template-dialog-header-title {
@@ -14,7 +15,7 @@ const header = css `
 const footer = css `
   .template-dialog-footer {
     display: flex;
-    padding: calc(var(--design-unit) * 4px);
+    padding: 0 calc(var(--design-unit)* 4px) calc(var(--design-unit)* 4px);
   }
 
   .template-dialog-footer .content-row {
@@ -38,7 +39,7 @@ export const TemplateDialogStyles = css `
     flex-direction: column;
     width: ${String(modalWidthPx)}px;
     gap: calc(var(--design-unit) * 3px);
-    padding: 0 calc(var(--design-unit) * 4px);
+    padding: calc(var(--design-unit) * 4px);
   }
 
   .content-row {

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

@@ -45,18 +45,6 @@ export const TemplateDialogTemplate = html `
           </zero-select>
         </div>
 
-        <div class="control">
-          <label>Table ID</label>
-          <zero-select
-            :value=${sync(x => x.tableId)}
-            position="below"
-          >
-            ${repeat(x => x.fields, html `
-                <zero-option value=${x => x.FIELD_NAME}>${x => x.FIELD_NAME}</zero-option>
-              `)}
-          </zero-select>
-        </div>
-
         <div class="control">
           <label>Topic</label>
           <zero-select

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/dts/index.d.ts",