@intellias/menu 2.1.3 → 2.1.5

package/dist/css/main.css

@@ -1238,7 +1238,6 @@ main {
   color: var(--text-link-hover);
 }
 .give-kudos .kudos-form {
-  /* Chrome, Safari, Edge, Opera */
   /* Firefox */
 }
 .give-kudos .kudos-form .rows-group {
@@ -1252,7 +1251,6 @@ main {
   padding: 0 15px;
   margin: 0;
   border: solid 1px #cbd5e1;
-  background-color: #ffffff;
   border-radius: 6px;
   box-sizing: inherit;
   font-size: 14px;
@@ -1263,10 +1261,10 @@ main {
   box-shadow: none !important;
   outline: none !important;
 }
-.give-kudos .kudos-form input::-webkit-outer-spin-button,
-.give-kudos .kudos-form input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
+.give-kudos .kudos-form .kudos-quantity:disabled {
+  color: #94a3b8;
+  font-weight: 400;
+  background-color: #f1f5f9;
 }
 .give-kudos .kudos-form input[type=number] {
   -moz-appearance: textfield;

package/dist/js/kudosForm.js

@@ -8,7 +8,7 @@
 /***/ (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_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/response/ErrorsToToastHelper */ \"./helpers/response/ErrorsToToastHelper.ts\");\n/* harmony import */ var _validators_KudosBalance__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./validators/KudosBalance */ \"./components/give-kudos-form/validators/KudosBalance.ts\");\n/* harmony import */ var _models_UserListModel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./models/UserListModel */ \"./components/give-kudos-form/models/UserListModel.ts\");\n/* harmony import */ var _validators_InEnglishValidatorRegex__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./validators/InEnglishValidatorRegex */ \"./components/give-kudos-form/validators/InEnglishValidatorRegex.ts\");\n/* harmony import */ var _mixins_UserSelectMixin__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./mixins/UserSelectMixin */ \"./components/give-kudos-form/mixins/UserSelectMixin.ts\");\n/* harmony import */ var _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../modal/Modal.vue */ \"./components/modal/Modal.vue\");\n/* harmony import */ var _v_select_intems_VSelectIntems_vue__WEBPACK_IMPORTED_MODULE_12__ = __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_13__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../buttons/secondary-button/SecondaryButton.vue */ \"./components/buttons/secondary-button/SecondaryButton.vue\");\n/* harmony import */ var _components_textarea_emoji_picker_TextareaEmojiPicker_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/textarea-emoji-picker/TextareaEmojiPicker.vue */ \"./components/give-kudos-form/components/textarea-emoji-picker/TextareaEmojiPicker.vue\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _repositories_KudosRepository__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../repositories/KudosRepository */ \"./repositories/KudosRepository.ts\");\n/* harmony import */ var _mixins_LoadingMixin__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../mixins/LoadingMixin */ \"./mixins/LoadingMixin.ts\");\n/* harmony import */ var _repositories_ResourceRepository__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../repositories/ResourceRepository */ \"./repositories/ResourceRepository.ts\");\n/* harmony import */ var _requests_KudosShareRequest__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./requests/KudosShareRequest */ \"./components/give-kudos-form/requests/KudosShareRequest.ts\");\n/* harmony import */ var _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../helpers/response/ResponseCode */ \"./helpers/response/ResponseCode.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\n\n\nconst MAX_KUDOS_COMET_SYMBOLS = 800;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    mixins: [_mixins_LoadingMixin__WEBPACK_IMPORTED_MODULE_18__[\"default\"], _mixins_UserSelectMixin__WEBPACK_IMPORTED_MODULE_10__[\"default\"]],\n    inject: ['storeAdapter', 'layout'],\n    components: { Modal: _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"], ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"], SecondaryButton: _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"], VSelectIntems: _v_select_intems_VSelectIntems_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"], TextareaEmojiPicker: _components_textarea_emoji_picker_TextareaEmojiPicker_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"] },\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_7__[\"KudosBalance\"] },\n            comment: { regex: _validators_InEnglishValidatorRegex__WEBPACK_IMPORTED_MODULE_9__[\"latinOnlyWithEmoji\"], maxLength: Object(vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__[\"maxLength\"])(MAX_KUDOS_COMET_SYMBOLS) }\n        }\n    },\n    created() {\n        return __awaiter(this, void 0, void 0, function* () {\n            yield this.fetchUsers();\n            this.kudosRepository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__[\"ResponseState\"].Resolved, this.handleSuccess, _repositories_ResourceRepository__WEBPACK_IMPORTED_MODULE_19__[\"CreateContext\"]);\n            this.kudosRepository\n                .getResponseHelper()\n                .subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__[\"ResponseState\"].Rejected, error => this.handleError(error), _repositories_ResourceRepository__WEBPACK_IMPORTED_MODULE_19__[\"CreateContext\"]);\n        });\n    },\n    mounted() {\n        this.$modal.show(this.modalName);\n    },\n    methods: {\n        fetchUsers() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.users = yield this.usersRepository.get();\n            });\n        },\n        submitKudosRequest() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.$v.$touch();\n                if (!this.$v.$invalid) {\n                    for (const employee of this.kudosShare.employees) {\n                        this.setLoading(true);\n                        this.currentEmployee = employee;\n                        yield this.kudosRepository.giveKudos(new _requests_KudosShareRequest__WEBPACK_IMPORTED_MODULE_20__[\"default\"]({\n                            employee_id: this.currentEmployee.employee_id,\n                            points_amount: this.kudosShare.points_amount,\n                            share_reason: this.kudosShare.share_reason,\n                            comment: this.kudosShare.comment\n                        }));\n                    }\n                }\n            });\n        },\n        handleSuccess(response) {\n            return __awaiter(this, void 0, void 0, function* () {\n                if (response.status === _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_21__[\"ResponseCode\"].Ok) {\n                    this.storeAdapter.Toasts.mutations.addMessage(`You have successfully given kudos to ${this.currentEmployee.full_name}`);\n                    yield this.storeAdapter.User.actions.getData();\n                    yield this.setLoading(false);\n                }\n            });\n        },\n        handleError(error) {\n            this.setLoading(false);\n            _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_6__[\"default\"].showErrors(error);\n        },\n        closeKudosModal() {\n            this.$v.$reset();\n            this.kudosShare = new _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"]();\n            this.$modal.hide(this.modalName);\n            this.$emit('closed');\n        }\n    },\n    computed: {\n        allUsers() {\n            return this.users.filter(employee => employee.employee_id !== this.userData.employee_id).all();\n        },\n        isDisabled() {\n            return (!this.kudosShare.employees.length ||\n                this.kudosShare.points_amount <= 0 ||\n                this.kudosShare.share_reason === undefined ||\n                !this.kudosShare.comment ||\n                this.loading);\n        },\n        userData() {\n            return this.storeAdapter.User.state.data;\n        },\n        isPortals() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Portals;\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Lite;\n        }\n    },\n    watch: {\n        loading(isLoading) {\n            var _a;\n            const isLastEmployee = this.currentEmployee &&\n                this.currentEmployee.employee_id === ((_a = this.kudosShare.employees.at(-1)) === null || _a === void 0 ? void 0 : _a.employee_id);\n            if (isLastEmployee && !isLoading) {\n                this.closeKudosModal();\n            }\n        }\n    },\n    data() {\n        return {\n            usersRepository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_3__[\"BaseUrl\"].GiveKudosUsersList, _models_UserListModel__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n            kudosRepository: new _repositories_KudosRepository__WEBPACK_IMPORTED_MODULE_17__[\"default\"](),\n            users: Object(collect_js__WEBPACK_IMPORTED_MODULE_0__[\"collect\"])(),\n            kudosShare: new _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"](),\n            currentEmployee: undefined,\n            maxKudosCometSymbols: MAX_KUDOS_COMET_SYMBOLS,\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            modalName: 'give-kudos-modal'\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_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers/response/ErrorsToToastHelper */ \"./helpers/response/ErrorsToToastHelper.ts\");\n/* harmony import */ var _validators_KudosBalance__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./validators/KudosBalance */ \"./components/give-kudos-form/validators/KudosBalance.ts\");\n/* harmony import */ var _models_UserListModel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./models/UserListModel */ \"./components/give-kudos-form/models/UserListModel.ts\");\n/* harmony import */ var _validators_InEnglishValidatorRegex__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./validators/InEnglishValidatorRegex */ \"./components/give-kudos-form/validators/InEnglishValidatorRegex.ts\");\n/* harmony import */ var _mixins_UserSelectMixin__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./mixins/UserSelectMixin */ \"./components/give-kudos-form/mixins/UserSelectMixin.ts\");\n/* harmony import */ var _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../modal/Modal.vue */ \"./components/modal/Modal.vue\");\n/* harmony import */ var _v_select_intems_VSelectIntems_vue__WEBPACK_IMPORTED_MODULE_12__ = __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_13__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../buttons/secondary-button/SecondaryButton.vue */ \"./components/buttons/secondary-button/SecondaryButton.vue\");\n/* harmony import */ var _components_textarea_emoji_picker_TextareaEmojiPicker_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/textarea-emoji-picker/TextareaEmojiPicker.vue */ \"./components/give-kudos-form/components/textarea-emoji-picker/TextareaEmojiPicker.vue\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _repositories_KudosRepository__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../repositories/KudosRepository */ \"./repositories/KudosRepository.ts\");\n/* harmony import */ var _mixins_LoadingMixin__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../mixins/LoadingMixin */ \"./mixins/LoadingMixin.ts\");\n/* harmony import */ var _repositories_ResourceRepository__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../repositories/ResourceRepository */ \"./repositories/ResourceRepository.ts\");\n/* harmony import */ var _requests_KudosShareRequest__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./requests/KudosShareRequest */ \"./components/give-kudos-form/requests/KudosShareRequest.ts\");\n/* harmony import */ var _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../helpers/response/ResponseCode */ \"./helpers/response/ResponseCode.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\n\n\nconst MAX_KUDOS_COMET_SYMBOLS = 800;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    mixins: [_mixins_LoadingMixin__WEBPACK_IMPORTED_MODULE_18__[\"default\"], _mixins_UserSelectMixin__WEBPACK_IMPORTED_MODULE_10__[\"default\"]],\n    inject: ['storeAdapter', 'layout'],\n    components: { Modal: _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"], ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"], SecondaryButton: _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"], VSelectIntems: _v_select_intems_VSelectIntems_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"], TextareaEmojiPicker: _components_textarea_emoji_picker_TextareaEmojiPicker_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"] },\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_7__[\"KudosBalance\"] },\n            comment: { regex: _validators_InEnglishValidatorRegex__WEBPACK_IMPORTED_MODULE_9__[\"latinOnlyWithEmoji\"], maxLength: Object(vuelidate_lib_validators__WEBPACK_IMPORTED_MODULE_1__[\"maxLength\"])(MAX_KUDOS_COMET_SYMBOLS) }\n        }\n    },\n    created() {\n        return __awaiter(this, void 0, void 0, function* () {\n            yield this.fetchUsers();\n            this.kudosRepository.getResponseHelper().subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__[\"ResponseState\"].Resolved, this.handleSuccess, _repositories_ResourceRepository__WEBPACK_IMPORTED_MODULE_19__[\"CreateContext\"]);\n            this.kudosRepository\n                .getResponseHelper()\n                .subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_5__[\"ResponseState\"].Rejected, error => this.handleError(error), _repositories_ResourceRepository__WEBPACK_IMPORTED_MODULE_19__[\"CreateContext\"]);\n        });\n    },\n    mounted() {\n        this.openKudosModal();\n    },\n    methods: {\n        fetchUsers() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.setLoading(true);\n                this.users = yield this.usersRepository.get();\n                this.setLoading(false);\n            });\n        },\n        submitKudosRequest() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.$v.$touch();\n                if (!this.$v.$invalid) {\n                    this.setEmployeesQueue();\n                    yield this.sendKudosToQueueEmployee();\n                }\n            });\n        },\n        sendKudosToQueueEmployee() {\n            return __awaiter(this, void 0, void 0, function* () {\n                if (this.currentQueueEmployee) {\n                    this.canSend = true;\n                    this.setLoading(true);\n                    yield this.kudosRepository.giveKudos(new _requests_KudosShareRequest__WEBPACK_IMPORTED_MODULE_20__[\"default\"]({\n                        employee_id: this.currentQueueEmployee.employee_id,\n                        points_amount: this.kudosShare.points_amount,\n                        share_reason: this.kudosShare.share_reason,\n                        comment: this.kudosShare.comment\n                    }));\n                    this.canSend = false;\n                }\n            });\n        },\n        setEmployeesQueue() {\n            this.employeesQueue = this.kudosShare.employees.map((employee) => {\n                return Object.assign(Object.assign({}, employee), { queue: true });\n            });\n        },\n        setNextEmployeeForQueue() {\n            const previousEmployeeToGiveKudos = this.employeesQueue.find((employee) => employee.queue);\n            if (previousEmployeeToGiveKudos) {\n                this.employeesQueue = this.employeesQueue.map((employee) => {\n                    if (previousEmployeeToGiveKudos.employee_id === employee.employee_id) {\n                        employee.queue = false;\n                    }\n                    return employee;\n                });\n            }\n        },\n        handleSuccess(response) {\n            return __awaiter(this, void 0, void 0, function* () {\n                if (response.status === _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_21__[\"ResponseCode\"].Ok) {\n                    this.storeAdapter.Toasts.mutations.addMessage(`You have successfully given kudos to ${this.currentQueueEmployee.full_name}`);\n                    this.setNextEmployeeForQueue();\n                }\n            });\n        },\n        handleError(error) {\n            this.setLoading(false);\n            _helpers_response_ErrorsToToastHelper__WEBPACK_IMPORTED_MODULE_6__[\"default\"].showErrors(error);\n        },\n        openKudosModal() {\n            this.$v.$reset();\n            this.kudosShare = new _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"]();\n            this.$modal.show(this.modalName);\n        },\n        closeKudosModal() {\n            this.$modal.hide(this.modalName);\n            this.$emit('closed');\n        }\n    },\n    computed: {\n        allUsers() {\n            return this.users.filter(employee => employee.employee_id !== this.userData.employee_id).all();\n        },\n        isDisabled() {\n            return (!this.kudosShare.employees.length ||\n                this.kudosShare.points_amount <= 0 ||\n                this.kudosShare.share_reason === undefined ||\n                !this.kudosShare.comment ||\n                this.loading);\n        },\n        userData() {\n            return this.storeAdapter.User.state.data;\n        },\n        currentQueueEmployee() {\n            return this.employeesQueue.find((employee) => employee.queue);\n        },\n        isPortals() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Portals;\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Lite;\n        }\n    },\n    watch: {\n        'userData.kudos_balance': {\n            handler(oldAmount, newAmount) {\n                return __awaiter(this, void 0, void 0, function* () {\n                    if (oldAmount !== newAmount) {\n                        yield this.sendKudosToQueueEmployee();\n                    }\n                });\n            }\n        },\n        employeesQueue(employees) {\n            const allSent = employees.every((employee) => !employee.queue);\n            if (allSent) {\n                this.setLoading(false);\n                this.closeKudosModal();\n            }\n        }\n    },\n    data() {\n        return {\n            usersRepository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_3__[\"BaseUrl\"].GiveKudosUsersList, _models_UserListModel__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n            kudosRepository: new _repositories_KudosRepository__WEBPACK_IMPORTED_MODULE_17__[\"default\"](),\n            users: Object(collect_js__WEBPACK_IMPORTED_MODULE_0__[\"collect\"])(),\n            kudosShare: new _models_KudosShareModel__WEBPACK_IMPORTED_MODULE_4__[\"default\"](),\n            employeesQueue: [],\n            canSend: true,\n            maxKudosCometSymbols: MAX_KUDOS_COMET_SYMBOLS,\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            modalName: 'give-kudos-modal'\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/give-kudos-form/GiveKudosForm.ts?");
 
 /***/ }),
 
