{"version":3,"sources":["webpack:///./src/assets/images/flags sync ^\\.\\/.*\\.png$","webpack:///./src/layouts/components/navbar/components/I18n.vue?852d","webpack:///src/layouts/components/navbar/components/I18n.vue","webpack:///./src/layouts/components/navbar/components/I18n.vue?77c4","webpack:///./src/layouts/components/navbar/components/I18n.vue","webpack:///./src/layouts/components/navbar/TheNavbarVertical.vue?4a1e","webpack:///src/layouts/components/navbar/TheNavbarVertical.vue","webpack:///./src/layouts/components/navbar/TheNavbarVertical.vue?86ca","webpack:///./src/layouts/components/navbar/TheNavbarVertical.vue","webpack:///./src/layouts/components/navbar/components/NotificationDropDown.vue?5416","webpack:///src/layouts/components/navbar/components/NotificationDropDown.vue","webpack:///./src/layouts/components/navbar/components/NotificationDropDown.vue?e98e","webpack:///./src/layouts/components/navbar/components/NotificationDropDown.vue","webpack:///./src/layouts/components/navbar/components/CreateCampaign.vue?3097","webpack:///./src/layouts/components/navbar/TheNavbarVertical.vue?b4c5","webpack:///./src/layouts/components/navbar/components/Notifications.vue?e3c8","webpack:///./src/components/speakol-template/SpeakolMainButton.vue?819a","webpack:///./src/assets/images/flags/en.png","webpack:///./src/layouts/components/navbar/components/CreateCampaign.vue?9651","webpack:///src/layouts/components/navbar/components/CreateCampaign.vue","webpack:///./src/layouts/components/navbar/components/CreateCampaign.vue?5c8c","webpack:///./src/layouts/components/navbar/components/CreateCampaign.vue","webpack:///./src/components/speakol-template/SpeakolMainButton.vue?cc2a","webpack:///src/components/speakol-template/SpeakolMainButton.vue","webpack:///./src/components/speakol-template/SpeakolMainButton.vue?5879","webpack:///./src/components/speakol-template/SpeakolMainButton.vue","webpack:///./src/layouts/components/navbar/components/Notifications.vue?03d4","webpack:///src/layouts/components/navbar/components/Notifications.vue","webpack:///./src/layouts/components/navbar/components/Notifications.vue?460d","webpack:///./src/layouts/components/navbar/components/Notifications.vue"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","i18n_locale_img","$i18n","locale","_v","_s","getCurrentLocaleData","lang","on","$event","updateLocale","staticRenderFns","computed","flag","methods","component","class","classObj","textColor","navbarColorLocal","stopPropagation","showSidebar","apply","arguments","$can","_e","$gtag","event","activeUserInfo","name","props","navbarColor","type","String","default","components","CreateCampaign","NotificationDropDown","I18n","ProfileDropDown","Notifications","$store","getters","state","theme","verticalNavMenuWidth","windowWidth","commit","reduceButton","unreadNotifications","length","scrollbarTag","key","$vs","rtl","ref","tag","settings","_l","ntf","index","icon","title","msg","elapsedTime","time","VuePerfectScrollbar","data","maxScrollbarLength","wheelSpeed","timeDiff","years","seconds","randomDate","hr","date","setHours","getHours","min","setMinutes","getMinutes","sec","setSeconds","getSeconds","scopedSlots","_u","fn","proxy","SpeakolMainButton","FilterButton","buttonText","mainAction","$emit","_t","notificationColorClass","isNotificationCounterGreaterThan9","notificationCounter","$t","notificationList","notification","directives","rawName","value","expression","isViwed","handleCTA","href_type","severity_name","$constants","NOTIFICATIONS_SEVERITIES","ERROR","WARNING","INFO","body","cta","formatTime","created_at","notificationMeta","interval","mounted","isMaintenanceModeEnabled","getNotificationsMeta","getNotificationsList","setInterval","showNotificationCounter","count","viewed_at","isToday","isYesterday","viewHandler","percentInView","lookupView","Date","now"],"mappings":"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","file":"js/chunk-539fd5b8.777154ad.js","sourcesContent":["var map = {\n\t\"./en.png\": \"9996\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"1c99\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-dropdown',{staticClass:\"cursor-pointer\",attrs:{\"vs-custom-content\":\"\",\"vs-trigger-click\":\"\"}},[_c('span',{staticClass:\"cursor-pointer flex items-center i18n-locale\"},[_c('img',{staticClass:\"h-4 w-5\",attrs:{\"src\":_vm.i18n_locale_img,\"alt\":_vm.$i18n.locale}}),_c('span',{staticClass:\"hidden sm:block ml-2\"},[_vm._v(_vm._s(_vm.getCurrentLocaleData.lang))])]),_c('vs-dropdown-menu',{staticClass:\"w-48 i18n-dropdown vx-navbar-dropdown\"},[_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.updateLocale('en')}}},[_c('img',{staticClass:\"h-4 w-5 mr-1\",attrs:{\"src\":require(\"@/assets/images/flags/en.png\"),\"alt\":\"en\"}}),_vm._v(\"  English\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vs-dropdown vs-custom-content vs-trigger-click class=\"cursor-pointer\">\n    <span class=\"cursor-pointer flex items-center i18n-locale\">\n      <img class=\"h-4 w-5\" :src=\"i18n_locale_img\" :alt=\"$i18n.locale\" />\n      <span class=\"hidden sm:block ml-2\">{{ getCurrentLocaleData.lang }}</span>\n    </span>\n    <vs-dropdown-menu class=\"w-48 i18n-dropdown vx-navbar-dropdown\">\n      <vs-dropdown-item @click=\"updateLocale('en')\"><img class=\"h-4 w-5 mr-1\" src=\"@/assets/images/flags/en.png\" alt=\"en\" /> &nbsp;English</vs-dropdown-item>\n    </vs-dropdown-menu>\n  </vs-dropdown>\n</template>\n\n<script>\nexport default {\n  computed: {\n    i18n_locale_img () {\n      // Use below code to dynamically fetch image instead of if-else\n      // NOTE: We used if-else because laravel throws error in 'yarn prod'.\n      // If you are not using laravel + Vue, you can use below code to dynamically get image\n      // return require(`@/assets/images/flags/${this.$i18n.locale}.png`)\n\n      const locale = this.$i18n.locale === '' ? 'en' : this.$i18n.locale\n\n      // if (locale === 'en') return require('@/assets/images/flags/en.png')\n      // else if (locale === 'pt') return require('@/assets/images/flags/pt.png')\n      // else if (locale === 'fr') return require('@/assets/images/flags/fr.png')\n      // else if (locale === 'de') return require('@/assets/images/flags/de.png')\n      // else return require('@/assets/images/flags/en.png')\n\n      return require(`@/assets/images/flags/${locale}.png`)\n    },\n    getCurrentLocaleData () {\n      const locale = this.$i18n.locale\n      if (locale === 'en') return {\n        flag: 'us',\n        lang: 'English'\n      }\n    }\n  },\n  methods: {\n    updateLocale (locale) {\n      this.$i18n.locale = locale\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./I18n.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./I18n.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./I18n.vue?vue&type=template&id=56a7eca9&\"\nimport script from \"./I18n.vue?vue&type=script&lang=js&\"\nexport * from \"./I18n.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"vx-navbar-wrapper\",class:_vm.classObj},[_c('vs-navbar',{staticClass:\"vx-navbar navbar-custom navbar-skelton\",class:_vm.textColor,attrs:{\"color\":_vm.navbarColorLocal}},[_c('vs-icon',{staticClass:\"sm:inline-flex cursor-pointer p-2\",attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-menu\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.showSidebar.apply(null, arguments)}}}),_c('vs-spacer'),(_vm.$can('create_campaigns'))?_c('CreateCampaign'):_vm._e(),_c('div',{staticClass:\"help-center-dropdown\"},[_c('vx-tooltip',{attrs:{\"id\":\"header-help-button\",\"text\":\"Help\",\"position\":\"right\"}},[_c('vs-dropdown',{staticClass:\"relative cursor-pointer\",attrs:{\"vs-custom-content\":\"\",\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"speakol-help-center-icon cursor-pointer\"},[_c('vs-icon',{attrs:{\"icon\":\"speakol-help\",\"icon-pack\":\"speakol\"}})],1),_c('vs-dropdown-menu',{staticClass:\"help-parent vx-navbar-dropdown fixed\"},[_c('ul',[_c('li',{staticClass:\"dropdown-action-on-hover flex py-2 px-4 cursor-pointer\",attrs:{\"id\":\"header-help-center\"},on:{\"click\":function($event){return _vm.$gtag.event('Help_Center')}}},[_c('a',{staticClass:\"help-options\",attrs:{\"href\":\"https://speakol.zendesk.com/hc/en-us\",\"target\":\"_blank\"}},[_c('span',[_vm._v(\"Help Center\")])])]),_c('li',{staticClass:\"dropdown-action-on-hover flex py-2 px-4 cursor-pointer\",attrs:{\"id\":\"header-contact-us\"},on:{\"click\":function($event){return _vm.$gtag.event('Contact_us')}}},[_c('a',{staticClass:\"help-options\",attrs:{\"href\":\"https://speakol.zendesk.com/hc/en-us/requests/new\",\"target\":\"_blank\"}},[_c('span',[_vm._v(\"Contact Us\")])])])])])],1)],1)],1),_c('Notifications'),(_vm.activeUserInfo)?_c('profile-drop-down',{attrs:{\"activeUserInfo\":_vm.activeUserInfo}}):_vm._e()],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"relative\">\n      <div class=\"vx-navbar-wrapper\" :class=\"classObj\">\n        <vs-navbar class=\"vx-navbar navbar-custom navbar-skelton\" :color=\"navbarColorLocal\" :class=\"textColor\">\n          <!-- SM - OPEN SIDEBAR BUTTON -->\n          <vs-icon class=\"sm:inline-flex cursor-pointer p-2\" icon-pack=\"speakol\" icon=\"speakol-menu\" @click.stop=\"showSidebar\" />\n          <vs-spacer />\n          <CreateCampaign v-if=\"$can('create_campaigns')\"/>\n\n          <div class=\"help-center-dropdown\">\n            <vx-tooltip id=\"header-help-button\" text=\"Help\" position=\"right\">\n              <vs-dropdown vs-custom-content vs-trigger-click class=\"relative cursor-pointer\">\n                <div class=\"speakol-help-center-icon cursor-pointer\">\n                  <vs-icon icon=\"speakol-help\" icon-pack=\"speakol\"></vs-icon>\n                </div>\n                <vs-dropdown-menu class=\"help-parent vx-navbar-dropdown fixed\">\n                  <ul>\n                    <li @click=\"$gtag.event('Help_Center')\" id=\"header-help-center\" class=\"dropdown-action-on-hover flex py-2 px-4 cursor-pointer\">\n                      <a class=\"help-options\" href=\"https://speakol.zendesk.com/hc/en-us\" target=\"_blank\">\n                        <span>Help Center</span>\n                      </a>\n                    </li>\n\n                    <li id=\"header-contact-us\" class=\"dropdown-action-on-hover flex py-2 px-4 cursor-pointer\" @click=\"$gtag.event('Contact_us')\">\n                      <a class=\"help-options\" href=\"https://speakol.zendesk.com/hc/en-us/requests/new\" target=\"_blank\">\n                        <span>Contact Us</span>\n                      </a>\n                    </li>\n                  </ul>\n                </vs-dropdown-menu>\n              </vs-dropdown>\n            </vx-tooltip>\n          </div>\n\n          <Notifications/>\n\n          <profile-drop-down v-if=\"activeUserInfo\" :activeUserInfo=\"activeUserInfo\" />\n        </vs-navbar>\n      </div>\n  </div>\n</template>\n<script>\nimport I18n                 from './components/I18n.vue'\nimport ProfileDropDown      from './components/ProfileDropDown.vue'\nimport NotificationDropDown      from './components/NotificationDropDown.vue'\nimport CreateCampaign      from './components/CreateCampaign.vue'\nimport Notifications from './components/Notifications.vue'\n\nexport default {\n  name: 'the-navbar-vertical',\n  props: {\n    navbarColor: {\n      type: String,\n      default: '#fff'\n    }\n  },\n  components: {\n    CreateCampaign,\n    NotificationDropDown,\n    I18n,\n    ProfileDropDown,\n    Notifications\n  },\n  computed: {\n    activeUserInfo () {\n      return this.$store.getters['authentication/user']\n    },\n    navbarColorLocal () {\n      return this.$store.state.theme === 'dark' && this.navbarColor === '#fff' ? '#10163a' : this.navbarColor\n    },\n    verticalNavMenuWidth () {\n      return this.$store.state.verticalNavMenuWidth\n    },\n    textColor () {\n      return {'text-white': (this.navbarColor !== '#10163a' && this.$store.state.theme === 'dark') || (this.navbarColor !== '#fff' && this.$store.state.theme !== 'dark')}\n    },\n    windowWidth () {\n      return this.$store.state.windowWidth\n    },\n    // NAVBAR STYLE\n    classObj () {\n      if      (this.verticalNavMenuWidth === 'default') return 'navbar-default'\n      else if (this.verticalNavMenuWidth === 'reduced') return 'navbar-reduced'\n      else if (this.verticalNavMenuWidth)               return 'navbar-full'\n    }\n  },\n  methods: {\n    showSidebar() {\n      if (this.windowWidth >= 1200) {\n        this.$store.commit('TOGGLE_REDUCE_BUTTON', !this.$store.state.reduceButton)\n      }\n      this.$store.commit('TOGGLE_IS_VERTICAL_NAV_MENU_ACTIVE', true)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .speakol-help-center-icon {\n    border: 2px solid var(--metalicGray);\n    border-radius: 100%;\n    width: 20px;\n    height: 20px;\n\n    i {\n      position: relative;\n      top: 1px;\n      left: 0.4px;\n      color: var(--metalicGray);\n      font-size: 13px !important;\n    }\n  }\n\n  .help-parent {\n    top: 84px !important;\n  }\n\n  .help-options {\n    color: #2c2c2c;\n  }\n\n  .dropdown-action-on-hover:hover {\n    background-color: #0092d7;\n  }\n\n  .dropdown-action-on-hover:hover .help-options {\n    color: white;\n  }\n\n  .con-vs-dropdown--menu {\n    transform: translate(-93%) !important;\n  }\n\n  @media screen and (max-width: 768px) {\n    .con-vs-dropdown--menu {\n      width: max-content;\n    }\n  }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheNavbarVertical.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheNavbarVertical.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheNavbarVertical.vue?vue&type=template&id=33c534c4&scoped=true&\"\nimport script from \"./TheNavbarVertical.vue?vue&type=script&lang=js&\"\nexport * from \"./TheNavbarVertical.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheNavbarVertical.vue?vue&type=style&index=0&id=33c534c4&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"33c534c4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-dropdown',{staticClass:\"cursor-pointer\",attrs:{\"vs-custom-content\":\"\",\"vs-trigger-click\":\"\"}},[_c('vs-icon',{staticClass:\"cursor-pointer mt-1 sm:mr-6 mr-2\",attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-bill\",\"badge\":_vm.unreadNotifications.length}}),_c('vs-dropdown-menu',{staticClass:\"notification-dropdown dropdown-custom vx-navbar-dropdown\"},[_c('div',{staticClass:\"notification-top text-center p-5 bg-primary text-white\"},[_c('h3',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.unreadNotifications.length)+\" New\")]),_c('p',{staticClass:\"opacity-75\"},[_vm._v(\"App Notifications\")])]),_c(_vm.scrollbarTag,{key:_vm.$vs.rtl,ref:\"mainSidebarPs\",tag:\"component\",staticClass:\"scroll-area--nofications-dropdown p-0 mb-10\",attrs:{\"settings\":_vm.settings}},[_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.unreadNotifications),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between px-4 py-4 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\"},[_c('vs-icon',{attrs:{\"icon-pack\":\"speakol\",\"icon\":ntf.icon,\"svgClasses\":[(\"text-\" + (ntf.category)), 'stroke-current mr-1 h-6 w-6']}}),_c('div',{staticClass:\"mx-2\"},[_c('span',{staticClass:\"font-medium block notification-title\",class:[(\"text-\" + (ntf.category))]},[_vm._v(_vm._s(ntf.title))]),_c('small',[_vm._v(_vm._s(ntf.msg))])])],1),_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.time)))])])}),0)]),_c('div',{staticClass:\"\\n      checkout-footer\\n      fixed\\n      bottom-0\\n      rounded-b-lg\\n      text-primary\\n      w-full\\n      p-2\\n      font-semibold\\n      text-center\\n      border\\n      border-b-0\\n      border-l-0\\n      border-r-0\\n      border-solid\\n      d-theme-border-grey-light\\n      cursor-pointer\"},[_c('span',[_vm._v(\"View All Notifications\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- NOTIFICATIONS -->\n  <vs-dropdown vs-custom-content vs-trigger-click class=\"cursor-pointer\">\n    <vs-icon icon-pack=\"speakol\" icon=\"speakol-bill\" class=\"cursor-pointer mt-1 sm:mr-6 mr-2\" :badge=\"unreadNotifications.length\"/>\n\n    <vs-dropdown-menu class=\"notification-dropdown dropdown-custom vx-navbar-dropdown\">\n\n      <div class=\"notification-top text-center p-5 bg-primary text-white\">\n        <h3 class=\"text-white\">{{ unreadNotifications.length }} New</h3>\n        <p class=\"opacity-75\">App Notifications</p>\n      </div>\n\n      <component :is=\"scrollbarTag\" ref=\"mainSidebarPs\" class=\"scroll-area--nofications-dropdown p-0 mb-10\" :settings=\"settings\" :key=\"$vs.rtl\">\n        <ul class=\"bordered-items\">\n          <li v-for=\"ntf in unreadNotifications\" :key=\"ntf.index\" class=\"flex justify-between px-4 py-4 notification cursor-pointer\">\n            <div class=\"flex items-start\">\n              <vs-icon icon-pack=\"speakol\" :icon=\"ntf.icon\" :svgClasses=\"[`text-${ntf.category}`, 'stroke-current mr-1 h-6 w-6']\" />\n              <div class=\"mx-2\">\n                <span class=\"font-medium block notification-title\" :class=\"[`text-${ntf.category}`]\">{{ ntf.title }}</span>\n                <small>{{ ntf.msg }}</small>\n              </div>\n            </div>\n            <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.time) }}</small>\n          </li>\n        </ul>\n      </component>\n\n      <div class=\"\n        checkout-footer\n        fixed\n        bottom-0\n        rounded-b-lg\n        text-primary\n        w-full\n        p-2\n        font-semibold\n        text-center\n        border\n        border-b-0\n        border-l-0\n        border-r-0\n        border-solid\n        d-theme-border-grey-light\n        cursor-pointer\">\n        <span>View All Notifications</span>\n      </div>\n    </vs-dropdown-menu>\n  </vs-dropdown>\n</template>\n\n<script>\nimport VuePerfectScrollbar from 'vue-perfect-scrollbar'\n\nexport default {\n  components: {\n    VuePerfectScrollbar\n  },\n  data () {\n    return {\n      unreadNotifications: [],\n      settings: {\n        maxScrollbarLength: 60,\n        wheelSpeed: .60\n      }\n    }\n  },\n  computed: {\n    scrollbarTag () { return this.$store.getters.scrollbarTag }\n  },\n  methods: {\n    elapsedTime (startTime) {\n      const x        = new Date(startTime)\n      const now      = new Date()\n      let timeDiff = now - x\n      timeDiff    /= 1000\n\n      const seconds = Math.round(timeDiff)\n      timeDiff    = Math.floor(timeDiff / 60)\n\n      const minutes = Math.round(timeDiff % 60)\n      timeDiff    = Math.floor(timeDiff / 60)\n\n      const hours   = Math.round(timeDiff % 24)\n      timeDiff    = Math.floor(timeDiff / 24)\n\n      const days    = Math.round(timeDiff % 365)\n      timeDiff    = Math.floor(timeDiff / 365)\n\n      const years   = timeDiff\n\n      if (years > 0) {\n        return `${years + (years > 1 ? ' Years ' : ' Year ')}ago`\n      } else if (days > 0) {\n        return `${days + (days > 1 ? ' Days ' : ' Day ')}ago`\n      } else if (hours > 0) {\n        return `${hours + (hours > 1 ? ' Hrs ' : ' Hour ')}ago`\n      } else if (minutes > 0) {\n        return `${minutes + (minutes > 1 ? ' Mins ' : ' Min ')}ago`\n      } else if (seconds > 0) {\n        return seconds + (seconds > 1 ? ' sec ago' : 'just now')\n      }\n\n      return 'Just Now'\n    },\n    // Method for creating dummy notification time\n    randomDate ({ hr, min, sec }) {\n      const date = new Date()\n\n      if (hr) date.setHours(date.getHours() - hr)\n      if (min) date.setMinutes(date.getMinutes() - min)\n      if (sec) date.setSeconds(date.getSeconds() - sec)\n\n      return date\n    }\n  }\n}\n\n</script>\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationDropDown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationDropDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotificationDropDown.vue?vue&type=template&id=10d43b46&\"\nimport script from \"./NotificationDropDown.vue?vue&type=script&lang=js&\"\nexport * from \"./NotificationDropDown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateCampaign.vue?vue&type=style&index=0&id=ac4e57fe&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheNavbarVertical.vue?vue&type=style&index=0&id=33c534c4&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=style&index=0&id=7e4b196c&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpeakolMainButton.vue?vue&type=style&index=0&lang=scss&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA1CAMAAACA7r40AAAA/FBMVEWyIjNPN2Y8O27///8/PnBOTXxycpY9PG9RUX5HR3dIR3dLSnlPTny4uMpWVYFFRHVwb5VlZIx7e52DgqOIh6aIiKc+PXBJSHhTUn9hYYqyIjReXohgX4lYV4Lr6/C2tcjPdYB0c5haWYRYV4Nra5GJiac+PW/FxdTHYG1RUH3eoajltbtOTXvty89BQHHg3+hSUX6GYoC6usyVlbFycZa7u8yUk6+sq8FCQXO0tMe1tMhiYYpMS3pDQnNvbpTExNN8fJ7GxdTGxtWCgqLHx9WXlrLXi5SYl7Kiobrg4Oiiorrn5u3n5+2jo7ukpLvw8PTx8fX09Pf19firqsC5sMNxAAAAAnRSTlPQ9qN1Xw4AAAGlSURBVHhe7ZXFiiRBFEVjznvp5W7t7j3u7m7//y8D1dAMGbnI4jW5KOpsgjibCxFcrrtVEmcBGAGQJHB98d3EgEM/ygsg/nwRAy15rxQ4Ywh3JQX49hVgKA/Ad1hDkkGTMSQJjGkOEmo133FmwAEQyl8FfSj3gFgkzjsQAw6AZ796AP2fGcDBS8/ZQ7ZQlJ2d+bEFqp6zhuh9Cf9/pDtKkTs04KBTD4jgx3eICOodoshz1p7M6UUAUQ+Ap2Pf2UMI5UBBX18/Ut7ZQ84Jui10QKsbcA7dt77jxIBDt+sxMNzrD4HL+rZS4Iw9iTZkCjRFmsBUHkcUOGMI7dkpKezuQsrprM3zR76zN572ekdBX623gaONJ0d5B5sGHAA1+QTwRQJgX2Q/7+w9GZGlDZKERpoxgkbDc8s0WscGSo+WGMiNVlgwWuFNjdafPsDe7wzg3RvP2UNCFGVtbX6EoOo7PhgoO1rGnswHiquB4mqgfIcxpBTGkNslMf2JVMAShRxXgJtUwBKFbFbAqicL4U4qYNWThXCHFbDqyUK4swpY9WQhXBX8A2rVjaQ6HWXmAAAAAElFTkSuQmCC\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"sm:block hidden cta-speakol-parent mr-6\"},[_c('router-link',{attrs:{\"to\":\"/campaigns/create\"}},[_c('speakol-main-button',{attrs:{\"id\":\"header-create-campaign-button\",\"buttonText\":\"Create Campaign\"},on:{\"click\":function($event){return _vm.$gtag.event('Create_Campaign')}},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('vs-icon',{staticClass:\"create-campaign-icon\",attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-create-campaign\"}})]},proxy:true}])})],1)],1),_c('router-link',{attrs:{\"to\":\"/campaigns/create\"}},[_c('button',{staticClass:\"border-none bg-transparent sm:hidden create-campaign-mobile-icon mr-6 mt-1\"},[_c('vs-icon',{attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-create-campaign\",\"size\":\"1.5x\"}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"sm:block hidden cta-speakol-parent mr-6\">\n      <router-link to=\"/campaigns/create\">\n        <speakol-main-button @click=\"$gtag.event('Create_Campaign')\" id=\"header-create-campaign-button\"\n                             buttonText=\"Create Campaign\">\n          <template v-slot:icon>\n            <vs-icon class=\"create-campaign-icon\" icon-pack=\"speakol\" icon=\"speakol-create-campaign\"></vs-icon>\n          </template>\n        </speakol-main-button>\n      </router-link>\n    </div>\n\n    <router-link to=\"/campaigns/create\">\n      <button class=\"border-none bg-transparent sm:hidden create-campaign-mobile-icon mr-6 mt-1\">\n        <vs-icon icon-pack=\"speakol\" icon=\"speakol-create-campaign\" size=\"1.5x\" class=\"\"/>\n      </button>\n    </router-link>\n  </div>\n</template>\n\n<script>\nimport SpeakolMainButton from '@/components/speakol-template/SpeakolMainButton.vue'\n\nexport default {\n  components: {\n    SpeakolMainButton\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.create-campaign-mobile-icon {\n  color: rgba(146, 146, 157, 1);\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateCampaign.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateCampaign.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateCampaign.vue?vue&type=template&id=ac4e57fe&scoped=true&\"\nimport script from \"./CreateCampaign.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateCampaign.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateCampaign.vue?vue&type=style&index=0&id=ac4e57fe&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ac4e57fe\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('button',{staticClass:\"speakol-main-button border-transparent outline-none shadow-none text-white cursor-pointer font-medium\",class:{ FilterButton: _vm.buttonText != 'Create Campaign' , mainAction: _vm.mainAction },on:{\"click\":function($event){return _vm.$emit('click')}}},[_vm._t(\"icon\"),_vm._v(\"\\n      \"+_vm._s(_vm.buttonText ? _vm.buttonText : \"Main Button\")+\"\\n    \")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n      <button @click=\"$emit('click')\" v-bind:class=\"{ FilterButton: buttonText != 'Create Campaign' , mainAction }\" class=\"speakol-main-button border-transparent outline-none shadow-none text-white cursor-pointer font-medium\">\n        <slot name=\"icon\"></slot>\n        {{ buttonText ? buttonText : \"Main Button\" }}\n      </button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'speakol-main-button',\n\n  props: {\n    buttonText: {\n      type: String\n    },\n    mainAction: {\n      type: String\n    }\n  },\n\n  data () {\n    return {}\n  }\n\n\n}\n</script>\n\n<style lang=\"scss\">\n  .speakol-main-button {\n    background-color: #0092d7;\n    border-radius: 3px;\n    padding: 10px 16px;\n    font-size: 14px;\n\n    .create-campaign-icon {\n      font-size: 14px !important;\n      margin-right: 4px;\n    }\n  }\n\n  .FilterButton {\n    width: 135px;\n    height: 40px;\n  }\n\n  .mainAction {\n    width: 185px;\n  }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpeakolMainButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpeakolMainButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpeakolMainButton.vue?vue&type=template&id=b85d2626&\"\nimport script from \"./SpeakolMainButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SpeakolMainButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpeakolMainButton.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('vs-dropdown',{staticClass:\"cursor-pointer\",attrs:{\"vs-custom-content\":\"\",\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"relative\"},[_c('vs-icon',{staticClass:\"notifications-icon cursor-pointer\",attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-bill\"}})],1),(_vm.showNotificationCounter)?_c('div',{class:(\"notifications-counter \" + _vm.notificationColorClass + \" \" + (_vm.isNotificationCounterGreaterThan9 ? 'notifications-counter-big' : ''))},[_vm._v(\"\\n      \"+_vm._s(_vm.notificationCounter)+\"\\n    \")]):_vm._e(),_c('vs-dropdown-menu',{ref:\"notification-dropdowns\",staticClass:\"notifications-parent fixed\"},[_c('div',{staticClass:\"notifications-dropdown\"},[_c('h4',{staticClass:\"mb-8 title\"},[_vm._v(_vm._s(_vm.$t(\"Notifications\")))]),(_vm.notificationList.length === 0)?_c('div',{staticClass:\"notifications-empty-state\"},[_c('img',{attrs:{\"src\":\"/img/empty_page.2ea2b496.svg\",\"alt\":\"\"}}),_c('h5',[_vm._v(_vm._s(_vm.$t(\"You have no New Notifications right now.\")))]),_c('h6',[_vm._v(_vm._s(_vm.$t(\"New Notifications will be displayed here.\")))])]):_c('div',{staticClass:\"not-empty\"},[_c('ul',[_c('div',{staticClass:\"notifications-list\"},_vm._l((_vm.notificationList),function(notification){return _c('li',{directives:[{name:\"view\",rawName:\"v-view\",value:(_vm.viewHandler),expression:\"viewHandler\"}],key:notification.id,class:_vm.isViwed(notification) ? '' : 'notification-not-read',attrs:{\"id\":notification.id}},[_c('div',{staticClass:\"notification\"},[(notification.data.dismissible)?_c('div',{staticClass:\"dismiss-notification\"},[_c('vs-icon',{staticClass:\"dismiss-icon\",attrs:{\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.handleCTA({href_type: 'dismiss', title: 'dismiss'}, notification.id)}}})],1):_vm._e(),_c('div',{staticClass:\"flex\"},[(notification.severity_name === _vm.$constants.NOTIFICATIONS_SEVERITIES.ERROR)?_c('vs-icon',{staticClass:\"notifications-error notification-icon\",attrs:{\"icon\":\"speakol-warning-fill\",\"color\":\"#DB2828\",\"icon-pack\":\"speakol\"}}):_vm._e(),(notification.severity_name === _vm.$constants.NOTIFICATIONS_SEVERITIES.WARNING)?_c('vs-icon',{staticClass:\"notifications-warning notification-icon\",attrs:{\"icon\":\"speakol-warning-fill\",\"color\":\"#F2AF03\",\"icon-pack\":\"speakol\"}}):_vm._e(),(notification.severity_name === _vm.$constants.NOTIFICATIONS_SEVERITIES.INFO)?_c('vs-icon',{staticClass:\"notifications-info notification-icon\",attrs:{\"icon\":\"speakol-info-2\",\"icon-pack\":\"speakol\"}}):_vm._e(),_c('div',[_c('h4',[_vm._v(_vm._s(notification.data.title))]),_c('h5',[_vm._v(_vm._s(notification.data.body))]),_c('div',{staticClass:\"notifications-actions\"},_vm._l((notification.ctas),function(cta,index){return _c('button',{key:index,on:{\"click\":function($event){return _vm.handleCTA(cta, notification.id)}}},[_vm._v(_vm._s(cta.title)+\"\\n                        \")])}),0),_c('h6',[_vm._v(_vm._s(_vm.formatTime(notification.created_at)))])])],1)])])}),0)])])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <vs-dropdown vs-custom-content vs-trigger-click class=\"cursor-pointer\">\n\n      <div class=\"relative\">\n        <vs-icon icon-pack=\"speakol\" icon=\"speakol-bill\" class=\"notifications-icon cursor-pointer\"/>\n      </div>\n      <div v-if=\"showNotificationCounter\"\n           :class=\"`notifications-counter ${notificationColorClass} ${isNotificationCounterGreaterThan9 ? 'notifications-counter-big' : ''}`\">\n        {{ notificationCounter }}\n      </div>\n      <vs-dropdown-menu ref=\"notification-dropdowns\" class=\"notifications-parent fixed\">\n        <div class=\"notifications-dropdown\">\n          <h4 class=\"mb-8 title\">{{ $t(\"Notifications\") }}</h4>\n          <!-- notifications empty state -->\n          <div class=\"notifications-empty-state\" v-if=\"notificationList.length === 0\">\n            <img src=\"/img/empty_page.2ea2b496.svg\" alt=\"\">\n            <h5>{{ $t(\"You have no New Notifications right now.\") }}</h5>\n            <h6>{{ $t(\"New Notifications will be displayed here.\") }}</h6>\n          </div>\n          <!-- notifications empty state -->\n\n          <div class=\"not-empty\" v-else>\n            <!-- notifications list here -->\n            <ul>\n              <div class=\"notifications-list\">\n                <li v-for=\"notification in notificationList\" :class=\"isViwed(notification) ? '' : 'notification-not-read' \" v-bind:key=\"notification.id\" v-bind:id=\"notification.id\" v-view=\"viewHandler\">\n                  <div class=\"notification\">\n                    <div class=\"dismiss-notification\" v-if=\"notification.data.dismissible\">\n                      <vs-icon class=\"dismiss-icon\" icon=\"speakol-cancel\" icon-pack=\"speakol\"\n                              v-on:click=\"handleCTA({href_type: 'dismiss', title: 'dismiss'}, notification.id)\"/>\n                    </div>\n                    <div class=\"flex\">\n                        <vs-icon\n                          v-if=\"notification.severity_name === $constants.NOTIFICATIONS_SEVERITIES.ERROR\"\n                          class=\"notifications-error notification-icon\"\n                          icon=\"speakol-warning-fill\"\n                          color=\"#DB2828\"\n                          icon-pack=\"speakol\"/>\n                        <vs-icon\n                          v-if=\"notification.severity_name === $constants.NOTIFICATIONS_SEVERITIES.WARNING\"\n                          class=\"notifications-warning notification-icon\"\n                          icon=\"speakol-warning-fill\"\n                          color=\"#F2AF03\"\n                          icon-pack=\"speakol\"/>\n                        <vs-icon\n                          v-if=\"notification.severity_name === $constants.NOTIFICATIONS_SEVERITIES.INFO\"\n                          class=\"notifications-info notification-icon\"\n                          icon=\"speakol-info-2\"\n                          icon-pack=\"speakol\"/>\n                      <div>\n                        <h4>{{ notification.data.title }}</h4>\n                        <h5>{{ notification.data.body }}</h5>\n                        <div class=\"notifications-actions\">\n                          <button v-for=\"(cta, index) in notification.ctas\" v-bind:key=\"index\" v-on:click=\"handleCTA(cta, notification.id)\">{{\n                              cta.title\n                            }}\n                          </button>\n                        </div>\n                        <h6>{{ formatTime(notification.created_at) }}</h6>\n                      </div>\n                    </div>\n                  </div>\n                </li>\n              </div>\n            </ul>\n            <!-- notifications list here -->\n          </div>\n        </div>\n\n      </vs-dropdown-menu>\n\n\n    </vs-dropdown>\n  </div>\n</template>\n\n<script>\n\n\nimport moment from 'moment'\nconst REFERENCE = moment()\nconst TODAY = REFERENCE.clone().startOf('day')\nconst YESTERDAY = REFERENCE.clone().subtract(1, 'days').startOf('day')\nconst NOTIFICATIONS_POLL_INTERVAL_MINUTES = parseInt(process.env.VUE_APP_NOTIFICATIONS_POLL_INTERVAL_MINUTES || 5) * 1000 * 60\n\nexport default {\n  data () {\n    return {\n      notificationList: [],\n      notificationMeta: null,\n      interval: null,\n    }\n  },\n\n  mounted () {\n    const isMaintenanceModeEnabled = (process.env.VUE_APP_MAINTENANCE_MODE === 'true') || false\n    if (!isMaintenanceModeEnabled) {\n      this.getNotificationsMeta()\n      this.getNotificationsList()\n      this.interval = setInterval(() => {\n        this.getNotificationsMeta()\n        this.getNotificationsList()\n      }, NOTIFICATIONS_POLL_INTERVAL_MINUTES)\n    }\n  },\n\n  computed: {\n    showNotificationCounter () {\n      return this.notificationMeta && this.notificationMeta.count > 0\n    },\n\n    notificationCounter () {\n      return this.notificationMeta.count <= 9 ? this.notificationMeta.count : '+9'\n    },\n\n    isNotificationCounterGreaterThan9 () {\n      return this.notificationCounter === '+9'\n    },\n\n    notificationColorClass () {\n      return `severity_${this.notificationMeta.severity_name}`\n    }\n  },\n\n  methods: {\n    isViwed (notification) {\n      return !!notification.viewed_at\n    },\n    async getNotificationsList () {\n      if (!this.$store.state.authentication.isAuthenticated) {\n        return clearInterval(this.interval)\n      }\n      const {data} = await window.axios.get('/notifications-center/list', {\n        hideLoader: true\n      })\n      this.notificationList = (data.payload.data || []).filter(item => item.channel === 'notifications_center')\n      this.lookupView = this.notificationList.reduce((hash, elem) => {\n        hash[elem.id] = elem\n        return hash\n      }, {})\n    },\n\n    formatTime (time) {\n      if (this.isToday(time)) {\n        return 'Today'\n      } else if (this.isYesterday(time)) {\n        return 'Yesterday'\n      } else {\n        return `${this.$moment(time).format('Do')} of ${this.$moment(time).format('MMMM')}`\n      }\n    },\n\n    isToday (time) {\n      return moment(time).isSame(TODAY, 'd')\n    },\n\n    isYesterday (time) {\n      return moment(time).isSame(YESTERDAY, 'd')\n    },\n\n    async getNotificationsMeta () {\n      if (!this.$store.state.authentication.isAuthenticated) {\n        return clearInterval(this.interval)\n      }\n      const {data} = await window.axios.get('/notifications-center/list-meta', {\n        hideLoader: true\n      })\n      this.notificationMeta = data.payload\n    },\n\n    async handleCTA (cta, notification_id) {\n      this.$gtag.event(`Notification-Actions-'${cta.title}`)\n      await window.axios.post('/notifications-center/event', {\n        notifications_ids: [notification_id],\n        event_name: cta.title,\n        hideLoader: true\n      })\n      if (cta.href_type === 'router-name' && `/${cta.href}` !== this.$route.path) {\n        this.$router.push(`/${cta.href}?ref=NotificationList`)\n      }\n\n      this.$refs['notification-dropdowns'].dropdownVisible = false\n\n      if (cta.href_type !== 'view') {\n        await this.getNotificationsMeta()\n        await this.getNotificationsList()\n      }\n    },\n\n    viewHandler (e) {\n      if (e.percentInView >= 0.8) {\n        const {id} = e.target.element\n        if (this.lookupView[id].viewed_at === null && this.lookupView[id].severity_name !== this.$constants.NOTIFICATIONS_SEVERITIES.ERROR) {\n          this.handleCTA({href_type: 'view', title: 'view'}, id)\n          this.lookupView[id].viewed_at = Date.now()\n          this.getNotificationsMeta()\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$notificationsEmptyStateColor: var(--graniteGray);\n\n.severity_info {\n  background: var(--speakolColor);\n}\n\n.severity_warning {\n  background: var(--yellow);\n}\n\n.severity_error {\n  background-color: #db2828;\n}\n\n.notifications-counter {\n  border-radius: 50%;\n  font-size: 12px;\n  color: var(--white);\n  width: 16px;\n  height: 16px;\n  font-family: Poppins, sans-serif;\n  font-weight: 500;\n  position: absolute;\n  right: 6px;\n  top: -6px;\n}\n\n.notifications-counter-big {\n  border-radius: 12px;\n  width: 24px;\n  height: 16px;\n  right: -3px;\n}\n\n.notifications-icon {\n  margin-left: 22px;\n  margin-right: 15px;\n  color: var(--metalicGray);\n  width: 18px;\n  height: 17px;\n  position: relative;\n  top: 1px;\n}\n\n.notifications-parent {\n  /* width */\n  ::-webkit-scrollbar {\n    width: 10px;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: #fff;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: #babac0;\n    border-radius: 100px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: #555;\n  }\n\n  top: 84.375px !important;\n  margin-left: -2px;\n\n  .notification-not-read {\n    border-left: 3px solid var(--speakolColor);\n  }\n\n  .notifications-dropdown {\n    .title {\n      padding: 32px 32px 0 32px;\n      font-weight: bold;\n      font-size: 20px;\n      line-height: 25px;\n      color: var(--black);\n    }\n\n    h4 {\n      font-weight: bold;\n      font-style: normal;\n      font-size: 14px;\n      line-height: 24px;\n      letter-spacing: 0.233333px;\n      color: var(--black);\n    }\n\n    img {\n      width: 300px;\n      margin-top: 50px;\n      margin-bottom: 6px;\n    }\n\n    .notifications-empty-state {\n      text-align: center;\n\n      h5 {\n        color: #323232;\n        font-size: 18px;\n        font-weight: bold;\n        margin-bottom: 8px;\n      }\n\n      h6 {\n        color: $notificationsEmptyStateColor;\n        font-size: 14px;\n        font-weight: normal;\n      }\n    }\n  }\n\n  .not-empty {\n    /deep/.vs-icon {\n      font-size: 16.5px !important;\n    }\n\n    ul {\n      .dismiss-notification {\n        float: right;\n        display: none;\n\n        .dismiss-icon {\n          color: var(--graniteGray);\n          font-size: 14px !important;\n          cursor: pointer;\n          margin-right: 0;\n        }\n      }\n\n      li {\n        padding: 0 16px;\n        margin-bottom: 8px;\n        margin-left: -5px;\n      }\n\n      .notification {\n        padding: 7px 16px;\n        border-radius: 4px;\n\n        i {\n          color: var(--speakolColor);\n          font-size: 20px;\n          margin-right: 10px;\n        }\n\n        .notifications-error {\n          color: var(--danger-variant);\n          position: relative;\n          top: 4px;\n        }\n\n        .notification-info {\n          color: var(--speakolColor);\n          position: relative;\n          top: 4px;\n        }\n\n        .notifications-warning {\n          color: var(--yellow);\n          position: relative;\n          top: 4px;\n        }\n\n        h4 {\n          color: var(--black);\n          font-size: 16px;\n          font-weight: bold;\n          margin-bottom: 5px;\n        }\n\n        h5 {\n          color: var(--black);\n          font-size: 14px;\n          font-weight: 300;\n          margin-bottom: 4px;\n        }\n\n        h6 {\n          color: #797a7b;\n          font-weight: 300;\n          font-size: 14px;\n          margin-top: 2px;\n        }\n\n        .notifications-actions {\n          button {\n            cursor: pointer;\n            color: var(--speakolColor);\n            margin-right: 16px;\n            border: none;\n            outline: none;\n            box-shadow: none;\n            background-color: transparent;\n            font-size: 14px;\n            font-weight: 300;\n          }\n        }\n      }\n\n      .notification:hover {\n        background-color: #f9f9f9;\n      }\n\n      .notification:hover .dismiss-notification {\n        display: block;\n      }\n    }\n  }\n}\n\n::v-deep .vs-dropdown--custom {\n  max-width: 510px !important;\n  width: 510px;\n  height: 600px !important;\n  // overflow-y: scroll;\n  overflow-x: hidden;\n  padding: 0 !important;\n}\n\n@media (max-width: 768px) {\n  ::v-deep .vs-dropdown--custom {\n    max-width: 341px !important;\n    width: 341px;\n    height: 538px !important;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    padding: 0 !important;\n  }\n\n  .notifications-parent {\n    left: 96% !important;\n  }\n\n  ::v-deep .vs-dropdown--menu--after {\n    display: none !important;\n  }\n}\n\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notifications.vue?vue&type=template&id=7e4b196c&scoped=true&\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js&\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Notifications.vue?vue&type=style&index=0&id=7e4b196c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e4b196c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}