{"version":3,"sources":["webpack:///./src/views/developing/components/chat/ui/ChatMemberAvatar.vue?9bef","webpack:///./src/views/developing/components/chat/ui/ChatMemberAvatar.vue?0c7d","webpack:///src/views/developing/components/chat/ui/ChatMemberAvatar.vue","webpack:///./src/views/developing/components/chat/ui/ChatMemberAvatar.vue?dd5f","webpack:///./src/views/developing/components/chat/ui/ChatMemberAvatar.vue?584f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","mode","attrs","userImg","member","photo","_e","fullname","class","active","staticRenderFns","props","type","Object","default","String","isOwner","Boolean","data","publicProfile","computed","imageUUID","component"],"mappings":"gHAAA,yBAAymB,EAAG,G,kECA5mB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAAEN,EAAW,QAAEI,EAAG,MAAM,CAAe,cAAbJ,EAAIO,KAAsBH,EAAG,YAAY,CAACE,YAAY,8FAA8FE,MAAM,CAAC,KAAO,OAAO,IAAMR,EAAIS,QAAQT,EAAIU,OAAOC,UAAUX,EAAIY,MAAM,GAAGR,EAAG,MAAM,CAAEJ,EAAU,OAAEI,EAAG,aAAa,CAACI,MAAM,CAAC,KAAOR,EAAIU,OAAOG,WAAW,CAACT,EAAG,YAAY,CAACE,YAAY,2EAA2EQ,MAAM,CAAE,iBAA+B,cAAbd,EAAIO,KAAsB,WAAYP,EAAIU,OAAOK,OAAQ,gBAAkBf,EAAIU,OAAOK,QAASP,MAAM,CAAC,IAAMR,EAAIS,QAAQT,EAAIU,OAAOC,WAAW,GAAGP,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,mBAAmB,CAACJ,EAAG,YAAY,CAACE,YAAY,8EAA8EE,MAAM,CAAC,IAAMR,EAAIS,QAAQ,QAAQ,IAAI,MACh6BO,EAAkB,GC2BtB,GACEC,MAAO,CACLP,OAAQ,CACNQ,KAAMC,OACNC,QAAS,MAEXb,KAAM,CACJW,KAAMG,OACND,QAAS,MAEXE,QAAS,CACPJ,KAAMK,QACNH,SAAS,IAGbI,KAfF,WAgBI,MAAO,CACLC,cAAe,OAGnBC,SAAU,CACRjB,QADJ,WAEM,OAAO,SAAb,GACQ,OAAIkB,EACK,sCAAjB,EAEe,OCtDuY,I,wBCQlZC,EAAY,eACd,EACA7B,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAY,E","file":"js/chunk-2943d9bd.24644dd4.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!./ChatMemberAvatar.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!./ChatMemberAvatar.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',{staticClass:\"chat-member-avatar\"},[(_vm.isOwner)?_c('div',[(_vm.mode === 'chat-head')?_c('vs-avatar',{staticClass:\"chat-avatar-image border-solid m-0 flex-shrink-0 sm:mr-4 mr-4 ml-1 shadow-md border-primary\",attrs:{\"size\":\"40px\",\"src\":_vm.userImg(_vm.member.photo)}}):_vm._e()],1):_c('div',[(_vm.member)?_c('vx-tooltip',{attrs:{\"text\":_vm.member.fullname}},[_c('vs-avatar',{staticClass:\"chat-avatar-image border-solid m-0 flex-shrink-0 sm:mr-2 mr-2 shadow-md \",class:{ 'border-success': _vm.mode === 'chat-head', 'border-2': _vm.member.active, 'border-white' : !_vm.member.active },attrs:{\"src\":_vm.userImg(_vm.member.photo)}})],1):_c('vx-tooltip',{attrs:{\"text\":\"Unknown Member\"}},[_c('vs-avatar',{staticClass:\"border-2 border-solid border-grey m-0 flex-shrink-0 sm:mr-2 mr-2 opacity-50\",attrs:{\"src\":_vm.userImg('')}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"chat-member-avatar\">\n    <div v-if=\"isOwner\">\n      <vs-avatar v-if=\"mode === 'chat-head'\"\n        size=\"40px\"\n        class=\"chat-avatar-image border-solid m-0 flex-shrink-0 sm:mr-4 mr-4 ml-1 shadow-md border-primary\"\n        :src=\"userImg(member.photo)\"></vs-avatar>\n    </div>\n\n    <div v-else>\n      <vx-tooltip v-if=\"member\" :text=\"member.fullname\">\n        <vs-avatar\n          class=\"chat-avatar-image border-solid m-0 flex-shrink-0 sm:mr-2 mr-2 shadow-md \"\n          :class=\"{ 'border-success': mode === 'chat-head', 'border-2': member.active, 'border-white' : !member.active }\"\n          :src=\"userImg(member.photo)\"></vs-avatar>\n      </vx-tooltip>\n\n      <vx-tooltip v-else text=\"Unknown Member\">\n        <vs-avatar\n          class=\"border-2 border-solid border-grey m-0 flex-shrink-0 sm:mr-2 mr-2 opacity-50\"\n          :src=\"userImg('')\"\n        ></vs-avatar>\n      </vx-tooltip>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    member: {\n      type: Object,\n      default: null\n    },\n    mode: {\n      type: String,\n      default: null\n    },\n    isOwner: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      publicProfile: null\n    }\n  },\n  computed: {\n    userImg() {\n      return (imageUUID) => {\n        if (imageUUID) {\n          return process.env.VUE_APP_FILE_SERVER + \"/\" + imageUUID;\n        }\n        return \"\";\n      }\n      // return (userUUID) => {\n      //   if (!userUUID) {\n      //     return \"\"\n      //   }\n      //   return \"\"\n      //   // if (isSentByActiveUser) return this.$store.state.AppActiveUser.photoURL\n      //   // else return this.$store.getters['chat/contact'](this.userId).photoURL\n      // }\n    },\n  },\n  // methods: {\n  //   async getPublicProfile(userUUID) {\n  //     // Get Public Profile (Display Image and Name)\n  //     // by using user uuid\n  //     const publicProfile = await this.$store.dispatch(\"User/getPublicProfile\", { userUUID });\n  //     if (publicProfile) {\n  //       this.publicProfile = publicProfile;\n  //     }\n  //   }\n  // },\n  // async mounted() {\n  //   if (this.member && this.member.uuid) {\n  //     await this.getPublicProfile();\n  //   }\n  // }\n}\n</script>\n\n<style lang=\"scss\">\n.chat-member-avatar {\n  max-height: 40px;\n  height: auto;\n\n  & .chat-avatar-image {\n    border-color: white;\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!./ChatMemberAvatar.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!./ChatMemberAvatar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatMemberAvatar.vue?vue&type=template&id=24c0fd56&\"\nimport script from \"./ChatMemberAvatar.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatMemberAvatar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChatMemberAvatar.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":""}