@@ -56,7 +56,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_emoji_picker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-emoji-picker */ \"./node_modules/vue-emoji-picker/dist-module/main.js\");\n/* harmony import */ var vue_emoji_picker__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_emoji_picker__WEBPACK_IMPORTED_MODULE_0__);\n// eslint-disable-next-line import/no-extraneous-dependencies\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    components: {\n        EmojiPicker: (vue_emoji_picker__WEBPACK_IMPORTED_MODULE_0___default())\n    },\n    directives: {\n        focus: {\n            inserted(el) {\n                el.focus();\n            }\n        }\n    },\n    props: {\n        isPortals: {\n            type: Boolean\n        }\n    },\n    methods: {\n        insert(emoji) {\n            const textarea = this.$slots.default[0].elm;\n            const cursorPosition = textarea.selectionEnd;\n            const start = textarea.value.substring(0, textarea.selectionStart);\n            const end = textarea.value.substring(textarea.selectionStart);\n            const text = start + emoji + end;\n            this.$emit(\"on-update\", text);\n            this.$refs.emojiInvoker.click();\n            this.$nextTick(() => {\n                textarea.selectionEnd = cursorPosition + emoji.length;\n                textarea.focus();\n            });\n        }\n    },\n    data() {\n        return {\n            search: ''\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/give-kudos-form/components/textarea-emoji-picker/TextareaEmojiPicker.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_emoji_picker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-emoji-picker */ \"./node_modules/vue-emoji-picker/dist-module/main.js\");\n/* harmony import */ var vue_emoji_picker__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_emoji_picker__WEBPACK_IMPORTED_MODULE_0__);\n// eslint-disable-next-line import/no-extraneous-dependencies\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    components: {\n        EmojiPicker: (vue_emoji_picker__WEBPACK_IMPORTED_MODULE_0___default())\n    },\n    directives: {\n        focus: {\n            inserted(el) {\n                el.focus();\n            }\n        }\n    },\n    props: {\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        isPortals: {\n            type: Boolean\n        }\n    },\n    methods: {\n        insert(emoji) {\n            const textarea = this.$slots.default[0].elm;\n            const cursorPosition = textarea.selectionEnd;\n            const start = textarea.value.substring(0, textarea.selectionStart);\n            const end = textarea.value.substring(textarea.selectionStart);\n            const text = start + emoji + end;\n            this.$emit('on-update', text);\n            this.$refs.emojiInvoker.click();\n            this.$nextTick(() => {\n                textarea.selectionEnd = cursorPosition + emoji.length;\n                textarea.focus();\n            });\n        }\n    },\n    data() {\n        return {\n            search: ''\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/give-kudos-form/components/textarea-emoji-picker/TextareaEmojiPicker.ts?");
 
 /***/ }),
 
