@intellias/menu 1.0.24 → 1.0.25

package/dist/css/main.css

@@ -135,6 +135,89 @@
   position: relative;
   color: #1a2732;
 }
+.notifications-sidebar.dark .v-dropdown-menu__container {
+  background-color: #253746;
+  color: #94a3b8;
+  border: 1px #475569 solid !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .primary-text {
+  color: #f8fafc;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header,
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body {
+  background-color: #253746;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .sub-menu,
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .sub-menu {
+  border: 1px #475569 solid !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row,
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .note-title-row {
+  border-bottom: 1px #475569 solid !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .main-dropdown .notifications-list,
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notifications-list {
+  border-top: 1px #475569 solid !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .main-dropdown .action-button.is-link,
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .action-button.is-link {
+  color: #45d6ad;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .main-dropdown > row,
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown > row {
+  background-color: #253746;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .main-dropdown .view-all-row,
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .view-all-row {
+  border-top: 1px #475569 solid !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .sub-menu li a,
+.notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .sub-menu li a {
+  color: #f8fafc !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .note {
+  background-color: #253746;
+  border-bottom: 1px #475569 solid !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .note .manage-notification i.icon:not(.original):before {
+  background-image: none !important;
+  -webkit-mask-size: cover;
+  mask-size: cover;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  background-color: currentColor;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .note a {
+  color: #45d6ad;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .note .time-ago {
+  color: #94a3b8;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .note .row {
+  background-color: #253746;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .note.read {
+  background-color: #475569 !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .note.read .row {
+  background-color: #475569;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .tabs {
+  background-color: #253746 !important;
+  border-bottom: 1px #475569 solid !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .tabs .indicator {
+  background-color: #45d6ad;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .tabs button.tab {
+  color: #94a3b8 !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .tabs button.tab .counter {
+  color: #253746 !important;
+}
+.notifications-sidebar.dark .v-dropdown-menu__container .tabs button.tab.active, .notifications-sidebar.dark .v-dropdown-menu__container .tabs button.tab:hover {
+  color: #f8fafc !important;
+}
 .notifications-sidebar .row {
   margin-bottom: 0;
   box-sizing: inherit;
@@ -319,15 +402,13 @@
 .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content {
   min-height: 120px;
   max-height: 70vh;
+  width: 100%;
 }
 .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .preloader {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 20px auto;
-  left: 38%;
-  display: inline-block;
-  position: relative;
   width: 80px;
   height: 80px;
 }
@@ -339,6 +420,25 @@
 .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note:hover .manage-notification {
   display: inline-block;
 }
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.icon:not(.original):before {
+  background-image: none;
+  -webkit-mask-size: cover;
+  mask-size: cover;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  background-color: currentColor;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .semi-primary-text {
+  font-size: 16px;
+  line-height: 1.25;
+  font-weight: normal;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .semi-primary-text b a {
+  font-weight: 700;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .semi-primary-text a {
+  font-weight: 500;
+}
 .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note.read {
   background-color: #f1f5f9;
 }
@@ -393,7 +493,7 @@
   padding-left: 4px;
 }
 .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .note-title-col .text-muted {
-  font-size: 0.8rem;
+  font-size: 12px;
   color: #64748b;
 }
 .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .action-buttons {
@@ -413,7 +513,7 @@
   background-color: initial;
 }
 .notifications-sidebar .primary-text {
-  font-size: 0.94rem !important;
+  font-size: 14px !important;
   line-height: 1.29;
   font-weight: bold;
 }
@@ -616,8 +716,20 @@
   line-height: 38px;
 }
 .secondary-button.dark[data-v-ab516b6a] {
-  color: #253746;
-  background: #e2e8f0;
+  height: 40px;
+  padding: 0 var(--spacing-16);
+  background: var(--surface-primary);
+  color: var(--text-primary);
+  text-decoration: none;
+  border-radius: var(--border-radius-6);
+  border: solid var(--border) 1px;
+  font-size: var(--font-size-14);
+  line-height: var(--line-height-24);
+  transition: 0.3s;
+}
+.secondary-button.dark[data-v-ab516b6a]:hover {
+  background: var(--surface-tertiary);
+  border-color: var(--border);
 }
 .secondary-button i.icon[data-v-ab516b6a] {
   vertical-align: middle;
@@ -667,6 +779,9 @@
 #modalTracked .modal-content #span-clock i {
   font-size: 54px;
 }
+#modalTracked .modal-footer .action-button {
+  margin-left: 15px;
+}
 .play-pause {
   display: flex;
 }
@@ -877,6 +992,9 @@
 .vm--container i.icon.huge:before {
   background-color: #000000 !important;
 }
+.vm--container i.icon.huge.dark:before {
+  background-color: currentcolor !important;
+}
 .overflowed-menu-toggler {
   position: relative;
   display: flex;
@@ -1874,22 +1992,6 @@ main {
 .give-kudos .form .error-field {
   border: solid 1px #da1e28 !important;
 }
-.give-kudos .modal-footer .portals-secondary-button {
-  height: 40px;
-  padding: 0 var(--spacing-16);
-  background: var(--surface-primary);
-  color: var(--text-primary);
-  text-decoration: none;
-  border-radius: var(--border-radius-6);
-  border: solid var(--border) 1px;
-  font-size: var(--font-size-14);
-  line-height: var(--line-height-24);
-  transition: 0.3s;
-}
-.give-kudos .modal-footer .portals-secondary-button:hover {
-  background: var(--surface-tertiary);
-  border-color: var(--border);
-}
 .give-kudos .modal-footer .submit {
   margin-left: 15px;
 }

package/dist/js/kudosForm.js

@@ -236,7 +236,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _VSe
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"give-kudos\"\n  }, [_c(\"modal\", {\n    attrs: {\n      name: \"giveKudos\",\n      id: \"giveKudos\",\n      size: \"md\"\n    }\n  }, [_c(\"template\", {\n    slot: \"header\"\n  }, [_vm._v(\"Give kudos\")]), _vm._v(\" \"), _c(\"template\", {\n    slot: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"subtitle\"\n  }, [_c(\"span\", [_vm._v(\"\\n                    Reward your colleagues with kudos to express gratitude for their good work, expertise,\\n                    friendship and support.\\n                \")]), _vm._v(\" \"), _c(\"br\"), _vm._v(\" \"), _c(\"a\", {\n    class: {\n      \"portals-link\": !_vm.isLiteDomain\n    },\n    attrs: {\n      href: \"https://confluence.intellias.com/pages/viewpage.action?pageId=46334516\",\n      target: \"_blank\",\n      rel: \"noopener\"\n    }\n  }, [_vm._v(\"More details\")])]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"form\"\n  }, [_c(\"div\", {\n    staticClass: \"user\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"user\"\n    }\n  }, [_vm._v(\"Receiver’s name\")]), _vm._v(\" \"), _c(\"v-select-intems\", {\n    attrs: {\n      id: \"user\",\n      data: {\n        class: {\n          \"select-with-avatars\": true\n        },\n        clearable: false,\n        options: _vm.userSelectOptions(_vm.allUsers),\n        label: _vm.userSelect.label,\n        filterBy: _vm.userSelect.filterBy,\n        placeholder: \"Select employee\"\n      }\n    },\n    on: {\n      open: _vm.userSelectOnOpen,\n      close: _vm.userSelectOnClose,\n      search: _vm.userSelectOnSearch\n    },\n    scopedSlots: _vm._u([{\n      key: \"list-footer\",\n      fn: function () {\n        return [_c(\"li\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.userSelectHasNextPage,\n            expression: \"userSelectHasNextPage\"\n          }],\n          ref: \"loadUsers\",\n          staticClass: \"loader\"\n        })];\n      },\n      proxy: true\n    }]),\n    model: {\n      value: _vm.employee,\n      callback: function ($$v) {\n        _vm.employee = $$v;\n      },\n      expression: \"employee\"\n    }\n  })], 1), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"block-kudos-category\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"kudos-category\"\n    }\n  }, [_vm._v(\"Kudos category\")]), _vm._v(\" \"), _c(\"v-select-intems\", {\n    attrs: {\n      id: \"kudos-category\",\n      data: {\n        clearable: false,\n        placeholder: \"Select category\",\n        options: _vm.kudosCategoryList,\n        label: \"label\",\n        reduce: category => category.value\n      }\n    },\n    model: {\n      value: _vm.kudosShare.share_reason,\n      callback: function ($$v) {\n        _vm.$set(_vm.kudosShare, \"share_reason\", $$v);\n      },\n      expression: \"kudosShare.share_reason\"\n    }\n  })], 1), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"block-kudos-quantity\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"kudos-quantity\"\n    }\n  }, [_vm._v(\"Kudos quantity\")]), _vm._v(\" \"), _c(\"input\", {\n    directives: [{\n      name: \"model\",\n      rawName: \"v-model\",\n      value: _vm.kudosShare.points_amount,\n      expression: \"kudosShare.points_amount\"\n    }],\n    staticClass: \"kudos-quantity\",\n    class: {\n      \"error-field\": _vm.$v.kudosShare.points_amount.$error,\n      \"theme-reactive\": _vm.isPortals\n    },\n    attrs: {\n      id: \"kudos-quantity\",\n      type: \"number\",\n      min: \"1\",\n      max: _vm.userData.kudos_balance\n    },\n    domProps: {\n      value: _vm.kudosShare.points_amount\n    },\n    on: {\n      input: function ($event) {\n        if ($event.target.composing) return;\n        _vm.$set(_vm.kudosShare, \"points_amount\", $event.target.value);\n      }\n    }\n  }), _vm._v(\" \"), _vm.$v.kudosShare.points_amount.$error ? _c(\"div\", [!_vm.$v.kudosShare.points_amount.numeric ? _c(\"div\", {\n    staticClass: \"error\"\n  }, [_vm._v(\"\\n                            Should be be positive integer\\n                        \")]) : _vm._e(), _vm._v(\" \"), !_vm.$v.kudosShare.points_amount.kudosBalance ? _c(\"div\", {\n    staticClass: \"error\"\n  }, [_vm._v(\"\\n                            Your kudos balance is insufficient\\n                        \")]) : _vm._e()]) : _vm._e()]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"description\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"description\"\n    }\n  }, [_vm._v(\"Comment\")]), _vm._v(\" \"), _c(\"textarea\", {\n    directives: [{\n      name: \"model\",\n      rawName: \"v-model\",\n      value: _vm.kudosShare.comment,\n      expression: \"kudosShare.comment\"\n    }],\n    class: {\n      \"error-field\": _vm.$v.kudosShare.comment.$error,\n      \"theme-reactive\": _vm.isPortals\n    },\n    attrs: {\n      id: \"description\",\n      placeholder: \"Describe what you are grateful for\",\n      name: \"description\"\n    },\n    domProps: {\n      value: _vm.kudosShare.comment\n    },\n    on: {\n      input: function ($event) {\n        if ($event.target.composing) return;\n        _vm.$set(_vm.kudosShare, \"comment\", $event.target.value);\n      }\n    }\n  }), _vm._v(\" \"), _vm.$v.kudosShare.comment.$error ? _c(\"div\", [!_vm.$v.kudosShare.comment.regex ? _c(\"div\", {\n    staticClass: \"error\"\n  }, [_vm._v(\"Only Latin letters allowed\")]) : _vm._e(), _vm._v(\" \"), !_vm.$v.kudosShare.comment.maxLength ? _c(\"div\", {\n    staticClass: \"error\"\n  }, [_vm._v(\"\\n                            Maximum length of this field is 500 symbols\\n                        \")]) : _vm._e()]) : _vm._e()])])]), _vm._v(\" \"), _c(\"template\", {\n    slot: \"footer\"\n  }, [_c(\"secondary-button\", {\n    class: {\n      \"portals-secondary-button\": !_vm.isLiteDomain\n    },\n    attrs: {\n      disabled: _vm.isLoadingSubmit\n    },\n    nativeOn: {\n      click: function ($event) {\n        return _vm.closeModalForm.apply(null, arguments);\n      }\n    }\n  }, [_vm._v(\"Cancel\")]), _vm._v(\" \"), _c(\"action-button\", {\n    staticClass: \"btn-primary submit\",\n    attrs: {\n      \"is-disabled\": _vm.isDisabledSubmit,\n      \"is-loading\": _vm.isLoadingSubmit\n    },\n    nativeOn: {\n      click: function ($event) {\n        return _vm.submit();\n      }\n    }\n  }, [_vm._v(\"\\n                Submit\\n            \")])], 1)], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/give-kudos-form/GiveKudosForm.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"give-kudos\"\n  }, [_c(\"modal\", {\n    attrs: {\n      name: \"giveKudos\",\n      id: \"giveKudos\",\n      size: \"md\"\n    }\n  }, [_c(\"template\", {\n    slot: \"header\"\n  }, [_vm._v(\"Give kudos\")]), _vm._v(\" \"), _c(\"template\", {\n    slot: \"content\"\n  }, [_c(\"div\", {\n    staticClass: \"subtitle\"\n  }, [_c(\"span\", [_vm._v(\"\\n                    Reward your colleagues with kudos to express gratitude for their good work, expertise,\\n                    friendship and support.\\n                \")]), _vm._v(\" \"), _c(\"br\"), _vm._v(\" \"), _c(\"a\", {\n    class: {\n      \"portals-link\": !_vm.isLiteDomain\n    },\n    attrs: {\n      href: \"https://confluence.intellias.com/pages/viewpage.action?pageId=46334516\",\n      target: \"_blank\",\n      rel: \"noopener\"\n    }\n  }, [_vm._v(\"More details\")])]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"form\"\n  }, [_c(\"div\", {\n    staticClass: \"user\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"user\"\n    }\n  }, [_vm._v(\"Receiver’s name\")]), _vm._v(\" \"), _c(\"v-select-intems\", {\n    attrs: {\n      id: \"user\",\n      data: {\n        class: {\n          \"select-with-avatars\": true\n        },\n        clearable: false,\n        options: _vm.userSelectOptions(_vm.allUsers),\n        label: _vm.userSelect.label,\n        filterBy: _vm.userSelect.filterBy,\n        placeholder: \"Select employee\"\n      }\n    },\n    on: {\n      open: _vm.userSelectOnOpen,\n      close: _vm.userSelectOnClose,\n      search: _vm.userSelectOnSearch\n    },\n    scopedSlots: _vm._u([{\n      key: \"list-footer\",\n      fn: function () {\n        return [_c(\"li\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.userSelectHasNextPage,\n            expression: \"userSelectHasNextPage\"\n          }],\n          ref: \"loadUsers\",\n          staticClass: \"loader\"\n        })];\n      },\n      proxy: true\n    }]),\n    model: {\n      value: _vm.employee,\n      callback: function ($$v) {\n        _vm.employee = $$v;\n      },\n      expression: \"employee\"\n    }\n  })], 1), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"block-kudos-category\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"kudos-category\"\n    }\n  }, [_vm._v(\"Kudos category\")]), _vm._v(\" \"), _c(\"v-select-intems\", {\n    attrs: {\n      id: \"kudos-category\",\n      data: {\n        clearable: false,\n        placeholder: \"Select category\",\n        options: _vm.kudosCategoryList,\n        label: \"label\",\n        reduce: category => category.value\n      }\n    },\n    model: {\n      value: _vm.kudosShare.share_reason,\n      callback: function ($$v) {\n        _vm.$set(_vm.kudosShare, \"share_reason\", $$v);\n      },\n      expression: \"kudosShare.share_reason\"\n    }\n  })], 1), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"block-kudos-quantity\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"kudos-quantity\"\n    }\n  }, [_vm._v(\"Kudos quantity\")]), _vm._v(\" \"), _c(\"input\", {\n    directives: [{\n      name: \"model\",\n      rawName: \"v-model\",\n      value: _vm.kudosShare.points_amount,\n      expression: \"kudosShare.points_amount\"\n    }],\n    staticClass: \"kudos-quantity\",\n    class: {\n      \"error-field\": _vm.$v.kudosShare.points_amount.$error,\n      \"theme-reactive\": _vm.isPortals\n    },\n    attrs: {\n      id: \"kudos-quantity\",\n      type: \"number\",\n      min: \"1\",\n      max: _vm.userData.kudos_balance\n    },\n    domProps: {\n      value: _vm.kudosShare.points_amount\n    },\n    on: {\n      input: function ($event) {\n        if ($event.target.composing) return;\n        _vm.$set(_vm.kudosShare, \"points_amount\", $event.target.value);\n      }\n    }\n  }), _vm._v(\" \"), _vm.$v.kudosShare.points_amount.$error ? _c(\"div\", [!_vm.$v.kudosShare.points_amount.numeric ? _c(\"div\", {\n    staticClass: \"error\"\n  }, [_vm._v(\"\\n                            Should be be positive integer\\n                        \")]) : _vm._e(), _vm._v(\" \"), !_vm.$v.kudosShare.points_amount.kudosBalance ? _c(\"div\", {\n    staticClass: \"error\"\n  }, [_vm._v(\"\\n                            Your kudos balance is insufficient\\n                        \")]) : _vm._e()]) : _vm._e()]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"description\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"description\"\n    }\n  }, [_vm._v(\"Comment\")]), _vm._v(\" \"), _c(\"textarea\", {\n    directives: [{\n      name: \"model\",\n      rawName: \"v-model\",\n      value: _vm.kudosShare.comment,\n      expression: \"kudosShare.comment\"\n    }],\n    class: {\n      \"error-field\": _vm.$v.kudosShare.comment.$error,\n      \"theme-reactive\": _vm.isPortals\n    },\n    attrs: {\n      id: \"description\",\n      placeholder: \"Describe what you are grateful for\",\n      name: \"description\"\n    },\n    domProps: {\n      value: _vm.kudosShare.comment\n    },\n    on: {\n      input: function ($event) {\n        if ($event.target.composing) return;\n        _vm.$set(_vm.kudosShare, \"comment\", $event.target.value);\n      }\n    }\n  }), _vm._v(\" \"), _vm.$v.kudosShare.comment.$error ? _c(\"div\", [!_vm.$v.kudosShare.comment.regex ? _c(\"div\", {\n    staticClass: \"error\"\n  }, [_vm._v(\"Only Latin letters allowed\")]) : _vm._e(), _vm._v(\" \"), !_vm.$v.kudosShare.comment.maxLength ? _c(\"div\", {\n    staticClass: \"error\"\n  }, [_vm._v(\"\\n                            Maximum length of this field is 500 symbols\\n                        \")]) : _vm._e()]) : _vm._e()])])]), _vm._v(\" \"), _c(\"template\", {\n    slot: \"footer\"\n  }, [_c(\"secondary-button\", {\n    attrs: {\n      disabled: _vm.isLoadingSubmit\n    },\n    nativeOn: {\n      click: function ($event) {\n        return _vm.closeModalForm.apply(null, arguments);\n      }\n    }\n  }, [_vm._v(\"Cancel\")]), _vm._v(\" \"), _c(\"action-button\", {\n    staticClass: \"btn-primary submit\",\n    attrs: {\n      \"is-disabled\": _vm.isDisabledSubmit,\n      \"is-loading\": _vm.isLoadingSubmit\n    },\n    nativeOn: {\n      click: function ($event) {\n        return _vm.submit();\n      }\n    }\n  }, [_vm._v(\"\\n                Submit\\n            \")])], 1)], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/give-kudos-form/GiveKudosForm.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/js/main.js

@@ -219,7 +219,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! mobile-device-detect */ \"./node_modules/mobile-device-detect/dist/index.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_notifications_sidebar_NotificationsSidebar_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/notifications-sidebar/NotificationsSidebar.vue */ \"./components/notifications-sidebar/NotificationsSidebar.vue\");\n/* harmony import */ var _components_play_pause_PlayPause_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/play-pause/PlayPause.vue */ \"./components/play-pause/PlayPause.vue\");\n/* harmony import */ var _components_sub_menu_SubMenu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/sub-menu/SubMenu.vue */ \"./components/sub-menu/SubMenu.vue\");\n/* harmony import */ var _repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./repositories/BaseUrl */ \"./repositories/BaseUrl.ts\");\n/* harmony import */ var _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./repositories/BaseRepository */ \"./repositories/BaseRepository.ts\");\n/* harmony import */ var _components_user_picture_UserPicture_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/user-picture/UserPicture.vue */ \"./components/user-picture/UserPicture.vue\");\n/* harmony import */ var _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./models/user/NotificationActionModel */ \"./models/user/NotificationActionModel.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _components_onboarding_sign_OnBoardingSign_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/onboarding-sign/OnBoardingSign.vue */ \"./components/onboarding-sign/OnBoardingSign.vue\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    name: 'MainMenu',\n    components: {\n        UserPicture: _components_user_picture_UserPicture_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n        NotificationsSidebar: _components_notifications_sidebar_NotificationsSidebar_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n        playPause: _components_play_pause_PlayPause_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n        SubMenu: _components_sub_menu_SubMenu_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n        OnBoardingSign: _components_onboarding_sign_OnBoardingSign_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"]\n    },\n    props: {\n        helperFunctions: {\n            type: Array\n        },\n        storeAdapter: {\n            type: Object\n        },\n        subMenus: {\n            type: Array\n        },\n        layout: {\n            type: _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n            required: true\n        }\n    },\n    provide() {\n        return {\n            layout: this.layout,\n            storeAdapter: this.storeAdapter,\n            subMenus: this.isLiteDomain ? this.subMenus : null,\n            helperFunctions: this.helperFunctions\n        };\n    },\n    mounted() {\n        this.initializeItems();\n        this.initializeAdminItems();\n        this.initializeHereBoardItems();\n        this.attachOverflowItems();\n        this.$echo\n            .private(`employee.${this.getUser.employee_id}`)\n            .listen('SmartBalanceChanged', () => this.storeAdapter.User.actions.getData())\n            .listen('LiqPayDonationProcessed', payload => {\n            if (payload.status === 'finished') {\n                this.storeAdapter.Toasts.mutations.addMessage(`${payload.quantity} UAH was successfully donated.`);\n            }\n            else {\n                this.storeAdapter.Toasts.mutations.addWarning(`Donation ${payload.quantity} UAH was failed.`);\n            }\n            this.storeAdapter.Toasts.mutations.showAll();\n        });\n    },\n    updated() {\n        this.findOverflowedIndex();\n        if (this.overflowedItems.items.length) {\n            this.attachOverflowedMenus();\n        }\n    },\n    computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser', 'isSidebarFixed', 'isSidebarOpenOnMobile'])), { intemsConfig() {\n            return this.storeAdapter.Config.state.data;\n        },\n        userInfo() {\n            return this.storeAdapter.User.state.data;\n        },\n        uncheckedCounter() {\n            var _a;\n            if ((_a = this.storeAdapter.HomePage_OnBoardingPlan.getters) === null || _a === void 0 ? void 0 : _a.notCheckedTasksLength) {\n                return this.storeAdapter.HomePage_OnBoardingPlan.getters.notCheckedTasksLength;\n            }\n            return this.userInfo.welcomeProgram.unchecked_welcome_program_questions;\n        },\n        canSeeGitBranch() {\n            return this.$can('read', 'feature_show_git_branch');\n        },\n        intelliHubIconsClassName() {\n            return {\n                'icons hide-on-med-and-down': this.isIntelliHub,\n                'icons fixed-padding-manager-portal hide-on-med-and-down': this.isManagersPortal,\n                'icons fixed-padding hide-on-med-and-down': this.isLiteDomain\n            };\n        },\n        intelliHubAvatarClassName() {\n            return this.isIntelliHub || this.isManagersPortal\n                ? 'intellihub-user-wrapper'\n                : 'intellihub-user-wrapper fixed-padding';\n        },\n        intelliHubNotificationsClassName() {\n            return {\n                'notifications-bell': this.isIntelliHub,\n                'notifications-bell fixed-padding-manager-portal': this.isManagersPortal,\n                'notifications-bell fixed-padding': this.isLiteDomain\n            };\n        },\n        isIntelliHub() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Portals && this.$route.meta.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"PortalsAppLayout\"].IntelliHub;\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Lite;\n        },\n        isManagersPortal() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Portals && this.$route.meta.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"PortalsAppLayout\"].ManagersPortal;\n        },\n        allowedToGiveKudos() {\n            return this.userInfo.kudos_balance > 0;\n        },\n        vacationBalance() {\n            return this.userInfo.vacation_balance;\n        },\n        overflowMenuItemHeight() {\n            return this.overflowedMenus[0].querySelector('li').getBoundingClientRect().height;\n        },\n        overflowMenuMaxItemCount() {\n            const itemCountPerMenu = [];\n            this.overflowedMenus.forEach(menu => {\n                itemCountPerMenu.push(menu.querySelectorAll(':scope > li').length);\n            });\n            return Math.max(...itemCountPerMenu);\n        },\n        isMobileOnly() {\n            return mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__[\"isMobileOnly\"];\n        } }),\n    watch: {\n        // kostyl to close dropdown after back button press\n        $route() {\n            if (this.mobileMenu) {\n                this.mobileMenu.close();\n            }\n        },\n        'overflowedItems.startIndex': {\n            handler(index) {\n                this.overflowedItems.items = this.items.slice(index);\n            }\n        }\n    },\n    methods: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('Config', ['config'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['markAsRead'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User', ['toggleSidebarFixation', 'toggleSidebarOnMobile'])), { requestNotification(action) {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.markAsRead(this.rejectedNotification);\n                yield this.baseRepository.request(action.action, action.method ? action.method : _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__[\"RequestMethod\"].put, action.body);\n            });\n        },\n        logOut() {\n            return __awaiter(this, void 0, void 0, function* () {\n                const repository = new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_5__[\"BaseUrl\"].LogOut);\n                const data = yield repository.post();\n                if (data.data !== undefined) {\n                    window.location.href = data.data.redirect_url;\n                }\n            });\n        },\n        handleSidebarTogglerClick() {\n            if (!this.isMobileOnly) {\n                this.toggleSidebarFixation();\n            }\n            else {\n                this.toggleSidebarOnMobile();\n            }\n        },\n        goTo(routeName) {\n            this.helperFunctions.router.push({ name: routeName });\n        },\n        modifyOpenedAdminItems(indexItem) {\n            const collapsibleWrapper = document.getElementById('admin_collapsible');\n            const collaplsedAdminItem = collapsibleWrapper.children[indexItem].children[1];\n            const animationSmoothness = 0.4;\n            const transitionDuration = `${collaplsedAdminItem.children.length * animationSmoothness}s`;\n            collaplsedAdminItem.style.transitionDuration = transitionDuration;\n            this.adminItems = this.adminItems.map((item, index) => item.children && index === indexItem ? Object.assign(Object.assign({}, item), { opened: !item.opened }) : item);\n        },\n        toggleSideNavVisibility() {\n            this.sideNavOpened = !this.sideNavOpened;\n        },\n        attachOverflowItems() {\n            this.markOverflowedItems();\n            window.addEventListener('resize', this.markOverflowedItems);\n        },\n        attachOverflowedMenus() {\n            this.overflowedMenus = this.$refs.overflowedMenu.querySelectorAll('ul');\n        },\n        findOverflowedIndex() {\n            const items = [...this.$refs['menu-items'].childNodes];\n            const { length } = items;\n            for (let i = 0; i < length; i++) {\n                if (items[i].offsetTop > items[i].clientTop) {\n                    this.overflowedItems.startIndex = i;\n                    break;\n                }\n            }\n        },\n        markOverflowedItems() {\n            this.findOverflowedIndex();\n            this.overflowedItems.items =\n                this.overflowedItems.startIndex > -1 ? this.items.slice(this.overflowedItems.startIndex) : [];\n        },\n        openModalGiveKudos() {\n            if (this.allowedToGiveKudos) {\n                this.giveKudosComponent = this.giveKudosModalComponent();\n            }\n        },\n        closeModalGiveKudos() {\n            this.giveKudosComponent = undefined;\n        }, giveKudosModalComponent() {\n            return () => Promise.all(/*! import() | kudosForm */[__webpack_require__.e(\"vue\"), __webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"vendors~kudosForm\"), __webpack_require__.e(\"kudosForm\")]).then(__webpack_require__.bind(null, /*! ./components/give-kudos-form/GiveKudosForm.vue */ \"./components/give-kudos-form/GiveKudosForm.vue\"));\n        }, setOverflowedMenuHeight() {\n            this.overflowedMenus.forEach(menu => {\n                menu.style.height = `${this.overflowMenuMaxItemCount * this.overflowMenuItemHeight}px`;\n            });\n        },\n        moveOverflowedMenu() {\n            this.isOveflowedMenuMoved = true;\n            this.setOverflowedMenuHeight();\n        },\n        resetOverflowedMenu() {\n            this.isOveflowedMenuMoved = false;\n            this.overflowedMenus.forEach(menu => {\n                menu.style.height = 'auto';\n            });\n        },\n        initializeRejectionComponent(rejectionData) {\n            this.rejectConfirm = rejectionData.rejectionComponent;\n            this.rejectedNotification = rejectionData.notification;\n        },\n        confirmedReject(payload) {\n            const action = this.rejectedNotification.actions.first(item => item.type === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__[\"ActionType\"].reject).clone();\n            if ([\n                _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].vacations,\n                _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].sick_leaves,\n                _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].unpaid_leave\n            ].includes(this.rejectedNotification.category)) {\n                action.body.rejection_reason = payload.comment;\n            }\n            else {\n                action.body.reject_reason = payload;\n            }\n            this.requestNotification(action);\n            this.unsetRejection();\n        },\n        unsetRejection() {\n            this.rejectConfirm = null;\n        },\n        initializeItems() {\n            this.items = [\n                {\n                    name: 'Time',\n                    link: this.isLiteDomain ? 'Time' : 'time',\n                    toMainDomain: false,\n                    toLite: !this.isLiteDomain,\n                    menuCheck: 'menu_time'\n                },\n                {\n                    name: 'Leaves and Absences',\n                    link: this.isLiteDomain ? 'Leaves and Absences' : 'leaves-and-absences/balance',\n                    toLite: !this.isLiteDomain,\n                    menuCheck: 'menu_leaves_and_absences'\n                },\n                {\n                    name: 'Stats',\n                    link: 'stats',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_stats'\n                },\n                {\n                    name: 'IntelliShare',\n                    link: 'donations',\n                    toLite: false,\n                    toIntelliHub: this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_donation_campaigns'\n                },\n                {\n                    name: 'Operations',\n                    link: this.isLiteDomain ? 'Reporting Branches' : 'projects',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_projects'\n                },\n                {\n                    name: 'Reports',\n                    link: 'report/generate-excel',\n                    toMainDomain: true,\n                    menuCheck: 'reports_tab'\n                },\n                {\n                    name: 'Team',\n                    link: 'view-employees',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_team'\n                },\n                {\n                    name: 'News',\n                    link: 'news',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_news'\n                },\n                {\n                    name: 'Service desk',\n                    link: 'https://jira.intellias.com/servicedesk/customer/portals',\n                    toMainDomain: true,\n                    menuCheck: 'menu_service_desk',\n                    blank: true\n                },\n                {\n                    name: 'Knowledge base',\n                    link: 'https://confluence.intellias.com/pages/viewpage.action?pageId=110035843',\n                    toMainDomain: true,\n                    menuCheck: 'menu_knowledge_base',\n                    blank: true\n                },\n                {\n                    name: 'IntelliVacancies',\n                    link: this.isLiteDomain ? 'IntelliVacancies' : 'intelli-vacancies',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_rotation_portal'\n                },\n                {\n                    name: 'Book a desk',\n                    link: 'https://intellias.officespacesoftware.com/visual-directory',\n                    toMainDomain: true,\n                    menuCheck: 'menu_office_space',\n                    blank: true\n                },\n                {\n                    name: 'Company EA Model',\n                    link: this.isLiteDomain ? 'Company EA Model' : 'ea',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_ea_model'\n                },\n                {\n                    name: 'Admin',\n                    menuCheck: 'menu_admin',\n                    adminMenu: true\n                },\n                {\n                    name: 'Time Imports',\n                    menuCheck: 'menu_here_board_page',\n                    hereBoardMenu: true\n                },\n                {\n                    name: \"Manager's Portal\",\n                    link: `${this.intemsConfig.liteSiteUrl}managers-portal`,\n                    isDirectLink: true,\n                    menuCheck: 'menu_manager_portal'\n                }\n            ];\n        },\n        initializeAdminItems() {\n            this.adminItems = [\n                {\n                    name: 'IT support',\n                    menuCheck: 'menu_admin_it_support',\n                    opened: false,\n                    children: [\n                        {\n                            name: 'Access roles',\n                            menuCheck: 'setup_roles',\n                            link: this.isLiteDomain ? 'Access Roles' : 'access-roles',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Work areas',\n                            menuCheck: 'menu_work_areas',\n                            link: 'work-areas',\n                            toMainDomain: true\n                        },\n                        {\n                            name: 'Technical work',\n                            menuCheck: 'menu_admin_it_support_technical_work',\n                            link: 'technical-work',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Access cards',\n                            menuCheck: 'menu_admin_it_support_access_cards',\n                            link: 'access-cards',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Client IPs',\n                            menuCheck: 'menu_admin_it_support_client_ips',\n                            link: 'clients/index.php',\n                            toMainDomain: true\n                        },\n                        {\n                            name: 'View logs',\n                            menuCheck: 'menu_admin_it_support_view_logs',\n                            link: this.isLiteDomain ? 'view_logs' : 'view-logs',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Service page',\n                            menuCheck: 'menu_service_page',\n                            link: this.isLiteDomain ? 'Service' : 'service-page',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        }\n                    ]\n                },\n                {\n                    name: 'HR',\n                    menuCheck: 'menu_admin_hr',\n                    opened: false,\n                    children: [\n                        {\n                            name: 'Manage IntelliStore',\n                            menuCheck: 'menu_intelli_store_manage',\n                            link: this.isLiteDomain\n                                ? 'catalog-admin-products-list'\n                                : \"total-rewards-portal/smart-catalog/admin'\",\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Trainings (OLD)',\n                            menuCheck: 'menu_admin_hr_trainings',\n                            link: 'eval/index.php',\n                            toMainDomain: true\n                        },\n                        {\n                            name: 'Trainings (OLD)',\n                            menuCheck: 'menu_admin_employee_trainings',\n                            link: 'employees-trainings',\n                            toMainDomain: true\n                        },\n                        {\n                            name: 'Events',\n                            menuCheck: 'event_and_training',\n                            link: this.isLiteDomain ? 'Manage trainings' : 'trainings',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Calendars',\n                            menuCheck: 'menu_admin_holiday_calendar',\n                            link: 'calendars',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Manage smarts',\n                            menuCheck: 'menu_admin_hr_manage_smarts',\n                            link: 'manage-smarts',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Manage news',\n                            menuCheck: 'menu_admin_hr_news',\n                            link: 'manage-news-list',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Compensation packages',\n                            menuCheck: 'menu_admin_non_comp_list',\n                            link: this.isLiteDomain ? 'compensation-package' : 'admin/compensation-package',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Banners',\n                            menuCheck: 'menu_admin_banners',\n                            link: this.isLiteDomain ? 'Banners List' : 'banners',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Manage Welcome Program',\n                            link: this.isLiteDomain ? 'Manage Welcome Program' : 'admin/welcome-program',\n                            toMainDomain: false,\n                            toLite: !this.isLiteDomain,\n                            menuCheck: 'menu_manage_welcome_program'\n                        },\n                        {\n                            name: 'Jira Satisfaction Survey',\n                            menuCheck: 'menu_enps_survey_admin',\n                            link: this.isLiteDomain ? 'Jira Satisfaction Survey List' : 'jira-satisfaction-survey',\n                            toMainDomain: false,\n                            toLite: !this.isLiteDomain\n                        }\n                    ]\n                },\n                {\n                    name: 'Accountancy',\n                    menuCheck: 'menu_admin_accountancy',\n                    link: 'accountancy/detailedReporting',\n                    toMainDomain: true\n                },\n                {\n                    name: 'Countries',\n                    menuCheck: 'menu_admin_dictionary',\n                    link: this.isLiteDomain ? 'dictionary' : 'countries',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false\n                }\n            ];\n        },\n        initializeHereBoardItems() {\n            this.hereBoardItems = [\n                {\n                    name: 'Employee Dashboard',\n                    menuCheck: 'menu_here_board_page_user',\n                    link: this.isLiteDomain ? 'Here Board Page' : 'here-board-page',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false\n                },\n                {\n                    name: 'Manager Dashboard',\n                    menuCheck: 'menu_here_board_page_manager',\n                    link: this.isLiteDomain ? 'Here Board Page Admin' : 'here-board-page-admin',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false\n                },\n                {\n                    name: 'Admin Dashboard',\n                    menuCheck: 'menu_here_board_page_owner',\n                    link: this.isLiteDomain ? 'Here Board Page Admin' : 'here-board-page-admin',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false\n                }\n            ];\n        } }),\n    data() {\n        return {\n            flagShowSignOutLinks: false,\n            sideNavOpened: false,\n            baseRepository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](),\n            rejectConfirm: undefined,\n            rejectedNotification: undefined,\n            giveKudosComponent: undefined,\n            items: [],\n            adminItems: [],\n            hereBoardItems: [],\n            overflowedItems: {\n                items: [],\n                startIndex: -1\n            },\n            mobileMenu: null,\n            overflowedMenus: undefined,\n            isOveflowedMenuMoved: false\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./Menu.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! mobile-device-detect */ \"./node_modules/mobile-device-detect/dist/index.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_notifications_sidebar_NotificationsSidebar_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/notifications-sidebar/NotificationsSidebar.vue */ \"./components/notifications-sidebar/NotificationsSidebar.vue\");\n/* harmony import */ var _components_play_pause_PlayPause_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/play-pause/PlayPause.vue */ \"./components/play-pause/PlayPause.vue\");\n/* harmony import */ var _components_sub_menu_SubMenu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/sub-menu/SubMenu.vue */ \"./components/sub-menu/SubMenu.vue\");\n/* harmony import */ var _repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./repositories/BaseUrl */ \"./repositories/BaseUrl.ts\");\n/* harmony import */ var _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./repositories/BaseRepository */ \"./repositories/BaseRepository.ts\");\n/* harmony import */ var _components_user_picture_UserPicture_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/user-picture/UserPicture.vue */ \"./components/user-picture/UserPicture.vue\");\n/* harmony import */ var _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./models/user/NotificationActionModel */ \"./models/user/NotificationActionModel.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _components_onboarding_sign_OnBoardingSign_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/onboarding-sign/OnBoardingSign.vue */ \"./components/onboarding-sign/OnBoardingSign.vue\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    name: 'MainMenu',\n    components: {\n        UserPicture: _components_user_picture_UserPicture_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n        NotificationsSidebar: _components_notifications_sidebar_NotificationsSidebar_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n        playPause: _components_play_pause_PlayPause_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n        SubMenu: _components_sub_menu_SubMenu_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n        OnBoardingSign: _components_onboarding_sign_OnBoardingSign_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"]\n    },\n    props: {\n        helperFunctions: {\n            type: Array\n        },\n        storeAdapter: {\n            type: Object\n        },\n        subMenus: {\n            type: Array\n        },\n        layout: {\n            type: _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n            required: true\n        }\n    },\n    provide() {\n        return {\n            layout: this.layout,\n            storeAdapter: this.storeAdapter,\n            subMenus: this.isLiteDomain ? this.subMenus : null,\n            helperFunctions: this.helperFunctions\n        };\n    },\n    mounted() {\n        this.initializeItems();\n        this.initializeAdminItems();\n        this.initializeHereBoardItems();\n        this.attachOverflowItems();\n        this.$echo\n            .private(`employee.${this.getUser.employee_id}`)\n            .listen('SmartBalanceChanged', () => this.storeAdapter.User.actions.getData())\n            .listen('LiqPayDonationProcessed', payload => {\n            if (payload.status === 'finished') {\n                this.storeAdapter.Toasts.mutations.addMessage(`${payload.quantity} UAH was successfully donated.`);\n            }\n            else {\n                this.storeAdapter.Toasts.mutations.addWarning(`Donation ${payload.quantity} UAH was failed.`);\n            }\n            this.storeAdapter.Toasts.mutations.showAll();\n        });\n    },\n    updated() {\n        this.findOverflowedIndex();\n        if (this.overflowedItems.items.length) {\n            this.attachOverflowedMenus();\n        }\n    },\n    computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser', 'isSidebarFixed', 'isSidebarOpenOnMobile'])), { intemsConfig() {\n            return this.storeAdapter.Config.state.data;\n        },\n        userInfo() {\n            return this.storeAdapter.User.state.data;\n        },\n        uncheckedCounter() {\n            var _a;\n            if ((_a = this.storeAdapter.HomePage_OnBoardingPlan.getters) === null || _a === void 0 ? void 0 : _a.notCheckedTasksLength) {\n                return this.storeAdapter.HomePage_OnBoardingPlan.getters.notCheckedTasksLength;\n            }\n            return this.userInfo.welcomeProgram.unchecked_welcome_program_questions;\n        },\n        canSeeGitBranch() {\n            return this.$can('read', 'feature_show_git_branch');\n        },\n        intelliHubIconsClassName() {\n            return {\n                'icons hide-on-med-and-down': this.isIntelliHub,\n                'icons fixed-padding-manager-portal hide-on-med-and-down': this.isManagersPortal,\n                'icons fixed-padding hide-on-med-and-down': this.isLiteDomain\n            };\n        },\n        intelliHubAvatarClassName() {\n            return this.isIntelliHub || this.isManagersPortal\n                ? 'intellihub-user-wrapper'\n                : 'intellihub-user-wrapper fixed-padding';\n        },\n        intelliHubNotificationsClassName() {\n            return {\n                'notifications-bell': this.isIntelliHub,\n                'notifications-bell fixed-padding-manager-portal': this.isManagersPortal,\n                'notifications-bell fixed-padding': this.isLiteDomain\n            };\n        },\n        isIntelliHub() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Portals && this.$route.meta.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"PortalsAppLayout\"].IntelliHub;\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Lite;\n        },\n        isManagersPortal() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Portals && this.$route.meta.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"PortalsAppLayout\"].ManagersPortal;\n        },\n        allowedToGiveKudos() {\n            return this.userInfo.kudos_balance > 0;\n        },\n        vacationBalance() {\n            return this.userInfo.vacation_balance;\n        },\n        overflowMenuItemHeight() {\n            return this.overflowedMenus[0].querySelector('li').getBoundingClientRect().height;\n        },\n        overflowMenuMaxItemCount() {\n            const itemCountPerMenu = [];\n            this.overflowedMenus.forEach(menu => {\n                itemCountPerMenu.push(menu.querySelectorAll(':scope > li').length);\n            });\n            return Math.max(...itemCountPerMenu);\n        },\n        isMobileOnly() {\n            return mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__[\"isMobileOnly\"];\n        } }),\n    watch: {\n        // kostyl to close dropdown after back button press\n        $route() {\n            if (this.mobileMenu) {\n                this.mobileMenu.close();\n            }\n        },\n        'overflowedItems.startIndex': {\n            handler(index) {\n                this.overflowedItems.items = this.items.slice(index);\n            }\n        }\n    },\n    methods: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('Config', ['config'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['markAsRead'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User', ['toggleSidebarFixation', 'toggleSidebarOnMobile'])), { requestNotification(action) {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.markAsRead(this.rejectedNotification);\n                yield this.baseRepository.request(action.action, action.method ? action.method : _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__[\"RequestMethod\"].put, action.body);\n            });\n        },\n        logOut() {\n            return __awaiter(this, void 0, void 0, function* () {\n                const repository = new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_5__[\"BaseUrl\"].LogOut);\n                const data = yield repository.post();\n                if (data.data !== undefined) {\n                    window.location.href = data.data.redirect_url;\n                }\n            });\n        },\n        handleSidebarTogglerClick() {\n            if (!this.isMobileOnly) {\n                this.toggleSidebarFixation();\n            }\n            else {\n                this.toggleSidebarOnMobile();\n            }\n        },\n        goTo(routeName) {\n            this.helperFunctions.router.push({ name: routeName });\n        },\n        modifyOpenedAdminItems(indexItem) {\n            const collapsibleWrapper = document.getElementById('admin_collapsible');\n            const collaplsedAdminItem = collapsibleWrapper.children[indexItem].children[1];\n            const animationSmoothness = 0.4;\n            const transitionDuration = `${collaplsedAdminItem.children.length * animationSmoothness}s`;\n            collaplsedAdminItem.style.transitionDuration = transitionDuration;\n            this.adminItems = this.adminItems.map((item, index) => item.children && index === indexItem ? Object.assign(Object.assign({}, item), { opened: !item.opened }) : item);\n        },\n        toggleSideNavVisibility() {\n            this.sideNavOpened = !this.sideNavOpened;\n        },\n        attachOverflowItems() {\n            this.markOverflowedItems();\n            window.addEventListener('resize', this.markOverflowedItems);\n        },\n        attachOverflowedMenus() {\n            this.overflowedMenus = this.$refs.overflowedMenu.querySelectorAll('ul');\n        },\n        findOverflowedIndex() {\n            const items = [...this.$refs['menu-items'].childNodes];\n            const { length } = items;\n            for (let i = 0; i < length; i++) {\n                if (items[i].offsetTop > items[i].clientTop) {\n                    this.overflowedItems.startIndex = i;\n                    break;\n                }\n            }\n        },\n        markOverflowedItems() {\n            this.findOverflowedIndex();\n            this.overflowedItems.items =\n                this.overflowedItems.startIndex > -1 ? this.items.slice(this.overflowedItems.startIndex) : [];\n        },\n        openModalGiveKudos() {\n            if (this.allowedToGiveKudos) {\n                this.giveKudosComponent = this.giveKudosModalComponent();\n            }\n        },\n        closeModalGiveKudos() {\n            this.giveKudosComponent = undefined;\n        }, giveKudosModalComponent() {\n            return () => Promise.all(/*! import() | kudosForm */[__webpack_require__.e(\"vue\"), __webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"vendors~kudosForm\"), __webpack_require__.e(\"kudosForm\")]).then(__webpack_require__.bind(null, /*! ./components/give-kudos-form/GiveKudosForm.vue */ \"./components/give-kudos-form/GiveKudosForm.vue\"));\n        }, setOverflowedMenuHeight() {\n            this.overflowedMenus.forEach(menu => {\n                menu.style.height = `${this.overflowMenuMaxItemCount * this.overflowMenuItemHeight}px`;\n            });\n        },\n        moveOverflowedMenu() {\n            this.isOveflowedMenuMoved = true;\n            this.setOverflowedMenuHeight();\n        },\n        resetOverflowedMenu() {\n            this.isOveflowedMenuMoved = false;\n            this.overflowedMenus.forEach(menu => {\n                menu.style.height = 'auto';\n            });\n        },\n        initializeRejectionComponent(rejectionData) {\n            this.rejectConfirm = rejectionData.rejectionComponent;\n            this.rejectedNotification = rejectionData.notification;\n        },\n        confirmedReject(payload) {\n            const action = this.rejectedNotification.actions.first(item => item.type === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__[\"ActionType\"].reject).clone();\n            if ([\n                _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].vacations,\n                _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].sick_leaves,\n                _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].unpaid_leave\n            ].includes(this.rejectedNotification.category)) {\n                action.body.rejection_reason = payload.comment;\n            }\n            else {\n                action.body.reject_reason = payload;\n            }\n            this.requestNotification(action);\n            this.unsetRejection();\n        },\n        unsetRejection() {\n            this.rejectConfirm = null;\n        },\n        initializeItems() {\n            this.items = [\n                {\n                    name: 'Time',\n                    link: this.isLiteDomain ? 'Time' : 'time',\n                    toMainDomain: false,\n                    toLite: !this.isLiteDomain,\n                    menuCheck: 'menu_time'\n                },\n                {\n                    name: 'Leaves and Absences',\n                    link: this.isLiteDomain ? 'Leaves and Absences' : 'leaves-and-absences/balance',\n                    toLite: !this.isLiteDomain,\n                    menuCheck: 'menu_leaves_and_absences'\n                },\n                {\n                    name: 'Stats',\n                    link: 'stats',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_stats'\n                },\n                {\n                    name: 'IntelliShare',\n                    link: 'donations',\n                    toLite: this.isManagersPortal,\n                    toIntelliHub: this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_donation_campaigns'\n                },\n                {\n                    name: 'Welcome Program',\n                    link: this.isLiteDomain ? 'On boarding page check list' : 'admin/welcome-program',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_welcome_program'\n                },\n                {\n                    name: 'Operations',\n                    link: this.isLiteDomain ? 'Reporting Branches' : 'projects',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_projects'\n                },\n                {\n                    name: 'Reports',\n                    link: 'report/generate-excel',\n                    toMainDomain: true,\n                    menuCheck: 'reports_tab'\n                },\n                {\n                    name: 'Team',\n                    link: 'view-employees',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_team'\n                },\n                {\n                    name: 'News',\n                    link: 'news',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_news'\n                },\n                {\n                    name: 'Career Hub',\n                    link: this.config().careerSiteUrl,\n                    isDirectLink: true,\n                    menuCheck: 'menu_career_hub'\n                },\n                {\n                    name: 'Service desk',\n                    link: 'https://jira.intellias.com/servicedesk/customer/portals',\n                    toMainDomain: true,\n                    menuCheck: 'menu_service_desk',\n                    blank: true\n                },\n                {\n                    name: 'Knowledge base',\n                    link: 'https://confluence.intellias.com/pages/viewpage.action?pageId=110035843',\n                    toMainDomain: true,\n                    menuCheck: 'menu_knowledge_base',\n                    blank: true\n                },\n                {\n                    name: 'IntelliVacancies',\n                    link: this.isLiteDomain ? 'IntelliVacancies' : 'intelli-vacancies',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_rotation_portal'\n                },\n                {\n                    name: 'Improvements Hub',\n                    link: this.isLiteDomain ? 'improvements-list' : 'improvements-hub',\n                    toMainDomain: false,\n                    toLite: !this.isLiteDomain\n                },\n                {\n                    name: 'Book a desk',\n                    link: 'https://intellias.officespacesoftware.com/visual-directory',\n                    toMainDomain: true,\n                    menuCheck: 'menu_office_space',\n                    blank: true\n                },\n                {\n                    name: 'Company EA Model',\n                    link: this.isLiteDomain ? 'Company EA Model' : 'ea',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false,\n                    menuCheck: 'menu_ea_model'\n                },\n                {\n                    name: 'Admin',\n                    menuCheck: 'menu_admin',\n                    adminMenu: true\n                },\n                {\n                    name: 'Time Imports',\n                    menuCheck: 'menu_here_board_page',\n                    hereBoardMenu: true\n                },\n                {\n                    name: \"Manager's Portal\",\n                    link: `${this.intemsConfig.liteSiteUrl}managers-portal`,\n                    isDirectLink: true,\n                    menuCheck: 'menu_manager_portal'\n                }\n            ];\n        },\n        initializeAdminItems() {\n            this.adminItems = [\n                {\n                    name: 'IT support',\n                    menuCheck: 'menu_admin_it_support',\n                    opened: false,\n                    children: [\n                        {\n                            name: 'Access roles',\n                            menuCheck: 'setup_roles',\n                            link: this.isLiteDomain ? 'Access Roles' : 'access-roles',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Work areas',\n                            menuCheck: 'menu_work_areas',\n                            link: 'work-areas',\n                            toMainDomain: true\n                        },\n                        {\n                            name: 'Technical work',\n                            menuCheck: 'menu_admin_it_support_technical_work',\n                            link: 'technical-work',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Access cards',\n                            menuCheck: 'menu_admin_it_support_access_cards',\n                            link: 'access-cards',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Client IPs',\n                            menuCheck: 'menu_admin_it_support_client_ips',\n                            link: 'clients/index.php',\n                            toMainDomain: true\n                        },\n                        {\n                            name: 'View logs',\n                            menuCheck: 'menu_admin_it_support_view_logs',\n                            link: this.isLiteDomain ? 'view_logs' : 'view-logs',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Service page',\n                            menuCheck: 'menu_service_page',\n                            link: this.isLiteDomain ? 'Service' : 'service-page',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        }\n                    ]\n                },\n                {\n                    name: 'HR',\n                    menuCheck: 'menu_admin_hr',\n                    opened: false,\n                    children: [\n                        {\n                            name: 'Manage IntelliStore',\n                            menuCheck: 'menu_intelli_store_manage',\n                            link: this.isLiteDomain\n                                ? 'catalog-admin-products-list'\n                                : \"total-rewards-portal/smart-catalog/admin'\",\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Trainings (OLD)',\n                            menuCheck: 'menu_admin_hr_trainings',\n                            link: 'eval/index.php',\n                            toMainDomain: true\n                        },\n                        {\n                            name: 'Trainings (OLD)',\n                            menuCheck: 'menu_admin_employee_trainings',\n                            link: 'employees-trainings',\n                            toMainDomain: true\n                        },\n                        {\n                            name: 'Events',\n                            menuCheck: 'event_and_training',\n                            link: this.isLiteDomain ? 'Manage trainings' : 'trainings',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Calendars',\n                            menuCheck: 'menu_admin_holiday_calendar',\n                            link: 'calendars',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Manage smarts',\n                            menuCheck: 'menu_admin_hr_manage_smarts',\n                            link: 'manage-smarts',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Manage news',\n                            menuCheck: 'menu_admin_hr_news',\n                            link: 'manage-news-list',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Compensation packages',\n                            menuCheck: 'menu_admin_non_comp_list',\n                            link: this.isLiteDomain ? 'compensation-package' : 'admin/compensation-package',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Banners',\n                            menuCheck: 'menu_admin_banners',\n                            link: this.isLiteDomain ? 'Banners List' : 'banners',\n                            toLite: !this.isLiteDomain,\n                            toMainDomain: false\n                        },\n                        {\n                            name: 'Manage Welcome Program',\n                            link: this.isLiteDomain ? 'Manage Welcome Program' : 'admin/welcome-program',\n                            toMainDomain: false,\n                            toLite: !this.isLiteDomain,\n                            menuCheck: 'menu_manage_welcome_program'\n                        },\n                        {\n                            name: 'Jira Satisfaction Survey',\n                            menuCheck: 'menu_enps_survey_admin',\n                            link: this.isLiteDomain ? 'Jira Satisfaction Survey List' : 'jira-satisfaction-survey',\n                            toMainDomain: false,\n                            toLite: !this.isLiteDomain\n                        }\n                    ]\n                },\n                {\n                    name: 'Accountancy',\n                    menuCheck: 'menu_admin_accountancy',\n                    link: 'accountancy/detailedReporting',\n                    toMainDomain: true\n                },\n                {\n                    name: 'Countries',\n                    menuCheck: 'menu_admin_dictionary',\n                    link: this.isLiteDomain ? 'dictionary' : 'countries',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false\n                }\n            ];\n        },\n        initializeHereBoardItems() {\n            this.hereBoardItems = [\n                {\n                    name: 'Employee Dashboard',\n                    menuCheck: 'menu_here_board_page_user',\n                    link: this.isLiteDomain ? 'Here Board Page' : 'here-board-page',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false\n                },\n                {\n                    name: 'Manager Dashboard',\n                    menuCheck: 'menu_here_board_page_manager',\n                    link: this.isLiteDomain ? 'Here Board Page Admin' : 'here-board-page-admin',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false\n                },\n                {\n                    name: 'Admin Dashboard',\n                    menuCheck: 'menu_here_board_page_owner',\n                    link: this.isLiteDomain ? 'Here Board Page Admin' : 'here-board-page-admin',\n                    toLite: !this.isLiteDomain,\n                    toMainDomain: false\n                }\n            ];\n        } }),\n    data() {\n        return {\n            flagShowSignOutLinks: false,\n            sideNavOpened: false,\n            baseRepository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](),\n            rejectConfirm: undefined,\n            rejectedNotification: undefined,\n            giveKudosComponent: undefined,\n            items: [],\n            adminItems: [],\n            hereBoardItems: [],\n            overflowedItems: {\n                items: [],\n                startIndex: -1\n            },\n            mobileMenu: null,\n            overflowedMenus: undefined,\n            isOveflowedMenuMoved: false\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./Menu.ts?");
 
 /***/ }),
 
@@ -470,7 +470,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-custom-scrollbar */ \"./node_modules/vue-custom-scrollbar/dist/vueScrollbar.umd.min.js\");\n/* harmony import */ var vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! v-dropdown-menu/vue2 */ \"./node_modules/v-dropdown-menu/vue2/index.js\");\n/* harmony import */ var v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var vue_tabs_with_active_line__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-tabs-with-active-line */ \"./node_modules/vue-tabs-with-active-line/dist/vue-tabs-with-active-line.esm.js\");\n/* harmony import */ var _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/QueryFilter */ \"./helpers/QueryFilter.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _notification_Notification_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./notification/Notification.vue */ \"./components/notifications-sidebar/notification/Notification.vue\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _request_loader_RequestLoader_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../request-loader/RequestLoader.vue */ \"./components/request-loader/RequestLoader.vue\");\n/* harmony import */ var _preloader_Preloader_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../preloader/Preloader.vue */ \"./components/preloader/Preloader.vue\");\n/* harmony import */ var _helpers_model_ModelHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/model/ModelHelper */ \"./helpers/model/ModelHelper.ts\");\n/* harmony import */ var _models_BroadcastNotificationPayload__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./models/BroadcastNotificationPayload */ \"./components/notifications-sidebar/models/BroadcastNotificationPayload.ts\");\n/* harmony import */ var v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! v-dropdown-menu/dist/vue2/v-dropdown-menu.css */ \"./node_modules/v-dropdown-menu/dist/vue2/v-dropdown-menu.css\");\n/* harmony import */ var v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../models/MenuLayouts */ \"./models/MenuLayouts.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    components: {\n        Preloader: _preloader_Preloader_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n        RequestLoader: _request_loader_RequestLoader_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n        ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n        Notification: _notification_Notification_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n        VueCustomScrollbar: (vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1___default()),\n        DropdownMenu: (v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2___default()),\n        Tabs: vue_tabs_with_active_line__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n    },\n    inject: ['layout', 'storeAdapter'],\n    mounted() {\n        this.initListener();\n    },\n    methods: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['readAll', 'newNotification', 'markAsProcessed'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications/SidebarModule', ['fetchSidebarNotifications', 'dismissAll'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User/Notifications/SidebarModule', ['unsetNotifications', 'changeStatus'])), { initListener() {\n            this.$echo.private(`employee.${this.getUser.employee_id}`).notification(payload => {\n                this.newNotification(Object(_helpers_model_ModelHelper__WEBPACK_IMPORTED_MODULE_10__[\"map\"])(_models_BroadcastNotificationPayload__WEBPACK_IMPORTED_MODULE_11__[\"default\"], payload));\n                if (localStorage.activeBrowserTab === 'false') {\n                    localStorage.pendingAnimation = true;\n                }\n                else {\n                    this.bellAnimation();\n                }\n            });\n            this.$echo.private(`employee.${this.getUser.employee_id}`).listen('NotificationProcessed', payload => {\n                const notification = this.find(payload.notification_id);\n                if (notification && notification.status !== _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].processed) {\n                    this.markAsProcessed(notification);\n                }\n            });\n            localStorage.activeBrowserTab = true;\n            document.addEventListener('visibilitychange', () => {\n                localStorage.activeBrowserTab = !document.hidden;\n                if (localStorage.activeBrowserTab === 'true' && localStorage.pendingAnimation === 'true') {\n                    this.bellAnimation();\n                }\n            });\n        },\n        initData() {\n            return __awaiter(this, void 0, void 0, function* () {\n                Promise.all([\n                    this.unsetNotifications(),\n                    this.fetchSidebarNotifications(this.queryAll.unsetPagination()),\n                    this.fetchSidebarNotifications(this.queryPending.unsetPagination())\n                ]).then(() => {\n                    this.updateScrollbar();\n                });\n            });\n        },\n        loadAllNotifications() {\n            if (!this.dropDownOpen || this.currentTab !== 'all') {\n                return;\n            }\n            this.fetchSidebarNotifications(this.queryAll.offset(this.notices.count()));\n        },\n        loadPendingRequests() {\n            if (!this.dropDownOpen || this.currentTab !== 'pending_approval') {\n                return;\n            }\n            this.fetchSidebarNotifications(this.queryPending.offset(this.pendingRequests.count()));\n        },\n        changeActiveTab(newTab) {\n            this.currentTab = newTab;\n        },\n        bellAnimation() {\n            this.displayAnimation = true;\n            setTimeout(() => {\n                this.displayAnimation = false;\n            }, 5600);\n            localStorage.pendingAnimation = false;\n        },\n        closeSidebar() {\n            this.dropDownOpen = false;\n        },\n        updateScrollbar() {\n            this.$refs.scrollBar.update();\n        },\n        emitRejectionComponent(rejectionData) {\n            this.$emit('rejection-component', rejectionData);\n        } }),\n    computed: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User/Notifications/SidebarModule', ['notices', 'pendingRequests', 'find'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User/Notifications', ['hasUnread', 'totalUnread'])), { hasUnreadNotifications() {\n            return this.hasUnread !== undefined ? this.hasUnread : this.getUser.has_unread_notifications;\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_13__[\"default\"].Lite;\n        },\n        intemsConfig() {\n            return this.storeAdapter.Config.state.data;\n        } }),\n    watch: {\n        'totalUnread.notice': {\n            handler(notice) {\n                const tab = this.$refs.tabs.$el.children[0];\n                if (this.totalUnread.notice) {\n                    tab.innerHTML = `All\n          <span class=\"counter\" >${notice}</span>`;\n                }\n                else {\n                    tab.innerHTML = 'All';\n                }\n            }\n        },\n        'totalUnread.pending_request': {\n            handler(request) {\n                const tab = this.$refs.tabs.$el.children[1];\n                if (this.totalUnread.pending_request) {\n                    tab.innerHTML = `Pending approval\n          <span class=\"counter\" >${request}</span>`;\n                }\n                else {\n                    tab.innerHTML = 'Pending approval';\n                }\n            }\n        }\n    },\n    data() {\n        return {\n            queryAll: new _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]()\n                .notIn('status', [_models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden, _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden_processed])\n                .scope('type', _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationType\"].notice),\n            queryPending: new _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]()\n                .notIn('status', [_models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden, _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden_processed])\n                .scope('type', _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationType\"].pending_request),\n            dropDownOpen: false,\n            tabs: [\n                {\n                    title: 'All',\n                    value: 'all'\n                },\n                {\n                    title: 'Pending approval',\n                    value: 'pending_approval'\n                }\n            ],\n            currentTab: 'all',\n            preloaderSize: 'small',\n            scrollBarSettings: { suppressScrollX: true, minScrollbarLength: 50 },\n            displayAnimation: false\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/NotificationsSidebar.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-custom-scrollbar */ \"./node_modules/vue-custom-scrollbar/dist/vueScrollbar.umd.min.js\");\n/* harmony import */ var vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! v-dropdown-menu/vue2 */ \"./node_modules/v-dropdown-menu/vue2/index.js\");\n/* harmony import */ var v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var vue_tabs_with_active_line__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-tabs-with-active-line */ \"./node_modules/vue-tabs-with-active-line/dist/vue-tabs-with-active-line.esm.js\");\n/* harmony import */ var _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/QueryFilter */ \"./helpers/QueryFilter.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _notification_Notification_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./notification/Notification.vue */ \"./components/notifications-sidebar/notification/Notification.vue\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _request_loader_RequestLoader_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../request-loader/RequestLoader.vue */ \"./components/request-loader/RequestLoader.vue\");\n/* harmony import */ var _preloader_Preloader_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../preloader/Preloader.vue */ \"./components/preloader/Preloader.vue\");\n/* harmony import */ var _helpers_model_ModelHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/model/ModelHelper */ \"./helpers/model/ModelHelper.ts\");\n/* harmony import */ var _models_BroadcastNotificationPayload__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./models/BroadcastNotificationPayload */ \"./components/notifications-sidebar/models/BroadcastNotificationPayload.ts\");\n/* harmony import */ var v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! v-dropdown-menu/dist/vue2/v-dropdown-menu.css */ \"./node_modules/v-dropdown-menu/dist/vue2/v-dropdown-menu.css\");\n/* harmony import */ var v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _models_ThemeModel__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @/models/ThemeModel */ \"./models/ThemeModel.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    components: {\n        Preloader: _preloader_Preloader_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n        RequestLoader: _request_loader_RequestLoader_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n        ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n        Notification: _notification_Notification_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n        VueCustomScrollbar: (vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1___default()),\n        DropdownMenu: (v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2___default()),\n        Tabs: vue_tabs_with_active_line__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n    },\n    inject: ['layout', 'storeAdapter'],\n    mounted() {\n        this.initListener();\n    },\n    methods: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['readAll', 'newNotification', 'markAsProcessed'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications/SidebarModule', ['fetchSidebarNotifications', 'dismissAll'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User/Notifications/SidebarModule', ['unsetNotifications', 'changeStatus'])), { initListener() {\n            this.$echo.private(`employee.${this.getUser.employee_id}`).notification(payload => {\n                this.newNotification(Object(_helpers_model_ModelHelper__WEBPACK_IMPORTED_MODULE_10__[\"map\"])(_models_BroadcastNotificationPayload__WEBPACK_IMPORTED_MODULE_11__[\"default\"], payload));\n                if (localStorage.activeBrowserTab === 'false') {\n                    localStorage.pendingAnimation = true;\n                }\n                else {\n                    this.bellAnimation();\n                }\n            });\n            this.$echo.private(`employee.${this.getUser.employee_id}`).listen('NotificationProcessed', payload => {\n                const notification = this.find(payload.notification_id);\n                if (notification && notification.status !== _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].processed) {\n                    this.markAsProcessed(notification);\n                }\n            });\n            localStorage.activeBrowserTab = true;\n            document.addEventListener('visibilitychange', () => {\n                localStorage.activeBrowserTab = !document.hidden;\n                if (localStorage.activeBrowserTab === 'true' && localStorage.pendingAnimation === 'true') {\n                    this.bellAnimation();\n                }\n            });\n        },\n        initData() {\n            return __awaiter(this, void 0, void 0, function* () {\n                Promise.all([\n                    this.unsetNotifications(),\n                    this.fetchSidebarNotifications(this.queryAll.unsetPagination()),\n                    this.fetchSidebarNotifications(this.queryPending.unsetPagination())\n                ]).then(() => {\n                    this.updateScrollbar();\n                });\n            });\n        },\n        loadAllNotifications() {\n            if (!this.dropDownOpen || this.currentTab !== 'all') {\n                return;\n            }\n            this.fetchSidebarNotifications(this.queryAll.offset(this.notices.count()));\n        },\n        loadPendingRequests() {\n            if (!this.dropDownOpen || this.currentTab !== 'pending_approval') {\n                return;\n            }\n            this.fetchSidebarNotifications(this.queryPending.offset(this.pendingRequests.count()));\n        },\n        changeActiveTab(newTab) {\n            this.currentTab = newTab;\n        },\n        bellAnimation() {\n            this.displayAnimation = true;\n            setTimeout(() => {\n                this.displayAnimation = false;\n            }, 5600);\n            localStorage.pendingAnimation = false;\n        },\n        closeSidebar() {\n            this.dropDownOpen = false;\n        },\n        updateScrollbar() {\n            this.$refs.scrollBar.update();\n        },\n        emitRejectionComponent(rejectionData) {\n            this.$emit('rejection-component', rejectionData);\n        } }),\n    computed: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User/Notifications/SidebarModule', ['notices', 'pendingRequests', 'find'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User/Notifications', ['hasUnread', 'totalUnread'])), { hasUnreadNotifications() {\n            return this.hasUnread !== undefined ? this.hasUnread : this.getUser.has_unread_notifications;\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_13__[\"default\"].Lite;\n        },\n        intemsConfig() {\n            return this.storeAdapter.Config.state.data;\n        },\n        darkTheme() {\n            return !this.isLiteDomain && this.getUser.frontend_theme === _models_ThemeModel__WEBPACK_IMPORTED_MODULE_14__[\"default\"].Dark;\n        } }),\n    watch: {\n        'totalUnread.notice': {\n            handler(notice) {\n                const tab = this.$refs.tabs.$el.children[0];\n                if (this.totalUnread.notice) {\n                    tab.innerHTML = `All\n          <span class=\"counter\" >${notice}</span>`;\n                }\n                else {\n                    tab.innerHTML = 'All';\n                }\n            }\n        },\n        'totalUnread.pending_request': {\n            handler(request) {\n                const tab = this.$refs.tabs.$el.children[1];\n                if (this.totalUnread.pending_request) {\n                    tab.innerHTML = `Pending approval\n          <span class=\"counter\" >${request}</span>`;\n                }\n                else {\n                    tab.innerHTML = 'Pending approval';\n                }\n            }\n        }\n    },\n    data() {\n        return {\n            queryAll: new _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]()\n                .notIn('status', [_models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden, _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden_processed])\n                .scope('type', _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationType\"].notice),\n            queryPending: new _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]()\n                .notIn('status', [_models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden, _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden_processed])\n                .scope('type', _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationType\"].pending_request),\n            dropDownOpen: false,\n            tabs: [\n                {\n                    title: 'All',\n                    value: 'all'\n                },\n                {\n                    title: 'Pending approval',\n                    value: 'pending_approval'\n                }\n            ],\n            currentTab: 'all',\n            preloaderSize: 'small',\n            scrollBarSettings: { suppressScrollX: true, minScrollbarLength: 50 },\n            displayAnimation: false\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/NotificationsSidebar.ts?");
 
 /***/ }),
 
@@ -638,7 +638,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! mobile-device-detect */ \"./node_modules/mobile-device-detect/dist/index.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../modal/Modal.vue */ \"./components/modal/Modal.vue\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PlayPauseStatus */ \"./components/play-pause/PlayPauseStatus.ts\");\n/* harmony import */ var _models_TrackedTimeModel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../models/TrackedTimeModel */ \"./models/TrackedTimeModel.ts\");\n/* harmony import */ var _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../repositories/TrackedTimeRepository */ \"./repositories/TrackedTimeRepository.ts\");\n/* harmony import */ var _helpers_TrackedTimeHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helpers/TrackedTimeHelper */ \"./components/play-pause/helpers/TrackedTimeHelper.ts\");\n/* harmony import */ var _helpers_PauseHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helpers/PauseHelper */ \"./components/play-pause/helpers/PauseHelper.ts\");\n/* harmony import */ var _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/response/ResponseCode */ \"./helpers/response/ResponseCode.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _helpers_LatestTrackedTimeDurationHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helpers/LatestTrackedTimeDurationHelper */ \"./components/play-pause/helpers/LatestTrackedTimeDurationHelper.ts\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../buttons/secondary-button/SecondaryButton.vue */ \"./components/buttons/secondary-button/SecondaryButton.vue\");\n/* harmony import */ var _main__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../main */ \"./main.ts\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @/models/MenuLayouts */ \"./models/MenuLayouts.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst groupedDataEndDate = moment_timezone__WEBPACK_IMPORTED_MODULE_1__().subtract(2, 'days');\nconst trackedTimeRepository = new _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"default\"]();\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    name: 'playPause',\n    inject: ['storeAdapter', 'layout'],\n    components: { modal: _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"], SecondaryButton: _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"] },\n    created() {\n        return __awaiter(this, void 0, void 0, function* () {\n            this.applyRepositorySubscribers();\n            yield this.getTrackedTimes();\n            this.isLoading = false;\n        });\n    },\n    computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser'])), { status() {\n            return this.storeAdapter.TrackedTime.getters.status;\n        },\n        iconClass() {\n            if (this.isLoading) {\n                return 'spinner-solid';\n            }\n            return this.status === _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__[\"Status\"].Play ? 'pause' : 'play';\n        },\n        latestTrackedTime() {\n            return this.storeAdapter.TrackedTime.getters.latest;\n        },\n        isMobile() {\n            return mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__[\"isMobile\"];\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Lite;\n        },\n        intemsConfig() {\n            return this.storeAdapter.Config.state.data;\n        } }),\n    watch: {\n        latestTrackedTime(trackedTime) {\n            this.latestTrackedTimeDurationHelper.calculate(trackedTime, this.getUser.getTimezone());\n        }\n    },\n    data() {\n        return {\n            trackedText: 'Default Text',\n            duration: undefined,\n            isLoading: true,\n            latestTrackedTimeDurationHelper: new _helpers_LatestTrackedTimeDurationHelper__WEBPACK_IMPORTED_MODULE_12__[\"default\"]()\n        };\n    },\n    methods: {\n        addNow() {\n            return __awaiter(this, void 0, void 0, function* () {\n                if (!this.isLiteDomain) {\n                    window.location.href = `${this.intemsConfig.liteSiteUrl}time`;\n                }\n                const timePagePath = _main__WEBPACK_IMPORTED_MODULE_15__[\"myOptions\"].helperFunctions.getUrlPathByName('Time');\n                this.storeAdapter.TimePage.mutations.setAddNowMode(true);\n                if (this.$router.currentRoute.path !== timePagePath) {\n                    yield this.$router.replace(timePagePath);\n                }\n                this.closeModalWindow();\n            });\n        },\n        closeModalWindow() {\n            this.$modal.hide('modalTracked');\n        },\n        handlePlayResolved(response) {\n            const trackedTime = new _models_TrackedTimeModel__WEBPACK_IMPORTED_MODULE_6__[\"default\"]();\n            trackedTime.fill(response.data.data);\n            this.storeAdapter.TrackedTime.mutations.addTrackedTime(trackedTime);\n            this.storeAdapter.Toasts.mutations.addMessage('You have started tracking work time');\n        },\n        handlePauseResolved(response) {\n            const trackedTimeHelper = new _helpers_TrackedTimeHelper__WEBPACK_IMPORTED_MODULE_8__[\"default\"](response.data.data);\n            const pauseHelper = new _helpers_PauseHelper__WEBPACK_IMPORTED_MODULE_9__[\"default\"](trackedTimeHelper);\n            const error = pauseHelper.getError();\n            if (error) {\n                this.storeAdapter.Toasts.mutations.addError(error);\n                this.storeAdapter.TrackedTime.mutations.setLatestTrackedTime(undefined);\n                return;\n            }\n            this.duration = trackedTimeHelper.today().duration;\n            this.trackedText = pauseHelper.getTrackedText();\n            if (pauseHelper.needOpenModalWindow()) {\n                this.$modal.show('modalTracked');\n            }\n            this.storeAdapter.Toasts.mutations.addMessage(pauseHelper.getMessage());\n        },\n        handleRejected(error) {\n            return __awaiter(this, void 0, void 0, function* () {\n                if (error.response.status === _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_10__[\"ResponseCode\"].UnprocessableEntity) {\n                    const firstError = Object.values(error.response.data.errors)[0];\n                    this.storeAdapter.Toasts.mutations.addError(firstError[0]);\n                    yield this.getTrackedTimes();\n                }\n            });\n        },\n        applyRepositorySubscribers() {\n            const responseHelper = trackedTimeRepository.getResponseHelper();\n            responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Resolved, result => this.handlePlayResolved(result), _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"PlayContext\"]);\n            responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Resolved, result => this.handlePauseResolved(result), _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"PauseContext\"]);\n            responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Rejected, error => this.handleRejected(error), _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_11__[\"DefaultContext\"]);\n        },\n        getTrackedTimes() {\n            return __awaiter(this, void 0, void 0, function* () {\n                yield this.storeAdapter.TrackedTime.actions.getTrackedTimes({\n                    day$gt: groupedDataEndDate.format('YYYY-MM-DD'),\n                    day$lte: moment_timezone__WEBPACK_IMPORTED_MODULE_1__[\"tz\"](this.getUser.getTimezone()).format('YYYY-MM-DD')\n                });\n                if (this.status === undefined) {\n                    yield this.storeAdapter.TrackedTime.actions.getLatestTrackedTime();\n                }\n            });\n        },\n        toggle() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.isLoading = true;\n                if (this.status === _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__[\"Status\"].Play) {\n                    yield trackedTimeRepository.pause();\n                }\n                else {\n                    yield trackedTimeRepository.play();\n                }\n                this.isLoading = false;\n            });\n        }\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/play-pause/PlayPause.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! mobile-device-detect */ \"./node_modules/mobile-device-detect/dist/index.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../modal/Modal.vue */ \"./components/modal/Modal.vue\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PlayPauseStatus */ \"./components/play-pause/PlayPauseStatus.ts\");\n/* harmony import */ var _models_TrackedTimeModel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../models/TrackedTimeModel */ \"./models/TrackedTimeModel.ts\");\n/* harmony import */ var _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../repositories/TrackedTimeRepository */ \"./repositories/TrackedTimeRepository.ts\");\n/* harmony import */ var _helpers_TrackedTimeHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helpers/TrackedTimeHelper */ \"./components/play-pause/helpers/TrackedTimeHelper.ts\");\n/* harmony import */ var _helpers_PauseHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helpers/PauseHelper */ \"./components/play-pause/helpers/PauseHelper.ts\");\n/* harmony import */ var _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/response/ResponseCode */ \"./helpers/response/ResponseCode.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _helpers_LatestTrackedTimeDurationHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helpers/LatestTrackedTimeDurationHelper */ \"./components/play-pause/helpers/LatestTrackedTimeDurationHelper.ts\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../buttons/secondary-button/SecondaryButton.vue */ \"./components/buttons/secondary-button/SecondaryButton.vue\");\n/* harmony import */ var _main__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../main */ \"./main.ts\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @/models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _models_ThemeModel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @/models/ThemeModel */ \"./models/ThemeModel.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst groupedDataEndDate = moment_timezone__WEBPACK_IMPORTED_MODULE_1__().subtract(2, 'days');\nconst trackedTimeRepository = new _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"default\"]();\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    name: 'playPause',\n    inject: ['storeAdapter', 'layout'],\n    components: { modal: _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"], SecondaryButton: _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"] },\n    created() {\n        return __awaiter(this, void 0, void 0, function* () {\n            this.applyRepositorySubscribers();\n            yield this.getTrackedTimes();\n            this.isLoading = false;\n        });\n    },\n    computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser'])), { status() {\n            return this.storeAdapter.TrackedTime.getters.status;\n        },\n        iconClass() {\n            if (this.isLoading) {\n                return 'spinner-solid';\n            }\n            return this.status === _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__[\"Status\"].Play ? 'pause' : 'play';\n        },\n        latestTrackedTime() {\n            return this.storeAdapter.TrackedTime.getters.latest;\n        },\n        isMobile() {\n            return mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__[\"isMobile\"];\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Lite;\n        },\n        intemsConfig() {\n            return this.storeAdapter.Config.state.data;\n        },\n        darkTheme() {\n            return !this.isLiteDomain && this.getUser.frontend_theme === _models_ThemeModel__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Dark;\n        } }),\n    watch: {\n        latestTrackedTime(trackedTime) {\n            this.latestTrackedTimeDurationHelper.calculate(trackedTime, this.getUser.getTimezone());\n        }\n    },\n    data() {\n        return {\n            trackedText: 'Default Text',\n            duration: undefined,\n            isLoading: true,\n            latestTrackedTimeDurationHelper: new _helpers_LatestTrackedTimeDurationHelper__WEBPACK_IMPORTED_MODULE_12__[\"default\"]()\n        };\n    },\n    methods: {\n        addNow() {\n            return __awaiter(this, void 0, void 0, function* () {\n                if (!this.isLiteDomain) {\n                    window.location.href = `${this.intemsConfig.liteSiteUrl}time`;\n                }\n                const timePagePath = _main__WEBPACK_IMPORTED_MODULE_15__[\"myOptions\"].helperFunctions.getUrlPathByName('Time');\n                this.storeAdapter.TimePage.mutations.setAddNowMode(true);\n                if (this.$router.currentRoute.path !== timePagePath) {\n                    yield this.$router.replace(timePagePath);\n                }\n                this.closeModalWindow();\n            });\n        },\n        closeModalWindow() {\n            this.$modal.hide('modalTracked');\n        },\n        handlePlayResolved(response) {\n            const trackedTime = new _models_TrackedTimeModel__WEBPACK_IMPORTED_MODULE_6__[\"default\"]();\n            trackedTime.fill(response.data.data);\n            this.storeAdapter.TrackedTime.mutations.addTrackedTime(trackedTime);\n            this.storeAdapter.Toasts.mutations.addMessage('You have started tracking work time');\n        },\n        handlePauseResolved(response) {\n            const trackedTimeHelper = new _helpers_TrackedTimeHelper__WEBPACK_IMPORTED_MODULE_8__[\"default\"](response.data.data);\n            const pauseHelper = new _helpers_PauseHelper__WEBPACK_IMPORTED_MODULE_9__[\"default\"](trackedTimeHelper);\n            const error = pauseHelper.getError();\n            if (error) {\n                this.storeAdapter.Toasts.mutations.addError(error);\n                this.storeAdapter.TrackedTime.mutations.setLatestTrackedTime(undefined);\n                return;\n            }\n            this.duration = trackedTimeHelper.today().duration;\n            this.trackedText = pauseHelper.getTrackedText();\n            if (pauseHelper.needOpenModalWindow()) {\n                this.$modal.show('modalTracked');\n            }\n            this.storeAdapter.Toasts.mutations.addMessage(pauseHelper.getMessage());\n        },\n        handleRejected(error) {\n            return __awaiter(this, void 0, void 0, function* () {\n                if (error.response.status === _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_10__[\"ResponseCode\"].UnprocessableEntity) {\n                    const firstError = Object.values(error.response.data.errors)[0];\n                    this.storeAdapter.Toasts.mutations.addError(firstError[0]);\n                    yield this.getTrackedTimes();\n                }\n            });\n        },\n        applyRepositorySubscribers() {\n            const responseHelper = trackedTimeRepository.getResponseHelper();\n            responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Resolved, result => this.handlePlayResolved(result), _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"PlayContext\"]);\n            responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Resolved, result => this.handlePauseResolved(result), _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"PauseContext\"]);\n            responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Rejected, error => this.handleRejected(error), _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_11__[\"DefaultContext\"]);\n        },\n        getTrackedTimes() {\n            return __awaiter(this, void 0, void 0, function* () {\n                yield this.storeAdapter.TrackedTime.actions.getTrackedTimes({\n                    day$gt: groupedDataEndDate.format('YYYY-MM-DD'),\n                    day$lte: moment_timezone__WEBPACK_IMPORTED_MODULE_1__[\"tz\"](this.getUser.getTimezone()).format('YYYY-MM-DD')\n                });\n                if (this.status === undefined) {\n                    yield this.storeAdapter.TrackedTime.actions.getLatestTrackedTime();\n                }\n            });\n        },\n        toggle() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.isLoading = true;\n                if (this.status === _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__[\"Status\"].Play) {\n                    yield trackedTimeRepository.pause();\n                }\n                else {\n                    yield trackedTimeRepository.play();\n                }\n                this.isLoading = false;\n            });\n        }\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/play-pause/PlayPause.ts?");
 
 /***/ }),
 
@@ -1226,7 +1226,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../repositories/BaseRepository */ \"./repositories/BaseRepository.ts\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../models/user/NotificationActionModel */ \"./models/user/NotificationActionModel.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _repositories_UserRepository__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../repositories/UserRepository */ \"./repositories/UserRepository.ts\");\n/* harmony import */ var _main__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../main */ \"./main.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\nconst titlesMap = new Map([\n    [_models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ActionType\"].reject, 'Reject'],\n    [_models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ActionType\"].confirm, 'Confirm'],\n    [_models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ActionType\"].view, 'View']\n]);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    mounted() {\n        this.baseRepository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_3__[\"ResponseState\"].Resolved, this.handleSuccess, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_4__[\"DefaultContext\"]);\n        this.baseRepository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_3__[\"ResponseState\"].Rejected, this.handleError, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_4__[\"DefaultContext\"]);\n    },\n    computed: Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('Config', ['config'])),\n    methods: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['read', 'markAsRead', 'process', 'markAsProcessed'])), { submitAction(action) {\n            if (action.type === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ActionType\"].reject && _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"confirmRejections\"].includes(this.notification.category)) {\n                this.actionProcessing = true;\n                const rejectionComponent = this.rejectionComponent();\n                this.$emit('rejection-component', {\n                    rejectionComponent,\n                    notification: this.notification\n                });\n                return;\n            }\n            this.request(action);\n        },\n        request(action) {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.actionProcessing = true;\n                this.markAsRead(this.notification);\n                yield this.baseRepository.request(action.action, action.method ? action.method : _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"RequestMethod\"].put, action.body);\n            });\n        },\n        // eslint-disable-next-line complexity\n        proceedToView(view) {\n            return __awaiter(this, void 0, void 0, function* () {\n                if (this.notification.isNew) {\n                    yield this.read(this.notification);\n                }\n                const action = view.action ? view.action : view.url;\n                if (view.proceedTo === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ProceedTo\"].remote) {\n                    window.open(action, '_blank');\n                }\n                else if (view.proceedTo === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ProceedTo\"].career) {\n                    window.location.href = `${this.config.careerSiteUrl}${action}`;\n                }\n                else if (view.proceedTo === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ProceedTo\"].old) {\n                    window.location.href = `${this.config.oldSiteUrl}${action}`;\n                }\n                else if (view.proceedTo === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ProceedTo\"].lite && !this.isLiteDomain) {\n                    window.location.href = `${this.config.liteSiteUrl}${action.replace('/api/', '')}`;\n                }\n                else if (this.$router.currentRoute.path !== action) {\n                    yield this.$router.push(action.replace('api/', ''));\n                }\n            });\n        },\n        handleSuccess() {\n            return __awaiter(this, void 0, void 0, function* () {\n                _main__WEBPACK_IMPORTED_MODULE_8__[\"myOptions\"].storeAdapter.Toasts.mutations.addMessage('The request has been processed.');\n                _main__WEBPACK_IMPORTED_MODULE_8__[\"myOptions\"].storeAdapter.Toasts.mutations.showAll();\n                this.markAsProcessed(this.notification);\n                this.actionProcessing = false;\n            });\n        },\n        handleError() {\n            return __awaiter(this, void 0, void 0, function* () {\n                _main__WEBPACK_IMPORTED_MODULE_8__[\"myOptions\"].storeAdapter.Toasts.mutations.addWarning('Action failed. The request had been already processed.');\n                _main__WEBPACK_IMPORTED_MODULE_8__[\"myOptions\"].storeAdapter.Toasts.mutations.showAll();\n                yield this.process(this.notification);\n                if (typeof this.errorAction === 'function') {\n                    this.errorAction();\n                }\n                this.actionProcessing = false;\n            });\n        }, rejectionComponent() {\n            if (this.notification.category === _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"NotificationCategory\"].vacations) {\n                return () => Promise.all(/*! import() | rejectComponent */[__webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"rejectComponent\")]).then(__webpack_require__.bind(null, /*! ./confirms/VacationRejectionConfirm.vue */ \"./mixins/notifications/confirms/VacationRejectionConfirm.vue\"));\n            }\n            if (this.notification.category === _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"NotificationCategory\"].unpaid_leave) {\n                return () => Promise.all(/*! import() | rejectComponent */[__webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"rejectComponent\")]).then(__webpack_require__.bind(null, /*! ./confirms/UnpaidLeaveRejectionConfirm.vue */ \"./mixins/notifications/confirms/UnpaidLeaveRejectionConfirm.vue\"));\n            }\n            if (this.notification.category === _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"NotificationCategory\"].profile_update) {\n                return () => Promise.all(/*! import() | rejectComponent */[__webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"rejectComponent\")]).then(__webpack_require__.bind(null, /*! ./confirms/AssetRejectionConfirm.vue */ \"./mixins/notifications/confirms/AssetRejectionConfirm.vue\"));\n            }\n            if (this.notification.category === _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"NotificationCategory\"].sick_leaves) {\n                return () => Promise.all(/*! import() | rejectComponent */[__webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"rejectComponent\")]).then(__webpack_require__.bind(null, /*! ./confirms/SickLeaveRejectionConfirm.vue */ \"./mixins/notifications/confirms/SickLeaveRejectionConfirm.vue\"));\n            }\n            return null;\n        }, isExpired(action) {\n            return action.expired_at && action.expired_at.isBefore(moment__WEBPACK_IMPORTED_MODULE_1___default()());\n        },\n        title(action) {\n            return action.title ? action.title : titlesMap.get(action.type);\n        } }),\n    data() {\n        return {\n            actionProcessing: false,\n            userRepository: new _repositories_UserRepository__WEBPACK_IMPORTED_MODULE_7__[\"default\"](),\n            baseRepository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__[\"default\"]()\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./mixins/notifications/ActionProcessing.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../repositories/BaseRepository */ \"./repositories/BaseRepository.ts\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../models/user/NotificationActionModel */ \"./models/user/NotificationActionModel.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _repositories_UserRepository__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../repositories/UserRepository */ \"./repositories/UserRepository.ts\");\n/* harmony import */ var _main__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../main */ \"./main.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\nconst titlesMap = new Map([\n    [_models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ActionType\"].reject, 'Reject'],\n    [_models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ActionType\"].confirm, 'Confirm'],\n    [_models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ActionType\"].view, 'View']\n]);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    mounted() {\n        this.baseRepository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_3__[\"ResponseState\"].Resolved, this.handleSuccess, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_4__[\"DefaultContext\"]);\n        this.baseRepository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_3__[\"ResponseState\"].Rejected, this.handleError, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_4__[\"DefaultContext\"]);\n    },\n    computed: Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('Config', ['config'])),\n    methods: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['read', 'markAsRead', 'process', 'markAsProcessed'])), { submitAction(action) {\n            if (action.type === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ActionType\"].reject && _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"confirmRejections\"].includes(this.notification.category)) {\n                this.actionProcessing = true;\n                const rejectionComponent = this.rejectionComponent();\n                this.$emit('rejection-component', {\n                    rejectionComponent,\n                    notification: this.notification\n                });\n                return;\n            }\n            this.request(action);\n        },\n        request(action) {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.actionProcessing = true;\n                this.markAsRead(this.notification);\n                yield this.baseRepository.request(action.action, action.method ? action.method : _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"RequestMethod\"].put, action.body);\n            });\n        },\n        // eslint-disable-next-line complexity\n        proceedToView(view) {\n            return __awaiter(this, void 0, void 0, function* () {\n                if (this.notification.isNew) {\n                    yield this.read(this.notification);\n                }\n                const action = view.action ? view.action : view.url;\n                if (view.proceedTo === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ProceedTo\"].remote) {\n                    window.open(action, '_blank');\n                }\n                else if (view.proceedTo === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ProceedTo\"].career) {\n                    window.location.href = `${this.config.careerSiteUrl}${action}`;\n                }\n                else if (view.proceedTo === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ProceedTo\"].old) {\n                    window.location.href = `${this.config.oldSiteUrl}${action}`;\n                }\n                else if (view.proceedTo === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_5__[\"ProceedTo\"].lite && !this.isLiteDomain) {\n                    window.location.href = `${this.config.liteSiteUrl.slice(0, -1)}${action.replace('api/', '')}`;\n                }\n                else if (this.$router.currentRoute.path !== action) {\n                    yield this.$router.push(action.replace('api/', ''));\n                }\n            });\n        },\n        handleSuccess() {\n            return __awaiter(this, void 0, void 0, function* () {\n                _main__WEBPACK_IMPORTED_MODULE_8__[\"myOptions\"].storeAdapter.Toasts.mutations.addMessage('The request has been processed.');\n                _main__WEBPACK_IMPORTED_MODULE_8__[\"myOptions\"].storeAdapter.Toasts.mutations.showAll();\n                this.markAsProcessed(this.notification);\n                this.actionProcessing = false;\n            });\n        },\n        handleError() {\n            return __awaiter(this, void 0, void 0, function* () {\n                _main__WEBPACK_IMPORTED_MODULE_8__[\"myOptions\"].storeAdapter.Toasts.mutations.addWarning('Action failed. The request had been already processed.');\n                _main__WEBPACK_IMPORTED_MODULE_8__[\"myOptions\"].storeAdapter.Toasts.mutations.showAll();\n                yield this.process(this.notification);\n                if (typeof this.errorAction === 'function') {\n                    this.errorAction();\n                }\n                this.actionProcessing = false;\n            });\n        }, rejectionComponent() {\n            if (this.notification.category === _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"NotificationCategory\"].vacations) {\n                return () => Promise.all(/*! import() | rejectComponent */[__webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"rejectComponent\")]).then(__webpack_require__.bind(null, /*! ./confirms/VacationRejectionConfirm.vue */ \"./mixins/notifications/confirms/VacationRejectionConfirm.vue\"));\n            }\n            if (this.notification.category === _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"NotificationCategory\"].unpaid_leave) {\n                return () => Promise.all(/*! import() | rejectComponent */[__webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"rejectComponent\")]).then(__webpack_require__.bind(null, /*! ./confirms/UnpaidLeaveRejectionConfirm.vue */ \"./mixins/notifications/confirms/UnpaidLeaveRejectionConfirm.vue\"));\n            }\n            if (this.notification.category === _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"NotificationCategory\"].profile_update) {\n                return () => Promise.all(/*! import() | rejectComponent */[__webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"rejectComponent\")]).then(__webpack_require__.bind(null, /*! ./confirms/AssetRejectionConfirm.vue */ \"./mixins/notifications/confirms/AssetRejectionConfirm.vue\"));\n            }\n            if (this.notification.category === _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_6__[\"NotificationCategory\"].sick_leaves) {\n                return () => Promise.all(/*! import() | rejectComponent */[__webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"rejectComponent\")]).then(__webpack_require__.bind(null, /*! ./confirms/SickLeaveRejectionConfirm.vue */ \"./mixins/notifications/confirms/SickLeaveRejectionConfirm.vue\"));\n            }\n            return null;\n        }, isExpired(action) {\n            return action.expired_at && action.expired_at.isBefore(moment__WEBPACK_IMPORTED_MODULE_1___default()());\n        },\n        title(action) {\n            return action.title ? action.title : titlesMap.get(action.type);\n        } }),\n    data() {\n        return {\n            actionProcessing: false,\n            userRepository: new _repositories_UserRepository__WEBPACK_IMPORTED_MODULE_7__[\"default\"](),\n            baseRepository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__[\"default\"]()\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./mixins/notifications/ActionProcessing.ts?");
 
 /***/ }),
 
