@intellias/menu 1.0.22 → 1.0.23

package/dist/css/main.css

@@ -715,6 +715,11 @@
 .image-wrapper.sm .user-image.anonymous[data-v-7393283b] {
   font-size: 0.8rem;
 }
+.image-wrapper.sm .user-image.anonymous.dark[data-v-7393283b] {
+  background-color: var(--bg-primary);
+  color: var(--text-disable);
+  border: 1px solid var(--border);
+}
 .image-wrapper.md[data-v-7393283b] {
   height: 44px;
   width: 44px;
@@ -726,6 +731,11 @@
   font-size: 1.07rem;
   color: #94a3b8;
 }
+.image-wrapper.md .user-image.anonymous.dark[data-v-7393283b] {
+  background-color: var(--bg-primary);
+  color: var(--text-disable);
+  border: 1px solid var(--border);
+}
 .image-wrapper.lg[data-v-7393283b] {
   height: 96px;
   width: 96px;
@@ -738,6 +748,11 @@
   font-size: 3.34rem;
   color: #94a3b8;
 }
+.image-wrapper.xl .user-image.anonymous.dark[data-v-7393283b] {
+  background-color: var(--bg-primary);
+  color: var(--text-disable);
+  border: 1px solid var(--border);
+}
 .image-wrapper .user-image[data-v-7393283b] {
   border: 2px solid #cbd5e1;
   border-radius: 50%;
@@ -759,6 +774,11 @@
   justify-content: center;
   align-items: center;
 }
+.image-wrapper .user-image.anonymous.dark[data-v-7393283b] {
+  background-color: var(--bg-primary);
+  color: var(--text-disable);
+  border: 1px solid var(--border);
+}
 .image-wrapper.no-border .user-image[data-v-7393283b] {
   border: none;
 }
@@ -1752,6 +1772,15 @@ main {
   text-decoration: none;
   color: #008c79;
 }
+.give-kudos .subtitle a.portals-link {
+  color: var(--text-link);
+  font-size: var(--font-size-14);
+  font-weight: 600;
+  text-decoration: underline;
+}
+.give-kudos .subtitle a.portals-link:hover {
+  color: var(--text-link-hover);
+}
 .give-kudos .form {
   display: grid;
   grid-template-columns: auto 207px;
@@ -1845,6 +1874,25 @@ 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;
+}
 .give-kudos button.btn-large[disabled] {
   background-color: #c2e9e4 !important;
 }

package/dist/js/kudosForm.js

