{"version":3,"sources":["webpack:///./src/views/developing/components/chat/ui/ChatMessage.vue?2a32","webpack:///./src/views/developing/components/chat/engine.vue?21e5","webpack:///src/views/developing/components/chat/engine.vue","webpack:///./src/views/developing/components/chat/ChatLog.vue?02af","webpack:///src/views/developing/components/chat/ChatLog.vue","webpack:///./src/views/developing/components/chat/ChatLog.vue?8e26","webpack:///./src/views/developing/components/chat/ChatLog.vue","webpack:///./src/views/developing/components/chat/UserProfile.vue?7b26","webpack:///src/views/developing/components/chat/UserProfile.vue","webpack:///./src/views/developing/components/chat/UserProfile.vue?873c","webpack:///./src/views/developing/components/chat/UserProfile.vue","webpack:///./src/views/developing/components/chat/engine.vue?8612","webpack:///./src/views/developing/components/chat/engine.vue","webpack:///./src/views/developing/components/chat/ui/ChatMessage.vue?1c42","webpack:///src/views/developing/components/chat/ui/ChatMessage.vue","webpack:///./src/views/developing/components/chat/ui/ChatMessage.vue?e827","webpack:///./src/views/developing/components/chat/ui/ChatMessage.vue?904a"],"names":["render","_vm","this","_h","$createElement","_c","_self","_t","chatroom","members","allMessages","interactions","input","staticRenderFns","staticClass","attrs","_l","chatData","msg","index","key","isSameDay","time","_e","_v","_s","toDate","hasSentPreviousMsg","isSent","class","senderImg","textContent","props","userId","type","Number","required","computed","activeUserImg","isSentByActiveUser","methods","date_time_to","getFullYear","date_time_from","month","date_obj","getDate","scrollToBottom","$nextTick","updated","mounted","component","isLoggedInUser","model","value","callback","$$v","activeLocal","expression","slot","on","$event","$emit","chatUser","photoURL","statusColor","displayName","scrollbarTag","$vs","rtl","tag","settings","counterDanger","about","status","active","Boolean","data","maxScrollbarLength","wheelSpeed","$store","getters","get","set","userStatus","components","VuePerfectScrollbar","beforeCreate","ChatLog","UserProfile","setDefaultData","activator","Array","watch","handler","deep","sendMessage","resetChatMessageInput","getUserWithPublicProfile","chatActivator","getChatRoom","getChatRoomByAssociativeKey","setupChatRoom","subscribeToChatRoomChannel","setAllMemberStatus","processMessageSendingQueue","findDiffOfMembers","onMessageSent","id","clickNotClose","activeChatUser","chatMessageInput","currentChatMessageSet","processing","subscriber","member_ids","all","ban","chatMessages","previousChatMessages","sendingQueue","processingQueue","filter","$vm","m","order","member","isOwner","senderName","content","dateFormat","message","ChatMemberAvatar","Object","default","nextMessage","timestamp","messageFormatter","isDateValid","senderUUID","messages","length","prevMessage","$flatmap","store"],"mappings":"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","file":"js/chunk-89d5b818.560090fd.js","sourcesContent":["import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.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!./ChatMessage.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.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!./ChatMessage.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t(\"default\",null,null,{ chatroom: _vm.chatroom, members: _vm.members, allMessages: _vm.allMessages, interactions: _vm.interactions, input: _vm.input })],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- eslint-disable vue/no-unused-components -->\n  <div>\n    <slot v-bind=\"{ chatroom, members, allMessages, interactions, input }\"></slot>\n  </div>\n</template>\n\n<script>\n/* eslint-disable vue/no-unused-components */\n\n// import ChatContact         from \"./ChatContact.vue\"\nimport ChatLog             from './ChatLog.vue'\n// import ChatNavbar          from './ChatNavbar.vue'\nimport UserProfile         from \"./UserProfile.vue\"\nimport VuePerfectScrollbar from 'vue-perfect-scrollbar'\n\nlet $vm;\n\nexport default {\n  beforeCreate() { $vm = this },\n  async mounted() {\n    // await this.fetchAllMemberPublicProfile();\n    if (this.$currentUser.active) {\n      // await this.getChatRoom();\n      await this.chatActivator(this.activator);\n    }\n  },\n  components: {\n    VuePerfectScrollbar,\n    ChatLog,\n    // ChatNavbar,\n    // ChatContact,\n    UserProfile,\n  },\n  data() {\n    return setDefaultData();\n  },\n  props: {\n    activator: {\n      type: Array,\n      required: true\n    }\n  },\n  watch: {\n    \"$store.state.User.currentUser\": {\n      handler: async function (/* currentUser */) {\n        // await this.getChatRoom();\n        await this.chatActivator(this.activator);\n      },\n      deep: true\n    },\n    \"member_ids\": {\n      /* Watching for changes on member element (in both All, Active and Ban members)\n       */\n      handler: async function (members, /* prevMembers */) {\n        this.members = await this.setAllMemberStatus(members);\n      },\n      deep: true\n    }\n  },\n  computed: {\n    scrollbarTag() {\n      return this.$store.getters.scrollbarTag\n    },\n    interactions() {\n      return {\n        sendMessage: this.sendMessage\n      }\n    },\n  },\n  methods: {\n    resetChatMessageInput,\n    getUserWithPublicProfile,\n    chatActivator,\n    getChatRoom,\n    getChatRoomByAssociativeKey,\n    setupChatRoom,\n    subscribeToChatRoomChannel,\n    setAllMemberStatus,\n    processMessageSendingQueue,\n    findDiffOfMembers,\n    sendMessage,\n    onMessageSent\n  },\n}\n\nfunction setDefaultData() {\n  return {\n    chatroom: {\n      id: null\n    },\n    clickNotClose         : false,\n    activeChatUser        : 1231231230,\n    settings              : {\n      maxScrollbarLength    : 60,\n      wheelSpeed            : 0.70,\n    },\n    input: {\n      chatMessageInput: { content: \"\" },\n    },\n    currentChatMessageSet: {},\n    processing: false,\n    subscriber: null,\n    members: [], // Sorted array of member info objects (including uuid, active status, active timestamp, profiles, ...)\n    member_ids: {\n      all: [],\n      active: [],\n      ban: [],\n    },\n    allMessages: {\n      chatMessages: [],\n      previousChatMessages: [],\n      sendingQueue: [],\n      processingQueue: [],\n    }\n  }\n}\n\n\nasync function chatActivator(activator) {\n  if (activator) {\n    // const associativeKey = `${activator.feature}:${activator.id}`;\n    $vm.getChatRoomByAssociativeKey(activator);\n\n    // Set mode for chatroom according to activator calling.\n  }\n  $vm.error = true;\n  $vm.errorStatus = { message: \"No Requested Chatroom\" }\n}\n\nasync function getChatRoom(chatroomID) {\n\n  const userUUID = $vm.$currentUser.uuid;\n\n  const chatroom = await $vm.$store.dispatch(\"Chat/getChatroomById\",\n    { id: chatroomID, userUUID },\n    { root: true }\n  );\n\n  if (chatroom.status.success) {\n    await $vm.setupChatRoom(chatroom.data);\n  }\n}\n\nasync function getChatRoomByAssociativeKey(keys) {\n  if (keys) {\n    const chatroom = await $vm.$store.dispatch(\"Chat/getChatroomByAssociativeKey\",\n      { associateFeatureInput: keys },\n      { root: true }\n    );\n\n    if (chatroom.status.success) {\n      await $vm.setupChatRoom(chatroom.data);\n    }\n  }\n}\n\nasync function setupChatRoom(chatroom) {\n\n  const userUUID = $vm.$currentUser.uuid;\n\n  if (chatroom) {\n    $vm.chatroom = chatroom;\n\n    await $vm.subscribeToChatRoomChannel($vm.chatroom, userUUID)\n\n    $vm.currentChatMessageSet = $vm.chatroom.chatMessageSet[0];\n\n    for (let chatMessageSet of $vm.chatroom.chatMessageSet) {\n      for (let message of chatMessageSet.messages) {\n        $vm.allMessages.chatMessages.push(JSON.parse(message));\n      }\n      if ($vm.currentChatMessageSet.previousMessages) {\n        for (let message of $vm.currentChatMessageSet.previousMessages) {\n          $vm.allMessages.previousChatMessage.push(JSON.parse(message));\n        }\n      }\n    }\n\n    // console.log($vm.chatroom.activeUserList);\n    $vm.member_ids.active = $vm.chatroom.activeUserList.map(member => JSON.parse(member));\n    $vm.member_ids.all = $vm.chatroom.members;\n    // $vm.members.ban = $vm.chatroom.bannedUserList;\n\n    // $vm.members = await $vm.setAllMemberStatus($vm.member_ids);\n  }\n}\n\nasync function subscribeToChatRoomChannel(chatroom, userUUID, subscriberInstance) {\n\n  let subscriber = subscriberInstance || $vm.subscriber;\n\n  if (!subscriber && chatroom.id) {\n    subscriber = new EventSource(\n      process.env.VUE_APP_API_SERVER + \"/sse/chatroom/\" + chatroom.id\n      + \"?chatroomID=\" + chatroom.id\n      + \"&userUUID=\" + userUUID\n    );\n\n    subscriber.onmessage = async (event) => {\n      const { signals, payloads } = JSON.parse(event.data);\n\n      if (signals.indexOf(\"update-chat-messages\") > -1) {\n        const _newMessages = payloads[\"update-chat-messages\"];\n        const newMessages = _newMessages.map(message => JSON.parse(message));\n        $vm.allMessages.chatMessages = $vm.allMessages.chatMessages.concat(newMessages);\n      }\n\n      if (signals.indexOf(\"update-member-active\") > -1) {\n        const { uuid, timestamp } = payloads[\"update-member-active\"];\n        if ($vm.member_ids.active.indexOf(uuid) === -1) {\n          $vm.member_ids.active.push({ uuid, timestamp });\n          $vm.members = await $vm.setAllMemberStatus($vm.member_ids);\n        }\n      }\n\n      if (signals.indexOf(\"update-member-inactive\") > -1) {\n        const { uuid } = payloads[\"update-member-inactive\"];\n        $vm.member_ids.active.splice($vm.member_ids.active.indexOf(uuid), 1);  \n        $vm.members = await $vm.setAllMemberStatus($vm.member_ids);\n      }\n    };\n\n    if (!$vm.subscriber) $vm.subscriber = subscriber;\n\n  }\n}\n\nasync function setAllMemberStatus(members) {\n  // To promptly set all member status with public profile for use on subcomponents.\n  const diff = $vm.findDiffOfMembers(members);\n\n  const active = members.active.map(({ uuid, timestamp }) => ({ uuid, timestamp, active: true }));\n\n  return await Promise.all(\n    [ ...diff, ...active ]\n    .sort((a, b) => (a.uuid === b.uuid) ? 0 : a.uuid ? -1 : 1)\n    .map(async member => await $vm.getUserWithPublicProfile(member))\n    .filter(member => member !== null)\n  );\n}\n\nfunction findDiffOfMembers(members) {\n  // Find difference of arrays of members be returning only remains of all members array\n  // that was reduced from active member list and banned member list.\n  const { all, banned } = members;\n  const active = members.active.map(member => member.uuid);\n  const exclusive = active.concat(banned);\n  return all.filter(uuid => exclusive.indexOf(uuid) < 0); // Remember that ALL Member here is not about 7-11. Good!\n}\n\nasync function getUserWithPublicProfile(member) {\n  if (member) {\n    const userUUID = member.uuid;\n\n    // Set Flatmap Cache\n    if (!$vm.$flatmap.has(userUUID)) {\n      const userPublicProfile = await $vm.$store.dispatch(\"User/getPublicProfile\", { userUUID });\n      $vm.$flatmap.set(userUUID, userPublicProfile);\n    }\n\n    const userPublicProfile = $vm.$flatmap.get(userUUID);\n\n    // Set Fullname\n    if (userPublicProfile) {\n      userPublicProfile.fullname = userPublicProfile.nameLocal + \" \" + userPublicProfile.surnameLocal;\n      return { ...member, ...userPublicProfile };\n    }\n  }\n  return null;\n}\n\nasync function sendMessage() {\n  const timestamp = new Date().getTime();\n  const senderUUID = $vm.$currentUser.uuid;\n  const chatMessage = {\n    id: $vm.chatroom.id + \"/\" + timestamp + \"/\" + senderUUID,\n    timestamp,\n    senderUUID,\n    ...$vm.input.chatMessageInput\n  };\n  $vm.allMessages.sendingQueue.push(chatMessage);\n  $vm.resetChatMessageInput();\n\n  await $vm.processMessageSendingQueue();\n}\n\nasync function processMessageSendingQueue() {\n  // Throttling and sending message in batch\n  if ($vm.processing === false) {\n    $vm.processing = true;\n    $vm.allMessages.processingQueue = [...$vm.allMessages.sendingQueue];\n    $vm.allMessages.sendingQueue = [];\n    setTimeout(async () => {\n      const messageSentResult = await $vm.$store.dispatch(\"Chat/sendChatMessages\",\n        {\n          chatroomID: $vm.chatroom.id,\n          chatMessagesInput: [ ...$vm.allMessages.processingQueue ].map(message => ({ ...message }))\n        },\n        { root: true }\n      );\n      $vm.onMessageSent(messageSentResult);\n      if ($vm.allMessages.sendingQueue.length > 0) {\n        $vm.processMessageSendingQueue();\n      }\n    }, 500);\n  }\n}\n\nfunction onMessageSent(/* messageSentResult */) {\n      // const sentMessage = $vm.processingQueue.map(message => ({ ...message, sent: true }));\n      // $vm.chatMessages = $vm.chatMessages.concat(sentMessage);\n      $vm.processing = false;\n      $vm.allMessages.processingQueue = [];\n}\n\n\nfunction resetChatMessageInput() {\n  $vm.input.chatMessageInput = { content: \"\" };\n}\n\n</script>\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.chatData)?_c('div',{staticClass:\"m-8\",attrs:{\"id\":\"component-chat-log\"}},_vm._l((_vm.chatData.msg),function(msg,index){return _c('div',{key:index,staticClass:\"msg-grp-container\"},[(_vm.chatData.msg[index-1])?[(!_vm.isSameDay(msg.time, _vm.chatData.msg[index-1].time))?_c('vs-divider',{staticClass:\"msg-time\"},[_c('span',[_vm._v(_vm._s(_vm.toDate(msg.time)))])]):_vm._e(),(!_vm.hasSentPreviousMsg(_vm.chatData.msg[index-1].isSent, msg.isSent))?_c('div',{staticClass:\"spacer mt-8\"}):_vm._e()]:_vm._e(),_c('div',{staticClass:\"flex items-start\",class:[{'flex-row-reverse' : msg.isSent}]},[(_vm.chatData.msg[index-1])?[((!_vm.hasSentPreviousMsg(_vm.chatData.msg[index-1].isSent, msg.isSent) || !_vm.isSameDay(msg.time, _vm.chatData.msg[index-1].time)))?[_c('vs-avatar',{staticClass:\"border-2 shadow border-solid border-white m-0 flex-shrink-0\",class:msg.isSent ? 'sm:ml-5 ml-3' : 'sm:mr-5 mr-3',attrs:{\"size\":\"40px\",\"src\":_vm.senderImg(msg.isSent)}})]:_vm._e()]:_vm._e(),(index == 0)?[_c('vs-avatar',{staticClass:\"border-2 shadow border-solid border-white m-0 flex-shrink-0\",class:msg.isSent ? 'sm:ml-5 ml-3' : 'sm:mr-5 mr-3',attrs:{\"size\":\"40px\",\"src\":_vm.senderImg(msg.isSent)}})]:_vm._e(),(_vm.chatData.msg[index-1])?[(!(!_vm.hasSentPreviousMsg(_vm.chatData.msg[index-1].isSent, msg.isSent) || !_vm.isSameDay(msg.time, _vm.chatData.msg[index-1].time)))?_c('div',{staticClass:\"mr-16\"}):_vm._e()]:_vm._e(),_c('div',{staticClass:\"msg break-words relative shadow-md rounded py-3 px-4 mb-2 rounded-lg max-w-sm\",class:{\n          'bg-primary-gradient text-white': msg.isSent,\n          'border border-solid border-transparent bg-white': !msg.isSent\n        }},[_c('span',[_vm._v(_vm._s(msg.textContent))])])],2)],2)}),0):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ChatLog.vue\n    Description: Chat Application - Log of chat\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div id=\"component-chat-log\" class=\"m-8\" v-if=\"chatData\">\n    <div v-for=\"(msg, index) in chatData.msg\" class=\"msg-grp-container\" :key=\"index\">\n\n      <!-- If previous msg is older than current time -->\n      <template v-if=\"chatData.msg[index-1]\">\n        <vs-divider v-if=\"!isSameDay(msg.time, chatData.msg[index-1].time)\" class=\"msg-time\">\n          <span>{{ toDate(msg.time) }}</span>\n        </vs-divider>\n        <div class=\"spacer mt-8\" v-if=\"!hasSentPreviousMsg(chatData.msg[index-1].isSent, msg.isSent)\"></div>\n      </template>\n\n      <div class=\"flex items-start\" :class=\"[{'flex-row-reverse' : msg.isSent}]\">\n\n        <template v-if=\"chatData.msg[index-1]\">\n          <template v-if=\"(!hasSentPreviousMsg(chatData.msg[index-1].isSent, msg.isSent) || !isSameDay(msg.time, chatData.msg[index-1].time))\">\n            <vs-avatar size=\"40px\" class=\"border-2 shadow border-solid border-white m-0 flex-shrink-0\" :class=\"msg.isSent ? 'sm:ml-5 ml-3' : 'sm:mr-5 mr-3'\" :src=\"senderImg(msg.isSent)\"></vs-avatar>\n            </template>\n        </template>\n\n        <template v-if=\"index == 0\">\n            <vs-avatar size=\"40px\" class=\"border-2 shadow border-solid border-white m-0 flex-shrink-0\" :class=\"msg.isSent ? 'sm:ml-5 ml-3' : 'sm:mr-5 mr-3'\" :src=\"senderImg(msg.isSent)\"></vs-avatar>\n        </template>\n\n        <template v-if=\"chatData.msg[index-1]\">\n            <div class=\"mr-16\" v-if=\"!(!hasSentPreviousMsg(chatData.msg[index-1].isSent, msg.isSent) || !isSameDay(msg.time, chatData.msg[index-1].time))\"></div>\n        </template>\n\n        <div\n          class=\"msg break-words relative shadow-md rounded py-3 px-4 mb-2 rounded-lg max-w-sm\"\n          :class=\"{\n            'bg-primary-gradient text-white': msg.isSent,\n            'border border-solid border-transparent bg-white': !msg.isSent\n          }\"\n        >\n            <span>{{ msg.textContent }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    userId: {\n      type: Number,\n      required: true,\n    }\n  },\n  computed: {\n    chatData() {\n      return {\n        msg: [\n          {\n            time: new Date(),\n            isSent: true,\n            textContent: \"Test Chat Message\"\n          },\n          {\n            time: new Date(),\n            isSent: false,\n            textContent: \"Test Chat Message 2\"\n          },\n        ]\n      };\n      // return this.$store.getters['chat/chatDataOfUser'](this.userId);\n    },\n    activeUserImg() {\n      return \"\";\n      // return this.$store.state.AppActiveUser.photoURL;\n    },\n    senderImg() {\n      return (isSentByActiveUser) => {\n        if (isSentByActiveUser) return this.$store.state.AppActiveUser.photoURL\n      //   else return this.$store.getters['chat/contact'](this.userId).photoURL\n      }\n    },\n    hasSentPreviousMsg() {\n      return (last_sender, current_sender) => last_sender == current_sender\n    },\n  },\n  methods: {\n    isSameDay(time_to, time_from) {\n      const date_time_to = new Date(Date.parse(time_to))\n      const date_time_from = new Date(Date.parse(time_from));\n      return date_time_to.getFullYear() === date_time_from.getFullYear()\n        && date_time_to.getMonth() === date_time_from.getMonth()\n        && date_time_to.getDate() === date_time_from.getDate();\n    },\n    toDate(time) {\n      const locale = \"en-us\";\n      const date_obj = new Date(Date.parse(time));\n      const monthName= date_obj.toLocaleString(locale, {\n        month: 'short'\n      });\n      return date_obj.getDate() + ' '  + monthName;\n    },\n    scrollToBottom() {\n      this.$nextTick(() => {\n        this.$parent.$el.scrollTop = this.$parent.$el.scrollHeight\n      });\n    }\n  },\n  updated() {\n    this.scrollToBottom();\n  },\n  mounted() {\n    this.scrollToBottom();\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!./ChatLog.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!./ChatLog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatLog.vue?vue&type=template&id=4c140dfa&\"\nimport script from \"./ChatLog.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatLog.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"parentx-demo-2\"}},[_c('vs-sidebar',{staticClass:\"items-no-padding\",attrs:{\"parent\":\"#chat-app\",\"position-right\":!_vm.isLoggedInUser,\"hidden-background\":false,\"id\":\"chat-profile-sidebar\"},model:{value:(_vm.activeLocal),callback:function ($$v) {_vm.activeLocal=$$v},expression:\"activeLocal\"}},[_c('div',{staticClass:\"header-sidebar relative flex flex-col p-0\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('feather-icon',{attrs:{\"icon\":\"XIcon\",\"svgClasses\":\"m-2 cursor-pointer absolute top-0 right-0\"},on:{\"click\":function($event){return _vm.$emit('closeProfileSidebar', false)}}}),_c('div',{staticClass:\"relative inline-flex mx-auto mb-5 mt-6\"},[_c('vs-avatar',{staticClass:\"m-0 border-white border-2 border-solid shadow-md\",attrs:{\"src\":_vm.chatUser.photoURL,\"size\":\"70px\"}}),_c('div',{staticClass:\"h-5 w-5 border-white border-2 border-solid rounded-full absolute right-0 bottom-0\",class:'bg-' + _vm.statusColor})],1),_c('h4',{staticClass:\"mr-2 self-center\"},[_vm._v(_vm._s(_vm.chatUser.displayName))])],1),_c(_vm.scrollbarTag,{key:_vm.$vs.rtl,tag:\"component\",staticClass:\"scroll-area\",attrs:{\"settings\":_vm.settings}},[_c('div',{staticClass:\"p-8\"},[_c('h6',{staticClass:\"mb-2\",class:{'ml-4': _vm.isLoggedInUser}},[_vm._v(\"About\")]),(_vm.isLoggedInUser)?_c('vs-textarea',{staticClass:\"mb-10\",attrs:{\"counter\":\"120\",\"maxlength\":\"120\",\"counter-danger\":_vm.counterDanger,\"rows\":\"5\"},on:{\"update:counterDanger\":function($event){_vm.counterDanger=$event},\"update:counter-danger\":function($event){_vm.counterDanger=$event}},model:{value:(_vm.about),callback:function ($$v) {_vm.about=$$v},expression:\"about\"}}):_c('p',[_vm._v(_vm._s(_vm.chatUser.about))]),(_vm.isLoggedInUser)?_c('div',{staticClass:\"userProfile__status\"},[_c('h6',{staticClass:\"mb-4\"},[_vm._v(\"Status\")]),_c('ul',[_c('li',{staticClass:\"mb-2\"},[_c('vs-radio',{attrs:{\"vs-value\":\"online\",\"color\":\"success\"},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}},[_vm._v(\"Active\")])],1),_c('li',{staticClass:\"mb-2\"},[_c('vs-radio',{attrs:{\"vs-value\":\"do not disturb\",\"color\":\"danger\"},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}},[_vm._v(\"Do Not Disturb\")])],1),_c('li',{staticClass:\"mb-2\"},[_c('vs-radio',{attrs:{\"vs-value\":\"away\",\"color\":\"warning\"},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}},[_vm._v(\"Away\")])],1),_c('li',{staticClass:\"mb-2\"},[_c('vs-radio',{attrs:{\"vs-value\":\"offline\",\"color\":\"grey\"},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}},[_vm._v(\"Offline\")])],1)])]):_vm._e()],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: UserProfile.vue\n    Description: user profile sidebar\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div id=\"parentx-demo-2\">\n\n        <vs-sidebar parent=\"#chat-app\" :position-right=\"!isLoggedInUser\" :hidden-background=\"false\" v-model=\"activeLocal\" id=\"chat-profile-sidebar\" class=\"items-no-padding\">\n\n            <div class=\"header-sidebar relative flex flex-col p-0\" slot=\"header\">\n                <feather-icon icon=\"XIcon\" svgClasses=\"m-2 cursor-pointer absolute top-0 right-0\" @click=\"$emit('closeProfileSidebar', false)\"></feather-icon>\n\n\n                <div class=\"relative inline-flex mx-auto mb-5 mt-6\">\n                    <vs-avatar class=\"m-0 border-white border-2 border-solid shadow-md\" :src=\"chatUser.photoURL\" size=\"70px\" />\n                    <div class=\"h-5 w-5 border-white border-2 border-solid rounded-full absolute right-0 bottom-0\" :class=\"'bg-' + statusColor\"></div>\n                </div>\n\n                <h4 class=\"mr-2 self-center\">{{ chatUser.displayName }}</h4>\n            </div>\n\n            <component :is=\"scrollbarTag\" class=\"scroll-area\" :settings=\"settings\" :key=\"$vs.rtl\">\n            <div class=\"p-8\">\n\n                <h6 class=\"mb-2\" :class=\"{'ml-4': isLoggedInUser}\">About</h6>\n                <vs-textarea class=\"mb-10\" counter=\"120\" maxlength=\"120\" :counter-danger.sync=\"counterDanger\" v-model=\"about\" rows=\"5\" v-if=\"isLoggedInUser\" />\n                <p v-else>{{ chatUser.about }}</p>\n\n                <div class=\"userProfile__status\" v-if=\"isLoggedInUser\">\n                    <h6 class=\"mb-4\">Status</h6>\n                    <ul>\n                        <li class=\"mb-2\">\n                            <vs-radio v-model=\"status\" vs-value=\"online\" color=\"success\">Active</vs-radio>\n                        </li>\n                        <li class=\"mb-2\">\n                            <vs-radio v-model=\"status\" vs-value=\"do not disturb\" color=\"danger\">Do Not Disturb</vs-radio>\n                        </li>\n                        <li class=\"mb-2\">\n                            <vs-radio v-model=\"status\" vs-value=\"away\" color=\"warning\">Away</vs-radio>\n                        </li>\n                        <li class=\"mb-2\">\n                            <vs-radio v-model=\"status\" vs-value=\"offline\" color=\"grey\">Offline</vs-radio>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n            </component>\n        </vs-sidebar>\n    </div>\n</template>\n\n<script>\nimport VuePerfectScrollbar from 'vue-perfect-scrollbar'\n\nexport default {\n  props: {\n    userId: {\n      type: Number,\n      required: true,\n    },\n    active: {\n      type: Boolean,\n      required: true,\n    },\n    isLoggedInUser: {\n      type: Boolean,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      counterDanger: false,\n      settings: { // perfectscrollbar settings\n        maxScrollbarLength: 60,\n        wheelSpeed: .60,\n      },\n    }\n  },\n  computed: {\n    chatUser() {\n      return this.$store.getters['chat/chatUser'](this.userId)\n    },\n    activeLocal: {\n      get()      { return this.active },\n      set(value) { this.$emit('closeProfileSidebar', value) }\n    },\n    about: {\n      get()      { return this.chatUser.about },\n      set(value) { this.$store.dispatch('updateUserInfo', { about: value }) }\n    },\n    status: {\n      get()      { return this.chatUser.status },\n      set(value) { this.$store.dispatch('updateUserInfo', { status: value }) }\n    },\n    statusColor() {\n      const userStatus = this.chatUser.status\n\n      if (userStatus == \"online\") {\n        return \"success\"\n      } else if (userStatus == \"do not disturb\") {\n        return \"danger\"\n      } else if (userStatus == \"away\") {\n        return \"warning\"\n      } else {\n        return \"grey\"\n      }\n    },\n    scrollbarTag() {\n      return this.$store.getters.scrollbarTag\n    },\n  },\n  components: {\n    VuePerfectScrollbar,\n  }\n}\n\n</script>\n\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!./UserProfile.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!./UserProfile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserProfile.vue?vue&type=template&id=30bde63c&\"\nimport script from \"./UserProfile.vue?vue&type=script&lang=js&\"\nexport * from \"./UserProfile.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","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!./engine.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!./engine.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./engine.vue?vue&type=template&id=fbc23b86&\"\nimport script from \"./engine.vue?vue&type=script&lang=js&\"\nexport * from \"./engine.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.allMessages)?_c('div',{staticClass:\"chat-message-box-inner m-8\",attrs:{\"id\":\"component-chat-log\"}},[_vm._l((_vm.previousChatMessages),function(m){return _c('div',{key:'prev_' + m.id + '::' + m.order,staticClass:\"msg-grp-container\"},[_c('ChatMemberAvatar',{attrs:{\"member\":_vm.member(m),\"isOwner\":m.isOwner}}),_c('div',[_c('div',{staticClass:\"msg break-words relative shadow-md rounded py-3 px-4 mb-2 rounded-lg max-w-sm bg-primary-gradient text-white\"},[(!m.isOwner)?_c('span',[_vm._v(_vm._s(_vm.senderName(m)))]):_vm._e(),_c('span',[_vm._v(\" \"+_vm._s(m.content)+\" \")]),_c('span',{staticClass:\"message-timestamp\"},[_vm._v(\" \"+_vm._s(m.dateFormat)+\" \")])])])],1)}),_vm._l((_vm.chatMessages),function(m){return _c('div',{key:m.id + '::' + m.order,staticClass:\"msg-grp-container\"},[_c('div',{staticClass:\"message-item-container flex items-start mb-1 pb-2\",class:[{'flex-row-reverse' : m.isOwner }]},[_c('ChatMemberAvatar',{staticClass:\"pt-1\",attrs:{\"member\":_vm.member(m),\"isOwner\":m.isOwner}}),_c('div',{staticClass:\"message-box msg break-words relative shadow-md rounded mx-2 pt-3 pb-4 px-4 rounded-lg max-w-sm bg-white\",class:{\n          'bg-primary-gradient text-white': m.isOwner,\n          'flex flex-col-reverse justify-end items-end': m.isOwner  \n        }},[_c('div',{staticClass:\"w-full justify flex flex-inline\",class:m.isOwner ? 'text-white justify-end items-end' : 'justify-between items-center mb-2'},[(!m.isOwner)?_c('span',{staticClass:\"text-primary mr-16\"},[_vm._v(_vm._s(_vm.senderName(m)))]):_vm._e(),(m.isDateValid)?_c('span',{staticClass:\"message-timestamp\",class:m.isOwner ? 'mt-2' : 'mt-1'},[_vm._v(\" \"+_vm._s(m.dateFormat)+\" \")]):_vm._e()]),_c('span',[_vm._v(\" \"+_vm._s(m.content)+\" \")])])],1)])}),_vm._l((_vm.processingQueue),function(message){return _c('div',{key:message.id,staticClass:\"msg-grp-container\"},[_c('div',{staticClass:\"flex items-start flex-row-reverse\"},[_vm._v(\" Sending... \"),_c('div',{staticClass:\"msg break-words relative shadow-md rounded pt-3 pb-4 px-4 mb-2 rounded-lg max-w-sm border border-solid border-transparent bg-white\"},[_c('span',[_vm._v(\" \"+_vm._s(message.content)+\" \")])])])])}),_vm._l((_vm.sendingQueue),function(message){return _c('div',{key:message.id,staticClass:\"msg-grp-container\"},[_c('div',{staticClass:\"flex items-start flex-row-reverse\"},[_c('div',{staticClass:\"msg break-words relative shadow-md rounded py-3 px-4 mb-2 rounded-lg max-w-sm border border-solid border-transparent bg-white\"},[_c('span',[_vm._v(\" \"+_vm._s(message.content)+\" \")])])])])})],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"component-chat-log\" class=\"chat-message-box-inner m-8\" v-if=\"allMessages\">\n    <div v-for=\"m in previousChatMessages\" class=\"msg-grp-container\" :key=\"'prev_' + m.id + '::' + m.order\">\n      <ChatMemberAvatar\n        :member=\"member(m)\"\n        :isOwner=\"m.isOwner\"\n      />\n      <!-- <div class=\"flex items-start\" :class=\"[{'flex-row-reverse' : msg.isSent}]\"> -->\n      <div>\n        <div\n          class=\"msg break-words relative shadow-md rounded py-3 px-4 mb-2 rounded-lg max-w-sm bg-primary-gradient text-white\"\n        >\n          <span v-if=\"!m.isOwner\">{{ senderName(m) }}</span>\n          <span>\n            {{ m.content }}\n          </span>\n          <span class=\"message-timestamp\">\n            {{ m.dateFormat }}\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <div v-for=\"m in chatMessages\" class=\"msg-grp-container\" :key=\"m.id + '::' + m.order\">\n      <div class=\"message-item-container flex items-start mb-1 pb-2\" :class=\"[{'flex-row-reverse' : m.isOwner }]\">\n        <ChatMemberAvatar\n          :member=\"member(m)\"\n          :isOwner=\"m.isOwner\"\n          class=\"pt-1\"\n        />\n        <!-- :class=\"[{'items-end' : message(m, i).isOwner }]\" -->\n        <div\n          class=\"message-box msg break-words relative shadow-md rounded mx-2 pt-3 pb-4 px-4 rounded-lg max-w-sm bg-white\"\n          :class=\"{\n            'bg-primary-gradient text-white': m.isOwner,\n            'flex flex-col-reverse justify-end items-end': m.isOwner  \n          }\"\n        >\n          <div class=\"w-full justify flex flex-inline\"\n            :class=\"m.isOwner ? 'text-white justify-end items-end' : 'justify-between items-center mb-2'\"  \n          >\n            <span v-if=\"!m.isOwner\" class=\"text-primary mr-16\">{{ senderName(m) }}</span>\n            <span v-if=\"m.isDateValid\"\n              class=\"message-timestamp\"\n              :class=\"m.isOwner ? 'mt-2' : 'mt-1'\"\n            >\n              {{ m.dateFormat }}\n            </span>\n          </div>\n          <span>\n            {{ m.content }}\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <div v-for=\"message in processingQueue\" class=\"msg-grp-container\" :key=\"message.id\">\n      <div class=\"flex items-start flex-row-reverse\">\n        Sending...\n        <div\n          class=\"msg break-words relative shadow-md rounded pt-3 pb-4 px-4 mb-2 rounded-lg max-w-sm border border-solid border-transparent bg-white\"\n        >\n          <span>\n            {{ message.content }} \n          </span>\n        </div>\n      </div>\n    </div>\n\n    <div v-for=\"message in sendingQueue\" class=\"msg-grp-container\" :key=\"message.id\">\n      <div class=\"flex items-start flex-row-reverse\">\n        <div\n          class=\"msg break-words relative shadow-md rounded py-3 px-4 mb-2 rounded-lg max-w-sm border border-solid border-transparent bg-white\"\n        >\n          <span>\n            {{ message.content }}\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport moment from \"moment-timezone\";\n\nexport default {\n  components: {\n    ChatMemberAvatar: () => import(\"./ChatMemberAvatar\")\n  },\n  props: {\n    allMessages: {\n      type: Object,\n      default: null\n    },\n    members: {\n      type: Array,\n      default: null\n    }\n  },\n  computed: {\n    chatMessages() { return this.allMessages.chatMessages.map((message, index) => this.messageFormatter(message, index, this.allMessages.chatMessages)) },\n    previousChatMessages() { return this.allMessages.previousChatMessages.map((message, index) => this.messageFormatter(message, index, this.allMessages.previousChatMessages)) },\n    sendingQueue() { return this.allMessages.sendingQueue.map((message, index) => this.messageFormatter(message, index, this.allMessages.processingQueue)) },\n    processingQueue() { return this.allMessages.processingQueue.map((message, index) => this.messageFormatter(message, index, this.allMessages.sendingQueue)) },\n    // message() {\n    //   const messages = this.allMessages.chatMessages;\n    //   return (message, index) => this.messageFormatter(message, index, messages);\n    // },\n    // prevMessage() {\n    //   const messages = this.allMessages.previousChatMessages;\n    //   return (message, index) => this.messageFormatter(message, index, messages);\n    // },\n    senderName() {\n      return (message) => {\n        // if (message && index && messages) {\n          // let prevMessage = messages[index > 0 ? index - 1 : index];\n          // const nextMessage = this.nextMessage(message, index, messages);\n          // const prevMessage = this.prevMessage(message, index, messages);\n\n          // if (message.senderUUID === prevMessage.userUUID) return null\n          if (this.$flatmap.has(message.senderUUID)) {\n            return this.$flatmap.get(message.senderUUID).fullname;\n          }\n          return \"Unknown\"\n        // }\n        // return null\n      }\n    },\n    member() {\n      return (message) => this.members.find(member => member.uuid === message.senderUUID); \n    },\n    isOwner() {\n      return (message) => message.senderUUID === this.$currentUser.uuid ? true : false;\n    },\n    dateFormat() {\n      return (message, index, messages) => {\n        // const prevMessage = \n        //   index === 0\n        //   ? null\n        //   : messages[index === messages.length - 1 ? index - 5 : index > 0 ? index - 1 : index ];\n        // if (prevMessage && (message.timestamp - prevMessage.timestamp < 120000) && message.senderUUID === prevMessage.senderUUID) return null\n\n        // Use next message to check whether to show message time or not (if the current message's time is the same as the next one)\n        const nextMessage = this.nextMessage(message, index, messages);\n        if (nextMessage && (nextMessage.timestamp - message.timestamp < 60000) && message.senderUUID === nextMessage.senderUUID) return null;\n\n        return !message.timestamp\n          ? null\n          : new Date(message.timestamp).getDate() === new Date().getDate()\n          ? \"Today\" + moment(new Date(message.timestamp)).format(\" @ HH:mm\")\n          : moment(new Date(message.timestamp)).format(\"YYYY MMM DD @ HH:mm\")\n      }\n    }\n  },\n  methods: {\n    messageFormatter(message, index, messages) {\n      const isOwner = message.senderUUID === this.$currentUser.uuid;\n      const senderUUID = message.senderUUID;\n      const senderName = this.senderName(message);\n      const dateFormat = this.dateFormat(message, index, messages);\n      const isDateValid = message.timestamp ? true : false\n\n      return {\n        ...message,\n        isOwner,\n        isDateValid,\n        senderUUID,\n        senderName,\n        dateFormat\n      }\n    },\n    nextMessage(message, index, messages) {\n      return index < messages.length - 1 ? messages[index + 1] : null\n    },\n    prevMessage(message, index, messages) {\n      return index === 0 ? null\n        : messages[index === messages.length - 1 ? index - 5 : index > 0 ? index - 1 : index ];\n    }\n  },\n  mounted() {\n    this.$flatmap.store();\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.message-item-container {\n  & .message-box {\n    min-width: min-content;\n\n  }\n  & .message-timestamp {\n    font-size: 0.7rem !important;\n    // position: absolute;\n    // right: 0;\n    // bottom: -10rem;\n    min-width: min-content;\n  }\n}\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!./ChatMessage.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!./ChatMessage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatMessage.vue?vue&type=template&id=a3999ac6&\"\nimport script from \"./ChatMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatMessage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChatMessage.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}