@@ -296,7 +296,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: _vm.modalName,\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    class: {\n      \"margin-bottom-5\": _vm.isLiteDomain,\n      \"margin-bottom-4\": _vm.isPortals\n    }\n  }, [_vm._v(\"\\n                Reward your colleagues with kudos to express gratitude for their good work, expertise, friendship\\n                and support.\\n            \")]), _vm._v(\" \"), _c(\"a\", {\n    staticClass: \"bold\",\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(\"\\n                More details\\n            \")]), _vm._v(\" \"), _c(\"form\", {\n    staticClass: \"kudos-form margin-top-25\"\n  }, [_c(\"div\", {\n    staticClass: \"margin-bottom-15\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"user\"\n    }\n  }, [_vm._v(\"Receiver’s name(s)\")]), _vm._v(\" \"), _c(\"v-select-intems\", {\n    attrs: {\n      data: {\n        class: {\n          \"select-with-avatars\": true\n        },\n        multiple: true,\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.kudosShare.employees,\n      callback: function ($$v) {\n        _vm.$set(_vm.kudosShare, \"employees\", $$v);\n      },\n      expression: \"kudosShare.employees\"\n    }\n  })], 1), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"rows-group margin-bottom-15\"\n  }, [_c(\"div\", [_c(\"label\", {\n    attrs: {\n      for: \"kudos-category\"\n    }\n  }, [_vm._v(\"Kudos category\")]), _vm._v(\" \"), _c(\"v-select-intems\", {\n    attrs: {\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\", [_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      \"portals-input\": _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: \"margin-bottom-15\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"description\"\n    }\n  }, [_vm._v(\"Comment\")]), _vm._v(\" \"), _c(\"textarea-emoji-picker\", {\n    attrs: {\n      isPortals: _vm.isPortals\n    },\n    on: {\n      \"on-update\": text => _vm.kudosShare.comment = text\n    }\n  }, [_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      \"portals-input\": _vm.isPortals\n    },\n    attrs: {\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(\" \"), _c(\"div\", {\n    staticClass: \"textarea-info\",\n    class: {\n      \"lite-info\": _vm.isLiteDomain\n    }\n  }, [_vm._v(\"\\n                        \" + _vm._s(_vm.kudosShare.comment && _vm.kudosShare.comment.length || 0) + \" /\\n                        \" + _vm._s(_vm.maxKudosCometSymbols) + \"\\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 \" + _vm._s(_vm.maxKudosCometSymbols) + \" symbols\\n                        \")]) : _vm._e()]) : _vm._e()], 1)])]), _vm._v(\" \"), _c(\"template\", {\n    slot: \"footer\"\n  }, [_c(\"secondary-button\", {\n    attrs: {\n      disabled: _vm.loading\n    },\n    nativeOn: {\n      click: function ($event) {\n        return _vm.closeKudosModal.apply(null, arguments);\n      }\n    }\n  }, [_vm._v(\"Cancel\")]), _vm._v(\" \"), _c(\"action-button\", {\n    staticClass: \"margin-left-15\",\n    attrs: {\n      \"is-disabled\": _vm.isDisabled,\n      \"is-loading\": _vm.loading\n    },\n    nativeOn: {\n      click: function ($event) {\n        return _vm.submitKudosRequest.apply(null, arguments);\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: _vm.modalName,\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    class: {\n      \"margin-bottom-5\": _vm.isLiteDomain,\n      \"margin-bottom-4\": _vm.isPortals\n    }\n  }, [_vm._v(\"\\n                Reward your colleagues with kudos to express gratitude for their good work, expertise, friendship\\n                and support.\\n            \")]), _vm._v(\" \"), _c(\"a\", {\n    staticClass: \"bold\",\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(\"\\n                More details\\n            \")]), _vm._v(\" \"), _c(\"form\", {\n    staticClass: \"kudos-form margin-top-25\"\n  }, [_c(\"div\", {\n    staticClass: \"margin-bottom-15\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"user\"\n    }\n  }, [_vm._v(\"Receiver’s name(s)\")]), _vm._v(\" \"), _c(\"v-select-intems\", {\n    attrs: {\n      data: {\n        class: {\n          \"select-with-avatars\": true\n        },\n        multiple: true,\n        loading: _vm.loading,\n        disabled: _vm.loading,\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.kudosShare.employees,\n      callback: function ($$v) {\n        _vm.$set(_vm.kudosShare, \"employees\", $$v);\n      },\n      expression: \"kudosShare.employees\"\n    }\n  })], 1), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"rows-group margin-bottom-15\"\n  }, [_c(\"div\", [_c(\"label\", {\n    attrs: {\n      for: \"kudos-category\"\n    }\n  }, [_vm._v(\"Kudos category\")]), _vm._v(\" \"), _c(\"v-select-intems\", {\n    attrs: {\n      data: {\n        clearable: false,\n        disabled: _vm.loading,\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\", [_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      \"portals-input\": _vm.isPortals\n    },\n    attrs: {\n      id: \"kudos-quantity\",\n      type: \"number\",\n      min: \"1\",\n      max: _vm.userData.kudos_balance,\n      disabled: _vm.loading\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 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: \"margin-bottom-15\"\n  }, [_c(\"label\", {\n    attrs: {\n      for: \"description\"\n    }\n  }, [_vm._v(\"Comment\")]), _vm._v(\" \"), _c(\"textarea-emoji-picker\", {\n    attrs: {\n      disabled: _vm.loading,\n      isPortals: _vm.isPortals\n    },\n    on: {\n      \"on-update\": text => _vm.kudosShare.comment = text\n    }\n  }, [_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      \"portals-input\": _vm.isPortals\n    },\n    attrs: {\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(\" \"), _c(\"div\", {\n    staticClass: \"textarea-info\",\n    class: {\n      \"lite-info\": _vm.isLiteDomain\n    }\n  }, [_vm._v(\"\\n                        \" + _vm._s(_vm.kudosShare.comment && _vm.kudosShare.comment.length || 0) + \" /\\n                        \" + _vm._s(_vm.maxKudosCometSymbols) + \"\\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 \" + _vm._s(_vm.maxKudosCometSymbols) + \" symbols\\n                        \")]) : _vm._e()]) : _vm._e()], 1)])]), _vm._v(\" \"), _c(\"template\", {\n    slot: \"footer\"\n  }, [_c(\"secondary-button\", {\n    attrs: {\n      disabled: _vm.loading\n    },\n    nativeOn: {\n      click: function ($event) {\n        return _vm.closeKudosModal.apply(null, arguments);\n      }\n    }\n  }, [_vm._v(\"Cancel\")]), _vm._v(\" \"), _c(\"action-button\", {\n    staticClass: \"margin-left-15\",\n    attrs: {\n      \"is-disabled\": _vm.isDisabled,\n      \"is-loading\": _vm.loading\n    },\n    nativeOn: {\n      click: function ($event) {\n        return _vm.submitKudosRequest.apply(null, arguments);\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");
 
 /***/ }),
 