@@ -32,7 +32,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 import */ var collect_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! collect.js */ \"./node_modules/collect.js/dist/index.js\");\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(collect_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuelidate/lib/validators */ \"./node_modules/vuelidate/lib/validators/index.js\");\n/* harmony import */ var vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vuelidate_lib_validators__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 _repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../repositories/BaseUrl */ \"./repositories/BaseUrl.ts\");\n/* harmony import */ var _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./models/KudosShareModel */ \"./components/give-kudos-form/models/KudosShareModel.ts\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../helpers/response/ErrorsToToastHelper */ \"./helpers/response/ErrorsToToastHelper.ts\");\n/* harmony import */ var _validators_KudosBalance__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./validators/KudosBalance */ \"./components/give-kudos-form/validators/KudosBalance.ts\");\n/* harmony import */ var _models_UserListModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./models/UserListModel */ \"./components/give-kudos-form/models/UserListModel.ts\");\n/* harmony import */ var _validators_InEnglishValidatorRegex__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./validators/InEnglishValidatorRegex */ \"./components/give-kudos-form/validators/InEnglishValidatorRegex.ts\");\n/* harmony import */ var _buses_eventBus__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../buses/eventBus */ \"./buses/eventBus.ts\");\n/* harmony import */ var _buses_events_GiveKudosEvent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../buses/events/GiveKudosEvent */ \"./buses/events/GiveKudosEvent.ts\");\n/* harmony import */ var _mixins_UserSelectMixin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./mixins/UserSelectMixin */ \"./components/give-kudos-form/mixins/UserSelectMixin.ts\");\n/* harmony import */ var _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../modal/Modal.vue */ \"./components/modal/Modal.vue\");\n/* harmony import */ var _v_select_intems_VSelectIntems_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../v-select-intems/VSelectIntems.vue */ \"./components/v-select-intems/VSelectIntems.vue\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_16__ = __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_17__ = __webpack_require__(/*! ../buttons/secondary-button/SecondaryButton.vue */ \"./components/buttons/secondary-button/SecondaryButton.vue\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_18__ = __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\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    mixins: [_mixins_UserSelectMixin__WEBPACK_IMPORTED_MODULE_13__[\"default\"]],\n    inject: ['storeAdapter', 'layout'],\n    components: { Modal: _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"], ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_16__[\"default\"], SecondaryButton: _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_17__[\"default\"], VSelectIntems: _v_select_intems_VSelectIntems_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"] },\n    beforeMount() {\n        return __awaiter(this, void 0, void 0, function* () {\n            this.users = yield this.repository.get();\n        });\n    },\n    mounted() {\n        this.openModalForm();\n    },\n    validations: {\n        kudosShare: {\n            points_amount: { required: vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__[\"required\"], numeric: vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__[\"numeric\"], between: _validators_KudosBalance__WEBPACK_IMPORTED_MODULE_8__[\"KudosBalance\"] },\n            comment: { regex: _validators_InEnglishValidatorRegex__WEBPACK_IMPORTED_MODULE_10__[\"InEnglishValidatorRegex\"], maxLength: Object(vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__[\"maxLength\"])(500) }\n        }\n    },\n    computed: {\n        isPortals() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_18__[\"default\"].Portals;\n        },\n        allUsers() {\n            return this.users.filter(employee => employee.employee_id !== this.userData.employee_id).all();\n        },\n        isDisabledSubmit() {\n            return (!this.kudosShare.employee_id ||\n                this.kudosShare.points_amount <= 0 ||\n                this.kudosShare.share_reason === undefined ||\n                !this.kudosShare.comment ||\n                this.isLoadingSubmit);\n        },\n        userData() {\n            return this.storeAdapter.User.state.data;\n        },\n        employee: {\n            get() {\n                return this.kudosShare.employee_id;\n            },\n            set(val) {\n                this.kudosShare.employee_id = val;\n            }\n        }\n    },\n    methods: {\n        submit() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.$v.$touch();\n                if (!this.$v.$invalid) {\n                    this.isLoadingSubmit = true;\n                    const repository = new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_3__[\"BaseUrl\"].GiveKudos, _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"]);\n                    repository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__[\"ResponseState\"].Resolved, this.handleSuccess, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_6__[\"DefaultContext\"]);\n                    repository\n                        .getResponseHelper()\n                        .subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__[\"ResponseState\"].Rejected, error => this.handleError(error), _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_6__[\"DefaultContext\"]);\n                    const kudosShare = {\n                        employee_id: this.employee.employee_id,\n                        points_amount: this.kudosShare.points_amount,\n                        share_reason: this.kudosShare.share_reason,\n                        comment: this.kudosShare.comment\n                    };\n                    yield repository.post(kudosShare);\n                    this.isLoadingSubmit = false;\n                }\n            });\n        },\n        handleError(error) {\n            this.formDisabled = false;\n            _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_7__[\"default\"].showErrors(error);\n        },\n        handleSuccess() {\n            this.storeAdapter.Toasts.mutations.addMessage('You have given kudos successfully');\n            _buses_eventBus__WEBPACK_IMPORTED_MODULE_11__[\"EventBus\"].dispatch(new _buses_events_GiveKudosEvent__WEBPACK_IMPORTED_MODULE_12__[\"default\"]());\n            this.$modal.hide('giveKudos');\n        },\n        openModalForm() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.$v.$reset();\n                this.kudosShare = new _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"]();\n                yield this.$modal.show('giveKudos');\n            });\n        },\n        closeModalForm() {\n            this.$emit('closed');\n            this.$modal.hide('giveKudos');\n        }\n    },\n    data() {\n        return {\n            repository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_3__[\"BaseUrl\"].GiveKudosUsersList, _models_UserListModel__WEBPACK_IMPORTED_MODULE_9__[\"default\"]),\n            users: Object(collect_js__WEBPACK_IMPORTED_MODULE_0__[\"collect\"])(),\n            kudosShare: new _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"](),\n            isLoadingSubmit: false,\n            kudosCategoryList: [\n                {\n                    label: 'One Team',\n                    value: 5\n                },\n                {\n                    label: 'Getting Things Done Humanly',\n                    value: 6\n                },\n                {\n                    label: 'Growth Mindset',\n                    value: 7\n                },\n                {\n                    label: 'Focus on Value',\n                    value: 8\n                },\n                {\n                    label: 'Equity, Diversity, Inclusivity',\n                    value: 9\n                },\n                {\n                    label: 'Welcome to Intellias',\n                    value: 10\n                }\n            ]\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/give-kudos-form/GiveKudosForm.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! collect.js */ \"./node_modules/collect.js/dist/index.js\");\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(collect_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuelidate/lib/validators */ \"./node_modules/vuelidate/lib/validators/index.js\");\n/* harmony import */ var vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vuelidate_lib_validators__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 _repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../repositories/BaseUrl */ \"./repositories/BaseUrl.ts\");\n/* harmony import */ var _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./models/KudosShareModel */ \"./components/give-kudos-form/models/KudosShareModel.ts\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../helpers/response/ErrorsToToastHelper */ \"./helpers/response/ErrorsToToastHelper.ts\");\n/* harmony import */ var _validators_KudosBalance__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./validators/KudosBalance */ \"./components/give-kudos-form/validators/KudosBalance.ts\");\n/* harmony import */ var _models_UserListModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./models/UserListModel */ \"./components/give-kudos-form/models/UserListModel.ts\");\n/* harmony import */ var _validators_InEnglishValidatorRegex__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./validators/InEnglishValidatorRegex */ \"./components/give-kudos-form/validators/InEnglishValidatorRegex.ts\");\n/* harmony import */ var _buses_eventBus__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../buses/eventBus */ \"./buses/eventBus.ts\");\n/* harmony import */ var _buses_events_GiveKudosEvent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../buses/events/GiveKudosEvent */ \"./buses/events/GiveKudosEvent.ts\");\n/* harmony import */ var _mixins_UserSelectMixin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./mixins/UserSelectMixin */ \"./components/give-kudos-form/mixins/UserSelectMixin.ts\");\n/* harmony import */ var _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../modal/Modal.vue */ \"./components/modal/Modal.vue\");\n/* harmony import */ var _v_select_intems_VSelectIntems_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../v-select-intems/VSelectIntems.vue */ \"./components/v-select-intems/VSelectIntems.vue\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_16__ = __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_17__ = __webpack_require__(/*! ../buttons/secondary-button/SecondaryButton.vue */ \"./components/buttons/secondary-button/SecondaryButton.vue\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_18__ = __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\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    mixins: [_mixins_UserSelectMixin__WEBPACK_IMPORTED_MODULE_13__[\"default\"]],\n    inject: ['storeAdapter', 'layout'],\n    components: { Modal: _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"], ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_16__[\"default\"], SecondaryButton: _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_17__[\"default\"], VSelectIntems: _v_select_intems_VSelectIntems_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"] },\n    beforeMount() {\n        return __awaiter(this, void 0, void 0, function* () {\n            this.users = yield this.repository.get();\n        });\n    },\n    mounted() {\n        this.openModalForm();\n    },\n    validations: {\n        kudosShare: {\n            points_amount: { required: vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__[\"required\"], numeric: vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__[\"numeric\"], between: _validators_KudosBalance__WEBPACK_IMPORTED_MODULE_8__[\"KudosBalance\"] },\n            comment: { regex: _validators_InEnglishValidatorRegex__WEBPACK_IMPORTED_MODULE_10__[\"InEnglishValidatorRegex\"], maxLength: Object(vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__[\"maxLength\"])(500) }\n        }\n    },\n    computed: {\n        isPortals() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_18__[\"default\"].Portals;\n        },\n        allUsers() {\n            return this.users.filter(employee => employee.employee_id !== this.userData.employee_id).all();\n        },\n        isDisabledSubmit() {\n            return (!this.kudosShare.employee_id ||\n                this.kudosShare.points_amount <= 0 ||\n                this.kudosShare.share_reason === undefined ||\n                !this.kudosShare.comment ||\n                this.isLoadingSubmit);\n        },\n        userData() {\n            return this.storeAdapter.User.state.data;\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_18__[\"default\"].Lite;\n        },\n        employee: {\n            get() {\n                return this.kudosShare.employee_id;\n            },\n            set(val) {\n                this.kudosShare.employee_id = val;\n            }\n        }\n    },\n    methods: {\n        submit() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.$v.$touch();\n                if (!this.$v.$invalid) {\n                    this.isLoadingSubmit = true;\n                    const repository = new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_3__[\"BaseUrl\"].GiveKudos, _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"]);\n                    repository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__[\"ResponseState\"].Resolved, this.handleSuccess, _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_6__[\"DefaultContext\"]);\n                    repository\n                        .getResponseHelper()\n                        .subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__[\"ResponseState\"].Rejected, error => this.handleError(error), _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_6__[\"DefaultContext\"]);\n                    const kudosShare = {\n                        employee_id: this.employee.employee_id,\n                        points_amount: this.kudosShare.points_amount,\n                        share_reason: this.kudosShare.share_reason,\n                        comment: this.kudosShare.comment\n                    };\n                    yield repository.post(kudosShare);\n                    this.isLoadingSubmit = false;\n                }\n            });\n        },\n        openModalForm() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.$v.$reset();\n                this.kudosShare = new _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"]();\n                yield this.$modal.show('giveKudos');\n            });\n        },\n        handleError(error) {\n            this.formDisabled = false;\n            _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_7__[\"default\"].showErrors(error);\n        },\n        handleSuccess() {\n            this.storeAdapter.Toasts.mutations.addMessage('You have given kudos successfully');\n            _buses_eventBus__WEBPACK_IMPORTED_MODULE_11__[\"EventBus\"].dispatch(new _buses_events_GiveKudosEvent__WEBPACK_IMPORTED_MODULE_12__[\"default\"]());\n            this.$modal.hide('giveKudos');\n        },\n        closeModalForm() {\n            this.$emit('closed');\n            this.$modal.hide('giveKudos');\n        }\n    },\n    data() {\n        return {\n            repository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_3__[\"BaseUrl\"].GiveKudosUsersList, _models_UserListModel__WEBPACK_IMPORTED_MODULE_9__[\"default\"]),\n            users: Object(collect_js__WEBPACK_IMPORTED_MODULE_0__[\"collect\"])(),\n            kudosShare: new _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"](),\n            isLoadingSubmit: false,\n            kudosCategoryList: [\n                {\n                    label: 'One Team',\n                    value: 5\n                },\n                {\n                    label: 'Getting Things Done Humanly',\n                    value: 6\n                },\n                {\n                    label: 'Growth Mindset',\n                    value: 7\n                },\n                {\n                    label: 'Focus on Value',\n                    value: 8\n                },\n                {\n                    label: 'Equity, Diversity, Inclusivity',\n                    value: 9\n                },\n                {\n                    label: 'Welcome to Intellias',\n                    value: 10\n                }\n            ]\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/give-kudos-form/GiveKudosForm.ts?");
 
 /***/ }),
 
