{"version":3,"sources":["webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPreview.vue?c72d","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerGroup.vue?4360","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerPage.vue?1b26","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerAppTitle.vue?a6e9","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerAppTitle.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPreview.vue?6cde","webpack:///src/components/InAppMessaging/MessengerPage/ConversationPreview.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPreview.vue?69f0","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPreview.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPanel.vue?a61a","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationMessage.vue?7c1e","webpack:///src/components/InAppMessaging/MessengerPage/ConversationMessage.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationMessage.vue?3796","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationMessage.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationMarker.vue?4087","webpack:///src/components/InAppMessaging/MessengerPage/ConversationMarker.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationMarker.vue?0e17","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationMarker.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPanelMenu.vue?8f64","webpack:///src/components/InAppMessaging/MessengerPage/ConversationPanelMenu.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPanelMenu.vue?5047","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPanelMenu.vue","webpack:///src/components/InAppMessaging/MessengerPage/ConversationPanel.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPanel.vue?8aa1","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPanel.vue","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerGroup.vue?3e4a","webpack:///src/components/InAppMessaging/MessengerPage/MessengerGroup.vue","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerGroup.vue?38ef","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerGroup.vue","webpack:///src/components/InAppMessaging/MessengerPage/MessengerPage.vue","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerPage.vue?373a","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerPage.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPanel.vue?e00e","webpack:///./src/components/Tools/QuickLinks/MyQuickLinks.vue?7959","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationMessage.vue?0b07","webpack:///./src/components/StatusBar/StatusBar.vue?cd5c","webpack:///src/components/StatusBar/StatusBar.vue","webpack:///./src/components/StatusBar/StatusBar.vue?271b","webpack:///./src/components/StatusBar/StatusBar.vue","webpack:///./src/components/StatusOverlay/StatusOverlay.vue?3c98","webpack:///src/components/StatusOverlay/StatusOverlay.vue","webpack:///./src/components/StatusOverlay/StatusOverlay.vue?4ff2","webpack:///./src/components/StatusOverlay/StatusOverlay.vue","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPanelMenu.vue?3983","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationPanel.vue?fa10","webpack:///./src/components/InAppMessaging/MessengerPage/ConversationMarker.vue?495e","webpack:///./src/components/Tools/QuickLinks/MyQuickLinks.vue?22b6","webpack:///src/components/Tools/QuickLinks/MyQuickLinks.vue","webpack:///./src/components/Tools/QuickLinks/MyQuickLinks.vue?45a5","webpack:///./src/components/Tools/QuickLinks/MyQuickLinks.vue","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerPage.vue?e2fc","webpack:///./node_modules/vue-click-outside/index.js","webpack:///./src/components/StatusOverlay/StatusOverlay.vue?521e","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerGroup.vue?b36c","webpack:///./src/components/InAppMessaging/MessengerPage/MessengerAppTitle.vue?2caa"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","isMobileAppBrowser","attrs","staticClass","loadingAction","_v","_s","iamConstants","defaultPanel","features","chatInstantly","BULLETS","slot","MESSENGER_APP_TITLE","PREVIEW_VERSION","domProps","PREVIEW_MESSAGE","activeConversation","draftConversation","newDraftChatFromRoute","on","$event","startNewConversation","mobileChat","_e","startNewMessengerGroup","NEW_MESSENGER_GROUP","_l","conversation","index","key","id","isActive","setActiveConversation","activeConversationId","DRAFT_CHAT_ID","stopPropagation","model","value","callback","$$v","mobileChatWindow","expression","setActiveConversationIdBeforeSend","startSendingReadMarkers","handleManageGroupMobile","closeChatWindow","handleDeleteConversation","handleSendMessage","mobileNewGroupWindow","activeGroupConversation","launchGroupChat","handlePostGroupCreation","manageGroupInitiated","newChatGroupInitiated","handleManageGroup","dialogState","$set","closeQuickLinkDialog","staticRenderFns","_t","script","component","otherParticipants","profileImageUrl","imageErrorFallback","fallbackProfileImageUrl","length","conversationTitle","conversationSubTitle","unReadMessages","conversationPreview","ADD_PARTICIPANTS","typeAheadResults","loadingTypeAhead","typeAheadSearch","TYPEAHEAD_PROMPT","typeAheadPlaceholderText","draftParticipantsList","onManageGroup","onDeleted","title","closeChat","event","isMessage","authorOf","isMarker","draftMessage","sendMessageForm","isMyMessage","message","isFailed","profileImage","url","fallback","author","name","timestamp","primaryChapter","messageText","props","type","Object","required","displayDate","Boolean","default","data","computed","messengerUsername","date","marker","hasDate","showConversationDialog","selectedMenuOption","onSelectedMenuCancel","body","cancelButton","onSelectedMenuConfirm","confirmButton","displayRight","menuItem","handleSelection","label","createAction","CREATE_NEW_YPO_MESSENGER_GROUP","isNewGroup","renameGroupToggled","GROUP_NAME_MAX","NEW_GROUP_CHAT_PLACEHOLDER","searchMemberActive","groupChat","appCommonConstants","CANCEL","renameGroup","SAVE","messageGroup","MESSAGE_GROUP","handleRename","canCreate","createNewChatGroup","CREATE","canAddMoreParticipants","participantsCount","MAX_PARTICIPANTS","PARTICIPANTS","activateSearchMember","ADD_PARTICIPANTS_TO_GROUP","SEARCH_PLACEHOLDER_IN_GROUP","searchMember","memberSearchText","typeAheadAction","memberSearchResult","member","memberName","memberChapter","addToParticipants","ADD","doneAddingParticipants","DONE","NO_RESULTS","groupParticipants","participant","removeParticipant","directives","rawName","action","pending","messageState","messageType","showMessage","messagesTransition","successText","String","successDuration","Number","errorText","errorDuration","components","VAlert","VProgressLinear","watch","prevValue","duration","setMessageState","methods","parseInt","setTimeout","failed","style","backgroundColor","maxHeight","contentHeight","appConstant","DEFAULT_LOADING_ERROR_MESSAGE","retry","retryable","VProgressCircular","ref","quickLink","isHivebriteRedirectCommunity","sizeFormattedImageUrl","iconUrl","gotoMyQuickLink","quickLinkLabel","validate","binding","console","warn","isPopup","popupItem","elements","i","len","contains","e","isServer","vNode","componentInstance","$isServer","module","exports","bind","el","handler","context","path","composedPath","unshift","target","__vueClickOutside__","document","addEventListener","update","unbind","removeEventListener"],"mappings":"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","file":"js/chunk-5c550a26.09273748.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPreview.vue?vue&type=style&index=0&id=5ba81424&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPreview.vue?vue&type=style&index=0&id=5ba81424&lang=scss&scoped=true&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerGroup.vue?vue&type=style&index=0&id=29c2674a&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerGroup.vue?vue&type=style&index=0&id=29c2674a&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-flex',{class:['messenger-outer-frame', _vm.isMobileAppBrowser ? 'messenger-outer-frame--mobile' : ''],attrs:{\"data-qe-id\":\"messenger-page\"}},[_c('v-container',[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"messenger-app\",attrs:{\"xs12\":\"\",\"mb-4\":\"\"}},[_c('status-overlay',{attrs:{\"action\":_vm.loadingAction,\"background-color\":\"\"}}),(_vm.loadingActionReady)?_c('v-layout',{attrs:{\"column\":\"\",\"ml-3\":\"\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"align-center\":\"\",\"ml-2\":\"\",\"my-1\":\"\"}},[_c('v-icon',{staticClass:\"fas fa-lock\",attrs:{\"size\":\"14\"}}),_c('div',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.iamConstants.defaultPanel.features.chatInstantly.BULLETS[2]))])],1),_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-layout',{staticClass:\"messenger-container\",attrs:{\"row\":\"\"}},[_c('v-flex',{staticClass:\"messenger-conversation\",attrs:{\"data-qe-id\":\"messenger-conversation-list\"}},[_c('messenger-app-title',[_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(_vm._s(_vm.iamConstants.MESSENGER_APP_TITLE))]),_c('v-tooltip',{attrs:{\"slot\":\"preview\",\"right\":\"\"},slot:\"preview\"},[_c('span',{staticClass:\"messenger-app__preview-version\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_vm._v(\"\\n                                            \"+_vm._s(_vm.iamConstants.PREVIEW_VERSION)+\"\\n                                        \")]),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.iamConstants.PREVIEW_MESSAGE)}})]),_c('div',{attrs:{\"slot\":\"actions\"},slot:\"actions\"},[_c('v-layout',{attrs:{\"row\":\"\",\"justify-end\":\"\"}},[_c('v-flex',{staticClass:\"flex-grow-overwrite\"},[(_vm.activeConversation !== _vm.draftConversation && _vm.activeConversation !== _vm.newDraftChatFromRoute)?_c('v-btn',{staticClass:\"chat--mobile\",attrs:{\"icon\":\"\",\"data-qe-id\":\"messenger_mobile_start-new-conversation_btn\"},on:{\"click\":function($event){return _vm.startNewConversation(_vm.mobileChat)}}},[_c('v-icon',{staticClass:\"fas fa-edit\",attrs:{\"size\":\"16\",\"color\":\"ypo_cta\"}})],1):_vm._e(),(_vm.activeConversation !== _vm.draftConversation && _vm.activeConversation !== _vm.newDraftChatFromRoute)?_c('v-btn',{staticClass:\"chat--desktop\",attrs:{\"icon\":\"\",\"data-qe-id\":\"messenger_desktop_start-new-conversation_btn\"},on:{\"click\":function($event){return _vm.startNewConversation()}}},[_c('v-icon',{staticClass:\"fas fa-edit\",attrs:{\"size\":\"16\",\"color\":\"ypo_cta\"}})],1):_vm._e()],1),_c('v-flex',{staticClass:\"flex-grow-overwrite\"},[_c('v-menu',{staticClass:\"messenger-menu\",attrs:{\"left\":\"\"}},[_c('v-btn',{attrs:{\"slot\":\"activator\",\"flat\":\"\",\"icon\":\"\",\"color\":\"ypo_cta\"},slot:\"activator\"},[_c('v-icon',[_vm._v(\"more_vert\")])],1),_c('v-list',{staticClass:\"messenger-menu__list\"},[_c('v-list-tile',{staticClass:\"chat--mobile\",attrs:{\"data-qe-id\":\"messenger_mobile_start-new-group-chat_btn\"},on:{\"click\":function($event){return _vm.startNewMessengerGroup(_vm.mobileChat)}}},[_c('v-list-tile-title',[_c('v-icon',{staticClass:\"bold-font\",attrs:{\"size\":\"18\",\"color\":\"ypo_cta\"}},[_vm._v(\"add\")]),_c('span',[_vm._v(\"\\n                                                                    \"+_vm._s(_vm.iamConstants.NEW_MESSENGER_GROUP)+\"\\n                                                                \")])],1)],1),_c('v-list-tile',{staticClass:\"chat--desktop\",attrs:{\"data-qe-id\":\"messenger_desktop_start-new-group-chat_btn\"},on:{\"click\":function($event){return _vm.startNewMessengerGroup()}}},[_c('v-list-tile-title',[_c('v-icon',{staticClass:\"bold-font\",attrs:{\"size\":\"20\",\"color\":\"ypo_cta\"}},[_vm._v(\"add\")]),_c('span',[_vm._v(\"\\n                                                                    \"+_vm._s(_vm.iamConstants.NEW_MESSENGER_GROUP)+\"\\n                                                                \")])],1)],1)],1)],1)],1)],1)],1)],1),_c('v-flex',{staticClass:\"conversation-list__scroller inner-scrollbar\"},[_c('v-list',{staticClass:\"chat--mobile full-width\",attrs:{\"two-lines\":\"\"}},[_vm._l((_vm.selectableConversations),function(conversation,index){return _c('button',{key:conversation.id,class:['conversation-list__conversation', {'conversation-list__conversation-active': _vm.isActive(conversation)}, ''],attrs:{\"data-qe-id\":(\"messenger_mobile_conversation-\" + index + \"_link\")},on:{\"click\":function($event){return _vm.setActiveConversation(conversation, _vm.mobileChat)}}},[_c('conversation-preview',{attrs:{\"active-conversation-id\":_vm.activeConversationId,\"conversation\":conversation}},[(conversation.id === _vm.iamConstants.DRAFT_CHAT_ID)?_c('div',{attrs:{\"slot\":\"actions\"},slot:\"actions\"},[(conversation === _vm.draftConversation || conversation === _vm.newDraftChatFromRoute)?_c('v-btn',{attrs:{\"icon\":\"\",\"data-qe-id\":\"messenger_mobile_close-active-conversation_link\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.setActiveConversation(null)}}},[_c('v-icon',{staticClass:\"fas fa-times\",attrs:{\"size\":\"13\",\"color\":\"ypo_cta\"}})],1):_vm._e()],1):_vm._e()])],1)}),_c('v-dialog',{attrs:{\"lazy\":\"\"},model:{value:(_vm.mobileChatWindow),callback:function ($$v) {_vm.mobileChatWindow=$$v},expression:\"mobileChatWindow\"}},[(_vm.activeConversation)?_c('conversation-panel',{key:_vm.activeConversation.id,attrs:{\"conversation\":_vm.activeConversation,\"set-active-conversation-prior-to-send\":_vm.setActiveConversationIdBeforeSend,\"start-sending-read-markers\":_vm.startSendingReadMarkers,\"on-manage-group\":_vm.handleManageGroupMobile,\"close-chat-action\":_vm.closeChatWindow,\"on-deleted\":_vm.handleDeleteConversation,\"on-send-message\":_vm.handleSendMessage}}):_vm._e()],1)],2),_c('v-list',{staticClass:\"chat--desktop\",attrs:{\"two-lines\":\"\"}},_vm._l((_vm.selectableConversations),function(conversation,index){return _c('button',{key:conversation.id,class:['conversation-list__conversation', {'conversation-list__conversation-active': _vm.isActive(conversation)}, ''],attrs:{\"data-qe-id\":(\"messenger_desktop_conversation-\" + index + \"_link\")},on:{\"click\":function($event){return _vm.setActiveConversation(conversation)}}},[_c('conversation-preview',{attrs:{\"active-conversation-id\":_vm.activeConversationId,\"conversation\":conversation}},[(conversation.id === _vm.iamConstants.DRAFT_CHAT_ID)?_c('div',{attrs:{\"slot\":\"actions\"},slot:\"actions\"},[(conversation === _vm.draftConversation || conversation === _vm.newDraftChatFromRoute)?_c('v-btn',{attrs:{\"icon\":\"\",\"data-qe-id\":\"messenger_desktop_close-active-conversation_link\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.setActiveConversation(null)}}},[_c('v-icon',{staticClass:\"fas fa-times\",attrs:{\"size\":\"13\",\"color\":\"ypo_cta\"}})],1):_vm._e()],1):_vm._e()])],1)}),0)],1)],1),(_vm.activeGroupConversation)?_c('v-dialog',{attrs:{\"lazy\":\"\"},model:{value:(_vm.mobileNewGroupWindow),callback:function ($$v) {_vm.mobileNewGroupWindow=$$v},expression:\"mobileNewGroupWindow\"}},[_c('messenger-group',{attrs:{\"conversation\":_vm.activeGroupConversation,\"on-message-group\":_vm.launchGroupChat,\"on-deleted\":_vm.handleDeleteConversation,\"on-created\":_vm.handlePostGroupCreation}})],1):_vm._e(),(_vm.activeGroupConversation && (_vm.manageGroupInitiated || _vm.newChatGroupInitiated))?_c('v-flex',{staticClass:\"conversation__panel--desktop\",attrs:{\"xs9\":\"\"}},[_c('messenger-group',{attrs:{\"conversation\":_vm.activeGroupConversation,\"on-message-group\":_vm.launchGroupChat,\"on-deleted\":_vm.handleDeleteConversation,\"on-created\":_vm.handlePostGroupCreation}})],1):_c('v-flex',{staticClass:\"conversation__panel--desktop\",attrs:{\"xs9\":\"\"}},[(_vm.activeConversation)?_c('conversation-panel',{key:_vm.activeConversation.id,attrs:{\"conversation\":_vm.activeConversation,\"set-active-conversation-prior-to-send\":_vm.setActiveConversationIdBeforeSend,\"start-sending-read-markers\":_vm.startSendingReadMarkers,\"on-manage-group\":_vm.handleManageGroup,\"on-deleted\":_vm.handleDeleteConversation,\"on-send-message\":_vm.handleSendMessage}}):_vm._e()],1)],1)],1)],1):_vm._e()],1)],1),_c('v-dialog',{attrs:{\"lazy\":\"\",\"absolute\":\"\",\"max-width\":\"1100\",\"content-class\":\"quick-links-popup\"},model:{value:(_vm.dialogState.dialogOpen),callback:function ($$v) {_vm.$set(_vm.dialogState, \"dialogOpen\", $$v)},expression:\"dialogState.dialogOpen\"}},[_c('v-card',[_c('v-flex',{attrs:{\"tag\":\"h2\"}},[_vm._v(\"Manage My Quick Links\\n                    \"),_c('v-btn',{attrs:{\"icon\":\"\",\"data-qe-id\":\"quickLinkDialog_closeBtn\"},on:{\"click\":function($event){return _vm.closeQuickLinkDialog()}}},[_c('v-icon',{attrs:{\"size\":\"25\"}},[_vm._v(\"close\")])],1)],1),(_vm.dialogState.dialogOpen)?_c('quick-link-dialog',{attrs:{\"closeQuickLinkDialog\":_vm.closeQuickLinkDialog}}):_vm._e()],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{staticClass:\"messenger-app-title\",attrs:{\"row\":\"\"}},[_c('v-flex',{staticClass:\"messenger-app-title__label\"},[_vm._t(\"title\"),_vm._t(\"preview\")],2),_c('v-flex',{staticClass:\"text-right\"},[_vm._t(\"actions\")],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./MessengerAppTitle.vue?vue&type=template&id=4d02a24d&scoped=true&\"\nvar script = {}\nimport style0 from \"./MessengerAppTitle.vue?vue&type=style&index=0&id=4d02a24d&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4d02a24d\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-list-tile',{staticClass:\"conversation-preview\",attrs:{\"avatar\":\"\",\"data-qe-id\":(\"messenger-conversation-preview-\" + (_vm.conversation.id))}},[_c('v-list-tile-avatar',{staticClass:\"conversation-preview__avatars messenger-avatar\",attrs:{\"size\":\"40\"}},[(_vm.otherParticipants[0])?_c('img',{attrs:{\"src\":_vm.otherParticipants[0].profileImageUrl,\"onerror\":_vm.imageErrorFallback(_vm.otherParticipants[0].fallbackProfileImageUrl)}}):_vm._e(),(_vm.otherParticipants[0] && _vm.otherParticipants[1])?_c('div',{staticClass:\"conversation-preview__overlay-avatar\"},[_c('img',{attrs:{\"src\":_vm.otherParticipants[1].profileImageUrl,\"onerror\":_vm.imageErrorFallback(_vm.otherParticipants[1].fallbackProfileImageUrl)}})]):_vm._e()]),_c('v-list-tile-content',[_c('v-list-tile-title',{class:{ 'italic': _vm.otherParticipants.length === 0 }},[_vm._v(\"\\n            \"+_vm._s(_vm.conversationTitle)+\"\\n        \")]),_c('v-list-tile-sub-title',[_vm._v(\"\\n            \"+_vm._s(_vm.conversationSubTitle)+\"\\n        \")]),_c('v-list-tile-sub-title',{class:{\n        'conversation-list__preview-text--unread': _vm.unReadMessages.length\n      }},[_vm._v(\"\\n            \"+_vm._s(_vm.conversationPreview)+\"\\n        \")])],1),_c('v-list-tile-action',[_vm._t(\"actions\"),(_vm.showNotification)?_c('span',{staticClass:\"unread-messages-notifications\",attrs:{\"data-qe-id\":((_vm.conversation.id) + \"_unread-messages-notifications\")}},[_vm._v(\"\\n            \"+_vm._s(_vm.unReadMessages.length)+\"\\n        \")]):_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-list-tile\r\n            avatar\r\n            class=\"conversation-preview\"\r\n            :data-qe-id=\"`messenger-conversation-preview-${conversation.id}`\">\r\n        <v-list-tile-avatar class=\"conversation-preview__avatars messenger-avatar\" size=\"40\">\r\n            <img\r\n                    v-if=\"otherParticipants[0]\"\r\n                    :src=\"otherParticipants[0].profileImageUrl\"\r\n                    :onerror=\"imageErrorFallback(otherParticipants[0].fallbackProfileImageUrl)\">\r\n            <div\r\n                    class=\"conversation-preview__overlay-avatar\"\r\n                    v-if=\"otherParticipants[0] && otherParticipants[1]\">\r\n                <img\r\n                        :src=\"otherParticipants[1].profileImageUrl\"\r\n                        :onerror=\"imageErrorFallback(otherParticipants[1].fallbackProfileImageUrl)\">\r\n            </div>\r\n        </v-list-tile-avatar>\r\n        <v-list-tile-content>\r\n            <v-list-tile-title :class=\"{ 'italic': otherParticipants.length === 0 }\">\r\n                {{conversationTitle}}\r\n            </v-list-tile-title>\r\n            <v-list-tile-sub-title>\r\n                {{conversationSubTitle}}\r\n            </v-list-tile-sub-title>\r\n            <v-list-tile-sub-title\r\n                    :class=\"{\r\n            'conversation-list__preview-text--unread': unReadMessages.length\r\n          }\">\r\n                {{conversationPreview}}\r\n            </v-list-tile-sub-title>\r\n        </v-list-tile-content>\r\n        <v-list-tile-action>\r\n            <slot name=\"actions\"></slot>\r\n            <span class=\"unread-messages-notifications\"\r\n                  v-if=\"showNotification\"\r\n                  :data-qe-id=\"`${conversation.id}_unread-messages-notifications`\">\r\n                {{unReadMessages.length}}\r\n            </span>\r\n        </v-list-tile-action>\r\n    </v-list-tile>\r\n</template>\r\n\r\n<script>\r\n    import { conversationTitle, isGroupConversation, unReadMessages } from '../iam.utils';\r\n    import { mapGetters } from 'vuex';\r\n    import { storeGetters } from '../../../store/storeGetters.constant';\r\n    import { iamConstants } from \"../iam.constant\";\r\n    import { imageErrorFallback } from \"../../../common/utils/utils\";\r\n\r\n    export default {\r\n        name: 'ConversationPreview',\r\n        props: {\r\n            conversation: {\r\n                type: Object,\r\n            },\r\n            activeConversationId: {\r\n                type: String,\r\n            },\r\n        },\r\n        data() {\r\n            return {\r\n                failedImages: {},\r\n            };\r\n        },\r\n        computed: {\r\n            ...mapGetters('messenger', {\r\n                messengerUsername: storeGetters.messengerUsername,\r\n            }),\r\n            singleUserPresence() {\r\n                const others = Object.keys(this.conversation.participants)\r\n                    .filter(k => k !== this.messengerUsername);\r\n\r\n                if (others.length !== 1) {\r\n                    return null;\r\n                }\r\n\r\n                return this.conversation.participants[others[0]].presence;\r\n            },\r\n            otherParticipants() {\r\n                return Object.keys(this.conversation.participants)\r\n                    .filter(k => k.toLowerCase() !== this.messengerUsername)\r\n                    .map(k => this.conversation.participants[k]);\r\n            },\r\n            conversationTitle() {\r\n                let title = '';\r\n                if (this.conversation && this.conversation.participants) {\r\n                    if (this.conversation.id === iamConstants.DRAFT_CHAT_ID\r\n                        || !isGroupConversation(this.conversation)) {\r\n                        title = conversationTitle(this.otherParticipants, this.conversation.id);\r\n                    } else {\r\n                        title = this.conversation.name;\r\n                    }\r\n                }\r\n                return title;\r\n            },\r\n            conversationSubTitle() {\r\n                if (this.otherParticipants.length === 0) {\r\n                    return '';\r\n                } else if (this.otherParticipants.length === 1) {\r\n                    return this.otherParticipants[0].primaryChapterName;\r\n                }\r\n                return `+${this.otherParticipants.length}`;\r\n            },\r\n            conversationPreview() {\r\n                const msgs = this.conversation.events\r\n                    .filter(e => this.isMessage(e));\r\n                return (\r\n                    (msgs && msgs.length &&\r\n                        msgs[msgs.length - 1].messageText) ||\r\n                    ''\r\n                );\r\n            },\r\n            unReadMessages() {\r\n                return unReadMessages(this.conversation);\r\n            },\r\n            showNotification() {\r\n                return this.unReadMessages && this.unReadMessages.length\r\n                    && this.conversation && this.conversation.id !== this.activeConversationId;\r\n            },\r\n        },\r\n        methods: {\r\n            imageErrorFallback,\r\n            isMessage(event) {\r\n                return event.type === 'message';\r\n            },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    @import '../../../common/styles/_colors.scss';\r\n\r\n    .conversation-preview {\r\n        max-width: 400px;\r\n\r\n        &__overlay-avatar {\r\n            height: 30px;\r\n            width: 30px;\r\n            position: absolute;\r\n            left: 20px;\r\n            bottom: 0;\r\n        }\r\n\r\n        .unread-messages-notifications {\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: $ypo-blue;\r\n            padding: 0 5px;\r\n            border-radius: 50%;\r\n            background-color: $ypo-gold;\r\n        }\r\n    }\r\n</style>\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPreview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationPreview.vue?vue&type=template&id=5ba81424&scoped=true&\"\nimport script from \"./ConversationPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConversationPreview.vue?vue&type=style&index=0&id=5ba81424&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5ba81424\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{staticClass:\"conversation-view\",attrs:{\"column\":\"\",\"data-qe-id\":\"messenger-conversation-view\"}},[_c('v-layout',{attrs:{\"column\":\"\"}},[(_vm.showParticipantsAutocomplete)?_c('v-flex',{staticClass:\"px-3 py-1\"},[_c('v-autocomplete',{attrs:{\"dense\":\"\",\"clearable\":\"\",\"label\":_vm.iamConstants.ADD_PARTICIPANTS,\"items\":_vm.typeAheadResults,\"loading\":_vm.loadingTypeAhead,\"search-input\":_vm.typeAheadSearch,\"hint\":_vm.iamConstants.TYPEAHEAD_PROMPT,\"no-data-text\":_vm.typeAheadPlaceholderText,\"data-qe-id\":\"messenger-page_search-people_auto-complete\",\"return-object\":\"\",\"item-text\":\"name\",\"item-avatar\":\"profileImageUrl\"},on:{\"update:searchInput\":function($event){_vm.typeAheadSearch=$event},\"update:search-input\":function($event){_vm.typeAheadSearch=$event}},model:{value:(_vm.draftParticipantsList),callback:function ($$v) {_vm.draftParticipantsList=$$v},expression:\"draftParticipantsList\"}})],1):_c('v-flex',{staticClass:\"conversation-view__chat-title--wrapper\"},[_c('v-layout',{staticClass:\"conversation-view__chat-title\",attrs:{\"row\":\"\"}},[_c('v-flex',{staticClass:\"conversation-view__chat-menu--mobile flex-grow-overwrite\"},[_c('conversation-panel-menu',{attrs:{\"conversation\":_vm.conversation,\"on-manage-group\":_vm.onManageGroup,\"display-right\":true,\"on-deleted\":_vm.onDeleted}})],1),_c('v-flex',{staticClass:\"conversation-view__chat-title--name\",attrs:{\"xs8\":\"\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.title)+\"\\n                \")]),_c('v-flex',{staticClass:\"text text-right\"},[_c('v-layout',{attrs:{\"justify-end\":\"\"}},[_c('v-flex',{staticClass:\"flex-grow-overwrite conversation-view__chat-menu--desktop\"},[_c('conversation-panel-menu',{attrs:{\"conversation\":_vm.conversation,\"on-manage-group\":_vm.onManageGroup,\"on-deleted\":_vm.onDeleted}})],1),_c('v-flex',{staticClass:\"flex-grow-overwrite\"},[_c('v-btn',{attrs:{\"flat\":\"\",\"icon\":\"\",\"color\":\"ypo_cta\",\"data-qe-id\":\"messenger-page_close-chat_btn\"},on:{\"click\":_vm.closeChat}},[_c('i',{staticClass:\"fas fa-times\"})])],1)],1)],1)],1)],1),_c('v-flex',{},[_c('v-layout',{staticClass:\"conversation-history\"},[_c('v-flex',{staticClass:\"inner-scrollbar\",attrs:{\"xs12\":\"\",\"id\":\"messageList\"}},[_c('v-layout',{attrs:{\"column\":\"\"}},_vm._l((_vm.events),function(event,index){return _c('v-flex',{key:index,attrs:{\"xs12\":\"\"}},[(_vm.isMessage(event))?_c('conversation-message',{attrs:{\"message\":event,\"display-date\":index === 0,\"author\":_vm.authorOf(event)}}):(_vm.isMarker(event))?_c('conversation-marker',{attrs:{\"marker\":event}}):_vm._e()],1)}),1)],1)],1)],1),_c('v-flex',{staticClass:\"conversation-actions\",attrs:{\"data-qe-id\":\"conversation-actions\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"conversation-actions__send__block\",attrs:{\"xs12\":\"\",\"pl-2\":\"\"}},[_c('v-textarea',{class:['inner-scrollbar', 'conversation__input', _vm.draftMessage ? '' : 'hide_send'],attrs:{\"auto-grow\":\"\",\"rows\":\"1\",\"hide-details\":\"\",\"data-qe-id\":\"conversation-message-input\"},model:{value:(_vm.draftMessage),callback:function ($$v) {_vm.draftMessage=$$v},expression:\"draftMessage\"}}),_c('v-flex',{staticClass:\"conversation-actions__send\"},[_c('v-icon',{on:{\"click\":_vm.sendMessageForm}},[_vm._v(\"send\")])],1)],1),_c('div')],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{class:[\n      'conversation-message',\n      {\n        'conversation-message--mine': _vm.isMyMessage,\n        'conversation-message--failed': _vm.message.isFailed,\n      } ],attrs:{\"row\":\"\"}},[_c('v-flex',{staticClass:\"conversation-message__image-container conversation-message__item\"},[_c('v-avatar',{attrs:{\"size\":\"36\"}},[_c('v-img',{attrs:{\"src\":_vm.profileImage.url || ''},on:{\"error\":function($event){_vm.profileImage.url = _vm.profileImage.fallback}}})],1)],1),_c('v-flex',{staticClass:\"conversation-message__item\"},[_c('v-layout',{staticClass:\"conversation-message__container\",attrs:{\"column\":\"\"}},[_c('div',[_c('v-flex',[_c('h5',[_vm._v(_vm._s(_vm.author.name))]),_c('span',[_vm._v(_vm._s(_vm.timestamp))])]),_c('span',[_vm._v(_vm._s(_vm.author.primaryChapter))])],1),_c('p',{staticClass:\"conversation-message__message-text\"},[_vm._v(_vm._s(_vm.message.messageText))])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-layout\r\n      row\r\n     \r\n      :class=\"[\r\n        'conversation-message',\r\n        {\r\n          'conversation-message--mine': isMyMessage,\r\n          'conversation-message--failed': message.isFailed,\r\n        },\r\n      ]\">\r\n    <v-flex class=\"conversation-message__image-container conversation-message__item\">\r\n      <v-avatar size=\"36\">\r\n        <v-img\r\n            :src=\"profileImage.url || ''\"\r\n            @error=\"profileImage.url = profileImage.fallback\">\r\n        </v-img>\r\n      </v-avatar>\r\n    </v-flex>\r\n    <v-flex class=\"conversation-message__item\">\r\n      <v-layout column class=\"conversation-message__container\">\r\n        <div>\r\n          <v-flex>\r\n            <h5>{{author.name}}</h5>\r\n            <span>{{timestamp}}</span>\r\n          </v-flex>\r\n          <span>{{author.primaryChapter}}</span>\r\n        </div>\r\n        <p class=\"conversation-message__message-text\">{{message.messageText}}</p>\r\n      </v-layout>\r\n    </v-flex>\r\n  </v-layout>\r\n</template>\r\n\r\n<script>\r\nimport { storeGetters } from '../../../store/storeGetters.constant';\r\nimport { mapGetters } from 'vuex';\r\nimport { getShortMonthName } from \"@/common/utils/dateTime\";\r\n\r\nexport default {\r\n  name: 'ConversationMessage',\r\n  props: {\r\n    message: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    author: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    displayDate: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters('messenger', {\r\n      messengerUsername: storeGetters.messengerUsername,\r\n    }),\r\n    profileImage() {\r\n      return {\r\n        url: this.author.profileImageUrl,\r\n        fallback: this.author.fallbackProfileImageUrl,\r\n      };\r\n    },\r\n    isMyMessage() {\r\n      return this.author.id === this.messengerUsername;\r\n    },\r\n    timestamp() {\r\n      const d = new Date(this.message.ts);\r\n      const h = d.getHours();\r\n      const m = d.getMinutes();\r\n      const date = d.getDate();\r\n      const mon = getShortMonthName(d.getMonth());\r\n      const year = d.getFullYear();\r\n      const dateLabel = this.displayDate ? `${date} ${mon} ${year}` : \"\";\r\n      const two = n => ((s => s.slice(s.length - 2))(`00${n}`));\r\n      return `${two(h)}:${two(m)} ${dateLabel}`;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../../common/styles/_colors.scss';\r\n@import '../../../common/styles/_responsive.scss';\r\n\r\n    .conversation-message {\r\n      &__item {\r\n        flex: 0 1 auto !important;\r\n      }\r\n\r\n      &__image-container {\r\n          margin-right: 10px;\r\n      }\r\n\r\n    &--mine {\r\n        margin-left: 56px;\r\n\r\n      @include breakpoint(sm) {\r\n        margin-left: 20px;\r\n      }\r\n\r\n         .conversation-message__container{\r\n             background: rgba($ypo-blue, 0.1);\r\n         }\r\n\r\n    \r\n    }\r\n    &__container{\r\n        background: $white;\r\n        padding: 5px 10px;\r\n        border-radius: 4px;\r\n        margin-bottom: 10px;\r\n        margin-right: 10px;\r\n    p{\r\n        margin-bottom: 0px;\r\n        line-height: normal;\r\n        display: block;\r\n        margin-top: 5px;\r\n        font-size: 12px;\r\n        word-break: break-word;\r\n    }\r\n    span {\r\n        font-size: 12px;\r\n        line-height: normal;\r\n        display: block;\r\n        color: $ypo-gray;   \r\n    }\r\n    h5 {\r\n        font-weight: 600;\r\n        line-height: normal;\r\n        color: rgba($ypo-blue, 0.8)\r\n\r\n    }\r\n    }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationMessage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationMessage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationMessage.vue?vue&type=template&id=46803d66&scoped=true&\"\nimport script from \"./ConversationMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationMessage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConversationMessage.vue?vue&type=style&index=0&id=46803d66&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"46803d66\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{staticClass:\"conversation-marker\",attrs:{\"align-center\":\"\"}},[_c('hr'),(_vm.hasDate)?_c('span',{staticClass:\"date px-4\"},[_vm._v(\"\\n    \"+_vm._s(_vm.date)+\"\\n  \")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-layout align-center class=\"conversation-marker\">\r\n    <hr>\r\n    <span class=\"date px-4\" v-if=\"hasDate\">\r\n      {{date}}\r\n    </span>\r\n  </v-layout>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ConversationMarker',\r\n  props: {\r\n    marker: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n  },\r\n  computed: {\r\n    hasDate() {\r\n      return this.marker.type === 'marker:date_transition';\r\n    },\r\n    date() {\r\n      const m = new Date(this.marker.ts).toLocaleString([], { month: 'short' });\r\n      const d = new Date(this.marker.ts).toLocaleString([], { day: 'numeric' });\r\n      const y = new Date(this.marker.ts).toLocaleString([], { year: 'numeric' });\r\n      return `${d} ${m} ${y}`;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../../common/styles/_colors.scss';\r\n\r\n.conversation-marker {\r\n  font-family: 'Raleway', sans-serif;\r\n  color: $ypo-dark-gray;\r\n\r\n  hr {\r\n    width: 100%;\r\n    border: none;\r\n    border-top: 2px solid $ypo-medium-gray;\r\n    margin-left: 56px;\r\n  }\r\n\r\n  .date {\r\n    white-space: nowrap;\r\n  }\r\n}\r\n</style>\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationMarker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationMarker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationMarker.vue?vue&type=template&id=2d5b6810&scoped=true&\"\nimport script from \"./ConversationMarker.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationMarker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConversationMarker.vue?vue&type=style&index=0&id=2d5b6810&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2d5b6810\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"conversation-panel-menu\"},[(_vm.selectedMenuOption)?_c('v-dialog',{attrs:{\"width\":\"420\"},model:{value:(_vm.showConversationDialog),callback:function ($$v) {_vm.showConversationDialog=$$v},expression:\"showConversationDialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"conversation-panel-menu__delete-title\"},[_c('h2',[_vm._v(_vm._s(_vm.selectedMenuOption.title))]),_c('v-btn',{staticClass:\"conversation-panel-menu__delete-icon\",attrs:{\"icon\":\"\",\"color\":\"ypo_blue\",\"flat\":\"\",\"data-qe-id\":\"close_dialog_btn\"},on:{\"click\":_vm.onSelectedMenuCancel}},[_c('i',{staticClass:\"fas fa-times\"})])],1),_c('v-card-text',[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.selectedMenuOption.body)}})]),_c('v-card-actions',{staticClass:\"conversation-panel-menu__actions\"},[(_vm.selectedMenuOption.cancelButton)?_c('v-btn',{staticClass:\"bold-font\",attrs:{\"flat\":\"\",\"color\":\"ypo_blue\",\"data-qe-id\":\"cancel_dialog_btn\"},on:{\"click\":_vm.onSelectedMenuCancel}},[_vm._v(\"\\n                    \"+_vm._s(_vm.selectedMenuOption.cancelButton)+\"\\n                \")]):_vm._e(),(_vm.selectedMenuOption.confirmButton)?_c('v-btn',{staticClass:\"primary bold-font\",attrs:{\"dark\":\"\",\"data-qe-id\":\"save_dialog_btn\"},on:{\"click\":_vm.onSelectedMenuConfirm}},[_vm._v(\"\\n                    \"+_vm._s(_vm.selectedMenuOption.confirmButton)+\"\\n                \")]):_vm._e()],1)],1)],1):_vm._e(),_c('v-menu',{staticClass:\"messenger-menu\",attrs:{\"right\":_vm.displayRight,\"left\":!_vm.displayRight}},[_c('v-btn',{attrs:{\"slot\":\"activator\",\"flat\":\"\",\"icon\":\"\",\"color\":\"ypo_cta\"},slot:\"activator\"},[_c('v-icon',[_vm._v(\"more_vert\")])],1),_c('v-list',{staticClass:\"messenger-menu__list\"},_vm._l((_vm.menuOptions),function(menuItem){return (menuItem.isVisible)?_c('v-list-tile',{key:menuItem.key,attrs:{\"data-qe-id\":menuItem.key,\"clsss\":\"messenger-menu__list-item\"},on:{\"click\":function($event){return _vm.handleSelection(menuItem)}}},[_c('v-list-tile-title',[_vm._v(_vm._s(menuItem.label))])],1):_vm._e()}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"conversation-panel-menu\">\r\n        <v-dialog v-model=\"showConversationDialog\" v-if=\"selectedMenuOption\" width=\"420\">\r\n            <v-card>\r\n                <v-card-title class=\"conversation-panel-menu__delete-title\">\r\n                    <h2>{{selectedMenuOption.title}}</h2>\r\n                    <v-btn icon color=\"ypo_blue\"\r\n                           class=\"conversation-panel-menu__delete-icon\"\r\n                           flat\r\n                           data-qe-id=\"close_dialog_btn\"\r\n                           @click=\"onSelectedMenuCancel\">\r\n                        <i class=\"fas fa-times\"></i>\r\n                    </v-btn>\r\n                </v-card-title>\r\n                <v-card-text>\r\n                    <p v-html=\"selectedMenuOption.body\"></p>\r\n                </v-card-text>\r\n                <v-card-actions class=\"conversation-panel-menu__actions\">\r\n                    <v-btn flat color=\"ypo_blue\" class=\"bold-font\"\r\n                           v-if=\"selectedMenuOption.cancelButton\"\r\n                           data-qe-id=\"cancel_dialog_btn\"\r\n                           @click=\"onSelectedMenuCancel\">\r\n                        {{selectedMenuOption.cancelButton}}\r\n                    </v-btn>\r\n                    <v-btn dark class=\"primary bold-font\"\r\n                           v-if=\"selectedMenuOption.confirmButton\"\r\n                           data-qe-id=\"save_dialog_btn\"\r\n                           @click=\"onSelectedMenuConfirm\">\r\n                        {{selectedMenuOption.confirmButton}}\r\n                    </v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n        </v-dialog>\r\n        <v-menu :right=\"displayRight\" :left=\"!displayRight\" class=\"messenger-menu\">\r\n            <v-btn flat icon slot=\"activator\" color=\"ypo_cta\">\r\n                <v-icon>more_vert</v-icon>\r\n            </v-btn>\r\n            <v-list class=\"messenger-menu__list\">\r\n                <v-list-tile v-for=\"menuItem in menuOptions\"\r\n                             :key=\"menuItem.key\"\r\n                             :data-qe-id=\"menuItem.key\"\r\n                             @click=\"handleSelection(menuItem)\"\r\n                             v-if=\"menuItem.isVisible\"\r\n                             clsss=\"messenger-menu__list-item\">\r\n                    <v-list-tile-title>{{menuItem.label}}</v-list-tile-title>\r\n                </v-list-tile>\r\n            </v-list>\r\n        </v-menu>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { mapActions, mapGetters } from 'vuex';\r\n    import { storeAction } from \"../../../store/storeActions.constant\";\r\n    import { isValidConversationId, isGroupConversation, canEditConversation } from \"../iam.utils\";\r\n    import { appCommonConstants } from \"../../appCommon.constants\";\r\n    import {\r\n        groupConversationMenu,\r\n        iamConstants,\r\n        oneOnOneConversationMenu,\r\n    } from \"../iam.constant\";\r\n    import { storeGetters } from \"../../../store/storeGetters.constant\";\r\n    import { appConstant } from \"../../../app.constant\";\r\n\r\n    export default {\r\n        name: 'ConversationPanelMenu',\r\n        props: {\r\n            conversation: {\r\n                type: Object,\r\n                required: true,\r\n            },\r\n            onDeleted: {\r\n                type: Function,\r\n                required: false,\r\n            },\r\n            onManageGroup: {\r\n                type: Function,\r\n            },\r\n            onRenameAction: {\r\n                type: Function,\r\n            },\r\n            displayRight: {\r\n                type: Boolean,\r\n            },\r\n        },\r\n        data() {\r\n            return {\r\n                appCommonConstants,\r\n                iamConstants,\r\n                showConversationDialog: false,\r\n                selectedMenuOption: null,\r\n            };\r\n        },\r\n        methods: {\r\n            ...mapActions('messenger', {\r\n                sendMessage: storeAction.sendMessage,\r\n                deleteConversation: storeAction.deleteConversation,\r\n                removeConnection: storeAction.removeConnection,\r\n            }),\r\n            handleSelection(menuItem) {\r\n                if (menuItem && menuItem.clickHandler) {\r\n                    this[menuItem.clickHandler](menuItem);\r\n                }\r\n            },\r\n            onSelectedMenuConfirm() {\r\n                if (this.selectedMenuOption) {\r\n                    this[this.selectedMenuOption.onConfirm]();\r\n                }\r\n            },\r\n            onSelectedMenuCancel() {\r\n                if (this.selectedMenuOption) {\r\n                    this[this.selectedMenuOption.onCancel]();\r\n                }\r\n            },\r\n            setSelectedMenuOption(menuItem) {\r\n                if (!isValidConversationId(this.conversation.id)) {\r\n                    return;\r\n                }\r\n                if (menuItem.actionData) {\r\n                    this.selectedMenuOption = menuItem.actionData;\r\n                    this.showConversationDialog = true;\r\n                }\r\n            },\r\n            confirmDeleteConversation() {\r\n                this.deleteConversation({ conversationId: this.conversation.id }).then(() => {\r\n                    this.showConversationDialog = false;\r\n                    if (this.onDeleted) this.onDeleted();\r\n                });\r\n            },\r\n            confirmRemoveConnection() {\r\n                this.removeConnection(this.conversation);\r\n            },\r\n            cancelDialogAction() {\r\n                this.showConversationDialog = false;\r\n            },\r\n            manageGroup() {\r\n                this.onManageGroup(this.conversation);\r\n            },\r\n            handleRenameGroup() {\r\n                this.onRenameAction();\r\n            },\r\n            launchPnP() {\r\n                window.open(appConstant.POLICY_AND_PROCEDURE_LINK, '_blank');\r\n            },\r\n        },\r\n        computed: {\r\n            ...mapGetters('messenger', {\r\n                messengerUsername: storeGetters.messengerUsername,\r\n            }),\r\n            menuOptions() {\r\n                let options = [];\r\n                if (this.conversation) {\r\n                    if (isGroupConversation(this.conversation)) {\r\n                        const canEdit = canEditConversation(this.conversation);\r\n                        options = groupConversationMenu(canEdit, this.onManageGroup, this.onRenameAction);\r\n                    } else {\r\n                        options = oneOnOneConversationMenu(this.conversation, this.messengerUsername);\r\n                    }\r\n                }\r\n                return options;\r\n            },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    @import '../../../common/styles/_colors.scss';\r\n\r\n    .conversation-panel-menu {\r\n\r\n        &__actions {\r\n            padding: 0 20px 10px 0 !important;\r\n            justify-content: flex-end;\r\n        }\r\n\r\n        &__delete {\r\n            &-title {\r\n                background-color: $ypo-tile-border;\r\n                color: $ypo-blue;\r\n            }\r\n\r\n            &-icon {\r\n                position: absolute;\r\n                right: 0;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanelMenu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanelMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationPanelMenu.vue?vue&type=template&id=11169544&scoped=true&\"\nimport script from \"./ConversationPanelMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationPanelMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConversationPanelMenu.vue?vue&type=style&index=0&id=11169544&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"11169544\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <v-layout column class=\"conversation-view\" data-qe-id=\"messenger-conversation-view\">\r\n        <v-layout column>\r\n            <v-flex v-if=\"showParticipantsAutocomplete\" class=\"px-3 py-1\">\r\n                <v-autocomplete\r\n                        dense clearable\r\n                        v-model=\"draftParticipantsList\"\r\n                        :label=\"iamConstants.ADD_PARTICIPANTS\"\r\n                        :items=\"typeAheadResults\"\r\n                        :loading=\"loadingTypeAhead\"\r\n                        :search-input.sync=\"typeAheadSearch\"\r\n                        :hint=\"iamConstants.TYPEAHEAD_PROMPT\"\r\n                        :no-data-text=\"typeAheadPlaceholderText\"\r\n                        data-qe-id=\"messenger-page_search-people_auto-complete\"\r\n                        return-object\r\n                        item-text=\"name\"\r\n                        item-avatar=\"profileImageUrl\">\r\n                </v-autocomplete>\r\n            </v-flex>\r\n            <v-flex v-else class=\"conversation-view__chat-title--wrapper\">\r\n                <v-layout row class=\"conversation-view__chat-title\">\r\n                    <v-flex class=\"conversation-view__chat-menu--mobile flex-grow-overwrite\">\r\n                       <conversation-panel-menu\r\n                               :conversation=\"conversation\"\r\n                               :on-manage-group=\"onManageGroup\"\r\n                               :display-right=\"true\"\r\n                               :on-deleted=\"onDeleted\">\r\n                       </conversation-panel-menu>\r\n                    </v-flex>\r\n                    <v-flex class=\"conversation-view__chat-title--name\" xs8>\r\n                        {{title}}\r\n                    </v-flex>\r\n                    <v-flex class=\"text text-right\">\r\n                        <v-layout justify-end>\r\n                            <v-flex class=\"flex-grow-overwrite conversation-view__chat-menu--desktop\">\r\n                                <conversation-panel-menu\r\n                                        :conversation=\"conversation\"\r\n                                        :on-manage-group=\"onManageGroup\"\r\n                                        :on-deleted=\"onDeleted\">\r\n                                </conversation-panel-menu>\r\n                            </v-flex>\r\n                            <v-flex class=\"flex-grow-overwrite\">\r\n                                <v-btn flat icon color=\"ypo_cta\" @click=\"closeChat\"\r\n                                       data-qe-id=\"messenger-page_close-chat_btn\">\r\n                                    <i class=\"fas fa-times\"></i>\r\n                                </v-btn>\r\n                            </v-flex>\r\n                        </v-layout>\r\n                    </v-flex>\r\n                </v-layout>\r\n            </v-flex>\r\n            <v-flex class=\"\">\r\n                <v-layout class=\"conversation-history\">\r\n                    <v-flex xs12 class=\"inner-scrollbar\" id=\"messageList\">\r\n                        <v-layout column>\r\n                            <v-flex xs12 v-for=\"(event, index) in events\"\r\n                                    :key=\"index\">\r\n                                <conversation-message v-if=\"isMessage(event)\"\r\n                                                      :message=\"event\"\r\n                                                      :display-date=\"index === 0\"\r\n                                                      :author=\"authorOf(event)\"></conversation-message>\r\n                                <conversation-marker v-else-if=\"isMarker(event)\" :marker=\"event\"></conversation-marker>\r\n                            </v-flex>\r\n                        </v-layout>\r\n                    </v-flex>\r\n                </v-layout>\r\n            </v-flex>\r\n            <v-flex class=\"conversation-actions\" data-qe-id=\"conversation-actions\">\r\n                <v-layout row wrap>\r\n                    <v-flex xs12 pl-2 class=\"conversation-actions__send__block\">\r\n                        <v-textarea auto-grow rows=\"1\"\r\n                                    v-model=\"draftMessage\"\r\n                                    hide-details\r\n                                    :class=\"['inner-scrollbar', 'conversation__input', draftMessage ? '' : 'hide_send']\"\r\n                                    data-qe-id=\"conversation-message-input\">\r\n                        </v-textarea>\r\n                        <v-flex  class=\"conversation-actions__send\">\r\n                        <v-icon @click=\"sendMessageForm\">send</v-icon>\r\n                    </v-flex>\r\n                    </v-flex>\r\n                    \r\n                    <div>\r\n                        <!-- TODO enable media -->\r\n                        <!-- <v-btn icon>\r\n                          <v-icon>photo_size_select_actual</v-icon>\r\n                        </v-btn>\r\n                        <v-btn icon>\r\n                          <v-icon>attach_file</v-icon>\r\n                        </v-btn> -->\r\n                        <!-- TODO this needs to pop out an emoji picker -->\r\n                        <!-- <v-btn icon>\r\n                          <v-icon>tag_faces</v-icon>\r\n                        </v-btn> -->\r\n                    </div>\r\n\r\n                </v-layout>\r\n            </v-flex>\r\n        </v-layout>\r\n    </v-layout>\r\n</template>\r\n\r\n<script>\r\n    import { appCommonConstants } from \"@/components/appCommon.constants\";\r\n    import ConversationMessage from './ConversationMessage';\r\n    import ConversationMarker from './ConversationMarker';\r\n    import { iamConstants } from '../iam.constant';\r\n    import {\r\n        conversationTitle,\r\n        isValidConversationId,\r\n        isGroupConversation,\r\n        getMessagesFromConversation,\r\n    } from '../iam.utils';\r\n    import { mapActions, mapGetters, mapMutations } from 'vuex';\r\n    import { storeAction } from '../../../store/storeActions.constant';\r\n    import { storeGetters } from '../../../store/storeGetters.constant';\r\n    import { storeMutation } from '../../../store/storeMutations.constant';\r\n    import ConversationPanelMenu from \"./ConversationPanelMenu\";\r\n\r\n    export default {\r\n        name: 'ConversationPanel',\r\n        components: {\r\n            ConversationPanelMenu,\r\n            ConversationMessage,\r\n            ConversationMarker,\r\n        },\r\n        props: {\r\n            conversation: {\r\n                type: Object,\r\n                required: true,\r\n            },\r\n            setActiveConversationPriorToSend: {\r\n                type: Function,\r\n                required: true,\r\n            },\r\n            startSendingReadMarkers: {\r\n                type: Boolean,\r\n            },\r\n            // This can't be handled by an event listener because it's expected\r\n            // that the component emitting this event will be deleted when the\r\n            // conversation no longer exists.\r\n            onDeleted: {\r\n                type: Function,\r\n                required: false,\r\n            },\r\n            onSendMessage: {\r\n                type: Function,\r\n                required: false,\r\n            },\r\n            onManageGroup: {\r\n                type: Function,\r\n                required: false,\r\n            },\r\n            closeChatAction: {\r\n                type: Function,\r\n            },\r\n        },\r\n        created() {\r\n            const p = Object.keys(this.conversation.participants);\r\n            this.showParticipantsAutocomplete = !p.length;\r\n        },\r\n        mounted() {\r\n            this.scrollToBottom();\r\n        },\r\n        watch: {\r\n            events() {\r\n                this.scrollToBottom();\r\n                //setting seen for the latest event when on active conversation\r\n                if (this.conversation && this.startSendingReadMarkers) {\r\n                    this.sendReadNotification(this.conversation);\r\n                }\r\n            },\r\n            typeAheadSearch(searchText) {\r\n                this.loadingTypeAhead = true;\r\n                clearTimeout(this.timeoutForTypeAhead);\r\n                this.timeoutForTypeAhead = setTimeout(() => {\r\n                    if (searchText && searchText.length > 2) {\r\n                        this.setMemberDirectorySearchText(searchText);\r\n                        this.initiatePeopleSearch()\r\n                            .then((resp) => {\r\n                                if (resp && resp.data) {\r\n                                    this.typeAheadResults = resp.data.map(sr => ({\r\n                                        ...sr,\r\n                                        name: `${sr.preferredName || sr.firstName} ${sr.lastName}`,\r\n                                    }));\r\n                                }\r\n                            })\r\n                            .catch(() => {\r\n                                this.typeAheadResults = [];\r\n                            })\r\n                            .finally(() => {\r\n                                this.loadingTypeAhead = false;\r\n                            });\r\n                    } else {\r\n                        this.loadingTypeAhead = false;\r\n                        this.typeAheadResults = [];\r\n                    }\r\n                }, 200);\r\n            },\r\n        },\r\n        data() {\r\n            return {\r\n                iamConstants,\r\n                appCommonConstants,\r\n                currentDialog: null,\r\n                // draftParticipantsList: [],\r\n                draftParticipantsList: null, // groups not enabled\r\n                showParticipantsAutocomplete: false,\r\n                draftMessage: '',\r\n                disableSend: false,\r\n                isScrolledToBottom: true,\r\n                typeAheadSearch: '',\r\n                loadingTypeAhead: false,\r\n                timeoutForTypeAhead: null,\r\n                typeAheadResults: [],\r\n            };\r\n        },\r\n        computed: {\r\n            ...mapGetters('messenger', {\r\n                messengerUsername: storeGetters.messengerUsername,\r\n                chatParticipantProfiles: storeGetters.chatParticipantProfiles,\r\n            }),\r\n            typeAheadPlaceholderText() {\r\n                if (this.loadingTypeAhead) {\r\n                    return iamConstants.LOADING_TYPEAHEAD_RESULTS;\r\n                } else if (this.typeAheadSearch) {\r\n                    return iamConstants.NO_RESULTS;\r\n                }\r\n                return iamConstants.TYPEAHEAD_PROMPT;\r\n            },\r\n            title() {\r\n                let title = '';\r\n                if (this.conversation && this.conversation.participants) {\r\n                    title = !isGroupConversation(this.conversation)\r\n                        ? conversationTitle(Object.keys(this.conversation.participants)\r\n                            .filter(k => k !== this.messengerUsername)\r\n                            .map(k => this.conversation.participants[k]))\r\n                        : this.conversation.name;\r\n                }\r\n                return title;\r\n            },\r\n            events() {\r\n                const events = [];\r\n                const rawEvents = (this.conversation && this.conversation.events) || [];\r\n\r\n                let lastDateTs = null;\r\n                rawEvents.forEach((e) => {\r\n                    if (!this.isDisplayable(e)) return;\r\n\r\n                    const eventDate = new Date(e.ts);\r\n                    eventDate.setHours(0, 0, 0, 0);\r\n                    const dateTs = eventDate.getTime();\r\n                    if (!lastDateTs) {\r\n                        lastDateTs = dateTs;\r\n                    } else if (dateTs !== lastDateTs) {\r\n                        events.push({\r\n                            type: 'marker:date_transition',\r\n                            ts: dateTs,\r\n                        });\r\n                        lastDateTs = dateTs;\r\n                    }\r\n\r\n                    events.push(e);\r\n                });\r\n                return events;\r\n            },\r\n        },\r\n        methods: {\r\n            ...mapMutations('messenger', {\r\n                insertFailedMessage: storeMutation.insertFailedMessage,\r\n            }),\r\n            ...mapMutations('memberDirectory', {\r\n                setMemberDirectorySearchText: storeMutation.setMemberDirectorySearchText,\r\n            }),\r\n            ...mapActions('messenger', {\r\n                sendMessage: storeAction.sendMessage,\r\n                deleteConversation: storeAction.deleteConversation,\r\n                setRoomReadMarkers: storeAction.setRoomReadMarkers,\r\n            }),\r\n            ...mapActions('memberDirectory', {\r\n                initiatePeopleSearch: storeAction.initiatePeopleSearch,\r\n            }),\r\n            closeChat() {\r\n                if (this.closeChatAction) {\r\n                    this.closeChatAction();\r\n                } else {\r\n                    this.$router.go(-1);\r\n                }\r\n            },\r\n            isMessage(event) {\r\n                return !!(event && event.type === 'message');\r\n            },\r\n            isMarker(event) {\r\n                return !!(event && /marker:.+/.test(event.type));\r\n            },\r\n            isDisplayable(event) {\r\n                return this.isMessage(event) || this.isMarker(event);\r\n            },\r\n            authorOf(message) {\r\n                if (!message || !message.author) return {};\r\n                return this.chatParticipantProfiles[message.author] || {};\r\n            },\r\n            sendMessageForm() {\r\n                if (this.draftMessage.trim().length > 0) {\r\n                    if (!Object.keys(this.conversation.participants).length) {\r\n                        const p = {};\r\n                        // this.draftParticipantsList.forEach((x) => { p[x.id] = x; });\r\n                        p[this.draftParticipantsList.id] = this.draftParticipantsList; // groups not enabled\r\n                        this.conversation.participants = p;\r\n                    }\r\n\r\n                    //adding this to remove the notification count display for conversation that is selected on load\r\n                    if (isValidConversationId(this.conversation.id)) {\r\n                        this.setActiveConversationPriorToSend(this.conversation.id);\r\n                    } else {\r\n                        this.setActiveConversationPriorToSend(iamConstants.DRAFT_CHAT_ID);\r\n                    }\r\n\r\n                    this.disableSend = true;\r\n                    this.sendMessage({\r\n                        conversation: this.conversation,\r\n                        messageText: this.draftMessage,\r\n                    })\r\n                        .then((conversationId) => {\r\n                            if (this.onSendMessage) this.onSendMessage({ conversationId });\r\n                        })\r\n                        .catch((err) => {\r\n                            const msgs = this.events.filter(e => this.isMessage(e));\r\n                            const previousMessageId =\r\n                                (msgs && msgs.length &&\r\n                                    msgs[msgs.length - 1].id) ||\r\n                                null;\r\n                            this.insertFailedMessage({\r\n                                conversationId: this.conversation.id,\r\n                                previousMessageId,\r\n                                message: {\r\n                                    author: this.messengerUsername,\r\n                                    messageText: this.draftMessage,\r\n                                },\r\n                            });\r\n                            throw err;\r\n                        })\r\n                        .finally(() => {\r\n                            this.showParticipantsAutocomplete = false;\r\n                            this.disableSend = false;\r\n                            this.draftMessage = '';\r\n                            this.scrollToBottom();\r\n                            document.getElementById('conversation-message-input').style.height = \"auto\";\r\n                        });\r\n                }\r\n            },\r\n            initDeleteConversation() {\r\n                if (!isValidConversationId(this.conversation.id)) {\r\n                    return;\r\n                }\r\n                this.showDeleteConversationDialog = true;\r\n            },\r\n            confirmDeleteConversation() {\r\n                this.deleteConversation({ conversationId: this.conversation.id }).then(() => {\r\n                    this.showDeleteConversationDialog = false;\r\n                    if (this.onDeleted) this.onDeleted();\r\n                });\r\n            },\r\n            scrollToBottom() {\r\n                const objDiv = document.getElementById(\"messageList\");\r\n                if (objDiv) {\r\n                    objDiv.scrollTop = objDiv.scrollHeight;\r\n                }\r\n            },\r\n            sendReadNotification(ac) {\r\n                const messageList = getMessagesFromConversation(ac);\r\n                if (messageList && messageList.length) {\r\n                    const lastEvent = messageList[messageList.length - 1];\r\n                    this.setRoomReadMarkers({ roomId: ac.id, eventId: lastEvent.id });\r\n                }\r\n            },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    @import '../../../common/styles/_colors.scss';\r\n    @import '../../../common/styles/_responsive.scss';\r\n    @import '../../../common/styles/_commonClasses.scss';\r\n\r\n    .conversation-view__chat-title--wrapper {\r\n        max-height: 50px;\r\n    }\r\n\r\n    .conversation-view {\r\n        margin-right: -1px;\r\n        background: url(../../../assets/triangle.png);\r\n        height: 100%;\r\n\r\n        &__chat {\r\n\r\n            &-title {\r\n                color: $ypo-blue;\r\n                background: $ypo-open-blue-gray;\r\n                font-size: 16px;\r\n                min-height: 51px;\r\n\r\n                @include breakpoint(xs) {\r\n                    font-size: 14px;\r\n                }\r\n\r\n                &--name {\r\n                    font-weight: 600;\r\n                    padding: 12px 0 10px 20px;\r\n                    text-align: left;\r\n\r\n                    @include breakpoint(xs) {\r\n                        text-align: center;\r\n                        padding: 15px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &-menu {\r\n                &--mobile {\r\n                    display: none;\r\n                    @include breakpoint(xs) {\r\n                        display: block;\r\n                    }\r\n                }\r\n\r\n                &--desktop {\r\n                    @include breakpoint(xs) {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n         @include breakpoint(xs) {\r\n             margin-right: 0px;\r\n         }\r\n    }\r\n\r\n    .conversation__input {\r\n        padding: 10px 5px;\r\n        max-height: 80px;\r\n        overflow: auto;\r\n    }\r\n\r\n    .conversation-history {\r\n        align-items: stretch;\r\n        height: 100%;\r\n\r\n        & > * {\r\n            flex-grow: 1;\r\n        }\r\n\r\n        padding: 10px 10px 0;\r\n\r\n        .inner-scrollbar {\r\n            max-height: 60vh;\r\n            min-height: 60vh;\r\n            margin-right: 0;\r\n            overflow: auto;\r\n        }\r\n    }\r\n\r\n    .conversation-actions {\r\n        border-left: 1px solid rgba($ypo-blue, 0.09);\r\n        position: relative;\r\n\r\n        .layout {\r\n            background: $white;\r\n            box-shadow: 0 0 2px 0 rgba($black, 0.18);\r\n            bottom: 0;\r\n            width: 100%;\r\n        }\r\n\r\n        &__row {\r\n            text-align: right;\r\n            .v-btn {\r\n                margin: 10px 0 0 0;\r\n            }\r\n        }\r\n        &__send {\r\n            position: absolute;\r\n            padding: 14px 10px;\r\n            right: 0px;\r\n            top: 0px;\r\n            z-index: 2;\r\n            .v-icon {\r\n                color: $ypo-cta;\r\n            }\r\n            &__block {\r\n                position: relative;\r\n                padding-right: 50px;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n    @import '../../../common/styles/_responsive.scss';\r\n\r\n    .conversation-history .vue-recycle-scroller__item-view.hover {\r\n        cursor: unset;\r\n    }\r\n\r\n    .conversation-history .vue-recycle-scroller__item-view {\r\n        width: auto !important;\r\n    }\r\n\r\n    .hide_send {\r\n        .v-input__append-inner {\r\n            @include breakpoint(xs) {\r\n                display: none !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .conversation__input {\r\n        .v-icon {\r\n            color: $ypo_cta !important;\r\n        }\r\n        @include breakpoint(xs) {\r\n            position: relative;\r\n            .v-input__slot {\r\n                position: relative;\r\n                &::before, &:after {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n</style>\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationPanel.vue?vue&type=template&id=a81aa6d6&scoped=true&\"\nimport script from \"./ConversationPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConversationPanel.vue?vue&type=style&index=0&id=a81aa6d6&scoped=true&lang=scss&\"\nimport style1 from \"./ConversationPanel.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a81aa6d6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{staticClass:\"messenger-group\",attrs:{\"column\":\"\"}},[_c('status-bar',{attrs:{\"action\":_vm.createAction}}),_c('v-layout',{staticClass:\"messenger-group__create relative-position\",attrs:{\"column\":\"\"}},[(_vm.createGroupInProgress)?_c('div',{staticClass:\"disabled-overlay\"}):_vm._e(),(_vm.isNewGroup)?_c('v-flex',{staticClass:\"messenger-group__create-title\",attrs:{\"pa-3\":\"\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.iamConstants.CREATE_NEW_YPO_MESSENGER_GROUP)+\"\\n        \")]):_vm._e(),(!_vm.isNewGroup)?_c('v-flex',{staticClass:\"messenger-group__edit-title\"},[(!_vm.renameGroupToggled)?_c('v-layout',{attrs:{\"row\":\"\"}},[_c('v-flex',{staticClass:\"messenger-group__name\",attrs:{\"pa-3\":\"\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.groupChat.name)+\"\\n                \")]),_c('v-flex',[_c('v-card-actions',{staticClass:\"text-right messenger-group__menu-actions\"},[_c('v-btn',{staticClass:\"messenger-group__message-btn chat--desktop\",attrs:{\"flat\":\"\",\"color\":\"ypo_cta\",\"data-qe-id\":\"message-group_btn--desktop\"},on:{\"click\":_vm.messageGroup}},[_c('v-icon',{staticClass:\"fas fa-comments\",attrs:{\"color\":\"ypo_cta\",\"size\":\"20\"}}),_c('span',{staticClass:\"messenger-group__message-label\"},[_vm._v(\"\\n                                    \"+_vm._s(_vm.iamConstants.MESSAGE_GROUP)+\"\\n                                \")])],1),_c('v-btn',{staticClass:\"chat--mobile\",attrs:{\"flat\":\"\",\"icon\":\"\",\"color\":\"ypo_cta\",\"data-qe-id\":\"message-group_btn--mobile\"},on:{\"click\":_vm.messageGroup}},[_c('v-icon',{staticClass:\"fas fa-comments\",attrs:{\"color\":\"ypo_cta\",\"size\":\"18\"}})],1),_c('conversation-panel-menu',{attrs:{\"conversation\":_vm.conversation,\"on-rename-action\":_vm.handleRename,\"on-deleted\":_vm.onDeleted}})],1)],1)],1):_c('v-layout',{attrs:{\"pl-2\":\"\",\"pr-2\":\"\"}},[_c('v-flex',{attrs:{\"xs9\":\"\"}},[_c('v-text-field',{staticClass:\"messenger-group__input-box\",attrs:{\"autofocus\":\"\",\"maxlength\":_vm.iamConstants.GROUP_NAME_MAX,\"hide-details\":\"\",\"data-qe-id\":\"update_group_chat_name\",\"placeholder\":_vm.iamConstants.NEW_GROUP_CHAT_PLACEHOLDER},on:{\"click\":function($event){_vm.searchMemberActive = false}},model:{value:(_vm.groupChat.name),callback:function ($$v) {_vm.$set(_vm.groupChat, \"name\", $$v)},expression:\"groupChat.name\"}})],1),_c('v-flex',{staticClass:\"text-right\"},[_c('v-card-actions',{staticClass:\"chat--desktop\"},[_c('v-btn',{staticClass:\"bold-font\",attrs:{\"flat\":\"\",\"color\":\"ypo_blue\",\"data-qe-id\":\"chat-desktop_group-rename_cancel_btn\"},on:{\"click\":function($event){_vm.renameGroupToggled = false}}},[_vm._v(\"\\n                            \"+_vm._s(_vm.appCommonConstants.CANCEL)+\"\\n                        \")]),_c('v-btn',{staticClass:\"primary bold-font\",attrs:{\"dark\":\"\",\"data-qe-id\":\"chat-desktop_group-rename_save_btn\"},on:{\"click\":_vm.renameGroup}},[_vm._v(\"\\n                            \"+_vm._s(_vm.appCommonConstants.SAVE)+\"\\n                        \")])],1),_c('v-card-actions',{staticClass:\"chat--mobile\"},[_c('v-btn',{staticClass:\"bold-font\",attrs:{\"flat\":\"\",\"icon\":\"\",\"color\":\"ypo_blue\",\"data-qe-id\":\"chat-mobile_group-rename_cancel_btn\"},on:{\"click\":function($event){_vm.renameGroupToggled = false}}},[_c('v-icon',[_vm._v(\"highlight_off\")])],1),_c('v-btn',{staticClass:\"bold-font\",attrs:{\"flat\":\"\",\"icon\":\"\",\"color\":\"ypo_blue\",\"data-qe-id\":\"chat-mobile_group-rename_save_btn\"},on:{\"click\":_vm.renameGroup}},[_c('v-icon',[_vm._v(\"check_circle_outline\")])],1)],1)],1)],1)],1):_vm._e(),(_vm.isNewGroup)?_c('v-flex',{staticClass:\"messenger-group__new-group\",attrs:{\"pt-1\":\"\",\"pl-3\":\"\",\"pr-3\":\"\",\"pb-1\":\"\"}},[_c('v-layout',{attrs:{\"row\":\"\"}},[_c('v-flex',{attrs:{\"xs9\":\"\"}},[_c('v-text-field',{staticClass:\"messenger-group__input-box\",attrs:{\"autofocus\":\"\",\"maxlength\":_vm.iamConstants.GROUP_NAME_MAX,\"hide-details\":\"\",\"data-qe-id\":\"new_group_chat_name\",\"placeholder\":_vm.iamConstants.NEW_GROUP_CHAT_PLACEHOLDER},on:{\"click\":function($event){_vm.searchMemberActive = false}},model:{value:(_vm.groupChat.name),callback:function ($$v) {_vm.$set(_vm.groupChat, \"name\", $$v)},expression:\"groupChat.name\"}})],1),_c('v-flex',{staticClass:\"text-right\"},[_c('v-btn',{staticClass:\"primary bold-font\",attrs:{\"dark\":!!_vm.canCreate,\"data-qe-id\":\"chat_create-new-group_btn\",\"disabled\":!_vm.canCreate},on:{\"click\":_vm.createNewChatGroup}},[_vm._v(\"\\n                        \"+_vm._s(_vm.appCommonConstants.CREATE)+\"\\n                    \")])],1)],1)],1):_vm._e(),(!!_vm.groupChat.name)?_c('v-flex',{staticClass:\"messenger-group__participants\"},[_c('v-layout',{attrs:{\"row\":\"\",\"pt-2\":\"\",\"pr-2\":\"\",\"pl-3\":\"\"}},[_c('v-flex',[_c('v-layout',[_c('v-flex',{class:[\n                                    'messenger-group__participants-count',\n                                    _vm.canAddMoreParticipants ? '' : 'messenger-group__participants-count--max'\n                                ]},[_vm._v(\"\\n                            \"+_vm._s(_vm.participantsCount)+\"\\n                        \")]),_c('v-flex',{staticClass:\"messenger-group__participants-remaining\"},[_c('div',{staticClass:\"messenger-group__participants-remaining--count\"},[_vm._v(\"\\n                                /\"+_vm._s(_vm.iamConstants.MAX_PARTICIPANTS)+\"\\n                            \")]),_c('div',{staticClass:\"messenger-group__participants-remaining--label\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.iamConstants.PARTICIPANTS)+\"\\n                            \")])])],1)],1),(_vm.canAddMoreParticipants)?_c('v-flex',{staticClass:\"text-right\"},[_c('v-btn',{class:['messenger-group__participants-add', _vm.searchMemberActive ? 'opacity-half' : ''],attrs:{\"flat\":\"\",\"color\":\"ypo_cta\",\"data-qe-id\":\"messenger-group__participants-add__btn\"},on:{\"click\":_vm.activateSearchMember}},[_c('v-icon',{staticClass:\"messenger-group__participants-add-icon\",attrs:{\"size\":\"20\"}},[_vm._v(\"group_add\")]),_c('span',{staticClass:\"messenger-group__participants-add-label\"},[_vm._v(\"\\n                            \"+_vm._s(_vm.iamConstants.ADD_PARTICIPANTS_TO_GROUP)+\"\\n                        \")])],1)],1):_vm._e()],1),(_vm.searchMemberActive && _vm.canAddMoreParticipants)?_c('v-flex',{staticClass:\"messenger-group__search\",attrs:{\"pl-3\":\"\",\"pr-3\":\"\"}},[_c('v-text-field',{staticClass:\"messenger-group__input-box\",attrs:{\"outline\":false,\"hide-details\":\"\",\"autofocus\":_vm.searchMemberActive,\"data-qe-id\":\"messenger-group_search_member_input\",\"browser-autocomplete\":\"new-password\",\"placeholder\":_vm.iamConstants.SEARCH_PLACEHOLDER_IN_GROUP},on:{\"keyup\":function($event){return _vm.searchMember(_vm.memberSearchText)}},model:{value:(_vm.memberSearchText),callback:function ($$v) {_vm.memberSearchText=$$v},expression:\"memberSearchText\"}}),(_vm.memberSearchText)?_c('v-layout',{staticClass:\"relative-position messenger-group__search-result\",attrs:{\"column\":\"\"}},[_c('status-overlay',{attrs:{\"action\":_vm.typeAheadAction,\"content-height\":\"150px\"}}),(_vm.memberSearchResult && _vm.memberSearchResult.length)?_c('v-layout',{staticClass:\"messenger-group__search-result--list inner-scrollbar\",attrs:{\"column\":\"\"}},_vm._l((_vm.memberSearchResult),function(member){return _c('v-flex',{key:member.id,staticClass:\"messenger-group__search-item\",attrs:{\"pa-1\":\"\"}},[_c('v-card',[_c('v-layout',{attrs:{\"row\":\"\",\"pa-2\":\"\"}},[_c('v-flex',{attrs:{\"pa-2\":\"\"}},[_c('v-avatar',{staticClass:\"messenger-avatar\",attrs:{\"size\":\"40\"}},[_c('img',{key:member.profileImageUrl,attrs:{\"src\":member.profileImageUrl,\"onerror\":_vm.imageErrorFallback(member.fallbackProfileImageUrl)}})])],1),_c('v-flex',{staticClass:\"member-result__desc text-overflow-ellipse\",attrs:{\"pa-2\":\"\",\"xs8\":\"\"}},[_c('div',{staticClass:\"member-result__desc-name text-overflow-ellipse\"},[_vm._v(\"\\n                                            \"+_vm._s(_vm.memberName(member))+\"\\n                                        \")]),_c('div',{staticClass:\"member-result__desc-chapter text-overflow-ellipse\"},[_vm._v(\"\\n                                            \"+_vm._s(_vm.memberChapter(member))+\"\\n                                        \")])]),_c('v-flex',{staticClass:\"member-result__action\",attrs:{\"pt-2\":\"\",\"pb-2\":\"\",\"pl-2\":\"\",\"pr-0\":\"\"}},[_c('v-btn',{staticClass:\"bold-font chat--desktop\",attrs:{\"color\":\"primary\",\"small\":\"\",\"flat\":\"\",\"outline\":\"\",\"data-qe-id\":\"messenger_desktop_add-to-participants_btn\"},on:{\"click\":function($event){return _vm.addToParticipants(member)}}},[_vm._v(_vm._s(_vm.appCommonConstants.ADD)+\"\\n                                        \")]),_c('v-btn',{staticClass:\"bold-font chat--mobile\",attrs:{\"color\":\"primary\",\"icon\":\"\",\"flat\":\"\",\"data-qe-id\":\"messenger_mobile_add-to-participants_btn\"},on:{\"click\":function($event){return _vm.addToParticipants(member)}}},[_c('v-icon',[_vm._v(\"add_circle_outline\")])],1)],1)],1)],1)],1)}),1):_vm._e(),(_vm.memberSearchResult && _vm.memberSearchResult.length)?_c('v-flex',{staticClass:\"messenger-group__search-result--done\",attrs:{\"pt-1\":\"\",\"pb-1\":\"\",\"pr-3\":\"\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"small\":\"\",\"data-qe-id\":\"done_adding_participants_btn\"},on:{\"click\":_vm.doneAddingParticipants}},[_vm._v(\"\\n                            \"+_vm._s(_vm.appCommonConstants.DONE)+\"\\n                        \")])],1):_vm._e(),(_vm.memberSearchResult && _vm.memberSearchResult.length === 0)?_c('v-flex',{staticClass:\"messenger-group__search-no-result\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.iamConstants.NO_RESULTS)+\"\\n                    \")]):_vm._e()],1):_vm._e()],1):_vm._e()],1):_vm._e(),_c('v-flex',{staticClass:\"messenger-group__active-participants inner-scrollbar\",attrs:{\"pa-2\":\"\"}},[(_vm.groupParticipants && _vm.groupParticipants.length)?_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},_vm._l((_vm.groupParticipants),function(participant,index){return _c('v-flex',{key:index,attrs:{\"xs12\":\"\",\"md6\":\"\",\"pa-1\":\"\"}},[_c('v-card',[_c('v-layout',{attrs:{\"row\":\"\",\"pt-2\":\"\",\"pb-2\":\"\",\"pr-1\":\"\",\"pl-2\":\"\"}},[_c('v-flex',{attrs:{\"pa-2\":\"\"}},[_c('v-avatar',{staticClass:\"messenger-avatar\",attrs:{\"size\":\"40\"}},[_c('img',{key:participant.profileImageUrl,attrs:{\"src\":participant.profileImageUrl,\"onerror\":_vm.imageErrorFallback(participant.fallbackProfileImageUrl)}})])],1),_c('v-flex',{staticClass:\"member-result__desc text-overflow-ellipse\",attrs:{\"pa-2\":\"\",\"xs8\":\"\"}},[_c('div',{staticClass:\"member-result__desc-name text-overflow-ellipse\"},[_vm._v(\"\\n                                    \"+_vm._s(_vm.memberName(participant))+\"\\n                                \")]),_c('div',{staticClass:\"member-result__desc-chapter text-overflow-ellipse\"},[_vm._v(\"\\n                                    \"+_vm._s(_vm.memberChapter(participant))+\"\\n                                \")])]),_c('v-flex',{staticClass:\"member-result__action\",attrs:{\"pt-2\":\"\",\"pb-2\":\"\",\"pl-2\":\"\",\"pr-0\":\"\"}},[_c('v-btn',{staticClass:\"bold-font\",attrs:{\"color\":\"primary\",\"icon\":\"\",\"flat\":\"\",\"data-qe-id\":\"messenger_remove-participants_btn\"},on:{\"click\":function($event){return _vm.removeParticipant(participant)}}},[_c('v-icon',[_vm._v(\"remove_circle_outline\")])],1)],1)],1)],1)],1)}),1):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-layout column class=\"messenger-group\">\r\n        <status-bar :action=\"createAction\"></status-bar>\r\n        <v-layout column class=\"messenger-group__create relative-position\">\r\n            <div v-if=\"createGroupInProgress\" class=\"disabled-overlay\"></div>\r\n            <v-flex class=\"messenger-group__create-title\" pa-3 v-if=\"isNewGroup\">\r\n                {{iamConstants.CREATE_NEW_YPO_MESSENGER_GROUP}}\r\n            </v-flex>\r\n            <v-flex class=\"messenger-group__edit-title\" v-if=\"!isNewGroup\">\r\n                <v-layout row v-if=\"!renameGroupToggled\">\r\n                    <v-flex pa-3 class=\"messenger-group__name\">\r\n                        {{groupChat.name}}\r\n                    </v-flex>\r\n                    <v-flex>\r\n                        <v-card-actions class=\"text-right messenger-group__menu-actions\">\r\n                            <v-btn flat @click=\"messageGroup\"\r\n                                   color=\"ypo_cta\"\r\n                                   data-qe-id=\"message-group_btn--desktop\"\r\n                                   class=\"messenger-group__message-btn chat--desktop\">\r\n                                <v-icon color=\"ypo_cta\" class=\"fas fa-comments\" size=\"20\"></v-icon>\r\n                                <span class=\"messenger-group__message-label\">\r\n                                        {{ iamConstants.MESSAGE_GROUP}}\r\n                                    </span>\r\n                            </v-btn>\r\n                            <v-btn flat icon\r\n                                   color=\"ypo_cta\"\r\n                                   class=\"chat--mobile\"\r\n                                   @click=\"messageGroup\"\r\n                                   data-qe-id=\"message-group_btn--mobile\">\r\n                                <v-icon color=\"ypo_cta\" class=\"fas fa-comments\" size=\"18\"></v-icon>\r\n                            </v-btn>\r\n                            <conversation-panel-menu\r\n                                    :conversation=\"conversation\"\r\n                                    :on-rename-action=\"handleRename\"\r\n                                    :on-deleted=\"onDeleted\">\r\n                            </conversation-panel-menu>\r\n                        </v-card-actions>\r\n                    </v-flex>\r\n                </v-layout>\r\n                <v-layout v-else pl-2 pr-2>\r\n                    <v-flex xs9>\r\n                        <v-text-field v-model=\"groupChat.name\"\r\n                                      autofocus\r\n                                      :maxlength=\"iamConstants.GROUP_NAME_MAX\"\r\n                                      hide-details\r\n                                      @click=\"searchMemberActive = false\"\r\n                                      data-qe-id=\"update_group_chat_name\"\r\n                                      class=\"messenger-group__input-box\"\r\n                                      :placeholder=\"iamConstants.NEW_GROUP_CHAT_PLACEHOLDER\">\r\n                        </v-text-field>\r\n                    </v-flex>\r\n                    <v-flex class=\"text-right\">\r\n                        <v-card-actions class=\"chat--desktop\">\r\n                            <v-btn flat color=\"ypo_blue\" class=\"bold-font\"\r\n                                   data-qe-id=\"chat-desktop_group-rename_cancel_btn\"\r\n                                   @click=\"renameGroupToggled = false\">\r\n                                {{appCommonConstants.CANCEL}}\r\n                            </v-btn>\r\n                            <v-btn dark class=\"primary bold-font\" @click=\"renameGroup\"\r\n                                   data-qe-id=\"chat-desktop_group-rename_save_btn\">\r\n                                {{appCommonConstants.SAVE}}\r\n                            </v-btn>\r\n                        </v-card-actions>\r\n                        <v-card-actions class=\"chat--mobile\">\r\n                            <v-btn flat icon color=\"ypo_blue\" class=\"bold-font\"\r\n                                   data-qe-id=\"chat-mobile_group-rename_cancel_btn\"\r\n                                   @click=\"renameGroupToggled = false\">\r\n                                <v-icon>highlight_off</v-icon>\r\n                            </v-btn>\r\n                            <v-btn flat icon color=\"ypo_blue\" class=\"bold-font\"\r\n                                   data-qe-id=\"chat-mobile_group-rename_save_btn\"\r\n                                   @click=\"renameGroup\">\r\n                                <v-icon>check_circle_outline</v-icon>\r\n                            </v-btn>\r\n                        </v-card-actions>\r\n                    </v-flex>\r\n                </v-layout>\r\n            </v-flex>\r\n            <v-flex class=\"messenger-group__new-group\" pt-1 pl-3 pr-3 pb-1 v-if=\"isNewGroup\">\r\n                <v-layout row>\r\n                    <v-flex xs9>\r\n                        <v-text-field v-model=\"groupChat.name\"\r\n                                      autofocus\r\n                                      :maxlength=\"iamConstants.GROUP_NAME_MAX\"\r\n                                      hide-details\r\n                                      @click=\"searchMemberActive = false\"\r\n                                      data-qe-id=\"new_group_chat_name\"\r\n                                      class=\"messenger-group__input-box\"\r\n                                      :placeholder=\"iamConstants.NEW_GROUP_CHAT_PLACEHOLDER\">\r\n                        </v-text-field>\r\n                    </v-flex>\r\n                    <v-flex class=\"text-right\">\r\n                        <v-btn :dark=\"!!canCreate\" class=\"primary bold-font\"\r\n                               data-qe-id=\"chat_create-new-group_btn\"\r\n                               @click=\"createNewChatGroup\"\r\n                               :disabled=\"!canCreate\">\r\n                            {{appCommonConstants.CREATE}}\r\n                        </v-btn>\r\n                    </v-flex>\r\n                </v-layout>\r\n            </v-flex>\r\n            <v-flex class=\"messenger-group__participants\" v-if=\"!!groupChat.name\">\r\n                <v-layout row pt-2 pr-2 pl-3>\r\n                    <v-flex>\r\n                        <v-layout>\r\n                            <v-flex :class=\"[\r\n                                        'messenger-group__participants-count',\r\n                                        canAddMoreParticipants ? '' : 'messenger-group__participants-count--max'\r\n                                    ]\">\r\n                                {{participantsCount}}\r\n                            </v-flex>\r\n                            <v-flex class=\"messenger-group__participants-remaining\">\r\n                                <div class=\"messenger-group__participants-remaining--count\">\r\n                                    /{{iamConstants.MAX_PARTICIPANTS}}\r\n                                </div>\r\n                                <div class=\"messenger-group__participants-remaining--label\">\r\n                                    {{iamConstants.PARTICIPANTS}}\r\n                                </div>\r\n                            </v-flex>\r\n                        </v-layout>\r\n                    </v-flex>\r\n                    <v-flex class=\"text-right\" v-if=\"canAddMoreParticipants\">\r\n                        <v-btn flat color=\"ypo_cta\"\r\n                               :class=\"['messenger-group__participants-add', searchMemberActive ? 'opacity-half' : '']\"\r\n                               @click=\"activateSearchMember\"\r\n                               data-qe-id=\"messenger-group__participants-add__btn\">\r\n                            <v-icon size=\"20\" class=\"messenger-group__participants-add-icon\">group_add</v-icon>\r\n                            <span class=\"messenger-group__participants-add-label\">\r\n                                {{iamConstants.ADD_PARTICIPANTS_TO_GROUP}}\r\n                            </span>\r\n                        </v-btn>\r\n                    </v-flex>\r\n                </v-layout>\r\n                <v-flex pl-3 pr-3 v-if=\"searchMemberActive && canAddMoreParticipants\" class=\"messenger-group__search\">\r\n                    <v-text-field\r\n                            :outline=\"false\"\r\n                            hide-details\r\n                            class=\"messenger-group__input-box\"\r\n                            :autofocus=\"searchMemberActive\"\r\n                            data-qe-id=\"messenger-group_search_member_input\"\r\n                            @keyup=\"searchMember(memberSearchText)\"\r\n                            browser-autocomplete=\"new-password\"\r\n                            :placeholder=\"iamConstants.SEARCH_PLACEHOLDER_IN_GROUP\"\r\n                            v-model=\"memberSearchText\">\r\n                    </v-text-field>\r\n                    <v-layout column v-if=\"memberSearchText\"\r\n                              class=\"relative-position messenger-group__search-result\">\r\n                        <status-overlay\r\n                                :action=\"typeAheadAction\"\r\n                                content-height=\"150px\"></status-overlay>\r\n                        <v-layout column v-if=\"memberSearchResult && memberSearchResult.length\"\r\n                                  class=\"messenger-group__search-result--list inner-scrollbar\">\r\n                            <v-flex v-for=\"member in memberSearchResult\"\r\n                                    pa-1\r\n                                    class=\"messenger-group__search-item\"\r\n                                    :key=\"member.id\">\r\n                                <v-card>\r\n                                    <v-layout row pa-2>\r\n                                        <v-flex pa-2>\r\n                                            <v-avatar size=\"40\" class=\"messenger-avatar\">\r\n                                                <img :src=\"member.profileImageUrl\"\r\n                                                     :key=\"member.profileImageUrl\"\r\n                                                     :onerror=\"imageErrorFallback(member.fallbackProfileImageUrl)\">\r\n                                            </v-avatar>\r\n                                        </v-flex>\r\n                                        <v-flex pa-2 xs8 class=\"member-result__desc text-overflow-ellipse\">\r\n                                            <div class=\"member-result__desc-name text-overflow-ellipse\">\r\n                                                {{memberName(member)}}\r\n                                            </div>\r\n                                            <div class=\"member-result__desc-chapter text-overflow-ellipse\">\r\n                                                {{memberChapter(member)}}\r\n                                            </div>\r\n                                        </v-flex>\r\n                                        <v-flex pt-2 pb-2 pl-2 pr-0 class=\"member-result__action\">\r\n                                            <v-btn color=\"primary\"\r\n                                                   class=\"bold-font chat--desktop\"\r\n                                                   small\r\n                                                   flat\r\n                                                   outline\r\n                                                   data-qe-id=\"messenger_desktop_add-to-participants_btn\"\r\n                                                   @click=\"addToParticipants(member)\">{{appCommonConstants.ADD}}\r\n                                            </v-btn>\r\n                                            <v-btn color=\"primary\"\r\n                                                   class=\"bold-font chat--mobile\"\r\n                                                   icon\r\n                                                   flat\r\n                                                   data-qe-id=\"messenger_mobile_add-to-participants_btn\"\r\n                                                   @click=\"addToParticipants(member)\">\r\n                                                <v-icon>add_circle_outline</v-icon>\r\n                                            </v-btn>\r\n                                        </v-flex>\r\n                                    </v-layout>\r\n                                </v-card>\r\n                            </v-flex>\r\n                        </v-layout>\r\n                        <v-flex pt-1 pb-1 pr-3 v-if=\"memberSearchResult && memberSearchResult.length\"\r\n                                class=\"messenger-group__search-result--done\">\r\n                            <v-btn color=\"primary\"\r\n                                   small\r\n                                   data-qe-id=\"done_adding_participants_btn\"\r\n                                   @click=\"doneAddingParticipants\">\r\n                                {{appCommonConstants.DONE}}\r\n                            </v-btn>\r\n                        </v-flex>\r\n                        <v-flex v-if=\"memberSearchResult && memberSearchResult.length === 0\"\r\n                                class=\"messenger-group__search-no-result\">\r\n                            {{iamConstants.NO_RESULTS}}\r\n                        </v-flex>\r\n                    </v-layout>\r\n                </v-flex>\r\n            </v-flex>\r\n            <v-flex pa-2\r\n                    class=\"messenger-group__active-participants inner-scrollbar\">\r\n                <v-layout v-if=\"groupParticipants && groupParticipants.length\" row wrap>\r\n                    <v-flex xs12 md6 pa-1\r\n                            v-for=\"(participant, index) in groupParticipants\"\r\n                            :key=\"index\">\r\n                        <v-card>\r\n                            <v-layout row pt-2 pb-2 pr-1 pl-2>\r\n                                <v-flex pa-2>\r\n                                    <v-avatar size=\"40\" class=\"messenger-avatar\">\r\n                                        <img :src=\"participant.profileImageUrl\"\r\n                                             :key=\"participant.profileImageUrl\"\r\n                                             :onerror=\"imageErrorFallback(participant.fallbackProfileImageUrl)\">\r\n                                    </v-avatar>\r\n                                </v-flex>\r\n                                <v-flex pa-2 xs8 class=\"member-result__desc text-overflow-ellipse\">\r\n                                    <div class=\"member-result__desc-name text-overflow-ellipse\">\r\n                                        {{memberName(participant)}}\r\n                                    </div>\r\n                                    <div class=\"member-result__desc-chapter text-overflow-ellipse\">\r\n                                        {{memberChapter(participant)}}\r\n                                    </div>\r\n                                </v-flex>\r\n                                <v-flex pt-2 pb-2 pl-2 pr-0 class=\"member-result__action\">\r\n                                    <v-btn color=\"primary\"\r\n                                           class=\"bold-font\"\r\n                                           icon\r\n                                           flat\r\n                                           data-qe-id=\"messenger_remove-participants_btn\"\r\n                                           @click=\"removeParticipant(participant)\">\r\n                                        <v-icon>remove_circle_outline</v-icon>\r\n                                    </v-btn>\r\n                                </v-flex>\r\n                            </v-layout>\r\n                        </v-card>\r\n                    </v-flex>\r\n                </v-layout>\r\n            </v-flex>\r\n        </v-layout>\r\n    </v-layout>\r\n</template>\r\n\r\n<script>\r\n    import { appCommonConstants } from \"../../appCommon.constants\";\r\n    import { iamConstants, newGroupChatObject } from '../iam.constant';\r\n    import { imageErrorFallback } from \"../../../common/utils/utils\";\r\n    import { conversationTitle, isValidConversationId } from '../iam.utils';\r\n    import { mapActions, mapGetters, mapMutations, mapState } from 'vuex';\r\n    import { storeAction } from '../../../store/storeActions.constant';\r\n    import { storeGetters } from '../../../store/storeGetters.constant';\r\n    import { storeMutation } from '../../../store/storeMutations.constant';\r\n    import StatusOverlay from \"../../StatusOverlay/StatusOverlay\";\r\n    import ConversationPanelMenu from \"./ConversationPanelMenu\";\r\n    import StatusBar from \"../../StatusBar/StatusBar\";\r\n\r\n    export default {\r\n        name: 'MessengerGroup',\r\n        components: {\r\n            StatusBar,\r\n            ConversationPanelMenu,\r\n            StatusOverlay,\r\n        },\r\n        props: {\r\n            conversation: {\r\n                type: Object,\r\n                required: true,\r\n            },\r\n            onCreated: {\r\n                type: Function,\r\n                required: true,\r\n            },\r\n            onDeleted: {\r\n                type: Function,\r\n                required: false,\r\n            },\r\n            onMessageGroup: {\r\n                type: Function,\r\n                required: false,\r\n            },\r\n            closeChatAction: {\r\n                type: Function,\r\n            },\r\n        },\r\n        created() {\r\n            this.groupChat = { ...this.conversation };\r\n            const p = Object.keys(this.conversation.participants);\r\n            this.showParticipantsAutocomplete = !p.length;\r\n        },\r\n        data() {\r\n            return {\r\n                iamConstants,\r\n                appCommonConstants,\r\n                groupChat: null,\r\n                currentDialog: null,\r\n                draftParticipantsList: [],\r\n                showParticipantsAutocomplete: false,\r\n                typeAheadSearch: '',\r\n                loadingTypeAhead: false,\r\n                timeoutForTypeAhead: null,\r\n                memberSearchResult: null,\r\n                memberSearchText: '',\r\n                searchMemberActive: false,\r\n                renameGroupToggled: false,\r\n                createGroupInProgress: false,\r\n            };\r\n        },\r\n        computed: {\r\n            ...mapState('actionState', ['actions']),\r\n            ...mapGetters('messenger', {\r\n                messengerUsername: storeGetters.messengerUsername,\r\n            }),\r\n            ...mapGetters({\r\n                currentUserId: `memberProfile/${storeGetters.currentUserId}`,\r\n            }),\r\n            createAction() {\r\n                return this.actions[storeAction.createChatGroup];\r\n            },\r\n            participantsCount() {\r\n                return this.groupParticipants.length;\r\n            },\r\n            canCreate() {\r\n                return Object.keys(this.groupChat.participants).length && this.groupChat.name;\r\n            },\r\n            title() {\r\n                return conversationTitle(Object.keys(this.conversation.participants)\r\n                    .filter(k => k !== this.messengerUsername)\r\n                    .map(k => this.conversation.participants[k]), this.conversation.id);\r\n            },\r\n            typeAheadAction() {\r\n                return this.actions[storeAction.initiatePeopleSearch];\r\n            },\r\n            groupParticipants() {\r\n                const participantsList = [];\r\n                const participants = Object.keys(this.groupChat.participants || {});\r\n                if (participants.length) {\r\n                    participants.forEach((id) => {\r\n                        if (id !== this.currentUserId) {\r\n                            participantsList.push(this.groupChat.participants[id]);\r\n                        }\r\n                    });\r\n                }\r\n                return participantsList;\r\n            },\r\n            canAddMoreParticipants() {\r\n                return this.groupParticipants.length < iamConstants.MAX_PARTICIPANTS;\r\n            },\r\n            isNewGroup() {\r\n                return this.groupChat.id === iamConstants.DRAFT_CHAT_ID;\r\n            },\r\n        },\r\n        methods: {\r\n            ...mapMutations('memberDirectory', {\r\n                setMemberDirectorySearchText: storeMutation.setMemberDirectorySearchText,\r\n            }),\r\n            ...mapActions('messenger', {\r\n                createChatGroup: storeAction.createChatGroup,\r\n                inviteToConversation: storeAction.inviteToConversation,\r\n                removeFromConversation: storeAction.removeFromConversation,\r\n                deleteConversation: storeAction.deleteConversation,\r\n                renameConversation: storeAction.renameConversation,\r\n            }),\r\n            ...mapActions('memberDirectory', {\r\n                initiatePeopleSearch: storeAction.initiatePeopleSearch,\r\n            }),\r\n            imageErrorFallback,\r\n            createNewChatGroup() {\r\n                this.createGroupInProgress = true;\r\n                this.searchMemberActive = false;\r\n                this.createChatGroup(this.groupChat).then((resp) => {\r\n                    this.createGroupInProgress = false;\r\n                    this.onCreated(resp.room_id);\r\n                    this.groupChat = newGroupChatObject();\r\n                });\r\n            },\r\n            activateSearchMember() {\r\n                this.searchMemberActive = !this.searchMemberActive;\r\n            },\r\n            messageGroup() {\r\n                this.onMessageGroup(this.groupChat);\r\n            },\r\n            handleRename() {\r\n                this.renameGroupToggled = true;\r\n            },\r\n            renameGroup() {\r\n                this.renameConversation({\r\n                    roomId: this.groupChat.id,\r\n                    roomName: this.groupChat.name,\r\n                }).then(() => { this.renameGroupToggled = false; });\r\n            },\r\n            addToParticipants(member) {\r\n                if (this.canAddMoreParticipants) {\r\n                    if (!this.isNewGroup) {\r\n                        const inviteData = {\r\n                            roomId: this.groupChat.id,\r\n                            memberId: member.id,\r\n                        };\r\n                        this.inviteToConversation(inviteData);\r\n                    }\r\n                    this.groupChat.participants = {\r\n                        ...this.groupChat.participants,\r\n                        [member.id]: member,\r\n                    };\r\n                    this.memberSearchResult = this.memberSearchResult.filter(item => item.id !== member.id);\r\n                    if (!this.memberSearchResult.length || this.groupParticipants.length === iamConstants.MAX_PARTICIPANTS) {\r\n                        this.doneAddingParticipants();\r\n                    }\r\n                }\r\n            },\r\n            doneAddingParticipants() {\r\n                this.memberSearchResult = null;\r\n                this.memberSearchText = '';\r\n                this.searchMemberActive = false;\r\n            },\r\n            removeParticipant(member) {\r\n                if (!this.isNewGroup) {\r\n                    const removeData = {\r\n                        roomId: this.groupChat.id,\r\n                        memberId: member.id,\r\n                    };\r\n                    this.removeFromConversation(removeData);\r\n                }\r\n                delete this.groupChat.participants[member.id];\r\n                this.groupChat.participants = { ...this.groupChat.participants };\r\n            },\r\n            searchMember(searchText) {\r\n                if (searchText && searchText.length < 3) {\r\n                    this.memberSearchResult = null;\r\n                }\r\n                clearTimeout(this.timeoutForTypeAhead);\r\n                this.timeoutForTypeAhead = setTimeout(() => {\r\n                    if (searchText && searchText.length > 2) {\r\n                        this.setMemberDirectorySearchText(searchText);\r\n                        this.initiatePeopleSearch()\r\n                            .then((resp) => {\r\n                                if (resp && resp.data) {\r\n                                    const filteredResult = [];\r\n                                    const participantsIds = Object.keys(this.groupChat.participants || {});\r\n                                    resp.data.forEach((item) => {\r\n                                        if (!participantsIds.includes(item.id)) {\r\n                                            filteredResult.push(item);\r\n                                        }\r\n                                    });\r\n                                    this.memberSearchResult = [...filteredResult];\r\n                                }\r\n                            })\r\n                            .catch(() => {\r\n                                this.memberSearchResult = null;\r\n                            });\r\n                    }\r\n                }, 200);\r\n            },\r\n            memberName(member) {\r\n                let memberName = '';\r\n                if ((member.preferredName || member.firstName) && member.lastName) {\r\n                    memberName = `${member.preferredName || member.firstName} ${member.lastName}`;\r\n                } else {\r\n                    memberName = member.name || '';\r\n                }\r\n                return memberName;\r\n            },\r\n            memberChapter(member) {\r\n                let chapter = '';\r\n                if (member && member.chapters && member.chapters.length) {\r\n                    const primaryChapter = member.chapters.find(item => item.isPrimary) || member.chapters[0];\r\n                    chapter = primaryChapter.name;\r\n                } else {\r\n                    chapter = member.primaryChapterName;\r\n                }\r\n                return chapter;\r\n            },\r\n            authorOf(message) {\r\n                if (!message || !message.author) return {};\r\n                return this.conversation.participants[message.author] || {};\r\n            },\r\n            initDeleteConversation() {\r\n                if (!isValidConversationId(this.conversation.id)) {\r\n                    return;\r\n                }\r\n                this.showDeleteConversationDialog = true;\r\n            },\r\n            confirmDeleteConversation() {\r\n                this.deleteConversation({ conversationId: this.conversation.id }).then(() => {\r\n                    this.showDeleteConversationDialog = false;\r\n                    if (this.onDeleted) this.onDeleted();\r\n                });\r\n            },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    @import '../../../common/styles/_colors.scss';\r\n    @import '../../../common/styles/_responsive.scss';\r\n    @import '../../../common/styles/_commonClasses.scss';\r\n\r\n    .messenger-group {\r\n        margin-right: -1px;\r\n        background-color: $white;\r\n        min-height: 400px;\r\n        height: 100%;\r\n\r\n        &__create-title {\r\n            height: 51px;\r\n            border: 1px solid $ypo-blue;\r\n            border-top-right-radius: 4px;\r\n            background-color: $ypo-blue;\r\n            color: $white;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            line-height: 19px;\r\n\r\n            @include breakpoint(xs) {\r\n                font-size: 12px;\r\n            }\r\n        }\r\n\r\n        &__edit-title {\r\n            background-color: $white;\r\n            border: 1px solid $ypo-tile-border;\r\n            border-top-right-radius: 4px;\r\n            margin-top: -1px;\r\n            color: $ypo_blue;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            line-height: 19px;\r\n\r\n            @include breakpoint(xs) {\r\n                background-color: $ypo-open-blue-gray;\r\n                border: 1px solid $ypo-open-blue-gray;\r\n            }\r\n        }\r\n\r\n        &__menu-actions {\r\n            justify-content: flex-end;\r\n\r\n            @include breakpoint(xs) {\r\n                padding-top: 7px !important;\r\n            }\r\n        }\r\n\r\n        &__name {\r\n            font-size: 25px;\r\n            font-family: 'Noto Sans', sans-serif;\r\n\r\n            @include breakpoint(md) {\r\n                font-size: 16px;\r\n            }\r\n\r\n            @include breakpoint(xs) {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        &__message {\r\n\r\n            &-btn {\r\n                @include breakpoint(xs) {\r\n                    display: none;\r\n                }\r\n            }\r\n\r\n            &-label {\r\n                font-size: 13px;\r\n                font-weight: 600;\r\n                font-family: Gentona, sans-serif;\r\n                padding-left: 10px;\r\n\r\n                @include breakpoint(md) {\r\n                    font-size: 12px;\r\n                }\r\n            }\r\n        }\r\n\r\n        &__new-group {\r\n            border-bottom: 1px solid $ypo-tile-border;\r\n\r\n            @include breakpoint(xs) {\r\n                padding-right: 0 !important;\r\n            }\r\n        }\r\n\r\n        &__input-box {\r\n            .v-text-field {\r\n                padding-top: 0 !important;\r\n            }\r\n            @include breakpoint(xs) {\r\n                font-size: 12px;\r\n            }\r\n        }\r\n\r\n        &__participants {\r\n\r\n            &-count {\r\n                flex: 0 1 auto !important;\r\n                padding-right: 10px;\r\n                font-size: 45px;\r\n                height: 50px;\r\n                position: relative;\r\n                top: -15px;\r\n                color: $ypo-dark-background-gray;\r\n\r\n                &--max {\r\n                    color: $ypo-red;\r\n                }\r\n            }\r\n\r\n            &-remaining {\r\n                &--count {\r\n                    color: $ypo-dark-background-gray;\r\n                    font-size: 12px;\r\n                    letter-spacing: 0.6px;\r\n                }\r\n\r\n                &--label {\r\n                    color: $ypo-blue;\r\n                    font-size: 14px;\r\n                    font-weight: 600;\r\n                    letter-spacing: 0.32px;\r\n                }\r\n            }\r\n\r\n            &-add {\r\n\r\n                margin: 0 !important;\r\n\r\n                @include breakpoint(xs) {\r\n                    padding: 0 !important;\r\n                }\r\n\r\n                &-icon {\r\n                    @include breakpoint(xs) {\r\n                        margin-left: 40px;\r\n                    }\r\n                }\r\n\r\n                &-label {\r\n                    padding-left: 10px;\r\n                    font-size: 13px;\r\n                    font-weight: 600;\r\n\r\n                    @include breakpoint(md) {\r\n                        font-size: 12px;\r\n                    }\r\n\r\n                    @include breakpoint(xs) {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        &__search {\r\n            &-result {\r\n                border: 1px solid $ypo-tile-border;\r\n                background-color: $white;\r\n                min-height: 40px;\r\n                width: 350px;\r\n                position: absolute;\r\n                z-index: 2;\r\n\r\n                @include breakpoint(xs) {\r\n                    width: 250px;\r\n                }\r\n\r\n                &--list {\r\n                    overflow: auto;\r\n                    max-height: 350px;\r\n\r\n                    @include breakpoint(md) {\r\n                        max-height: 250px;\r\n                    }\r\n\r\n                    @include breakpoint(xs) {\r\n                        max-height: 220px;\r\n                    }\r\n                }\r\n\r\n                &--done {\r\n                    background-color: $ypo-tile-border;\r\n                    text-align: right;\r\n                }\r\n            }\r\n\r\n            &-no-result {\r\n                color: $ypo-blue;\r\n                font-weight: 600;\r\n                padding: 10px;\r\n            }\r\n        }\r\n\r\n        .member-result {\r\n            &__desc {\r\n                &-name {\r\n                    color: $ypo-cta;\r\n                    font-weight: 600;\r\n                    font-size: 14px;\r\n\r\n                    @include breakpoint(xs) {\r\n                        font-size: 12px;\r\n                    }\r\n                }\r\n                &-chapter {\r\n                    font-size: 12px;\r\n\r\n                    @include breakpoint(xs) {\r\n                        font-size: 10px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        &__active-participants {\r\n            border-top: 1px solid $ypo-tile-border;\r\n            height: 100%;\r\n            min-height: 300px;\r\n            overflow: auto;\r\n\r\n            @include breakpoint(xs) {\r\n                margin-right: 0;\r\n            }\r\n        }\r\n\r\n        &__actions {\r\n            padding: 0 20px 10px 0 !important;\r\n            justify-content: flex-end;\r\n        }\r\n\r\n        &__chat {\r\n\r\n            &-title {\r\n                color: $ypo-blue;\r\n                background: $ypo-open-blue-gray;\r\n                font-size: 16px;\r\n                min-height: 51px;\r\n\r\n                @include breakpoint(xs) {\r\n                    background-color: $ypo-cta;\r\n                    font-size: 14px;\r\n                }\r\n\r\n                &--name {\r\n                    font-weight: 600;\r\n                    padding: 12px 0 10px 20px;\r\n                    text-align: left;\r\n\r\n                    @include breakpoint(xs) {\r\n                        text-align: center;\r\n                        padding: 15px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &-menu {\r\n                &--mobile {\r\n                    display: none;\r\n                    @include breakpoint(xs) {\r\n                        display: block;\r\n                    }\r\n                }\r\n\r\n                &--desktop {\r\n                    @include breakpoint(xs) {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n    @import '../../../common/styles/_responsive.scss';\r\n\r\n    .messenger-group {\r\n        .v-text-field {\r\n            padding-top: 5px !important;\r\n        }\r\n\r\n        &__participants-add {\r\n            @include breakpoint(xs) {\r\n                .v-btn--active:before, .v-btn:hover:before, .v-btn:focus:before {\r\n                    background-color: transparent !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerGroup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MessengerGroup.vue?vue&type=template&id=29c2674a&scoped=true&\"\nimport script from \"./MessengerGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./MessengerGroup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MessengerGroup.vue?vue&type=style&index=0&id=29c2674a&scoped=true&lang=scss&\"\nimport style1 from \"./MessengerGroup.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"29c2674a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <v-flex data-qe-id=\"messenger-page\" :class=\"['messenger-outer-frame', isMobileAppBrowser ? 'messenger-outer-frame--mobile' : '']\">\r\n        <v-container>\r\n            <v-layout row wrap>\r\n                <v-flex xs12 mb-4 class=\"messenger-app\">\r\n                    <status-overlay :action=\"loadingAction\" background-color=\"\"></status-overlay>\r\n                    <v-layout\r\n                            column\r\n                            v-if=\"loadingActionReady\"\r\n                            ml-3>\r\n                        <v-layout row align-center ml-2 my-1>\r\n                            <v-icon size=\"14\" class=\"fas fa-lock\"></v-icon>\r\n                            <div class=\"ml-2\">{{iamConstants.defaultPanel.features.chatInstantly.BULLETS[2]}}</div>\r\n                        </v-layout>\r\n                        <v-flex xs12>\r\n                            <v-layout\r\n                                    row\r\n                                    class=\"messenger-container\">\r\n                                <v-flex class=\"messenger-conversation\"\r\n                                        data-qe-id=\"messenger-conversation-list\">\r\n                                    <messenger-app-title>\r\n                                        <span slot=\"title\">{{iamConstants.MESSENGER_APP_TITLE}}</span>\r\n                                        <v-tooltip slot=\"preview\" right>\r\n                                            <span slot=\"activator\" class=\"messenger-app__preview-version\">\r\n                                                {{iamConstants.PREVIEW_VERSION}}\r\n                                            </span>\r\n                                            <span v-html=\"iamConstants.PREVIEW_MESSAGE\"></span>\r\n                                        </v-tooltip>\r\n                                        <div slot=\"actions\">\r\n                                            <v-layout row justify-end>\r\n                                                <v-flex class=\"flex-grow-overwrite\">\r\n                                                    <v-btn class=\"chat--mobile\"\r\n                                                           icon\r\n                                                           data-qe-id=\"messenger_mobile_start-new-conversation_btn\"\r\n                                                           @click=\"startNewConversation(mobileChat)\"\r\n                                                           v-if=\"activeConversation !== draftConversation && activeConversation !== newDraftChatFromRoute\">\r\n                                                        <v-icon size=\"16\" color=\"ypo_cta\" class=\"fas fa-edit\"></v-icon>\r\n                                                    </v-btn>\r\n                                                    <v-btn class=\"chat--desktop\"\r\n                                                           icon\r\n                                                           data-qe-id=\"messenger_desktop_start-new-conversation_btn\"\r\n                                                           @click=\"startNewConversation()\"\r\n                                                           v-if=\"activeConversation !== draftConversation && activeConversation !== newDraftChatFromRoute\">\r\n                                                        <v-icon size=\"16\" color=\"ypo_cta\" class=\"fas fa-edit\"></v-icon>\r\n                                                    </v-btn>\r\n                                                </v-flex>\r\n                                                <v-flex class=\"flex-grow-overwrite\">\r\n                                                    <v-menu left class=\"messenger-menu\">\r\n                                                        <v-btn flat icon slot=\"activator\" color=\"ypo_cta\">\r\n                                                            <v-icon>more_vert</v-icon>\r\n                                                        </v-btn>\r\n                                                        <v-list class=\"messenger-menu__list\">\r\n                                                            <v-list-tile @click=\"startNewMessengerGroup(mobileChat)\"\r\n                                                                         data-qe-id=\"messenger_mobile_start-new-group-chat_btn\"\r\n                                                                         class=\"chat--mobile\">\r\n                                                                <v-list-tile-title>\r\n                                                                    <v-icon size=\"18\" color=\"ypo_cta\" class=\"bold-font\">add</v-icon>\r\n                                                                    <span>\r\n                                                                        {{iamConstants.NEW_MESSENGER_GROUP}}\r\n                                                                    </span>\r\n                                                                </v-list-tile-title>\r\n                                                            </v-list-tile>\r\n                                                            <v-list-tile @click=\"startNewMessengerGroup()\"\r\n                                                                         data-qe-id=\"messenger_desktop_start-new-group-chat_btn\"\r\n                                                                         class=\"chat--desktop\">\r\n                                                                <v-list-tile-title>\r\n                                                                    <v-icon size=\"20\" color=\"ypo_cta\" class=\"bold-font\">add</v-icon>\r\n                                                                    <span>\r\n                                                                        {{iamConstants.NEW_MESSENGER_GROUP}}\r\n                                                                    </span>\r\n                                                                </v-list-tile-title>\r\n                                                            </v-list-tile>\r\n                                                        </v-list>\r\n                                                    </v-menu>\r\n                                                </v-flex>\r\n                                            </v-layout>\r\n                                        </div>\r\n                                    </messenger-app-title>\r\n                                    <v-flex class=\"conversation-list__scroller inner-scrollbar\">\r\n                                        <v-list two-lines class=\"chat--mobile full-width\">\r\n                                            <button\r\n                                                    v-for=\"(conversation, index) in selectableConversations\"\r\n                                                    :key=\"conversation.id\"\r\n                                                    :class=\"['conversation-list__conversation', {'conversation-list__conversation-active': isActive(conversation)}, '']\"\r\n                                                    :data-qe-id=\"`messenger_mobile_conversation-${index}_link`\"\r\n                                                    @click=\"setActiveConversation(conversation, mobileChat)\">\r\n                                                <conversation-preview\r\n                                                        :active-conversation-id=\"activeConversationId\"\r\n                                                        :conversation=\"conversation\">\r\n                                                    <div slot=\"actions\" v-if=\"conversation.id === iamConstants.DRAFT_CHAT_ID\">\r\n                                                        <v-btn\r\n                                                                icon\r\n                                                                data-qe-id=\"messenger_mobile_close-active-conversation_link\"\r\n                                                                @click.stop=\"setActiveConversation(null)\"\r\n                                                                v-if=\"conversation === draftConversation || conversation === newDraftChatFromRoute\">\r\n                                                            <v-icon size=\"13\" color=\"ypo_cta\" class=\"fas fa-times\"></v-icon>\r\n                                                        </v-btn>\r\n                                                    </div>\r\n                                                </conversation-preview>\r\n                                            </button>\r\n                                            <v-dialog v-model=\"mobileChatWindow\"\r\n                                                      lazy>\r\n                                                <conversation-panel\r\n                                                        :conversation=\"activeConversation\"\r\n                                                        :set-active-conversation-prior-to-send=\"setActiveConversationIdBeforeSend\"\r\n                                                        :start-sending-read-markers=\"startSendingReadMarkers\"\r\n                                                        :on-manage-group=\"handleManageGroupMobile\"\r\n                                                        :close-chat-action=\"closeChatWindow\"\r\n                                                        v-if=\"activeConversation\"\r\n                                                        :key=\"activeConversation.id\"\r\n                                                        :on-deleted=\"handleDeleteConversation\"\r\n                                                        :on-send-message=\"handleSendMessage\"></conversation-panel>\r\n                                            </v-dialog>\r\n                                        </v-list>\r\n                                        <v-list two-lines class=\"chat--desktop\">\r\n                                            <button\r\n                                                    v-for=\"(conversation, index) in selectableConversations\"\r\n                                                    :key=\"conversation.id\"\r\n                                                    :class=\"['conversation-list__conversation', {'conversation-list__conversation-active': isActive(conversation)}, '']\"\r\n                                                    :data-qe-id=\"`messenger_desktop_conversation-${index}_link`\"\r\n                                                    @click=\"setActiveConversation(conversation)\">\r\n                                                <conversation-preview\r\n                                                        :active-conversation-id=\"activeConversationId\"\r\n                                                        :conversation=\"conversation\">\r\n                                                    <div slot=\"actions\" v-if=\"conversation.id === iamConstants.DRAFT_CHAT_ID\">\r\n                                                        <v-btn\r\n                                                                icon\r\n                                                                data-qe-id=\"messenger_desktop_close-active-conversation_link\"\r\n                                                                @click.stop=\"setActiveConversation(null)\"\r\n                                                                v-if=\"conversation === draftConversation || conversation === newDraftChatFromRoute\">\r\n                                                            <v-icon size=\"13\" color=\"ypo_cta\" class=\"fas fa-times\"></v-icon>\r\n                                                        </v-btn>\r\n                                                    </div>\r\n                                                </conversation-preview>\r\n                                            </button>\r\n                                        </v-list>\r\n                                    </v-flex>\r\n                                </v-flex>\r\n                                <v-dialog v-model=\"mobileNewGroupWindow\"\r\n                                          v-if=\"activeGroupConversation\"\r\n                                          lazy>\r\n                                    <messenger-group :conversation=\"activeGroupConversation\"\r\n                                                     :on-message-group=\"launchGroupChat\"\r\n                                                     :on-deleted=\"handleDeleteConversation\"\r\n                                                     :on-created=\"handlePostGroupCreation\">\r\n                                    </messenger-group>\r\n                                </v-dialog>\r\n                                <v-flex xs9 class=\"conversation__panel--desktop\"\r\n                                        v-if=\"activeGroupConversation && (manageGroupInitiated || newChatGroupInitiated)\">\r\n                                    <messenger-group :conversation=\"activeGroupConversation\"\r\n                                                     :on-message-group=\"launchGroupChat\"\r\n                                                     :on-deleted=\"handleDeleteConversation\"\r\n                                                     :on-created=\"handlePostGroupCreation\">\r\n                                    </messenger-group>\r\n                                </v-flex>\r\n                                <v-flex xs9 class=\"conversation__panel--desktop\" v-else>\r\n                                    <conversation-panel\r\n                                            :conversation=\"activeConversation\"\r\n                                            :set-active-conversation-prior-to-send=\"setActiveConversationIdBeforeSend\"\r\n                                            :start-sending-read-markers=\"startSendingReadMarkers\"\r\n                                            :on-manage-group=\"handleManageGroup\"\r\n                                            v-if=\"activeConversation\"\r\n                                            :key=\"activeConversation.id\"\r\n                                            :on-deleted=\"handleDeleteConversation\"\r\n                                            :on-send-message=\"handleSendMessage\"></conversation-panel>\r\n                                </v-flex>\r\n                            </v-layout>\r\n                        </v-flex>\r\n                    </v-layout>\r\n                </v-flex>\r\n            </v-layout>\r\n            <v-dialog\r\n                    v-model=\"dialogState.dialogOpen\"\r\n                    lazy\r\n                    absolute\r\n                    max-width=\"1100\"\r\n                    content-class=\"quick-links-popup\">\r\n                <v-card>\r\n                    <v-flex tag=\"h2\">Manage My Quick Links\r\n                        <v-btn icon @click=closeQuickLinkDialog() data-qe-id=\"quickLinkDialog_closeBtn\">\r\n                            <v-icon size=\"25\">close</v-icon>\r\n                        </v-btn>\r\n                    </v-flex>\r\n                    <quick-link-dialog :closeQuickLinkDialog=\"closeQuickLinkDialog\"\r\n                                       v-if=\"dialogState.dialogOpen\"></quick-link-dialog>\r\n                </v-card>\r\n            </v-dialog>\r\n        </v-container>\r\n    </v-flex>\r\n</template>\r\n\r\n<script>\r\n    import { iamConstants, newDraftConversation, newGroupChatObject } from '../iam.constant';\r\n    import { isValidConversationId, isGroupConversation, getMessagesFromConversation } from '../iam.utils';\r\n    import MessengerAppTitle from './MessengerAppTitle';\r\n    import ConversationPreview from './ConversationPreview';\r\n    import ConversationPanel from './ConversationPanel';\r\n    import { mapGetters, mapActions, mapMutations, mapState } from 'vuex';\r\n    import { storeGetters } from '../../../store/storeGetters.constant';\r\n    import { storeAction } from '../../../store/storeActions.constant';\r\n    import { storeMutation } from '../../../store/storeMutations.constant.js';\r\n    import MyQuickLinks from \"../../Tools/QuickLinks/MyQuickLinks\";\r\n    import QuickLinkDialog from \"../../Tools/QuickLinks/QuickLinkDialog\";\r\n    import StatusOverlay from \"@/components/StatusOverlay/StatusOverlay\";\r\n    import MessengerGroup from \"./MessengerGroup\";\r\n\r\n    export default {\r\n        name: 'MessengerPage',\r\n        components: {\r\n            MessengerGroup,\r\n            MessengerAppTitle,\r\n            ConversationPreview,\r\n            ConversationPanel,\r\n            MyQuickLinks,\r\n            QuickLinkDialog,\r\n            StatusOverlay,\r\n        },\r\n        props: {\r\n            to: {\r\n                type: String,\r\n                default: null,\r\n            },\r\n        },\r\n        data() {\r\n            return {\r\n                iamConstants,\r\n                requestedParticipantIds: null,\r\n                dialogState: {\r\n                    isVisible: false,\r\n                    dialogOpen: false,\r\n                },\r\n                startNewChat: false,\r\n                mobileChatWindow: false,\r\n                mobileNewGroupWindow: false,\r\n                manageGroupInitiated: false,\r\n                newChatGroupInitiated: false,\r\n                startSendingReadMarkers: false,\r\n                mobileChat: true,\r\n                activeConversationId: null,\r\n                draftConversation: { ...newDraftConversation() },\r\n            };\r\n        },\r\n        created() {\r\n            this.requestedParticipantIds = this.to ?\r\n                this.to.split(',').map(id => id.trim().toLowerCase()) :\r\n                null;\r\n\r\n            if (this.requestedParticipantIds && this.requestedParticipantIds.length) {\r\n                const requestedParticipantIds = this.requestedParticipantIds.slice();\r\n                requestedParticipantIds.sort();\r\n\r\n                const ac = this.readyConversations.find((c) => {\r\n                    if (!isValidConversationId(c.id) || isGroupConversation(c)) {\r\n                        return false;\r\n                    }\r\n                    const cnvParticipantIds = Object.keys(c.participants)\r\n                        .filter(k => k !== this.messengerUsername)\r\n                        .sort();\r\n                    return cnvParticipantIds.length === requestedParticipantIds.length &&\r\n                        cnvParticipantIds.every((id, i) => id === requestedParticipantIds[i]);\r\n                });\r\n\r\n                this.activeConversationId = ac ? ac.id : null;\r\n            }\r\n\r\n            this.startNewChat = !!this.to;\r\n        },\r\n        watch: {\r\n            conversations() {\r\n                this.conversations.forEach((c) => {\r\n                    const hasPendingInvite =\r\n                        c.participants.hasOwnProperty(this.messengerUsername) &&\r\n                        c.participants[this.messengerUsername].hasPendingInvite;\r\n                    if (hasPendingInvite) {\r\n                        this.joinConversation(c.id);\r\n                    }\r\n                });\r\n            },\r\n            activeConversation(ac) {\r\n                if (ac) {\r\n                    this.fetchProfileData(Object.keys(ac.participants));\r\n                }\r\n            },\r\n        },\r\n        computed: {\r\n            ...mapGetters('messenger', {\r\n                messengerSessionState: storeGetters.messengerSessionState,\r\n                messengerUsername: storeGetters.messengerUsername,\r\n                conversations: storeGetters.conversations,\r\n                chatParticipantProfiles: storeGetters.chatParticipantProfiles,\r\n            }),\r\n            ...mapGetters({\r\n                isMobileAppBrowser: `${[storeGetters.isMobileAppBrowser]}`,\r\n            }),\r\n            ...mapState('actionState', ['actions']),\r\n            loadingAction() {\r\n                return this.actions[storeAction.ensureMessengerSession];\r\n            },\r\n            loadingActionReady() {\r\n                return !this.loadingAction.pending && !this.loadingAction.failed;\r\n            },\r\n            readyConversations() {\r\n                return (this.conversations || []).filter(c => Object.keys(c.participants || {}));\r\n                //TODO: will look at below later - this is causing unexpected flickering of conversationPreview\r\n                    /*.every(k => c.participants[k].profileDataLoadState === 'LOADED'));*/\r\n            },\r\n            activeConversation() {\r\n                const requestedParticipantIds = (this.requestedParticipantIds || []).slice();\r\n                requestedParticipantIds.sort();\r\n\r\n                if (this.activeConversationId) {\r\n                    return this.conversations.find(cnv => cnv.id === this.activeConversationId);\r\n                }\r\n\r\n                if (!this.activeConversationId && requestedParticipantIds.length) {\r\n                   return this.newDraftChatFromRoute;\r\n                }\r\n\r\n                if (!this.activeConversationId && this.startNewChat) {\r\n                    return this.draftConversation;\r\n                }\r\n\r\n                return this.readyConversations[0];\r\n            },\r\n            newDraftChatFromRoute() {\r\n                let result = null;\r\n                if (this.requestedParticipantIds && this.requestedParticipantIds.length) {\r\n                    const participants = {};\r\n                    this.requestedParticipantIds.forEach((id) => {\r\n                        const profileData = this.chatParticipantProfiles[id] || {};\r\n                        participants[id] = {\r\n                            id,\r\n                            name: profileData.name || null,\r\n                            profileImageUrl: profileData.profileImageUrl || null,\r\n                            fallbackProfileImageUrl: profileData.fallbackProfileImageUrl || null,\r\n                            primaryChapterName: profileData.primaryChapterName || null,\r\n                            profileDataLoadState: profileData.loadState || 'NEW',\r\n                        };\r\n                    });\r\n\r\n                    result = {\r\n                        id: iamConstants.DRAFT_CHAT_ID,\r\n                        participants,\r\n                        events: [],\r\n                    };\r\n                }\r\n                return result;\r\n            },\r\n            activeGroupConversation() {\r\n                let cnv = null;\r\n                if (this.newChatGroupInitiated) {\r\n                    cnv = newGroupChatObject();\r\n                }\r\n                if (this.manageGroupInitiated) {\r\n                    cnv = { ...this.activeConversation };\r\n                }\r\n                return cnv;\r\n            },\r\n            selectableConversations() {\r\n                return (this.activeConversation === this.newDraftChatFromRoute || this.activeConversation === this.draftConversation) ?\r\n                    [this.activeConversation, ...this.readyConversations] :\r\n                    this.readyConversations;\r\n            },\r\n        },\r\n        methods: {\r\n            ...mapActions('messenger', {\r\n                joinConversation: storeAction.joinConversation,\r\n                fetchProfileData: storeAction.fetchProfileData,\r\n                getCategoryLinks: `tools/${storeAction.getCategoryLinks}`,\r\n                setRoomReadMarkers: storeAction.setRoomReadMarkers,\r\n            }),\r\n            ...mapMutations({\r\n                getFreshQuickLinks2: `tools/${storeMutation.getFreshQuickLinks2}`,\r\n            }),\r\n            startNewMessengerGroup(mobileChat) {\r\n                this.activeConversationId = null;\r\n                this.startNewChat = null;\r\n                this.requestedParticipantIds = [];\r\n                this.manageGroupInitiated = false;\r\n\r\n                this.newChatGroupInitiated = true;\r\n                if (mobileChat) {\r\n                    this.mobileNewGroupWindow = true;\r\n                }\r\n            },\r\n            startNewConversation(mobileChat) {\r\n                this.activeConversationId = null;\r\n                this.requestedParticipantIds = [];\r\n                this.manageGroupInitiated = false;\r\n                this.newChatGroupInitiated = false;\r\n\r\n                this.startNewChat = true;\r\n                if (mobileChat) {\r\n                    this.mobileChatWindow = true;\r\n                }\r\n            },\r\n            handlePostGroupCreation(cnvId) {\r\n                this.activeConversationId = cnvId;\r\n                this.newChatGroupInitiated = false;\r\n                this.mobileNewGroupWindow = false;\r\n            },\r\n            isActive(conversation) {\r\n                return conversation === this.activeConversation;\r\n            },\r\n            closeChatWindow() {\r\n                this.mobileChatWindow = false;\r\n                this.startNewChat = false;\r\n            },\r\n            handleManageGroup(cnv) {\r\n                this.setActiveConversation(cnv);\r\n                this.manageGroupInitiated = true;\r\n            },\r\n            handleManageGroupMobile(cnv) {\r\n                this.setActiveConversation(cnv);\r\n                this.mobileNewGroupWindow = true;\r\n                this.manageGroupInitiated = true;\r\n            },\r\n            launchGroupChat(cnv) {\r\n                this.setActiveConversation(cnv);\r\n                this.manageGroupInitiated = false;\r\n                this.mobileNewGroupWindow = false;\r\n            },\r\n            setActiveConversation(ac, mobileChat) {\r\n                //to avoid sending read marker on load.. and trigger only after first manual setting of activeConversation\r\n                this.startSendingReadMarkers = true;\r\n                this.manageGroupInitiated = false;\r\n                this.newChatGroupInitiated = false;\r\n                this.startNewChat = false;\r\n\r\n                if (ac) {\r\n                    if (isValidConversationId(ac.id)) {\r\n                        this.requestedParticipantIds = null;\r\n                        this.activeConversationId = ac.id;\r\n\r\n                        //sending read notification\r\n                        this.sendReadNotification(ac);\r\n                    } else if (ac.id === iamConstants.DRAFT_CHAT_ID) {\r\n                        this.startNewChat = true;\r\n                    }\r\n                } else {\r\n                    this.requestedParticipantIds = null;\r\n                    this.activeConversationId = null;\r\n                }\r\n\r\n                if (mobileChat) {\r\n                    this.mobileChatWindow = true;\r\n                }\r\n            },\r\n            sendReadNotification(ac) {\r\n                const messageList = getMessagesFromConversation(ac);\r\n                if (messageList && messageList.length) {\r\n                    const lastEvent = messageList[messageList.length - 1];\r\n                    this.setRoomReadMarkers({ roomId: ac.id, eventId: lastEvent.id });\r\n                }\r\n            },\r\n            showQuickLinkDialog() {\r\n                this.dialogState.dialogOpen = true;\r\n                this.getFreshQuickLinks2();\r\n                this.getCategoryLinks();\r\n            },\r\n            closeQuickLinkDialog() {\r\n                this.dialogState.dialogOpen = false;\r\n            },\r\n            handleDeleteConversation() {\r\n                this.manageGroupInitiated = false;\r\n                this.mobileNewGroupWindow = false;\r\n                this.mobileChatWindow = false;\r\n                this.activeConversationId = null;\r\n            },\r\n            setActiveConversationIdBeforeSend(conversationId) {\r\n                this.activeConversationId = conversationId;\r\n            },\r\n            handleSendMessage({ conversationId }) {\r\n                this.startSendingReadMarkers = true;\r\n                this.startNewChat = false;\r\n                this.draftConversation = { ...newDraftConversation() };\r\n                this.requestedParticipantIds = [];\r\n                const toCnv = this.conversations.find(cnv => cnv.id === conversationId);\r\n                if (!toCnv || !isValidConversationId(toCnv.id)) return;\r\n                this.setActiveConversation(toCnv);\r\n            },\r\n        },\r\n\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n    @import '../../../common/styles/_colors.scss';\r\n    @import '../../../common/styles/_responsive.scss';\r\n\r\n    .messenger {\r\n        &-outer-frame {\r\n            margin-top: 85px;\r\n\r\n            @include breakpoint(xs) {\r\n                margin-top: 60px;\r\n            }\r\n\r\n            &--mobile {\r\n                margin-top: 70px;\r\n            }\r\n        }\r\n\r\n        &-app {\r\n            position: relative;\r\n\r\n            &__preview-version {\r\n                font-size: 12px;\r\n                position: relative;\r\n                top: -7px;\r\n\r\n                @include breakpoint(md) {\r\n                    font-size: 10px;\r\n                }\r\n            }\r\n        }\r\n\r\n        &-container {\r\n            box-shadow: 0 1px 3px 0 rgba($black, 0.18);\r\n            border: 1px solid rgba($ypo-gray, 0.4) !important;\r\n            background: $white;\r\n            border-radius: 4px;\r\n            \r\n            .conversation-view__title-bar {\r\n                color: $ypo-blue;\r\n                background: $ypo-open-blue-gray;\r\n                width: 100%;\r\n\r\n                h2 {\r\n                    font-size: 16px;\r\n                    padding: 10px 50px 10px 10px;\r\n                }\r\n\r\n                .conversation-view__actions {\r\n                    margin-left: auto;\r\n                }\r\n            }\r\n\r\n            .v-text-field.conversation__input > .v-input__control > .v-input__slot {\r\n                margin-bottom: 0px;\r\n                font-size: 14px;\r\n                &:before {\r\n                    display: none;\r\n                }\r\n                &:after {\r\n                    display: none;\r\n                }\r\n            }\r\n\r\n            .v-text-field__details {\r\n                display: none;\r\n            }\r\n\r\n            .v-textarea {\r\n                margin: 0 10px 0 10px;\r\n                padding-bottom: 10px;\r\n            }\r\n        }\r\n\r\n        &-conversation {\r\n            position: relative;\r\n\r\n            .conversation-list {\r\n                &__scroller {\r\n                    position: relative;\r\n                    max-height: calc(100vh - 170px);\r\n                    overflow-y: auto;\r\n                }\r\n\r\n                &__conversation {\r\n                    position: relative;\r\n                    width: 100%;\r\n                    border-bottom: 1px solid rgba($ypo-blue, 0.05);\r\n                    outline: none;\r\n                    display: block;\r\n                    transition: 0.3s all ease;\r\n                    padding: 5px 0px;\r\n\r\n                    &:hover {\r\n                        background: rgba($ypo-blue, 0.05);\r\n                    }\r\n\r\n                    &-active {\r\n                        background: rgba($ypo-blue, 0.08);\r\n                    }\r\n\r\n                    .v-list {\r\n                        margin: 0;\r\n                        padding: 0px !important;\r\n                    }\r\n\r\n                    .v-list__tile__title {\r\n                        font-size: 14px;\r\n                        font-weight: 600;\r\n                        color: $ypo-cta;\r\n                    }\r\n\r\n                    .v-list__tile__sub-title {\r\n                        font-size: 12px;\r\n                        color: $ypo-gray;\r\n                        & + .v-list__tile__sub-title {\r\n                            font-size: 10px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .conversation__panel--desktop {\r\n        @include breakpoint(xs) {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .messenger {\r\n\r\n        &--desktop {\r\n            display: block;\r\n            @include breakpoint(xs) {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        &--mobile {\r\n            display: none;\r\n            @include breakpoint(xs) {\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n\r\n    .messenger-menu {\r\n\r\n        &__list {\r\n            padding: 0;\r\n\r\n            .v-list__tile {\r\n                height: 40px;\r\n                color: $ypo-cta;\r\n\r\n                &:hover {\r\n                    background-color: $ypo_cta !important;\r\n                    * {\r\n                        color: $white !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .messenger-conversation {\r\n        border-right: 1px solid rgba($ypo-blue, 0.09);\r\n        overflow: hidden;\r\n        height: 100%;\r\n        margin-right: 0 !important;\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .messenger-container {\r\n            position: relative;\r\n            margin-right: 16px;\r\n            margin-bottom: 50px;\r\n\r\n            .conversation-view__title-bar {\r\n                background: $ypo-cta;\r\n                color: $white;\r\n            }\r\n\r\n            .message-history {\r\n                opacity: 0;\r\n                position: fixed;\r\n                left: 0;\r\n                top: 0;\r\n                z-index: 100;\r\n                width: 100%;\r\n                visibility: hidden;\r\n                transition: 0.3s all ease;\r\n                height: 100%;\r\n                background: url(../../../assets/triangle.png);\r\n\r\n                &.active {\r\n                    opacity: 1;\r\n                    visibility: visible;\r\n                }\r\n\r\n                &__close {\r\n                    position: absolute;\r\n                    top: 0;\r\n                    right: 0;\r\n                    i {\r\n                        font-size: 16px;\r\n                        color: $white;\r\n                    }\r\n                }\r\n\r\n                .inner-scrollbar {\r\n                    min-height: 70vh;\r\n                    max-height: 70vh;\r\n                }\r\n\r\n                .conversation-view {\r\n                    margin: -3px;\r\n                    border-radius: 4px;\r\n                    background: transparent;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .messenger-avatar {\r\n        img {\r\n            border: 3px solid $ypo-tile-border;\r\n        }\r\n    }\r\n\r\n    .v-tooltip__content {\r\n        z-index: 200 !important;\r\n    }\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MessengerPage.vue?vue&type=template&id=28c4b452&\"\nimport script from \"./MessengerPage.vue?vue&type=script&lang=js&\"\nexport * from \"./MessengerPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MessengerPage.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanel.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanel.vue?vue&type=style&index=1&lang=scss&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyQuickLinks.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyQuickLinks.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationMessage.vue?vue&type=style&index=0&id=46803d66&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationMessage.vue?vue&type=style&index=0&id=46803d66&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-progress-linear',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.action && _vm.action.pending),expression:\"action && action.pending\"}],staticClass:\"ma-0\",attrs:{\"indeterminate\":\"\"}}),_c('v-alert',{staticClass:\"ma-0 status-success\",attrs:{\"type\":_vm.messageState.messageType,\"value\":_vm.showMessage,\"transition\":_vm.messagesTransition}},[_vm._v(\"\\n    \"+_vm._s(_vm.messageState.message)+\"\\n  \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-progress-linear\r\n      indeterminate\r\n      v-show=\"action && action.pending\"\r\n      class=\"ma-0\"\r\n    ></v-progress-linear>\r\n    <v-alert\r\n      :type=\"messageState.messageType\"\r\n      :value=\"showMessage\"\r\n      :transition=\"messagesTransition\"\r\n      class=\"ma-0 status-success\"\r\n      >\r\n      {{messageState.message}}\r\n    </v-alert>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { appConstant } from '../../app.constant';\r\nimport { VAlert } from 'vuetify/es5/components/VAlert';\r\nimport { VProgressLinear } from 'vuetify/es5/components/VProgressLinear';\r\n\r\nexport default {\r\n  name: 'StatusBar',\r\n  data: () => ({\r\n    messageState: {},\r\n  }),\r\n  props: {\r\n    action: {\r\n      type: Object,\r\n      required: appConstant.DEFAULT_SUBMIT_SUCCESS_MESSAGE,\r\n    },\r\n    successText: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    successDuration: {\r\n      type: Number,\r\n      default: 2500,\r\n    },\r\n    errorText: {\r\n      type: String,\r\n      default: appConstant.DEFAULT_SUBMIT_ERROR_MESSAGE,\r\n    },\r\n    errorDuration: {\r\n      type: Number,\r\n      default: null,\r\n    },\r\n    messagesTransition: {\r\n      type: String,\r\n      default: 'scroll-x-transition',\r\n    },\r\n  },\r\n  components: {\r\n    VAlert,\r\n    VProgressLinear,\r\n  },\r\n  watch: {\r\n    'action.state': function handleSuccessState(value, prevValue) {\r\n      let messageType = null;\r\n      let message = null;\r\n      let duration = null;\r\n      if (value === 'ready' && prevValue === 'pending') {\r\n        messageType = 'success';\r\n        message = this.successText;\r\n        duration = this.successDuration;\r\n      } else if (value === 'failed' && prevValue === 'pending') {\r\n        messageType = 'error';\r\n        message = this.errorText;\r\n        duration = this.errorDuration;\r\n      }\r\n\r\n      this.setMessageState(messageType, message, this.action.id, duration);\r\n    },\r\n  },\r\n  methods: {\r\n    setMessageState(messageType, message, relatedActionId, duration) {\r\n      this.messageState = { messageType, message, relatedActionId };\r\n      if (parseInt(duration, 10) > 0) {\r\n        setTimeout(() => {\r\n          if (this.messageState.relatedActionId === relatedActionId) {\r\n            // Keep the message type so the alert stays a consistent style during the leave transition.\r\n            this.messageState = { messageType };\r\n          }\r\n        }, duration);\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    showMessage() {\r\n      return (\r\n        this.messageState.hasOwnProperty('message') &&\r\n        this.messageState.hasOwnProperty('relatedActionId') &&\r\n\r\n        this.messageState.message && this.messageState.message.length > 0 &&\r\n        this.messageState.relatedActionId !== null &&\r\n        this.messageState.relatedActionId !== undefined\r\n      );\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StatusBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StatusBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StatusBar.vue?vue&type=template&id=337fb8fe&\"\nimport script from \"./StatusBar.vue?vue&type=script&lang=js&\"\nexport * from \"./StatusBar.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.action.pending || _vm.action.failed),expression:\"action.pending || action.failed\"}],staticClass:\"overlay\",style:({backgroundColor: _vm.backgroundColor})},[_c('v-layout',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.action.pending),expression:\"action.pending\"}],staticClass:\"overlay__content\",style:({ maxHeight: _vm.contentHeight }),attrs:{\"column\":\"\",\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"shrink\":\"\",\"grow\":\"\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\"}})],1)],1),_c('v-layout',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.action.failed),expression:\"action.failed\"}],staticClass:\"overlay__content\",style:({ maxHeight: _vm.contentHeight }),attrs:{\"column\":\"\",\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"shrink\":\"\",\"grow\":\"\"}},[_vm._t(\"on-error\",[_c('span',[_vm._v(\"\\n          \"+_vm._s(_vm.appConstant.DEFAULT_LOADING_ERROR_MESSAGE)+\"\\n        \")])])],2),_c('v-flex',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.retryable),expression:\"retryable\"}],attrs:{\"shrink\":\"\",\"grow\":\"\"}},[_c('v-btn',{attrs:{\"flat\":\"\"},on:{\"click\":function($event){return _vm.action.retry()}}},[_vm._v(\"Retry\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"overlay\"\r\n        v-show=\"action.pending || action.failed\"\r\n        :style=\"{backgroundColor}\">\r\n    <v-layout\r\n      column\r\n      justify-center\r\n      align-center\r\n      v-show=\"action.pending\"\r\n      class=\"overlay__content\"\r\n      :style=\"{ maxHeight: contentHeight }\"\r\n      >\r\n      <v-flex shrink grow>\r\n        <v-progress-circular indeterminate></v-progress-circular>\r\n      </v-flex>\r\n    </v-layout>\r\n    <v-layout\r\n      column\r\n      justify-center\r\n      align-center\r\n      v-show=\"action.failed\"\r\n      class=\"overlay__content\"\r\n      :style=\"{ maxHeight: contentHeight }\"\r\n      >\r\n      <v-flex shrink grow>\r\n        <slot name=\"on-error\">\r\n          <span>\r\n            {{appConstant.DEFAULT_LOADING_ERROR_MESSAGE}}\r\n          </span>\r\n        </slot>\r\n      </v-flex>\r\n      <v-flex shrink grow v-show=\"retryable\">\r\n        <v-btn flat @click=\"action.retry()\">Retry</v-btn>\r\n      </v-flex>\r\n    </v-layout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { colorConstant } from '../../common/styles/colors.constant';\r\nimport { appConstant } from '../../app.constant';\r\nimport { VProgressCircular } from 'vuetify/es5/components/VProgressCircular';\r\n\r\nexport default {\r\n  name: 'StatusOverlay',\r\n  data() {\r\n    return {\r\n      appConstant,\r\n    };\r\n  },\r\n  props: {\r\n    action: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    backgroundColor: {\r\n      type: String,\r\n      default: colorConstant().white,\r\n    },\r\n    contentHeight: {\r\n      type: String,\r\n      default: 'auto',\r\n    },\r\n    retryable: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  components: {\r\n    VProgressCircular,\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n @import \"../../common/styles/_colors.scss\";\r\n\r\n.overlay__content {\r\n  height: 100%;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StatusOverlay.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StatusOverlay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StatusOverlay.vue?vue&type=template&id=5242edfd&scoped=true&\"\nimport script from \"./StatusOverlay.vue?vue&type=script&lang=js&\"\nexport * from \"./StatusOverlay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StatusOverlay.vue?vue&type=style&index=0&id=5242edfd&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5242edfd\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanelMenu.vue?vue&type=style&index=0&id=11169544&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanelMenu.vue?vue&type=style&index=0&id=11169544&lang=scss&scoped=true&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanel.vue?vue&type=style&index=0&id=a81aa6d6&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationPanel.vue?vue&type=style&index=0&id=a81aa6d6&scoped=true&lang=scss&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationMarker.vue?vue&type=style&index=0&id=2d5b6810&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationMarker.vue?vue&type=style&index=0&id=2d5b6810&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.scrollDefaultState),expression:\"scrollDefaultState\"}],ref:\"idMyQuickLink\",staticClass:\"my-quick-links inner-scrollbar\",attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('status-overlay',{attrs:{\"action\":_vm.loadingAction,\"content-height\":\"100px\"}}),_vm._l((_vm.myQuickLinks),function(quickLink,index){return _c('v-flex',{key:index,staticClass:\"quicklink_v-flex\",attrs:{\"xs4\":\"\",\"text-xs-center\":\"\"}},[_c('v-tooltip',{attrs:{\"top\":\"\"}},[_c('img',{staticClass:\"quicklink_img\",class:_vm.isHivebriteRedirectCommunity(quickLink) && \"HB_redirect_community\",attrs:{\"slot\":\"activator\",\"src\":_vm.sizeFormattedImageUrl(quickLink.iconUrl, 150, 150),\"alt\":quickLink.name,\"data-qe-id\":'quickLink_' + index},on:{\"click\":function($event){return _vm.gotoMyQuickLink(quickLink)}},slot:\"activator\"}),_c('span',{attrs:{\"data-qe-id\":'quickLink_name' + index}},[_vm._v(_vm._s(quickLink.name))]),_c('span',{staticClass:\"my-quick-links__chapterName\",attrs:{\"slot\":\"activator\",\"data-qe-id\":'quickLink_name1' + index},slot:\"activator\"},[_vm._v(_vm._s(quickLink.name))])]),_c('span',{staticClass:\"my-quick-links__chapterLabel\",attrs:{\"data-qe-id\":'quickLink_label' + index}},[_vm._v(_vm._s(_vm.quickLinkLabel(quickLink)))])],1)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-layout ref=\"idMyQuickLink\" row wrap class=\"my-quick-links inner-scrollbar\" v-click-outside=\"scrollDefaultState\">\r\n        <status-overlay :action=\"loadingAction\" content-height=\"100px\"></status-overlay>\r\n        <v-flex class=\"quicklink_v-flex\" xs4 text-xs-center v-for=\"(quickLink, index) in myQuickLinks\" :key=\"index\">\r\n            <v-tooltip top>\r\n                <img\r\n                    @click=\"gotoMyQuickLink(quickLink)\"\r\n                    :class=\"isHivebriteRedirectCommunity(quickLink) && `HB_redirect_community`\"\r\n                    class=\"quicklink_img\"\r\n                    :src=\"sizeFormattedImageUrl(quickLink.iconUrl, 150, 150)\"\r\n                    :alt=\"quickLink.name\"\r\n                    :data-qe-id=\"'quickLink_' + index\"\r\n                    slot=\"activator\"\r\n                />\r\n                <span :data-qe-id=\"'quickLink_name' + index\">{{ quickLink.name }}</span>\r\n                <span class=\"my-quick-links__chapterName\" slot=\"activator\" :data-qe-id=\"'quickLink_name1' + index\">{{\r\n                    quickLink.name\r\n                  }}</span>\r\n            </v-tooltip>\r\n            <span class=\"my-quick-links__chapterLabel\" :data-qe-id=\"'quickLink_label' + index\">{{\r\n                quickLinkLabel(quickLink)\r\n            }}</span>\r\n        </v-flex>\r\n    </v-layout>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapGetters } from 'vuex';\r\nimport { storeAction } from '../../../store/storeActions.constant';\r\nimport { storeGetters } from '../../../store/storeGetters.constant';\r\nimport { myToolsConstants } from '../mytools.constant.js';\r\nimport ClickOutside from 'vue-click-outside';\r\nimport StatusOverlay from '../../StatusOverlay/StatusOverlay';\r\nimport { gaDataLayerEvent } from '../../../plugins/analytics';\r\nimport { getHbRedirectByCommunityId } from \"@/common/utils/hivebriteUtils\";\r\nimport { gtmEventName } from \"@/plugins/gtmAnalytics\";\r\nimport { sizeFormattedImageUrl } from \"@/common/utils/cloudinaryUtils\";\r\n\r\nexport default {\r\n    name: 'MyQuickLinks',\r\n    components: { StatusOverlay },\r\n    data: () => ({\r\n        myToolsConstants,\r\n        sizeFormattedImageUrl,\r\n    }),\r\n    methods: {\r\n        isHivebriteRedirectCommunity(quickLink) {\r\n          return !!getHbRedirectByCommunityId(this.connectPlusRedirects, quickLink.communityId);\r\n        },\r\n        gotoMyQuickLink(quickLink) {\r\n            gaDataLayerEvent(gtmEventName.C_Quick_Link, quickLink.name);\r\n\r\n            let url = quickLink.hyperLink;\r\n            if (url && !url.includes('http')) {\r\n                url = `http://${url}`;\r\n            }\r\n\r\n          const hbRedirectCommunity = getHbRedirectByCommunityId(this.connectPlusRedirects, quickLink.communityId);\r\n          if (hbRedirectCommunity) {\r\n            window.open(hbRedirectCommunity.redirectUrl, '_self');\r\n          } else {\r\n            const appOrigin = window.location.origin;\r\n            if (url.includes(appOrigin) || this.isMobileAppBrowser) {\r\n              window.open(url, '_self');\r\n            } else {\r\n              window.open(url, '_blank');\r\n            }\r\n          }\r\n        },\r\n        scrollDefaultState() {\r\n            this.$refs.idMyQuickLink.scrollTop = 0;\r\n        },\r\n        quickLinkLabel(quickLink) {\r\n            return quickLink.label === this.myToolsConstants.QUICK_LINKS.Resource\r\n                ? ''\r\n                : `${this.myToolsConstants.QUICK_LINKS.My} ${quickLink.label}`;\r\n        },\r\n    },\r\n    directives: {\r\n        ClickOutside,\r\n    },\r\n    computed: {\r\n        ...mapState('actionState', ['actions']),\r\n        ...mapGetters({\r\n            myQuickLinks: `tools/${storeGetters.myQuickLinks}`,\r\n            isMobileAppBrowser: `${[storeGetters.isMobileAppBrowser]}`,\r\n            connectPlusRedirects: `connectPlus/${storeGetters.connectPlusRedirects}`,\r\n        }),\r\n        loadingAction() {\r\n            return this.actions[storeAction.getMyQuickLinks];\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../../../common/styles/_colors.scss';\r\n@import '../../../common/styles/_responsive.scss';\r\n\r\n.my-quick-links {\r\n    max-height: 345px;\r\n    min-height: 100px;\r\n    position: relative;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n    word-wrap: break-word;\r\n\r\n    &__chapterName {\r\n        font-size: 12px;\r\n        line-height: normal;\r\n        text-align: center;\r\n        display: block;\r\n        margin-bottom: 0px;\r\n        padding: 0 5px;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n    }\r\n\r\n    &__chapterLabel {\r\n        color: $ypo-gray;\r\n        font-size: 10px;\r\n        line-height: normal;\r\n        text-align: center;\r\n        display: block;\r\n    }\r\n}\r\n\r\n.quicklink_img {\r\n    cursor: pointer;\r\n    width: 54px;\r\n    height: 54px;\r\n    border-radius: 50px;\r\n    background-color: rgba($ypo_blue, 0.6);\r\n    box-shadow: inset 0 1px 3px 0 rgba($black, 0.5), 0 0 0 0 rgba($black, 0.5);\r\n    margin-top: 12px;\r\n}\r\n\r\n.quicklink_v-flex {\r\n    min-height: 100px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyQuickLinks.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyQuickLinks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyQuickLinks.vue?vue&type=template&id=2329b342&\"\nimport script from \"./MyQuickLinks.vue?vue&type=script&lang=js&\"\nexport * from \"./MyQuickLinks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyQuickLinks.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerPage.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerPage.vue?vue&type=style&index=0&lang=scss&\"","function validate(binding) {\r\n  if (typeof binding.value !== 'function') {\r\n    console.warn('[Vue-click-outside:] provided expression', binding.expression, 'is not a function.')\r\n    return false\r\n  }\r\n\r\n  return true\r\n}\r\n\r\nfunction isPopup(popupItem, elements) {\r\n  if (!popupItem || !elements)\r\n    return false\r\n\r\n  for (var i = 0, len = elements.length; i < len; i++) {\r\n    try {\r\n      if (popupItem.contains(elements[i])) {\r\n        return true\r\n      }\r\n      if (elements[i].contains(popupItem)) {\r\n        return false\r\n      }\r\n    } catch(e) {\r\n      return false\r\n    }\r\n  }\r\n\r\n  return false\r\n}\r\n\r\nfunction isServer(vNode) {\r\n  return typeof vNode.componentInstance !== 'undefined' && vNode.componentInstance.$isServer\r\n}\r\n\r\nexports = module.exports = {\r\n  bind: function (el, binding, vNode) {\r\n    if (!validate(binding)) return\r\n\r\n    // Define Handler and cache it on the element\r\n    function handler(e) {\r\n      if (!vNode.context) return\r\n\r\n      // some components may have related popup item, on which we shall prevent the click outside event handler.\r\n      var elements = e.path || (e.composedPath && e.composedPath())\r\n      elements && elements.length > 0 && elements.unshift(e.target)\r\n      \r\n      if (el.contains(e.target) || isPopup(vNode.context.popupItem, elements)) return\r\n\r\n      el.__vueClickOutside__.callback(e)\r\n    }\r\n\r\n    // add Event Listeners\r\n    el.__vueClickOutside__ = {\r\n      handler: handler,\r\n      callback: binding.value\r\n    }\r\n    !isServer(vNode) && document.addEventListener('click', handler)\r\n  },\r\n\r\n  update: function (el, binding) {\r\n    if (validate(binding)) el.__vueClickOutside__.callback = binding.value\r\n  },\r\n  \r\n  unbind: function (el, binding, vNode) {\r\n    // Remove Event Listeners\r\n    !isServer(vNode) && document.removeEventListener('click', el.__vueClickOutside__.handler)\r\n    delete el.__vueClickOutside__\r\n  }\r\n}\r\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StatusOverlay.vue?vue&type=style&index=0&id=5242edfd&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StatusOverlay.vue?vue&type=style&index=0&id=5242edfd&lang=scss&scoped=true&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerGroup.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerGroup.vue?vue&type=style&index=1&lang=scss&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerAppTitle.vue?vue&type=style&index=0&id=4d02a24d&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessengerAppTitle.vue?vue&type=style&index=0&id=4d02a24d&lang=scss&scoped=true&\""],"sourceRoot":""}