{"version":3,"sources":["webpack:///./src/views/settings/users/UserDetails.vue?b815","webpack:///./src/views/settings/users/UserDetails.vue?ce31","webpack:///src/views/settings/users/UserDetails.vue","webpack:///./src/views/settings/users/UserDetails.vue?6e34","webpack:///./src/views/settings/users/UserDetails.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","userAvatarUrl","user","_v","_s","name","email","activeUserInfo","id","blockedOnAccount","_e","on","$event","showBlockConfirmationPopup","$can","convertSnakeCaseToSentenceCase","role","rolesOptionsObjForFilter","model","value","callback","$$v","currentRole","expression","currentRolePermissions","scopedSlots","_u","key","fn","ref","data","_l","tr","indextr","slot","responsePopupData","show","confirmationPopupBody","unblockUser","blockUser","staticRenderFns","computed","$store","getters","methods","str","split","map","item","charAt","toUpperCase","substring","successToggleBlock","type","body","failToggleBlock","roles","push","text","sendExceptionToSentry","window","axios","sendHandledSentryException","error","watch","newVal","oldVal","editUserRole","mounted","$parent","setupTabsBar","permissions","component"],"mappings":"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","file":"js/chunk-fc49bdf2.2bcbc3a9.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./UserDetails.vue?vue&type=style&index=0&id=4c6f9f19&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full\"},[_c('vx-card',{staticClass:\"w-full mb-5 user-details\"},[_c('div',{staticClass:\"flex flex-wrap mb-16\"},[_c('div',{staticClass:\"w-full mb-10 md:w-3/5 md:m-0 flex\"},[_c('div',{staticClass:\"relative float-left mr-5\"},[_c('vs-avatar',{attrs:{\"size\":\"90px\",\"src\":_vm.userAvatarUrl}}),(_vm.user.blockedOnAccount)?_c('div',{staticClass:\"red-dot\"}):_c('div',{staticClass:\"green-dot\"})],1),_c('div',{staticClass:\"float-left\"},[_c('p',{staticClass:\"font-medium text-lg leading-loose mb-2 mt-1\"},[_vm._v(_vm._s(_vm.user.name))]),_c('div',{staticClass:\"text-lg leading-normal mb-2\"},[_vm._v(\" \"+_vm._s(_vm.user.email))]),_c('p',{staticClass:\"text-lg leading-6 font-hairline text-gray-500\"},[_vm._v(\"\\n          Status: \"),(_vm.user.blockedOnAccount)?_c('span',{staticClass:\"blocked-color\"},[_vm._v(\"Blocked\")]):_c('span',{staticClass:\"active-color\"},[_vm._v(\"Active\")])])])]),(_vm.activeUserInfo.id != _vm.user.id)?_c('div',{staticClass:\"w-full md:w-2/5\"},[(!_vm.user.blockedOnAccount)?_c('vs-button',{staticClass:\"leading-normal font-medium w-full md:w-auto md:float-right border-2 block-btn py-2\",attrs:{\"color\":\"danger\",\"icon-pack\":\"speakol\",\"icon\":\"speakol-block\",\"type\":\"border\"},on:{\"click\":function($event){_vm.showBlockConfirmationPopup = true}}},[_vm._v(\"Block\\n      \")]):_vm._e(),(_vm.user.blockedOnAccount)?_c('vs-button',{staticClass:\"leading-normal font-medium w-full md:w-auto md:float-right border-2 block-btn py-2\",attrs:{\"color\":\"danger\",\"icon-pack\":\"speakol\",\"icon\":\"speakol-block\",\"type\":\"border\"},on:{\"click\":function($event){_vm.showBlockConfirmationPopup = true}}},[_vm._v(\"Unblock\\n      \")]):_vm._e()],1):_vm._e()]),_c('div',{staticClass:\"w-full md:flex mb-10 justify-between\"},[_c('div',{staticClass:\"w-full md:w-1/4\"},[_c('h2',{staticClass:\"textHeader w-full mb-5 md:mb-0\"},[_vm._v(\"Roles and Permissions\")])]),_c('div',{staticClass:\"w-full md:w-1/4 flex\"},[(!_vm.$can('invite_super_admin'))?_c('span',{staticClass:\"font-bold block w-full pt-2 md:text-right md:pr-10\"},[_vm._v(\"Role: \"),_c('b',{staticClass:\"pl-5\"},[_vm._v(_vm._s(_vm.convertSnakeCaseToSentenceCase(_vm.user.role)))])]):_vm._e(),(_vm.$can('invite_super_admin'))?_c('span',{staticClass:\"font-bold block w-full pt-2 md:w-1/6 \"},[_vm._v(\"Role:\")]):_vm._e(),(_vm.$can('invite_super_admin'))?_c('v-select',{staticClass:\"md:w-5/6\",attrs:{\"id\":\"settings-users-filter-by-list\",\"label\":\"text\",\"options\":_vm.rolesOptionsObjForFilter(),\"clearable\":false},model:{value:(_vm.currentRole),callback:function ($$v) {_vm.currentRole=$$v},expression:\"currentRole\"}}):_vm._e()],1)]),_c('vs-table',{staticClass:\"mb-10\",attrs:{\"stripe\":\"\",\"data\":_vm.currentRolePermissions},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('td',{staticClass:\"pl-10 text-lg\"},[_vm._v(_vm._s(_vm.convertSnakeCaseToSentenceCase(tr)))])])})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{staticClass:\"md:w-11/12 w-1/2 pl-10 text-lg\"},[_vm._v(\"\\n        Permissions\\n      \")])],1)],2)],1),_c('speakol-response-popup',{attrs:{\"responsePopupData\":_vm.responsePopupData},on:{\"hide-response-popup\":function($event){_vm.responsePopupData.show = false}}}),_c('speakol-confirmation-popup',{attrs:{\"showConfirmationPopup\":_vm.showBlockConfirmationPopup,\"title\":'Confirmation',\"body\":_vm.confirmationPopupBody},on:{\"hide-confirmation-popup\":function($event){_vm.showBlockConfirmationPopup = false},\"confirm\":function($event){_vm.user.blockedOnAccount ? _vm.unblockUser() : _vm.blockUser()}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-full\">\n    <vx-card class=\"w-full mb-5 user-details\">\n    <div class=\"flex flex-wrap mb-16\">\n      <div class=\"w-full mb-10 md:w-3/5 md:m-0 flex\">\n        <div class=\"relative float-left mr-5\">\n          <vs-avatar size=\"90px\" :src=\"userAvatarUrl\"/>\n          <div v-if=\"user.blockedOnAccount\" class=\"red-dot\">\n          </div>\n          <div v-else class=\"green-dot\">\n          </div>\n        </div>\n        <div class=\"float-left\">\n          <p class=\"font-medium text-lg leading-loose mb-2 mt-1\">{{ user.name }}</p>\n          <div class=\"text-lg leading-normal mb-2\"> {{ user.email }}</div>\n          <p class=\"text-lg leading-6 font-hairline text-gray-500\">\n            Status: <span v-if=\"user.blockedOnAccount\" class=\"blocked-color\">Blocked</span>\n            <span v-else class=\"active-color\">Active</span>\n          </p>\n        </div>\n      </div>\n      <div v-if=\"activeUserInfo.id != user.id\" class=\"w-full md:w-2/5\">\n        <vs-button class=\"leading-normal font-medium w-full md:w-auto md:float-right border-2 block-btn py-2\"\n        v-if=\"!user.blockedOnAccount\"\n        color=\"danger\"\n        icon-pack=\"speakol\"\n        icon=\"speakol-block\"\n        @click=\"showBlockConfirmationPopup = true\"\n        type=\"border\">Block\n        </vs-button>\n\n        <vs-button class=\"leading-normal font-medium w-full md:w-auto md:float-right border-2 block-btn py-2\"\n        v-if=\"user.blockedOnAccount\"\n        color=\"danger\"\n        icon-pack=\"speakol\"\n        icon=\"speakol-block\"\n        @click=\"showBlockConfirmationPopup = true\"\n        type=\"border\">Unblock\n        </vs-button>\n\n      </div>\n    </div>\n    <div class=\"w-full md:flex mb-10 justify-between\">\n      <div class=\"w-full md:w-1/4\">\n        <h2 class=\"textHeader w-full mb-5 md:mb-0\">Roles and Permissions</h2>\n      </div>\n      <div class=\"w-full md:w-1/4 flex\">\n        <span class=\"font-bold block w-full pt-2 md:text-right md:pr-10\" v-if=\"!$can('invite_super_admin')\">Role: <b\n          class=\"pl-5\">{{ convertSnakeCaseToSentenceCase(user.role) }}</b></span>\n        <span class=\"font-bold block w-full pt-2 md:w-1/6 \" v-if=\"$can('invite_super_admin')\">Role:</span>\n        <v-select\n          v-if=\"$can('invite_super_admin')\"\n          id=\"settings-users-filter-by-list\"\n          label=\"text\"\n          :options=\"rolesOptionsObjForFilter()\"\n          :clearable=\"false\"\n          class=\"md:w-5/6\"\n          v-model=\"currentRole\"\n        ></v-select>\n      </div>\n    </div>\n    <vs-table class=\"mb-10\" stripe :data=\"currentRolePermissions\">\n      <template slot=\"thead\">\n        <vs-th class=\"md:w-11/12 w-1/2 pl-10 text-lg\">\n          Permissions\n        </vs-th>\n        <!-- <vs-th class=\"md:w-1/12 w-1/2 pl-10 text-lg\">\n          Status\n        </vs-th> -->\n      </template>\n      <template slot-scope=\"{data}\">\n        <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n          <td class=\"pl-10 text-lg\">{{ convertSnakeCaseToSentenceCase(tr) }}</td>\n          <!-- <td class=\"pl-10\">\n            <div v-if=\"user.permissions.includes(tr)\">\n              <vs-switch value=\"true\"/>\n            </div>\n            <div v-else>\n              <vs-switch/>\n            </div>\n          </td> -->\n        </vs-tr>\n      </template>\n    </vs-table>\n  </vx-card>\n    <speakol-response-popup\n      v-on:hide-response-popup=\"responsePopupData.show = false\"\n      :responsePopupData=\"responsePopupData\"\n    />\n  <speakol-confirmation-popup\n      v-on:hide-confirmation-popup=\"showBlockConfirmationPopup = false\"\n      v-on:confirm=\"user.blockedOnAccount ? unblockUser() : blockUser()\"\n      :showConfirmationPopup=\"showBlockConfirmationPopup\"\n      :title=\"'Confirmation'\"\n      :body=\"confirmationPopupBody\"\n    />\n  </div>\n</template>\n\n<script>\nimport { get } from 'lodash'\n\nexport default {\n  async created () {\n    try {\n      this.user = await this.getUser()\n      this.currentRole = {text: this.convertSnakeCaseToSentenceCase(this.user.role), value: this.user.role}\n      this.currentRolePermissions = await this.getALlPermissions(this.user.role)\n\n    } catch (error) {\n      //Handle error\n    }\n  },\n  computed: {\n    activeUserInfo () {\n      return this.$store.getters['authentication/user']\n    },\n    confirmationPopupBody () {\n      if (this.user.blockedOnAccount) {\n        return `Are you sure you want to unblock ${this.user.name} ?`\n      } else {\n        return `Are you sure you want to block ${this.user.name} ?`\n      }\n    },\n    userAvatarUrl () {\n      return get(this.user, 'media[0].url', '')\n    }\n  },\n  methods: {\n    convertSnakeCaseToSentenceCase (str) {\n      if (!str) return\n      return str.split('_').map(function (item) {\n        return item.charAt(0).toUpperCase() + item.substring(1)\n      }).join(' ')\n    },\n    async getALlPermissions (role) {\n      return (await window.axios.get(`/roles/${role}/permissions`)).data\n    },\n    async getUser () {\n      return  (await window.axios.get(`/users/${this.$route.params.id}`)).data\n\n    },\n    async blockUser () {\n\n      try {\n        await window.axios.post(`/users/${this.$route.params.id}/block-user-account`)\n        this.showBlockConfirmationPopup = false\n        this.user.blockedOnAccount = true\n        this.successToggleBlock()\n      } catch (error) {\n        this.failToggleBlock()\n      }\n\n    },\n    async editUserRole (newRole) {\n\n      try {\n        const response = await window.axios.post(\n          `/users/${this.$route.params.id}/edit-role-user-account`,\n          {userId: this.user.id, newRole}\n        )\n\n        if (response.status === 200) {\n          this.user = response.data.payload\n          this.currentRole = {text: this.convertSnakeCaseToSentenceCase(this.user.role), value: this.user.role}\n          this.currentRolePermissions = await this.getALlPermissions(this.user.role)\n        } else {\n          this.sendExceptionToSentry(response)\n        }\n      } catch (error) {\n        this.sendExceptionToSentry(error)\n      }\n    },\n    async unblockUser () {\n\n      try {\n        await window.axios.post(`/users/${this.$route.params.id}/unblock-user-account`)\n        this.showBlockConfirmationPopup = false\n        this.user.blockedOnAccount = false\n        this.successToggleBlock()\n      } catch (error) {\n        this.failToggleBlock()\n      }\n\n    },\n    successToggleBlock () {\n      this.responsePopupData.show = true\n      this.responsePopupData.type = 'success'\n      this.responsePopupData.body = `You have successfully ${this.user.blockedOnAccount  ? 'blocked' : 'unblocked' } ${this.user.name}`\n    },\n    failToggleBlock () {\n      this.responsePopupData.show = true\n      this.responsePopupData.type = 'error'\n      this.responsePopupData.body = 'Something went wrong!'\n    },\n    rolesOptionsObjForFilter () {\n      const roles = []\n      if (!this.$can('invite_editor')) {\n        return [\n          {\n            text: 'All',\n            value: 'all'\n          },\n          {\n            text: 'Admin',\n            value: 'admin'\n          },\n          {\n            text: 'Editor',\n            value: 'editor'\n          },\n          {\n            text: 'Viewer',\n            value: 'viewer'\n          }\n        ]\n      }\n\n      if (this.$can('invite_super_admin')) {\n        roles.push({\n          text: 'Super Admin',\n          value: 'super_admin'\n        })\n        roles.push({\n          text: 'Account manager',\n          value: 'account_manager'\n        })\n        roles.push({\n          text: 'Finance',\n          value: 'finance'\n        })\n      }\n      if (this.$can('invite_admin')) roles.push({\n        text: 'Admin',\n        value: 'admin'\n      })\n      if (this.$can('invite_editor')) roles.push({\n        text: 'Editor',\n        value: 'editor'\n      })\n      if (this.$can('invite_viewer')) roles.push({\n        text: 'Viewer',\n        value: 'viewer'\n      })\n      return roles\n    },\n    sendExceptionToSentry (error) {\n      if (!window.axios) {\n        return\n      }\n      \n      window.axios.sendHandledSentryException(error)\n    }\n  },\n  watch: {\n    currentRole (newVal, oldVal) {\n      if (newVal && oldVal && newVal.value !== oldVal.value) {\n        this.editUserRole(newVal.value)\n      }\n    }\n  },\n  mounted () {\n    this.$parent.setupTabsBar()\n  },\n  data () {\n    return {\n      showBlockConfirmationPopup: false,\n      responsePopupData: {\n        show: false\n      },\n      user: {\n        permissions: [],\n        blockedOnAccount: false\n      },\n      currentRole: null,\n      currentRolePermissions: []\n\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n\n.green-dot {\n  background: #2dcd7a;\n  width: 18px;\n  height: 18px;\n  position: absolute;\n  bottom: 10px;\n  left: 77px;\n  top: 68px;\n  border-radius: 50%;\n  border: 2px solid white;\n}\n\n.red-dot {\n  background: #db2828;\n  width: 18px;\n  height: 18px;\n  position: absolute;\n  bottom: 10px;\n  left: 77px;\n  top: 68px;\n  border-radius: 50%;\n  border: 2px solid white;\n}\n\n.active-color {\n  color: #2dcd7a;\n}\n\n.blocked-color {\n  color: #f00;\n}\n\n.textHeader {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 36px;\n  letter-spacing: 0.1px;\n  color: #2c2c2c;\n}\n\n.user-details {\n  letter-spacing: 0.107143px;\n  color: #2c2c2c;\n}\n\n.block-btn {\n  border: 2px solid #d9d8d8 !important;\n}\n\nth {\n  background: rgba(0, 146, 215, 0.06);\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!./UserDetails.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!./UserDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserDetails.vue?vue&type=template&id=4c6f9f19&scoped=true&\"\nimport script from \"./UserDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./UserDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserDetails.vue?vue&type=style&index=0&id=4c6f9f19&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  \"4c6f9f19\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}