@@ -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    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\",\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    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");
 
 /***/ }),
 

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?");
 
 /***/ }),
 
@@ -962,7 +962,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__);\nvar Size;\n(function (Size) {\n    Size[\"sm\"] = \"sm\";\n    Size[\"md\"] = \"md\";\n    Size[\"lg\"] = \"lg\";\n    Size[\"xl\"] = \"xl\";\n    Size[\"full\"] = \"full\";\n})(Size || (Size = {}));\nconst OPTIONS = {\n    size: Size.md,\n    noBorder: false\n};\nconst EMPTY_MODEL = {\n    avatar_url: '',\n    first_name: '',\n    last_name: '',\n    thumbnail_url: ''\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    props: {\n        employee: {},\n        options: {}\n    },\n    mounted() {\n        this.cOptions = Object.assign(Object.assign({}, OPTIONS), this.options);\n        this.pictureModel = this.toPictureModel();\n    },\n    watch: {\n        employee: {\n            deep: true,\n            handler(newVal, oldVal) {\n                if (newVal.avatar_url && newVal.avatar_url !== oldVal.avatar_url) {\n                    this.anonymous = false;\n                }\n                this.pictureModel = this.toPictureModel();\n            }\n        }\n    },\n    computed: {\n        image() {\n            return {\n                src: this.imageUrl,\n                error: `not-image`\n            };\n        },\n        imageUrl() {\n            return [Size.sm, Size.md].includes(this.cOptions.size) && this.pictureModel.thumbnail_url\n                ? this.pictureModel.thumbnail_url\n                : this.pictureModel.avatar_url;\n        },\n        imageAlt() {\n            return `${this.pictureModel.first_name} ${this.pictureModel.last_name} avatar`;\n        },\n        employeeInitials() {\n            return `${typeof this.pictureModel.first_name === 'string' ? this.pictureModel.first_name.substring(0, 1) : ''}${typeof this.pictureModel.last_name === 'string' ? this.pictureModel.last_name.substring(0, 1) : ''}`;\n        },\n        border() {\n            return this.cOptions.noBorder ? 'no-border' : '';\n        }\n    },\n    methods: {\n        replaceByAnonymous() {\n            this.anonymous = true;\n        },\n        toPictureModel() {\n            if (this.employee === undefined) {\n                return EMPTY_MODEL;\n            }\n            return Object.assign(Object.assign({}, EMPTY_MODEL), this.employee);\n        }\n    },\n    data() {\n        return {\n            anonymous: false,\n            cOptions: {},\n            pictureModel: {}\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/user-picture/UserPicture.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 _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _models_ThemeModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/models/ThemeModel */ \"./models/ThemeModel.ts\");\n\n\n\nvar Size;\n(function (Size) {\n    Size[\"sm\"] = \"sm\";\n    Size[\"md\"] = \"md\";\n    Size[\"lg\"] = \"lg\";\n    Size[\"xl\"] = \"xl\";\n    Size[\"full\"] = \"full\";\n})(Size || (Size = {}));\nconst OPTIONS = {\n    size: Size.md,\n    noBorder: false\n};\nconst EMPTY_MODEL = {\n    avatar_url: '',\n    first_name: '',\n    last_name: '',\n    thumbnail_url: ''\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    props: {\n        employee: {},\n        options: {}\n    },\n    inject: ['storeAdapter', 'layout'],\n    mounted() {\n        this.cOptions = Object.assign(Object.assign({}, OPTIONS), this.options);\n        this.pictureModel = this.toPictureModel();\n    },\n    watch: {\n        employee: {\n            deep: true,\n            handler(newVal, oldVal) {\n                if (newVal.avatar_url && newVal.avatar_url !== oldVal.avatar_url) {\n                    this.anonymous = false;\n                }\n                this.pictureModel = this.toPictureModel();\n            }\n        }\n    },\n    computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser'])), { image() {\n            return {\n                src: this.imageUrl,\n                error: `not-image`\n            };\n        },\n        imageUrl() {\n            return [Size.sm, Size.md].includes(this.cOptions.size) && this.pictureModel.thumbnail_url\n                ? this.pictureModel.thumbnail_url\n                : this.pictureModel.avatar_url;\n        },\n        imageAlt() {\n            return `${this.pictureModel.first_name} ${this.pictureModel.last_name} avatar`;\n        },\n        employeeInitials() {\n            return `${typeof this.pictureModel.first_name === 'string' ? this.pictureModel.first_name.substring(0, 1) : ''}${typeof this.pictureModel.last_name === 'string' ? this.pictureModel.last_name.substring(0, 1) : ''}`;\n        },\n        border() {\n            return this.cOptions.noBorder ? 'no-border' : '';\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Lite;\n        },\n        darkTheme() {\n            return !this.isLiteDomain && this.getUser.frontend_theme === _models_ThemeModel__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Dark;\n        } }),\n    methods: {\n        replaceByAnonymous() {\n            this.anonymous = true;\n        },\n        toPictureModel() {\n            if (this.employee === undefined) {\n                return EMPTY_MODEL;\n            }\n            return Object.assign(Object.assign({}, EMPTY_MODEL), this.employee);\n        }\n    },\n    data() {\n        return {\n            anonymous: false,\n            cOptions: {},\n            pictureModel: {}\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/user-picture/UserPicture.ts?");
 
 /***/ }),
 
