{"version":3,"sources":["webpack:///./src/views/history/Detail.vue?de23","webpack:///src/views/history/Detail.vue","webpack:///./src/views/history/Detail.vue?f6fe","webpack:///./src/views/history/Detail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","headerStyle","toolbarAgentName","staticClass","ref","messages","scenarioCheckData","chatRoomId","staticRenderFns","name","components","Header","HistoryMsgList","computed","mapGetters","data","senderUid","window","currentlyChatRoom","agentName","roomList","newMessage","lastMessage","currentPage","totalPages","scrollInit","elm","created","mounted","methods","mapMutations","subscribeBody","body","isEnd","showInput","messagesData","scrollListener","printCreateMessageDate","datetimeString","getMessagesList","method","url","params","page","size","userKey","brandKeyEncrypt","then","useDialog","message","res","checkIndex","setTimeout","pushMessage","id","senderType","senderName","messageType","content","channelName","createDate","component"],"mappings":"4HAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,CAAC,OAAS,SAAS,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQP,EAAIQ,YAAYC,iBAAiB,QAAS,EAAK,WAAY,KAASL,EAAG,MAAM,CAACM,YAAY,UAAUJ,YAAY,CAAC,mBAAmB,uBAAuB,CAACF,EAAG,MAAM,CAACM,YAAY,UAAU,CAACN,EAAG,MAAM,CAACM,YAAY,UAAU,CAACN,EAAG,iBAAiB,CAACO,IAAI,aAAaD,YAAY,UAAUH,MAAM,CAAC,SAAWP,EAAIY,SAAS,kBAAoBZ,EAAIa,kBAAkB,WAAab,EAAIc,eAAe,QAAQ,IAC7iBC,EAAkB,G,4FC2BP,GACfC,qBACAC,YACAC,cACAC,uBAEAC,2BACAC,kCAEAC,KATA,WAUA,OACAd,eACAe,qDACAC,2CACAA,wCACAC,yIACAX,aACAY,aACAC,YACAC,cACAC,eACAjB,YACAkB,cACAC,aACAC,cACAC,SACApB,uBAGAqB,QA7BA,WA8BA,8CAEAC,QAhCA,WAiCA,+CACAX,oDACA,uBACA,4CACA,yDAEAY,yCACAC,uDADA,IAEAC,cAFA,SAEAC,GACA,qBACA,uBACA,+CACA,yCACA,oEAGA,MACA,sBACA,+CACA,sBACAzB,gBACA0B,SACAhC,0CACAiC,aACAC,8CAGA,QAGAC,eAxBA,WAyBA,yHACA,oCACA,yBAGAC,uBA9BA,SA8BAC,GACA,gDAEAC,gBAjCA,WAiCA,WACA,mBACA,YACAC,aACAC,8DACAC,QACAC,sBACAC,QACAC,uBACAC,qFAEAC,MAAA,YACA,aACA,cACA,4BACAC,aACAC,4DAEA,CACA,4BACA,0BACA,QACAC,8BACA,kCAEA,OADAC,MACA,EAEA,8DACA,4BACA,SACA,iCAGA,sBAEA,gBACAC,uBACA,2BAKAC,YA3EA,SA2EAJ,QACA,mBACAA,sDAEA,oBACAK,QACAC,wBACAC,wBACAC,0BACAC,kBACAC,0BACAC,8BCzJ+V,I,YCO3VC,EAAY,eACd,EACArE,EACAgB,GACA,EACA,KACA,KACA,MAIa,aAAAqD,E","file":"static/js/HistoryListDetail.2f38d557.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"100%\"}},[_c('Header',{attrs:{\"title\":_vm.headerStyle.toolbarAgentName,\"isBack\":true,\"isHistory\":false}}),_c('div',{staticClass:\"chatCon\",staticStyle:{\"background-color\":\"rgb(229, 232, 242)\"}},[_c('div',{staticClass:\"msgCon\"},[_c('div',{staticClass:\"msgBox\"},[_c('HistoryMsgList',{ref:\"scrollList\",staticClass:\"msgList\",attrs:{\"messages\":_vm.messages,\"scenarioCheckData\":_vm.scenarioCheckData,\"chatRoomId\":_vm.chatRoomId}})],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"height: 100%\">\n    <Header :title=\"headerStyle.toolbarAgentName\" :isBack=\"true\" :isHistory=\"false\"></Header>\n\n    <div class=\"chatCon\" style=\"background-color: rgb(229, 232, 242)\">\n      <div class=\"msgCon\">\n        <!--  msgBox -->\n\n        <div class=\"msgBox\">\n          <HistoryMsgList\n            ref=\"scrollList\"\n            class=\"msgList\"\n            :messages=\"messages\"\n            :scenarioCheckData=\"scenarioCheckData\"\n            :chatRoomId=\"chatRoomId\"\n          ></HistoryMsgList>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport helpers from '@/util/helpers';\nimport HistoryMsgList from '../webChat/components/HistoryMsgList';\nimport Header from '@/components/Header';\nimport { mapGetters, mapMutations } from 'vuex';\n\nexport default {\n  name: 'historyDetail',\n  components: {\n    Header,\n    HistoryMsgList\n  },\n  computed: {\n    ...mapGetters(['chatRoomData'])\n  },\n  data() {\n    return {\n      headerStyle: {},\n      senderUid: window.localStorage.getItem(process.env.VUE_APP_LOGIN_ID)\n        ? window.localStorage.getItem(process.env.VUE_APP_LOGIN_ID)\n        : window.localStorage.getItem(process.env.VUE_APP_UUID_KEY),\n      currentlyChatRoom: window.sessionStorage.getItem('CURRENTLY_CHATROOM') ? JSON.parse(window.sessionStorage.getItem('CURRENTLY_CHATROOM')) : {},\n      chatRoomId: 0,\n      agentName: '',\n      roomList: [],\n      newMessage: false,\n      lastMessage: '',\n      messages: [],\n      currentPage: 1,\n      totalPages: 1,\n      scrollInit: true,\n      elm: null,\n      scenarioCheckData: {}\n    };\n  },\n  created() {\n    this.chatRoomId = this.$route.query.chatRoomId;\n  },\n  mounted() {\n    this.headerStyle = this.chatRoomData.headerStyle;\n    window.$mitt.on('subscribeBody', this.subscribeBody);\n    this.getMessagesList();\n    this.elm = document.querySelector('.msgList');\n    this.elm.addEventListener('scroll', this.scrollListener);\n  },\n  methods: {\n    ...mapMutations(['setChatRoomData', 'setMessagesData']),\n    subscribeBody(body) {\n      switch (body.changeType) {\n        case 'NEW_CHAT_MESSAGE':\n          if (body.data.chatRoomId === this.currentlyChatRoom.id) {\n            if (this.chatRoomData.messagesData.length > 0) {\n              this.setMessagesData(this.chatRoomData.messagesData.concat(body.data));\n            }\n          }\n          break;\n        case 'CLOSE_CHAT_ROOM':\n          if (body.data.chatRoomId === this.currentlyChatRoom.id) {\n            this.setChatRoomData({\n              chatRoomId: null,\n              isEnd: true,\n              headerStyle: this.chatRoomData.headerStyle,\n              showInput: false,\n              messagesData: this.chatRoomData.messagesData\n            });\n          }\n          break;\n      }\n    },\n    scrollListener() {\n      if (this.scrollInit && this.elm.scrollTop + this.elm.clientHeight + 800 >= this.elm.scrollHeight && this.currentPage < this.totalPages) {\n        this.currentPage = this.currentPage + 1;\n        this.getMessagesList();\n      }\n    },\n    printCreateMessageDate(datetimeString) {\n      return helpers.printTimeStampMessageFromDate(datetimeString);\n    },\n    getMessagesList() {\n      this.scrollInit = false;\n      this.$http({\n        method: 'GET',\n        url: `/api/external/chat/${this.chatRoomId}/messages`,\n        params: {\n          page: this.currentPage,\n          size: 50,\n          userKey: this.senderUid,\n          brandKeyEncrypt: JSON.parse(window.sessionStorage.getItem('BRAND_QUERY')).brandKey\n        }\n      }).then((result) => {\n        const res = result.data;\n        if (res.code !== 0) {\n          this.$mitt.emit('DialogPopup', {\n            useDialog: true,\n            message: '<dl class=\"txt\"><dd>' + res.message + '</dd></dl>'\n          });\n        } else {\n          this.currentPage = res.currentPage;\n          this.totalPages = res.totalPages;\n          let checkIndex = 1;\n          res.data.forEach((message, idx) => {\n            if (message.messageType === 'BROWSER_EXIT') {\n              checkIndex = checkIndex + 1;\n              return false;\n            }\n            if (message.messageType === 'SCENARIO' || message.messageType === 'COMBINATION') {\n              let content = JSON.parse(message.content);\n              if (content.code) {\n                this.scenarioCheckData[idx - checkIndex] = content.code;\n              }\n            }\n            this.pushMessage(message, idx);\n          });\n          this.scrollInit = true;\n          setTimeout(() => {\n            this.scrollListener();\n          });\n        }\n      });\n    },\n    pushMessage(message) {\n      if (message.createDate === undefined) {\n        message.createDate = this.$moment().format('YYYYMMDDHHmmss');\n      }\n      this.messages.push({\n        id: message.id,\n        senderType: message.senderType,\n        senderName: message.senderName,\n        messageType: message.messageType,\n        content: message.content,\n        channelName: message.channelName,\n        createDate: message.createDate\n      });\n    }\n  }\n};\n</script>\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!./Detail.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!./Detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Detail.vue?vue&type=template&id=693fd61a&\"\nimport script from \"./Detail.vue?vue&type=script&lang=js&\"\nexport * from \"./Detail.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":""}