{"version":3,"sources":["webpack:///./src/components/whatchat/Messages.vue?598f","webpack:///./src/components/whatchat/Messages.vue?b29e","webpack:///./src/components/whatchat/PlayerInfo.vue?9a35","webpack:///src/components/whatchat/PlayerInfo.vue","webpack:///./src/components/whatchat/PlayerInfo.vue?fee6","webpack:///./src/components/whatchat/PlayerInfo.vue","webpack:///./src/components/whatchat/CoachingStaffInfo.vue?4fb6","webpack:///src/components/whatchat/CoachingStaffInfo.vue","webpack:///./src/components/whatchat/CoachingStaffInfo.vue?d0df","webpack:///./src/components/whatchat/CoachingStaffInfo.vue","webpack:///src/components/whatchat/Messages.vue","webpack:///./src/components/whatchat/Messages.vue?5850","webpack:///./src/components/whatchat/Messages.vue?0248","webpack:///./src/service/ServiceSubscriptions.js","webpack:///./src/components/stripe/StripeCreditCardBox.vue?53d5","webpack:///./src/components/stripe/StripePaymentIntent.vue?b552","webpack:///./src/service/StripeService.js","webpack:///./src/components/stripe/StripeCreditCardBox.vue?d74f","webpack:///src/components/stripe/StripeCreditCardBox.vue","webpack:///./src/components/stripe/StripeCreditCardBox.vue?af0f","webpack:///./src/components/stripe/StripeCreditCardBox.vue?98b6","webpack:///src/components/stripe/StripePaymentIntent.vue","webpack:///./src/components/stripe/StripePaymentIntent.vue?d488","webpack:///./src/components/stripe/StripePaymentIntent.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","logged","getCurrentUser","style","width","height","attrs","$t","displayPlayerReport","on","$event","authService","getUserId","staticClass","showChats","getUserProfile","$playerProfileId","staticStyle","image","showPlayerReport","id","$whatchatTirolibreUserId","_v","_e","modifyPlaySounds","domProps","search_in_conversations","evt","target","value","key","rerender","filtered_conversations","length","_l","conversation","name","params","nativeOn","conversationSelected","removeTirolibreUser","users","user","index","class","_s","getToUserProfile","is_group","username","ago","latestMessage","inserted_at","toString","typing_user","content","from_id","splitMessageContent","count_readers","directives","rawName","unread","expression","showConversation","$route","fullPath","isMobile","conversationClicked","showPlayerInfo","userIdLoaded","userId","rerenderPlayerInfo","showCoachingStaffInfo","_m","search_in_conversation","message","goToMessage","format","new_group","initGroupVars","search_in_contacts","group_name","removeUserFromGroup","group_users","createChatGroup","newChatUserClicked","staticRenderFns","playerId","commonService","getCDNImageUrl","playerData","UserImageUrl","isSmallScreen","Name","BornDate","Address","City","Region","Country","Nationality","requestedBy","PhoneNumber","ExternalLink","Videos","VideoUrl","showStripe","showStripePayment","amountActivation","cancelPaymentStripe","paymentOk","paymentKo","component","coachingStaffData","$coachingStaffProfileId","ActualClub","enumService","getEnumName","getCoachQualificationEnum","License","TMLink","VideoLink","ServiceSubscriptions","AuthService","headers","Authorization","getUserBearerToken","data","PlayerId","axios","post","Vue","prototype","$serviceBaseUrl","config","amountInEu","paymentSession","AmountInEu","PaymentSession","stripe","amount","cardConfirmed","cancel","StripeService","serviceCode","_description","Promise","resolve","reject","stripeKey","getStripeKey","handler","StripeCheckout","configure","locale","token","open","description","currency","closed","email","UserId","Email","secret","title","getPaymentButtonText","confirmation"],"mappings":"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","file":"js/chunk-64ac62cb.ab73e1e7.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!./Messages.vue?vue&type=style&index=0&id=022cfaae&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!./Messages.vue?vue&type=style&index=0&id=022cfaae&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.logged && _vm.getCurrentUser)?_c('div',[_c('Dialog',{style:({width: '95%', height: '100%'}),attrs:{\"header\":_vm.$t('Report'),\"visible\":_vm.displayPlayerReport,\"contentStyle\":{height: '100%'}},on:{\"update:visible\":function($event){_vm.displayPlayerReport=$event}}},[_c('PlayerReport',{attrs:{\"player-id\":_vm.authService.getUserId()}})],1),_c('div',{staticClass:\"messenger\"},[(_vm.showChats())?_c('div',{staticClass:\"el-asider\"},[_c('div',{staticClass:\"header-user\"},[_c('div',{staticClass:\"logo-container\"},[(this.authService.getUserProfile() == _vm.$playerProfileId)?_c('img',{staticClass:\"user\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":this.getCurrentUser ? this.getCurrentUser.image:''},on:{\"click\":function($event){return _vm.showPlayerReport()}}}):_c('img',{staticClass:\"user\",attrs:{\"src\":this.getCurrentUser ? this.getCurrentUser.image:''}})]),_c('div',{staticClass:\"options-tools\"},[_c('ul',{staticClass:\"options\"},[_c('li',[(_vm.getCurrentUser.id == _vm.$whatchatTirolibreUserId)?_c('div',{staticClass:\"opt-link inline-dropdown-menu\",staticStyle:{\"right\":\"50px\",\"top\":\"1px\",\"cursor\":\"pointer\"}},[_c('a',{staticClass:\"logo-icon overlayOpener\",staticStyle:{\"height\":\"2em !important\",\"width\":\"2em !important\"},attrs:{\"href\":\"#\",\"targetedoverlay\":\".boxed\"}},[_c('svg',{attrs:{\"xmlns:dc\":\"http://purl.org/dc/elements/1.1/\",\"xmlns:cc\":\"http://creativecommons.org/ns#\",\"xmlns:rdf\":\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\",\"xmlns:svg\":\"http://www.w3.org/2000/svg\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:sodipodi\":\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\",\"xmlns:inkscape\":\"http://www.inkscape.org/namespaces/inkscape\",\"width\":\"20px\",\"height\":\"20px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\",\"id\":\"svg8\",\"inkscape:version\":\"0.92.4 5da689c313, 2019-01-14\",\"sodipodi:docname\":\"message.svg\"}},[_c('defs',{attrs:{\"id\":\"defs2\"}}),_c('sodipodi:namedview',{attrs:{\"id\":\"base\",\"pagecolor\":\"#ffffff\",\"bordercolor\":\"#666666\",\"borderopacity\":\"1.0\",\"inkscape:pageopacity\":\"0.0\",\"inkscape:pageshadow\":\"2\",\"inkscape:zoom\":\"8.6880454\",\"inkscape:cx\":\"20.214727\",\"inkscape:cy\":\"9.0643314\",\"inkscape:document-units\":\"px\",\"inkscape:current-layer\":\"layer2\",\"showgrid\":\"false\",\"inkscape:window-width\":\"1366\",\"inkscape:window-height\":\"683\",\"inkscape:window-x\":\"0\",\"inkscape:window-y\":\"43\",\"inkscape:window-maximized\":\"1\",\"inkscape:snap-global\":\"false\"}}),_c('metadata',{attrs:{\"id\":\"metadata5\"}},[_c('rdf:RDF',[_c('cc:Work',{attrs:{\"rdf:about\":\"\"}},[_c('dc:format',[_vm._v(\"image/svg+xml\")]),_c('dc:type',{attrs:{\"rdf:resource\":\"http://purl.org/dc/dcmitype/StillImage\"}}),_c('dc:title')],1)],1)],1),_c('g',{staticStyle:{\"display\":\"inline\"},attrs:{\"inkscape:label\":\"Layer 1\",\"inkscape:groupmode\":\"layer\",\"id\":\"layer1\",\"transform\":\"translate(-92.940885,-40.776184)\"}},[_c('rect',{staticStyle:{\"fill\":\"#999999\",\"stroke-width\":\"0.18674137\"},attrs:{\"id\":\"rect10\",\"width\":\"24.157677\",\"height\":\"17.345932\",\"x\":\"92.951881\",\"y\":\"42.057056\",\"ry\":\"0.99540693\"}})]),_c('g',{staticStyle:{\"display\":\"inline\"},attrs:{\"inkscape:groupmode\":\"layer\",\"id\":\"layer2\",\"inkscape:label\":\"Layer 2\",\"transform\":\"translate(-92.940885,-40.776184)\"}},[_c('path',{staticStyle:{\"fill\":\"#999999\",\"stroke-width\":\"0.13471667\"},attrs:{\"d\":\"m 92.988789,55.683703 7.136431,-0.04017 c -2.581347,2.883779 -4.003481,5.885386 -7.088535,9.517927 l -0.0958,-4.718802 z\",\"id\":\"rect37\",\"inkscape:connector-curvature\":\"0\",\"sodipodi:nodetypes\":\"ccccc\"}}),_c('rect',{staticStyle:{\"fill\":\"#cccccc\",\"stroke-width\":\"0.13029665\"},attrs:{\"id\":\"rect3747\",\"width\":\"16.452614\",\"height\":\"1.7808952\",\"x\":\"95.869522\",\"y\":\"46.246376\",\"ry\":\"0\"}}),_c('rect',{staticStyle:{\"fill\":\"#e6e6e6\",\"stroke-width\":\"0.10821626\"},attrs:{\"id\":\"rect3751\",\"width\":\"11.348893\",\"height\":\"1.7808952\",\"x\":\"95.869522\",\"y\":\"49.696861\",\"ry\":\"0\"}}),_c('rect',{staticStyle:{\"fill\":\"#f9f9f9\",\"stroke-width\":\"0.08110066\"},attrs:{\"ry\":\"0\",\"y\":\"53.036037\",\"x\":\"95.783386\",\"height\":\"1.7808952\",\"width\":\"6.3740726\",\"id\":\"rect3753\"}})])],1)])]):_vm._e(),_c('div',{staticClass:\"opt-link inline-dropdown-menu\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.modifyPlaySounds()}}},[(_vm.playSounds)?_c('svg',{staticStyle:{\"enable-background\":\"new 0 0 58 58\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 58 58\",\"width\":\"24px\",\"height\":\"24px\",\"fill\":\"#949A9C\",\"xml:space\":\"preserve\"}},[_c('g',[_c('g',[_c('path',{attrs:{\"d\":\"M25.359,4.532c-6.745,0-12.662,3.547-16.025,8.864H1.855C0.83,13.396,0,14.227,0,15.252v16.495\\n                                                    c0,1.025,0.831,1.855,1.855,1.855h7.479c3.365,5.317,9.282,8.864,16.025,8.864c1.367,0,2.474-1.108,2.474-2.474V7.006\\n                                                    C27.834,5.64,26.727,4.532,25.359,4.532z M22.885,37.301c-6.554-1.172-11.546-6.915-11.546-13.801S16.33,10.871,22.885,9.699\\n                                                    V37.301z\"}}),_c('path',{attrs:{\"d\":\"M41.441,10.056c-0.725-0.725-1.899-0.724-2.625,0c-0.725,0.724-0.725,1.899,0,2.625c5.963,5.967,5.963,15.675,0,21.64\\n                                                    c-0.725,0.725-0.725,1.898,0,2.625c0.362,0.361,0.838,0.543,1.312,0.543s0.95-0.182,1.312-0.543\\n                                                    C48.852,29.532,48.852,17.47,41.441,10.056z\"}}),_c('path',{attrs:{\"d\":\"M36.891,14.605c-0.726-0.725-1.9-0.725-2.625,0c-0.725,0.724-0.725,1.899,0,2.624c3.457,3.457,3.457,9.083,0,12.542\\n                                                    c-0.724,0.725-0.724,1.898,0,2.625c0.362,0.361,0.838,0.543,1.312,0.543s0.949-0.182,1.312-0.543\\n                                                    C41.794,27.489,41.794,19.508,36.891,14.605z\"}}),_c('path',{attrs:{\"d\":\"M32.341,19.155c-0.726-0.725-1.899-0.723-2.625,0.001c-0.724,0.726-0.723,1.9,0.002,2.625\\n                                                    c0.459,0.458,0.711,1.067,0.711,1.718s-0.253,1.262-0.712,1.723c-0.725,0.725-0.725,1.898,0.001,2.623\\n                                                    c0.362,0.362,0.836,0.543,1.312,0.543s0.951-0.181,1.313-0.544c1.16-1.159,1.8-2.704,1.8-4.345\\n                                                    C34.141,21.857,33.502,20.314,32.341,19.155z\"}})])])]):_c('svg',{staticStyle:{\"enable-background\":\"new 0 0 58 58\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 58 58\",\"width\":\"24px\",\"height\":\"24px\",\"fill\":\"#949A9C\",\"xml:space\":\"preserve\"}},[_c('g',[_c('g',[_c('path',{attrs:{\"d\":\"M25.357,4.534c-6.744,0-12.661,3.547-16.024,8.864H1.855C0.83,13.397,0,14.228,0,15.252v16.493\\n                                                    C0,32.77,0.831,33.6,1.855,33.6h7.479c3.364,5.316,9.281,8.864,16.023,8.864c1.367,0,2.475-1.108,2.475-2.474V7.007\\n                                                    C27.831,5.642,26.723,4.534,25.357,4.534z M22.883,37.298c-6.554-1.172-11.545-6.914-11.545-13.799s4.991-12.627,11.544-13.799\\n                                                    L22.883,37.298L22.883,37.298z\"}}),_c('path',{attrs:{\"d\":\"M44.286,26.009c-1.752-1.752-4.082-2.717-6.56-2.717c-2.479,0-4.809,0.965-6.561,2.717c-3.617,3.617-3.617,9.503,0,13.12\\n                                                    c1.752,1.752,4.082,2.717,6.561,2.717c2.478,0,4.808-0.965,6.56-2.717C47.902,35.512,47.902,29.626,44.286,26.009z M33.79,28.633\\n                                                    c1.052-1.051,2.448-1.63,3.937-1.63c0.842,0,1.647,0.205,2.387,0.558l-7.393,7.392C31.74,32.884,32.082,30.341,33.79,28.633z\\n                                                    M41.663,36.505c-1.052,1.052-2.449,1.63-3.937,1.63c-0.843,0-1.646-0.205-2.386-0.557l7.392-7.393\\n                                                    C43.713,32.254,43.371,34.796,41.663,36.505z\"}})])])])])])])])]),_c('div',{staticClass:\"search-container\"},[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('Whatchat.Search')},domProps:{\"value\":_vm.search_in_conversations},on:{\"input\":function (evt) { return _vm.search_in_conversations = evt.target.value; }}})]),_c('div',{key:_vm.rerender,staticClass:\"list-conversation\"},[(_vm.filtered_conversations.length > 0)?_c('div',_vm._l((_vm.filtered_conversations),function(conversation){return _c('router-link',{key:conversation.id,staticClass:\"convervation one-contact\",attrs:{\"to\":{ name: 'conversation', params: { id: conversation.id}}},nativeOn:{\"click\":function($event){return _vm.conversationSelected(conversation)}}},[_c('div',{staticClass:\"conversation-image\"},[(conversation.is_group)?_vm._l((_vm.removeTirolibreUser(conversation.users)),function(user,index){return _c('div',{key:user.id,attrs:{\"id\":user.id}},[(_vm.getCurrentUser.id != _vm.$whatchatTirolibreUserId)?_c('div',[(index < 2)?_c('img',{class:[index < 1 ? 'user-group-1' : 'user-group-2'],attrs:{\"src\":user.image,\"alt\":user.id}}):_vm._e()]):_c('div',{class:[index < 1 ? 'user-group-1' : 'user-group-2']},[_vm._v(_vm._s(user.id))])])}):[(_vm.getCurrentUser.id != _vm.$whatchatTirolibreUserId)?_c('img',{staticClass:\"user\",attrs:{\"src\":_vm.getToUserProfile(conversation.users).image,\"alt\":conversation.id}}):_c('div',{staticClass:\"user\"},[_vm._v(_vm._s(conversation.id))])]],2),_c('div',{staticClass:\"conversation-details\"},[_c('div',{staticClass:\"first-row\"},[_c('div',{staticClass:\"conversation--username\",attrs:{\"title\":conversation.is_group ? conversation.name : _vm.getToUserProfile(conversation.users).username}},[_c('span',[_vm._v(_vm._s(conversation.is_group ? conversation.name : _vm.getToUserProfile(conversation.users).username)+\" \")])]),_c('div',{staticClass:\"conversation--date\"},[_c('span',{staticClass:\"span--datespan--date\",staticStyle:{\"float\":\"right\",\"text-align\":\"right\",\"margin-top\":\"45px\"}},[_vm._v(_vm._s(\"\" + _vm.ago(conversation.latestMessage.inserted_at).toString()))])])]),_c('div',{staticClass:\"second-row\"},[_c('transition',{attrs:{\"name\":\"fade\"}},[(!conversation.typing_user)?_c('div',{staticClass:\"lastmessage\",attrs:{\"title\":conversation.latestMessage.content}},[_c('span',{style:(_vm.getCurrentUser.id == conversation.latestMessage.from_id && conversation.latestMessage.content !== '' ? 'margin-left: 20px;':'')},[_vm._v(\" \"+_vm._s(_vm.splitMessageContent(conversation.latestMessage.content))+\" \")]),(_vm.getCurrentUser.id == conversation.latestMessage.from_id && conversation.latestMessage.content !== \"\")?_c('span',[_c('span',{class:conversation.latestMessage.count_readers === conversation.users.length ? 'message--readStatus message--readStatus--latest readed': 'message--readStatus message--readStatus--latest  '})]):_vm._e()]):_c('div',{staticClass:\"is_typing\",attrs:{\"title\":conversation.typing_user}},[_c('span',[_vm._v(_vm._s(conversation.typing_user))])])]),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(conversation.unread > 0),expression:\"conversation.unread > 0\"}],staticClass:\"ismessage\"},[_c('span',{staticClass:\"badge-icon\",attrs:{\"value\":\"3\"}},[_vm._v(_vm._s(conversation.unread))])])])],1)])])}),1):_vm._e()])]):_vm._e(),(_vm.showConversation())?_c('router-view',{key:this.$route.fullPath,staticClass:\"el-body\",attrs:{\"default\":\"{name: 'Welcome'}\"}}):_vm._e(),(!_vm.isMobile && _vm.conversationClicked && _vm.showPlayerInfo())?_c('div',{staticClass:\"el-player-info\"},[(_vm.userIdLoaded && _vm.userId != null)?_c('PlayerInfo',{key:_vm.rerenderPlayerInfo,attrs:{\"playerId\":_vm.userId,\"requested-by\":_vm.authService.getUserProfile()}}):_vm._e()],1):(!_vm.isMobile && _vm.conversationClicked && _vm.showCoachingStaffInfo())?_c('div',{staticClass:\"el-player-info\"},[(_vm.userIdLoaded && _vm.userId != null)?_c('CoachingStaffInfo',{key:_vm.rerenderPlayerInfo,attrs:{\"coachingStaffId\":_vm.userId,\"requested-by\":_vm.authService.getUserProfile()}}):_vm._e()],1):_vm._e(),_c('div',{staticClass:\"overlay_box right search_conv_message\"},[_c('div',{staticClass:\"header--box-search\"},[_c('span',{staticClass:\"overlay_box--name\"},[_vm._v(_vm._s(_vm.$t('Whatchat.Search')))]),_vm._m(0)]),_c('div',{staticClass:\"search-container\"},[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('Whatchat.Search')},domProps:{\"value\":_vm.search_in_conversation},on:{\"input\":function (evt) { return _vm.search_in_conversation = evt.target.value; }}})]),_c('div',{staticClass:\"list-conversation\"},[_c('div',{staticClass:\"conversation-details\"},_vm._l((_vm.filtered_conversation_messages),function(message){return _c('div',{key:message.id,staticClass:\"one-message-container\"},[_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"font-size\":\"0.7em\",\"font-weight\":\"normal\",\"color\":\"#978F97\",\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.goToMessage(message.id)}}},[_vm._v(_vm._s(message.inserted_at.format('DD/MM/yyyy HH:mm'))+\":\")]),_c('p',{staticStyle:{\"padding\":\"5px\",\"font-size\":\"0.9em\",\"font-weight\":\"normal\",\"color\":\"black\",\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.goToMessage(message.id)}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(message.content)+\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\")]),_c('hr')])])}),0)])]),_c('div',{staticClass:\"overlay_box left boxed\"},[_c('div',{staticClass:\"header--box\"},[(!_vm.new_group)?_c('span',{staticClass:\"overlay_box--name\"},[_vm._v(_vm._s(_vm.$t('Whatchat.NewChat')))]):_c('span',{staticClass:\"overlay_box--name\"},[_vm._v(_vm._s(_vm.$t('Whatchat.NewGroup')))]),_c('span',{staticClass:\"back-btn\",on:{\"click\":function($event){return _vm.initGroupVars()}}})]),(!_vm.new_group)?_c('div',{staticClass:\"search-container\"},[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('Whatchat.Search')},domProps:{\"value\":_vm.search_in_contacts},on:{\"input\":function (evt) { return _vm.search_in_contacts = evt.target.value; }}})]):_vm._e(),_c('div',{staticClass:\"list-conversation\"},[(_vm.new_group)?_c('div',{staticClass:\"convervation one-contact\"},[_c('div',{staticClass:\"first-row\"},[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('Whatchat.GroupName')},domProps:{\"value\":_vm.group_name},on:{\"input\":function (evt) { return _vm.group_name = evt.target.value; }}})])]):_vm._e(),_c('div',{staticClass:\"convervation one-contact\"},[_c('div',{staticClass:\"first-row\"},_vm._l((_vm.group_users),function(user){return _c('label',{key:user.id,staticStyle:{\"display\":\"inline-block\",\"margin-bottom\":\"5px\",\"padding\":\"0px 5px\",\"margin-left\":\"5px\",\"color\":\"white\",\"background-color\":\"#616161\",\"border\":\"5px solid #616161\",\"border-radius\":\"10px\"}},[_c('img',{staticClass:\"user-mini\",attrs:{\"src\":user.image,\"alt\":user.id}}),_c('span',[_vm._v(_vm._s(user.username))]),_c('svg',{attrs:{\"width\":\"15\",\"height\":\"15\",\"cursor\":\"pointer\",\"viewBox\":\"0 0 32 32\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"},on:{\"click\":function($event){return _vm.removeUserFromGroup(user)}}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M16 31C24.2843 31 31 24.2843 31 16C31 7.71573 24.2843 1 16 1C7.71573 1 1 7.71573 1 16C1 24.2843 7.71573 31 16 31Z\",\"stroke\":\"#979797\",\"stroke-width\":\"2\"}}),_c('path',{attrs:{\"d\":\"M9 9L24 24\",\"stroke\":\"#979797\",\"stroke-width\":\"2\",\"stroke-linecap\":\"square\"}}),_c('path',{attrs:{\"d\":\"M8.49512 23.4586L24.5049 9.54144\",\"stroke\":\"#979797\",\"stroke-width\":\"2\",\"stroke-linecap\":\"square\"}})])])}),0)]),(_vm.new_group && _vm.group_name && _vm.group_users.length >= 2)?_c('div',{staticClass:\"convervation one-contact\"},[_c('div',{staticClass:\"first-row\"},[_c('span',{on:{\"click\":function($event){return _vm.createChatGroup()}}},[_vm._v(_vm._s(_vm.$t('Whatchat.CreateGroupChat')))])])]):_vm._e(),_c('div',{staticClass:\"convervation one-contact\"},[_vm._m(1),_c('div',{staticClass:\"conversation-details\"},[_c('div',{staticClass:\"first-row\"},[_c('div',{staticClass:\"conversation--username\"},[(!_vm.new_group)?_c('span',{staticStyle:{\"position\":\"absolute\",\"top\":\"25px\",\"left\":\"0px\",\"font-weigth\":\"bold\",\"font-size\":\"17px\"},on:{\"click\":function($event){_vm.new_group = true}}},[_vm._v(_vm._s(_vm.$t('Whatchat.NewGroup')))]):_vm._e(),(_vm.new_group)?_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('Whatchat.AddUser')},domProps:{\"value\":_vm.search_in_contacts},on:{\"input\":function (evt) { return _vm.search_in_contacts = evt.target.value; }}}):_vm._e()])])])]),(_vm.search_in_contacts.length >= 3)?_c('div',_vm._l((_vm.filtered_contacts),function(user){return _c('div',{key:user.id,staticClass:\"convervation one-contact\",on:{\"click\":function($event){return _vm.newChatUserClicked(user)}}},[_c('div',{staticClass:\"conversation-image\"},[_c('img',{staticClass:\"user\",attrs:{\"src\":user.image,\"alt\":user.id}})]),_c('div',{staticClass:\"conversation-details\"},[_c('div',{staticClass:\"first-row\"},[_c('div',{staticClass:\"conversation--username\"},[_c('span',{staticStyle:{\"position\":\"absolute\",\"top\":\"25px\",\"left\":\"0px\",\"font-weigth\":\"bold\",\"font-size\":\"17px\"}},[_vm._v(_vm._s(user.username))])])])])])}),0):_vm._e()])])],1)],1):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"back-btn\"},[_c('i'),_c('i')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"conversation-image\"},[_c('img',{staticClass:\"user\",attrs:{\"src\":\"data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBzdHlsZT0iZmlsbDojRUYyNjQ4OyIgZD0iTTE4Ny43MzMsMjA0Ljh2LTUxLjJjMC0xOC44NSwxNS4yODMtMzQuMTMzLDM0LjEzMy0zNC4xMzNsMCwwYzIxLjQ4NywxMC43NDMsNDYuNzgsMTAuNzQzLDY4LjI2NywwICBsMCwwYzE4Ljg1LDAsMzQuMTMzLDE1LjI4MywzNC4xMzMsMzQuMTMzdjUxLjJjMCw5LjQyOS03LjYzNywxNy4wNjctMTcuMDY3LDE3LjA2N0gyMDQuOCAgQzE5NS4zNzEsMjIxLjg2NywxODcuNzMzLDIxNC4yMjksMTg3LjczMywyMDQuOHoiLz4KPGNpcmNsZSBzdHlsZT0iZmlsbDojRkZENEIwOyIgY3g9IjI1NiIgY3k9IjUxLjIiIHI9IjQyLjY2NyIvPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkRDMTM7IiBkPSJNNTkuNzMzLDI2NC41MzNjLTQuNzEsMC04LjUzMy0zLjgyMy04LjUzMy04LjUzM2MtMC4wNzctODIuMTc2LDQ5LjAxNS0xNTYuNDE2LDEyNC42NTUtMTg4LjUyNyAgIGM0LjMzNS0xLjg0Myw5LjM1MywwLjE3MSwxMS4xOTYsNC41MDZjMS44NDMsNC4zMzUtMC4xNzEsOS4zNTMtNC41MDYsMTEuMTk2bDAsMEMxMTMuMjAzLDExMi42MDYsNjguMTk4LDE4MC42NjgsNjguMjY3LDI1NiAgIEM2OC4yNjcsMjYwLjcxLDY0LjQ0NCwyNjQuNTMzLDU5LjczMywyNjQuNTMzeiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGREMxMzsiIGQ9Ik00NTIuMjY3LDI2NC41MzNjLTQuNzEsMC04LjUzMy0zLjgyMy04LjUzMy04LjUzM2MwLjA2OC03NS4zMzItNDQuOTM3LTE0My4zOTQtMTE0LjI3OC0xNzIuODI2ICAgYy00LjMzNS0xLjg0My02LjM0OS02Ljg2MS00LjUwNi0xMS4xOTZzNi44NjEtNi4zNDksMTEuMTk2LTQuNTA2QzQxMS43ODUsOTkuNTg0LDQ2MC44NzcsMTczLjgyNCw0NjAuOCwyNTYgICBDNDYwLjgsMjYwLjcxLDQ1Ni45NzcsMjY0LjUzMyw0NTIuMjY3LDI2NC41MzN6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRkZEQzEzOyIgZD0iTTI1Niw0NjAuOGMtMjcuNTM3LDAuMDUxLTU0LjgwMS01LjQ4Ny04MC4xNDUtMTYuMjczYy00LjMzNS0xLjg0My02LjM0OS02Ljg2MS00LjUwNi0xMS4xOTYgICBjMS44NDMtNC4zMzUsNi44NjEtNi4zNDksMTEuMTk2LTQuNTA2YzQ2Ljk3NiwxOS43OCw5OS45MzQsMTkuNzgsMTQ2LjkxLDBjNC4zMzUtMS44NDMsOS4zNTMsMC4xNzEsMTEuMTk2LDQuNTA2ICAgcy0wLjE3MSw5LjM1My00LjUwNiwxMS4xOTZDMzEwLjgwMSw0NTUuMzEzLDI4My41MzcsNDYwLjg1MSwyNTYsNDYwLjh6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRkZEQzEzOyIgZD0iTTE5Ni4yNjcsNDc3Ljg2N2MtMy4xODMsMC4wMDktNi4xMDEtMS43NTgtNy41NzgtNC41ODJsLTE3LjA2Ny0zMi42NTcgICBjLTIuMTg1LTQuMTczLTAuNTYzLTkuMzM1LDMuNjEtMTEuNTExYzAuNDk1LTAuMjU2LDEuMDI0LTAuNDY5LDEuNTYyLTAuNjMxbDM0LjEzMy0xMC4wMWM0LjUyMy0xLjMyMyw5LjI2NywxLjI3MSwxMC41OSw1Ljc5NCAgIHMtMS4yNzEsOS4yNjctNS43OTQsMTAuNTlsLTI0LjE1OCw3LjA4M2wxMi4yNjIsMjMuNDQxYzIuMTg1LDQuMTgxLDAuNTYzLDkuMzM1LTMuNjEsMTEuNTExICAgQzE5OC45OTcsNDc3LjUzNCwxOTcuNjQxLDQ3Ny44NjcsMTk2LjI2Nyw0NzcuODY3eiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGREMxMzsiIGQ9Ik00NTIuMjY3LDI2NC41MzNjLTIuMjYxLDAtNC40MzctMC44OTYtNi4wMzMtMi41bC0yNS42LTI1LjZjLTMuMjc3LTMuMzg4LTMuMTgzLTguNzg5LDAuMjEzLTEyLjA2NiAgIGMzLjMxMS0zLjE5MSw4LjU1LTMuMTkxLDExLjg1MywwbDE5LjU2NywxOS41NjdsMTkuNTY3LTE5LjU2N2MzLjM4OC0zLjI3Nyw4Ljc4OS0zLjE4MywxMi4wNjYsMC4yMTMgICBjMy4xOTEsMy4zMTEsMy4xOTEsOC41NSwwLDExLjg1M2wtMjUuNiwyNS42QzQ1Ni43MDQsMjYzLjYzNyw0NTQuNTI4LDI2NC41MzMsNDUyLjI2NywyNjQuNTMzeiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGREMxMzsiIGQ9Ik0xNjIuMTMzLDExOS40NjdjLTEuMjgsMC0yLjUzNC0wLjI5LTMuNjg2LTAuODUzYy00LjI0MS0yLjAzOS02LjAzMy03LjEzNC0zLjk5NC0xMS4zODMgICBsMTMuMzAzLTI3Ljc2N2wtMjYuMjIzLTExLjk0N2MtNC4yMDctMi4xMjUtNS44OTctNy4yNTMtMy43OC0xMS40NmMyLjAwNS0zLjk3Nyw2Ljc0MS01Ljc0MywxMC44NjMtNC4wNTNsMzQuMTMzLDE1LjU5ICAgYzQuMjg0LDEuOTcxLDYuMTUzLDcuMDQsNC4xODEsMTEuMzI0Yy0wLjAxNywwLjAzNC0wLjAzNCwwLjA2OC0wLjA1MSwwLjEwMmwtMTcuMDY3LDM1LjYxICAgQzE2OC4zOTcsMTE3LjU4MSwxNjUuNDEsMTE5LjQ1OCwxNjIuMTMzLDExOS40Njd6Ii8+CjwvZz4KPHBhdGggc3R5bGU9ImZpbGw6I0VEQzRBMjsiIGQ9Ik0yODEuNDk4LDE3LjE2OWMxNC4xODIsMTguNjk3LDEwLjUyMiw0NS4zNDYtOC4xNjYsNTkuNTI5Yy0xNS4xODEsMTEuNTItMzYuMTgxLDExLjUyLTUxLjM2MiwwICBjMTQuMDIsMTguODU5LDQwLjY3LDIyLjc4NCw1OS41MjksOC43NzJjMTguODU5LTE0LjAxMiwyMi43ODQtNDAuNjcsOC43NzItNTkuNTI5QzI4Ny43ODcsMjIuNjA1LDI4NC44MzQsMTkuNjQ0LDI4MS40OTgsMTcuMTY5eiIvPgo8Y2lyY2xlIHN0eWxlPSJmaWxsOiNGRkQ0QjA7IiBjeD0iNDM1LjIiIGN5PSIzMzIuOCIgcj0iNDIuNjY3Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiNFREM0QTI7IiBkPSJNNDYwLjY5OCwyOTguNzY5YzE0LjE4MiwxOC42OTcsMTAuNTIyLDQ1LjM0Ni04LjE2Niw1OS41MjljLTE1LjE4MSwxMS41Mi0zNi4xODEsMTEuNTItNTEuMzYyLDAgIGMxNC4wMiwxOC44NTksNDAuNjcsMjIuNzg0LDU5LjUyOSw4Ljc3MmMxOC44NTktMTQuMDEyLDIyLjc4NC00MC42Nyw4Ljc3Mi01OS41MjlDNDY2Ljk4NywzMDQuMjA1LDQ2NC4wMzQsMzAxLjI0NCw0NjAuNjk4LDI5OC43NjkgIHoiLz4KPGNpcmNsZSBzdHlsZT0iZmlsbDojRkZENEIwOyIgY3g9Ijc2LjgiIGN5PSIzMzIuOCIgcj0iNDIuNjY3Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiNFREM0QTI7IiBkPSJNMTAyLjI5OCwyOTguNzY5YzE0LjE4MiwxOC42OTcsMTAuNTIyLDQ1LjM0Ni04LjE2Niw1OS41MjljLTE1LjE4MSwxMS41Mi0zNi4xODEsMTEuNTItNTEuMzYyLDAgIGMxNC4wMiwxOC44NTksNDAuNjcsMjIuNzg0LDU5LjUyOSw4Ljc3MmMxOC44NTktMTQuMDIsMjIuNzg0LTQwLjY3LDguNzcyLTU5LjUyOUMxMDguNTg3LDMwNC4yMDUsMTA1LjYzNCwzMDEuMjQ0LDEwMi4yOTgsMjk4Ljc2OXogICIvPgo8cGF0aCBzdHlsZT0iZmlsbDojQjIwRDI0OyIgZD0iTTE4Ny43MzMsMjA0LjhjMCw5LjQyOSw3LjYzNywxNy4wNjcsMTcuMDY3LDE3LjA2N2gxMDIuNGM5LjQyOSwwLDE3LjA2Ny03LjYzNywxNy4wNjctMTcuMDY3di01MS4yICBjLTAuMDM0LTUuOTM5LTEuNjMtMTEuNzU5LTQuNjM0LTE2Ljg3OUMyODkuMjgsMTc5LjQzLDI0MC4xMjgsMjA0LjgsMTg3LjczMywyMDQuOHoiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQTUxMTsiIGQ9Ik04LjUzMyw0ODYuNHYtNTEuMmMwLTE4Ljg1LDE1LjI4My0zNC4xMzMsMzQuMTMzLTM0LjEzM2wwLDBjMjEuNDg3LDEwLjc0Myw0Ni43OCwxMC43NDMsNjguMjY3LDAgIGwwLDBjMTguODUsMCwzNC4xMzMsMTUuMjgzLDM0LjEzMywzNC4xMzN2NTEuMmMwLDkuNDI5LTcuNjM3LDE3LjA2Ny0xNy4wNjcsMTcuMDY3SDI1LjZDMTYuMTcxLDUwMy40NjcsOC41MzMsNDk1LjgyOSw4LjUzMyw0ODYuNHogICIvPgo8cGF0aCBzdHlsZT0iZmlsbDojRjA4MDE1OyIgZD0iTTguNTMzLDQ4Ni40YzAsOS40MjksNy42MzcsMTcuMDY3LDE3LjA2NywxNy4wNjdIMTI4YzkuNDI5LDAsMTcuMDY3LTcuNjM3LDE3LjA2Ny0xNy4wNjd2LTUxLjIgIGMtMC4wMzQtNS45MzktMS42My0xMS43NTktNC42MzQtMTYuODc5QzExMC4wOCw0NjEuMDMsNjAuOTI4LDQ4Ni40LDguNTMzLDQ4Ni40eiIvPgo8cGF0aCBzdHlsZT0iZmlsbDojNERCNUZGOyIgZD0iTTM2Ni45MzMsNDg2LjR2LTUxLjJjMC0xOC44NSwxNS4yODMtMzQuMTMzLDM0LjEzMy0zNC4xMzNsMCwwYzIxLjQ4NywxMC43NDMsNDYuNzgsMTAuNzQzLDY4LjI2NywwICBsMCwwYzE4Ljg1LDAsMzQuMTMzLDE1LjI4MywzNC4xMzMsMzQuMTMzdjUxLjJjMCw5LjQyOS03LjYzNywxNy4wNjctMTcuMDY3LDE3LjA2N0gzODQgIEMzNzQuNTcxLDUwMy40NjcsMzY2LjkzMyw0OTUuODI5LDM2Ni45MzMsNDg2LjR6Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiMzNTk2RDg7IiBkPSJNMzY2LjkzMyw0ODYuNGMwLDkuNDI5LDcuNjM3LDE3LjA2NywxNy4wNjcsMTcuMDY3aDEwMi40YzkuNDI5LDAsMTcuMDY3LTcuNjM3LDE3LjA2Ny0xNy4wNjd2LTUxLjIgIGMtMC4wMzQtNS45MzktMS42My0xMS43NTktNC42MzQtMTYuODc5QzQ2OC40OCw0NjEuMDMsNDE5LjMyOCw0ODYuNCwzNjYuOTMzLDQ4Ni40eiIvPgo8cGF0aCBkPSJNMzA3LjIsNTEuMkMzMDcuMiwyMi45MjEsMjg0LjI3OSwwLDI1NiwwYy0yOC4yNzksMC01MS4yLDIyLjkyMS01MS4yLDUxLjJzMjIuOTIxLDUxLjIsNTEuMiw1MS4yICBDMjg0LjI2MiwxMDIuMzc0LDMwNy4xNzQsNzkuNDYyLDMwNy4yLDUxLjJ6IE0yMjEuODY3LDUxLjJjMC0xOC44NSwxNS4yODMtMzQuMTMzLDM0LjEzMy0zNC4xMzMgIGMxOC44NSwwLDM0LjEzMywxNS4yODMsMzQuMTMzLDM0LjEzM1MyNzQuODUsODUuMzMzLDI1Niw4NS4zMzNDMjM3LjE1LDg1LjMzMywyMjEuODY3LDcwLjA1LDIyMS44NjcsNTEuMnoiLz4KPHBhdGggZD0iTTE3OS4yLDE1My42djUxLjJjMCwxNC4xNCwxMS40NiwyNS42LDI1LjYsMjUuNmgxMDIuNGMxNC4xNCwwLDI1LjYtMTEuNDYsMjUuNi0yNS42di01MS4yICBjLTAuMDI2LTIzLjU1Mi0xOS4xMTUtNDIuNjQxLTQyLjY2Ny00Mi42NjdoLTIuMDE0bC0xLjgwMSwwLjg5NmMtMTkuMDk4LDkuNTA2LTQxLjU0LDkuNTA2LTYwLjYzOCwwbC0xLjgwMS0wLjg5NmgtMi4wMTQgIEMxOTguMzE1LDExMC45NTksMTc5LjIyNiwxMzAuMDQ4LDE3OS4yLDE1My42eiBNMTk2LjI2NywxNTMuNmMwLTEzLjQzMSwxMC4zODUtMjQuNTc2LDIzLjc4Mi0yNS41MzIgIGMyMi44MDEsMTAuNTgxLDQ5LjEwMSwxMC41ODEsNzEuOTAyLDBjMTMuMzk3LDAuOTU2LDIzLjc4MiwxMi4xLDIzLjc4MiwyNS41MzJ2NTEuMmMwLDQuNzEtMy44MjMsOC41MzMtOC41MzMsOC41MzNIMjA0LjggIGMtNC43MSwwLTguNTMzLTMuODIzLTguNTMzLTguNTMzVjE1My42eiIvPgo8cGF0aCBkPSJNNDM1LjIsMjgxLjZjLTI4LjI3OSwwLTUxLjIsMjIuOTIxLTUxLjIsNTEuMnMyMi45MjEsNTEuMiw1MS4yLDUxLjJjMjguMjc5LDAsNTEuMi0yMi45MjEsNTEuMi01MS4yICBDNDg2LjM3NCwzMDQuNTM4LDQ2My40NjIsMjgxLjYyNiw0MzUuMiwyODEuNnogTTQzNS4yLDM2Ni45MzNjLTE4Ljg1LDAtMzQuMTMzLTE1LjI4My0zNC4xMzMtMzQuMTMzczE1LjI4My0zNC4xMzMsMzQuMTMzLTM0LjEzMyAgczM0LjEzMywxNS4yODMsMzQuMTMzLDM0LjEzM1M0NTQuMDUsMzY2LjkzMyw0MzUuMiwzNjYuOTMzeiIvPgo8cGF0aCBkPSJNNDY5LjMzMywzOTIuNTMzaC0yLjAxNGwtMS44MDEsMC44NTNjLTE5LjA5OCw5LjUwNi00MS41NCw5LjUwNi02MC42MzgsMGwtMS44MDEtMC44NTNoLTIuMDE0ICBjLTIzLjU1MiwwLjAyNi00Mi42NDEsMTkuMTE1LTQyLjY2Nyw0Mi42Njd2NTEuMmMwLDE0LjE0LDExLjQ2LDI1LjYsMjUuNiwyNS42aDEwMi40YzE0LjE0LDAsMjUuNi0xMS40NiwyNS42LTI1LjZ2LTUxLjIgIEM1MTEuOTc0LDQxMS42NDgsNDkyLjg4NSwzOTIuNTU5LDQ2OS4zMzMsMzkyLjUzM3ogTTQ5NC45MzMsNDg2LjRjMCw0LjcxLTMuODIzLDguNTMzLTguNTMzLDguNTMzSDM4NCAgYy00LjcxLDAtOC41MzMtMy44MjMtOC41MzMtOC41MzN2LTUxLjJjMC0xMy40MzEsMTAuMzg1LTI0LjU3NiwyMy43ODItMjUuNTMyYzIyLjgwMSwxMC41ODEsNDkuMTAxLDEwLjU4MSw3MS45MDIsMCAgYzEzLjM5NywwLjk1NiwyMy43ODIsMTIuMSwyMy43ODIsMjUuNTMyVjQ4Ni40eiIvPgo8cGF0aCBkPSJNNzYuOCwyODEuNmMtMjguMjc5LDAtNTEuMiwyMi45MjEtNTEuMiw1MS4yUzQ4LjUyMSwzODQsNzYuOCwzODRzNTEuMi0yMi45MjEsNTEuMi01MS4yICBDMTI3Ljk3NCwzMDQuNTM4LDEwNS4wNjIsMjgxLjYyNiw3Ni44LDI4MS42eiBNNzYuOCwzNjYuOTMzYy0xOC44NSwwLTM0LjEzMy0xNS4yODMtMzQuMTMzLTM0LjEzM1M1Ny45NSwyOTguNjY3LDc2LjgsMjk4LjY2NyAgczM0LjEzMywxNS4yODMsMzQuMTMzLDM0LjEzM1M5NS42NSwzNjYuOTMzLDc2LjgsMzY2LjkzM3oiLz4KPHBhdGggZD0iTTI1LjYsNTEySDEyOGMxNC4xNCwwLDI1LjYtMTEuNDYsMjUuNi0yNS42di01MS4yYy0wLjAyNi0yMy41NTItMTkuMTE1LTQyLjY0MS00Mi42NjctNDIuNjY3aC0yLjAxNGwtMS44MDEsMC44NTMgIGMtMTkuMDk4LDkuNTA2LTQxLjU0LDkuNTA2LTYwLjYzOCwwbC0xLjgwMS0wLjg1M2gtMi4wMTRDMTkuMTE1LDM5Mi41NTksMC4wMjYsNDExLjY0OCwwLDQzNS4ydjUxLjJDMCw1MDAuNTQsMTEuNDYsNTEyLDI1LjYsNTEyeiAgIE0xNy4wNjcsNDM1LjJjMC0xMy40MzEsMTAuMzg1LTI0LjU3NiwyMy43ODItMjUuNTMyYzIyLjgwMSwxMC41ODEsNDkuMTAxLDEwLjU4MSw3MS45MDIsMGMxMy4zOTcsMC45NTYsMjMuNzgyLDEyLjEsMjMuNzgyLDI1LjUzMiAgdjUxLjJjMCw0LjcxLTMuODIzLDguNTMzLTguNTMzLDguNTMzSDI1LjZjLTQuNzEsMC04LjUzMy0zLjgyMy04LjUzMy04LjUzM1Y0MzUuMnoiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==\"}})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.playerLoaded)?_c('div',{staticStyle:{\"margin-top\":\"15px\"}},[_c('Dialog',{style:({width: '95%', height: '100%'}),attrs:{\"header\":_vm.$t('Report'),\"visible\":_vm.displayPlayerReport,\"contentStyle\":{height: '100%'}},on:{\"update:visible\":function($event){_vm.displayPlayerReport=$event}}},[_c('PlayerReport',{attrs:{\"player-id\":_vm.playerId}})],1),_c('PictureBox',{attrs:{\"initial-image\":_vm.commonService.getCDNImageUrl(_vm.playerData.UserImageUrl),\"imgWidth\":_vm.isSmallScreen() ? 100 : 200,\"isEditable\":false,\"typeOfPicture\":\"player\"}}),_c('div',[_c('h1',{staticStyle:{\"margin-top\":\"20px\",\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.playerData.Name))]),_c('p',{staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(_vm._s(_vm.playerData.BornDate))]),(_vm.playerData.Address && _vm.playerData.Address.City)?_c('span',{staticStyle:{\"margin-top\":\"-20px\"}},[_vm._v(_vm._s(_vm.playerData.Address.City))]):_vm._e(),(_vm.playerData.Address && _vm.playerData.Address.Region)?_c('span',{staticStyle:{\"margin-top\":\"-20px\"}},[_vm._v(\" \"+_vm._s(_vm.playerData.Address.Region))]):_vm._e(),(_vm.playerData.Address && _vm.playerData.Address.Country)?_c('span',{staticStyle:{\"margin-top\":\"-20px\"}},[_vm._v(\" \"+_vm._s(_vm.playerData.Address.Country))]):_vm._e(),_c('p',{staticStyle:{\"margin-top\":\"20px\"}},[_c('CountryFlag',{attrs:{\"country\":_vm.playerData.Nationality}})],1),(_vm.playerData.UEPassport)?_c('p',{staticStyle:{\"margin-top\":\"-10px\"}},[_vm._v(_vm._s(_vm.$t('UE Passport')))]):_vm._e(),(_vm.requestedBy == _vm.$playerProfileId)?_c('p',{staticStyle:{\"margin-top\":\"20px\"}},[_vm._v(_vm._s(_vm.playerData.PhoneNumber))]):_vm._e(),_c('p',{staticStyle:{\"margin-top\":\"-10px\"}},[_c('i',{staticClass:\"pi pi-id-card\",staticStyle:{\"font-size\":\"1.8rem\",\"color\":\"#007ad9\",\"cursor\":\"pointer\",\"padding\":\"5px\"},on:{\"click\":function($event){return _vm.showPlayerReport()}}}),(_vm.playerData.ExternalLink)?_c('a',{attrs:{\"href\":_vm.playerData.ExternalLink,\"target\":\"_blank\"}},[_c('i',{staticClass:\"pi pi-chart-bar\",staticStyle:{\"font-size\":\"1.8rem\",\"color\":\"#007ad9\",\"padding\":\"5px\"}})]):_c('i',{staticClass:\"pi pi-chart-bar\",staticStyle:{\"font-size\":\"1.8rem\",\"color\":\"#007ad9\",\"padding\":\"5px\"}}),(_vm.playerData.Videos && _vm.playerData.Videos.length != 0 && _vm.playerData.Videos[0].VideoUrl != null && _vm.playerData.Videos[0].VideoUrl != '')?_c('a',{attrs:{\"href\":_vm.playerData.Videos[0].VideoUrl,\"target\":\"_blank\"}},[_c('i',{staticClass:\"pi pi-video\",staticStyle:{\"font-size\":\"1.8rem\",\"color\":\"#007ad9\",\"padding\":\"5px\"}})]):_c('i',{staticClass:\"pi pi-video\",staticStyle:{\"font-size\":\"1.8rem\",\"color\":\"#007ad9\",\"padding\":\"5px\"}})]),(!_vm.showStripe)?_c('Button',{staticStyle:{\"width\":\"70%\",\"margin-top\":\"40px\"},attrs:{\"label\":_vm.$t('ActivateRepresentation')},on:{\"click\":function($event){return _vm.showStripePayment()}}}):_vm._e(),(_vm.showStripe)?_c('StripePaymentIntent',{staticStyle:{\"margin-top\":\"10px\",\"background-color\":\"#edf0f5\"},attrs:{\"amount\":_vm.amountActivation,\"cancelCallBack\":_vm.cancelPaymentStripe,\"paymentOkCallBack\":_vm.paymentOk,\"paymentKoCallBack\":_vm.paymentKo}}):_vm._e()],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div v-if=\"playerLoaded\" style=\"margin-top: 15px\">\r\n\t\t<Dialog :header=\"$t('Report')\" :visible.sync=\"displayPlayerReport\" :style=\"{width: '95%', height: '100%'}\" :contentStyle=\"{height: '100%'}\">\r\n\t\t\t<PlayerReport :player-id=\"playerId\" />\r\n\t\t</Dialog>\r\n\t\t<PictureBox :initial-image=\"commonService.getCDNImageUrl(playerData.UserImageUrl)\" :imgWidth=\"isSmallScreen() ? 100 : 200\" :isEditable=\"false\" typeOfPicture=\"player\" />\r\n\t\t<div>\r\n\t\t\t<h1 style=\"margin-top: 20px; font-weight: bold\">{{playerData.Name}}</h1>\r\n\t\t\t<p style=\"margin-top: 10px\">{{playerData.BornDate}}</p>\r\n\t\t\t<span v-if=\"playerData.Address && playerData.Address.City\" style=\"margin-top:-20px\">{{playerData.Address.City}}</span>\r\n\t\t\t<span v-if=\"playerData.Address && playerData.Address.Region\" style=\"margin-top:-20px\"> {{playerData.Address.Region}}</span>\r\n\t\t\t<span v-if=\"playerData.Address && playerData.Address.Country\" style=\"margin-top:-20px\"> {{playerData.Address.Country}}</span>\r\n\t\t\t<p style=\"margin-top: 20px\">\r\n\t\t\t\t<CountryFlag :country=\"playerData.Nationality\" />\r\n\t\t\t</p>\r\n\t\t\t<p v-if=\"playerData.UEPassport\" style=\"margin-top:-10px\">{{$t('UE Passport')}}</p>\r\n\t\t\t<p v-if=\"requestedBy == $playerProfileId\" style=\"margin-top :20px\">{{playerData.PhoneNumber}}</p>\r\n\t\t\t<p style=\"margin-top:-10px\">\r\n\t\t\t\t<i class=\"pi pi-id-card\" style=\"font-size: 1.8rem; color: #007ad9; cursor: pointer; padding: 5px\" @click=\"showPlayerReport()\"></i>\r\n\t\t\t\t<a v-if=\"playerData.ExternalLink\" :href=\"playerData.ExternalLink\" target=\"_blank\">\r\n\t\t\t\t\t<i class=\"pi pi-chart-bar\" style=\"font-size: 1.8rem; color: #007ad9; padding: 5px\"></i>\r\n\t\t\t\t</a>\r\n\t\t\t\t<i v-else class=\"pi pi-chart-bar\" style=\"font-size: 1.8rem; color: #007ad9; padding: 5px\"></i>\r\n\t\t\t\t<a v-if=\"playerData.Videos && playerData.Videos.length != 0 && playerData.Videos[0].VideoUrl != null && playerData.Videos[0].VideoUrl != ''\" :href=\"playerData.Videos[0].VideoUrl\" target=\"_blank\">\r\n\t\t\t\t\t<i class=\"pi pi-video\" style=\"font-size: 1.8rem; color: #007ad9; padding: 5px\"></i>\r\n\t\t\t\t</a>\r\n\t\t\t\t<i v-else class=\"pi pi-video\" style=\"font-size: 1.8rem; color: #007ad9; padding: 5px\"></i>\r\n\t\t\t</p>\r\n\t\t\t<!-- <div v-if=\"requestedBy == $playerProfileId && playerId != 32624\"> -->\r\n\t\t\t\t<Button v-if=\"!showStripe\" style=\"width: 70%; margin-top: 40px\" :label=\"$t('ActivateRepresentation')\" @click=\"showStripePayment()\" />\r\n\t\t\t\t<StripePaymentIntent v-if=\"showStripe\" style=\"margin-top: 10px; background-color: #edf0f5\" :amount=\"amountActivation\" :cancelCallBack=\"cancelPaymentStripe\" :paymentOkCallBack=\"paymentOk\" :paymentKoCallBack=\"paymentKo\" />\r\n\t\t\t<!-- </div>\r\n\t\t\t<div v-else>\r\n\t\t\t\t<img class=\"logo\" width=\"45%\" alt=\"Tirolibre\" :src=\"commonService.getTirolibreLogoUrl('black')\" style=\"vertical-align: middle; margin-top: 70px\" />\r\n\t\t\t</div> -->\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport PictureBox from \"@/components/PictureBox\";\r\nimport CommonService from \"@/service/CommonService\";\r\nimport AuthService from \"@/service/AuthService\";\r\nimport PlayerService from \"@/service/PlayerService\";\r\nimport StripePaymentIntent from \"@/components/stripe/StripePaymentIntent\";\r\nimport CountryFlag from \"@/components/CountryFlag\";\r\nimport PlayerReport from \"@/components/player/PlayerReport\";\r\nimport ServiceSubscriptions from \"@/service/ServiceSubscriptions\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tPictureBox,\r\n\t\tStripePaymentIntent,\r\n\t\tPlayerReport,\r\n\t\tCountryFlag,\r\n\t},\r\n\tprops: [\"requestedBy\", \"playerId\"],\r\n\tdata: function () {\r\n\t\treturn {\r\n\t\t\tplayerData: null,\r\n\t\t\tplayerLoaded: false,\r\n\t\t\tamountActivation: Vue.prototype.$amountActivation,\r\n\t\t\tshowStripe: false,\r\n\t\t\tdisplayPlayerReport: false,\r\n\t\t};\r\n\t},\r\n\tplayerService: null,\r\n\tauthService: null,\r\n\tcommonService: null,\r\n\tserviceSubscriptions: null,\r\n\tcreated() {\r\n\t\tthis.authService = new AuthService();\r\n\t\tthis.commonService = new CommonService();\r\n\t\tthis.playerService = new PlayerService();\r\n\t\tthis.serviceSubscriptions = new ServiceSubscriptions();\r\n\r\n\t\tthis.playerService.getPlayerProfile(this.playerId).then(\r\n\t\t\t(res) => {\r\n\t\t\t\tthis.playerData = res.data;\r\n\t\t\t\tthis.playerLoaded = true;\r\n\r\n\t\t\t\tif (this.playerData.BornDate != null)\r\n\t\t\t\t\tthis.playerData.BornDate =\r\n\t\t\t\t\t\tthis.playerData.BornDate.split(\"T\")[0];\r\n\t\t\t},\r\n\t\t\tfunction (err) {}\r\n\t\t);\r\n\t},\r\n\tmethods: {\r\n\t\tisSmallScreen() {\r\n\t\t\treturn screen.width <= 1600 ? true : false;\r\n\t\t},\r\n\t\tshowPlayerReport() {\r\n\t\t\tthis.displayPlayerReport = true;\r\n\t\t},\r\n\t\tcancelPaymentStripe() {\r\n\t\t\talert(\"ERROR\");\r\n\t\t},\r\n\t\tpaymentOk(paymentSession) {\r\n\t\t\tthis.serviceSubscriptions\r\n\t\t\t\t.storeDynamicScoutPayment(\r\n\t\t\t\t\tthis.playerData.Id,\r\n\t\t\t\t\tthis.amountActivation,\r\n\t\t\t\t\tpaymentSession\r\n\t\t\t\t)\r\n\t\t\t\t.then(\r\n\t\t\t\t\t(res) => {},\r\n\t\t\t\t\tfunction (err) {}\r\n\t\t\t\t);\r\n\t\t\talert(this.$t(\"PaymentOk\"));\r\n\t\t},\r\n\t\tpaymentKo(errorMessage) {\r\n\t\t\talert(\"ERROR\");\r\n\t\t},\r\n\t\tshowStripePayment() {\r\n\t\t\tthis.showStripe = true;\r\n\t\t},\r\n\t},\r\n};\r\n</script>","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!./PlayerInfo.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!./PlayerInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlayerInfo.vue?vue&type=template&id=ec11f500&\"\nimport script from \"./PlayerInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./PlayerInfo.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 (_vm.coachingStaffLoaded)?_c('div',{staticStyle:{\"margin-top\":\"15px\"}},[_c('PictureBox',{attrs:{\"initial-image\":_vm.commonService.getCDNImageUrl(_vm.coachingStaffData.UserImageUrl),\"imgWidth\":_vm.isSmallScreen() ? 100 : 200,\"isEditable\":false,\"typeOfPicture\":\"player\"}}),_c('div',[_c('h1',{staticStyle:{\"margin-top\":\"20px\",\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.coachingStaffData.Name))]),_c('p',{staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(_vm._s(_vm.coachingStaffData.BornDate))]),(_vm.coachingStaffData.Address && _vm.coachingStaffData.Address.City)?_c('span',{staticStyle:{\"margin-top\":\"-10px\"}},[_vm._v(_vm._s(_vm.coachingStaffData.Address.City))]):_vm._e(),(_vm.coachingStaffData.Address && _vm.coachingStaffData.Address.Region)?_c('span',{staticStyle:{\"margin-top\":\"-10px\"}},[_vm._v(\" \"+_vm._s(_vm.coachingStaffData.Address.Region))]):_vm._e(),(_vm.coachingStaffData.Address && _vm.coachingStaffData.Address.Country)?_c('span',{staticStyle:{\"margin-top\":\"-10px\"}},[_vm._v(\" \"+_vm._s(_vm.coachingStaffData.Address.Country))]):_vm._e(),_c('p',{staticStyle:{\"margin-top\":\"20px\"}},[_c('CountryFlag',{attrs:{\"country\":_vm.coachingStaffData.Nationality}})],1),(_vm.requestedBy == _vm.$coachingStaffProfileId)?_c('p',{staticStyle:{\"margin-top\":\"20px\"}},[_vm._v(_vm._s(_vm.coachingStaffData.PhoneNumber))]):_vm._e(),_c('p',{staticStyle:{\"margin-top\":\"20px\"}},[_vm._v(_vm._s(_vm.coachingStaffData.ActualClub))]),_c('p',{staticStyle:{\"margin-top\":\"-10px\"}},[_vm._v(_vm._s(_vm.enumService.getEnumName(_vm.enumService.getCoachQualificationEnum(), _vm.coachingStaffData.License)))]),_c('p',{staticStyle:{\"margin-top\":\"-10px\"}},[(_vm.coachingStaffData.TMLink)?_c('a',{attrs:{\"href\":_vm.coachingStaffData.TMLink,\"target\":\"_blank\"}},[_c('i',{staticClass:\"pi pi-chart-bar\",staticStyle:{\"font-size\":\"2.5rem\",\"color\":\"#007ad9\"}})]):_c('i',{staticClass:\"pi pi-chart-bar\",staticStyle:{\"font-size\":\"2.5rem\",\"color\":\"#007ad9\"}}),(_vm.coachingStaffData.VideoLink != null && _vm.coachingStaffData.VideoLink != '')?_c('a',{attrs:{\"href\":_vm.coachingStaffData.VideoLink,\"target\":\"_blank\"}},[_c('i',{staticClass:\"pi pi-video\",staticStyle:{\"font-size\":\"2.5rem\",\"color\":\"#007ad9\"}})]):_c('i',{staticClass:\"pi pi-video\",staticStyle:{\"font-size\":\"2.5rem\",\"color\":\"#007ad9\"}})]),(!_vm.showStripe)?_c('Button',{staticStyle:{\"width\":\"70%\",\"margin-top\":\"40px\"},attrs:{\"label\":_vm.$t('ActivateRepresentation')},on:{\"click\":function($event){return _vm.showStripePayment()}}}):_vm._e(),(_vm.showStripe)?_c('StripePaymentIntent',{staticStyle:{\"margin-top\":\"10px\",\"background-color\":\"#edf0f5\"},attrs:{\"amount\":_vm.amountActivation,\"cancelCallBack\":_vm.cancelPaymentStripe,\"paymentOkCallBack\":_vm.paymentOk,\"paymentKoCallBack\":_vm.paymentKo}}):_vm._e()],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div v-if=\"coachingStaffLoaded\" style=\"margin-top: 15px\">\r\n\t\t<PictureBox :initial-image=\"commonService.getCDNImageUrl(coachingStaffData.UserImageUrl)\" :imgWidth=\"isSmallScreen() ? 100 : 200\" :isEditable=\"false\" typeOfPicture=\"player\" />\r\n\t\t<div>\r\n\t\t\t<h1 style=\"margin-top: 20px; font-weight: bold\">{{coachingStaffData.Name}}</h1>\r\n\t\t\t<p style=\"margin-top: 10px\">{{coachingStaffData.BornDate}}</p>\r\n\t\t\t<span v-if=\"coachingStaffData.Address && coachingStaffData.Address.City\" style=\"margin-top:-10px\">{{coachingStaffData.Address.City}}</span>\r\n\t\t\t<span v-if=\"coachingStaffData.Address && coachingStaffData.Address.Region\" style=\"margin-top:-10px\"> {{coachingStaffData.Address.Region}}</span>\r\n\t\t\t<span v-if=\"coachingStaffData.Address && coachingStaffData.Address.Country\" style=\"margin-top:-10px\"> {{coachingStaffData.Address.Country}}</span>\r\n\t\t\t<p style=\"margin-top: 20px\">\r\n\t\t\t\t<CountryFlag :country=\"coachingStaffData.Nationality\" />\r\n\t\t\t</p>\r\n\t\t\t<p v-if=\"requestedBy == $coachingStaffProfileId\" style=\"margin-top :20px\">{{coachingStaffData.PhoneNumber}}</p>\r\n\t\t\t<p style=\"margin-top: 20px\">{{coachingStaffData.ActualClub}}</p>\r\n\t\t\t<p style=\"margin-top:-10px\">{{enumService.getEnumName(enumService.getCoachQualificationEnum(), coachingStaffData.License)}}</p>\r\n\t\t\t<p style=\"margin-top:-10px\">\r\n\t\t\t\t<a v-if=\"coachingStaffData.TMLink\" :href=\"coachingStaffData.TMLink\" target=\"_blank\">\r\n\t\t\t\t\t<i class=\"pi pi-chart-bar\" style=\"font-size: 2.5rem; color: #007ad9\"></i>\r\n\t\t\t\t</a>\r\n\t\t\t\t<i v-else class=\"pi pi-chart-bar\" style=\"font-size: 2.5rem; color: #007ad9\"></i>\r\n\t\t\t\t<a v-if=\"coachingStaffData.VideoLink != null && coachingStaffData.VideoLink != ''\" :href=\"coachingStaffData.VideoLink\" target=\"_blank\">\r\n\t\t\t\t\t<i class=\"pi pi-video\" style=\"font-size: 2.5rem; color: #007ad9\"></i>\r\n\t\t\t\t</a>\r\n\t\t\t\t<i v-else class=\"pi pi-video\" style=\"font-size: 2.5rem; color: #007ad9\"></i>\r\n\t\t\t</p>\r\n\t\t\t<!-- <div v-if=\"requestedBy == $coachingStaffProfileId\"> -->\r\n\t\t\t\t<Button v-if=\"!showStripe\" style=\"width: 70%; margin-top: 40px\" :label=\"$t('ActivateRepresentation')\" @click=\"showStripePayment()\" />\r\n\t\t\t\t<StripePaymentIntent v-if=\"showStripe\" style=\"margin-top: 10px; background-color: #edf0f5\" :amount=\"amountActivation\" :cancelCallBack=\"cancelPaymentStripe\" :paymentOkCallBack=\"paymentOk\" :paymentKoCallBack=\"paymentKo\" />\r\n\t\t\t<!-- </div>\r\n\t\t\t<div v-else>\r\n\t\t\t\t<img class=\"logo\" width=\"45%\" alt=\"Tirolibre\" :src=\"commonService.getTirolibreLogoUrl('black')\" style=\"vertical-align: middle; margin-top: 70px\" />\r\n\t\t\t</div> -->\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport PictureBox from \"@/components/PictureBox\";\r\nimport CommonService from \"@/service/CommonService\";\r\nimport AuthService from \"@/service/AuthService\";\r\nimport CoachingStaffService from \"@/service/CoachingStaffService\";\r\nimport StripePaymentIntent from \"@/components/stripe/StripePaymentIntent\";\r\nimport CountryFlag from \"@/components/CountryFlag\";\r\nimport EnumService from \"@/service/EnumService\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tPictureBox,\r\n\t\tStripePaymentIntent,\r\n\t\tCountryFlag,\r\n\t},\r\n\tprops: [\"requestedBy\", \"coachingStaffId\"],\r\n\tdata: function () {\r\n\t\treturn {\r\n\t\t\tcoachingStaffData: null,\r\n\t\t\tcoachingStaffLoaded: false,\r\n\t\t\tamountActivation: Vue.prototype.$amountActivation,\r\n\t\t\tshowStripe: false,\r\n\t\t};\r\n\t},\r\n\tcoachingStaffService: null,\r\n\tauthService: null,\r\n\tenumService: null,\r\n\tcommonService: null,\r\n\tcreated() {\r\n\t\tthis.authService = new AuthService();\r\n\t\tthis.commonService = new CommonService();\r\n\t\tthis.coachingStaffService = new CoachingStaffService();\r\n\t\tthis.enumService = new EnumService();\r\n\r\n\t\tthis.coachingStaffService\r\n\t\t\t.getCoachingStaffProfile(this.coachingStaffId)\r\n\t\t\t.then(\r\n\t\t\t\t(res) => {\r\n\t\t\t\t\tthis.coachingStaffData = res.data;\r\n\t\t\t\t\tthis.coachingStaffLoaded = true;\r\n\r\n\t\t\t\t\tif (this.coachingStaffData.BornDate != null)\r\n\t\t\t\t\t\tthis.coachingStaffData.BornDate =\r\n\t\t\t\t\t\t\tthis.coachingStaffData.BornDate.split(\"T\")[0];\r\n\t\t\t\t},\r\n\t\t\t\tfunction (err) {}\r\n\t\t\t);\r\n\t},\r\n\tmethods: {\r\n\t\tisSmallScreen() {\r\n\t\t\treturn screen.width <= 1600 ? true : false;\r\n\t\t},\r\n\t\tcancelPaymentStripe() {\r\n\t\t\talert(\"CANCELED\");\r\n\t\t},\r\n\t\tpaymentOk(paymentSession) {\r\n\t\t\talert(\"PAYMENT OK\");\r\n\t\t},\r\n\t\tpaymentKo(errorMessage) {\r\n\t\t\talert(\"PAYMENT KO\");\r\n\t\t},\r\n\t\tshowStripePayment() {\r\n\t\t\tthis.showStripe = true;\r\n\t\t},\r\n\t},\r\n};\r\n</script>","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!./CoachingStaffInfo.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!./CoachingStaffInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CoachingStaffInfo.vue?vue&type=template&id=44ad0aee&\"\nimport script from \"./CoachingStaffInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./CoachingStaffInfo.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","<template>\r\n\t<div v-if=\"logged && getCurrentUser\">\r\n\t\t<Dialog :header=\"$t('Report')\" :visible.sync=\"displayPlayerReport\" :style=\"{width: '95%', height: '100%'}\" :contentStyle=\"{height: '100%'}\">\r\n\t\t\t<PlayerReport :player-id=\"authService.getUserId()\" />\r\n\t\t</Dialog>\r\n\t\t<div class=\"messenger\">\r\n\t\t\t<div v-if=\"showChats()\" class=\"el-asider\">\r\n\t\t\t\t<div class=\"header-user\">\r\n\t\t\t\t\t<div class=\"logo-container\">\r\n\t\t\t\t\t\t<img v-if=\"this.authService.getUserProfile() == $playerProfileId\" class=\"user\" :src=\"this.getCurrentUser ? this.getCurrentUser.image:''\" @click=\"showPlayerReport()\" style=\"cursor: pointer\"/>\r\n\t\t\t\t\t\t<img v-else class=\"user\" :src=\"this.getCurrentUser ? this.getCurrentUser.image:''\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"options-tools\">\r\n\t\t\t\t\t\t<ul class=\"options\">\r\n\t\t\t\t\t\t\t<!-- <li>\r\n                        <router-link class=\"opt-link\" :to=\"{ name: 'conversation', params: { id: 1}}\"> -->\r\n\t\t\t\t\t\t\t<!--  <svg id=\"live-status\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n                            <path fill=\"#727A7E\" d=\"M12.072 1.761a10.05 10.05 0 0 0-9.303 5.65.977.977 0 0 0 1.756.855 8.098 8.098 0 0 1 7.496-4.553.977.977 0 1 0 .051-1.952zM1.926 13.64a10.052 10.052 0 0 0 7.461 7.925.977.977 0 0 0 .471-1.895 8.097 8.097 0 0 1-6.012-6.386.977.977 0 0 0-1.92.356zm13.729 7.454a10.053 10.053 0 0 0 6.201-8.946.976.976 0 1 0-1.951-.081v.014a8.097 8.097 0 0 1-4.997 7.209.977.977 0 0 0 .727 1.813l.02-.009z\"></path>\r\n                            <path fill=\"#009588\" d=\"M19 1.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6z\"></path>\r\n                        </svg> -->\r\n\r\n\t\t\t\t\t\t\t<!-- <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" id=\"Capa_1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 294 294\" style=\"enable-background:new 0 0 294 294;\" xml:space=\"preserve\" width=\"24px\" height=\"24px\">\r\n                            <path  opacity=\".55\" fill=\"#263238\" d=\"M15,161.635c-8.284,0-15-6.716-15-15V146.5c0-17.618,3.255-34.857,9.347-51.237c2.889-7.765,11.608-11.715,19.371-8.831  c7.765,2.889,11.594,11.523,8.706,19.288C32.581,118.743,30,132.464,30,146.5v0.135C30,154.919,23.284,161.635,15,161.635z   M53.884,68.273c3.845,0,7.688-1.469,10.619-4.405c9.914-9.938,21.38-17.933,34.08-23.763c7.528-3.456,10.83-12.361,7.373-19.891  c-3.456-7.528-12.357-10.829-19.891-7.373C70.11,20.167,55.71,30.205,43.265,42.679c-5.851,5.865-5.84,15.362,0.024,21.214  C46.218,66.813,50.051,68.273,53.884,68.273z M147.13,30h0.203c14.016,0,27.718,2.198,40.725,7.028  c1.721,0.639,3.484,0.691,5.219,0.691c6.092,0,11.819-3.613,14.064-9.658c2.883-7.766-1.075-16.274-8.842-19.158  C182.14,2.83,164.925,0,147.333,0h-0.203c-8.284,0-15,6.716-15,15S138.846,30,147.13,30z M253.702,97.694  c2.527,5.498,7.959,8.738,13.639,8.738c2.096,0,4.227-0.442,6.256-1.375c7.526-3.46,10.823-12.367,7.363-19.895  c-7.334-15.952-17.38-30.347-29.859-42.784c-5.868-5.849-15.366-5.833-21.213,0.035c-5.849,5.868-5.832,15.365,0.035,21.213  C239.865,73.536,247.865,84.998,253.702,97.694z M230.079,229.217c-9.925,9.928-21.398,17.91-34.103,23.727  c-7.532,3.448-10.843,12.351-7.395,19.883c2.522,5.509,7.961,8.76,13.647,8.76c2.089,0,4.212-0.439,6.235-1.365  c15.962-7.308,30.372-17.332,42.831-29.793c5.856-5.858,5.855-15.356-0.003-21.214C245.434,223.358,235.938,223.357,230.079,229.217  z M40.914,195.196c-3.453-7.532-12.358-10.833-19.887-7.385c-7.53,3.452-10.837,12.355-7.385,19.887  c7.316,15.959,17.348,30.365,29.816,42.816c2.929,2.925,6.764,4.387,10.6,4.387c3.842,0,7.685-1.467,10.613-4.4  c5.854-5.861,5.848-15.359-0.014-21.213C54.726,219.368,46.736,207.898,40.914,195.196z M279,131.229c-8.284,0-15,6.716-15,15v0.271  c0,14.078-2.303,27.837-7.173,40.893c-2.896,7.763,1.132,16.401,8.894,19.297c1.729,0.645,3.541,0.95,5.283,0.95  c6.082,0,11.659-3.728,13.91-9.761C291.039,181.457,294,164.171,294,146.5v-0.271C294,137.944,287.284,131.229,279,131.229z   M147.333,263.531c-14.059,0-27.798-2.432-40.837-7.289c-7.764-2.889-16.4,1.119-19.293,8.883  c-2.892,7.763,1.058,16.525,8.82,19.418c16.4,6.109,33.663,9.457,51.31,9.457h0.067c8.284,0,14.967-6.95,14.967-15.234  S155.617,263.531,147.333,263.531z\" />\r\n                            <g>\r\n                            </g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>\r\n                        </svg> -->\r\n\t\t\t\t\t\t\t<!-- </router-link>\r\n                    </li> -->\r\n\t\t\t\t\t\t\t<!-- <li>\r\n                        <a class=\"opt-link overlayOpener\" targetedoverlay=\".boxed\" href=\"#\" >\r\n                        <img src=\"/../images/svg-icons/message.svg\" id=\"new_message\" />\r\n                        </a>\r\n                    </li>\r\n                    <li>\r\n                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n                    </li> -->\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t<div v-if=\"getCurrentUser.id == $whatchatTirolibreUserId\" class=\"opt-link inline-dropdown-menu\" style=\"right: 50px; top: 1px; cursor: pointer\">\r\n\t\t\t\t\t\t\t\t\t<a href=\"#\" targetedoverlay=\".boxed\" style=\"height:2em !important; width:2em !important;\" class=\"logo-icon overlayOpener\">\r\n\t\t\t\t\t\t\t\t\t\t<svg xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:cc=\"http://creativecommons.org/ns#\" xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:svg=\"http://www.w3.org/2000/svg\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\" xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" version=\"1.1\" id=\"svg8\" inkscape:version=\"0.92.4 5da689c313, 2019-01-14\" sodipodi:docname=\"message.svg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<defs id=\"defs2\" />\r\n\t\t\t\t\t\t\t\t\t\t\t<sodipodi:namedview id=\"base\" pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1.0\" inkscape:pageopacity=\"0.0\" inkscape:pageshadow=\"2\" inkscape:zoom=\"8.6880454\" inkscape:cx=\"20.214727\" inkscape:cy=\"9.0643314\" inkscape:document-units=\"px\" inkscape:current-layer=\"layer2\" showgrid=\"false\" inkscape:window-width=\"1366\" inkscape:window-height=\"683\" inkscape:window-x=\"0\" inkscape:window-y=\"43\" inkscape:window-maximized=\"1\" inkscape:snap-global=\"false\" />\r\n\t\t\t\t\t\t\t\t\t\t\t<metadata id=\"metadata5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<rdf:RDF>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<cc:Work rdf:about=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dc:format>image/svg+xml</dc:format>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dc:title />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</cc:Work>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</rdf:RDF>\r\n\t\t\t\t\t\t\t\t\t\t\t</metadata>\r\n\t\t\t\t\t\t\t\t\t\t\t<g inkscape:label=\"Layer 1\" inkscape:groupmode=\"layer\" id=\"layer1\" style=\"display:inline\" transform=\"translate(-92.940885,-40.776184)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<rect style=\"fill:#999999;stroke-width:0.18674137\" id=\"rect10\" width=\"24.157677\" height=\"17.345932\" x=\"92.951881\" y=\"42.057056\" ry=\"0.99540693\" />\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t<g inkscape:groupmode=\"layer\" id=\"layer2\" inkscape:label=\"Layer 2\" style=\"display:inline\" transform=\"translate(-92.940885,-40.776184)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path style=\"fill:#999999;stroke-width:0.13471667\" d=\"m 92.988789,55.683703 7.136431,-0.04017 c -2.581347,2.883779 -4.003481,5.885386 -7.088535,9.517927 l -0.0958,-4.718802 z\" id=\"rect37\" inkscape:connector-curvature=\"0\" sodipodi:nodetypes=\"ccccc\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t<rect style=\"fill:#cccccc;stroke-width:0.13029665\" id=\"rect3747\" width=\"16.452614\" height=\"1.7808952\" x=\"95.869522\" y=\"46.246376\" ry=\"0\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t<rect style=\"fill:#e6e6e6;stroke-width:0.10821626\" id=\"rect3751\" width=\"11.348893\" height=\"1.7808952\" x=\"95.869522\" y=\"49.696861\" ry=\"0\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t<rect ry=\"0\" y=\"53.036037\" x=\"95.783386\" height=\"1.7808952\" width=\"6.3740726\" id=\"rect3753\" style=\"fill:#f9f9f9;stroke-width:0.08110066\" />\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"opt-link inline-dropdown-menu\" style=\"cursor: pointer\" @click=\"modifyPlaySounds()\">\r\n\t\t\t\t\t\t\t\t\t<svg v-if=\"playSounds\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 58 58\" width=\"24px\" height=\"24px\" style=\"enable-background:new 0 0 58 58;\" fill=\"#949A9C\" xml:space=\"preserve\">\r\n\t\t\t\t\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M25.359,4.532c-6.745,0-12.662,3.547-16.025,8.864H1.855C0.83,13.396,0,14.227,0,15.252v16.495\r\n                                                    c0,1.025,0.831,1.855,1.855,1.855h7.479c3.365,5.317,9.282,8.864,16.025,8.864c1.367,0,2.474-1.108,2.474-2.474V7.006\r\n                                                    C27.834,5.64,26.727,4.532,25.359,4.532z M22.885,37.301c-6.554-1.172-11.546-6.915-11.546-13.801S16.33,10.871,22.885,9.699\r\n                                                    V37.301z\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M41.441,10.056c-0.725-0.725-1.899-0.724-2.625,0c-0.725,0.724-0.725,1.899,0,2.625c5.963,5.967,5.963,15.675,0,21.64\r\n                                                    c-0.725,0.725-0.725,1.898,0,2.625c0.362,0.361,0.838,0.543,1.312,0.543s0.95-0.182,1.312-0.543\r\n                                                    C48.852,29.532,48.852,17.47,41.441,10.056z\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M36.891,14.605c-0.726-0.725-1.9-0.725-2.625,0c-0.725,0.724-0.725,1.899,0,2.624c3.457,3.457,3.457,9.083,0,12.542\r\n                                                    c-0.724,0.725-0.724,1.898,0,2.625c0.362,0.361,0.838,0.543,1.312,0.543s0.949-0.182,1.312-0.543\r\n                                                    C41.794,27.489,41.794,19.508,36.891,14.605z\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M32.341,19.155c-0.726-0.725-1.899-0.723-2.625,0.001c-0.724,0.726-0.723,1.9,0.002,2.625\r\n                                                    c0.459,0.458,0.711,1.067,0.711,1.718s-0.253,1.262-0.712,1.723c-0.725,0.725-0.725,1.898,0.001,2.623\r\n                                                    c0.362,0.362,0.836,0.543,1.312,0.543s0.951-0.181,1.313-0.544c1.16-1.159,1.8-2.704,1.8-4.345\r\n                                                    C34.141,21.857,33.502,20.314,32.341,19.155z\" />\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t<svg v-else xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 58 58\" width=\"24px\" height=\"24px\" style=\"enable-background:new 0 0 58 58;\" fill=\"#949A9C\" xml:space=\"preserve\">\r\n\t\t\t\t\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M25.357,4.534c-6.744,0-12.661,3.547-16.024,8.864H1.855C0.83,13.397,0,14.228,0,15.252v16.493\r\n                                                    C0,32.77,0.831,33.6,1.855,33.6h7.479c3.364,5.316,9.281,8.864,16.023,8.864c1.367,0,2.475-1.108,2.475-2.474V7.007\r\n                                                    C27.831,5.642,26.723,4.534,25.357,4.534z M22.883,37.298c-6.554-1.172-11.545-6.914-11.545-13.799s4.991-12.627,11.544-13.799\r\n                                                    L22.883,37.298L22.883,37.298z\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M44.286,26.009c-1.752-1.752-4.082-2.717-6.56-2.717c-2.479,0-4.809,0.965-6.561,2.717c-3.617,3.617-3.617,9.503,0,13.12\r\n                                                    c1.752,1.752,4.082,2.717,6.561,2.717c2.478,0,4.808-0.965,6.56-2.717C47.902,35.512,47.902,29.626,44.286,26.009z M33.79,28.633\r\n                                                    c1.052-1.051,2.448-1.63,3.937-1.63c0.842,0,1.647,0.205,2.387,0.558l-7.393,7.392C31.74,32.884,32.082,30.341,33.79,28.633z\r\n                                                    M41.663,36.505c-1.052,1.052-2.449,1.63-3.937,1.63c-0.843,0-1.646-0.205-2.386-0.557l7.392-7.393\r\n                                                    C43.713,32.254,43.371,34.796,41.663,36.505z\" />\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t<!-- <li>\r\n                                <div class=\"opt-link inline-dropdown-menu\">\r\n                                <div class=\"btn-actor\">\r\n                                    <svg class=\"\" style=\"top:-3px; fill:#000000;\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"24\" height=\"24\" viewBox=\"0 0 224 224\" ><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><path d=\"M0,224v-224h224v224z\" fill=\"none\"></path><g fill=\"#8f9598\"><g id=\"surface1\"><path d=\"M112,42c-7.73828,0 -14,6.26172 -14,14c0,7.73828 6.26172,14 14,14c7.73828,0 14,-6.26172 14,-14c0,-7.73828 -6.26172,-14 -14,-14zM112,98c-7.73828,0 -14,6.26172 -14,14c0,7.73828 6.26172,14 14,14c7.73828,0 14,-6.26172 14,-14c0,-7.73828 -6.26172,-14 -14,-14zM112,154c-7.73828,0 -14,6.26172 -14,14c0,7.73828 6.26172,14 14,14c7.73828,0 14,-6.26172 14,-14c0,-7.73828 -6.26172,-14 -14,-14z\"></path></g></g></g></svg>\r\n                                </div>\r\n                                <div class=\"menu--options\" style=\"top:35px;right:5px;\">\r\n                                    <ul>\r\n                                    <li><a href=\"\">New group</a></li>\r\n                                    <li><a href=\"\">Profile</a></li>\r\n                                    <li><a href=\"\">Archived</a></li> \r\n                                    <li><a href=\"\">Starred</a></li>\r\n                                    <li><a href=\"\">Settings</a></li>\r\n                                    <li>\r\n                                        <router-link :to=\"{ name: 'logout'}\">Logout</router-link>\r\n                                    </li>\r\n                                    </ul>\r\n                                </div>\r\n                                </div>\r\n                            </li> -->\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"search-container\">\r\n\t\t\t\t\t<input type='text' :placeholder=\"$t('Whatchat.Search')\" :value='search_in_conversations' @input='evt => search_in_conversations = evt.target.value' />\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"list-conversation\" :key=\"rerender\">\r\n\t\t\t\t\t<div v-if=\"filtered_conversations.length > 0\">\r\n\t\t\t\t\t\t<router-link :to=\"{ name: 'conversation', params: { id: conversation.id}}\" v-for=\"conversation in filtered_conversations\" class=\"convervation one-contact\" @click.native=\"conversationSelected(conversation)\" :key=\"conversation.id\">\r\n\t\t\t\t\t\t\t<div class=\"conversation-image\">\r\n\t\t\t\t\t\t\t\t<template v-if=\"conversation.is_group\">\r\n\t\t\t\t\t\t\t\t\t<div v-for=\"(user, index) in removeTirolibreUser(conversation.users)\" :key=\"user.id\" :id=\"user.id\">\r\n\t\t\t\t\t\t\t\t\t\t<!-- <img v-if=\"user.id != $whatchatTirolibreUserId\" :class=\"[index < 1 ? 'user-group-1' : 'user-group-2']\" :src=\"user.image\" :alt=\"user.id\" /> -->\r\n                                        <div v-if=\"getCurrentUser.id != $whatchatTirolibreUserId\">\r\n    \t\t\t\t\t\t\t\t\t\t<img v-if=\"index < 2\" :class=\"[index < 1 ? 'user-group-1' : 'user-group-2']\" :src=\"user.image\" :alt=\"user.id\" />\r\n\t    \t\t\t\t\t\t\t\t</div>\r\n                                        <div v-else :class=\"[index < 1 ? 'user-group-1' : 'user-group-2']\">{{user.id}}</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t\t<template v-else>\r\n\t\t\t\t\t\t\t\t\t<img v-if=\"getCurrentUser.id != $whatchatTirolibreUserId\" class=\"user\" :src=\"getToUserProfile(conversation.users).image\" :alt=\"conversation.id\" />\r\n\t\t\t\t\t\t\t\t\t<div v-else class=\"user\">{{conversation.id}}</div>\r\n\t\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t\t<!-- <a href=\"\" class=\"logo-icon\" >\r\n                                <img class=\"svg-icon\" :src=\"conversation.image\" :alt=\"conversation.id\" />\r\n                            </a> -->\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"conversation-details\">\r\n\t\t\t\t\t\t\t\t<div class=\"first-row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"conversation--username\" :title=\"conversation.is_group ? conversation.name : getToUserProfile(conversation.users).username \">\r\n\t\t\t\t\t\t\t\t\t\t<span>{{ conversation.is_group ? conversation.name : getToUserProfile(conversation.users).username }} </span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"conversation--date\">\r\n\t\t\t\t\t\t\t\t\t\t<span style=\"float: right; text-align: right; margin-top: 45px\" class=\"span--datespan--date\">{{ \"\" + ago(conversation.latestMessage.inserted_at).toString() }}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<!-- <div class=\"inline-dropdown-menu\">\r\n                                    <span class=\"iconic-right btn-actor\" @click.prevent=\"showConvMenu($event)\"></span>\r\n                                    <div class=\"menu--options\">\r\n                                    <ul>\r\n                                        <li><a href=\"\">Archive Tchat</a></li>\r\n                                        <li><a href=\"\">Mute</a></li>\r\n                                        <li><a href=\"\">Delete chat</a></li> \r\n                                        <li><a href=\"\">Pin chat</a></li>\r\n                                        <li><a href=\"\">Mark as unread</a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> -->\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"second-row\">\r\n\t\t\t\t\t\t\t\t\t<transition name=\"fade\">\r\n\t\t\t\t\t\t\t\t\t\t<div v-if=\"!conversation.typing_user\" class=\"lastmessage\" :title=\"conversation.latestMessage.content\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span :style=\"getCurrentUser.id == conversation.latestMessage.from_id && conversation.latestMessage.content !== '' ? 'margin-left: 20px;':'' \"> {{ splitMessageContent(conversation.latestMessage.content) }} </span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span v-if='getCurrentUser.id == conversation.latestMessage.from_id && conversation.latestMessage.content !== \"\"'>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span :class=\"conversation.latestMessage.count_readers === conversation.users.length ? 'message--readStatus message--readStatus--latest readed': 'message--readStatus message--readStatus--latest  '\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<div v-else class=\"is_typing\" :title=\"conversation.typing_user\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>{{conversation.typing_user}}</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</transition>\r\n\t\t\t\t\t\t\t\t\t<transition name=\"fade\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"ismessage\" v-show=\"conversation.unread > 0\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span value=\"3\" class=\"badge-icon\">{{ conversation.unread }}</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</transition>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</router-link>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<!-- <div v-else class=\"no_contact\">\r\n                <a href=\"#\"  class=\"start_btn overlayOpener\" targetedoverlay=\".search_conv_message\" >Start a discussion</a>\r\n                </div> -->\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<router-view v-if=\"showConversation()\" :key=\"this.$route.fullPath\" default=\"{name: 'Welcome'}\" class=\"el-body\">\r\n\t\t\t</router-view>\r\n\r\n            <div v-if=\"!isMobile && conversationClicked && showPlayerInfo()\" class=\"el-player-info\">\r\n                <PlayerInfo v-if=\"userIdLoaded && userId != null\" :playerId=\"userId\" :requested-by=\"authService.getUserProfile()\" :key=\"rerenderPlayerInfo\" />\r\n            </div>    \r\n            <div v-else-if=\"!isMobile && conversationClicked && showCoachingStaffInfo()\" class=\"el-player-info\">\r\n                <CoachingStaffInfo v-if=\"userIdLoaded && userId != null\" :coachingStaffId=\"userId\" :requested-by=\"authService.getUserProfile()\" :key=\"rerenderPlayerInfo\" />\r\n            </div>\r\n\r\n\t\t\t<!-- Overlay search inside a chat -->\r\n\t\t\t<div class=\"overlay_box right search_conv_message\">\r\n\t\t\t\t<div class=\"header--box-search\">\r\n\t\t\t\t\t<span class=\"overlay_box--name\">{{$t('Whatchat.Search')}}</span>\r\n\t\t\t\t\t<span class=\"back-btn\">\r\n\t\t\t\t\t\t<i></i>\r\n\t\t\t\t\t\t<i></i>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"search-container\">\r\n\t\t\t\t\t<input type='text' :placeholder=\"$t('Whatchat.Search')\" :value='search_in_conversation' @input='evt => search_in_conversation = evt.target.value'>\r\n\t\t\t\t\t<!-- <el-input\r\n                        placeholder=\"Search\"\r\n                        prefix-icon=\"el-icon-search\"\r\n                        v-model=\"search_in_conversation\"\r\n                        autocomplete=\"on\"\r\n                        autofocus=\"true\"\r\n                        class=\"search-input\">\r\n                        </el-input> -->\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"list-conversation\">\r\n\t\t\t\t\t<div class=\"conversation-details\">\r\n\t\t\t\t\t\t<div v-for=\"message in filtered_conversation_messages\" :key=\"message.id\" class=\"one-message-container\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<span style=\"padding-left: 5px; font-size: 0.7em; font-weight: normal; color: #978F97; cursor: pointer\" @click=\"goToMessage(message.id)\">{{message.inserted_at.format('DD/MM/yyyy HH:mm')}}:</span>\r\n\t\t\t\t\t\t\t\t<p style=\"padding:5px; font-size: 0.9em; font-weight: normal; color: black; cursor: pointer\" @click=\"goToMessage(message.id)\">\r\n\t\t\t\t\t\t\t\t\t{{ message.content }}\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Overlay New chat -->\r\n\t\t\t<div class=\"overlay_box left boxed\">\r\n\t\t\t\t<div class=\"header--box\">\r\n\t\t\t\t\t<span v-if=\"!new_group\" class=\"overlay_box--name\">{{$t('Whatchat.NewChat')}}</span>\r\n\t\t\t\t\t<span v-else class=\"overlay_box--name\">{{$t('Whatchat.NewGroup')}}</span>\r\n\t\t\t\t\t<span class=\"back-btn\" @click=\"initGroupVars()\">\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div v-if=\"!new_group\" class=\"search-container\">\r\n\t\t\t\t\t<input type='text' :placeholder=\"$t('Whatchat.Search')\" :value='search_in_contacts' @input='evt => search_in_contacts = evt.target.value' />\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"list-conversation\">\r\n\t\t\t\t\t<div v-if=\"new_group\" class=\"convervation one-contact\">\r\n\t\t\t\t\t\t<div class=\"first-row\">\r\n\t\t\t\t\t\t\t<input type='text' :placeholder=\"$t('Whatchat.GroupName')\" :value='group_name' @input='evt => group_name = evt.target.value' />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"convervation one-contact\">\r\n\t\t\t\t\t\t<div class=\"first-row\">\r\n\t\t\t\t\t\t\t<label v-for=\"user in group_users\" :key=\"user.id\" style=\"display:inline-block; margin-bottom:5px; padding:0px 5px;margin-left:5px;color:white;background-color:#616161;border:5px solid #616161;border-radius:10px\">\r\n\t\t\t\t\t\t\t\t<img class=\"user-mini\" :src=\"user.image\" :alt=\"user.id\" />\r\n\t\t\t\t\t\t\t\t<span>{{ user.username }}</span>\r\n\t\t\t\t\t\t\t\t<svg width=\"15\" height=\"15\" cursor=\"pointer\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" @click=\"removeUserFromGroup(user)\">\r\n\t\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 31C24.2843 31 31 24.2843 31 16C31 7.71573 24.2843 1 16 1C7.71573 1 1 7.71573 1 16C1 24.2843 7.71573 31 16 31Z\" stroke=\"#979797\" stroke-width=\"2\" />\r\n\t\t\t\t\t\t\t\t\t<path d=\"M9 9L24 24\" stroke=\"#979797\" stroke-width=\"2\" stroke-linecap=\"square\" />\r\n\t\t\t\t\t\t\t\t\t<path d=\"M8.49512 23.4586L24.5049 9.54144\" stroke=\"#979797\" stroke-width=\"2\" stroke-linecap=\"square\" />\r\n\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div v-if=\"new_group && group_name && group_users.length >= 2\" class=\"convervation one-contact\">\r\n\t\t\t\t\t\t<div class=\"first-row\">\r\n\t\t\t\t\t\t\t<span @click=\"createChatGroup()\">{{$t('Whatchat.CreateGroupChat')}}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"convervation one-contact\">\r\n\t\t\t\t\t\t<div class=\"conversation-image\">\r\n\t\t\t\t\t\t\t<img class=\"user\" src=\"data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBzdHlsZT0iZmlsbDojRUYyNjQ4OyIgZD0iTTE4Ny43MzMsMjA0Ljh2LTUxLjJjMC0xOC44NSwxNS4yODMtMzQuMTMzLDM0LjEzMy0zNC4xMzNsMCwwYzIxLjQ4NywxMC43NDMsNDYuNzgsMTAuNzQzLDY4LjI2NywwICBsMCwwYzE4Ljg1LDAsMzQuMTMzLDE1LjI4MywzNC4xMzMsMzQuMTMzdjUxLjJjMCw5LjQyOS03LjYzNywxNy4wNjctMTcuMDY3LDE3LjA2N0gyMDQuOCAgQzE5NS4zNzEsMjIxLjg2NywxODcuNzMzLDIxNC4yMjksMTg3LjczMywyMDQuOHoiLz4KPGNpcmNsZSBzdHlsZT0iZmlsbDojRkZENEIwOyIgY3g9IjI1NiIgY3k9IjUxLjIiIHI9IjQyLjY2NyIvPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkRDMTM7IiBkPSJNNTkuNzMzLDI2NC41MzNjLTQuNzEsMC04LjUzMy0zLjgyMy04LjUzMy04LjUzM2MtMC4wNzctODIuMTc2LDQ5LjAxNS0xNTYuNDE2LDEyNC42NTUtMTg4LjUyNyAgIGM0LjMzNS0xLjg0Myw5LjM1MywwLjE3MSwxMS4xOTYsNC41MDZjMS44NDMsNC4zMzUtMC4xNzEsOS4zNTMtNC41MDYsMTEuMTk2bDAsMEMxMTMuMjAzLDExMi42MDYsNjguMTk4LDE4MC42NjgsNjguMjY3LDI1NiAgIEM2OC4yNjcsMjYwLjcxLDY0LjQ0NCwyNjQuNTMzLDU5LjczMywyNjQuNTMzeiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGREMxMzsiIGQ9Ik00NTIuMjY3LDI2NC41MzNjLTQuNzEsMC04LjUzMy0zLjgyMy04LjUzMy04LjUzM2MwLjA2OC03NS4zMzItNDQuOTM3LTE0My4zOTQtMTE0LjI3OC0xNzIuODI2ICAgYy00LjMzNS0xLjg0My02LjM0OS02Ljg2MS00LjUwNi0xMS4xOTZzNi44NjEtNi4zNDksMTEuMTk2LTQuNTA2QzQxMS43ODUsOTkuNTg0LDQ2MC44NzcsMTczLjgyNCw0NjAuOCwyNTYgICBDNDYwLjgsMjYwLjcxLDQ1Ni45NzcsMjY0LjUzMyw0NTIuMjY3LDI2NC41MzN6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRkZEQzEzOyIgZD0iTTI1Niw0NjAuOGMtMjcuNTM3LDAuMDUxLTU0LjgwMS01LjQ4Ny04MC4xNDUtMTYuMjczYy00LjMzNS0xLjg0My02LjM0OS02Ljg2MS00LjUwNi0xMS4xOTYgICBjMS44NDMtNC4zMzUsNi44NjEtNi4zNDksMTEuMTk2LTQuNTA2YzQ2Ljk3NiwxOS43OCw5OS45MzQsMTkuNzgsMTQ2LjkxLDBjNC4zMzUtMS44NDMsOS4zNTMsMC4xNzEsMTEuMTk2LDQuNTA2ICAgcy0wLjE3MSw5LjM1My00LjUwNiwxMS4xOTZDMzEwLjgwMSw0NTUuMzEzLDI4My41MzcsNDYwLjg1MSwyNTYsNDYwLjh6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRkZEQzEzOyIgZD0iTTE5Ni4yNjcsNDc3Ljg2N2MtMy4xODMsMC4wMDktNi4xMDEtMS43NTgtNy41NzgtNC41ODJsLTE3LjA2Ny0zMi42NTcgICBjLTIuMTg1LTQuMTczLTAuNTYzLTkuMzM1LDMuNjEtMTEuNTExYzAuNDk1LTAuMjU2LDEuMDI0LTAuNDY5LDEuNTYyLTAuNjMxbDM0LjEzMy0xMC4wMWM0LjUyMy0xLjMyMyw5LjI2NywxLjI3MSwxMC41OSw1Ljc5NCAgIHMtMS4yNzEsOS4yNjctNS43OTQsMTAuNTlsLTI0LjE1OCw3LjA4M2wxMi4yNjIsMjMuNDQxYzIuMTg1LDQuMTgxLDAuNTYzLDkuMzM1LTMuNjEsMTEuNTExICAgQzE5OC45OTcsNDc3LjUzNCwxOTcuNjQxLDQ3Ny44NjcsMTk2LjI2Nyw0NzcuODY3eiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGREMxMzsiIGQ9Ik00NTIuMjY3LDI2NC41MzNjLTIuMjYxLDAtNC40MzctMC44OTYtNi4wMzMtMi41bC0yNS42LTI1LjZjLTMuMjc3LTMuMzg4LTMuMTgzLTguNzg5LDAuMjEzLTEyLjA2NiAgIGMzLjMxMS0zLjE5MSw4LjU1LTMuMTkxLDExLjg1MywwbDE5LjU2NywxOS41NjdsMTkuNTY3LTE5LjU2N2MzLjM4OC0zLjI3Nyw4Ljc4OS0zLjE4MywxMi4wNjYsMC4yMTMgICBjMy4xOTEsMy4zMTEsMy4xOTEsOC41NSwwLDExLjg1M2wtMjUuNiwyNS42QzQ1Ni43MDQsMjYzLjYzNyw0NTQuNTI4LDI2NC41MzMsNDUyLjI2NywyNjQuNTMzeiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGREMxMzsiIGQ9Ik0xNjIuMTMzLDExOS40NjdjLTEuMjgsMC0yLjUzNC0wLjI5LTMuNjg2LTAuODUzYy00LjI0MS0yLjAzOS02LjAzMy03LjEzNC0zLjk5NC0xMS4zODMgICBsMTMuMzAzLTI3Ljc2N2wtMjYuMjIzLTExLjk0N2MtNC4yMDctMi4xMjUtNS44OTctNy4yNTMtMy43OC0xMS40NmMyLjAwNS0zLjk3Nyw2Ljc0MS01Ljc0MywxMC44NjMtNC4wNTNsMzQuMTMzLDE1LjU5ICAgYzQuMjg0LDEuOTcxLDYuMTUzLDcuMDQsNC4xODEsMTEuMzI0Yy0wLjAxNywwLjAzNC0wLjAzNCwwLjA2OC0wLjA1MSwwLjEwMmwtMTcuMDY3LDM1LjYxICAgQzE2OC4zOTcsMTE3LjU4MSwxNjUuNDEsMTE5LjQ1OCwxNjIuMTMzLDExOS40Njd6Ii8+CjwvZz4KPHBhdGggc3R5bGU9ImZpbGw6I0VEQzRBMjsiIGQ9Ik0yODEuNDk4LDE3LjE2OWMxNC4xODIsMTguNjk3LDEwLjUyMiw0NS4zNDYtOC4xNjYsNTkuNTI5Yy0xNS4xODEsMTEuNTItMzYuMTgxLDExLjUyLTUxLjM2MiwwICBjMTQuMDIsMTguODU5LDQwLjY3LDIyLjc4NCw1OS41MjksOC43NzJjMTguODU5LTE0LjAxMiwyMi43ODQtNDAuNjcsOC43NzItNTkuNTI5QzI4Ny43ODcsMjIuNjA1LDI4NC44MzQsMTkuNjQ0LDI4MS40OTgsMTcuMTY5eiIvPgo8Y2lyY2xlIHN0eWxlPSJmaWxsOiNGRkQ0QjA7IiBjeD0iNDM1LjIiIGN5PSIzMzIuOCIgcj0iNDIuNjY3Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiNFREM0QTI7IiBkPSJNNDYwLjY5OCwyOTguNzY5YzE0LjE4MiwxOC42OTcsMTAuNTIyLDQ1LjM0Ni04LjE2Niw1OS41MjljLTE1LjE4MSwxMS41Mi0zNi4xODEsMTEuNTItNTEuMzYyLDAgIGMxNC4wMiwxOC44NTksNDAuNjcsMjIuNzg0LDU5LjUyOSw4Ljc3MmMxOC44NTktMTQuMDEyLDIyLjc4NC00MC42Nyw4Ljc3Mi01OS41MjlDNDY2Ljk4NywzMDQuMjA1LDQ2NC4wMzQsMzAxLjI0NCw0NjAuNjk4LDI5OC43NjkgIHoiLz4KPGNpcmNsZSBzdHlsZT0iZmlsbDojRkZENEIwOyIgY3g9Ijc2LjgiIGN5PSIzMzIuOCIgcj0iNDIuNjY3Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiNFREM0QTI7IiBkPSJNMTAyLjI5OCwyOTguNzY5YzE0LjE4MiwxOC42OTcsMTAuNTIyLDQ1LjM0Ni04LjE2Niw1OS41MjljLTE1LjE4MSwxMS41Mi0zNi4xODEsMTEuNTItNTEuMzYyLDAgIGMxNC4wMiwxOC44NTksNDAuNjcsMjIuNzg0LDU5LjUyOSw4Ljc3MmMxOC44NTktMTQuMDIsMjIuNzg0LTQwLjY3LDguNzcyLTU5LjUyOUMxMDguNTg3LDMwNC4yMDUsMTA1LjYzNCwzMDEuMjQ0LDEwMi4yOTgsMjk4Ljc2OXogICIvPgo8cGF0aCBzdHlsZT0iZmlsbDojQjIwRDI0OyIgZD0iTTE4Ny43MzMsMjA0LjhjMCw5LjQyOSw3LjYzNywxNy4wNjcsMTcuMDY3LDE3LjA2N2gxMDIuNGM5LjQyOSwwLDE3LjA2Ny03LjYzNywxNy4wNjctMTcuMDY3di01MS4yICBjLTAuMDM0LTUuOTM5LTEuNjMtMTEuNzU5LTQuNjM0LTE2Ljg3OUMyODkuMjgsMTc5LjQzLDI0MC4xMjgsMjA0LjgsMTg3LjczMywyMDQuOHoiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQTUxMTsiIGQ9Ik04LjUzMyw0ODYuNHYtNTEuMmMwLTE4Ljg1LDE1LjI4My0zNC4xMzMsMzQuMTMzLTM0LjEzM2wwLDBjMjEuNDg3LDEwLjc0Myw0Ni43OCwxMC43NDMsNjguMjY3LDAgIGwwLDBjMTguODUsMCwzNC4xMzMsMTUuMjgzLDM0LjEzMywzNC4xMzN2NTEuMmMwLDkuNDI5LTcuNjM3LDE3LjA2Ny0xNy4wNjcsMTcuMDY3SDI1LjZDMTYuMTcxLDUwMy40NjcsOC41MzMsNDk1LjgyOSw4LjUzMyw0ODYuNHogICIvPgo8cGF0aCBzdHlsZT0iZmlsbDojRjA4MDE1OyIgZD0iTTguNTMzLDQ4Ni40YzAsOS40MjksNy42MzcsMTcuMDY3LDE3LjA2NywxNy4wNjdIMTI4YzkuNDI5LDAsMTcuMDY3LTcuNjM3LDE3LjA2Ny0xNy4wNjd2LTUxLjIgIGMtMC4wMzQtNS45MzktMS42My0xMS43NTktNC42MzQtMTYuODc5QzExMC4wOCw0NjEuMDMsNjAuOTI4LDQ4Ni40LDguNTMzLDQ4Ni40eiIvPgo8cGF0aCBzdHlsZT0iZmlsbDojNERCNUZGOyIgZD0iTTM2Ni45MzMsNDg2LjR2LTUxLjJjMC0xOC44NSwxNS4yODMtMzQuMTMzLDM0LjEzMy0zNC4xMzNsMCwwYzIxLjQ4NywxMC43NDMsNDYuNzgsMTAuNzQzLDY4LjI2NywwICBsMCwwYzE4Ljg1LDAsMzQuMTMzLDE1LjI4MywzNC4xMzMsMzQuMTMzdjUxLjJjMCw5LjQyOS03LjYzNywxNy4wNjctMTcuMDY3LDE3LjA2N0gzODQgIEMzNzQuNTcxLDUwMy40NjcsMzY2LjkzMyw0OTUuODI5LDM2Ni45MzMsNDg2LjR6Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiMzNTk2RDg7IiBkPSJNMzY2LjkzMyw0ODYuNGMwLDkuNDI5LDcuNjM3LDE3LjA2NywxNy4wNjcsMTcuMDY3aDEwMi40YzkuNDI5LDAsMTcuMDY3LTcuNjM3LDE3LjA2Ny0xNy4wNjd2LTUxLjIgIGMtMC4wMzQtNS45MzktMS42My0xMS43NTktNC42MzQtMTYuODc5QzQ2OC40OCw0NjEuMDMsNDE5LjMyOCw0ODYuNCwzNjYuOTMzLDQ4Ni40eiIvPgo8cGF0aCBkPSJNMzA3LjIsNTEuMkMzMDcuMiwyMi45MjEsMjg0LjI3OSwwLDI1NiwwYy0yOC4yNzksMC01MS4yLDIyLjkyMS01MS4yLDUxLjJzMjIuOTIxLDUxLjIsNTEuMiw1MS4yICBDMjg0LjI2MiwxMDIuMzc0LDMwNy4xNzQsNzkuNDYyLDMwNy4yLDUxLjJ6IE0yMjEuODY3LDUxLjJjMC0xOC44NSwxNS4yODMtMzQuMTMzLDM0LjEzMy0zNC4xMzMgIGMxOC44NSwwLDM0LjEzMywxNS4yODMsMzQuMTMzLDM0LjEzM1MyNzQuODUsODUuMzMzLDI1Niw4NS4zMzNDMjM3LjE1LDg1LjMzMywyMjEuODY3LDcwLjA1LDIyMS44NjcsNTEuMnoiLz4KPHBhdGggZD0iTTE3OS4yLDE1My42djUxLjJjMCwxNC4xNCwxMS40NiwyNS42LDI1LjYsMjUuNmgxMDIuNGMxNC4xNCwwLDI1LjYtMTEuNDYsMjUuNi0yNS42di01MS4yICBjLTAuMDI2LTIzLjU1Mi0xOS4xMTUtNDIuNjQxLTQyLjY2Ny00Mi42NjdoLTIuMDE0bC0xLjgwMSwwLjg5NmMtMTkuMDk4LDkuNTA2LTQxLjU0LDkuNTA2LTYwLjYzOCwwbC0xLjgwMS0wLjg5NmgtMi4wMTQgIEMxOTguMzE1LDExMC45NTksMTc5LjIyNiwxMzAuMDQ4LDE3OS4yLDE1My42eiBNMTk2LjI2NywxNTMuNmMwLTEzLjQzMSwxMC4zODUtMjQuNTc2LDIzLjc4Mi0yNS41MzIgIGMyMi44MDEsMTAuNTgxLDQ5LjEwMSwxMC41ODEsNzEuOTAyLDBjMTMuMzk3LDAuOTU2LDIzLjc4MiwxMi4xLDIzLjc4MiwyNS41MzJ2NTEuMmMwLDQuNzEtMy44MjMsOC41MzMtOC41MzMsOC41MzNIMjA0LjggIGMtNC43MSwwLTguNTMzLTMuODIzLTguNTMzLTguNTMzVjE1My42eiIvPgo8cGF0aCBkPSJNNDM1LjIsMjgxLjZjLTI4LjI3OSwwLTUxLjIsMjIuOTIxLTUxLjIsNTEuMnMyMi45MjEsNTEuMiw1MS4yLDUxLjJjMjguMjc5LDAsNTEuMi0yMi45MjEsNTEuMi01MS4yICBDNDg2LjM3NCwzMDQuNTM4LDQ2My40NjIsMjgxLjYyNiw0MzUuMiwyODEuNnogTTQzNS4yLDM2Ni45MzNjLTE4Ljg1LDAtMzQuMTMzLTE1LjI4My0zNC4xMzMtMzQuMTMzczE1LjI4My0zNC4xMzMsMzQuMTMzLTM0LjEzMyAgczM0LjEzMywxNS4yODMsMzQuMTMzLDM0LjEzM1M0NTQuMDUsMzY2LjkzMyw0MzUuMiwzNjYuOTMzeiIvPgo8cGF0aCBkPSJNNDY5LjMzMywzOTIuNTMzaC0yLjAxNGwtMS44MDEsMC44NTNjLTE5LjA5OCw5LjUwNi00MS41NCw5LjUwNi02MC42MzgsMGwtMS44MDEtMC44NTNoLTIuMDE0ICBjLTIzLjU1MiwwLjAyNi00Mi42NDEsMTkuMTE1LTQyLjY2Nyw0Mi42Njd2NTEuMmMwLDE0LjE0LDExLjQ2LDI1LjYsMjUuNiwyNS42aDEwMi40YzE0LjE0LDAsMjUuNi0xMS40NiwyNS42LTI1LjZ2LTUxLjIgIEM1MTEuOTc0LDQxMS42NDgsNDkyLjg4NSwzOTIuNTU5LDQ2OS4zMzMsMzkyLjUzM3ogTTQ5NC45MzMsNDg2LjRjMCw0LjcxLTMuODIzLDguNTMzLTguNTMzLDguNTMzSDM4NCAgYy00LjcxLDAtOC41MzMtMy44MjMtOC41MzMtOC41MzN2LTUxLjJjMC0xMy40MzEsMTAuMzg1LTI0LjU3NiwyMy43ODItMjUuNTMyYzIyLjgwMSwxMC41ODEsNDkuMTAxLDEwLjU4MSw3MS45MDIsMCAgYzEzLjM5NywwLjk1NiwyMy43ODIsMTIuMSwyMy43ODIsMjUuNTMyVjQ4Ni40eiIvPgo8cGF0aCBkPSJNNzYuOCwyODEuNmMtMjguMjc5LDAtNTEuMiwyMi45MjEtNTEuMiw1MS4yUzQ4LjUyMSwzODQsNzYuOCwzODRzNTEuMi0yMi45MjEsNTEuMi01MS4yICBDMTI3Ljk3NCwzMDQuNTM4LDEwNS4wNjIsMjgxLjYyNiw3Ni44LDI4MS42eiBNNzYuOCwzNjYuOTMzYy0xOC44NSwwLTM0LjEzMy0xNS4yODMtMzQuMTMzLTM0LjEzM1M1Ny45NSwyOTguNjY3LDc2LjgsMjk4LjY2NyAgczM0LjEzMywxNS4yODMsMzQuMTMzLDM0LjEzM1M5NS42NSwzNjYuOTMzLDc2LjgsMzY2LjkzM3oiLz4KPHBhdGggZD0iTTI1LjYsNTEySDEyOGMxNC4xNCwwLDI1LjYtMTEuNDYsMjUuNi0yNS42di01MS4yYy0wLjAyNi0yMy41NTItMTkuMTE1LTQyLjY0MS00Mi42NjctNDIuNjY3aC0yLjAxNGwtMS44MDEsMC44NTMgIGMtMTkuMDk4LDkuNTA2LTQxLjU0LDkuNTA2LTYwLjYzOCwwbC0xLjgwMS0wLjg1M2gtMi4wMTRDMTkuMTE1LDM5Mi41NTksMC4wMjYsNDExLjY0OCwwLDQzNS4ydjUxLjJDMCw1MDAuNTQsMTEuNDYsNTEyLDI1LjYsNTEyeiAgIE0xNy4wNjcsNDM1LjJjMC0xMy40MzEsMTAuMzg1LTI0LjU3NiwyMy43ODItMjUuNTMyYzIyLjgwMSwxMC41ODEsNDkuMTAxLDEwLjU4MSw3MS45MDIsMGMxMy4zOTcsMC45NTYsMjMuNzgyLDEyLjEsMjMuNzgyLDI1LjUzMiAgdjUxLjJjMCw0LjcxLTMuODIzLDguNTMzLTguNTMzLDguNTMzSDI1LjZjLTQuNzEsMC04LjUzMy0zLjgyMy04LjUzMy04LjUzM1Y0MzUuMnoiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==\" />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"conversation-details\">\r\n\t\t\t\t\t\t\t<div class=\"first-row\">\r\n\t\t\t\t\t\t\t\t<div class=\"conversation--username\">\r\n\t\t\t\t\t\t\t\t\t<span v-if=\"!new_group\" style=\"position:absolute; top:25px; left: 0px;font-weigth:bold; font-size:17px;\" @click=\"new_group = true\">{{$t('Whatchat.NewGroup')}}</span>\r\n\t\t\t\t\t\t\t\t\t<input v-if=\"new_group\" type='text' :placeholder=\"$t('Whatchat.AddUser')\" :value='search_in_contacts' @input='evt => search_in_contacts = evt.target.value' />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div v-if=\"search_in_contacts.length >= 3\">\r\n\t\t\t\t\t\t<div v-for=\"user in filtered_contacts\" :key=\"user.id\" class=\"convervation one-contact\" @click=\"newChatUserClicked(user)\">\r\n\t\t\t\t\t\t\t<div class=\"conversation-image\">\r\n\t\t\t\t\t\t\t\t<img class=\"user\" :src=\"user.image\" :alt=\"user.id\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"conversation-details\">\r\n\t\t\t\t\t\t\t\t<div class=\"first-row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"conversation--username\">\r\n\t\t\t\t\t\t\t\t\t\t<span style=\"position:absolute; top:25px; left: 0px;font-weigth:bold; font-size:17px;\">{{user.username}}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport { Action, Urls_ } from \"@/whatchat/index\";\r\nimport optionListener from \"@/whatchat/utils/optionMenuListener\";\r\nimport PlayerReport from \"@/components/player/PlayerReport\";\r\nimport PlayerInfo from \"@/components/whatchat/PlayerInfo\";\r\nimport CoachingStaffInfo from \"@/components/whatchat/CoachingStaffInfo\";\r\nimport axios from \"axios\";\r\nimport moment from \"moment\";\r\nimport AuthService from \"@/service/AuthService\";\r\nimport AgentService from \"@/service/AgentService\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n    components: {\r\n\t\tPlayerReport,\r\n        PlayerInfo,\r\n        CoachingStaffInfo\r\n\t},\r\n\tname: \"Messages\",\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tlogged: false,\r\n\t\t\tnew_group: false,\r\n\t\t\tgroup_users: [],\r\n\t\t\tgroup_name: null,\r\n\t\t\tsearch_in_conversations: \"\",\r\n\t\t\tsearch_in_conversation: \"\",\r\n\t\t\tsearch_in_contacts: \"\",\r\n\t\t\tsearch_chat: \"\",\r\n\t\t\tseach_input: \"\",\r\n\t\t\tfiltered_contacts: [],\r\n\t\t\tfiltered_conversations: [],\r\n\t\t\tfiltered_conversation_messages: null,\r\n\t\t\tselected_conversation_id: null,\r\n\t\t\tselected_conversation: null,\r\n\t\t\tisMobile: false,\r\n\t\t\trerender: 0,\r\n            displayPlayerReport: false,\r\n            conversationClicked: false,\r\n            rerenderPlayerInfo: 0,\r\n            userId: null,\r\n            userIdLoaded: false\r\n\t\t};\r\n\t},\r\n\tauthService: null,\r\n    agentService:null,\r\n\tmounted() {\r\n\t\tlet self = this;\r\n\t\tthis.authService = new AuthService();\r\n\t\tthis.agentService = new AgentService();\r\n\r\n\t\t// force logout chat\r\n\t\tthis.$store.dispatch(Action.AUTH_LOGOUT).then(\r\n\t\t\t(resp) => {},\r\n\t\t\t(err) => {}\r\n\t\t);\r\n\r\n\t\tconst values = {\r\n\t\t\temail: this.authService.getUserEmail(),\r\n\t\t\tpassword: this.authService.getpasswordHash(),\r\n\t\t};\r\n\r\n\t\t// login chat\r\n\t\tthis.$store.dispatch(Action.AUTH_REQUEST, values).then(\r\n\t\t\t(resp) => {\r\n\t\t\t\tself.userLogged();\r\n\t\t\t},\r\n\t\t\t(err) => {}\r\n\t\t);\r\n\t},\r\n\tcomputed: {\r\n\t\tallContacts() {\r\n\t\t\treturn this.$store.getters.filteredAllContacts(\"ordered\", \"asc\");\r\n\t\t},\r\n\t\tis_searching() {\r\n\t\t\treturn this.search_chat.split(\" \").join(\"\").length > 0;\r\n\t\t},\r\n\t\tchats() {\r\n\t\t\tif (this.is_searching)\r\n\t\t\t\treturn this.$store.getters.conversations(\r\n\t\t\t\t\t\"search_chats_groups\",\r\n\t\t\t\t\tthis.search_chat.toUpperCase()\r\n\t\t\t\t);\r\n\t\t\treturn this.$store.getters.conversations(\"chats\");\r\n\t\t},\r\n\t\t// conversations() {\r\n\t\t//     return this.$store.getters.conversations('atLeastOneMessage')\r\n\t\t// },\r\n\t\t...mapGetters([\"getCurrentUser\", \"playSounds\"]),\r\n\t},\r\n\tupdated() {\r\n\t\toptionListener.menuListener();\r\n\t\toptionListener.overlayListener();\r\n\t},\r\n\tmethods: {\r\n        showPlayerReport() {\r\n            this.displayPlayerReport = true;\r\n        },\r\n\t\tcloseSearchConvMessageOverlay() {\r\n\t\t\tconst overlay_box = document.querySelector(\".search_conv_message\");\r\n\t\t\toverlay_box.classList.remove(\"activated\");\r\n\t\t},\r\n\t\tcloseNewConvOverlay() {\r\n\t\t\tconst overlay_box = document.querySelector(\".boxed\");\r\n\t\t\toverlay_box.classList.remove(\"activated\");\r\n\t\t\tthis.initGroupVars();\r\n\t\t},\r\n\t\tinitGroupVars() {\r\n\t\t\tthis.new_group = false;\r\n\t\t\tthis.group_users = [];\r\n\t\t\tthis.group_name = null;\r\n\t\t},\r\n\t\tmodifyPlaySounds() {\r\n\t\t\tthis.$store.dispatch(\"modifyPlaySounds\");\r\n\t\t},\r\n\t\tremoveTirolibreUser(users) {\r\n\t\t\treturn users.filter(function (user) {\r\n\t\t\t\treturn user.id != Vue.prototype.$whatchatTirolibreUserId;\r\n\t\t\t});\r\n\t\t},\r\n\t\tshowChats() {\r\n\t\t\treturn this.isMobile && this.$route.path != \"/negotiationRoom\"\r\n\t\t\t\t? false\r\n\t\t\t\t: true;\r\n\t\t},\r\n\t\tshowConversation() {\r\n\t\t\treturn this.isMobile && this.$route.path == \"/negotiationRoom\"\r\n\t\t\t\t? false\r\n\t\t\t\t: true;\r\n\t\t},\r\n        showPlayerInfo() {\r\n            return this.authService.getUserProfile() == Vue.prototype.$playerProfileId ||\r\n                this.authService.getUserProfile() == Vue.prototype.$teamProfileId || \r\n                this.authService.getUserProfile() == Vue.prototype.$teamNotRegisteredProfileId || \r\n                this.authService.getUserProfile() == Vue.prototype.$teamNotRegisteredNotAccepted ||\r\n                this.authService.getUserRole() == Vue.prototype.$agentTirolibre;\r\n        },    \r\n        showCoachingStaffInfo() {\r\n            return this.authService.getUserProfile() == Vue.prototype.$coachingStaffProfileId;\r\n        },\r\n        getPlayerIdForPlayerInfo() {\r\n            let userProfileId = this.authService.getUserProfile();\r\n            if (userProfileId == Vue.prototype.$playerProfileId) { // Player\r\n                this.userId = this.authService.getUserId();\r\n                this.userIdLoaded = true;\r\n            }\r\n            else if (userProfileId ==  Vue.prototype.$teamProfileId || // Team\r\n                userProfileId ==  Vue.prototype.$teamNotRegisteredProfileId ||\r\n                userProfileId ==  Vue.prototype.$teamNotRegisteredNotAccepted) {\r\n                    if (this.selected_conversation.conversation_type == Vue.prototype.$elixirWhatchatNegotiationConversationType) {\r\n                        let user = this.selected_conversation.users.find(x => x.id != Vue.prototype.$whatchatTirolibreUserId && x.id != this.getCurrentUser.id);\r\n                        if (user.username != this.selected_conversation.name.split('-')[0].trim()) {\r\n                            this.agentService\r\n                                .getAgentPlayerIdByName(user.baseuser_id, this.selected_conversation.name.split('-')[0].trim())\r\n                                .then(\r\n                                    (res) => {\r\n                                        this.userId = res.data;\r\n                                        this.userIdLoaded = true;\r\n                                    },\r\n                            );\r\n                        }\r\n                        else {\r\n                            this.userId = (user == null) ? null : user.baseuser_id;\r\n                            this.userIdLoaded = true;\r\n                        }\r\n                    }\r\n            }\r\n            else if (this.authService.getUserRole() == Vue.prototype.$agentTirolibre) // Tirolibre user\r\n            {\r\n                if (this.selected_conversation.conversation_type == Vue.prototype.$elixirWhatchatOneToOneConversationType) {\r\n                    let user = this.selected_conversation.users.find(x => x.id != this.getCurrentUser.id);\r\n                    this.userId = (user == null) ? null : user.baseuser_id;\r\n                    this.userIdLoaded = true;\r\n                }\r\n                else { //if (this.selected_conversation.conversation_type == Vue.prototype.$elixirWhatchatNegotiationConversationType) {\r\n                    let user = this.selected_conversation.users.find(x => x.id != Vue.prototype.$whatchatTirolibreUserId && (x.image.includes(\"/Player/\") || x.image.includes(\"/AgentPlayer/\")));\r\n                    if (user != null) {\r\n                        this.userId = user.baseuser_id;\r\n                        this.userIdLoaded = true;\r\n                    }\r\n                    else \r\n                    {\r\n                        user = this.selected_conversation.users.find(x => x.id != Vue.prototype.$whatchatTirolibreUserId && x.image.includes(\"/Agent/\"));\r\n                        if (user.username != this.selected_conversation.name.split('-')[0].trim()) {\r\n                            this.agentService\r\n                                .getAgentPlayerIdByName(user.baseuser_id, this.selected_conversation.name.split('-')[0].trim())\r\n                                .then(\r\n                                    (res) => {\r\n                                        this.userId = res.data;\r\n                                        this.userIdLoaded = true;\r\n                                    },\r\n                            );\r\n                        }\r\n                        else {\r\n                            this.userId = (user == null) ? null : user.baseuser_id;\r\n                            this.userIdLoaded = true;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        getCoachingStaffIdForCoachingStaffInfo() {\r\n            var userId = null;\r\n            let userProfileId = this.authService.getUserProfile();\r\n            if (userProfileId == Vue.prototype.$coachingStaffProfileId) { // Coaching Staff\r\n                this.userId = this.authService.getUserId();\r\n                this.userIdLoaded = true;\r\n            }\r\n            // else if (userProfileId ==  Vue.prototype.$teamProfileId || // Team\r\n            //     userProfileId ==  Vue.prototype.$teamNotRegisteredProfileId ||\r\n            //     userProfileId ==  Vue.prototype.$teamNotRegisteredNotAccepted) {\r\n            //         if (this.selected_conversation.conversation_type == Vue.prototype.$elixirWhatchatNegotiationConversationType) {\r\n            //             let user = this.selected_conversation.users.find(x => x.id != Vue.prototype.$whatchatTirolibreUserId && x.id != this.getCurrentUser.id);\r\n            //             if (user.username != this.selected_conversation.name.split('-')[0].trim())\r\n            //                 return await this.agentService.getAgentPlayerIdByName(user.baseuser_id, this.selected_conversation.name.split('-')[0].trim());\r\n            //             else\r\n            //                 return (user == null) ? null : user.baseuser_id;\r\n            //         }\r\n            // }\r\n            // else if (this.authService.getUserRole() == Vue.prototype.$agentTirolibre) // Tirolibre user\r\n            // {\r\n            //     if (this.selected_conversation.conversation_type == Vue.prototype.$elixirWhatchatOneToOneConversationType) {\r\n            //         let user = this.selected_conversation.users.find(x => x.id != this.getCurrentUser.id);\r\n            //         return (user == null) ? null : user.baseuser_id;\r\n            //     }\r\n            //     else { //if (this.selected_conversation.conversation_type == Vue.prototype.$elixirWhatchatNegotiationConversationType) {\r\n            //         let user = this.selected_conversation.users.find(x => x.id != Vue.prototype.$whatchatTirolibreUserId && (x.image.includes(\"/Player/\") || x.image.includes(\"/AgentPlayer/\")));\r\n            //         if (user != null)\r\n            //             return user.baseuser_id;\r\n\r\n            //         user = this.selected_conversation.users.find(x => x.id != Vue.prototype.$whatchatTirolibreUserId && x.image.includes(\"/Agent/\"));\r\n            //         if (user.username != this.selected_conversation.name.split('-')[0].trim())\r\n            //             return await this.agentService.getAgentPlayerIdByName(user.baseuser_id, this.selected_conversation.name.split('-')[0].trim());\r\n            //         else\r\n            //             return (user == null) ? null : user.baseuser_id;\r\n            //     }\r\n            // }\r\n        },\r\n\t\tgoToMessage(messageId) {\r\n\t\t\tdocument.getElementById(\"message_\" + messageId).scrollIntoView();\r\n\t\t\tthis.closeSearchConvMessageOverlay();\r\n\t\t},\r\n\t\t// Puts ... if the msg content is too long\r\n\t\tsplitMessageContent(content) {\r\n            if (content.includes(\"#dc\"))\r\n                return null;\r\n\r\n\t\t\treturn (content.length > 21) ? content.substring(0, 21) + \" ... \" : content;\r\n\t\t},\r\n\t\tago(lastMessageDate) {\r\n\t\t\t// lastMessageDate = moment(lastMessageDate, \"YYYY-MM-DDTHH:mm:ss\");\r\n\r\n\t\t\tconst diff1 = moment().diff(\r\n\t\t\t\tnew Date(lastMessageDate.format(\"l\")),\r\n\t\t\t\t\"days\"\r\n\t\t\t);\r\n\r\n\t\t\tif (diff1 < 7) {\r\n\t\t\t\tif (diff1 == 0) return moment(lastMessageDate).format(\"HH:mm\");\r\n\t\t\t\telse if (diff1 == 1) return \"Yesterday\";\r\n\t\t\t\telse {\r\n\t\t\t\t\tconst day = lastMessageDate.weekday();\r\n\t\t\t\t\treturn moment().startOf(\"isoWeek\")._locale._weekdays[day];\r\n\t\t\t\t}\r\n\t\t\t} else return lastMessageDate.format(\"DD/MM/YYYY\");\r\n\t\t},\r\n\t\tgetToUserProfile(users) {\r\n\t\t\treturn users.filter((us) => {\r\n\t\t\t\treturn us.id !== this.getCurrentUser.id;\r\n\t\t\t})[0];\r\n\t\t},\r\n\t\tconversationSelected(conversation) {\r\n            let conversation_id = conversation.id;\r\n\t\t\tthis.$store.dispatch(\"setOpenedConversation\", conversation_id);\r\n\t\t\tthis.$router.push({\r\n\t\t\t\tname: \"conversation\",\r\n\t\t\t\tparams: { id: conversation_id },\r\n\t\t\t});\r\n\r\n\t\t\tthis.selected_conversation_id = conversation_id;\r\n            this.selected_conversation = conversation;\r\n\t\t\tthis.filtered_conversation_messages = null;\r\n\t\t\tthis.search_in_conversation = null;           \r\n            this.conversationClicked = true;\r\n\r\n            if (this.showPlayerInfo()) {\r\n                this.getPlayerIdForPlayerInfo();\r\n            }\r\n            else if (this.showCoachingStaffInfo()){\r\n                this.getCoachingStaffIdForCoachingStaffInfo();\r\n            }\r\n\r\n            this.rerenderPlayerInfo += 1;\r\n\t\t},\r\n\t\t// showConvMenu(does) {\r\n\t\t// \toptionListener.menuListener()\r\n\t\t// },\r\n\t\tnewChatUserClicked(user) {\r\n\t\t\tif (this.new_group) {\r\n\t\t\t\tif (this.group_users.indexOf(user) === -1)\r\n\t\t\t\t\tthis.group_users.push(user);\r\n\t\t\t} else this.createConversationWith(user);\r\n\t\t},\r\n\t\tremoveUserFromGroup(user) {\r\n\t\t\tfunction arrayRemove(arr, value) {\r\n\t\t\t\treturn arr.filter(function (ele) {\r\n\t\t\t\t\treturn ele != value;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tthis.group_users = arrayRemove(this.group_users, user);\r\n\t\t},\r\n\t\tcreateChatGroup() {\r\n\t\t\tconst conversation = {\r\n\t\t\t\tname: this.group_name,\r\n\t\t\t\tprofile:\r\n\t\t\t\t\t\"https://transfer.tirolibre.it/assets/images/request.png\",\r\n\t\t\t\tconversation_type:\r\n\t\t\t\t\tVue.prototype.$whatchatChatGroupConversationType,\r\n\t\t\t};\r\n\r\n\t\t\tthis.group_users.push(this.getCurrentUser);\r\n\r\n\t\t\tconst data = {\r\n\t\t\t\tconversation: conversation,\r\n\t\t\t\tusers: this.group_users,\r\n\t\t\t};\r\n\r\n\t\t\tlet self = this;\r\n\t\t\treturn new Promise((resolve, reject) => {\r\n\t\t\t\taxios({\r\n\t\t\t\t\turl: Urls_.CONVERSATIONS_URL,\r\n\t\t\t\t\tdata: data,\r\n\t\t\t\t\tmethod: \"POST\",\r\n\t\t\t\t})\r\n\t\t\t\t\t.then(async (resp) => {\r\n\t\t\t\t\t\t// await self.$store.dispatch('addDiscussion', resp.data)\r\n\t\t\t\t\t\t// self.filtered_conversations = self.$store.state.conversations;\r\n\t\t\t\t\t\t// self.rerender += 1;\r\n\t\t\t\t\t\tself.initGroupVars();\r\n\t\t\t\t\t\tself.closeNewConvOverlay();\r\n\t\t\t\t\t\tself.conversationSelected(resp.data.id);\r\n\t\t\t\t\t\tresolve(resp);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((err) => {\r\n\t\t\t\t\t\treject(err);\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tcreateConversationWith(user) {\r\n\t\t\t//this.$store.dispatch('createConversationWith', user_id )\r\n\t\t\tconst conversationName =\r\n\t\t\t\tuser.id < this.getCurrentUser.id\r\n\t\t\t\t\t? user.username + \" - \" + this.getCurrentUser.username\r\n\t\t\t\t\t: this.getCurrentUser.username + \" - \" + user.username;\r\n\r\n\t\t\tconst conversation = {\r\n\t\t\t\tname: conversationName,\r\n\t\t\t\tprofile: null,\r\n\t\t\t\tconversation_type:\r\n\t\t\t\t\tVue.prototype.$whatchatOneToOneConversationType,\r\n\t\t\t};\r\n\r\n\t\t\tconst users = [];\r\n\t\t\tusers.push(this.getCurrentUser);\r\n\t\t\tusers.push(user);\r\n\r\n\t\t\tconst data = {\r\n\t\t\t\tconversation: conversation,\r\n\t\t\t\tusers: users,\r\n\t\t\t};\r\n\r\n\t\t\tlet self = this;\r\n\t\t\treturn new Promise((resolve, reject) => {\r\n\t\t\t\taxios({\r\n\t\t\t\t\turl: Urls_.CONVERSATIONS_URL,\r\n\t\t\t\t\tdata: data,\r\n\t\t\t\t\tmethod: \"POST\",\r\n\t\t\t\t})\r\n\t\t\t\t\t.then(async (resp) => {\r\n\t\t\t\t\t\tawait self.$store.dispatch(\"addDiscussion\", resp.data);\r\n\t\t\t\t\t\tself.filtered_conversations =\r\n\t\t\t\t\t\t\tself.$store.state.conversations;\r\n\t\t\t\t\t\tself.rerender += 1;\r\n\t\t\t\t\t\tself.closeNewConvOverlay();\r\n\t\t\t\t\t\tself.conversationSelected(resp.data.id);\r\n\t\t\t\t\t\tresolve(resp);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((err) => {\r\n\t\t\t\t\t\treject(err);\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tlaunchUpload() {\r\n\t\t\tlet photo = document.querySelector(\"#profile-image-file\"); // file from input\r\n\t\t\tphoto.click();\r\n\t\t},\r\n\t\tuserLogged() {\r\n\t\t\tif (window.innerWidth <= 991) this.isMobile = true;\r\n\r\n\t\t\tthis.filtered_conversations = this.$store.state.conversations;\r\n\r\n\t\t\t// this.filtered_conversations = this.$store.state.conversations.filter(conv => {\r\n\t\t\t//     return conv.is_group || (!conv.is_group && conv.messages.length > 0);\r\n\r\n\t\t\t// ERRNEST SI NO ES PAOLO NO CAL LOAD??\r\n\t\t\t// Setting the user and init the socket\r\n\t\t\tthis.$store.dispatch(\"loadAllContacts\").then(\r\n\t\t\t\t(resp) => {\r\n\t\t\t\t\tthis.filtered_contacts = resp.data.users\r\n\t\t\t\t\t\t// .filter(contact => {\r\n\t\t\t\t\t\t//             return contact.id !== this.getCurrentUser.id\r\n\t\t\t\t\t\t//         })\r\n\t\t\t\t\t\t.sort((participantA, participantB) => {\r\n\t\t\t\t\t\t\treturn participantA.username[0].toLowerCase() >\r\n\t\t\t\t\t\t\t\tparticipantB.username[0].toLowerCase()\r\n\t\t\t\t\t\t\t\t? 1\r\n\t\t\t\t\t\t\t\t: -1;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\tthis.$store.dispatch(\"addAllContacts\", {\r\n\t\t\t\t\t\tAllContacts: resp.data.users,\r\n\t\t\t\t\t});\r\n\t\t\t\t},\r\n\t\t\t\t(err) => {\r\n\t\t\t\t\tthis.$router.push({ name: \"logout\" });\r\n\t\t\t\t}\r\n\t\t\t);\r\n\r\n\t\t\tthis.logged = true;\r\n\t\t},\r\n\t},\r\n\twatch: {\r\n\t\tsearch_in_contacts: function (newVal, oldVal) {\r\n\t\t\tlet self = this;\r\n\t\t\tthis.filtered_contacts = this.allContacts.filter(function (el) {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tel.username.toLowerCase().indexOf(newVal.toLowerCase()) !==\r\n\t\t\t\t\t-1\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t},\r\n\t\tsearch_in_conversations: function (newVal, oldVal) {\r\n\t\t\tlet self = this;\r\n\t\t\tthis.filtered_conversations =\r\n\t\t\t\tthis.$store.state.conversations.filter(function (el) {\r\n\t\t\t\t\treturn el.is_group\r\n\t\t\t\t\t\t? el.name\r\n\t\t\t\t\t\t\t\t.toLowerCase()\r\n\t\t\t\t\t\t\t\t.indexOf(newVal.toLowerCase()) !== -1\r\n\t\t\t\t\t\t: self\r\n\t\t\t\t\t\t\t\t.getToUserProfile(el.users)\r\n\t\t\t\t\t\t\t\t.username.toLowerCase()\r\n\t\t\t\t\t\t\t\t.indexOf(newVal.toLowerCase()) !== -1;\r\n\t\t\t\t});\r\n\t\t},\r\n\t\tsearch_in_conversation: function (newVal, oldVal) {\r\n\t\t\tif (this.selected_conversation_id != null && newVal != null) {\r\n\t\t\t\tvar conversation = this.$store.state.conversations.filter(\r\n\t\t\t\t\t(obj) => {\r\n\t\t\t\t\t\treturn obj.id === this.selected_conversation_id;\r\n\t\t\t\t\t}\r\n\t\t\t\t)[0];\r\n\r\n\t\t\t\tthis.filtered_conversation_messages =\r\n\t\t\t\t\tconversation.messages.filter(function (el) {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\tel.content\r\n\t\t\t\t\t\t\t\t.toLowerCase()\r\n\t\t\t\t\t\t\t\t.indexOf(newVal.toLowerCase()) !== -1\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/styles/whatchat_messages.scss\";\r\n</style>","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!./Messages.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!./Messages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Messages.vue?vue&type=template&id=022cfaae&scoped=true&\"\nimport script from \"./Messages.vue?vue&type=script&lang=js&\"\nexport * from \"./Messages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Messages.vue?vue&type=style&index=0&id=022cfaae&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  \"022cfaae\",\n  null\n  \n)\n\nexport default component.exports","import axios from 'axios'\r\nimport Vue from 'vue'\r\nimport AuthService from \"@/service/AuthService\";\r\n\r\nexport default class ServiceSubscriptions {\r\n    authService = new AuthService();\r\n    config = {\r\n        headers: { Authorization: `Bearer ${this.authService.getUserBearerToken()}` }\r\n    };\r\n    getServicesSubscriptions(playerId) {\r\n        const data = {\r\n            PlayerId: playerId\r\n        };\r\n        return axios.post(Vue.prototype.$serviceBaseUrl + '/api/ServiceSubscription/GetBizServicesSubscriptions', data, this.config);\r\n    }\r\n    storeDynamicScoutPayment(playerId, amountInEu, paymentSession) {\r\n        const data = {\r\n            PlayerId: playerId,\r\n            AmountInEu: amountInEu,\r\n            PaymentSession: paymentSession\r\n        };\r\n        return axios.post(Vue.prototype.$serviceBaseUrl + '/api/ServiceSubscription/StoreDynamicScoutPayment', data, this.config);\r\n    }\r\n}","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripeCreditCardBox.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripeCreditCardBox.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"p-grid\"},[_c('stripe-credit-card-box',{attrs:{\"title\":_vm.$t('StripeText'),\"stripeObj\":_vm.stripe,\"amount\":_vm.amount,\"cardConfirmationCallback\":_vm.cardConfirmed,\"cancelCallBack\":_vm.cancel}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axios from 'axios'\r\n// import subService from '@/services/subscriptionService'\r\nimport Vue from 'vue'\r\nimport AuthService from \"@/service/AuthService\";\r\n\r\nexport default class StripeService {\r\n    authService = new AuthService();\r\n    config = {\r\n        headers: { Authorization: `Bearer ${this.authService.getUserBearerToken()}` }\r\n    };\r\n    getStripeKey() {\r\n        //return 'pk_test_2Zm9zo2qJg7WSj8xPzIP9Lgg';\r\n        return 'pk_live_ECzgpgxQHxuhbJf2EfM47K1u';\r\n    }\r\n    performPayment(amount, serviceCode, userId, _description) {\r\n        let paymentSubmitted = false;\r\n        return new Promise((resolve, reject) => {\r\n            let stripeKey = this.getStripeKey();\r\n            let handler = StripeCheckout.configure({\r\n                key: stripeKey,\r\n                image: 'https://stripe.com/img/documentation/checkout/marketplace.png',\r\n                locale: 'auto',\r\n                token: function (token) {\r\n                    paymentSubmitted = true;\r\n                    //console.log(token);\r\n                    // subService.subscribeToServiceStripe(Vue.prototype.$serviceBaseUrl, token.id, serviceCode, userId, amount).then(function (resp) {\r\n                    //     // serverBus.$emit('showLoading', false);\r\n                    //     resolve(resp.data);\r\n                    // }, function (err) {\r\n                    //     // serverBus.$emit('showLoading', false);\r\n                    //     reject('Errore Generico');\r\n                    // })\r\n                }\r\n            })\r\n            // serverBus.$emit('showLoading', true);\r\n            handler.open({\r\n                name: 'TIROLIBRE S.R.L.',\r\n                description: _description,\r\n                currency: 'eur',\r\n                amount: amount * 100,\r\n                closed: function () {\r\n                    // if (paymentSubmitted == false)\r\n                    //     serverBus.$emit('showLoading', false);\r\n                }\r\n            });\r\n        })\r\n    }\r\n    startPaymentIntent(amount, email, name, playerId) {\r\n        const data = {\r\n            UserId: playerId,\r\n            AmountInEu: amount,\r\n            Email: email,\r\n            Name: name\r\n        };\r\n        return axios.post(Vue.prototype.$serviceBaseUrl + '/api/Stripe/StartPaymentIntent', data, this.config);\r\n    }\r\n    chargePaymentIntent(amount, email, secret, playerId) {\r\n        const data = {\r\n            UserId: playerId,\r\n            AmountInEu: amount,\r\n            Email: email,\r\n            PaymentSession: secret\r\n        };\r\n        return axios.post(Vue.prototype.$serviceBaseUrl + '/api/Stripe/ChargeInPaymentIntent', data, this.config);\r\n    }\r\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-pay\",attrs:{\"id\":\"payment-form\"}},[_c('div',{staticClass:\"row\"},[_c('h4',[_vm._v(_vm._s(_vm.title))])]),_vm._m(0),_c('br'),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"p-grid\"},[_c('div',{staticClass:\"p-col-12\"},[_c('Button',{staticStyle:{\"width\":\"95%\"},attrs:{\"label\":_vm.getPaymentButtonText()},on:{\"click\":function($event){return _vm.confirmation()}}})],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-11\"},[_c('div',{attrs:{\"id\":\"card-element\"}}),_c('div',{staticStyle:{\"color\":\"red\"},attrs:{\"id\":\"card-errors\",\"role\":\"alert\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n\t<div id=\"payment-form\" class=\"form-pay\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<h4>{{title}}</h4>\r\n\t\t</div>\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-11\">\r\n\t\t\t\t<div id=\"card-element\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- Used to display form errors. -->\r\n\t\t\t\t<div id=\"card-errors\" role=\"alert\" style=\"color:red\"></div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<br />\r\n\t\t<div class=\"row\">\r\n\t\t\t<!-- <div class=\"col-6\">\r\n\t\t\t\t<button class=\"btn btn-danger\" type=\"button\" @click=\"cancel()\">{{$t('Stripe.Cancel')}}</button>\r\n\t\t\t</div> -->\r\n\t\t\t<div class=\"p-grid\">\r\n\t\t\t\t<div class=\"p-col-12\">\r\n\t\t\t\t\t<Button style=\"width: 95%\" :label=\"getPaymentButtonText()\" @click=\"confirmation()\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport StripeService from \"@/service/StripeService\";\r\n\r\nexport default {\r\n\tcomponents: {},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tstripe: null,\r\n\t\t\tcard: null,\r\n\t\t};\r\n\t},\r\n\tprops: {\r\n\t\tamount: { type: Number },\r\n\t\ttitle: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"Tirolibre\",\r\n\t\t},\r\n\t\tcardConfirmationCallback: { type: Function },\r\n\t\tcancelCallBack: { type: Function },\r\n\t},\r\n\tstripeService: null,\r\n\tcreated() {\r\n\t\tthis.stripeService = new StripeService();\r\n\t},\r\n\tmethods: {\r\n\t\tgetPaymentButtonText() {\r\n\t\t\treturn this.$t(\"Stripe.Pay\") + \" €\" + this.amount + \",00\";\r\n\t\t},\r\n\t\tcancel() {\r\n\t\t\tthis.cancelCallBack();\r\n\t\t},\r\n\t\tconfirmation() {\r\n\t\t\tthis.cardConfirmationCallback(this.card, this.stripe);\r\n\t\t},\r\n\t},\r\n\tmounted: function () {\r\n\t\tlet stripeKey = this.stripeService.getStripeKey();\r\n\t\tthis.stripe = Stripe(stripeKey);\r\n\t\tlet elements = this.stripe.elements();\r\n\t\tlet style = {\r\n\t\t\tbase: {\r\n\t\t\t\tcolor: \"#32325d\",\r\n\t\t\t\tfontFamily: '\"Helvetica Neue\", Helvetica, sans-serif',\r\n\t\t\t\tfontSmoothing: \"antialiased\",\r\n\t\t\t\tfontSize: \"16px\",\r\n\t\t\t\t\"::placeholder\": {\r\n\t\t\t\t\tcolor: \"#aab7c4\",\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tinvalid: {\r\n\t\t\t\tcolor: \"#fa755a\",\r\n\t\t\t\ticonColor: \"#fa755a\",\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// Create an instance of the card Element.\r\n\t\tthis.card = elements.create(\"card\", { style: style });\r\n\r\n\t\t// Add an instance of the card Element into the `card-element` <div>.\r\n\t\tthis.card.mount(\"#card-element\");\r\n\r\n\t\t// Handle real-time validation errors from the card Element.\r\n\t\tthis.card.addEventListener(\"change\", function (event) {\r\n\t\t\tvar displayError = document.getElementById(\"card-errors\");\r\n\t\t\tif (event.error) {\r\n\t\t\t\tdisplayError.textContent = event.error.message;\r\n\t\t\t} else {\r\n\t\t\t\tdisplayError.textContent = \"\";\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\tcomputed: {},\r\n};\r\n</script>\r\n\r\n<style>\r\n.form-pay {\r\n\tborder: 2px solid grey;\r\n\tborder-radius: 5px;\r\n\ttext-align: center;\r\n\tbackground-color: transparent;\r\n\tpadding-left: 5%;\r\n\tpadding-top: 10px;\r\n\tpadding-bottom: 10px;\r\n\twidth: 100%;\r\n\tfloat: left;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n.StripeElement {\r\n\tbox-sizing: border-box;\r\n\theight: 40px;\r\n\tpadding: 10px 12px;\r\n\tborder: 1px solid transparent;\r\n\tborder-radius: 4px;\r\n\tbackground-color: white;\r\n\tbox-shadow: 0 1px 3px 0 #e6ebf1;\r\n\t-webkit-transition: box-shadow 150ms ease;\r\n\ttransition: box-shadow 150ms ease;\r\n\twidth: 100%;\r\n}\r\n\r\n.StripeElement--focus {\r\n\tbox-shadow: 0 1px 3px 0 #cfd7df;\r\n}\r\n\r\n.StripeElement--invalid {\r\n\tborder-color: #fa755a;\r\n}\r\n\r\n.StripeElement--webkit-autofill {\r\n\tbackground-color: #fefde5 !important;\r\n}\r\n</style>","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!./StripeCreditCardBox.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!./StripeCreditCardBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StripeCreditCardBox.vue?vue&type=template&id=f3b06c0e&\"\nimport script from \"./StripeCreditCardBox.vue?vue&type=script&lang=js&\"\nexport * from \"./StripeCreditCardBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StripeCreditCardBox.vue?vue&type=style&index=0&lang=css&\"\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","<template>\r\n\t<div class=\"card\">\r\n\t\t<div class=\"p-grid\">\r\n\t\t\t<stripe-credit-card-box :title=\"$t('StripeText')\" :stripeObj=\"stripe\" :amount=\"amount\" :cardConfirmationCallback=\"cardConfirmed\" :cancelCallBack=\"cancel\" />\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport StripeService from \"@/service/StripeService\";\r\nimport StripeCreditCardBox from \"@/components/stripe/StripeCreditCardBox\";\r\nimport AuthService from \"@/service/AuthService\";\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tStripeCreditCardBox,\r\n\t},\r\n\tprops: {\r\n\t\tamount: { type: Number },\r\n\t\tcancelCallBack: { type: Function },\r\n\t\tpaymentOkCallBack: { type: Function },\r\n\t\tpaymentKoCallBack: { type: Function },\r\n\t},\r\n\tstripeService: null,\r\n\tauthService: null,\r\n\tcreated() {\r\n\t\tthis.stripeService = new StripeService();\r\n\t\tthis.authService = new AuthService();\r\n\t},\r\n\tmethods: {\r\n\t\tcardConfirmed(card, stripeProvider) {\r\n\t\t\tlet self = this;\r\n\r\n\t\t\tlet userId = this.authService.getUserId();\r\n\t\t\tlet name = this.authService.getUserName();\r\n\t\t\tlet email = this.authService.getUserEmail();\r\n\t\t\tthis.stripeService\r\n\t\t\t\t.startPaymentIntent(this.amount, email, name, userId)\r\n\t\t\t\t.then(\r\n\t\t\t\t\t(resp) => {\r\n\t\t\t\t\t\tstripeProvider\r\n\t\t\t\t\t\t\t.confirmCardSetup(resp.data.Secret, {\r\n\t\t\t\t\t\t\t\tpayment_method: {\r\n\t\t\t\t\t\t\t\t\tcard: card,\r\n\t\t\t\t\t\t\t\t\tbilling_details: {\r\n\t\t\t\t\t\t\t\t\t\tname: name,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t.then(function (result) {\r\n\t\t\t\t\t\t\t\tif (result.error) {\r\n\t\t\t\t\t\t\t\t\tself.paymentKoCallBack(\r\n\t\t\t\t\t\t\t\t\t\tresult.error.message\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tself.stripeService\r\n\t\t\t\t\t\t\t\t\t\t.chargePaymentIntent(\r\n\t\t\t\t\t\t\t\t\t\t\tself.amount,\r\n\t\t\t\t\t\t\t\t\t\t\temail,\r\n\t\t\t\t\t\t\t\t\t\t\tresp.data.Secret,\r\n\t\t\t\t\t\t\t\t\t\t\tuserId\r\n\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t.then((respCharge) => {\r\n\t\t\t\t\t\t\t\t\t\t\t// serverBus.$emit(\r\n\t\t\t\t\t\t\t\t\t\t\t// \t\"showLoading\",\r\n\t\t\t\t\t\t\t\t\t\t\t// \tfalse\r\n\t\t\t\t\t\t\t\t\t\t\t// );\r\n\t\t\t\t\t\t\t\t\t\t\tself.paymentOkCallBack(\r\n\t\t\t\t\t\t\t\t\t\t\t\tresp.data.Secret\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t},\r\n\t\t\t\t\t(err) => {\r\n\t\t\t\t\t\tself.paymentKoCallBack(err.error.message);\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t},\r\n\t\tcancel() {\r\n\t\t\tthis.cancelCallBack();\r\n\t\t},\r\n\t},\r\n\tcomputed: {},\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!./StripePaymentIntent.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!./StripePaymentIntent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StripePaymentIntent.vue?vue&type=template&id=6491cb32&\"\nimport script from \"./StripePaymentIntent.vue?vue&type=script&lang=js&\"\nexport * from \"./StripePaymentIntent.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"],"sourceRoot":""}