@@ -1949,7 +1949,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"notifications-sidebar dropdown-menu\"\n  }, [_c(\"dropdown-menu\", {\n    attrs: {\n      direction: \"center\",\n      overlay: false,\n      isOpen: _vm.dropDownOpen\n    },\n    on: {\n      opened: _vm.initData\n    },\n    scopedSlots: _vm._u([{\n      key: \"trigger\",\n      fn: function () {\n        return [_c(\"a\", {\n          ref: \"notifications_sidebar\",\n          staticClass: \"notification-href pointer\"\n        }, [_c(\"i\", {\n          staticClass: \"icon menu-icon notification\",\n          class: {\n            \"bell-animation\": _vm.displayAnimation\n          }\n        }), _vm._v(\" \"), _c(\"transition\", {\n          attrs: {\n            name: \"fade\",\n            duration: {\n              enter: 4000,\n              leave: 1\n            }\n          }\n        }, [_c(\"span\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.hasUnreadNotifications,\n            expression: \"hasUnreadNotifications\"\n          }],\n          staticClass: \"has-unread\"\n        })])], 1)];\n      },\n      proxy: true\n    }, {\n      key: \"header\",\n      fn: function () {\n        return [_c(\"div\", {\n          staticClass: \"row note-title-row\"\n        }, [_c(\"div\", {\n          staticClass: \"col s10\"\n        }, [_c(\"span\", {\n          staticClass: \"primary-text\"\n        }, [_vm._v(\"Notifications\")])]), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"col s2\"\n        }, [_c(\"dropdown-menu\", {\n          attrs: {\n            direction: \"left\",\n            overlay: false\n          },\n          scopedSlots: _vm._u([{\n            key: \"trigger\",\n            fn: function () {\n              return [_c(\"a\", {\n                ref: \"manage_dropdown\",\n                staticClass: \"pointer\",\n                attrs: {\n                  \"data-target\": `manage_dropdown_${_vm._uid}`\n                }\n              }, [_c(\"div\", {\n                staticClass: \"notification-manage-toggler\"\n              }, [_c(\"span\"), _vm._v(\" \"), _c(\"span\"), _vm._v(\" \"), _c(\"span\")])])];\n            },\n            proxy: true\n          }, {\n            key: \"body\",\n            fn: function () {\n              return [_c(\"ul\", {\n                staticClass: \"sub-menu\"\n              }, [_c(\"li\", [_c(\"a\", {\n                class: {\n                  \"is-disabled\": !_vm.totalUnread.notice && !_vm.totalUnread.pending_request\n                },\n                on: {\n                  click: _vm.readAll\n                }\n              }, [_vm._v(\"\\n                                        Mark all as read\\n                                    \")])]), _vm._v(\" \"), _c(\"li\", [_c(\"a\", {\n                class: {\n                  \"is-disabled\": !_vm.notices.count() && !_vm.pendingRequests.count()\n                },\n                on: {\n                  click: _vm.dismissAll\n                }\n              }, [_vm._v(\"\\n                                        Dismiss all\\n                                    \")])])])];\n            },\n            proxy: true\n          }])\n        })], 1)])];\n      },\n      proxy: true\n    }, {\n      key: \"body\",\n      fn: function () {\n        return [_c(\"div\", {\n          staticClass: \"main-dropdown\"\n        }, [_c(\"div\", {\n          staticClass: \"row\"\n        }, [_c(\"tabs\", {\n          ref: \"tabs\",\n          attrs: {\n            tabs: _vm.tabs,\n            currentTab: _vm.currentTab,\n            \"wrapper-class\": \"default-tabs\",\n            \"tab-class\": \"tab\",\n            \"tab-active-class\": \"active\",\n            \"line-class\": \"indicator\"\n          },\n          on: {\n            onClick: _vm.changeActiveTab\n          }\n        }), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"notification-content\"\n        }, [_c(\"div\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.currentTab === \"all\",\n            expression: \"currentTab === 'all'\"\n          }],\n          staticClass: \"row notifications-list\"\n        }, [_c(\"vue-custom-scrollbar\", {\n          ref: \"scrollBar\",\n          staticClass: \"col tab-content\",\n          attrs: {\n            options: _vm.scrollBarSettings\n          },\n          on: {\n            \"ps-y-reach-end\": _vm.loadAllNotifications\n          }\n        }, [_vm._l(_vm.notices, function (notification) {\n          return _c(\"notification\", {\n            key: notification.id,\n            attrs: {\n              notification: notification\n            },\n            on: {\n              \"rejection-component\": _vm.emitRejectionComponent\n            }\n          });\n        }), _vm._v(\" \"), _vm.queryAll.loading ? _c(\"preloader\", {\n          attrs: {\n            size: _vm.preloaderSize\n          }\n        }) : !_vm.notices.count() ? _c(\"div\", {\n          staticClass: \"main-text margin-top-50 align-center\"\n        }, [_vm._v(\"\\n                                    You have no new notifications\\n                                \")]) : _vm._e()], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.currentTab === \"pending_approval\",\n            expression: \"currentTab === 'pending_approval'\"\n          }],\n          staticClass: \"row notifications-list\"\n        }, [_c(\"vue-custom-scrollbar\", {\n          staticClass: \"col tab-content\",\n          attrs: {\n            options: _vm.scrollBarSettings\n          },\n          on: {\n            \"ps-y-reach-end\": _vm.loadPendingRequests\n          }\n        }, [_vm._l(_vm.pendingRequests, function (notification) {\n          return _c(\"notification\", {\n            key: notification.id,\n            attrs: {\n              notification: notification\n            },\n            on: {\n              \"rejection-component\": _vm.emitRejectionComponent\n            }\n          });\n        }), _vm._v(\" \"), _vm.queryAll.loading ? _c(\"preloader\", {\n          attrs: {\n            size: _vm.preloaderSize\n          }\n        }) : !_vm.pendingRequests.count() ? _c(\"div\", {\n          staticClass: \"main-text margin-top-50 align-center\"\n        }, [_vm._v(\"\\n                                    You have no pending requests\\n                                \")]) : _vm._e()], 2)], 1)])], 1), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"row view-all-row align-center\"\n        }, [_vm.isLiteDomain ? _c(\"action-button\", {\n          attrs: {\n            to: {\n              name: \"Employee Notifications\"\n            },\n            \"is-link\": \"\"\n          },\n          nativeOn: {\n            click: function ($event) {\n              return _vm.closeSidebar.apply(null, arguments);\n            }\n          }\n        }, [_vm._v(\"\\n                        View all\\n                    \")]) : _c(\"action-button\", {\n          attrs: {\n            href: `${_vm.intemsConfig.liteSiteUrl}employee/notifications`,\n            \"is-link\": \"\"\n          },\n          nativeOn: {\n            click: function ($event) {\n              return _vm.closeSidebar.apply(null, arguments);\n            }\n          }\n        }, [_vm._v(\"\\n                        View all\\n                    \")])], 1)])];\n      },\n      proxy: true\n    }])\n  })], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/NotificationsSidebar.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"notifications-sidebar dropdown-menu\",\n    class: {\n      dark: _vm.darkTheme\n    }\n  }, [_c(\"dropdown-menu\", {\n    attrs: {\n      direction: \"center\",\n      overlay: false,\n      isOpen: _vm.dropDownOpen\n    },\n    on: {\n      opened: _vm.initData\n    },\n    scopedSlots: _vm._u([{\n      key: \"trigger\",\n      fn: function () {\n        return [_c(\"a\", {\n          ref: \"notifications_sidebar\",\n          staticClass: \"notification-href pointer\"\n        }, [_c(\"i\", {\n          staticClass: \"icon menu-icon notification\",\n          class: {\n            \"bell-animation\": _vm.displayAnimation\n          }\n        }), _vm._v(\" \"), _c(\"transition\", {\n          attrs: {\n            name: \"fade\",\n            duration: {\n              enter: 4000,\n              leave: 1\n            }\n          }\n        }, [_c(\"span\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.hasUnreadNotifications,\n            expression: \"hasUnreadNotifications\"\n          }],\n          staticClass: \"has-unread\"\n        })])], 1)];\n      },\n      proxy: true\n    }, {\n      key: \"header\",\n      fn: function () {\n        return [_c(\"div\", {\n          staticClass: \"row note-title-row\"\n        }, [_c(\"div\", {\n          staticClass: \"col s10\"\n        }, [_c(\"span\", {\n          staticClass: \"primary-text\"\n        }, [_vm._v(\"Notifications\")])]), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"col s2\"\n        }, [_c(\"dropdown-menu\", {\n          attrs: {\n            direction: \"left\",\n            overlay: false\n          },\n          scopedSlots: _vm._u([{\n            key: \"trigger\",\n            fn: function () {\n              return [_c(\"a\", {\n                ref: \"manage_dropdown\",\n                staticClass: \"pointer\",\n                attrs: {\n                  \"data-target\": `manage_dropdown_${_vm._uid}`\n                }\n              }, [_c(\"div\", {\n                staticClass: \"notification-manage-toggler\"\n              }, [_c(\"span\"), _vm._v(\" \"), _c(\"span\"), _vm._v(\" \"), _c(\"span\")])])];\n            },\n            proxy: true\n          }, {\n            key: \"body\",\n            fn: function () {\n              return [_c(\"ul\", {\n                staticClass: \"sub-menu\"\n              }, [_c(\"li\", [_c(\"a\", {\n                class: {\n                  \"is-disabled\": !_vm.totalUnread.notice && !_vm.totalUnread.pending_request\n                },\n                on: {\n                  click: _vm.readAll\n                }\n              }, [_vm._v(\"\\n                                        Mark all as read\\n                                    \")])]), _vm._v(\" \"), _c(\"li\", [_c(\"a\", {\n                class: {\n                  \"is-disabled\": !_vm.notices.count() && !_vm.pendingRequests.count()\n                },\n                on: {\n                  click: _vm.dismissAll\n                }\n              }, [_vm._v(\"\\n                                        Dismiss all\\n                                    \")])])])];\n            },\n            proxy: true\n          }])\n        })], 1)])];\n      },\n      proxy: true\n    }, {\n      key: \"body\",\n      fn: function () {\n        return [_c(\"div\", {\n          staticClass: \"main-dropdown\"\n        }, [_c(\"div\", {\n          staticClass: \"row\"\n        }, [_c(\"tabs\", {\n          ref: \"tabs\",\n          attrs: {\n            tabs: _vm.tabs,\n            currentTab: _vm.currentTab,\n            \"wrapper-class\": \"default-tabs\",\n            \"tab-class\": \"tab\",\n            \"tab-active-class\": \"active\",\n            \"line-class\": \"indicator\"\n          },\n          on: {\n            onClick: _vm.changeActiveTab\n          }\n        }), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"notification-content\"\n        }, [_c(\"div\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.currentTab === \"all\",\n            expression: \"currentTab === 'all'\"\n          }],\n          staticClass: \"row notifications-list\"\n        }, [_c(\"vue-custom-scrollbar\", {\n          ref: \"scrollBar\",\n          staticClass: \"col tab-content\",\n          attrs: {\n            options: _vm.scrollBarSettings\n          },\n          on: {\n            \"ps-y-reach-end\": _vm.loadAllNotifications\n          }\n        }, [_vm._l(_vm.notices, function (notification) {\n          return _c(\"notification\", {\n            key: notification.id,\n            attrs: {\n              notification: notification\n            },\n            on: {\n              \"rejection-component\": _vm.emitRejectionComponent\n            }\n          });\n        }), _vm._v(\" \"), _vm.queryAll.loading ? _c(\"preloader\", {\n          attrs: {\n            size: _vm.preloaderSize\n          }\n        }) : !_vm.notices.count() ? _c(\"div\", {\n          staticClass: \"main-text margin-top-50 align-center\"\n        }, [_vm._v(\"\\n                                    You have no new notifications\\n                                \")]) : _vm._e()], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.currentTab === \"pending_approval\",\n            expression: \"currentTab === 'pending_approval'\"\n          }],\n          staticClass: \"row notifications-list\"\n        }, [_c(\"vue-custom-scrollbar\", {\n          staticClass: \"col tab-content\",\n          attrs: {\n            options: _vm.scrollBarSettings\n          },\n          on: {\n            \"ps-y-reach-end\": _vm.loadPendingRequests\n          }\n        }, [_vm._l(_vm.pendingRequests, function (notification) {\n          return _c(\"notification\", {\n            key: notification.id,\n            attrs: {\n              notification: notification\n            },\n            on: {\n              \"rejection-component\": _vm.emitRejectionComponent\n            }\n          });\n        }), _vm._v(\" \"), _vm.queryAll.loading ? _c(\"preloader\", {\n          attrs: {\n            size: _vm.preloaderSize\n          }\n        }) : !_vm.pendingRequests.count() ? _c(\"div\", {\n          staticClass: \"main-text margin-top-50 align-center\"\n        }, [_vm._v(\"\\n                                    You have no pending requests\\n                                \")]) : _vm._e()], 2)], 1)])], 1), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"row view-all-row align-center\"\n        }, [_vm.isLiteDomain ? _c(\"action-button\", {\n          attrs: {\n            to: {\n              name: \"Employee Notifications\"\n            },\n            \"is-link\": \"\"\n          },\n          nativeOn: {\n            click: function ($event) {\n              return _vm.closeSidebar.apply(null, arguments);\n            }\n          }\n        }, [_vm._v(\"\\n                        View all\\n                    \")]) : _c(\"action-button\", {\n          attrs: {\n            href: `${_vm.intemsConfig.liteSiteUrl}employee/notifications`,\n            \"is-link\": \"\"\n          },\n          nativeOn: {\n            click: function ($event) {\n              return _vm.closeSidebar.apply(null, arguments);\n            }\n          }\n        }, [_vm._v(\"\\n                        View all\\n                    \")])], 1)])];\n      },\n      proxy: true\n    }])\n  })], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/NotificationsSidebar.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1961,7 +1961,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"note\",\n    class: {\n      read: !_vm.notification.isNew\n    }\n  }, [_c(\"div\", {\n    staticClass: \"row\"\n  }, [_c(\"div\", {\n    staticClass: \"col s2 margin-top-5\"\n  }, [_c(\"i\", {\n    staticClass: \"icon menu-icon category-icon\",\n    class: _vm.notification.icon\n  })]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"col s8 note-title-col\"\n  }, [_c(\"span\", {\n    staticClass: \"primary-text\",\n    domProps: {\n      innerHTML: _vm._s(_vm.notification.title)\n    }\n  }), _c(\"br\"), _vm._v(\" \"), _c(\"span\", {\n    staticClass: \"text-muted\"\n  }, [_c(\"time-ago\", {\n    attrs: {\n      time: _vm.notification.created_at\n    }\n  })], 1)]), _vm._v(\" \"), _c(\"span\", {\n    staticClass: \"manage-notification\"\n  }, [_vm.notification.isNew && !_vm.actionProcessing ? _c(\"a\", {\n    staticClass: \"pointer\",\n    attrs: {\n      title: \"Mark as read\"\n    },\n    on: {\n      click: function ($event) {\n        return _vm.read(_vm.notification);\n      }\n    }\n  }, [_c(\"i\", {\n    staticClass: \"icon menu-icon icon-small visibility\"\n  })]) : _vm._e(), _vm._v(\" \"), !_vm.actionProcessing ? _c(\"a\", {\n    staticClass: \"margin-left-10 pointer\",\n    on: {\n      click: function ($event) {\n        return _vm.dismiss(_vm.notification);\n      }\n    }\n  }, [_c(\"i\", {\n    staticClass: \"icon menu-icon icon-small delete\",\n    attrs: {\n      title: \"Dismiss\"\n    }\n  })]) : _vm._e()])]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"row margin-top-15\"\n  }, [_c(\"div\", {\n    staticClass: \"col semi-primary-text\",\n    domProps: {\n      innerHTML: _vm._s(_vm.notification.description)\n    }\n  })]), _vm._v(\" \"), _vm.notification.actions.count() ? _c(\"div\", {\n    staticClass: \"row margin-top-15\"\n  }, [_c(\"div\", {\n    staticClass: \"col s10 action-buttons\"\n  }, [_vm._l(_vm.notification.actions, function (action, index) {\n    return [!_vm.notification.isProcessed && !action.isLink && !_vm.actionProcessing ? _c(\"action-button\", {\n      key: index,\n      staticClass: \"margin-right-10\",\n      class: {\n        \"reject-color\": action.isReject\n      },\n      attrs: {\n        \"btn-link\": \"\"\n      },\n      nativeOn: {\n        click: function ($event) {\n          return _vm.submitAction(action);\n        }\n      }\n    }, [_vm._v(\"\\n                    \" + _vm._s(_vm.title(action)) + \"\\n                \")]) : action.isLink ? _c(\"action-button\", {\n      key: index,\n      staticClass: \"margin-right-10\",\n      attrs: {\n        \"is-disabled\": _vm.isExpired(action),\n        \"btn-link\": \"\"\n      },\n      nativeOn: {\n        click: function ($event) {\n          return _vm.proceedToView(action);\n        }\n      }\n    }, [_vm._v(\"\\n                    \" + _vm._s(_vm.title(action)) + \"\\n                \")]) : _c(\"action-button\", {\n      key: index,\n      staticClass: \"margin-right-10\",\n      attrs: {\n        \"is-disabled\": \"\",\n        \"btn-link\": \"\"\n      }\n    }, [_vm._v(\"\\n                    \" + _vm._s(_vm.title(action)) + \"\\n                \")])];\n  })], 2), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"col s2 align-right\"\n  }, [_c(\"i\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.actionProcessing,\n      expression: \"actionProcessing\"\n    }],\n    staticClass: \"icon menu-icon icon-small2 loading-spinner loading\"\n  })])]) : _vm._e()]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/notification/Notification.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"note\",\n    class: {\n      read: !_vm.notification.isNew\n    }\n  }, [_c(\"div\", {\n    staticClass: \"row\"\n  }, [_c(\"div\", {\n    staticClass: \"col margin-top-5\"\n  }, [_c(\"i\", {\n    staticClass: \"icon menu-icon category-icon\",\n    class: _vm.notification.icon\n  })]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"col note-title-col\"\n  }, [_c(\"span\", {\n    staticClass: \"primary-text\",\n    domProps: {\n      innerHTML: _vm._s(_vm.notification.title)\n    }\n  }), _c(\"br\"), _vm._v(\" \"), _c(\"span\", {\n    staticClass: \"text-muted\"\n  }, [_c(\"time-ago\", {\n    attrs: {\n      time: _vm.notification.created_at\n    }\n  })], 1)]), _vm._v(\" \"), _c(\"span\", {\n    staticClass: \"manage-notification\"\n  }, [_vm.notification.isNew && !_vm.actionProcessing ? _c(\"a\", {\n    staticClass: \"pointer\",\n    attrs: {\n      title: \"Mark as read\"\n    },\n    on: {\n      click: function ($event) {\n        return _vm.read(_vm.notification);\n      }\n    }\n  }, [_c(\"i\", {\n    staticClass: \"icon menu-icon icon-small visibility\"\n  })]) : _vm._e(), _vm._v(\" \"), !_vm.actionProcessing ? _c(\"a\", {\n    staticClass: \"margin-left-10 pointer\",\n    on: {\n      click: function ($event) {\n        return _vm.dismiss(_vm.notification);\n      }\n    }\n  }, [_c(\"i\", {\n    staticClass: \"icon menu-icon icon-small delete\",\n    attrs: {\n      title: \"Dismiss\"\n    }\n  })]) : _vm._e()])]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"row margin-top-15\"\n  }, [_c(\"div\", {\n    staticClass: \"col semi-primary-text\",\n    domProps: {\n      innerHTML: _vm._s(_vm.notification.description)\n    }\n  })]), _vm._v(\" \"), _vm.notification.actions.count() ? _c(\"div\", {\n    staticClass: \"row margin-top-15\"\n  }, [_c(\"div\", {\n    staticClass: \"col s10 action-buttons\"\n  }, [_vm._l(_vm.notification.actions, function (action, index) {\n    return [!_vm.notification.isProcessed && !action.isLink && !_vm.actionProcessing ? _c(\"action-button\", {\n      key: index,\n      staticClass: \"margin-right-10\",\n      class: {\n        \"reject-color\": action.isReject\n      },\n      attrs: {\n        \"btn-link\": \"\"\n      },\n      nativeOn: {\n        click: function ($event) {\n          return _vm.submitAction(action);\n        }\n      }\n    }, [_vm._v(\"\\n                    \" + _vm._s(_vm.title(action)) + \"\\n                \")]) : action.isLink ? _c(\"action-button\", {\n      key: index,\n      staticClass: \"margin-right-10\",\n      attrs: {\n        \"is-disabled\": _vm.isExpired(action),\n        \"btn-link\": \"\"\n      },\n      nativeOn: {\n        click: function ($event) {\n          return _vm.proceedToView(action);\n        }\n      }\n    }, [_vm._v(\"\\n                    \" + _vm._s(_vm.title(action)) + \"\\n                \")]) : _c(\"action-button\", {\n      key: index,\n      staticClass: \"margin-right-10\",\n      attrs: {\n        \"is-disabled\": \"\",\n        \"btn-link\": \"\"\n      }\n    }, [_vm._v(\"\\n                    \" + _vm._s(_vm.title(action)) + \"\\n                \")])];\n  })], 2), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"col s2 align-right\"\n  }, [_c(\"i\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.actionProcessing,\n      expression: \"actionProcessing\"\n    }],\n    staticClass: \"icon menu-icon icon-small2 loading-spinner loading\"\n  })])]) : _vm._e()]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/notification/Notification.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1985,7 +1985,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"pointer\"\n  }, [_c(\"a\", {\n    staticClass: \"btn play-pause intems maintext\",\n    style: {\n      \"background-color\": \"#415464 !important\"\n    },\n    attrs: {\n      disabled: _vm.isLoading\n    },\n    on: {\n      click: function ($event) {\n        return _vm.toggle();\n      }\n    }\n  }, [_c(\"i\", {\n    staticClass: \"icon menu-icon\",\n    class: _vm.iconClass\n  })]), _vm._v(\" \"), _c(\"modal\", {\n    attrs: {\n      id: \"modalTracked\",\n      name: \"modalTracked\",\n      size: _vm.isMobile ? \"lg\" : \"md\"\n    }\n  }, [_c(\"template\", {\n    slot: \"header\"\n  }, [_vm._v(\"Tracked time\")]), _vm._v(\" \"), _c(\"div\", {\n    attrs: {\n      slot: \"content\",\n      id: \"tracked-content\"\n    },\n    slot: \"content\"\n  }, [_c(\"span\", {\n    attrs: {\n      id: \"span-clock\"\n    }\n  }, [_c(\"i\", {\n    staticClass: \"icon menu-icon icon-time huge\"\n  })]), _vm._v(\" \"), _c(\"div\", {\n    domProps: {\n      innerHTML: _vm._s(_vm.trackedText)\n    }\n  })]), _vm._v(\" \"), _c(\"template\", {\n    slot: \"footer\"\n  }, [_c(\"secondary-button\", {\n    nativeOn: {\n      click: function ($event) {\n        return _vm.closeModalWindow.apply(null, arguments);\n      }\n    }\n  }, [_vm._v(\" Later \")]), _vm._v(\" \"), _c(\"action-button\", {\n    nativeOn: {\n      click: function ($event) {\n        return _vm.addNow.apply(null, arguments);\n      }\n    }\n  }, [_vm._v(\"Add now\")])], 1)], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/play-pause/PlayPause.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"pointer\"\n  }, [_c(\"a\", {\n    staticClass: \"btn play-pause intems maintext\",\n    style: {\n      \"background-color\": \"#415464 !important\"\n    },\n    attrs: {\n      disabled: _vm.isLoading\n    },\n    on: {\n      click: function ($event) {\n        return _vm.toggle();\n      }\n    }\n  }, [_c(\"i\", {\n    staticClass: \"icon menu-icon\",\n    class: _vm.iconClass\n  })]), _vm._v(\" \"), _c(\"modal\", {\n    attrs: {\n      id: \"modalTracked\",\n      name: \"modalTracked\",\n      size: _vm.isMobile ? \"lg\" : \"md\"\n    }\n  }, [_c(\"template\", {\n    slot: \"header\"\n  }, [_vm._v(\"Tracked time\")]), _vm._v(\" \"), _c(\"div\", {\n    attrs: {\n      slot: \"content\",\n      id: \"tracked-content\"\n    },\n    slot: \"content\"\n  }, [_c(\"span\", {\n    attrs: {\n      id: \"span-clock\"\n    }\n  }, [_vm.darkTheme ? _c(\"i\", {\n    staticClass: \"icon menu-icon time-white huge dark\"\n  }) : _c(\"i\", {\n    staticClass: \"icon menu-icon icon-time huge\"\n  })]), _vm._v(\" \"), _c(\"div\", {\n    domProps: {\n      innerHTML: _vm._s(_vm.trackedText)\n    }\n  })]), _vm._v(\" \"), _c(\"template\", {\n    slot: \"footer\"\n  }, [_c(\"secondary-button\", {\n    nativeOn: {\n      click: function ($event) {\n        return _vm.closeModalWindow.apply(null, arguments);\n      }\n    }\n  }, [_vm._v(\" Later \")]), _vm._v(\" \"), _c(\"action-button\", {\n    nativeOn: {\n      click: function ($event) {\n        return _vm.addNow.apply(null, arguments);\n      }\n    }\n  }, [_vm._v(\"Add now\")])], 1)], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/play-pause/PlayPause.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -7078,7 +7078,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Sec
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _repositories_UserRepository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../repositories/UserRepository */ \"./repositories/UserRepository.ts\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/response/ErrorsToToastHelper */ \"./helpers/response/ErrorsToToastHelper.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\nvar ActiveSignIndex;\n(function (ActiveSignIndex) {\n    ActiveSignIndex[ActiveSignIndex[\"Welcome\"] = 0] = \"Welcome\";\n    ActiveSignIndex[ActiveSignIndex[\"NavigateToHub\"] = 1] = \"NavigateToHub\";\n})(ActiveSignIndex || (ActiveSignIndex = {}));\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    inject: ['storeAdapter'],\n    created() {\n        return __awaiter(this, void 0, void 0, function* () {\n            this.repository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_2__[\"ResponseState\"].Resolved, this.handleSuccess, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_3__[\"DefaultContext\"]);\n            this.repository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_2__[\"ResponseState\"].Rejected, this.handleReject, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_3__[\"DefaultContext\"]);\n        });\n    },\n    methods: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User', ['setData'])), { skipIntelliHubOnBoarding() {\n            return __awaiter(this, void 0, void 0, function* () {\n                yield this.repository.processIntelliHubOnBoardingFlag(true);\n                this.signClosed = true;\n            });\n        },\n        navigateToIntelliHub() {\n            return __awaiter(this, void 0, void 0, function* () {\n                yield this.repository.processIntelliHubOnBoardingFlag(true);\n                window.location.href = `${this.storeAdapter.Config.state.data.liteSiteUrl}intelli-hub`;\n                this.signClosed = true;\n            });\n        },\n        handleSuccess() {\n            this.setData(Object.assign(Object.assign({}, this.getUser), { has_seen_intellihub: true }));\n            this.signClosed = true;\n        },\n        handleReject(error) {\n            _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_4__[\"default\"].showErrors(error);\n        },\n        showNextSign() {\n            this.currentSign = ActiveSignIndex.NavigateToHub;\n        },\n        nextOnboardingStep() {\n            this.showNextSign();\n        } }),\n    computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser'])), { isShowingSign() {\n            return !this.signClosed && !this.getUser.has_seen_intellihub;\n        },\n        currentTitle() {\n            return this.introSigns[this.currentSign].title;\n        },\n        currentDescription() {\n            return this.introSigns[this.currentSign].description;\n        },\n        activeSignIndex() {\n            return ActiveSignIndex;\n        } }),\n    data() {\n        return {\n            repository: new _repositories_UserRepository__WEBPACK_IMPORTED_MODULE_1__[\"default\"](),\n            signClosed: false,\n            introSigns: [\n                {\n                    title: 'Welcome to IntelliHub!',\n                    description: 'IntelliHub is your dedicated portal where you can explore and request all the services that Intellias offers. IntelliHub is one of the key enablers of our corporate culture prioritizing support, development, and growth. Enjoy a seamless, efficient, and motivating work experience and share your valuable feedback with us.'\n                },\n                {\n                    title: 'All services are within an easy reach',\n                    description: 'Find all the services previously scattered across INTEMS and Service Desk within easy reach on IntelliHub. IntelliHub is the only search point for all services that used to reside on the Career Hub, IntelliVacancies, Total Rewards, IntelliShare, IntelliStore, My Referrals, My Profile, and Office & IT sections.'\n                }\n            ],\n            currentSign: ActiveSignIndex.Welcome\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/onboarding-sign/OnBoardingSign.vue?./node_modules/ts-loader??ref--0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _repositories_UserRepository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../repositories/UserRepository */ \"./repositories/UserRepository.ts\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/response/ErrorsToToastHelper */ \"./helpers/response/ErrorsToToastHelper.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\nvar ActiveSignIndex;\n(function (ActiveSignIndex) {\n    ActiveSignIndex[ActiveSignIndex[\"Welcome\"] = 0] = \"Welcome\";\n    ActiveSignIndex[ActiveSignIndex[\"NavigateToHub\"] = 1] = \"NavigateToHub\";\n})(ActiveSignIndex || (ActiveSignIndex = {}));\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    inject: ['storeAdapter'],\n    created() {\n        return __awaiter(this, void 0, void 0, function* () {\n            this.repository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_2__[\"ResponseState\"].Resolved, this.handleSuccess, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_3__[\"DefaultContext\"]);\n            this.repository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_2__[\"ResponseState\"].Rejected, this.handleReject, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_3__[\"DefaultContext\"]);\n        });\n    },\n    methods: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User', ['setData'])), { skipIntelliHubOnBoarding() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.signClosed = true;\n                yield this.repository.processIntelliHubOnBoardingFlag(true);\n            });\n        },\n        navigateToIntelliHub() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.signClosed = true;\n                yield this.repository.processIntelliHubOnBoardingFlag(true);\n                window.location.href = `${this.storeAdapter.Config.state.data.liteSiteUrl}intelli-hub`;\n            });\n        },\n        handleSuccess() {\n            this.setData(Object.assign(Object.assign({}, this.getUser), { has_seen_intellihub: true }));\n            this.signClosed = true;\n        },\n        handleReject(error) {\n            _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_4__[\"default\"].showErrors(error);\n        },\n        showNextSign() {\n            this.currentSign = ActiveSignIndex.NavigateToHub;\n        },\n        nextOnboardingStep() {\n            this.showNextSign();\n        } }),\n    computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser'])), { isShowingSign() {\n            return !this.signClosed && !this.getUser.has_seen_intellihub;\n        },\n        currentTitle() {\n            return this.introSigns[this.currentSign].title;\n        },\n        currentDescription() {\n            return this.introSigns[this.currentSign].description;\n        },\n        activeSignIndex() {\n            return ActiveSignIndex;\n        } }),\n    data() {\n        return {\n            repository: new _repositories_UserRepository__WEBPACK_IMPORTED_MODULE_1__[\"default\"](),\n            signClosed: false,\n            introSigns: [\n                {\n                    title: 'Welcome to IntelliHub!',\n                    description: 'IntelliHub is your dedicated portal where you can explore and request all the services that Intellias offers. IntelliHub is one of the key enablers of our corporate culture prioritizing support, development, and growth. Enjoy a seamless, efficient, and motivating work experience and share your valuable feedback with us.'\n                },\n                {\n                    title: 'All services are within an easy reach',\n                    description: 'Find all the services previously scattered across INTEMS and Service Desk within easy reach on IntelliHub. IntelliHub is the only search point for all services that used to reside on the Career Hub, IntelliVacancies, Total Rewards, IntelliShare, IntelliStore, My Referrals, My Profile, and Office & IT sections.'\n                }\n            ],\n            currentSign: ActiveSignIndex.Welcome\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/onboarding-sign/OnBoardingSign.vue?./node_modules/ts-loader??ref--0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@intellias/menu",
-    "version": "1.0.24",
+    "version": "1.0.25",
     "description": "Menu for intems project.",
     "author": "Intems",
     "scripts": {