{"version":3,"sources":["webpack:///./src/view/apps/chat/overview/GroupChat.vue","webpack:///./src/view/apps/chat/overview/GroupChat.vue?6bf8","webpack:///./src/view/apps/chat/style.js","webpack:///./src/view/apps/chat/overview/GroupChat.vue?1a4a","webpack:///./src/components/utilities/utilities.js","webpack:///./src/view/apps/chat/overview/GroupChat.vue?136c","webpack:///./src/static/img/chat-author/g1.png"],"names":["class","_createElementVNode","_createBlock","_component_ChatWrapper","_ctx","treatments","length","_createElementBlock","_hoisted_1","loader","_hoisted_12","_createVNode","_component_Main","_hoisted_13","_hoisted_2","_Fragment","_renderList","filteredTreatments","treatment","key","id","name","_hoisted_3","params","casenum","onClick","$event","reloadThis","_normalizeClass","_component_a_col","xl","_hoisted_5","src","image","alt","_component_BlockSpan","_hoisted_7","_hoisted_8","require","_hoisted_14","style","GroupChat","components","BlockSpan","ChatWrapper","data","search","methods","a","b","this","$router","push","chatShow","url","window","location","href","replace","console","log","axios","get","then","response","orders","filter","e","clear","catch","err","computed","toLowerCase","includes","state","dispatch","useStore","match","useRoute","moment","textRefactor","__exports__","render","Styled","div","theme","rtl","UL","ul","Content","span","SingleChatWrapper","MessageList","Footer","ChatSidebar","BackShadowEmoji","text","size","split","slice","join","chartLinearGradient","canvas","height","color","ctx","getContext","gradient","createLinearGradient","addColorStop","start","end","customTooltips","tooltip","tooltipEl","document","querySelector","_chart","closest","contains","createElement","className","innerHTML","querySelectorAll","forEach","el","remove","appendChild","opacity","getBody","bodyItem","lines","classList","yAlign","add","body","titleLines","title","bodyLines","map","innerHtml","i","colors","labelColors","backgroundColor","borderColor","tableRoot","positionY","offsetTop","positionX","offsetLeft","toolTip","toolTipHeight","clientHeight","left","caretX","top","caretY","fontFamily","_bodyFontFamily","fontSize","bodyFontSize","fontStyle","_bodyFontStyle","padding","yPadding","xPadding","module","exports"],"mappings":"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","file":"js/group.9724e6ca.js","sourcesContent":["<template>\r\n  <ChatWrapper class=\"www footer\">\r\n    <!-- <div class=\"create-action\">\r\n      <sdButton class=\"btn-add\" size=\"default\" type=\"default\" shape=\"circle\" block>\r\n        <sdFeatherIcons type=\"edit\" size=\"14\" />\r\n        Create New Group\r\n      </sdButton>\r\n    </div> -->\r\n    <!-- <a-input-group size=\"large\">\r\n      <a-input ref=\"userNameInput\" v-model:value=\"search\" placeholder=\"Search\">\r\n        <template #prefix>\r\n          <search-outlined type=\"user\" />\r\n        </template>\r\n      </a-input>\r\n    </a-input-group> -->\r\n    <div v-if=\"treatments.length !== 0\">\r\n      \r\n    \r\n    <ul v-if=\"!loader\">\r\n      <li v-for=\"treatment in filteredTreatments\"  :key=\"treatment.id\" class=\"chat-link-signle \">\r\n        <!-- <router-link to='group/1'> -->\r\n      <div v-if=\"treatment.treatment.name !== 'Covid-19'\">\r\n\r\n        <a  :key=\"{ name: 'groupSingle', params: { id: treatment.casenum, name: treatment.treatment.name } }\" @click=\"reloadThis(treatment.casenum,treatment.treatment.name)\" class=\"ant-row\"  :class=\"{'highlight': (treatment.casenum === casenum)}\">\r\n          <!-- <a :href='\"/#/app/chat/group/\" +  treatment.casenum + \"/\" + treatment.treatment.name' class=\"ant-row\"> -->\r\n          <a-col :xl=\"6\">\r\n            <div class=\"author-figure\">\r\n              <img :src=\"treatment.treatment.image\"  alt=\"\" />\r\n            </div>\r\n          </a-col>\r\n\r\n          <a-col :xl=\"18\">\r\n            <BlockSpan class=\"author-name\">{{ treatment.treatment.name }}</BlockSpan>\r\n            <BlockSpan class=\"author-chatText\">\r\n              <!-- {{ textRefactor(treatment.prescription_status, 5) }} -->\r\n            </BlockSpan>\r\n          </a-col>\r\n          <!-- </a> -->\r\n        </a>\r\n      </div>\r\n      <div v-else class=\"ant-row\">\r\n\r\n          <a-col :xl=\"6\">\r\n            <div class=\"author-figure\">\r\n              <img :src=\"require(`../../../../static/img/chat-author/g1.png`)\" alt=\"\" />\r\n            </div>\r\n          </a-col>\r\n\r\n          <a-col :xl=\"18\">\r\n            <BlockSpan class=\"author-name\">Not available</BlockSpan>\r\n            <BlockSpan class=\"author-chatText\">\r\n                We don't support messages for covid-19\r\n            </BlockSpan>\r\n          </a-col>\r\n        \r\n\r\n      </div>\r\n\r\n      </li>\r\n    </ul>\r\n    <div v-else>\r\n      <Main class=\"footer\">\r\n        <div class=\"loaderstyle\">\r\n          <div class=\"loader\"></div>\r\n        </div>\r\n      </Main>\r\n    </div>\r\n    </div>\r\n    <div v-else>\r\n        <!-- <li class=\"chat-link-signle\"> -->\r\n\r\n      <!-- <a-col :xl=\"6\" class=\"chat-link-single\">\r\n            <div class=\"author-figure\">\r\n              <img :src=\"require(`../../../../static/img/chat-author/g1.png`)\" alt=\"\" />\r\n            </div>\r\n          </a-col> -->\r\n\r\n          <a-col :xl=\"18\" style=\"padding-left:20px\">\r\n             <!-- <div class=\"author-figure\">\r\n              <img :src=\"require(`../../../../static/img/chat-author/g1.png`)\" alt=\"\" />\r\n            </div> -->\r\n            <BlockSpan class=\"author-name\">Not available</BlockSpan>\r\n            <BlockSpan class=\"author-chatText\">\r\n                We don't support messages for covid-19\r\n            </BlockSpan>\r\n          </a-col>\r\n          <!-- </li> -->\r\n    </div>\r\n  </ChatWrapper>\r\n</template>\r\n<script>\r\nimport moment from 'moment';\r\nimport { BlockSpan, ChatWrapper } from '../style';\r\nimport { textRefactor } from '../../../../components/utilities/utilities';\r\nimport { useRoute } from 'vue-router';\r\nimport { computed } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport axios from 'axios';\r\nimport { reactive } from 'vue';\r\n\r\nconst GroupChat = {\r\n  name: 'GroupChat',\r\n  components: { BlockSpan, ChatWrapper },\r\n  data() {\r\n    return {\r\n      treatments: [],\r\n      loader: true,\r\n      search: null,\r\n      casenum: null,\r\n    };\r\n  },\r\n  methods:{\r\n    reloadThis(a,b){\r\n      this.casenum = a\r\n      // { name: 'groupSingle', params: { id: treatment.casenum, name: treatment.treatment.name } }\r\n      this.$router.push({ name: 'groupSingle', params: { id: a, name: b }})\r\n\r\n      // this.$router.go(1)\r\n      // alert(window.location.href)\r\n      // window.location.href = window.location.href \r\n      // window.location.reload()\r\n    },\r\n    chatShow(){\r\n      const url = window.location.href;\r\n      //const match = url.replace(/[\\D]/g, '')\r\n      var casenum = url.replace(/[\\D]/g, '')\r\n      // alert(casenum)\r\n      // var casenum = '03232210404476477'\r\n      this.casenum= casenum\r\n      console.log(casenum)\r\n    }\r\n  },\r\n  async mounted() {\r\n    this.chatShow()\r\n    await axios\r\n      .get('group-chat.php')\r\n      //.get('https://api.getbetterdoctor.com/api/customers')\r\n      .then(response => {\r\n        this.treatments = response.data.orders.filter(function(e) { return e.treatment.name !== 'Covid-19' });\r\n        console.clear()\r\n        console.log(this.treatments.length)\r\n      })\r\n      .catch(err => {\r\n        console.log('err');\r\n        console.log(err);\r\n      });\r\n    this.loader = false;\r\n  },\r\n  computed: {\r\n    filteredTreatments() {\r\n      if (this.search !== null && this.search !== '') {\r\n        return this.treatments.filter(a => a.treatment.name.toLowerCase().includes(this.search.toLowerCase()));\r\n      } else {\r\n        return this.treatments;\r\n      }\r\n    },\r\n  },\r\n  async chatClicked() {\r\n    console.log('Here');\r\n  },\r\n  async setup() {\r\n    const { state, dispatch } = useStore();\r\n    const match = computed(() => useRoute());\r\n    // const chatData = computed(() =>\r\n    //   state.chat.groupChat.data.sort((a, b) => {\r\n    //     return b.time - a.time;\r\n    //   }),\r\n    // );\r\n    // console.log('chatData')\r\n    // console.log(chatData)\r\n\r\n    //get case number\r\n    let treatments = [];\r\n    // const dataFiltering = (e, id) => {\r\n    //   e.preventDefault();\r\n    //   dispatch('filterSinglepageGroup', id);\r\n    // };\r\n    return {\r\n      match,\r\n      // chatData,\r\n      // dataFiltering,\r\n      moment,\r\n      textRefactor,\r\n    };\r\n  },\r\n};\r\n\r\nexport default GroupChat;\r\n</script>\r\n<style scoped>\r\n.highlight{\r\n  background-color: #63d4d6 !important;\r\n\r\n}\r\n.footer {\r\n  min-height: calc(100vh - 114px);\r\n}\r\n.author-figure {\r\n  padding-left: 10px;\r\n}\r\n.author-name {\r\n  color: #44566c;\r\n  font-size: 1rem !important;\r\n}\r\n.author-chatText {\r\n  color: #8697a8 !important;\r\n  font-size: 0.8125rem !important;\r\n}\r\n.author-info {\r\n  padding-left: 15%;\r\n}\r\n</style>\r\n<style>\r\n/* @media (min-width: 1201px) and (max-width: 1700px) {\r\n  .ant-card-body {\r\n    border: 1px solid #f0f0f0;\r\n    height: 220px;\r\n    width: 100%;\r\n  }\r\n} */\r\n</style>\r\n","import { render } from \"./GroupChat.vue?vue&type=template&id=634a5a82&scoped=true\"\nimport script from \"./GroupChat.vue?vue&type=script&lang=js\"\nexport * from \"./GroupChat.vue?vue&type=script&lang=js\"\n\nimport \"./GroupChat.vue?vue&type=style&index=0&id=634a5a82&scoped=true&lang=css\"\nimport \"./GroupChat.vue?vue&type=style&index=1&id=634a5a82&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\HP\\\\Downloads\\\\better-doctor-customer-portal-main\\\\better-doctor-customer-portal-main\\\\client\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-634a5a82\"]])\n\nexport default __exports__","import Styled from 'vue3-styled-components';\r\n\r\nconst ChatWrapper = Styled.div`\r\n  .create-action{\r\n    padding: 0 25px;\r\n    margin: 25px 0 18px;\r\n    @media only screen and (max-width: 379px){\r\n      padding: 0 20px;\r\n    }\r\n    .btn-add{\r\n      width: 100%;\r\n      height: 44px;\r\n      text-align: center;\r\n      border: 1px solid ${({ theme }) => theme['border-color-light']};\r\n      background: ${({ theme }) => theme['bg-color-light']};\r\n      color: ${({ theme }) => theme['gray-color']};\r\n      svg,\r\n      img,\r\n      i{\r\n        ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 4px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst UL = Styled.ul`\r\n  list-style-type: none;\r\n  li {\r\n    display: inline-block;\r\n    padding: 5px;\r\n  }\r\n`;\r\n\r\nconst Content = Styled.div`\r\n  height: 495px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  ul{\r\n    overflow-x: hidden;\r\n  }\r\n  .chat-link-signle{\r\n    position: relative;\r\n    background: #fff;\r\n    border-radius: 4px;\r\n    width: 100%;\r\n    margin: 0;\r\n    &:before{\r\n      content: '';\r\n      position: absolute;\r\n      width: calc(100% + 20px);\r\n      height: 100%;\r\n      background: #fff;\r\n      right: -10px;\r\n      left: -10px;\r\n      box-shadow: 0 15px 50px ${({ theme }) => theme['light-color']}20;\r\n      border-radius: 4px;\r\n      visibility: hidden;\r\n      opacity: 0;\r\n      transition: 0.3s ease;\r\n      z-index: 1;\r\n    }\r\n    &:hover:before{\r\n      visibility: visible;\r\n      opacity: 1;\r\n    }\r\n    a{\r\n      display: flex;\r\n      padding: 20px 24px;\r\n      position: relative;\r\n      z-index: 1;\r\n      border-bottom: 1px solid #E3E6EF;\r\n      background: #F8FAFB;\r\n    }\r\n    .author-figure{\r\n      ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 15px;\r\n      flex: .1;\r\n      img{\r\n        max-width: 46px;\r\n        border-radius: 50%;\r\n      }\r\n    }\r\n    .author-info{\r\n      ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 6px;\r\n      flex: .76;\r\n      .author-name{\r\n        font-weight: 600;\r\n        color: ${({ theme }) => theme['dark-color']};\r\n      }\r\n      .author-chatText{\r\n        color: ${({ theme }) => theme['light-color']};\r\n      }\r\n    }\r\n    .author-chatMeta{\r\n      flex: .18;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-end;\r\n      text-aling: right;\r\n      @media (max-width: 991px){\r\n        align-items: center;\r\n        justify-content: center;\r\n      }\r\n      span{\r\n        float: ${({ theme }) => (theme.rtl ? 'left' : 'right')};\r\n        font-size: 12px;\r\n        color: ${({ theme }) => theme['light-color']};\r\n      }\r\n      .ant-badge{\r\n        margin-top: 8px;\r\n        span{\r\n          color: #fff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst BlockSpan = Styled.span`\r\n  display: block;\r\n`;\r\n\r\nconst SingleChatWrapper = Styled.div`\r\n  min-height: calc(100vh - 64px);\r\n  height: calc(100vh - 64px);\r\n\r\n  &.group-chat{\r\n    .chatbox-reply-form{\r\n      input{\r\n        background: #fff !important;\r\n        box-shadow: 0 5px 30px ${({ theme }) => theme['light-color']}15;\r\n      }\r\n    }\r\n  }\r\n  >.ant-card{\r\n    margin-bottom: 0px !important;\r\n    height:100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-radius: 0px !important;\r\n    .ant-card-body{\r\n      padding: 25px 0 !important;\r\n      flex: 1;\r\n      position: relative;\r\n    }\r\n  }\r\n  .ant-card-head{\r\n    padding: 17px 30px;\r\n    border-top: 2px solid #F1F2F6;\r\n    border-radius: 0px !important;\r\n    border-bottom: 1px solid #F1F2F6;\r\n    text-align: center;\r\n    .ant-card-extra{\r\n      .ant-dropdown-trigger{\r\n        ${({ theme }) => (!theme.rtl ? 'margin-left' : 'margin-right')}: 0 !important;\r\n      }\r\n    }\r\n    .ant-card-head-title{\r\n      padding: 0px !important;\r\n      h1{\r\n        font-weight: 500;\r\n        margin-bottom: 6px;\r\n      }\r\n      p{\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        margin-bottom: 0;\r\n        color: ${({ theme }) => theme['light-color']};\r\n      }\r\n    }\r\n  }\r\n\r\n  .group-chat-header{\r\n    padding: 0px;\r\n    align-items: center;\r\n    width: 100%;\r\n    text-align: left;\r\n    @media only screen and (max-width: 479px){\r\n      flex-flow: column;\r\n    }\r\n    h1{\r\n      @media only screen and (max-width: 479px){\r\n        margin-bottom: 15px !important;\r\n      }\r\n    }\r\n    .members{\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      a{\r\n        :not(:last-child){\r\n          ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 4px;\r\n        }\r\n      }\r\n      img{\r\n        max-width: 30px;\r\n      }\r\n      .show-more,\r\n      .add-more{\r\n        width: 30px;\r\n        height: 30px;\r\n        border-radius: 50%;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        span{\r\n          margin: 0;\r\n        }\r\n      }\r\n      .show-more{\r\n        background-color: ${({ theme }) => theme['primary-color']};\r\n        span{\r\n          font-size: 10px;\r\n          font-weight: 500;\r\n          color: #fff;\r\n        }\r\n      }\r\n      .add-more{\r\n        border: 1px dashed ${({ theme }) => theme['border-color-deep']};\r\n        span{\r\n          line-height: .4;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .atbd-chatbox{\r\n    height: 83%;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    position: absolute;\r\n    width: 100%;\r\n    .time-connector{\r\n      position: relative;\r\n      z-index: 10;\r\n      margin: -14px 0 15px;\r\n      &:after{\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 1px;\r\n        ${({ theme }) => (!theme.rtl ? 'left' : 'right')}: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background-color: ${({ theme }) => theme['border-color-light']};\r\n        content: '';\r\n        z-index: -1;\r\n      }\r\n      span{\r\n        text-transform: capitalize;\r\n        font-size: 13px;\r\n        padding: 0 24px;\r\n        background-color: #fff;\r\n        color: ${({ theme }) => theme['light-color']};\r\n      }\r\n    }\r\n    .atbd-chatbox__single{\r\n      padding: 0 25px;\r\n      &:not(:last-child){\r\n        margin-bottom: 30px;\r\n      }\r\n      &:last-child{\r\n        padding-bottom: 5px;\r\n      }\r\n      .left{\r\n        display: flex;\r\n        align-items: flex-start;\r\n        img{\r\n          max-width: 46px;\r\n          border-radius: 50%;\r\n          ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 15px;\r\n        }\r\n        .atbd-chatbox__content{\r\n          margin-top: -4px;\r\n        }\r\n        .message-box{\r\n\r\n          background: #0DB3B5;\r\n        }\r\n      }\r\n      .right{\r\n        float: ${({ theme }) => (theme.rtl ? 'left' : 'right')};\r\n        .atbd-chatbox__actions{\r\n          margin: ${({ theme }) => (theme.rtl ? '0 0 0 15px' : '0 15px 0 0')};\r\n        }\r\n        .atbd-chatbox__name{\r\n          text-align: ${({ theme }) => (theme.rtl ? 'left' : 'right')};\r\n        }\r\n        .message-box{\r\n\r\n          ${({ theme }) => (!theme.rtl ? 'border-radius: 15px 15px 0 15px;' : 'border-radius: 15px 15px 15px 0')};\r\n          background: ${({ theme }) => theme['bg-color-deep']};\r\n          color: ${({ theme }) => theme['gray-color']};\r\n        }\r\n      }\r\n    }\r\n    .atbd-chatbox__name{\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      span{\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        margin-left: 15px;\r\n        color: ${({ theme }) => theme['light-color']};\r\n      }\r\n    }\r\n    .atbd-chatbox__contentInner{\r\n      align-items: center;\r\n      .message-box + .message-box{\r\n        margin-top: 5px;\r\n      }\r\n    }\r\n    .message-seen{\r\n      margin-top: 10px;\r\n      &.text-right{\r\n        text-align: ${({ theme }) => (theme.rtl ? 'left' : 'right')};\r\n      }\r\n      img{\r\n        max-width: 20px;\r\n        border-radius: 50%;\r\n      }\r\n      .message-seen__time{\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        color: ${({ theme }) => theme['light-color']};\r\n      }\r\n    }\r\n    .group-seen{\r\n      margin-top: 5px;\r\n      text-align: ${({ theme }) => (theme.rtl ? 'left' : 'right')};\r\n      img{\r\n        max-width: 20px;\r\n        &:not(:last-child){\r\n          ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 3px;\r\n        }\r\n      }\r\n    }\r\n    .atbd-chatbox__actions{\r\n      display: flex;\r\n      align-items: center\r\n      ${({ theme }) => (!theme.rtl ? 'margin-left' : 'margin-right')}: 15px;\r\n      @media only screen and (max-width: 767px){\r\n        flex-flow: column;\r\n      }\r\n      .ant-dropdown-trigger{\r\n        line-height: 1;\r\n        color: ${({ theme }) => theme['border-color-deep']};\r\n        .anticon-smile{\r\n          color: ${({ theme }) => theme['extra-light-color']};\r\n        }\r\n        &{\r\n          + .ant-dropdown-trigger{\r\n            ${({ theme }) => (!theme.rtl ? 'margin-left' : 'margin-right')}: 12px;\r\n            @media only screen and (max-width: 767px){\r\n              margin: 10px 0 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst MessageList = Styled.div`\r\n  display: block;\r\n  max-width: 670px;\r\n  font-size: 15px;\r\n  ${({ theme }) => (!theme.rtl ? 'border-radius: 0 15px 15px' : 'border-radius: 15px 0 15px 15px')};\r\n  padding: 18px 20px;\r\n  line-height: 1.67;\r\n  color: #fff;\r\n`;\r\n\r\nconst Footer = Styled.div`\r\n  padding: 0 25px;\r\n  position: absolute;\r\n  width: 100%;\r\n  bottom: 10px;\r\n  background: #fff;\r\n  border-top: 1px solid #E3E6EF;\r\n  .chatbox-reply-form{\r\n    position: relative;\r\n    padding:10px 0;\r\n    align-items: center;\r\n    flex-flow: row;\r\n    display: flex;\r\n    .smile-icon{\r\n      position: relative;\r\n      position: absolute;\r\n      ${({ theme }) => (!theme.rtl ? 'left' : 'right')}: 25px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      display: flex;\r\n      align-items: center;\r\n      z-index: 9999;\r\n      @media only screen and (max-width: 575px){\r\n        top: 26px;\r\n      }\r\n      emoji-picker{\r\n          position: absolute;\r\n          z-index: 999999999;\r\n          bottom: 0;\r\n          @media only screen and (max-width: 991px){\r\n            right: auto;\r\n            left: 100%;\r\n          }\r\n          @media only screen and (max-width: 479px){\r\n            right: auto;\r\n            left: -35px;\r\n          }\r\n          .emoji-search{\r\n            padding: 8px;\r\n            height: auto;\r\n            border-radius: 5px;\r\n          }\r\n      }\r\n      .ant-dropdown-trigger{\r\n        display: flex;\r\n        align-items: center;\r\n      }\r\n      a{\r\n        display: flex;\r\n      }\r\n      svg,\r\n      i{\r\n        color: ${({ theme }) => theme['extra-light-color']};\r\n      }\r\n    }\r\n    &.hasFile{\r\n      .ant-upload-list{\r\n        &.ant-upload-list-text{\r\n          padding: 15px;\r\n        }\r\n      }\r\n\r\n    }\r\n    .ant-upload-list{\r\n      display: flex;\r\n      position: absolute;\r\n      top: -70px;\r\n      ${({ theme }) => (!theme.rtl ? 'left' : 'right')}: 0;\r\n    }\r\n    .chatbox-reply-input{\r\n      width: 80%;\r\n      @media only screen and (max-width: 678px) {\r\n        width: 100%;\r\n      }\r\n      ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 8px;\r\n      input{\r\n        padding: ${({ theme }) => (theme.rtl ? '0 70px 0 25px' : '0 25px 0 70px')};\r\n        height: 70px;\r\n        width: 100%;\r\n        border: 0 none;\r\n        border-radius: 35px;\r\n        @media only screen and (max-width: 678px) {\r\n          padding: 3px 13px !important;\r\n        }\r\n        background: ${({ theme }) => theme['bg-color-normal']};\r\n        &::placeholder{\r\n          font-size: 14px;\r\n          color: ${({ theme }) => theme['light-color']};\r\n        }\r\n        &:focus{\r\n          border: 0 none;\r\n          outline: none;\r\n        }\r\n        @media only screen and (max-width: 575px){\r\n          height: 50px;\r\n        }\r\n      }\r\n    }\r\n    input,\r\n    span{\r\n      ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 8px;\r\n    }\r\n    .chatbox-reply-action{\r\n      align-items: center;\r\n      a{\r\n        span{\r\n          display: block;\r\n        }\r\n      }\r\n      .btn-send{\r\n        box-shadow: 0 8px 13px #5F63F220;\r\n      }\r\n      .ant-upload-select,\r\n      button{\r\n        min-width: 50px;\r\n        height: 50px;\r\n        border-radius: 50%;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        span{\r\n          ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 0;\r\n          color: #fff;\r\n        }\r\n      }\r\n      .ant-upload-select {\r\n        background: ${({ theme }) => theme['bg-color-normal']};\r\n        .ant-upload{\r\n          ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 0;\r\n          svg{\r\n            margin-top: 8px;\r\n            color: ${({ theme }) => theme['light-color']};\r\n          }\r\n        }\r\n      }\r\n      button{\r\n        padding: 0;\r\n        background: ${({ theme }) => theme['primary-color']};\r\n      }\r\n    }\r\n\r\n    .ant-upload-select-picture-card{\r\n      margin: 0;\r\n      width: 50px;\r\n      border-radius: 50% !important;\r\n      border: 0 none;\r\n      background-color: ${({ theme }) => theme['bg-color-normal']} !important;\r\n      svg,\r\n      i{\r\n        margin-top: 7px !important;\r\n      }\r\n    }\r\n    .ant-upload-list{\r\n      &.ant-upload-list-text{\r\n        display: block;\r\n        top: auto;\r\n        bottom: 136px;\r\n        background: #fff;\r\n        padding: 0;\r\n        border-radius: 5px;\r\n        box-shadow: 0 5px 20px #9299B803;\r\n        >div{\r\n          display: block;\r\n        }\r\n        .ant-upload-list-item{\r\n          height: 24px;\r\n          border-radius: 4px;\r\n          background-color: ${({ theme }) => theme['bg-color-normal']};\r\n          button{\r\n            width: auto;\r\n            height: auto;\r\n            min-width: auto;\r\n            background-color: ${({ theme }) => theme['bg-color-normal']};\r\n            svg{\r\n              color: ${({ theme }) => theme['info-color']};\r\n            }\r\n          }\r\n        }\r\n        .ant-upload-list-item-info{\r\n          >span{\r\n            display: flex;\r\n            align-items: center;\r\n          }\r\n          .ant-upload-list-item-name {\r\n            font-size: 13px;\r\n          }\r\n          .anticon,\r\n          .ant-upload-list-item-name {\r\n            color: ${({ theme }) => theme['info-color']};\r\n          }\r\n        }\r\n      }\r\n      &.ant-upload-list-picture-card{\r\n        .ant-upload-list-picture-card-container{\r\n          width: 60px;\r\n          height: 50px;\r\n        }\r\n        .ant-upload-list-item{\r\n          width: 60px;\r\n          height: 50px;\r\n          padding: 3px;\r\n          .ant-upload-list-item-actions{\r\n            .anticon-eye{\r\n              display: none;\r\n            }\r\n            .anticon{\r\n              margin: 0;\r\n            }\r\n          }\r\n          .ant-upload-list-item-card-actions-btn{\r\n            width: 25px;\r\n            height: 25px;\r\n            min-width: 25px;\r\n          }\r\n          .ant-upload-list-item-thumbnail{\r\n            font-size: 11px;\r\n          }\r\n          .ant-upload-list-item-name{\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst ChatSidebar = Styled.div`\r\n  min-height: calc(100vh - 64px);\r\n  background: #F8FAFB;\r\n  box-shadow: 0 5px 20px #9299b803;\r\n  border-right: 1px solid #E3E6EF;\r\n  border-left: 1px solid #E3E6EF;\r\n  .custom-scrollbar{\r\n    >div{\r\n      @media only screen and (max-width: 1800px){\r\n        ${({ theme }) => (theme.rtl ? 'margin-left: 0 !important;' : 'margin-left: auto !important;')}:;\r\n      }\r\n    }\r\n  }\r\n  @media only screen and (max-width: 991px){\r\n    margin: 0 auto 40px;\r\n  }\r\n  @media only screen and (max-width: 575px){\r\n    min-height: 580px;\r\n  }\r\n  .ant-card-body{\r\n    background: #F8FAFB;\r\n    padding: 0px 0 !important;\r\n    .ant-input-group {\r\n      background: #F8FAFB;\r\n      .ant-input-affix-wrapper {\r\n        background: #F8FAFB;\r\n        border: 0;\r\n        border-top: 1px solid #E3E6EF;\r\n        border-radius: 0;\r\n        border-bottom: 1px solid #E3E6EF;\r\n        padding: 17px;\r\n        input.ant-input {\r\n          background: #F8FAFB;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .chatbox-search{\r\n    padding: 0 25px;\r\n    @media only screen and (max-width: 379px){\r\n      padding: 0 20px;\r\n    }\r\n    .ant-select-selection-search{\r\n      width: 100% !important;\r\n    }\r\n  }\r\n  .ant-select-selector{\r\n    height: auto !important;\r\n  }\r\n  .ant-select-single .ant-select-selector .ant-select-selection-search-input{\r\n    border-radius: 23px;\r\n    background: ${({ theme }) => theme['bg-color-normal']};\r\n    border: 0 none;\r\n    input{\r\n      background: ${({ theme }) => theme['bg-color-normal']};\r\n      height: 46px !important;\r\n    }\r\n  }\r\n  nav{\r\n    padding: 0 25px;\r\n    @media only screen and (max-width: 1199px){\r\n      padding: 0 15px;\r\n    }\r\n    ul{\r\n      margin: 0 0 12px 0;\r\n      padding: 30px 0 0 0;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      border-bottom: 1px solid ${({ theme }) => theme['border-color-light']};\r\n      @media (max-width: 480px){\r\n        flex-direction: column;\r\n      }\r\n      li{\r\n        padding: 0;\r\n        a{\r\n          position: relative;\r\n          display: block;\r\n          padding: 0 0 18px;\r\n          font-weight: 400;\r\n          color: ${({ theme }) => theme['light-color']};\r\n          &:after{\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 100%;\r\n            height: 1px;\r\n            content: '';\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            background: ${({ theme }) => theme['primary-color']};\r\n            @media only screen and (max-width: 1199px){\r\n              display: none;\r\n            }\r\n          }\r\n          &.active{\r\n            font-weight: 500;\r\n            color: ${({ theme }) => theme['primary-color']};\r\n            &:after{\r\n              opacity: 1;\r\n              visibility: visible;\r\n            }\r\n          }\r\n          .ant-badge{\r\n            ${({ theme }) => (!theme.rtl ? 'margin-left' : 'margin-right')}: 6px;\r\n          }\r\n          @media (max-width: 480px){\r\n            padding-bottom: 10px;\r\n            margin-bottom: 10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst BackShadowEmoji = Styled.div`\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #11121760;\r\n    position: fixed;\r\n    top: 0;\r\n    ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 0;\r\n    z-index: 9999;\r\n`;\r\n\r\nexport { ChatWrapper, UL, Content, BlockSpan, MessageList, Footer, ChatSidebar, SingleChatWrapper, BackShadowEmoji };\r\n","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-v16/dist/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-v16/dist/index.js??ref--1-1!./GroupChat.vue?vue&type=style&index=1&id=634a5a82&lang=css\"","const textRefactor = (text, size) => {\r\n  return `${text\r\n    .split(' ')\r\n    .slice(0, size)\r\n    .join(' ')}...`;\r\n};\r\n\r\nconst chartLinearGradient = (canvas, height, color) => {\r\n  const ctx = canvas.getContext('2d');\r\n  const gradient = ctx.createLinearGradient(0, 0, 0, height);\r\n  gradient.addColorStop(0, `${color.start}`);\r\n  gradient.addColorStop(1, `${color.end}`);\r\n  return gradient;\r\n};\r\n\r\n// Custom Tooltip\r\nconst customTooltips = function(tooltip) {\r\n  // Tooltip Element\r\n  let tooltipEl = document.querySelector('.chartjs-tooltip');\r\n\r\n  if (!this._chart.canvas.closest('.parentContainer').contains(tooltipEl)) {\r\n    tooltipEl = document.createElement('div');\r\n    tooltipEl.className = 'chartjs-tooltip';\r\n    tooltipEl.innerHTML = '<table></table>';\r\n\r\n    document.querySelectorAll('.parentContainer').forEach(el => {\r\n      if (el.contains(document.querySelector('.chartjs-tooltip'))) {\r\n        document.querySelector('.chartjs-tooltip').remove();\r\n      }\r\n    });\r\n\r\n    this._chart.canvas.closest('.parentContainer').appendChild(tooltipEl);\r\n  }\r\n\r\n  // Hide if no tooltip\r\n  if (tooltip.opacity === 0) {\r\n    tooltipEl.style.opacity = 0;\r\n    return;\r\n  }\r\n\r\n  // Set caret Position\r\n  tooltipEl.classList.remove('above', 'below', 'no-transform');\r\n  if (tooltip.yAlign) {\r\n    tooltipEl.classList.add(tooltip.yAlign);\r\n  } else {\r\n    tooltipEl.classList.add('no-transform');\r\n  }\r\n\r\n  function getBody(bodyItem) {\r\n    return bodyItem.lines;\r\n  }\r\n\r\n  // Set Text\r\n  if (tooltip.body) {\r\n    const titleLines = tooltip.title || [];\r\n    const bodyLines = tooltip.body.map(getBody);\r\n\r\n    let innerHtml = '<thead>';\r\n\r\n    titleLines.forEach(function(title) {\r\n      innerHtml += `<div class='tooltip-title'>${title}</div>`;\r\n    });\r\n    innerHtml += '</thead><tbody>';\r\n\r\n    bodyLines.forEach(function(body, i) {\r\n      const colors = tooltip.labelColors[i];\r\n      let style = `background:${colors.backgroundColor}`;\r\n      style += `; border-color:${colors.borderColor}`;\r\n      style += '; border-width: 2px';\r\n      style += '; border-radius: 30px';\r\n      const span = `<span class=\"chartjs-tooltip-key\" style=\"${style}\"></span>`;\r\n      innerHtml += `<tr><td>${span}${body}</td></tr>`;\r\n    });\r\n\r\n    innerHtml += '</tbody>';\r\n\r\n    const tableRoot = tooltipEl.querySelector('table');\r\n    tableRoot.innerHTML = innerHtml;\r\n  }\r\n\r\n  const positionY = this._chart.canvas.offsetTop;\r\n  const positionX = this._chart.canvas.offsetLeft;\r\n  const toolTip = document.querySelector('.chartjs-tooltip');\r\n  const toolTipHeight = toolTip.clientHeight;\r\n\r\n  // Display, position, and set styles for font\r\n\r\n  tooltipEl.style.opacity = 1;\r\n  tooltipEl.style.left = `${positionX + tooltip.caretX}px`;\r\n  tooltipEl.style.top = `${positionY +\r\n    tooltip.caretY -\r\n    (tooltip.caretY > 10 ? (toolTipHeight > 100 ? toolTipHeight + 5 : toolTipHeight + 15) : 70)}px`;\r\n  tooltipEl.style.fontFamily = tooltip._bodyFontFamily;\r\n  tooltipEl.style.fontSize = `${tooltip.bodyFontSize}px`;\r\n  tooltipEl.style.fontStyle = tooltip._bodyFontStyle;\r\n  tooltipEl.style.padding = `${tooltip.yPadding}px ${tooltip.xPadding}px`;\r\n};\r\n\r\nexport { textRefactor, chartLinearGradient, customTooltips };\r\n","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-v16/dist/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-v16/dist/index.js??ref--1-1!./GroupChat.vue?vue&type=style&index=0&id=634a5a82&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/g1.80dc20d8.png\";"],"sourceRoot":""}