{"version":3,"sources":["webpack:///./src/developing/components/chat/ChatNavbar.vue?32e4","webpack:///src/developing/components/chat/ChatNavbar.vue","webpack:///./src/developing/components/chat/ChatNavbar.vue?dd36","webpack:///./src/developing/components/chat/ChatNavbar.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","userId","staticClass","attrs","on","$event","stopPropagation","$emit","_e","userDetails","photoURL","class","getStatusColor","_v","_s","displayName","isPinnedLocal","staticRenderFns","props","type","Number","required","isPinnedProp","Boolean","isSidebarCollapsed","computed","get","set","chatData","$store","dispatch","payload","val","getters","userStatus","methods","getUserStatus","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAsB,MAAdF,EAAIM,OAAgBF,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,YAAY,CAACG,YAAY,yBAAyBC,MAAM,CAAC,MAAQ,QAAQ,KAAO,SAAS,CAACJ,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAAEP,EAAsB,mBAAEI,EAAG,eAAe,CAACG,YAAY,sBAAsBC,MAAM,CAAC,KAAO,YAAYC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBX,EAAIY,MAAM,2BAA2BZ,EAAIa,KAAKT,EAAG,YAAY,CAACG,YAAY,yCAAyCC,MAAM,CAAC,KAAO,OAAO,IAAMR,EAAIc,YAAYC,UAAUN,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBX,EAAIY,MAAM,qBAAsBZ,EAAIM,YAAYF,EAAG,MAAM,CAACG,YAAY,kFAAkFS,MAAM,MAAQhB,EAAIiB,gBAAe,MAAU,GAAGb,EAAG,KAAK,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIc,YAAYM,gBAAgBhB,EAAG,aAAaA,EAAG,eAAe,CAACG,YAAY,iBAAiBC,MAAM,CAAC,KAAO,WAAW,WAAa,CAAC,CAAC,8BAA+BR,EAAIqB,eAAgB,MAAO,QAAQZ,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,kBAAkBX,EAAIqB,eAAiBrB,EAAIqB,mBAAmB,IAAI,GAAGrB,EAAIa,MAChsCS,EAAkB,GCwBtB,G,UAAA,CACEC,MAAO,CACLjB,OAAQ,CACNkB,KAAMC,OACNC,UAAU,GAEZC,aAAc,CACZH,KAAMI,QACNF,UAAU,GAEZG,mBAAoB,CAClBL,KAAMI,QACNF,UAAU,IAGdI,SAAU,CACRT,cAAe,CACbU,IADN,WAEQ,OAAO9B,KAAK0B,cAEdK,IAJN,SAIA,cACA,0DACQ,GAAIC,EAAU,CACZ,IAAV,2BACUhC,KAAKiC,OAAOC,SAAS,sBAAuBC,GACtD,iBAAY,EAAZ,iCACA,mBAAY,QAAZ,iBAEUnC,KAAKW,MAAM,qBAAsByB,KAIvCvB,YAjBJ,WAkBM,OAAOb,KAAKiC,OAAOI,QAAQ,gBAAgBrC,KAAKK,SAElDW,eApBJ,WAoBA,WACM,OAAO,SAAb,GACQ,IAAR,qBAEQ,MAAkB,UAAdsB,EACK,UACjB,oBACiB,SACjB,UACiB,UAEA,UAKfC,QAAS,CACPC,cADJ,SACA,GACM,OAAO,EAAb,mEC9EkX,I,YCO9WC,EAAY,eACd,EACA3C,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAoB,E","file":"js/chunk-2d0e5b65.9077758a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.userId != null)?_c('div',{staticClass:\"chat__header\"},[_c('vs-navbar',{staticClass:\"p-4 flex navbar-custom\",attrs:{\"color\":\"white\",\"type\":\"flat\"}},[_c('div',{staticClass:\"relative flex mr-4\"},[(_vm.isSidebarCollapsed)?_c('feather-icon',{staticClass:\"mr-4 cursor-pointer\",attrs:{\"icon\":\"MenuIcon\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('openContactsSidebar')}}}):_vm._e(),_c('vs-avatar',{staticClass:\"m-0 border-2 border-solid border-white\",attrs:{\"size\":\"40px\",\"src\":_vm.userDetails.photoURL},on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('showProfileSidebar', _vm.userId)}}}),_c('div',{staticClass:\"h-3 w-3 border-white border border-solid rounded-full absolute right-0 bottom-0\",class:'bg-' + _vm.getStatusColor(false)})],1),_c('h6',[_vm._v(_vm._s(_vm.userDetails.displayName))]),_c('vs-spacer'),_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"StarIcon\",\"svgClasses\":[{'text-warning stroke-current': _vm.isPinnedLocal}, 'w-6', 'h-6']},on:{\"click\":function($event){$event.stopPropagation();_vm.isPinnedLocal = !_vm.isPinnedLocal}}})],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ChatNavbar.vue\n    Description: Chat Application - Chat navbar\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 v-if=\"userId != null\" class=\"chat__header\">\n        <vs-navbar class=\"p-4 flex navbar-custom\" color=\"white\" type=\"flat\">\n            <div class=\"relative flex mr-4\">\n                <feather-icon icon=\"MenuIcon\" class=\"mr-4 cursor-pointer\" v-if=\"isSidebarCollapsed\" @click.stop=\"$emit('openContactsSidebar')\" />\n                <vs-avatar class=\"m-0 border-2 border-solid border-white\" size=\"40px\" :src=\"userDetails.photoURL\" @click.stop=\"$emit('showProfileSidebar', userId)\" />\n                <div class=\"h-3 w-3 border-white border border-solid rounded-full absolute right-0 bottom-0\" :class=\"'bg-' + getStatusColor(false)\"></div>\n            </div>\n            <h6>{{ userDetails.displayName }}</h6>\n            <vs-spacer></vs-spacer>\n            <feather-icon icon=\"StarIcon\" class=\"cursor-pointer\" :svgClasses=\"[{'text-warning stroke-current': isPinnedLocal}, 'w-6', 'h-6']\" @click.stop=\"isPinnedLocal = !isPinnedLocal\"></feather-icon>\n        </vs-navbar>\n    </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    userId: {\n      type: Number,\n      required: true,\n    },\n    isPinnedProp: {\n      type: Boolean,\n      required: true,\n    },\n    isSidebarCollapsed: {\n      type: Boolean,\n      required: true,\n    }\n  },\n  computed: {\n    isPinnedLocal: {\n      get() {\n        return this.isPinnedProp\n      },\n      set(val) {\n        const chatData = this.$store.getters['chat/chatDataOfUser'](this.userId);\n        if (chatData) {\n          const payload = { id: this.userId, value: val };\n          this.$store.dispatch('chat/toggleIsPinned', payload)\n            .then(() => { this.$emit('toggleIsChatPinned', val) })\n            .catch((err) => { console.error(err) })\n        } else {\n          this.$emit('toggleIsChatPinned', val)\n        }\n      }\n    },\n    userDetails() {\n      return this.$store.getters['chat/contact'](this.userId)\n    },\n    getStatusColor() {\n      return (isActiveUser) => {\n        const userStatus = this.getUserStatus(isActiveUser);\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    },\n  },\n  methods: {\n    getUserStatus(isActiveUser) {\n      return (isActiveUser) ? this.$store.state.AppActiveUser.status : this.userDetails.status;\n    }\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!./ChatNavbar.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!./ChatNavbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatNavbar.vue?vue&type=template&id=0cd9ed9e&\"\nimport script from \"./ChatNavbar.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatNavbar.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}