@@ -2045,7 +2045,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: \"image-wrapper\",\n    class: [_vm.cOptions.size, _vm.border]\n  }, [_vm.imageUrl && !_vm.anonymous ? _c(\"img\", {\n    directives: [{\n      name: \"lazy\",\n      rawName: \"v-lazy\",\n      value: _vm.image,\n      expression: \"image\"\n    }],\n    staticClass: \"user-image\",\n    attrs: {\n      alt: _vm.imageAlt\n    },\n    on: {\n      error: _vm.replaceByAnonymous\n    }\n  }) : _c(\"div\", {\n    staticClass: \"user-image anonymous\",\n    attrs: {\n      title: _vm.imageAlt\n    }\n  }, [_c(\"span\", [_vm._v(_vm._s(_vm.employeeInitials))])])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/user-picture/UserPicture.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: \"image-wrapper\",\n    class: [_vm.cOptions.size, _vm.border]\n  }, [_vm.imageUrl && !_vm.anonymous ? _c(\"img\", {\n    directives: [{\n      name: \"lazy\",\n      rawName: \"v-lazy\",\n      value: _vm.image,\n      expression: \"image\"\n    }],\n    staticClass: \"user-image\",\n    attrs: {\n      alt: _vm.imageAlt\n    },\n    on: {\n      error: _vm.replaceByAnonymous\n    }\n  }) : _c(\"div\", {\n    staticClass: \"user-image anonymous\",\n    class: {\n      dark: _vm.darkTheme\n    },\n    attrs: {\n      title: _vm.imageAlt\n    }\n  }, [_c(\"span\", [_vm._v(_vm._s(_vm.employeeInitials))])])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/user-picture/UserPicture.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/package.json

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