@@ -308,7 +308,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: \"textarea-emoji-container\"\n  }, [_vm._t(\"default\"), _vm._v(\" \"), _c(\"emoji-picker\", {\n    attrs: {\n      search: _vm.search\n    },\n    on: {\n      emoji: _vm.insert\n    },\n    scopedSlots: _vm._u([{\n      key: \"emoji-invoker\",\n      fn: function ({\n        events: {\n          click: clickEvent\n        }\n      }) {\n        return _c(\"button\", {\n          ref: \"emojiInvoker\",\n          staticClass: \"emoji-invoker\",\n          on: {\n            click: function ($event) {\n              $event.stopPropagation();\n              $event.preventDefault();\n              return clickEvent.apply(null, arguments);\n            }\n          }\n        }, [_c(\"svg\", {\n          staticClass: \"h-6 w-6 fill-current text-grey\",\n          attrs: {\n            viewBox: \"0 0 24 24\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }\n        }, [_c(\"path\", {\n          attrs: {\n            d: \"M0 0h24v24H0z\",\n            fill: \"none\"\n          }\n        }), _vm._v(\" \"), _c(\"path\", {\n          attrs: {\n            d: \"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"\n          }\n        })])]);\n      }\n    }, {\n      key: \"emoji-picker\",\n      fn: function ({\n        emojis,\n        insert\n      }) {\n        return _c(\"div\", {}, [_c(\"div\", {\n          staticClass: \"emoji-picker\"\n        }, [_c(\"div\", {\n          staticClass: \"emoji-picker__search\"\n        }, [_c(\"input\", {\n          directives: [{\n            name: \"model\",\n            rawName: \"v-model\",\n            value: _vm.search,\n            expression: \"search\"\n          }, {\n            name: \"focus\",\n            rawName: \"v-focus\"\n          }],\n          attrs: {\n            type: \"text\"\n          },\n          domProps: {\n            value: _vm.search\n          },\n          on: {\n            input: function ($event) {\n              if ($event.target.composing) return;\n              _vm.search = $event.target.value;\n            }\n          }\n        })]), _vm._v(\" \"), _c(\"div\", _vm._l(emojis, function (emojiGroup, category) {\n          return _c(\"div\", {\n            key: category\n          }, [_c(\"div\", {\n            staticClass: \"emojis\"\n          }, _vm._l(emojiGroup, function (emoji, emojiName) {\n            return _c(\"span\", {\n              key: emojiName,\n              attrs: {\n                title: emojiName\n              },\n              on: {\n                click: function ($event) {\n                  $event.stopPropagation();\n                  $event.preventDefault();\n                  return insert(emoji);\n                }\n              }\n            }, [_vm._v(_vm._s(emoji))]);\n          }), 0)]);\n        }), 0)])]);\n      }\n    }])\n  })], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/give-kudos-form/components/textarea-emoji-picker/TextareaEmojiPicker.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: \"textarea-emoji-container\",\n    class: {\n      disabled: _vm.disabled\n    }\n  }, [_vm._t(\"default\"), _vm._v(\" \"), _c(\"emoji-picker\", {\n    attrs: {\n      search: _vm.search\n    },\n    on: {\n      emoji: _vm.insert\n    },\n    scopedSlots: _vm._u([{\n      key: \"emoji-invoker\",\n      fn: function ({\n        events: {\n          click: clickEvent\n        }\n      }) {\n        return _c(\"button\", {\n          ref: \"emojiInvoker\",\n          staticClass: \"emoji-invoker\",\n          on: {\n            click: function ($event) {\n              $event.stopPropagation();\n              $event.preventDefault();\n              return clickEvent.apply(null, arguments);\n            }\n          }\n        }, [_c(\"svg\", {\n          staticClass: \"h-6 w-6 fill-current text-grey\",\n          attrs: {\n            viewBox: \"0 0 24 24\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }\n        }, [_c(\"path\", {\n          attrs: {\n            d: \"M0 0h24v24H0z\",\n            fill: \"none\"\n          }\n        }), _vm._v(\" \"), _c(\"path\", {\n          attrs: {\n            d: \"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\"\n          }\n        })])]);\n      }\n    }, {\n      key: \"emoji-picker\",\n      fn: function ({\n        emojis,\n        insert\n      }) {\n        return _c(\"div\", {}, [_c(\"div\", {\n          staticClass: \"emoji-picker\"\n        }, [_c(\"div\", {\n          staticClass: \"emoji-picker__search\"\n        }, [_c(\"input\", {\n          directives: [{\n            name: \"model\",\n            rawName: \"v-model\",\n            value: _vm.search,\n            expression: \"search\"\n          }, {\n            name: \"focus\",\n            rawName: \"v-focus\"\n          }],\n          attrs: {\n            type: \"text\"\n          },\n          domProps: {\n            value: _vm.search\n          },\n          on: {\n            input: function ($event) {\n              if ($event.target.composing) return;\n              _vm.search = $event.target.value;\n            }\n          }\n        })]), _vm._v(\" \"), _c(\"div\", _vm._l(emojis, function (emojiGroup, category) {\n          return _c(\"div\", {\n            key: category\n          }, [_c(\"div\", {\n            staticClass: \"emojis\"\n          }, _vm._l(emojiGroup, function (emoji, emojiName) {\n            return _c(\"span\", {\n              key: emojiName,\n              attrs: {\n                title: emojiName\n              },\n              on: {\n                click: function ($event) {\n                  $event.stopPropagation();\n                  $event.preventDefault();\n                  return insert(emoji);\n                }\n              }\n            }, [_vm._v(_vm._s(emoji))]);\n          }), 0)]);\n        }), 0)])]);\n      }\n    }])\n  })], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/give-kudos-form/components/textarea-emoji-picker/TextareaEmojiPicker.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": "2.1.3",
+    "version": "2.1.5",
     "description": "Menu for intems project.",
     "author": "Intems",
     "scripts": {