{"version":3,"sources":["webpack:///./src/developing/components/chat/index.vue?3297","webpack:///./src/developing/components/chat/index.vue?0417","webpack:///./src/developing/components/chat/ui/ChatMessage.vue?81ff","webpack:///./src/developing/components/chat/ui/ChatMessage.vue?afb1","webpack:///src/developing/components/chat/ui/ChatMessage.vue","webpack:///./src/developing/components/chat/ui/ChatMessage.vue?d1e9","webpack:///./src/developing/components/chat/ui/ChatMessage.vue?d0e2","webpack:///./src/developing/components/chat/index.vue?3e1b","webpack:///src/developing/components/chat/index.vue","webpack:///./src/developing/components/chat/index.vue?5211","webpack:///./src/developing/components/chat/index.vue?7047"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_l","m","key","id","order","member","isOwner","_e","_v","_s","senderName","content","dateFormat","timestamp","class","message","$t","staticRenderFns","components","ChatMemberAvatar","props","allMessages","type","Object","default","members","Array","computed","chatMessages","previousChatMessages","sendingQueue","processingQueue","nextMessage","methods","messageFormatter","isDateValid","senderUUID","index","messages","length","prevMessage","mounted","$flatmap","store","component","activator","scopedSlots","_u","fn","ref","chatroom","status","interactions","input","staticStyle","_b","on","$event","indexOf","_k","keyCode","sendMessage","model","value","chatMessageInput","callback","$$v","$set","expression","ChatEngine","UIChatMessage","UIChatMember","required","_dev","Boolean","data","dev"],"mappings":"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","file":"js/chunk-7c3888a6.d557e2e5.js","sourcesContent":["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!./index.vue?vue&type=style&index=0&lang=scss&\"","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!./index.vue?vue&type=style&index=1&id=79e5a328&lang=scss&scoped=true&\"","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 (_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 + '::' + m.timestamp,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(\" \"+_vm._s(_vm.$t('general.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 + '::' + m.timestamp\">\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        {{ $t('general.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      return (message) => this.members.find(member => member === 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=6604a7bc&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ChatEngine',{attrs:{\"activator\":_vm.activator},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar activator = ref.activator;\nvar chatroom = ref.chatroom;\nvar status = ref.status;\nvar members = ref.members;\nvar allMessages = ref.allMessages;\nvar interactions = ref.interactions;\nvar input = ref.input;\nreturn [_c('div',{attrs:{\"id\":\"chat-app\"}},[_c('div',{staticClass:\"chat-box chat__bg no-scroll-content chat-content-area border border-solid d-theme-border-grey-light border-t-0 border-r-0 border-b-0 border-l-0\"},[(status.initializing)?_c('div',[_vm._v(\" TODO: Add Loader \")]):_vm._e(),[_c('div',{staticClass:\"chat-top-bar bg-white flex flex-row items-center\"},[_c('vs-button',{staticStyle:{\"height\":\"105% !important\",\"width\":\"60px !important\"},attrs:{\"disabled\":\"\",\"size\":\"large\",\"color\":\"dark\",\"type\":\"line\",\"icon-pack\":\"feather\",\"icon\":\"icon-list\"}}),_c('span',{staticClass:\"text-2xl pl-4\"},[_vm._v(\"Chat Room\")]),_c('vs-input',{staticClass:\"mx-auto input-rounded-full w-6/12 opacity-25\",attrs:{\"disabled\":\"\",\"icon-no-border\":\"\",\"icon\":\"icon-search\",\"color\":\"lightgrey\",\"icon-pack\":\"feather\"}}),_c('UIChatMember',_vm._b({staticClass:\"pl-4\"},'UIChatMember',{ members: members },false)),_c('vs-dropdown',{staticClass:\"ml-auto md:block hidden cursor-pointer\",attrs:{\"vs-trigger-click\":\"\",\"disabled\":\"\"}},[_c('vs-button',{attrs:{\"radius\":\"\",\"icon\":\"icon-settings\",\"icon-pack\":\"feather\",\"type\":\"flat\",\"size\":\"large\",\"color\":\"lightgrey\"}}),_c('vs-dropdown-menu',{staticClass:\"w-32\"})],1)],1),_c('div',{staticClass:\"chat-message-box \"},[_c('UIChatMessage',_vm._b({},'UIChatMessage',{ allMessages: allMessages, members: members },false))],1),_c('div',{staticClass:\"chat-input chat__input flex p-3 bg-white\"},[_c('vs-input',{staticClass:\"flex-1\",attrs:{\"placeholder\":\"Type Your Message\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return interactions.sendMessage($event)}},model:{value:(input.chatMessageInput.content),callback:function ($$v) {_vm.$set(input.chatMessageInput, \"content\", $$v)},expression:\"input.chatMessageInput.content\"}}),_c('vs-button',{staticClass:\"bg-primary-gradient ml-4\",attrs:{\"type\":\"filled\"},on:{\"click\":interactions.sendMessage}},[_vm._v(\" \"+_vm._s(_vm.$t('general.message.send'))+\" \")])],1)]],2)]),(_vm.dev)?_c('div',[_vm._v(\" Activator: \"+_vm._s(activator)+\" Chatroom Data: \"+_vm._s(chatroom)+\" Members: \"+_vm._s(members)+\" All Messages \"+_vm._s(allMessages)+\" Interactions \"+_vm._s(interactions)+\" Input: \"+_vm._s(input)+\" \")]):_vm._e()]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- eslint-disable vue/no-unused-components -->\n  <ChatEngine\n    :activator=\"activator\"\n    v-slot=\"{ activator, chatroom, status, members, allMessages, interactions, input }\"\n  >\n    <!-- // Customizable Chat UI -->\n    <!-- {{ status }} -->\n    <div id=\"chat-app\" class=\"\">\n      <div\n        class=\"chat-box chat__bg no-scroll-content chat-content-area border border-solid d-theme-border-grey-light border-t-0 border-r-0 border-b-0 border-l-0\"\n      >\n        <div v-if=\"status.initializing\">\n          TODO: Add Loader\n        </div>\n        <!-- :class=\"{\n          'sidebar-spacer--wide': clickNotClose,\n          'flex items-center justify-center': activeChatUser === null}\" -->\n        <!-- Chatroom ID: {{ chatroom.id }} -->\n\n        <template>\n          <!-- <component\n            :is=\"scrollbarTag\"\n            class=\"chat-content-scroll-area border border-solid d-theme-border-grey-light\" :settings=\"settings\" ref=\"chatLogPS\" :key=\"$vs.rtl\"\n          >\n            <div class=\"chat__log\" ref=\"chatLog\">\n              <chat-log\n                :userId=\"activeChatUser\"\n                v-if=\"activeChatUser\"\n              >\n              </chat-log>\n            </div>\n          </component> -->\n          <div class=\"chat-top-bar bg-white flex flex-row items-center\">\n            <!-- <div class=\"chat__navbar\">\n              <chat-navbar>\n              </chat-navbar>\n            </div> -->\n            <vs-button disabled size=\"large\" color=\"dark\" type=\"line\" icon-pack=\"feather\" icon=\"icon-list\" style=\"height: 105% !important; width: 60px !important\"></vs-button>\n\n            <span class=\"text-2xl pl-4\">Chat Room</span>\n\n            <vs-input disabled icon-no-border icon=\"icon-search\" color=\"lightgrey\" icon-pack=\"feather\" class=\"mx-auto input-rounded-full w-6/12 opacity-25\" />\n\n            <UIChatMember class=\"pl-4\" v-bind=\"{ members }\" />\n            \n            <!-- DROPDOWN -->\n            <vs-dropdown vs-trigger-click class=\"ml-auto md:block hidden cursor-pointer\" disabled>\n              <vs-button radius icon=\"icon-settings\" icon-pack=\"feather\" type=\"flat\" size=\"large\" color=\"lightgrey\" />\n\n              <vs-dropdown-menu class=\"w-32\">\n                <!-- <vs-dropdown-item>\n                  <div @click=\"$router.push('/pages/profile').catch(() => {})\" class=\"flex items-center\">\n                    <feather-icon icon=\"UserIcon\" class=\"inline-block mr-2\" svgClasses=\"w-4 h-4\" />\n                    <span>Profile</span>\n                  </div>\n                </vs-dropdown-item>\n                <vs-dropdown-item>\n                  <div @click=\"$router.push('/apps/todo').catch(() => {})\" class=\"flex items-center\">\n                    <feather-icon icon=\"CheckSquareIcon\" class=\"inline-block mr-2\" svgClasses=\"w-4 h-4\" />\n                    <span>Tasks</span>\n                  </div>\n                </vs-dropdown-item>\n                <vs-dropdown-item>\n                  <div @click=\"$router.push('/apps/email').catch(() => {})\" class=\"flex items-center\">\n                    <feather-icon icon=\"MailIcon\" class=\"inline-block mr-2\" svgClasses=\"w-4 h-4\" />\n                    <span>Inbox</span>\n                  </div>\n                </vs-dropdown-item> -->\n              </vs-dropdown-menu>\n\n            </vs-dropdown>\n\n          </div>\n          \n          <div class=\"chat-message-box \">\n            <UIChatMessage v-bind=\"{ allMessages, members }\" />\n          </div>\n        \n          <!-- <div>\n            Processing Queue\n            {{ processingQueue }}\n          </div> -->\n          <!-- <div>\n            Sending Queue\n            {{ sendingQueue }}\n          </div> -->\n          <div class=\"chat-input chat__input flex p-3 bg-white\">\n            <vs-input\n              class=\"flex-1\"\n              placeholder=\"Type Your Message\"\n              v-model=\"input.chatMessageInput.content\"\n              @keyup.enter=\"interactions.sendMessage\"\n            />\n            <vs-button\n              type=\"filled\"\n              class=\"bg-primary-gradient ml-4\"\n              @click=\"interactions.sendMessage\">\n                {{ $t('general.message.send') }}\n              </vs-button>\n          </div>\n        </template>\n        <!-- template v-else>\n          <div class=\"flex flex-col items-center\">\n              <feather-icon icon=\"MessageSquareIcon\" class=\"mb-4 bg-white p-8 shadow-md rounded-full\" svgClasses=\"w-16 h-16\"></feather-icon>\n              <h4 class=\" py-2 px-4 bg-white shadow-md rounded-full cursor-pointer\" @click.stop=\"toggleChatSidebar(true)\">Start Conversation</h4>\n          </div>\n        </template> -->\n      </div>\n    </div>\n\n    <!-- // Debugs -->\n    <div v-if=\"dev\">\n      Activator: {{ activator }}\n      Chatroom Data: {{ chatroom }}\n      Members: {{ members }}\n      All Messages {{ allMessages }}\n      Interactions {{ interactions }}\n      Input: {{ input }}\n    </div>\n  </ChatEngine>\n</template>\n\n<script>\n/* eslint-disable vue/no-unused-components */\nimport ChatEngine from \"./engine\";\nimport UIChatMessage from \"./ui/ChatMessage\";\n\nexport default {\n  components: {\n    ChatEngine,\n    UIChatMessage,\n    UIChatMember: () => import(\"./ui/ChatMember\")\n  },\n  props: {\n    activator: {\n      type: Array,\n      required: true\n    },\n    _dev: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      dev: this._dev || false\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/vuexy/apps/chat.scss\";\n</style>\n\n<style lang=\"scss\" scoped>\n.chat-box {\n  height: 70vh;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n\n  & .chat-top-bar {\n    height: 60px;\n    border-bottom: 1px solid rgb(200, 200, 200);\n  }\n\n  & .chat-member-box {\n    position: absolute;\n    right: 28px;\n    top: 36px;\n    z-index: 99999;\n\n    & /deep/ .chatroom-member-list {\n      display: inline-flex;\n      height: 34px;\n      min-width: 40px;\n      position: absolute;\n      right: 32px;\n      \n      & .chatroom-member-list-avatar-container {\n        position: absolute;\n      }\n    }\n  }\n\n  & .chat-message-box {\n    height: calc(100% - 120px);\n    position: absolute;\n    bottom: 60px;\n    right: 0;\n    left: 0;\n    width: 100%;\n    overflow-y: scroll;\n    box-shadow: inset 0 6px 12px 2px rgba(0,0,0,0.1) !important;\n\n    & .chat-message-box-inner {\n      // height: 100%;\n      padding-bottom: 50px;\n    }\n  }\n\n  & .chat-input {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    max-height: 60px;\n  }\n}\n</style>\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!./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=79e5a328&scoped=true&\"\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=scss&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=79e5a328&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  \"79e5a328\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}