{"version":3,"sources":["webpack:///./src/components/buyer-messages/Index.vue?bcdc","webpack:///./src/components/buyer-messages/Index.vue?a745","webpack:///src/components/buyer-messages/Index.vue","webpack:///./src/components/buyer-messages/Index.vue?3f50","webpack:///./src/components/buyer-messages/Index.vue","webpack:///./src/assets/lucas.jpg"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","on","toggle_chat","mensajes_no_leidos","_v","_s","_e","esconder_chat","_l","message","class","from_buyer","text","last_message","buyer_message_default_responses","length","default_message","$event","sendDefaultMessage","directives","name","rawName","value","expression","domProps","target","composing","message_to_send","enviar_mensaje","staticRenderFns","component","module","exports"],"mappings":"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","file":"js/chunk-ddd75034.af015d8d.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&lang=sass&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&lang=sass&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show_messages)?_c('div',{attrs:{\"id\":\"buyer-messages\"}},[_c('div',{staticClass:\"cont-foto-perfil\"},[_c('img',{staticClass:\"foto-perfil c-p\",attrs:{\"src\":require(\"@/assets/lucas.jpg\")},on:{\"click\":_vm.toggle_chat}}),(_vm.mensajes_no_leidos > 0)?_c('div',{staticClass:\"mensajes-no-leidos\"},[_vm._v(\" \"+_vm._s(_vm.mensajes_no_leidos)+\" \")]):_vm._e()]),_c('div',{staticClass:\"header\"},[_vm._v(\" Lucas Gonzalez \"),(_vm.escribiendo)?_c('div',{staticClass:\"escribiendo\"},[_vm._v(\"Escribiendo...\")]):_vm._e(),_c('div',{staticClass:\"esconder-chat\",on:{\"click\":_vm.esconder_chat}},[_c('i',{staticClass:\"icon-right\"})])]),_c('div',{staticClass:\"body\",attrs:{\"id\":\"body-buyer-messages\"}},_vm._l((_vm.messages),function(message){return _c('div',{staticClass:\"message\",class:message.from_buyer ? 'from-buyer' : ''},[_vm._v(\" \"+_vm._s(message.text)+\" \")])}),0),_c('div',{staticClass:\"footer\"},[(this.last_message && this.last_message.buyer_message_default_responses.length)?_c('div',{staticClass:\"message-options\"},_vm._l((this.last_message.buyer_message_default_responses),function(default_message){return _c('div',{staticClass:\"message-option\",on:{\"click\":function($event){return _vm.sendDefaultMessage(default_message)}}},[_vm._v(\" \"+_vm._s(default_message.text)+\" \")])}),0):_vm._e(),_c('div',{staticClass:\"send-message\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.message_to_send),expression:\"message_to_send\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Escribir tu mensaje...\"},domProps:{\"value\":(_vm.message_to_send)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.message_to_send=$event.target.value}}}),_c('div',{staticClass:\"btn-enviar\",on:{\"click\":_vm.enviar_mensaje}},[(_vm.enviando)?_c('b-spinner',{attrs:{\"size\":\"sm\"}}):_c('span',[_vm._v(\" Enviar \")])],1)])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div \r\nv-if=\"show_messages\"\r\nid=\"buyer-messages\">\r\n\t\r\n\t<div class=\"cont-foto-perfil\">\r\n\t\t<img \r\n\t\tclass=\"foto-perfil c-p\"\r\n\t\t@click=\"toggle_chat\"\r\n\t\tsrc=\"@/assets/lucas.jpg\">\r\n\r\n\t\t<div \r\n\t\tv-if=\"mensajes_no_leidos > 0\"\r\n\t\tclass=\"mensajes-no-leidos\">\r\n\t\t\t{{ mensajes_no_leidos }}\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"header\">\r\n\t\tLucas Gonzalez\r\n\r\n\t\t<div \r\n\t\tv-if=\"escribiendo\"\r\n\t\tclass=\"escribiendo\">Escribiendo...</div>\r\n\r\n\t\t<div \r\n\t\t@click=\"esconder_chat\"\r\n\t\tclass=\"esconder-chat\">\r\n\t\t\t<i \r\n\t\t\tclass=\"icon-right\"></i>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div \r\n\tid=\"body-buyer-messages\"\r\n\tclass=\"body\">\r\n\t\t<div \r\n\t\tv-for=\"message in messages\"\r\n\t\t:class=\"message.from_buyer ? 'from-buyer' : ''\"\r\n\t\tclass=\"message\">\r\n\t\t\t{{ message.text }}\r\n\t\t</div>\r\n\r\n\t</div>\r\n\r\n\t<div class=\"footer\"> \r\n\t\t<div \r\n\t\tv-if=\"this.last_message && this.last_message.buyer_message_default_responses.length\"\r\n\t\tclass=\"message-options\">\r\n\t\t\t<div \r\n\t\t\tv-for=\"default_message in this.last_message.buyer_message_default_responses\"\r\n\t\t\t@click=\"sendDefaultMessage(default_message)\"\r\n\t\t\tclass=\"message-option\">\r\n\t\t\t\t{{ default_message.text }}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"send-message\">\r\n\t\t\t<input \r\n\t\t\ttype=\"text\" \r\n\t\t\tv-model=\"message_to_send\"\r\n\t\t\tplaceholder=\"Escribir tu mensaje...\">\r\n\t\t\t<div \r\n\t\t\t@click=\"enviar_mensaje\"\r\n\t\t\tclass=\"btn-enviar\">\r\n\t\t\t\t<b-spinner\r\n\t\t\t\tv-if=\"enviando\"\r\n\t\t\t\tsize=\"sm\"></b-spinner>\r\n\t\t\t\t<span\r\n\t\t\t\tv-else>\r\n\t\t\t\t\tEnviar\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n</template>\r\n<script>\r\nexport default {\r\n\tcreated() {\r\n\t\t// this.show()\r\n\t},\r\n\twatch: {\r\n\t\t// authenticated() {\r\n\t\t// \tthis.show()\r\n\t\t// },\r\n\t\t// $route() {\r\n\t\t// \tconsole.log('watch de rooute')\r\n\t\t// \tthis.show()\r\n\t\t// }\r\n\t},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tmessages: [],\r\n\t\t\tmessage_to_send: '',\r\n\t\t\tescribiendo: false,\r\n\t\t\tenviando: false,\r\n\t\t\tchat_visible: false,\r\n\t\t\tmensajes_no_leidos: 0,\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\tshow_messages() {\r\n\t\t\tif (this.commerce && this.user) {\r\n\t\t\t\treturn this.commerce.show_buyer_messages && this.$route.name == 'Article'\r\n\t\t\t} \r\n\t\t\treturn false\r\n\t\t},\r\n\t\tlast_message() {\r\n\t\t\tif (this.messages.length) {\r\n\t\t\t\treturn this.messages[this.messages.length-1]\r\n\t\t\t}\r\n\t\t\treturn null\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\tshow() {\r\n\t\t\tconsole.log(this.$route.name)\r\n\t\t\tconsole.log(this.user)\r\n\t\t\tif (this.user && this.$route.name == 'Article') {\r\n\t\t\t\tconsole.log('Paso')\r\n\r\n\t\t\t\tthis.getMessages()\r\n\t\t\t\t.then(() => {\r\n\t\t\t\t\tif (!this.messages.length) {\r\n\t\t\t\t\t\tconsole.log('no tenia mensajes')\r\n\t\t\t\t\t\tthis.mostrar_chat()\r\n\t\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\t\tthis.add_saludo()\r\n\t\t\t\t\t\t}, 2000)\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t},\r\n\t\ttoggle_chat() {\r\n\t\t\tif (this.chat_visible) {\r\n\t\t\t\tthis.esconder_chat()\r\n\t\t\t} else {\r\n\t\t\t\tthis.mostrar_chat()\r\n\t\t\t}\r\n\t\t},\r\n\t\tmostrar_chat() {\r\n\t\t\tdocument.getElementById('buyer-messages').classList.add('buyer-messages-active')\r\n\t\t\tthis.chat_visible = true\r\n\t\t\tthis.mensajes_no_leidos = 0\r\n\t\t\tconsole.log('mostrar_chat')\r\n\t\t},\r\n\t\tesconder_chat() {\r\n\t\t\tdocument.getElementById('buyer-messages').classList.remove('buyer-messages-active')\r\n\t\t\tthis.chat_visible = false\r\n\t\t\tconsole.log('esconder_chat')\r\n\t\t},\r\n\t\tadd_saludo() {\r\n\t\t\tthis.escribiendo = true\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.messages.push({\r\n\t\t\t\t\ttext: 'Hola '+this.user.name.split(' ')[0],\r\n\t\t\t\t\tfrom_buyer: false,\r\n\t\t\t\t\tbuyer_message_default_responses: [],\r\n\t\t\t\t})\r\n\r\n\t\t\t\tsetTimeout(() => {\r\n\r\n\t\t\t\t\tthis.escribiendo = false\r\n\t\t\t\t\tlet message = {\r\n\t\t\t\t\t\ttext: 'Me llamo Lucas, trabajo con '+this.commerce.company_name+' en el area de sistemas y queria comentarte algo importante para tu negocio, tendras un momento?',\r\n\t\t\t\t\t\tfrom_buyer: false,\r\n\t\t\t\t\t\tbuyer_message_default_responses: [\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\ttext: 'Me interesa',\r\n\t\t\t\t\t\t\t\tfrom_buyer: 1,\t\r\n\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\ttext: 'Prefiero dejarlo pasar',\r\n\t\t\t\t\t\t\t\tfrom_buyer: 1,\t\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t],\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.messages.push(message)\r\n\r\n\t\t\t\t\tthis.guardar_mensajes()\r\n\r\n\t\t\t\t}, 5000)\r\n\t\t\t}, 3000)\r\n\t\t},\r\n\t\tgetMessages() {\r\n\t\t\treturn this.$api.get('buyer-message')\r\n\t\t\t.then(res => {\r\n\t\t\t\tthis.messages = res.data.models\r\n\t\t\t\tthis.mensajes_no_leidos = this.messages.length\r\n\t\t\t})\r\n\t\t\t.catch(err => {\r\n\t\t\t\tconsole.log(err)\r\n\t\t\t})\r\n\t\t},\r\n\t\tsendDefaultMessage(message) {\r\n\t\t\tthis.message_to_send = message.text\r\n\t\t\tthis.enviar_mensaje()\r\n\t\t},\r\n\t\tenviar_mensaje() {\r\n\t\t\tthis.messages.push({\r\n\t\t\t\ttext: this.message_to_send,\r\n\t\t\t\tfrom_buyer: 1,\r\n\t\t\t\tbuyer_message_default_responses: [],\r\n\t\t\t}) \r\n\t\t\tthis.guardar_mensajes()\r\n\t\t\t.then(() => {\r\n\t\t\t\tthis.message_to_send = ''\r\n\t\t\t\tlet mensajes_de_lucas = this.messages.filter(message => {\r\n\t\t\t\t\treturn !message.from_buyer\r\n\t\t\t\t})\r\n\t\t\t\tconsole.log('mensajes_de_lucas')\r\n\t\t\t\tconsole.log(mensajes_de_lucas)\r\n\t\t\t\tif (mensajes_de_lucas.length == 2 && this.messages[this.messages.length-1].text != 'Prefiero dejarlo pasar') {\r\n\t\t\t\t\tthis.add_mensajes_sobre_servicio()\r\n\t\t\t\t}\r\n\t\t\t}) \r\n\t\t},\r\n\t\tadd_mensajes_sobre_servicio() {\r\n\t\t\tthis.escribiendo = true \r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tlet message = {\r\n\t\t\t\t\ttext: 'Si sos cliente de '+this.commerce.company_name+' y revendes sus articulos, podemos automatizarte todos los costos de todos los artículos de '+this.commerce.company_name+' (los que ya le hayas comprado, y los que todavía no)',\r\n\t\t\t\t\tfrom_buyer: false,\r\n\t\t\t\t\tbuyer_message_default_responses: [],\r\n\t\t\t\t}\r\n\t\t\t\tthis.messages.push(message)\r\n\t\t\t\tthis.body_scroll_bottom()\r\n\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tmessage = {\r\n\t\t\t\t\t\ttext: 'Para que a esos costos, podamos aplicarles el o los márgenes de ganancia que quieras, para que tengas el o los precios finales que tus clientes merecen. Sin que tengas que hacer nada, de manera 100% automatica',\r\n\t\t\t\t\t\tfrom_buyer: false,\r\n\t\t\t\t\t\tbuyer_message_default_responses: [],\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.messages.push(message)\r\n\t\t\t\t\tthis.body_scroll_bottom()\r\n\r\n\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tmessage = {\r\n\t\t\t\t\t\t\ttext: 'Decime '+this.user.name.split(' ')[0]+', esto te ayudaría a ahorrarte ese tiempo y esfuerzo? Ademas esta la posibilidad de entregarles a tus clientes una pagina web 100% automatizada (funciona sin que tengas que hacer nada, esta un 100% automatizada).',\r\n\t\t\t\t\t\t\tfrom_buyer: false,\r\n\t\t\t\t\t\t\tbuyer_message_default_responses: [\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\ttext: 'Eso estaria buenisimo, me interesa',\r\n\t\t\t\t\t\t\t\t\tfrom_buyer: 1,\t\r\n\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\t\ttext: 'Prefiero dejarlo pasar',\r\n\t\t\t\t\t\t\t\t\tfrom_buyer: 1,\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}\r\n\t\t\t\t\t\tthis.messages.push(message)\r\n\r\n\t\t\t\t\t\tthis.body_scroll_bottom()\r\n\r\n\t\t\t\t\t\tthis.escribiendo = false \r\n\r\n\t\t\t\t\t\tthis.guardar_mensajes()\r\n\r\n\t\t\t\t\t}, 20000)\r\n\r\n\t\t\t\t}, 20000)\r\n\r\n\t\t\t\tthis.guardar_mensajes()\r\n\t\t\t}, 6000)\r\n\t\t},\r\n\t\tbody_scroll_bottom() {\r\n\r\n\t\t\tlet body = document.getElementById('body-buyer-messages')\r\n\t\t\tconsole.log('body')\r\n\t\t\tconsole.log(body)\r\n\t\t\tif (body) {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tbody.scrollTop = body.scrollHeight;\r\n\t\t\t\t}, 500)\r\n\t\t\t} \r\n\t\t},\r\n\t\tguardar_mensajes() {\r\n\t\t\tthis.enviando = true \r\n\t\t\tconsole.log('guardando '+this.messages.length)\r\n\t\t\treturn this.$api.post('buyer-message', {\r\n\t\t\t\tmessages: this.messages\r\n\t\t\t})\r\n\t\t\t.then(() => {\r\n\t\t\t\tthis.enviando = false \r\n\t\t\t})\r\n\t\t\t.catch(err => {\r\n\t\t\t\tthis.enviando = false \r\n\t\t\t\tconsole.log(err)\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n<style lang=\"sass\">\r\n@import '@/sass/_custom'\r\n#buyer-messages\r\n\twidth: 400px\r\n\theight: 600px\r\n\r\n\tposition: fixed \r\n\tright: -400px\r\n\t// right: -600px\r\n\tbottom: 100px\r\n\tz-index: 1000\r\n\ttransition: all 1s\r\n\t// transform: scale(.1)\r\n\r\n\tbox-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px\r\n\r\n\t.cont-foto-perfil\r\n\t\tposition: absolute\r\n\t\tleft: -80px\r\n\t\tbottom: -35px\r\n\t\tz-index: 2000\r\n\r\n\t\t.foto-perfil\r\n\t\t\twidth: 70px\r\n\t\t\theight: 70px\r\n\t\t\toverflow-y: hidden\r\n\t\t\tborder-radius: 50%\r\n\t\t\tborder: 3px solid #FFF\r\n\r\n\t\t.mensajes-no-leidos\r\n\t\t\twidth: 25px\r\n\t\t\theight: 25px\r\n\t\t\tbackground: $red \r\n\t\t\tborder-radius: 50%\r\n\t\t\tfont-size: 13px\r\n\t\t\tposition: absolute \r\n\t\t\tbottom: -5px\r\n\t\t\tleft: -5px\r\n\t\t\tcolor: #FFF\r\n\t\t\tdisplay: flex \r\n\t\t\talign-items: center \r\n\t\t\tjustify-content: center\r\n\t\t\tfont-weight: bold\r\n\t\t\tanimation-iteration-count: infinite\r\n\t\t\tanimation-name: twinkle-1\r\n\t\t\tanimation-duration: 1s\r\n\r\n\r\n\r\n\t.header\t\r\n\t\tbackground: darken($green, 15)\r\n\t\tcolor: #FFF\r\n\t\tborder-radius: 8px 8px 0 0 \r\n\t\tpadding: 15px\r\n\t\tfont-size: 1.2em\r\n\t\tfont-weight: bold\r\n\t\tposition: relative\r\n\r\n\t\t.escribiendo\r\n\t\t\t// background: #FFF\r\n\t\t\t// width: 160px\r\n\t\t\t// height: 15px\r\n\t\t\tcolor: #FFF\r\n\t\t\tposition: absolute\r\n\t\t\tbottom: 0px\r\n\t\t\tleft: 10px\r\n\t\t\tleft: 50%\r\n\t\t\ttransform: translateX(-50%)\r\n\t\t\tanimation-iteration-count: infinite\r\n\t\t\tanimation-name: twinkle-1\r\n\t\t\tanimation-duration: 1s\r\n\t\t\tbox-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px\r\n\t\t\tborder-radius: 12px\r\n\t\t\tfont-size: 15px\r\n\t\t\tfont-weight: bold\r\n\r\n\t\t@keyframes twinkle-1 \r\n\t\t\t50% \r\n\t\t\t\t// transform: scale(0.9)\r\n\t\t\t\topacity: 0.5\r\n\r\n\t.body \r\n\t\tbackground: #EAEAEA\r\n\t\theight: 80%\r\n\t\t// height: 400px\r\n\t\tpadding: 15px\r\n\t\tposition: relative\r\n\t\tdisplay: flex \r\n\t\tflex-direction: column \r\n\t\tjustify-content: flex-start\r\n\t\toverflow-y: auto\r\n\t\tpadding-bottom: 150px\r\n\r\n\t\t.message\r\n\t\t\tbackground: #FFF\r\n\t\t\tborder-radius: 8px\r\n\t\t\tpadding: 5px 10px\r\n\t\t\tmax-width: 70%\r\n\t\t\twidth: auto\r\n\t\t\talign-self: flex-start\r\n\t\t\tfont-size: 1.2em\r\n\t\t\tmargin-bottom: 5px\r\n\r\n\t\t.from-buyer \r\n\t\t\tbackground: darken($green, 15)\r\n\t\t\talign-self: flex-end\r\n\t\t\tcolor: #FFF\r\n\t\r\n\r\n\r\n\t.esconder-chat\r\n\t\tposition: absolute \r\n\t\tright: 10px\r\n\t\ttop: 14px\r\n\t\tbackground: #DFDFDF\r\n\t\tborder-radius: 8px\r\n\t\twidth: 30px\r\n\t\theight: 30px\r\n\t\tbox-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px\r\n\t\tcursor: pointer\r\n\t\tz-index: 2000\r\n\t\tcolor: #333\r\n\t\tdisplay: flex \r\n\t\talign-items: center\r\n\t\tjustify-content: center\r\n\t\ti \t\r\n\t\t\t&::before\r\n\t\t\t\tmargin: 0\r\n\t\t\t\tpadding: 0\r\n\r\n\r\n\t.footer \r\n\t\tbackground: #FFF\r\n\t\tborder-radius: 0 0 8px 8px\r\n\t\t// padding: 10px\r\n\t\tposition: relative\r\n\r\n\t\t.message-options\r\n\t\t\tposition: absolute\r\n\t\t\tbottom: 100%\r\n\t\t\tleft: 0\r\n\r\n\t\t\tpadding: 15px\r\n\r\n\t\t\tdisplay: flex \r\n\t\t\tflex-direction: column\r\n\t\t\tjustify-content: center\r\n\t\t\talign-items: center\r\n\r\n\t\t\twidth: 100%\r\n\t\t\tbackground: rgb(0,0,0)\r\n\t\t\tbackground: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.6) 100%)\r\n\r\n\t\t\t.message-option\t\r\n\t\t\t\tbackground: lighten($green, 15)\r\n\t\t\t\tcolor: #FFF\r\n\t\t\t\tborder-radius: 8px\r\n\t\t\t\tpadding: 5px 8px\r\n\t\t\t\tmargin-bottom: 7px\r\n\t\t\t\twidth: 50%\r\n\t\t\t\tcursor: pointer\r\n\t\t\t\tborder: 1px solid $green\r\n\r\n\t\t\t\t&:hover\r\n\t\t\t\t\tbackground: lighten($green, 5)\r\n\r\n\t\t.send-message\r\n\t\t\tdisplay: flex \r\n\t\t\tflex-direction: row \r\n\t\t\tjustify-content: space-between\r\n\t\t\talign-items: center\r\n\t\t\twidth: 100%\r\n\r\n\t\t\tinput \t\r\n\t\t\t\tborder-radius: 5px \r\n\t\t\t\tbackground: rgba(0,0,0,.1) \t\r\n\t\t\t\twidth: calc(100% - 90px)\r\n\t\t\t\tborder: none\r\n\t\t\t\tpadding: 6px 10px\r\n\r\n\t\t\t.btn-enviar\r\n\t\t\t\twidth: 80px\r\n\t\t\t\tborder-radius: 8px \r\n\t\t\t\tbackground: $green \r\n\t\t\t\tdisplay: flex\r\n\t\t\t\tflex-direction: row \r\n\t\t\t\tjustify-content: center \r\n\t\t\t\talign-items: center \r\n\t\t\t\theight: 36px\r\n\t\t\t\tcolor: #FFF\r\n\t\t\t\tborder: 1px solid darken($green, 10)\r\n\t\t\t\tcursor: pointer\r\n\t\t\t\t&:hover\r\n\t\t\t\t\tbackground: lighten($green, 5)\r\n\r\n\t\t\t\t.spinner-border\r\n\t\t\t\t\twidth: 20px\r\n\t\t\t\t\theight: 20px\r\n\t\t\t\t\tcolor: #333 !important\r\n\r\n\r\n.buyer-messages-active\r\n\tright: 20px !important\r\n\ttransform: scale(1) !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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=41abff4a&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&lang=sass&\"\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","module.exports = __webpack_public_path__ + \"img/lucas.7f1376d5.jpg\";"],"sourceRoot":""}