@digital-realty/ix-notifications 1.0.12 → 1.0.13

package/dist/IxNotifications.d.ts

@@ -30,6 +30,7 @@ export declare class IxNotifications extends MobxLitElement {
     renderUnReadCountText(): import("lit").TemplateResult<1>;
     markAllread(): void;
     private confirmedMarkAllRead;
+    private showResultMessage;
     toggleGroupView(): void;
     displayFilters(): void;
     applyNotificationFilters(): Notification[];

package/dist/IxNotifications.js

@@ -9,7 +9,7 @@ import '@digital-realty/ix-drawer/ix-drawer.js';
 import '@digital-realty/ix-icon';
 import '@material/web/icon/icon.js';
 import { NotificationsState } from './state/NotificationState.js';
-import { NotificationGroups, NotificationStatus, } from './constants/notifications.js';
+import { ApiCallState, NotificationGroups, NotificationStatus, } from './constants/notifications.js';
 import './components/notifications/notification-item.js';
 import './components/notifications/grouped-item.js';
 import './components/notifications/group-filters.js';
@@ -73,14 +73,40 @@ export class IxNotifications extends MobxLitElement {
         // Mark All read if Confirmed True
         if (e.detail.returnValue) {
             const filterNotification = this.applyNotificationFilters();
-            filterNotification === null || filterNotification === void 0 ? void 0 : filterNotification.forEach(item => {
-                if (item.status === NotificationStatus.UNREAD)
-                    NotificationsState.setNotificationReadStatus(item.id);
-            });
-            this.renderUnReadCountText();
+            const unreadItems = filterNotification === null || filterNotification === void 0 ? void 0 : filterNotification.filter(item => item.status === NotificationStatus.UNREAD);
+            if (unreadItems.length > 0) {
+                let allResultSuccesful = true;
+                filterNotification === null || filterNotification === void 0 ? void 0 : filterNotification.forEach(item => {
+                    NotificationsState.setNotificationReadStatus(item.id).then((result) => {
+                        if (allResultSuccesful)
+                            allResultSuccesful = result;
+                    });
+                });
+                const apiResult = { State: allResultSuccesful === true ? ApiCallState.SUCCESS : ApiCallState.ERROR,
+                    Message: allResultSuccesful === true ? "Successfully marked all the notificaions as read" : "Error while marking the notifications read, Please try again"
+                };
+                this.showResultMessage(apiResult, unreadItems[0].id);
+                this.renderUnReadCountText();
+                this.requestUpdate();
+            }
         }
         this.showMarkAllReadConfirmation = false;
     }
+    showResultMessage(result, id) {
+        window.dispatchEvent(new CustomEvent("add-toast", { detail: {
+                id,
+                content: html `
+                  <ix-message-toast toastId=${id} .TMessageToast=${result.State.toLowerCase()} forceClose>                      
+                      ${result.Message}
+                  </ix-message-toast>`,
+                autoClose: 3000,
+                durationOut: 3000,
+                vertical: 'bottom',
+                horizontal: 'center',
+                animated: true,
+                above: false,
+            } }));
+    }
     toggleGroupView() {
         this.showGroupedView = !this.showGroupedView;
     }
@@ -99,9 +125,13 @@ export class IxNotifications extends MobxLitElement {
             (x.resourceType === NotificationGroups.DCIM_ALERTS &&
                 NotificationsState.notificationFilters.SHOW_DCIM_ALERTS === true) ||
             x.resourceType === NotificationGroups.INCIDENTS); // Always display incidents
-        if (NotificationsState.dateFilters.FROM_DATE === undefined ||
+        if (NotificationsState.dateFilters.FROM_DATE === undefined &&
             NotificationsState.dateFilters.TO_DATE === undefined)
             return filterredNotifications;
+        if (NotificationsState.dateFilters.FROM_DATE === undefined)
+            return filterredNotifications.filter(x => differenceInDays(new Date(x.createdAt), NotificationsState.dateFilters.TO_DATE) <= 0);
+        if (NotificationsState.dateFilters.TO_DATE === undefined)
+            return filterredNotifications.filter(x => differenceInHours(new Date(x.createdAt), NotificationsState.dateFilters.FROM_DATE) >= 0);
         return filterredNotifications.filter(x => differenceInHours(new Date(x.createdAt), NotificationsState.dateFilters.FROM_DATE) >= 0 &&
             differenceInDays(new Date(x.createdAt), NotificationsState.dateFilters.TO_DATE) <= 0);
     }
@@ -110,7 +140,7 @@ export class IxNotifications extends MobxLitElement {
     }
     renderGroupedView() {
         const filteredNotifications = this.applyNotificationFilters();
-        return html `<div>
+        return html `<div style="margin:0px">
       <grouped-item
         groupTitle=${NotificationGroups.PLANNED_MAINTENANCE}
         iconName="lab_profile"
@@ -130,7 +160,7 @@ export class IxNotifications extends MobxLitElement {
         groupTitle=${NotificationGroups.DCIM_ALERTS}
         iconName="public"
         .childItems=${filteredNotifications === null || filteredNotifications === void 0 ? void 0 : filteredNotifications.filter(item => item.resourceType === NotificationGroups.DCIM_ALERTS)}
-      ></grouped-item>
+      ></grouped-item>      
     </div>`;
     }
     renderDefaultView() {
@@ -264,7 +294,7 @@ export class IxNotifications extends MobxLitElement {
           ${this.showGroupedView
             ? this.renderGroupedView()
             : this.renderDefaultView()}
-        </div>
+        </div>        
       </ix-drawer>
     `;
     }

package/dist/IxNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxNotifications.js","sourceRoot":"","sources":["../src/IxNotifications.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { MobxLitElement } from '@adobe/lit-mobx';\nimport { differenceInDays, differenceInHours } from 'date-fns';\nimport { TWStyles } from './tw.js';\nimport '@digital-realty/ix-button/ix-button.js';\nimport '@digital-realty/ix-drawer/ix-drawer.js';\nimport '@digital-realty/ix-icon';\nimport '@material/web/icon/icon.js';\nimport { NotificationsState } from './state/NotificationState.js';\nimport { Notification } from './models/notification.js';\nimport {\n  ConfirmationDialogEventDetail,\n  FilterDialogEventDetail,\n} from './constants/notification-types.js';\nimport {\n  NotificationGroups,\n  NotificationStatus,\n} from './constants/notifications.js';\nimport './components/notifications/notification-item.js';\nimport './components/notifications/grouped-item.js';\nimport './components/notifications/group-filters.js';\nimport './components/notifications/date-filters.js';\nimport './components/notifications/confirmation-dialog.js';\nimport { NotificationsStyle } from './styles/notifications-style.js';\n\nexport class IxNotifications extends MobxLitElement {\n  static styles = [TWStyles, NotificationsStyle];\n\n  @query('group-filters') groupFilters!: HTMLElement;\n\n  @query('ix-icon-button#group-filter-button') groupFiltersButton!: HTMLElement;\n\n  @query('date-filters') dateFilters!: HTMLElement;\n\n  @query('ix-icon-button#date-filters-button') dateFiltersButton!: HTMLElement;\n\n  @state() private showDrawer = false;\n\n  @state() private showGroupedView = false;\n\n  @state() private showFilters = false;\n\n  @state() private showDateFilters = false;\n\n  @state() private showMarkAllReadConfirmation = false;\n\n  @property({ type: String }) baseApiUrl = '';\n\n  @property({ type: String }) localStorageKey = '';\n\n  async firstUpdated() {\n    // Construct ApiClient form baseApiUrl and localStorageKey\n    NotificationsState.baseApiUrl = this.baseApiUrl;\n    NotificationsState.localStorageKey = this.localStorageKey;\n    NotificationsState.ConstructApiClient();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\n      'account-switched',\n      NotificationsState.NewApiClient\n    );\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener(\n      'account-switched',\n      NotificationsState.NewApiClient\n    );\n  }\n\n  toggleDrawer() {\n    this.showDrawer = !this.showDrawer;\n    if (!this.showDrawer) {\n      this.showFilters = false;\n      this.showDateFilters = false;\n    }\n  }\n\n  /* eslint-disable-next-line */\n  renderUnReadCountText() {\n    if (NotificationsState.unreadNotificationCount <= 0) {\n      return html`${nothing}`;\n    }\n\n    let unreadCountText = '';\n    if (NotificationsState.unreadNotificationCount > 99) {\n      unreadCountText = '99+';\n    } else {\n      unreadCountText = NotificationsState.unreadNotificationCount.toString();\n    }\n\n    return html` <div\n      class=\"unread rounded-full text-center text-white text-sm absolute icon-position -start-0\"\n    >\n      ${unreadCountText}\n    </div>`;\n  }\n\n  markAllread() {\n    this.showMarkAllReadConfirmation = true;\n  }\n\n  private confirmedMarkAllRead(e: CustomEvent<ConfirmationDialogEventDetail>) {\n    // Mark All read if Confirmed True\n    if (e.detail.returnValue) {\n      const filterNotification = this.applyNotificationFilters();\n\n      filterNotification?.forEach(item => {\n        if (item.status === NotificationStatus.UNREAD)\n          NotificationsState.setNotificationReadStatus(item.id);\n      });\n\n      this.renderUnReadCountText();\n    }\n\n    this.showMarkAllReadConfirmation = false;\n  }\n\n  toggleGroupView() {\n    this.showGroupedView = !this.showGroupedView;\n  }\n\n  displayFilters() {\n    this.showFilters = !this.showFilters;\n  }\n\n  /* eslint-disable-next-line */\n  applyNotificationFilters() {\n    const filterredNotifications = NotificationsState.notifications?.filter(\n      (x: Notification) =>\n        (x.resourceType === NotificationGroups.PLANNED_MAINTENANCE &&\n          NotificationsState.notificationFilters.SHOW_PLANNED_MAINTENANCE ===\n            true) ||\n        (x.resourceType === NotificationGroups.SERVICE_TICKETS &&\n          NotificationsState.notificationFilters.SHOW_SERVICE_TICKETS ===\n            true) ||\n        (x.resourceType === NotificationGroups.DCIM_ALERTS &&\n          NotificationsState.notificationFilters.SHOW_DCIM_ALERTS === true) ||\n        x.resourceType === NotificationGroups.INCIDENTS\n    ); // Always display incidents\n\n    if (\n      NotificationsState.dateFilters.FROM_DATE === undefined ||\n      NotificationsState.dateFilters.TO_DATE === undefined\n    )\n      return filterredNotifications;\n\n    return filterredNotifications.filter(\n      x =>\n        differenceInHours(\n          new Date(x.createdAt),\n          NotificationsState.dateFilters.FROM_DATE!\n        ) >= 0 &&\n        differenceInDays(\n          new Date(x.createdAt),\n          NotificationsState.dateFilters.TO_DATE!\n        ) <= 0\n    );\n  }\n\n  displayDateFilters() {\n    this.showDateFilters = !this.showDateFilters;\n  }\n\n  renderGroupedView() {\n    const filteredNotifications = this.applyNotificationFilters();\n\n    return html`<div>\n      <grouped-item\n        groupTitle=${NotificationGroups.PLANNED_MAINTENANCE}\n        iconName=\"lab_profile\"\n        .childItems=${filteredNotifications?.filter(\n          item => item.resourceType === NotificationGroups.PLANNED_MAINTENANCE\n        )}\n      ></grouped-item>\n      <grouped-item\n        groupTitle=${NotificationGroups.INCIDENTS}\n        iconName=\"emergency_home\"\n        .childItems=${filteredNotifications?.filter(\n          item => item.resourceType === NotificationGroups.INCIDENTS\n        )}\n      ></grouped-item>\n      <grouped-item\n        groupTitle=${NotificationGroups.SERVICE_TICKETS}\n        iconName=\"dvr\"\n        .childItems=${filteredNotifications?.filter(\n          item => item.resourceType === NotificationGroups.SERVICE_TICKETS\n        )}\n      ></grouped-item>\n      <grouped-item\n        groupTitle=${NotificationGroups.DCIM_ALERTS}\n        iconName=\"public\"\n        .childItems=${filteredNotifications?.filter(\n          item => item.resourceType === NotificationGroups.DCIM_ALERTS\n        )}\n      ></grouped-item>\n    </div>`;\n  }\n\n  renderDefaultView() {\n    const filterNotification = this.applyNotificationFilters();\n    const filterTodayItems = filterNotification.filter(\n      x => differenceInDays(x.createdAt, new Date()) === 0\n    );\n    const filterEarlierItems = filterNotification.filter(\n      x => differenceInDays(x.createdAt, new Date()) !== 0\n    );\n\n    if (filterNotification?.length! > 0) {\n      return html` <h3 class=\"grow\">Latest</h3>\n        <div class=\"m-0 p-0\">\n          ${filterTodayItems.length > 0\n            ? filterTodayItems?.map(\n                item => html`<notification-item\n                  .notificaiton=${item}\n                  ?disabled=${item.resourceType ===\n                  NotificationGroups.INCIDENTS}\n                >\n                </notification-item> `\n              )\n            : this.renderNoResult()}\n        </div>\n        <h3 class=\"grow\">Earlier</h3>\n        <div>\n          ${filterEarlierItems.length > 0\n            ? filterEarlierItems?.map(\n                item => html`<notification-item\n                  .notificaiton=${item}\n                  ?disabled=${item.resourceType ===\n                  NotificationGroups.INCIDENTS}\n                >\n                </notification-item> `\n              )\n            : this.renderNoResult()}\n        </div>`;\n    }\n\n    return html`<p class=\"empty\">No notifications yet.</p>`;\n  }\n\n  /* eslint-disable-next-line */\n  renderNoResult() {\n    return html`<p class=\"empty\">No notifications yet.</p>`;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  handleCloseClick(_e: CustomEvent<FilterDialogEventDetail>) {\n    this.showDateFilters = false;\n    this.showFilters = false;\n  }\n\n  // eslint-disable-next-line\n  handleContentScroll(e: CustomEvent) {\n    // when scrollbar at the end, retrieve next page\n    if (\n      e !== null &&\n      e.detail.scrollTop + e.detail.clientHeight >= e.detail.scrollHeight\n    ) {\n      NotificationsState.getNotifications();\n    }\n  }\n\n  manageFilterVisibility(e: Event) {\n    const path = e.composedPath();\n    if (\n      this.showFilters &&\n      !path.includes(this.groupFilters) &&\n      !path.includes(this.groupFiltersButton)\n    ) {\n      this.showFilters = false;\n    }\n    if (\n      this.showDateFilters &&\n      !path.includes(this.dateFilters) &&\n      !path.includes(this.dateFiltersButton)\n    ) {\n      this.showDateFilters = false;\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"relative\">\n        <ix-icon-button class=\"blue-icon\" @click=${() => this.toggleDrawer()}>\n          <slot name=\"icon\" slot=\"default\"></slot>\n        </ix-icon-button>\n        ${this.renderUnReadCountText()}\n      </div>\n      <confirmation-dialog\n        ?open=${this.showMarkAllReadConfirmation}\n        @confirm-dialog-closed=${() => {\n          this.showMarkAllReadConfirmation = false;\n        }}\n        @on-confirm-selection=${this.confirmedMarkAllRead}\n        textMessage=\"Are you sure you want to mark all notifications as read?\"\n      >\n      </confirmation-dialog>\n      <ix-drawer\n        ?isVisible=${this.showDrawer}\n        .onClosed=${() => this.toggleDrawer()}\n        animate-vertical\n        hide-close\n        @on-content-scroll=${this.handleContentScroll}\n        @click=${this.manageFilterVisibility}\n      >\n        <div class=\"flex flex-row justify-between grow py-2\" slot=\"header\">\n          <h2 class=\"grow items-center notification-header\">Notifications</h2>\n          <div class=\"flex flex-row justify-end grow items-center options\">\n            <ix-icon-button\n              @click=${this.markAllread}\n              icon=\"markunread_mailbox\"\n              class=\"blue-icon\"\n            ></ix-icon-button>\n            <ix-icon-button\n              @click=${this.toggleGroupView}\n              icon=\"sort\"\n              class=\"blue-icon\"\n            ></ix-icon-button>\n            <ix-icon-button\n              @click=${this.displayFilters}\n              icon=\"list\"\n              class=\"blue-icon\"\n              id=\"group-filter-button\"\n            ></ix-icon-button>\n            <div\n              class=\"filter-dropdown-content  ${this.showFilters\n                ? 'active z-50'\n                : ''}\"\n            >\n              <group-filters></group-filters>\n            </div>\n            <ix-icon-button\n              @click=${this.displayDateFilters}\n              icon=\"calendar_month\"\n              class=\"blue-icon\"\n              id=\"date-filters-button\"\n            ></ix-icon-button>\n            <div\n              class=\"datefilter-dropdown-content ${this.showDateFilters\n                ? 'active z-50'\n                : ''}\"\n              @on-selection=${this.handleCloseClick}\n            >\n              <date-filters></date-filters>\n            </div>\n          </div>\n        </div>\n        <div slot=\"content\">\n          ${this.showGroupedView\n            ? this.renderGroupedView()\n            : this.renderDefaultView()}\n        </div>\n      </ix-drawer>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"IxNotifications.js","sourceRoot":"","sources":["../src/IxNotifications.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { MobxLitElement } from '@adobe/lit-mobx';\nimport { differenceInDays, differenceInHours } from 'date-fns';\nimport { TWStyles } from './tw.js';\nimport '@digital-realty/ix-button/ix-button.js';\nimport '@digital-realty/ix-drawer/ix-drawer.js';\nimport '@digital-realty/ix-icon';\nimport '@material/web/icon/icon.js';\nimport { NotificationsState } from './state/NotificationState.js';\nimport { ApiCallResult, Notification } from './models/notification.js';\nimport {\n  ConfirmationDialogEventDetail,\n  FilterDialogEventDetail,\n} from './constants/notification-types.js';\nimport {\n  ApiCallState,\n  NotificationGroups,\n  NotificationStatus,\n} from './constants/notifications.js';\nimport './components/notifications/notification-item.js';\nimport './components/notifications/grouped-item.js';\nimport './components/notifications/group-filters.js';\nimport './components/notifications/date-filters.js';\nimport './components/notifications/confirmation-dialog.js';\nimport { NotificationsStyle } from './styles/notifications-style.js';\n\nexport class IxNotifications extends MobxLitElement {\n  static styles = [TWStyles, NotificationsStyle];\n\n  @query('group-filters') groupFilters!: HTMLElement;\n\n  @query('ix-icon-button#group-filter-button') groupFiltersButton!: HTMLElement;\n\n  @query('date-filters') dateFilters!: HTMLElement;\n\n  @query('ix-icon-button#date-filters-button') dateFiltersButton!: HTMLElement;\n\n  @state() private showDrawer = false;\n\n  @state() private showGroupedView = false;\n\n  @state() private showFilters = false;\n\n  @state() private showDateFilters = false;\n\n  @state() private showMarkAllReadConfirmation = false;\n\n  @property({ type: String }) baseApiUrl = '';\n\n  @property({ type: String }) localStorageKey = '';\n\n  async firstUpdated() {\n    // Construct ApiClient form baseApiUrl and localStorageKey\n    NotificationsState.baseApiUrl = this.baseApiUrl;\n    NotificationsState.localStorageKey = this.localStorageKey;\n    NotificationsState.ConstructApiClient();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\n      'account-switched',\n      NotificationsState.NewApiClient\n    );\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener(\n      'account-switched',\n      NotificationsState.NewApiClient\n    );\n  }\n\n  toggleDrawer() {\n    this.showDrawer = !this.showDrawer;\n    if (!this.showDrawer) {\n      this.showFilters = false;\n      this.showDateFilters = false;\n    }\n  }\n\n  /* eslint-disable-next-line */\n  renderUnReadCountText() {\n    if (NotificationsState.unreadNotificationCount <= 0) {\n      return html`${nothing}`;\n    }\n\n    let unreadCountText = '';\n    if (NotificationsState.unreadNotificationCount > 99) {\n      unreadCountText = '99+';\n    } else {\n      unreadCountText = NotificationsState.unreadNotificationCount.toString();\n    }\n\n    return html` <div\n      class=\"unread rounded-full text-center text-white text-sm absolute icon-position -start-0\"\n    >\n      ${unreadCountText}\n    </div>`;\n  }\n\n  markAllread() {\n    this.showMarkAllReadConfirmation = true;\n  }\n\n  private confirmedMarkAllRead(e: CustomEvent<ConfirmationDialogEventDetail>) {\n    // Mark All read if Confirmed True\n    if (e.detail.returnValue) {\n      const filterNotification = this.applyNotificationFilters();\n      const unreadItems = filterNotification?.filter(item => item.status === NotificationStatus.UNREAD);\n\n      if(unreadItems.length > 0) {\n        let allResultSuccesful = true;\n\n        filterNotification?.forEach(item => {\n            NotificationsState.setNotificationReadStatus(item.id).then((result : any) => \n            { \n              if(allResultSuccesful)\n                allResultSuccesful = result;\n            });\n        });\n\n        const apiResult = { State : allResultSuccesful === true? ApiCallState.SUCCESS : ApiCallState.ERROR,\n          Message : allResultSuccesful === true? \"Successfully marked all the notificaions as read\" : \"Error while marking the notifications read, Please try again\"\n        } as ApiCallResult;\n\n        this.showResultMessage(apiResult,unreadItems[0].id);\n\n        this.renderUnReadCountText();\n\n        this.requestUpdate();\n      }\n    }\n\n    this.showMarkAllReadConfirmation = false;\n  }\n\n  private showResultMessage(result: ApiCallResult, id: string )\n  {    \n    window.dispatchEvent(\n      new CustomEvent(\"add-toast\", { detail: {\n                id,\n                content: html`\n                  <ix-message-toast toastId=${id} .TMessageToast=${result.State.toLowerCase()} forceClose>                      \n                      ${result.Message}\n                  </ix-message-toast>`,\n                autoClose: 3000,\n                durationOut: 3000,\n                vertical: 'bottom',\n                horizontal: 'center',\n                animated: true,                \n                above: false,\n            } })\n    );\n  }\n\n  toggleGroupView() {\n    this.showGroupedView = !this.showGroupedView;\n  }\n\n  displayFilters() {\n    this.showFilters = !this.showFilters;\n  }\n\n  /* eslint-disable-next-line */\n  applyNotificationFilters() {\n    const filterredNotifications = NotificationsState.notifications?.filter(\n      (x: Notification) =>\n        (x.resourceType === NotificationGroups.PLANNED_MAINTENANCE &&\n          NotificationsState.notificationFilters.SHOW_PLANNED_MAINTENANCE ===\n            true) ||\n        (x.resourceType === NotificationGroups.SERVICE_TICKETS &&\n          NotificationsState.notificationFilters.SHOW_SERVICE_TICKETS ===\n            true) ||\n        (x.resourceType === NotificationGroups.DCIM_ALERTS &&\n          NotificationsState.notificationFilters.SHOW_DCIM_ALERTS === true) ||\n        x.resourceType === NotificationGroups.INCIDENTS\n    ); // Always display incidents\n\n    if (\n      NotificationsState.dateFilters.FROM_DATE === undefined &&\n      NotificationsState.dateFilters.TO_DATE === undefined\n    )\n      return filterredNotifications;\n\n    if ( NotificationsState.dateFilters.FROM_DATE === undefined)\n      return filterredNotifications.filter(\n        x => differenceInDays(\n            new Date(x.createdAt),\n            NotificationsState.dateFilters.TO_DATE!\n          ) <= 0\n      );\n    \n    if ( NotificationsState.dateFilters.TO_DATE === undefined)\n        return filterredNotifications.filter(\n          x =>\n            differenceInHours(\n              new Date(x.createdAt),\n              NotificationsState.dateFilters.FROM_DATE!\n            ) >= 0);  \n\n    return filterredNotifications.filter(\n              x =>\n                differenceInHours(\n                  new Date(x.createdAt),\n                  NotificationsState.dateFilters.FROM_DATE!\n                ) >= 0 &&\n                differenceInDays(\n                  new Date(x.createdAt),\n                  NotificationsState.dateFilters.TO_DATE!\n                ) <= 0\n            );\n  }\n\n  displayDateFilters() {\n    this.showDateFilters = !this.showDateFilters;\n  }\n\n  renderGroupedView() {\n    const filteredNotifications = this.applyNotificationFilters();\n\n    return html`<div style=\"margin:0px\">\n      <grouped-item\n        groupTitle=${NotificationGroups.PLANNED_MAINTENANCE}\n        iconName=\"lab_profile\"\n        .childItems=${filteredNotifications?.filter(\n          item => item.resourceType === NotificationGroups.PLANNED_MAINTENANCE\n        )}\n      ></grouped-item>\n      <grouped-item\n        groupTitle=${NotificationGroups.INCIDENTS}\n        iconName=\"emergency_home\"\n        .childItems=${filteredNotifications?.filter(\n          item => item.resourceType === NotificationGroups.INCIDENTS\n        )}\n      ></grouped-item>\n      <grouped-item\n        groupTitle=${NotificationGroups.SERVICE_TICKETS}\n        iconName=\"dvr\"\n        .childItems=${filteredNotifications?.filter(\n          item => item.resourceType === NotificationGroups.SERVICE_TICKETS\n        )}\n      ></grouped-item>\n      <grouped-item\n        groupTitle=${NotificationGroups.DCIM_ALERTS}\n        iconName=\"public\"\n        .childItems=${filteredNotifications?.filter(\n          item => item.resourceType === NotificationGroups.DCIM_ALERTS\n        )}\n      ></grouped-item>      \n    </div>`;\n  }\n\n  renderDefaultView() {\n    const filterNotification = this.applyNotificationFilters();\n    const filterTodayItems = filterNotification.filter(\n      x => differenceInDays(x.createdAt, new Date()) === 0\n    );\n    const filterEarlierItems = filterNotification.filter(\n      x => differenceInDays(x.createdAt, new Date()) !== 0\n    );\n\n    if (filterNotification?.length! > 0) {\n      return html` <h3 class=\"grow\">Latest</h3>\n        <div class=\"m-0 p-0\">\n          ${filterTodayItems.length > 0\n            ? filterTodayItems?.map(\n                item => html`<notification-item\n                  .notificaiton=${item}\n                  ?disabled=${item.resourceType ===\n                  NotificationGroups.INCIDENTS}\n                >\n                </notification-item> `\n              )\n            : this.renderNoResult()}\n        </div>\n        <h3 class=\"grow\">Earlier</h3>\n        <div>\n          ${filterEarlierItems.length > 0\n            ? filterEarlierItems?.map(\n                item => html`<notification-item\n                  .notificaiton=${item}\n                  ?disabled=${item.resourceType ===\n                  NotificationGroups.INCIDENTS}\n                >\n                </notification-item> `\n              )\n            : this.renderNoResult()}\n        </div>`;\n    }\n\n    return html`<p class=\"empty\">No notifications yet.</p>`;\n  }\n\n  /* eslint-disable-next-line */\n  renderNoResult() {\n    return html`<p class=\"empty\">No notifications yet.</p>`;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  handleCloseClick(_e: CustomEvent<FilterDialogEventDetail>) {\n    this.showDateFilters = false;\n    this.showFilters = false;\n  }\n\n  // eslint-disable-next-line\n  handleContentScroll(e: CustomEvent) {\n    // when scrollbar at the end, retrieve next page\n    if (\n      e !== null &&\n      e.detail.scrollTop + e.detail.clientHeight >= e.detail.scrollHeight\n    ) {\n      NotificationsState.getNotifications();\n    }\n  }\n\n  manageFilterVisibility(e: Event) {\n    const path = e.composedPath();\n    if (\n      this.showFilters &&\n      !path.includes(this.groupFilters) &&\n      !path.includes(this.groupFiltersButton)\n    ) {\n      this.showFilters = false;\n    }\n    if (\n      this.showDateFilters &&\n      !path.includes(this.dateFilters) &&\n      !path.includes(this.dateFiltersButton)\n    ) {\n      this.showDateFilters = false;\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"relative\">\n        <ix-icon-button class=\"blue-icon\" @click=${() => this.toggleDrawer()}>\n          <slot name=\"icon\" slot=\"default\"></slot>\n        </ix-icon-button>\n        ${this.renderUnReadCountText()}\n      </div>\n      <confirmation-dialog\n        ?open=${this.showMarkAllReadConfirmation}\n        @confirm-dialog-closed=${() => {\n          this.showMarkAllReadConfirmation = false;\n        }}\n        @on-confirm-selection=${this.confirmedMarkAllRead}\n        textMessage=\"Are you sure you want to mark all notifications as read?\"\n      >\n      </confirmation-dialog>\n      <ix-drawer\n        ?isVisible=${this.showDrawer}\n        .onClosed=${() => this.toggleDrawer()}\n        animate-vertical\n        hide-close\n        @on-content-scroll=${this.handleContentScroll}\n        @click=${this.manageFilterVisibility}\n      >\n        <div class=\"flex flex-row justify-between grow py-2\" slot=\"header\">\n          <h2 class=\"grow items-center notification-header\">Notifications</h2>\n          <div class=\"flex flex-row justify-end grow items-center options\">\n            <ix-icon-button\n              @click=${this.markAllread}\n              icon=\"markunread_mailbox\"\n              class=\"blue-icon\"\n            ></ix-icon-button>\n            <ix-icon-button\n              @click=${this.toggleGroupView}\n              icon=\"sort\"\n              class=\"blue-icon\"\n            ></ix-icon-button>\n            <ix-icon-button\n              @click=${this.displayFilters}\n              icon=\"list\"\n              class=\"blue-icon\"\n              id=\"group-filter-button\"\n            ></ix-icon-button>\n            <div\n              class=\"filter-dropdown-content  ${this.showFilters\n                ? 'active z-50'\n                : ''}\"\n            >\n              <group-filters></group-filters>\n            </div>\n            <ix-icon-button\n              @click=${this.displayDateFilters}\n              icon=\"calendar_month\"\n              class=\"blue-icon\"\n              id=\"date-filters-button\"\n            ></ix-icon-button>\n            <div\n              class=\"datefilter-dropdown-content ${this.showDateFilters\n                ? 'active z-50'\n                : ''}\"\n              @on-selection=${this.handleCloseClick}\n            >\n              <date-filters></date-filters>\n            </div>\n          </div>\n        </div>\n        <div slot=\"content\">\n          ${this.showGroupedView\n            ? this.renderGroupedView()\n            : this.renderDefaultView()}\n        </div>        \n      </ix-drawer>\n    `;\n  }\n}\n"]}

package/dist/api/notifications-api/apis/NotificationsApi.d.ts

@@ -10,7 +10,7 @@
  * Do not edit the class manually.
  */
 import * as runtime from '../runtime';
-import type { GetNotifications200Response, Notification, NotificationDelete, NotificationPatch, NotificationRequest, Status } from '../models/index';
+import type { GetNotifications200Response, Notification, NotificationPatch, NotificationRequest, Status } from '../models/index';
 export interface CreateNotificationRequest {
     notificationRequest?: NotificationRequest;
 }
@@ -51,11 +51,11 @@ export declare class NotificationsApi extends runtime.BaseAPI {
     /**
      * Delete a notification by id
      */
-    deleteNotificationsByIdRaw(requestParameters: DeleteNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<NotificationDelete>>;
+    deleteNotificationsByIdRaw(requestParameters: DeleteNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<void>>;
     /**
      * Delete a notification by id
      */
-    deleteNotificationsById(requestParameters: DeleteNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<NotificationDelete>;
+    deleteNotificationsById(requestParameters: DeleteNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<void>;
     /**
      * Get all notifications
      */

package/dist/api/notifications-api/apis/NotificationsApi.js

@@ -12,7 +12,7 @@
  * Do not edit the class manually.
  */
 import * as runtime from '../runtime';
-import { GetNotifications200ResponseFromJSON, NotificationFromJSON, NotificationDeleteFromJSON, NotificationPatchFromJSON, NotificationPatchToJSON, NotificationRequestToJSON, } from '../models/index';
+import { GetNotifications200ResponseFromJSON, NotificationFromJSON, NotificationPatchFromJSON, NotificationPatchToJSON, NotificationRequestToJSON, } from '../models/index';
 /**
  *
  */
@@ -69,14 +69,13 @@ export class NotificationsApi extends runtime.BaseAPI {
             headers: headerParameters,
             query: queryParameters,
         }, initOverrides);
-        return new runtime.JSONApiResponse(response, (jsonValue) => NotificationDeleteFromJSON(jsonValue));
+        return new runtime.VoidApiResponse(response);
     }
     /**
      * Delete a notification by id
      */
     async deleteNotificationsById(requestParameters, initOverrides) {
-        const response = await this.deleteNotificationsByIdRaw(requestParameters, initOverrides);
-        return await response.value();
+        await this.deleteNotificationsByIdRaw(requestParameters, initOverrides);
     }
     /**
      * Get all notifications

package/dist/api/notifications-api/apis/NotificationsApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsApi.js","sourceRoot":"","sources":["../../../../src/api/notifications-api/apis/NotificationsApi.ts"],"names":[],"mappings":"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","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n/**\n * Notifications API\n * An API to create and read notifications\n *\n * The version of the OpenAPI document: 1.0.0\n * Contact: DevTeamProduct@digitalrealty.com\n *\n * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).\n * https://openapi-generator.tech\n * Do not edit the class manually.\n */\n\n\nimport * as runtime from '../runtime';\nimport type {\n  ErrorResponse,\n  GetNotifications200Response,\n  Notification,\n  NotificationDelete,\n  NotificationPatch,\n  NotificationRequest,\n  Status,\n} from '../models/index';\nimport {\n    ErrorResponseFromJSON,\n    ErrorResponseToJSON,\n    GetNotifications200ResponseFromJSON,\n    GetNotifications200ResponseToJSON,\n    NotificationFromJSON,\n    NotificationToJSON,\n    NotificationDeleteFromJSON,\n    NotificationDeleteToJSON,\n    NotificationPatchFromJSON,\n    NotificationPatchToJSON,\n    NotificationRequestFromJSON,\n    NotificationRequestToJSON,\n    StatusFromJSON,\n    StatusToJSON,\n} from '../models/index';\n\nexport interface CreateNotificationRequest {\n    notificationRequest?: NotificationRequest;\n}\n\nexport interface DeleteNotificationsByIdRequest {\n    id: string;\n}\n\nexport interface GetNotificationsRequest {\n    sort?: string;\n    cursor?: string;\n    resourceType?: string;\n    accountNumber?: string;\n    createdAfter?: Date;\n    createdBefore?: Date;\n    locationId?: string;\n    subGroup?: string;\n    status?: Status;\n    prefer?: Array<string>;\n}\n\nexport interface GetNotificationsByIdRequest {\n    id: string;\n}\n\nexport interface PatchNotificationsByIdRequest {\n    id: string;\n    notificationPatch?: NotificationPatch;\n}\n\n/**\n * \n */\nexport class NotificationsApi extends runtime.BaseAPI {\n\n    /**\n     * Submit notification to be sent to user\n     */\n    async createNotificationRaw(requestParameters: CreateNotificationRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Notification>> {\n        const queryParameters: any = {};\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        headerParameters['Content-Type'] = 'application/json';\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications`,\n            method: 'POST',\n            headers: headerParameters,\n            query: queryParameters,\n            body: NotificationRequestToJSON(requestParameters.notificationRequest),\n        }, initOverrides);\n\n        return new runtime.JSONApiResponse(response, (jsonValue) => NotificationFromJSON(jsonValue));\n    }\n\n    /**\n     * Submit notification to be sent to user\n     */\n    async createNotification(requestParameters: CreateNotificationRequest = {}, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Notification> {\n        const response = await this.createNotificationRaw(requestParameters, initOverrides);\n        return await response.value();\n    }\n\n    /**\n     * Delete a notification by id\n     */\n    async deleteNotificationsByIdRaw(requestParameters: DeleteNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<NotificationDelete>> {\n        if (requestParameters.id === null || requestParameters.id === undefined) {\n            throw new runtime.RequiredError('id','Required parameter requestParameters.id was null or undefined when calling deleteNotificationsById.');\n        }\n\n        const queryParameters: any = {};\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications/{id}`.replace(`{${\"id\"}}`, encodeURIComponent(String(requestParameters.id))),\n            method: 'DELETE',\n            headers: headerParameters,\n            query: queryParameters,\n        }, initOverrides);\n\n        return new runtime.JSONApiResponse(response, (jsonValue) => NotificationDeleteFromJSON(jsonValue));\n    }\n\n    /**\n     * Delete a notification by id\n     */\n    async deleteNotificationsById(requestParameters: DeleteNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<NotificationDelete> {\n        const response = await this.deleteNotificationsByIdRaw(requestParameters, initOverrides);\n        return await response.value();\n    }\n\n    /**\n     * Get all notifications\n     */\n    async getNotificationsRaw(requestParameters: GetNotificationsRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<GetNotifications200Response>> {\n        const queryParameters: any = {};\n\n        if (requestParameters.sort !== undefined) {\n            queryParameters['sort'] = requestParameters.sort;\n        }\n\n        if (requestParameters.cursor !== undefined) {\n            queryParameters['cursor'] = requestParameters.cursor;\n        }\n\n        if (requestParameters.resourceType !== undefined) {\n            queryParameters['resource_type'] = requestParameters.resourceType;\n        }\n\n        if (requestParameters.accountNumber !== undefined) {\n            queryParameters['account_number'] = requestParameters.accountNumber;\n        }\n\n        if (requestParameters.createdAfter !== undefined) {\n            queryParameters['created_after'] = (requestParameters.createdAfter as any).toISOString();\n        }\n\n        if (requestParameters.createdBefore !== undefined) {\n            queryParameters['created_before'] = (requestParameters.createdBefore as any).toISOString();\n        }\n\n        if (requestParameters.locationId !== undefined) {\n            queryParameters['location_id'] = requestParameters.locationId;\n        }\n\n        if (requestParameters.subGroup !== undefined) {\n            queryParameters['sub_group'] = requestParameters.subGroup;\n        }\n\n        if (requestParameters.status !== undefined) {\n            queryParameters['status'] = requestParameters.status;\n        }\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        if (requestParameters.prefer) {\n            headerParameters['Prefer'] = requestParameters.prefer.join(runtime.COLLECTION_FORMATS[\"csv\"]);\n        }\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications`,\n            method: 'GET',\n            headers: headerParameters,\n            query: queryParameters,\n        }, initOverrides);\n\n        return new runtime.JSONApiResponse(response, (jsonValue) => GetNotifications200ResponseFromJSON(jsonValue));\n    }\n\n    /**\n     * Get all notifications\n     */\n    async getNotifications(requestParameters: GetNotificationsRequest = {}, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<GetNotifications200Response> {\n        const response = await this.getNotificationsRaw(requestParameters, initOverrides);\n        return await response.value();\n    }\n\n    /**\n     * Get an notification by id\n     */\n    async getNotificationsByIdRaw(requestParameters: GetNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Notification>> {\n        if (requestParameters.id === null || requestParameters.id === undefined) {\n            throw new runtime.RequiredError('id','Required parameter requestParameters.id was null or undefined when calling getNotificationsById.');\n        }\n\n        const queryParameters: any = {};\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications/{id}`.replace(`{${\"id\"}}`, encodeURIComponent(String(requestParameters.id))),\n            method: 'GET',\n            headers: headerParameters,\n            query: queryParameters,\n        }, initOverrides);\n\n        return new runtime.JSONApiResponse(response, (jsonValue) => NotificationFromJSON(jsonValue));\n    }\n\n    /**\n     * Get an notification by id\n     */\n    async getNotificationsById(requestParameters: GetNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Notification> {\n        const response = await this.getNotificationsByIdRaw(requestParameters, initOverrides);\n        return await response.value();\n    }\n\n    /**\n     * Update specific fields on a notification by id\n     */\n    async patchNotificationsByIdRaw(requestParameters: PatchNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<NotificationPatch>> {\n        if (requestParameters.id === null || requestParameters.id === undefined) {\n            throw new runtime.RequiredError('id','Required parameter requestParameters.id was null or undefined when calling patchNotificationsById.');\n        }\n\n        const queryParameters: any = {};\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        headerParameters['Content-Type'] = 'application/json';\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications/{id}`.replace(`{${\"id\"}}`, encodeURIComponent(String(requestParameters.id))),\n            method: 'PATCH',\n            headers: headerParameters,\n            query: queryParameters,\n            body: NotificationPatchToJSON(requestParameters.notificationPatch),\n        }, initOverrides);\n\n        return new runtime.JSONApiResponse(response, (jsonValue) => NotificationPatchFromJSON(jsonValue));\n    }\n\n    /**\n     * Update specific fields on a notification by id\n     */\n    async patchNotificationsById(requestParameters: PatchNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<NotificationPatch> {\n        const response = await this.patchNotificationsByIdRaw(requestParameters, initOverrides);\n        return await response.value();\n    }\n\n}\n"]}
+{"version":3,"file":"NotificationsApi.js","sourceRoot":"","sources":["../../../../src/api/notifications-api/apis/NotificationsApi.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,oBAAoB;AACpB;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AAStC,OAAO,EAGH,mCAAmC,EAEnC,oBAAoB,EAEpB,yBAAyB,EACzB,uBAAuB,EAEvB,yBAAyB,GAG5B,MAAM,iBAAiB,CAAC;AAgCzB;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,OAAO,CAAC,OAAO;IAEjD;;OAEG;IACH,KAAK,CAAC,qBAAqB,CAAC,iBAA4C,EAAE,aAA0D;QAChI,MAAM,eAAe,GAAQ,EAAE,CAAC;QAEhC,MAAM,gBAAgB,GAAwB,EAAE,CAAC;QAEjD,gBAAgB,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC;QAEtD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;YACtD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;YAC7C,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAEnD,IAAI,WAAW,EAAE;gBACb,gBAAgB,CAAC,eAAe,CAAC,GAAG,UAAU,WAAW,EAAE,CAAC;aAC/D;SACJ;QACD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC;YAChC,IAAI,EAAE,gBAAgB;YACtB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,gBAAgB;YACzB,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,mBAAmB,CAAC;SACzE,EAAE,aAAa,CAAC,CAAC;QAElB,OAAO,IAAI,OAAO,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,kBAAkB,CAAC,oBAA+C,EAAE,EAAE,aAA0D;QAClI,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,qBAAqB,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;QACpF,OAAO,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,0BAA0B,CAAC,iBAAiD,EAAE,aAA0D;QAC1I,IAAI,iBAAiB,CAAC,EAAE,KAAK,IAAI,IAAI,iBAAiB,CAAC,EAAE,KAAK,SAAS,EAAE;YACrE,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,IAAI,EAAC,qGAAqG,CAAC,CAAC;SAC/I;QAED,MAAM,eAAe,GAAQ,EAAE,CAAC;QAEhC,MAAM,gBAAgB,GAAwB,EAAE,CAAC;QAEjD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;YACtD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;YAC7C,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAEnD,IAAI,WAAW,EAAE;gBACb,gBAAgB,CAAC,eAAe,CAAC,GAAG,UAAU,WAAW,EAAE,CAAC;aAC/D;SACJ;QACD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC;YAChC,IAAI,EAAE,qBAAqB,CAAC,OAAO,CAAC,IAAI,IAAI,GAAG,EAAE,kBAAkB,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC;YAClG,MAAM,EAAE,QAAQ;YAChB,OAAO,EAAE,gBAAgB;YACzB,KAAK,EAAE,eAAe;SACzB,EAAE,aAAa,CAAC,CAAC;QAElB,OAAO,IAAI,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,uBAAuB,CAAC,iBAAiD,EAAE,aAA0D;QACvI,MAAM,IAAI,CAAC,0BAA0B,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;IAC5E,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,mBAAmB,CAAC,iBAA0C,EAAE,aAA0D;QAC5H,MAAM,eAAe,GAAQ,EAAE,CAAC;QAEhC,IAAI,iBAAiB,CAAC,IAAI,KAAK,SAAS,EAAE;YACtC,eAAe,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC;SACpD;QAED,IAAI,iBAAiB,CAAC,MAAM,KAAK,SAAS,EAAE;YACxC,eAAe,CAAC,QAAQ,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC;SACxD;QAED,IAAI,iBAAiB,CAAC,YAAY,KAAK,SAAS,EAAE;YAC9C,eAAe,CAAC,eAAe,CAAC,GAAG,iBAAiB,CAAC,YAAY,CAAC;SACrE;QAED,IAAI,iBAAiB,CAAC,aAAa,KAAK,SAAS,EAAE;YAC/C,eAAe,CAAC,gBAAgB,CAAC,GAAG,iBAAiB,CAAC,aAAa,CAAC;SACvE;QAED,IAAI,iBAAiB,CAAC,YAAY,KAAK,SAAS,EAAE;YAC9C,eAAe,CAAC,eAAe,CAAC,GAAI,iBAAiB,CAAC,YAAoB,CAAC,WAAW,EAAE,CAAC;SAC5F;QAED,IAAI,iBAAiB,CAAC,aAAa,KAAK,SAAS,EAAE;YAC/C,eAAe,CAAC,gBAAgB,CAAC,GAAI,iBAAiB,CAAC,aAAqB,CAAC,WAAW,EAAE,CAAC;SAC9F;QAED,IAAI,iBAAiB,CAAC,UAAU,KAAK,SAAS,EAAE;YAC5C,eAAe,CAAC,aAAa,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC;SACjE;QAED,IAAI,iBAAiB,CAAC,QAAQ,KAAK,SAAS,EAAE;YAC1C,eAAe,CAAC,WAAW,CAAC,GAAG,iBAAiB,CAAC,QAAQ,CAAC;SAC7D;QAED,IAAI,iBAAiB,CAAC,MAAM,KAAK,SAAS,EAAE;YACxC,eAAe,CAAC,QAAQ,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC;SACxD;QAED,MAAM,gBAAgB,GAAwB,EAAE,CAAC;QAEjD,IAAI,iBAAiB,CAAC,MAAM,EAAE;YAC1B,gBAAgB,CAAC,QAAQ,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;SACjG;QAED,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;YACtD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;YAC7C,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAEnD,IAAI,WAAW,EAAE;gBACb,gBAAgB,CAAC,eAAe,CAAC,GAAG,UAAU,WAAW,EAAE,CAAC;aAC/D;SACJ;QACD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC;YAChC,IAAI,EAAE,gBAAgB;YACtB,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,gBAAgB;YACzB,KAAK,EAAE,eAAe;SACzB,EAAE,aAAa,CAAC,CAAC;QAElB,OAAO,IAAI,OAAO,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,mCAAmC,CAAC,SAAS,CAAC,CAAC,CAAC;IAChH,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,gBAAgB,CAAC,oBAA6C,EAAE,EAAE,aAA0D;QAC9H,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;QAClF,OAAO,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,uBAAuB,CAAC,iBAA8C,EAAE,aAA0D;QACpI,IAAI,iBAAiB,CAAC,EAAE,KAAK,IAAI,IAAI,iBAAiB,CAAC,EAAE,KAAK,SAAS,EAAE;YACrE,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,IAAI,EAAC,kGAAkG,CAAC,CAAC;SAC5I;QAED,MAAM,eAAe,GAAQ,EAAE,CAAC;QAEhC,MAAM,gBAAgB,GAAwB,EAAE,CAAC;QAEjD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;YACtD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;YAC7C,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAEnD,IAAI,WAAW,EAAE;gBACb,gBAAgB,CAAC,eAAe,CAAC,GAAG,UAAU,WAAW,EAAE,CAAC;aAC/D;SACJ;QACD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC;YAChC,IAAI,EAAE,qBAAqB,CAAC,OAAO,CAAC,IAAI,IAAI,GAAG,EAAE,kBAAkB,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC;YAClG,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,gBAAgB;YACzB,KAAK,EAAE,eAAe;SACzB,EAAE,aAAa,CAAC,CAAC;QAElB,OAAO,IAAI,OAAO,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,oBAAoB,CAAC,iBAA8C,EAAE,aAA0D;QACjI,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;QACtF,OAAO,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,yBAAyB,CAAC,iBAAgD,EAAE,aAA0D;QACxI,IAAI,iBAAiB,CAAC,EAAE,KAAK,IAAI,IAAI,iBAAiB,CAAC,EAAE,KAAK,SAAS,EAAE;YACrE,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,IAAI,EAAC,oGAAoG,CAAC,CAAC;SAC9I;QAED,MAAM,eAAe,GAAQ,EAAE,CAAC;QAEhC,MAAM,gBAAgB,GAAwB,EAAE,CAAC;QAEjD,gBAAgB,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC;QAEtD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;YACtD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;YAC7C,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAEnD,IAAI,WAAW,EAAE;gBACb,gBAAgB,CAAC,eAAe,CAAC,GAAG,UAAU,WAAW,EAAE,CAAC;aAC/D;SACJ;QACD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC;YAChC,IAAI,EAAE,qBAAqB,CAAC,OAAO,CAAC,IAAI,IAAI,GAAG,EAAE,kBAAkB,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC;YAClG,MAAM,EAAE,OAAO;YACf,OAAO,EAAE,gBAAgB;YACzB,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,uBAAuB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;SACrE,EAAE,aAAa,CAAC,CAAC;QAElB,OAAO,IAAI,OAAO,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,CAAC;IACtG,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,sBAAsB,CAAC,iBAAgD,EAAE,aAA0D;QACrI,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,yBAAyB,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;QACxF,OAAO,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC;CAEJ","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n/**\n * Notifications API\n * An API to create and read notifications\n *\n * The version of the OpenAPI document: 1.0.0\n * Contact: DevTeamProduct@digitalrealty.com\n *\n * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).\n * https://openapi-generator.tech\n * Do not edit the class manually.\n */\n\n\nimport * as runtime from '../runtime';\nimport type {\n  ErrorResponse,\n  GetNotifications200Response,\n  Notification,\n  NotificationPatch,\n  NotificationRequest,\n  Status,\n} from '../models/index';\nimport {\n    ErrorResponseFromJSON,\n    ErrorResponseToJSON,\n    GetNotifications200ResponseFromJSON,\n    GetNotifications200ResponseToJSON,\n    NotificationFromJSON,\n    NotificationToJSON,\n    NotificationPatchFromJSON,\n    NotificationPatchToJSON,\n    NotificationRequestFromJSON,\n    NotificationRequestToJSON,\n    StatusFromJSON,\n    StatusToJSON,\n} from '../models/index';\n\nexport interface CreateNotificationRequest {\n    notificationRequest?: NotificationRequest;\n}\n\nexport interface DeleteNotificationsByIdRequest {\n    id: string;\n}\n\nexport interface GetNotificationsRequest {\n    sort?: string;\n    cursor?: string;\n    resourceType?: string;\n    accountNumber?: string;\n    createdAfter?: Date;\n    createdBefore?: Date;\n    locationId?: string;\n    subGroup?: string;\n    status?: Status;\n    prefer?: Array<string>;\n}\n\nexport interface GetNotificationsByIdRequest {\n    id: string;\n}\n\nexport interface PatchNotificationsByIdRequest {\n    id: string;\n    notificationPatch?: NotificationPatch;\n}\n\n/**\n * \n */\nexport class NotificationsApi extends runtime.BaseAPI {\n\n    /**\n     * Submit notification to be sent to user\n     */\n    async createNotificationRaw(requestParameters: CreateNotificationRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Notification>> {\n        const queryParameters: any = {};\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        headerParameters['Content-Type'] = 'application/json';\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications`,\n            method: 'POST',\n            headers: headerParameters,\n            query: queryParameters,\n            body: NotificationRequestToJSON(requestParameters.notificationRequest),\n        }, initOverrides);\n\n        return new runtime.JSONApiResponse(response, (jsonValue) => NotificationFromJSON(jsonValue));\n    }\n\n    /**\n     * Submit notification to be sent to user\n     */\n    async createNotification(requestParameters: CreateNotificationRequest = {}, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Notification> {\n        const response = await this.createNotificationRaw(requestParameters, initOverrides);\n        return await response.value();\n    }\n\n    /**\n     * Delete a notification by id\n     */\n    async deleteNotificationsByIdRaw(requestParameters: DeleteNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<void>> {\n        if (requestParameters.id === null || requestParameters.id === undefined) {\n            throw new runtime.RequiredError('id','Required parameter requestParameters.id was null or undefined when calling deleteNotificationsById.');\n        }\n\n        const queryParameters: any = {};\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications/{id}`.replace(`{${\"id\"}}`, encodeURIComponent(String(requestParameters.id))),\n            method: 'DELETE',\n            headers: headerParameters,\n            query: queryParameters,\n        }, initOverrides);\n\n        return new runtime.VoidApiResponse(response);\n    }\n\n    /**\n     * Delete a notification by id\n     */\n    async deleteNotificationsById(requestParameters: DeleteNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<void> {\n        await this.deleteNotificationsByIdRaw(requestParameters, initOverrides);\n    }\n\n    /**\n     * Get all notifications\n     */\n    async getNotificationsRaw(requestParameters: GetNotificationsRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<GetNotifications200Response>> {\n        const queryParameters: any = {};\n\n        if (requestParameters.sort !== undefined) {\n            queryParameters['sort'] = requestParameters.sort;\n        }\n\n        if (requestParameters.cursor !== undefined) {\n            queryParameters['cursor'] = requestParameters.cursor;\n        }\n\n        if (requestParameters.resourceType !== undefined) {\n            queryParameters['resource_type'] = requestParameters.resourceType;\n        }\n\n        if (requestParameters.accountNumber !== undefined) {\n            queryParameters['account_number'] = requestParameters.accountNumber;\n        }\n\n        if (requestParameters.createdAfter !== undefined) {\n            queryParameters['created_after'] = (requestParameters.createdAfter as any).toISOString();\n        }\n\n        if (requestParameters.createdBefore !== undefined) {\n            queryParameters['created_before'] = (requestParameters.createdBefore as any).toISOString();\n        }\n\n        if (requestParameters.locationId !== undefined) {\n            queryParameters['location_id'] = requestParameters.locationId;\n        }\n\n        if (requestParameters.subGroup !== undefined) {\n            queryParameters['sub_group'] = requestParameters.subGroup;\n        }\n\n        if (requestParameters.status !== undefined) {\n            queryParameters['status'] = requestParameters.status;\n        }\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        if (requestParameters.prefer) {\n            headerParameters['Prefer'] = requestParameters.prefer.join(runtime.COLLECTION_FORMATS[\"csv\"]);\n        }\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications`,\n            method: 'GET',\n            headers: headerParameters,\n            query: queryParameters,\n        }, initOverrides);\n\n        return new runtime.JSONApiResponse(response, (jsonValue) => GetNotifications200ResponseFromJSON(jsonValue));\n    }\n\n    /**\n     * Get all notifications\n     */\n    async getNotifications(requestParameters: GetNotificationsRequest = {}, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<GetNotifications200Response> {\n        const response = await this.getNotificationsRaw(requestParameters, initOverrides);\n        return await response.value();\n    }\n\n    /**\n     * Get an notification by id\n     */\n    async getNotificationsByIdRaw(requestParameters: GetNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Notification>> {\n        if (requestParameters.id === null || requestParameters.id === undefined) {\n            throw new runtime.RequiredError('id','Required parameter requestParameters.id was null or undefined when calling getNotificationsById.');\n        }\n\n        const queryParameters: any = {};\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications/{id}`.replace(`{${\"id\"}}`, encodeURIComponent(String(requestParameters.id))),\n            method: 'GET',\n            headers: headerParameters,\n            query: queryParameters,\n        }, initOverrides);\n\n        return new runtime.JSONApiResponse(response, (jsonValue) => NotificationFromJSON(jsonValue));\n    }\n\n    /**\n     * Get an notification by id\n     */\n    async getNotificationsById(requestParameters: GetNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Notification> {\n        const response = await this.getNotificationsByIdRaw(requestParameters, initOverrides);\n        return await response.value();\n    }\n\n    /**\n     * Update specific fields on a notification by id\n     */\n    async patchNotificationsByIdRaw(requestParameters: PatchNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<NotificationPatch>> {\n        if (requestParameters.id === null || requestParameters.id === undefined) {\n            throw new runtime.RequiredError('id','Required parameter requestParameters.id was null or undefined when calling patchNotificationsById.');\n        }\n\n        const queryParameters: any = {};\n\n        const headerParameters: runtime.HTTPHeaders = {};\n\n        headerParameters['Content-Type'] = 'application/json';\n\n        if (this.configuration && this.configuration.accessToken) {\n            const token = this.configuration.accessToken;\n            const tokenString = await token(\"bearerToken\", []);\n\n            if (tokenString) {\n                headerParameters[\"Authorization\"] = `Bearer ${tokenString}`;\n            }\n        }\n        const response = await this.request({\n            path: `/notifications/{id}`.replace(`{${\"id\"}}`, encodeURIComponent(String(requestParameters.id))),\n            method: 'PATCH',\n            headers: headerParameters,\n            query: queryParameters,\n            body: NotificationPatchToJSON(requestParameters.notificationPatch),\n        }, initOverrides);\n\n        return new runtime.JSONApiResponse(response, (jsonValue) => NotificationPatchFromJSON(jsonValue));\n    }\n\n    /**\n     * Update specific fields on a notification by id\n     */\n    async patchNotificationsById(requestParameters: PatchNotificationsByIdRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<NotificationPatch> {\n        const response = await this.patchNotificationsByIdRaw(requestParameters, initOverrides);\n        return await response.value();\n    }\n\n}\n"]}

package/dist/components/notifications/date-filters.js

@@ -36,6 +36,13 @@ let DateFilters = class DateFilters extends MobxLitElement {
         else {
             this.fromDateErrorText = undefined;
         }
+        if (this.toDate < this.fromDate) {
+            this.toDateErrorText = 'To date cannot be earlier than From date.';
+            this.toDate = undefined;
+        }
+        else {
+            this.toDateErrorText = undefined;
+        }
     }
     onToDateChange(toDate) {
         this.toDate = toDate;
@@ -46,14 +53,22 @@ let DateFilters = class DateFilters extends MobxLitElement {
         else {
             this.toDateErrorText = undefined;
         }
+        if (this.fromDate > this.toDate) {
+            this.fromDateErrorText = 'From date cannot be later than To date.';
+            this.fromDate = undefined;
+        }
+        else {
+            this.fromDateErrorText = undefined;
+        }
     }
     onApplyDateFilter(selectedvalue) {
-        if (selectedvalue) {
+        const datesChanged = selectedvalue && this.toDateErrorText === undefined && this.fromDateErrorText === undefined;
+        if (datesChanged) {
             NotificationsState.setNotificationDateFilter(this.fromDate, this.toDate);
             this.requestUpdate();
         }
         const event = new CustomEvent('on-selection', {
-            detail: { returnValue: selectedvalue },
+            detail: { returnValue: datesChanged },
             bubbles: true,
             composed: true,
         });
@@ -62,7 +77,8 @@ let DateFilters = class DateFilters extends MobxLitElement {
     clearDateFilters() {
         this.fromDate = undefined;
         this.toDate = undefined;
-        this.requestUpdate();
+        this.fromDateErrorText = undefined;
+        this.toDateErrorText = undefined;
     }
     /* eslint-disable lit-a11y/click-events-have-key-events */
     render() {

package/dist/components/notifications/date-filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-filters.js","sourceRoot":"","sources":["../../../src/components/notifications/date-filters.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { MobxLitElement } from '@adobe/lit-mobx';\nimport { customElement, state } from 'lit/decorators.js';\nimport { baseTheme, elementTheme } from '@digital-realty/theme';\nimport '@digital-realty/ix-icon-button/ix-icon-button.js';\nimport '@digital-realty/ix-date/ix-date.js';\nimport '@digital-realty/ix-divider/ix-divider.js';\nimport '@digital-realty/ix-icon';\nimport '@material/web/icon/icon.js';\nimport { formatDate } from 'date-fns';\nimport { TWStyles } from '../../tw.js';\nimport { NotificationsState } from '../../state/NotificationState.js';\nimport { NotificationsStyle } from '../../styles/notifications-style.js';\nimport { DefaultDateFormat } from '../../constants/notifications.js';\nimport { FilterDialogEventDetail } from '../../constants/notification-types.js';\n\n@customElement('date-filters')\nexport class DateFilters extends MobxLitElement {\n  static get styles() {\n    return [NotificationsStyle, baseTheme, elementTheme, TWStyles];\n  }\n\n  @state() private fromDate? =\n    formatDate(NotificationsState.dateFilters.FROM_DATE!, DefaultDateFormat) ||\n    undefined;\n\n  @state() private toDate? =\n    formatDate(NotificationsState.dateFilters.TO_DATE!, DefaultDateFormat) ||\n    undefined;\n\n  @state() private maxDate = formatDate(new Date(), DefaultDateFormat);\n\n  @state() private fromDateErrorText? = '';\n\n  @state() private toDateErrorText? = '';\n\n  onFromDateChange(fromDate: string) {\n    this.fromDate = fromDate;\n    if (this.fromDate > this.toDate!) {\n      this.fromDateErrorText = 'From date cannot be later than To date.';\n      this.fromDate = undefined;\n    } else {\n      this.fromDateErrorText = undefined;\n    }\n  }\n\n  onToDateChange(toDate: string) {\n    this.toDate = toDate;\n    if (this.toDate < this.fromDate!) {\n      this.toDateErrorText = 'To date cannot be earlier than From date.';\n      this.toDate = undefined;\n    } else {\n      this.toDateErrorText = undefined;\n    }\n  }\n\n  onApplyDateFilter(selectedvalue: Boolean) {\n    if (selectedvalue) {\n      NotificationsState.setNotificationDateFilter(this.fromDate, this.toDate);\n      this.requestUpdate();\n    }\n\n    const event = new CustomEvent<FilterDialogEventDetail>('on-selection', {\n      detail: { returnValue: selectedvalue },\n      bubbles: true,\n      composed: true,\n    });\n    this.dispatchEvent(event);\n  }\n\n  clearDateFilters() {\n    this.fromDate = undefined;\n    this.toDate = undefined;\n    this.requestUpdate();\n  }\n\n  /* eslint-disable lit-a11y/click-events-have-key-events */\n  render() {\n    return html` <div class=\"flex flex-col p-2\">\n      <div class=\"flex flex-row text-justify\">\n        <div class=\"grow items-center text-xl font-bold text-left p-2\">\n          Filter by Date\n        </div>\n        <div\n          class=\"flex flex-row items-center p-2\"\n          @click=${this.clearDateFilters}\n        >\n          <label class=\"grow text-sm text-right pr-1 cursor-pointer\"\n            >Cleare Filter</label\n          >\n          <ix-icon-button\n            appearance=\"default\"\n            icon=\"domain_verification_off\"\n            class=\"blue-icon\"\n          ></ix-icon-button>\n        </div>\n      </div>\n      <ix-divider class=\"px-2\"></ix-divider>\n      <div\n        class=\"flex xl:flex-row lg:flex-col md:flex-col sm:flex-col justify-between item-center p-2\"\n      >\n        <div class=\"p-2\">\n          <ix-date\n            .value=${this.fromDate}\n            max=${this.maxDate}\n            label=\"From\"\n            name=\"FromDate\"\n            .errorText=${this.fromDateErrorText}\n            .onChanged=${(e: any) => this.onFromDateChange(e)}\n          >\n          </ix-date>\n        </div>\n        <div class=\"p-2\">\n          <ix-date\n            .value=${this.toDate}\n            max=${this.maxDate}\n            label=\"To\"\n            name=\"ToDate\"\n            .errorText=${this.toDateErrorText}\n            .onChanged=${(e: any) => this.onToDateChange(e)}\n          ></ix-date>\n        </div>\n      </div>\n      <div class=\"flex flex-row justify-between  p-2\">\n        <ix-button\n          type=\"\"\n          target=\"\"\n          appearance=\"text\"\n          @click=\"${() => this.onApplyDateFilter(false)}\"\n          >Cancel</ix-button\n        >\n        <ix-button\n          type=\"\"\n          target=\"\"\n          appearance=\"text\"\n          @click=\"${() => this.onApplyDateFilter(true)}\"\n          >Filter List</ix-button\n        >\n      </div>\n    </div>`;\n  }\n}\n"]}
+{"version":3,"file":"date-filters.js","sourceRoot":"","sources":["../../../src/components/notifications/date-filters.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { MobxLitElement } from '@adobe/lit-mobx';\nimport { customElement, state } from 'lit/decorators.js';\nimport { baseTheme, elementTheme } from '@digital-realty/theme';\nimport '@digital-realty/ix-icon-button/ix-icon-button.js';\nimport '@digital-realty/ix-date/ix-date.js';\nimport '@digital-realty/ix-divider/ix-divider.js';\nimport '@digital-realty/ix-icon';\nimport '@material/web/icon/icon.js';\nimport { formatDate } from 'date-fns';\nimport { TWStyles } from '../../tw.js';\nimport { NotificationsState } from '../../state/NotificationState.js';\nimport { NotificationsStyle } from '../../styles/notifications-style.js';\nimport { DefaultDateFormat } from '../../constants/notifications.js';\nimport { FilterDialogEventDetail } from '../../constants/notification-types.js';\n\n@customElement('date-filters')\nexport class DateFilters extends MobxLitElement {\n  static get styles() {\n    return [NotificationsStyle, baseTheme, elementTheme, TWStyles];\n  }\n\n  @state() private fromDate? =\n    formatDate(NotificationsState.dateFilters.FROM_DATE!, DefaultDateFormat) ||\n    undefined;\n\n  @state() private toDate? =\n    formatDate(NotificationsState.dateFilters.TO_DATE!, DefaultDateFormat) ||\n    undefined;\n\n  @state() private maxDate = formatDate(new Date(), DefaultDateFormat);\n\n  @state() private fromDateErrorText? = '';\n\n  @state() private toDateErrorText? = '';\n\n  onFromDateChange(fromDate: string) {\n    this.fromDate = fromDate;\n    \n    if (this.fromDate! > this.toDate!) {\n      this.fromDateErrorText = 'From date cannot be later than To date.';\n      this.fromDate = undefined;\n    } else {\n      this.fromDateErrorText = undefined;\n    }\n    \n    if (this.toDate! < this.fromDate!) {\n      this.toDateErrorText = 'To date cannot be earlier than From date.';\n      this.toDate = undefined;\n    } else {\n      this.toDateErrorText = undefined;\n    }\n  }\n\n  onToDateChange(toDate: string) {\n    this.toDate = toDate;\n   \n    if (this.toDate! < this.fromDate!) {\n      this.toDateErrorText = 'To date cannot be earlier than From date.';\n      this.toDate = undefined;\n    } else {\n      this.toDateErrorText = undefined;\n    }\n\n    if (this.fromDate! > this.toDate!) {\n      this.fromDateErrorText = 'From date cannot be later than To date.';\n      this.fromDate = undefined;\n    } else {\n      this.fromDateErrorText = undefined;\n    }\n  }\n\n  onApplyDateFilter(selectedvalue: Boolean) {\n    const datesChanged = selectedvalue && this.toDateErrorText === undefined && this.fromDateErrorText === undefined;\n    if (datesChanged) {\n      NotificationsState.setNotificationDateFilter(this.fromDate, this.toDate);\n      this.requestUpdate();\n    }\n\n    const event = new CustomEvent<FilterDialogEventDetail>('on-selection', {\n      detail: { returnValue: datesChanged },\n      bubbles: true,\n      composed: true,\n    });\n    this.dispatchEvent(event);\n  }\n\n  clearDateFilters() {\n    this.fromDate = undefined;\n    this.toDate = undefined;\n    this.fromDateErrorText = undefined;\n    this.toDateErrorText = undefined;\n  }\n\n  /* eslint-disable lit-a11y/click-events-have-key-events */\n  render() {\n    return html` <div class=\"flex flex-col p-2\">\n      <div class=\"flex flex-row text-justify\">\n        <div class=\"grow items-center text-xl font-bold text-left p-2\">\n          Filter by Date\n        </div>\n        <div\n          class=\"flex flex-row items-center p-2\"\n          @click=${this.clearDateFilters}\n        >\n          <label class=\"grow text-sm text-right pr-1 cursor-pointer\"\n            >Cleare Filter</label\n          >\n          <ix-icon-button\n            appearance=\"default\"\n            icon=\"domain_verification_off\"\n            class=\"blue-icon\"\n          ></ix-icon-button>\n        </div>\n      </div>\n      <ix-divider class=\"px-2\"></ix-divider>\n      <div\n        class=\"flex xl:flex-row lg:flex-col md:flex-col sm:flex-col justify-between item-center p-2\"\n      >\n        <div class=\"p-2\">\n          <ix-date\n            .value=${this.fromDate}\n            max=${this.maxDate}\n            label=\"From\"\n            name=\"FromDate\"\n            .errorText=${this.fromDateErrorText}\n            .onChanged=${(e: any) => this.onFromDateChange(e)}\n          >\n          </ix-date>\n        </div>\n        <div class=\"p-2\">\n          <ix-date\n            .value=${this.toDate}\n            max=${this.maxDate}\n            label=\"To\"\n            name=\"ToDate\"\n            .errorText=${this.toDateErrorText}\n            .onChanged=${(e: any) => this.onToDateChange(e)}\n          ></ix-date>\n        </div>\n      </div>\n      <div class=\"flex flex-row justify-between  p-2\">\n        <ix-button\n          type=\"\"\n          target=\"\"\n          appearance=\"text\"\n          @click=\"${() => this.onApplyDateFilter(false)}\"\n          >Cancel</ix-button\n        >\n        <ix-button\n          type=\"\"\n          target=\"\"\n          appearance=\"text\"\n          @click=\"${() => this.onApplyDateFilter(true)}\"\n          >Filter List</ix-button\n        >\n      </div>\n    </div>`;\n  }\n}\n"]}

package/dist/components/notifications/notification-item.d.ts

@@ -4,6 +4,7 @@ import '@digital-realty/ix-icon/ix-icon.js';
 import { Notification } from '../../models/notification.js';
 import './confirmation-dialog.js';
 import './view-item-dialog.js';
+import '@digital-realty/ix-toast/ix-message-toast.js';
 export declare class NotificationItem extends MobxLitElement {
     disabled: boolean;
     notificaiton: Notification;
@@ -13,6 +14,7 @@ export declare class NotificationItem extends MobxLitElement {
     displayItem(): void;
     deleteItem(): void;
     private confirmedDelete;
+    private showDeleteResultMessage;
     calculateDuration(): string;
     GetNotificationIcon(): "lab_profile" | "dvr" | "emergency_home" | "public" | "sync_saved_locally";
     render(): import("lit").TemplateResult<1>;

package/dist/components/notifications/notification-item.js

@@ -12,6 +12,7 @@ import { NotificationStatus, DefaultDateTimeFormat, NotificationGroups, } from '
 import { NotificationsStyle } from '../../styles/notifications-style.js';
 import './confirmation-dialog.js';
 import './view-item-dialog.js';
+import '@digital-realty/ix-toast/ix-message-toast.js';
 let NotificationItem = class NotificationItem extends MobxLitElement {
     constructor() {
         super(...arguments);
@@ -26,7 +27,7 @@ let NotificationItem = class NotificationItem extends MobxLitElement {
             elementTheme,
             TWStyles,
             css `
-        h2 {
+        .notification-item-read h2 {
           font-family: 'Open Sans', sans-serif;
           font-size: 12px;
           font-weight: 400;
@@ -34,6 +35,14 @@ let NotificationItem = class NotificationItem extends MobxLitElement {
           letter-spacing: 0.4px;
           text-align: left;
         }
+        .notification-item-unread h2 {
+          font-family: 'Open Sans', sans-serif;
+          font-size: 12px;
+          font-weight: 700;
+          line-height: 16px;
+          letter-spacing: 0.4px;
+          text-align: left;
+        }
         h3 {
           font-family: 'Open Sans', sans-serif;
           font-size: 12px;
@@ -49,7 +58,12 @@ let NotificationItem = class NotificationItem extends MobxLitElement {
           --ix-icon-line-height: 24px;
           color: var(--md-sys-text-color-primary);
         }
-        .notification-item ix-icon {
+        .notification-item-read ix-icon {
+          margin-right: 12px;
+          color: rgba(9, 34, 65);
+        }
+
+        .notification-item-unread ix-icon {
           margin-right: 12px;
           color: rgb(20, 86, 224);
         }
@@ -69,10 +83,28 @@ let NotificationItem = class NotificationItem extends MobxLitElement {
     }
     confirmedDelete(e) {
         // DELETE IF CONFIRMED TRUE
-        if (e.detail.returnValue)
-            NotificationsState.setNotificationDeleted(this.notificaiton.id);
+        if (e.detail.returnValue) {
+            NotificationsState.setNotificationDeleted(this.notificaiton.id).then((result) => {
+                this.showDeleteResultMessage(result, this.notificaiton.id);
+            });
+        }
         this.showDeleteConfirmation = false;
     }
+    showDeleteResultMessage(result, id) {
+        window.dispatchEvent(new CustomEvent("add-toast", { detail: {
+                id,
+                content: html `
+                  <ix-message-toast toastId=${id} .TMessageToast=${result.State.toLowerCase()} forceClose>                      
+                      ${result.Message}
+                  </ix-message-toast>`,
+                autoClose: 2000,
+                durationOut: 2000,
+                vertical: 'bottom',
+                horizontal: 'center',
+                animated: true,
+                above: false,
+            } }));
+    }
     calculateDuration() {
         if (this.notificaiton.createdAt !== undefined) {
             if (differenceInHours(new Date(), this.notificaiton.createdAt) < 24)
@@ -100,7 +132,7 @@ let NotificationItem = class NotificationItem extends MobxLitElement {
     /* eslint-disable lit-a11y/click-events-have-key-events */
     render() {
         var _a, _b, _c;
-        return html `
+        return html `    
       <div class="relative bg-white-gp notification-item">
         <div
           class=${((_a = this.notificaiton) === null || _a === void 0 ? void 0 : _a.status) === 'unread'

package/dist/components/notifications/notification-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-item.js","sourceRoot":"","sources":["../../../src/components/notifications/notification-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css } from 'lit';\nimport { MobxLitElement } from '@adobe/lit-mobx';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon-button/ix-icon-button.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport { elementTheme } from '@digital-realty/theme';\nimport { format, formatDistance, differenceInHours } from 'date-fns';\nimport { TWStyles } from '../../tw.js';\nimport { NotificationsState } from '../../state/NotificationState.js';\nimport { Notification } from '../../models/notification.js';\nimport {\n  NotificationStatus,\n  DefaultDateTimeFormat,\n  NotificationGroups,\n} from '../../constants/notifications.js';\nimport { ConfirmationDialogEventDetail } from '../../constants/notification-types.js';\nimport { NotificationsStyle } from '../../styles/notifications-style.js';\nimport './confirmation-dialog.js';\nimport './view-item-dialog.js';\n\n@customElement('notification-item')\nexport class NotificationItem extends MobxLitElement {\n  @property({ type: Boolean }) disabled = false;\n\n  @property({ type: Object, attribute: false }) notificaiton =\n    {} as Notification;\n\n  @state() private showModal = false;\n\n  @state() private showDeleteConfirmation = false;\n\n  static get styles() {\n    return [\n      NotificationsStyle,\n      elementTheme,\n      TWStyles,\n      css`\n        h2 {\n          font-family: 'Open Sans', sans-serif;\n          font-size: 12px;\n          font-weight: 400;\n          line-height: 16px;\n          letter-spacing: 0.4px;\n          text-align: left;\n        }\n        h3 {\n          font-family: 'Open Sans', sans-serif;\n          font-size: 12px;\n          font-weight: 400;\n          line-height: 16px;\n          letter-spacing: 0.4px;\n          text-align: left;\n          color: rgba(9, 34, 65, 0.6);\n          padding: 0;\n        }\n        ix-icon {\n          --ix-icon-font-size: 24px;\n          --ix-icon-line-height: 24px;\n          color: var(--md-sys-text-color-primary);\n        }\n        .notification-item ix-icon {\n          margin-right: 12px;\n          color: rgb(20, 86, 224);\n        }\n      `,\n    ];\n  }\n\n  displayItem() {\n    if (this.notificaiton.status === NotificationStatus.UNREAD) {\n      NotificationsState.setNotificationReadStatus(this.notificaiton.id);\n    }\n    this.showModal = true;\n  }\n\n  deleteItem() {\n    if (!this.disabled) {\n      this.showDeleteConfirmation = true;\n    }\n  }\n\n  private confirmedDelete(e: CustomEvent<ConfirmationDialogEventDetail>) {\n    // DELETE IF CONFIRMED TRUE\n    if (e.detail.returnValue)\n      NotificationsState.setNotificationDeleted(this.notificaiton.id);\n\n    this.showDeleteConfirmation = false;\n  }\n\n  calculateDuration() {\n    if (this.notificaiton.createdAt !== undefined) {\n      if (differenceInHours(new Date(), this.notificaiton.createdAt) < 24)\n        return formatDistance(this.notificaiton.createdAt, new Date(), {\n          addSuffix: true,\n        });\n      return format(this.notificaiton.createdAt, DefaultDateTimeFormat);\n    }\n    return 'NA';\n  }\n\n  GetNotificationIcon() {\n    switch (this.notificaiton.resourceType) {\n      case NotificationGroups.PLANNED_MAINTENANCE:\n        return 'lab_profile';\n      case NotificationGroups.SERVICE_TICKETS:\n        return 'dvr';\n      case NotificationGroups.INCIDENTS:\n        return 'emergency_home';\n      case NotificationGroups.DCIM_ALERTS:\n        return 'public';\n      default:\n        return 'sync_saved_locally';\n    }\n  }\n\n  /* eslint-disable lit-a11y/click-events-have-key-events */\n  render() {\n    return html`\n      <div class=\"relative bg-white-gp notification-item\">\n        <div\n          class=${this.notificaiton?.status === 'unread'\n            ? 'notification-item-unread'\n            : 'notification-item-read'}\n        >\n          <ix-icon\n            icon=${this.GetNotificationIcon()}\n            class=${this.notificaiton?.status === 'unread'\n              ? 'blue-icon'\n              : 'grey-icon'}\n            @click=${this.displayItem}\n            >${this.GetNotificationIcon()}\n          </ix-icon>\n          <div class=\"flex flex-col grow\" @click=${this.displayItem}>\n            <div class=\"grow text-base\">\n              <h2>${this.notificaiton?.resourceType}</h2>\n            </div>\n            <div class=\"grow text-xs\">\n              <h3>${this.calculateDuration()}</h3>\n            </div>\n          </div>\n          <div>\n            <view-item-dialog\n              ?open=${this.showModal}\n              .notificaiton=${this.notificaiton}\n              @view-item-dialog-closed=${() => {\n                this.showModal = false;\n              }}\n            >\n            </view-item-dialog>\n            <confirmation-dialog\n              ?open=${this.showDeleteConfirmation}\n              @on-confirm-selection=${this.confirmedDelete}\n              @confirm-dialog-closed=${() => {\n                this.showModal = false;\n              }}\n              textMessage=\"Are you sure you want to delete this notification?\"\n            >\n            </confirmation-dialog>\n          </div>\n          <ix-icon-button\n            @click=${this.deleteItem}\n            icon=\"delete\"\n            class=${!this.disabled ? 'red-icon' : 'grey-icon'}\n          ></ix-icon-button>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"notification-item.js","sourceRoot":"","sources":["../../../src/components/notifications/notification-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css } from 'lit';\nimport { MobxLitElement } from '@adobe/lit-mobx';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon-button/ix-icon-button.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport { elementTheme } from '@digital-realty/theme';\nimport { format, formatDistance, differenceInHours } from 'date-fns';\nimport { TWStyles } from '../../tw.js';\nimport { NotificationsState } from '../../state/NotificationState.js';\nimport { ApiCallResult, Notification } from '../../models/notification.js';\nimport {\n  NotificationStatus,\n  DefaultDateTimeFormat,\n  NotificationGroups,\n} from '../../constants/notifications.js';\nimport { ConfirmationDialogEventDetail } from '../../constants/notification-types.js';\nimport { NotificationsStyle } from '../../styles/notifications-style.js';\nimport './confirmation-dialog.js';\nimport './view-item-dialog.js';\nimport '@digital-realty/ix-toast/ix-message-toast.js';\n\n@customElement('notification-item')\nexport class NotificationItem extends MobxLitElement {\n  @property({ type: Boolean }) disabled = false;\n\n  @property({ type: Object, attribute: false }) notificaiton =\n    {} as Notification;\n\n  @state() private showModal = false;\n\n  @state() private showDeleteConfirmation = false;\n\n  static get styles() {\n    return [\n      NotificationsStyle,\n      elementTheme,\n      TWStyles,\n      css`\n        .notification-item-read h2 {\n          font-family: 'Open Sans', sans-serif;\n          font-size: 12px;\n          font-weight: 400;\n          line-height: 16px;\n          letter-spacing: 0.4px;\n          text-align: left;\n        }\n        .notification-item-unread h2 {\n          font-family: 'Open Sans', sans-serif;\n          font-size: 12px;\n          font-weight: 700;\n          line-height: 16px;\n          letter-spacing: 0.4px;\n          text-align: left;\n        }\n        h3 {\n          font-family: 'Open Sans', sans-serif;\n          font-size: 12px;\n          font-weight: 400;\n          line-height: 16px;\n          letter-spacing: 0.4px;\n          text-align: left;\n          color: rgba(9, 34, 65, 0.6);\n          padding: 0;\n        }\n        ix-icon {\n          --ix-icon-font-size: 24px;\n          --ix-icon-line-height: 24px;\n          color: var(--md-sys-text-color-primary);\n        }\n        .notification-item-read ix-icon {\n          margin-right: 12px;\n          color: rgba(9, 34, 65);\n        }\n\n        .notification-item-unread ix-icon {\n          margin-right: 12px;\n          color: rgb(20, 86, 224);\n        }\n      `,\n    ];\n  }\n\n  displayItem() {\n    if (this.notificaiton.status === NotificationStatus.UNREAD) {\n      NotificationsState.setNotificationReadStatus(this.notificaiton.id);\n    }\n    this.showModal = true;\n  }\n\n  deleteItem() {\n    if (!this.disabled) {\n      this.showDeleteConfirmation = true;\n    }\n  }\n\n  private confirmedDelete(e: CustomEvent<ConfirmationDialogEventDetail>) {\n    // DELETE IF CONFIRMED TRUE\n    if (e.detail.returnValue)\n    {\n      NotificationsState.setNotificationDeleted(this.notificaiton.id).then((result: ApiCallResult) => {        \n        this.showDeleteResultMessage(result,this.notificaiton.id);\n      });\n    }\n    this.showDeleteConfirmation = false;\n  }\n\n  private showDeleteResultMessage(result: ApiCallResult, id: string )\n  {\n    \n    window.dispatchEvent(\n      new CustomEvent(\"add-toast\", { detail: {\n                id,\n                content: html`\n                  <ix-message-toast toastId=${id} .TMessageToast=${result.State.toLowerCase()} forceClose>                      \n                      ${result.Message}\n                  </ix-message-toast>`,\n                autoClose: 2000,\n                durationOut: 2000,\n                vertical: 'bottom',\n                horizontal: 'center',\n                animated: true,                \n                above: false,\n            } })\n    );\n  }\n\n  calculateDuration() {\n    if (this.notificaiton.createdAt !== undefined) {\n      if (differenceInHours(new Date(), this.notificaiton.createdAt) < 24)\n        return formatDistance(this.notificaiton.createdAt, new Date(), {\n          addSuffix: true,\n        });\n      return format(this.notificaiton.createdAt, DefaultDateTimeFormat);\n    }\n    return 'NA';\n  }\n\n  GetNotificationIcon() {\n    switch (this.notificaiton.resourceType) {\n      case NotificationGroups.PLANNED_MAINTENANCE:\n        return 'lab_profile';\n      case NotificationGroups.SERVICE_TICKETS:\n        return 'dvr';\n      case NotificationGroups.INCIDENTS:\n        return 'emergency_home';\n      case NotificationGroups.DCIM_ALERTS:\n        return 'public';\n      default:\n        return 'sync_saved_locally';\n    }\n  }\n\n  /* eslint-disable lit-a11y/click-events-have-key-events */\n  render() {\n    return html`    \n      <div class=\"relative bg-white-gp notification-item\">\n        <div\n          class=${this.notificaiton?.status === 'unread'\n            ? 'notification-item-unread'\n            : 'notification-item-read'}\n        >\n          <ix-icon\n            icon=${this.GetNotificationIcon()}\n            class=${this.notificaiton?.status === 'unread'\n              ? 'blue-icon'\n              : 'grey-icon'}\n            @click=${this.displayItem}\n            >${this.GetNotificationIcon()}\n          </ix-icon>\n          <div class=\"flex flex-col grow\" @click=${this.displayItem}>\n            <div class=\"grow text-base\">\n              <h2>${this.notificaiton?.resourceType}</h2>\n            </div>\n            <div class=\"grow text-xs\">\n              <h3>${this.calculateDuration()}</h3>\n            </div>\n          </div>\n          <div>\n            <view-item-dialog\n              ?open=${this.showModal}\n              .notificaiton=${this.notificaiton}\n              @view-item-dialog-closed=${() => {\n                this.showModal = false;\n              }}\n            >\n            </view-item-dialog>\n            <confirmation-dialog\n              ?open=${this.showDeleteConfirmation}\n              @on-confirm-selection=${this.confirmedDelete}\n              @confirm-dialog-closed=${() => {\n                this.showModal = false;\n              }}\n              textMessage=\"Are you sure you want to delete this notification?\"\n            >\n            </confirmation-dialog>\n          </div>\n          <ix-icon-button\n            @click=${this.deleteItem}\n            icon=\"delete\"\n            class=${!this.disabled ? 'red-icon' : 'grey-icon'}\n          ></ix-icon-button>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/constants/notifications.d.ts

@@ -8,6 +8,11 @@ export declare enum NotificationGroups {
     DCIM_ALERTS = "DCIM Alerts",
     SERVICE_TICKETS = "Service Tickets"
 }
+export declare enum ApiCallState {
+    LOADING = "Loading",
+    ERROR = "Error",
+    SUCCESS = "Success"
+}
 export declare const DefaultDateFormat = "yyyy-MM-dd";
 export declare const DefaultTimeFormat = "HH:mm:ss";
 export declare const DefaultDisplayDays = 30;