{"version":3,"file":"notificationMonitor-b68daa53.js","sources":["../../../app/javascript/common/components/onestopNotification/notificationManager.ts","../../../app/javascript/common/components/onestopNotification/notification-monitor.vue","../../../app/javascript/common/components/onestopNotification/notification-monitor.vue?vue&type=template&lang.js","../../../app/javascript/common/components/onestopNotification/notificationMonitor.ts"],"sourcesContent":["import {Hash} from \"~/interfaces/hashInterfaces\";\nimport Vue from \"vue\";\n\nenum NotificationType {\n  unclaimedRecord = \"unclaimed_record\"\n}\n\nexport class NotificationManager {\n  collection: Array<Hash> = [];\n\n  notificationTypes: {[key: string]: {type: NotificationType, idKey: string}} = {\n    unclaimed_record: {\n      type: NotificationType.unclaimedRecord,\n      idKey: \"unclaimed_record_id\"\n    }\n  };\n\n  constructor() {\n    this.init();\n  }\n\n  findOrInitLocalNotifications(): Array<Hash> {\n    let localNotifications: string = localStorage.getItem('notifications');\n    if ([\"undefined\", null, undefined].includes(localNotifications)) {\n      localStorage.setItem('notifications', JSON.stringify([]));\n    }\n    return JSON.parse(localStorage.getItem('notifications'));\n  }\n\n  reconcileNotifications(serverNotifications, localNotifications): void {\n    const keepNotifications = [];\n    Object.keys(this.notificationTypes).forEach(key => {\n      let {type, idKey} = this.notificationTypes[key];\n\n      localNotifications.filter(n => n.type === type).forEach(ln => {\n        const target = serverNotifications.find(sn => {\n          return (sn[idKey] === ln[idKey]);\n        });\n        if (target) {\n          delete target.isSeen;\n          keepNotifications.push(Object.assign(ln, target))\n        }\n      });\n\n      serverNotifications.forEach(n => {\n        const target = keepNotifications.find(kn => {\n          return (kn[idKey] === n[idKey]);\n        });\n        if (!target) keepNotifications.push(Object.assign({}, n))\n      })\n    });\n    Vue.set(this, \"collection\", keepNotifications.slice());\n  }\n\n  async init() {\n    const serverNotifications = await this.getNotifications();\n    const localNotifications = this.findOrInitLocalNotifications();\n    this.reconcileNotifications(serverNotifications, localNotifications);\n    this.syncNotifications();\n  }\n\n  markAsSeen(notification) {\n    notification.isSeen = true;\n    this.syncNotifications()\n  }\n\n  async getNotifications() {\n    const res = await $.ajax({\n      method: \"GET\",\n      url: \"/notifications\",\n      headers: {\n        Accepts: \"application/json\"\n      }\n    });\n    const {notifications} = res;\n    return notifications;\n  }\n\n  syncNotifications(): void {\n    localStorage.setItem(\"notifications\", JSON.stringify(this.collection.slice()))\n  }\n}\n\n","<template>\n  <div class=\"dropdown\">\n    <button class=\"dropdown-toggle notification-dropdown\" id=\"notification-dropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n      <div class=\"notification-box\" data-c-tooltip-class=\"force-right\" data-c-tooltip=\"Claim Records\">\n        <span class=\"icon notification-on\"></span>\n        <span class=\"notifications-count\">{{ unseenNotifications.length }}</span>\n      </div>\n    </button>\n    <ul v-if=\"unseenNotifications && unseenNotifications.length\" class=\"dropdown-menu notification-dropdown dropdown-menu-right\" aria-labelledby=\"notification-dropdown\">\n\n      <li v-for=\"notification in unseenNotifications\"\n          :key=\"keyFor(notification)\"\n          class=\"dropdown-item\">\n        <button class=\"dropdown-option\" @click=\"markAndNavigate(notification)\">\n          <p class=\"dropdown-option-header\">{{ notification.message }}</p>\n          <p class=\"dropdown-option-text\">{{ notification.sub_message }}</p>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import Vue from \"vue\";\n  import {Hash} from \"~/interfaces/hashInterfaces\";\n  import {NotificationManager} from \"./notificationManager\";\n\n  export default Vue.extend({\n    data(){\n      return {\n        notificationManager: new NotificationManager(),\n      }\n    },\n    mounted() {\n      $(document).on(\"entityRecordClaimed\", () => {\n        this.notificationManager.init();\n      })\n    },\n    beforeDestroy() {\n      $(document).off(\"entityRecordClaimed\")\n    },\n    methods: {\n      keyFor(notification): string {\n        const idKey = this.notificationManager.notificationTypes[notification.type].idKey;\n        return notification[idKey]\n      },\n      markAndNavigate(notification): void {\n        // this.notificationManager.markAsSeen(notification);\n        window.location.assign(\"/entities/claim\")\n      },\n    },\n    computed: {\n      unseenNotifications(): Array<Hash>{\n        return this.notifications.filter(n => !n.isSeen)\n      },\n      notifications(): Array<Hash> {\n        return this.notificationManager.collection\n      }\n    }\n  })\n</script>","\n<div class=\"dropdown\">\n  <button class=\"dropdown-toggle notification-dropdown\" id=\"notification-dropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n    <div class=\"notification-box\" data-c-tooltip-class=\"force-right\" data-c-tooltip=\"Claim Records\">\n      <span class=\"icon notification-on\"></span>\n      <span class=\"notifications-count\">{{ unseenNotifications.length }}</span>\n    </div>\n  </button>\n  <ul v-if=\"unseenNotifications && unseenNotifications.length\" class=\"dropdown-menu notification-dropdown dropdown-menu-right\" aria-labelledby=\"notification-dropdown\">\n\n    <li v-for=\"notification in unseenNotifications\"\n        :key=\"keyFor(notification)\"\n        class=\"dropdown-item\">\n      <button class=\"dropdown-option\" @click=\"markAndNavigate(notification)\">\n        <p class=\"dropdown-option-header\">{{ notification.message }}</p>\n        <p class=\"dropdown-option-text\">{{ notification.sub_message }}</p>\n      </button>\n    </li>\n  </ul>\n</div>\n","import Vue from \"vue\";\nimport NotificationMonitor from \"./notification-monitor.vue\"\n\nconst onReady = function () {\n  \n  if ((window as any).ONE_STOP) {\n    const $rootElements = $(\"div[data-vue-notification-monitor]\");\n\n    $rootElements.each((ind, el) => {\n      new Vue({\n        el: el,\n        render: h => h(NotificationMonitor),\n      })\n    });\n  }\n};\n\n\n$(onReady);"],"names":["NotificationManager","constructor","this","collection","notificationTypes","unclaimed_record","type","idKey","init","findOrInitLocalNotifications","localNotifications","localStorage","getItem","includes","setItem","JSON","stringify","parse","reconcileNotifications","serverNotifications","keepNotifications","Object","keys","forEach","key","filter","n","ln","target","find","sn","isSeen","push","assign","kn","Vue","set","slice","async","getNotifications","syncNotifications","markAsSeen","notification","res","$","ajax","method","url","headers","Accepts","notifications","__vue2_script","extend","data","notificationManager","mounted","document","on","beforeDestroy","off","methods","keyFor","markAndNavigate","window","location","computed","unseenNotifications","_vm","_h","$createElement","_c","_self","staticClass","attrs","id","_v","_s","length","_l","click","$event","message","sub_message","_e","ONE_STOP","each","ind","el","render","h","NotificationMonitor"],"mappings":"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"}