{"version":3,"sources":["webpack:///./src/views/Helexium/Assistant/ChatFavoritos.vue?737f","webpack:///./src/views/Helexium/Assistant/ChatFavoritos.vue","webpack:///src/views/Helexium/Assistant/ChatFavoritos.vue","webpack:///./src/views/Helexium/Assistant/ChatFavoritos.vue?9026","webpack:///./src/views/Helexium/Assistant/ChatFavoritos.vue?5a5b"],"names":["render","_vm","this","_c","_self","staticClass","_m","_l","conversations","favorito","index","key","attrs","history","role","isFavorite","on","$event","toggleIndiceFavorito","_e","content","resultQuery","class","includes","domProps","_s","_v","length","showMore","waitingMessage","staticRenderFns","components","ObjectTable","StarBtn","response","$store","getters","fetchGet","path","userId","result","json","forEach","preguntaInicio","userMessage","indexOf","preguntaFin","userAsk","slice","trim","respuestaInicio","objTable","JSON","parse","conversation","id","assistantMessage","push","data","computed","userLoggedIn","methods","fetchPut","ok","component"],"mappings":"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","file":"js/chunk-db393c04.a438ee6b1255cdb16dad.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatFavoritos.vue?vue&type=style&index=0&id=0f716018&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chatbot\"},[_vm._m(0),_vm._l((_vm.conversations),function(favorito,index){return _c('ul',{key:index,staticClass:\"messages history\",attrs:{\"id\":\"history\"}},[_c('div',{staticClass:\"conversation-wrapper\"},[_c('header',{staticClass:\"p-2 pb-0\"},[(favorito.history[1].role == 'assistant')?_c('StarBtn',{attrs:{\"title\":\"Guardar en favoritos\",\"value\":favorito.isFavorite},on:{\"input\":function($event){return _vm.toggleIndiceFavorito(favorito)}}}):_vm._e()],1),_c('div',{staticClass:\"conversation-scale\"},[_vm._l((favorito.history),function({ role, content, resultQuery }){return _c('li',{key:content,staticClass:\"message\",class:role == 'user' ? 'm-user' : 'm-assistant'},[_c('div',{staticClass:\"message-text\"},[(content.includes('<article>'))?_c('article',{domProps:{\"innerHTML\":_vm._s(content)}}):_c('p',[_vm._v(\" \"+_vm._s(content)+\" \")]),(role == 'assistant' && resultQuery.length)?_c('div',[_c('vs-button',{staticClass:\"m-0 my-3\",attrs:{\"gradient\":\"\",\"size\":\"small\"},on:{\"click\":function($event){_vm.showMore = !_vm.showMore}}},[_vm._v(_vm._s(_vm.showMore ? 'Ocultar' : 'Mostrar más'))]),(_vm.showMore)?_c('ObjectTable',{attrs:{\"data\":resultQuery}}):_vm._e()],1):_vm._e()])])}),(_vm.waitingMessage)?_c('li',{staticClass:\"message m-assistant\"},[_vm._m(1,true)]):_vm._e()],2),_c('footer')])])})],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-chatbot\"},[_c('p',{staticClass:\"title\"},[_vm._v(\"Mensajes conversations\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"message-text\"},[_c('i',{staticClass:\"fas fa-spinner fa-spin\"})])\n}]\n\nexport { render, staticRenderFns }","<script>\r\n\r\nexport default {\r\n  components: {\r\n    ObjectTable: () => import('@/components/ObjectTable/ObjectTable.vue'),\r\n    StarBtn: () => import('@/components/buttons/StartBtn.vue')\r\n  },\r\n\r\n  async mounted() {\r\n    const response = await this.$store.getters.fetchGet({ path: `ChatAssistantAI/GetFavoritosByPersona/${this.userId}` })\r\n    const result = await response.json()\r\n    console.log(\"mis favoritos\", result)\r\n    result.forEach(favorito => {\r\n\r\n      const preguntaInicio = favorito.userMessage.indexOf(\"pregunta: \") + \"pregunta: \".length;\r\n      const preguntaFin = favorito.userMessage.indexOf(\"respuesta: \");\r\n      const userAsk = favorito.userMessage.slice(preguntaInicio, preguntaFin).trim();\r\n\r\n      const respuestaInicio =  favorito.userMessage.indexOf(\"respuesta: \") + \"respuesta: \".length;\r\n      const objTable = JSON.parse( favorito.userMessage.slice(respuestaInicio).trim()).result;\r\n      \r\n      const conversation = {\r\n        isFavorite: favorito.isFavorite,\r\n        id: favorito.id,\r\n        history: [\r\n          {\r\n            role: 'user',\r\n            content: userAsk\r\n          },\r\n          {\r\n            role: 'assistant',\r\n            content: favorito.assistantMessage,\r\n            resultQuery: objTable\r\n          }\r\n        ]\r\n      }\r\n      this.conversations.push(conversation)\r\n    })\r\n  },\r\n  data() {\r\n    return {\r\n      conversations: [],\r\n      showMore: false\r\n    }\r\n  },\r\n  computed: {\r\n    userId() {\r\n      return this.$store.getters.userLoggedIn.id\r\n    }\r\n  },\r\n  methods: {\r\n    async toggleIndiceFavorito( conversation ){\r\n      if( conversation.isFavorite ) {\r\n        conversation.isFavorite = false\r\n\r\n        const response = await this.$store.getters\r\n        .fetchPut({ path: `ChatAssistantAI/SetIsFavorite/${conversation.id}/${false}`})\r\n        if( !response.ok ) {\r\n          conversation.isFavorite = true\r\n        }\r\n\r\n      } else {\r\n        conversation.isFavorite = true\r\n\r\n        const response = await this.$store.getters\r\n        .fetchPut({ path: `ChatAssistantAI/SetIsFavorite/${conversation.id}/${true}`})\r\n        if( !response.ok ) {\r\n          conversation.isFavorite = false\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"chatbot\">\r\n    <div class=\"header-chatbot\">\r\n      <p class=\"title\">Mensajes conversations</p>\r\n    </div>\r\n\r\n    \r\n    <ul class=\"messages history\" id=\"history\" v-for=\"(favorito, index) in conversations\" :key=\"index\">\r\n      <div class=\"conversation-wrapper\">\r\n        <header class=\"p-2 pb-0\">\r\n          <StarBtn  \r\n            v-if=\"favorito.history[1].role == 'assistant'\" \r\n            title=\"Guardar en favoritos\"\r\n            :value=\"favorito.isFavorite\" \r\n            @input=\"toggleIndiceFavorito(favorito)\"/>\r\n        </header>\r\n        <div class=\"conversation-scale\">\r\n          <li v-for=\"({ role, content, resultQuery }) in favorito.history\" :key=\"content\" class=\"message\"\r\n            :class=\"role == 'user' ? 'm-user' : 'm-assistant'\">\r\n            <div class=\"message-text\">\r\n              <article v-if=\"content.includes('<article>')\" v-html=\"content\" ></article>\r\n              <p v-else >\r\n                {{ content }}\r\n              </p>\r\n              <div v-if=\"role == 'assistant' && resultQuery.length\">\r\n                <vs-button class=\"m-0 my-3\" gradient size=\"small\" @click=\"showMore = !showMore\">{{ showMore ? 'Ocultar' : 'Mostrar más' }}</vs-button>\r\n                <ObjectTable :data=\"resultQuery\" v-if=\"showMore\" />\r\n              </div>\r\n    \r\n            </div>\r\n          </li>\r\n          <li v-if=\"waitingMessage\" class=\"message m-assistant\">\r\n            <p class=\"message-text\">\r\n              <i class=\"fas fa-spinner fa-spin\"></i>\r\n            </p>\r\n          </li>\r\n        </div>\r\n        <footer>\r\n\r\n        </footer>\r\n      </div>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.conversation-wrapper {\r\n  border: solid 1px silver;\r\n  border-radius: 0.5rem;\r\n}\r\n\r\n.conversation-scale {\r\n  transform: scale(0.95);\r\n}\r\n\r\n\r\n.chatbot {\r\n  background-color: #050505;\r\n  overflow-y: auto;\r\n  padding: 1rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n.chatbot .title {\r\n  font-size: 1rem;\r\n  text-transform: uppercase;\r\n  text-align: center;\r\n  margin: 0;\r\n}\r\n\r\n.messages {\r\n  padding: 0;\r\n  margin: 1rem 0;\r\n}\r\n\r\n.message {\r\n  list-style: none;\r\n  margin: .25rem 0;\r\n  padding: .5rem .25rem;\r\n\r\n}\r\n\r\n\r\n.m-user {\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n\r\n}\r\n\r\n.m-assistant {\r\n  display: flex;\r\n  flex-direction: row;\r\n}\r\n\r\n.message-text {\r\n  padding: .25rem 1rem;\r\n  border-radius: 0.5rem;\r\n}\r\n\r\n.m-user .message-text {\r\n  border: solid 1px rgb(129, 129, 129);\r\n  max-width: 95%;\r\n}\r\n\r\n.m-assistant .message-text {\r\n  background-color: #1c1c1c;\r\n  border: solid 1px #050505;\r\n  max-width: 95%;\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatFavoritos.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatFavoritos.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChatFavoritos.vue?vue&type=template&id=0f716018&scoped=true\"\nimport script from \"./ChatFavoritos.vue?vue&type=script&lang=js\"\nexport * from \"./ChatFavoritos.vue?vue&type=script&lang=js\"\nimport style0 from \"./ChatFavoritos.vue?vue&type=style&index=0&id=0f716018&prod&scoped=true&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  \"0f716018\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}