{"version":3,"sources":["webpack:///./src/views/ManageRoles.vue?1db5","webpack:///./src/views/ManageRoles.vue","webpack:///src/views/ManageRoles.vue","webpack:///./src/views/ManageRoles.vue?d5dd","webpack:///./src/views/ManageRoles.vue?ded6"],"names":["render","_vm","this","_c","_self","attrs","name","_v","$route","params","roleId","_s","roleName","slot","model","value","activeTab","callback","$$v","expression","staticClass","isOwner","canEdit","_l","sections","section","parentIndex","key","requestedCapabilities","validateIfHasCapability","permissions","filter","permission","id","childIndex","style","isParent","canSwitch","on","$event","parent","updateChildSettings","enabled","$set","tooltip","_e","rolesPermissions","USER_IDLE_TIME","scopedSlots","_u","fn","active","maximumIdleTime","getFrequencyName","frequenciesArray","find","x","minutes","filterFrequencies","frequency","ref","usersResult","totalData","limitUsers","length","currentPage","sortField","sortDirection","changePagination","sortTable","onCheckAll","proxy","props","checkedRows","map","includes","row","onCheckRow","field","label","column","index","class","isLoading","deployConfiguration","staticRenderFns","frequencies","views","metaInfo","title","components","card","mixins","data","skipUsers","settings","uncheckedRows","createdRole","currentView","frequenciesEnum","computed","findMembershipsInStore","findUsersInStore","currentPaginationQuery","$limit","$skip","query","companyId","$sort","$in","user","queryId","total","created","methods","findRole","updateRolePermissions","createRole","findMemberships","updateMemberships","findUsers","createAdminLog","memberships","currentRoleMemberships","membership","users","membershipsList","membershipsSkip","membershipsTotal","enabledInDatabase","usersList","usersSkip","usersTotal","parentPermissions","dbValue","role","toastMessage","maxIdleTime","action","userId","isDefaultRole","getRightFrequencyArticle","text","component"],"mappings":"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cACAjD,YACA+E,YACAvE,YACAM,eACA2C,eACAuB,iBACApF,YACAqF,iBACAd,aACA9D,WACAC,WACA8B,yCACAE,uCACA4C,0BACAC,kBACArD,mCAGAsD,aACA,8BAAAC,mCACA,uBAAAC,0BACAC,yBACA,OACAC,uBACAC,yBAGA5C,cACA,qCACA6C,OACAC,iCACAtF,WACAmF,uBACAI,OAAA,qDAIA,yBACAF,OACAzE,IACA4E,6BAEAL,uBACAI,OAAA,qDAGA,qBACAE,qEAGAhD,YACA,+DACA,gEACA,SAGA,cAAAiD,GAAA,uBACA,MAAAC,GAAA,oCACA,+BAIA,OAHA,2BACA,yBAEA,GAEAtD,oBACA,oCACAF,8DACAA,wDACAA,sCAIAyD,UACA,iBAEAC,YACA,wBAAAC,gBAAAC,8BAAAC,yBACA,8BAAAC,uBAAAC,+BACA,uBAAAC,sBACA,4BAAAC,0BACA,4BACA,2CACA,eACAC,WACAZ,eAGA,IAIA,EAJA,mDACA,kCAIA,eACAa,WACAC,yCAEAC,WACAf,UACAc,kCAIAC,WACAf,wBAEA,GAhBA,IAkBA,gCACA,IAEA,EAFA,KACA,IAEA,GAEA,oCACAJ,OACAC,iCACAH,UACAC,WAGAqB,mBACAC,iBACAC,gBACA,KACA,UAEA,2BACA,IAEA,EAFA,KACA,IAEA,GAEA,8BACAtB,OACAuB,qBACAhG,IAAA4E,OACAL,UACAC,WAGAyB,mBACAC,iBACAC,gBACA,KACA,UAEA,iBACA,IACA,8BACA,6BACA1B,OACAF,SACAvE,6BACA0E,oCAGA,yBACA,gBACA,8DACA,iBAEA,kDACA,2CACA3E,gEAEA,kBACA,+DAEA,wDACA,6DACA,kDACA,gBACAqG,cACA,UACArG,oBACA,yBACA,6DACA,qBACA,oBACA,KAGA,iCACA,cAAAsG,GAAA,QACA,aACA,+DACAvF,wBAEA,+DACAA,sDACAwF,oCAGA,uDACAA,qCAEA,2CACAvG,gEAEA,kBACA,+DAEA,wDACA,0DAEA,yCACA,mBACA,SACAwG,oEAGA,4BACA,kBACA,qCACA,iCACA,kBACA,MACAA,kDAGA,wBACA,oDACA,4BACA,IAwCA,OAvCA,iCACA,uDACAlI,mBACAmI,aACA/F,iEACAiB,gCAEA7B,gCACAA,2CACA,CACA4E,OACAC,qCAGA,qCACA,yCACA,GACAG,aACAH,iCACA+B,yEAEA,yBAEA,mCACA,yCACA,GACA5B,aACAH,iCACA+B,8DAEA,0BAGA,wCACApI,mBACAwB,cACA6E,oCAGA,EACA,SAGA,OAFA6B,oBACA,iBACA,IAGA,0BACA,IAWA,SAVA,8BACA9H,uEACA,CACAgG,OACAC,iCACAgC,QACA9B,uCAIA,6BACA,6BACAH,OACAF,SACAoC,iBACAjC,0CAGA,8BACAjG,qBACA,CACAgG,OACAC,iCACAgC,QACA9B,yCAMA,OADA,uDACA,EACA,SAEA,OADA2B,qBACA,IAGA/F,uBACA,iCACA,8BACA,oDACA,0DAIA2B,oBACA,IACA,oBAEA,qDAEAC,eACA,iBACA,sBAEAQ,gBACA,MACA,yBACA,sDACA,OACA,mCAEA,CACA,2BACA,oDACA,OACA,+BAIAP,cACA,GACA,kCACA,wBAEA,oBACA,sCAGAuE,4BACA,SAQA,OAPA,iDACAlF,0DACAA,iDACAA,kDACAA,kDACAmF,OAEA,GAEAzF,oBACA,iDACA,0BC9mBqV,I,wBCQjV0F,EAAY,eACd,EACA/I,EACAqF,GACA,EACA,KACA,WACA,MAIa,aAAA0D,E","file":"js/chunk-29a09b1a.6fbab959.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./ManageRoles.vue?vue&type=style&index=0&id=ce72b13c&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('portal',{attrs:{\"to\":\"breadcrumb\"}},[_c('Breadcrumb',[_c('b-breadcrumb-item',{attrs:{\"to\":{ name: 'team'},\"tag\":\"router-link\"}},[_vm._v(\" Team \")]),_c('b-breadcrumb-item',{attrs:{\"to\":{ name: 'roles'},\"tag\":\"router-link\"}},[_vm._v(\" Roles \")]),_c('b-breadcrumb-item',{attrs:{\"active\":\"\"}},[(this.$route.params.roleId)?_c('span',[_vm._v(_vm._s(_vm.roleName))]):_c('span',[_vm._v(\"Create new role\")])])],1)],1),_c('card',{attrs:{\"external-card\":\"material-card-content\",\"internal-card\":\"material-card material-card-content\",\"url-help\":\"\"}},[_c('b-tabs',{attrs:{\"slot\":\"body\"},slot:\"body\",model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:\"activeTab\"}},[_c('b-tab-item',{attrs:{\"label\":\"Settings\"}},[_c('b-field',{staticClass:\"force-parameters-right\",attrs:{\"label\":\"Role name\"}},[_c('b-input',{attrs:{\"placeholder\":\"Give your role a descriptive name\",\"disabled\":_vm.isOwner || !_vm.canEdit,\"type\":\"text\"},model:{value:(_vm.roleName),callback:function ($$v) {_vm.roleName=$$v},expression:\"roleName\"}})],1),_c('hr'),_vm._l((_vm.sections),function(section,parentIndex){return _c('div',{key:parentIndex},[(section.value.requestedCapabilities ?\n              _vm.validateIfHasCapability(section.value.requestedCapabilities) : true)?_c('div',[_c('p',{staticClass:\"field mt-5\"},[_c('b',[_vm._v(_vm._s(section.value.name))])]),_vm._l((_vm.permissions.filter((permission) =>\n                permission.value.section === section.value.id\n              )),function(permission,childIndex){return _c('div',{key:childIndex,staticClass:\"mb-1\"},[_c('div',[_c('b-switch',{style:(permission.value.isParent && childIndex !== 0\n                    ? 'margin: 1em 0em 0em 0em;': 'margin: 0em;'),attrs:{\"disabled\":!permission.value.canSwitch || _vm.isOwner || !_vm.canEdit},on:{\"input\":function($event){!permission.value.parent ?\n                    _vm.updateChildSettings(permission) : null}},model:{value:(permission.value.enabled),callback:function ($$v) {_vm.$set(permission.value, \"enabled\", $$v)},expression:\"permission.value.enabled\"}},[_vm._v(\" \"+_vm._s(permission.value.name)+\" \"),(permission.value.tooltip)?_c('b-tooltip',{attrs:{\"label\":permission.value.tooltip,\"position\":\"is-right\",\"multilined\":\"\",\"type\":\"is-dark\",\"size\":\"is-medium\"}},[_c('b-icon',{attrs:{\"icon\":\"help-circle\",\"size\":\"is-small\"}})],1):_vm._e()],1),(permission.value.id === _vm.rolesPermissions.USER_IDLE_TIME.value.id\n                    && permission.value.enabled)?_c('b-dropdown',{staticClass:\"inner-element mt-2\",attrs:{\"disabled\":!permission.value.canSwitch || _vm.isOwner || !_vm.canEdit,\"aria-role\":\"list\",\"position\":\"is-bottom-right\",\"scrollable\":\"\"},scopedSlots:_vm._u([{key:\"trigger\",fn:function({ active }){return [_c('b-button',{attrs:{\"label\":_vm.maximumIdleTime ? `After ${_vm.getFrequencyName(_vm.frequenciesArray.find(\n                        x => x.minutes === _vm.maximumIdleTime))} of inactivity` : 'Days',\"icon-right\":active ? 'menu-up' : 'menu-down'}})]}}],null,true),model:{value:(_vm.maximumIdleTime),callback:function ($$v) {_vm.maximumIdleTime=$$v},expression:\"maximumIdleTime\"}},_vm._l((_vm.filterFrequencies),function(frequency){return _c('b-dropdown-item',{key:frequency.id,attrs:{\"aria-role\":\"listitem\",\"value\":frequency.minutes}},[_vm._v(\" After \"+_vm._s(_vm.getFrequencyName(frequency))+\" of inactivity \")])}),1):_vm._e()],1)])}),_c('hr')],2):_vm._e()])})],2),(!_vm.isOwner)?_c('b-tab-item',{attrs:{\"label\":\"Modify members\"}},[_c('div',[_c('b-table',{ref:\"userListTable\",staticClass:\"userList\",attrs:{\"data\":_vm.usersResult,\"mobile-cards\":false,\"striped\":true,\"paginated\":_vm.totalData > _vm.limitUsers,\"per-page\":_vm.limitUsers,\"loading\":_vm.usersResult.length === 0,\"current-page\":_vm.currentPage,\"show-detail-icon\":false,\"default-sort\":_vm.sortField,\"default-sort-direction\":_vm.sortDirection,\"hoverable\":\"\",\"scrollable\":\"\",\"backend-pagination\":\"\",\"backend-sorting\":\"\",\"total\":_vm.totalData},on:{\"update:currentPage\":function($event){_vm.currentPage=$event},\"update:current-page\":function($event){_vm.currentPage=$event},\"page-change\":_vm.changePagination,\"sort\":_vm.sortTable}},[_c('b-table-column',{scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('b-checkbox',{on:{\"input\":(value) => _vm.onCheckAll(value)}})]},proxy:true},{key:\"default\",fn:function(props){return [_c('b-checkbox',{attrs:{\"value\":_vm.checkedRows.map((x)=> x.id).includes(props.row.id)},on:{\"input\":(value) => _vm.onCheckRow(value, props.row)}})]}}],null,false,3304174998)}),_vm._l(([{\n                field: 'email',\n                label: 'Email',\n              }, {\n                field: 'name',\n                label: 'Name',\n              }, {\n                field: 'lastName',\n                label: 'Last Name',\n              }]),function(column,index){return _c('b-table-column',{key:index,attrs:{\"label\":column.label,\"field\":column.field,\"sortable\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(props.row[column.field])+\" \")]}}],null,true)})})],2)],1)]):_vm._e(),_c('b-tab-item',{attrs:{\"label\":`Members ${_vm.checkedRows.length > 0 ?\n          '(' + _vm.checkedRows.length + ')' : ''}`}},[_c('b-table',{attrs:{\"data\":_vm.checkedRows,\"mobile-cards\":false,\"paginated\":_vm.checkedRows.length > _vm.limitUsers,\"per-page\":_vm.limitUsers,\"columns\":[{\n            field: 'email',\n            label: 'Email',\n          }, {\n            field: 'name',\n            label: 'Name',\n          }, {\n            field: 'lastName',\n            label: 'Last Name',\n          }],\"hoverable\":\"\"}},[_c('template',{slot:\"empty\"},[_c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"content has-text-grey has-text-centered\"},[_c('p',[_vm._v(\"There are no members in this role\")])])])])],2)],1)],1),(!_vm.isOwner)?_c('b-button',{staticClass:\"button is-primary force-right\",class:{'is-loading': _vm.isLoading },attrs:{\"slot\":\"body\"},on:{\"click\":_vm.deployConfiguration},slot:\"body\"},[_vm._v(\" Save \")]):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <portal to=\"breadcrumb\">\n      <Breadcrumb>\n        <b-breadcrumb-item\n          :to=\"{ name: 'team'}\"\n          tag=\"router-link\"\n        >\n          Team\n        </b-breadcrumb-item>\n        <b-breadcrumb-item\n          :to=\"{ name: 'roles'}\"\n          tag=\"router-link\"\n        >\n          Roles\n        </b-breadcrumb-item>\n        <b-breadcrumb-item active>\n          <span v-if=\"this.$route.params.roleId\">{{ roleName }}</span>\n          <span v-else>Create new role</span>\n        </b-breadcrumb-item>\n      </Breadcrumb>\n    </portal>\n    <card\n      external-card=\"material-card-content\"\n      internal-card=\"material-card material-card-content\"\n      url-help=\"\"\n    >\n      <b-tabs\n        slot=\"body\"\n        v-model=\"activeTab\"\n      >\n        <b-tab-item\n          label=\"Settings\"\n        >\n          <b-field\n            label=\"Role name\"\n            class=\"force-parameters-right\"\n          >\n            <b-input\n              v-model=\"roleName\"\n              placeholder=\"Give your role a descriptive name\"\n              :disabled=\"isOwner || !canEdit\"\n              type=\"text\"\n            />\n          </b-field>\n          <hr>\n\n          <div\n            v-for=\"(section, parentIndex) in sections\"\n            :key=\"parentIndex\"\n          >\n            <div\n              v-if=\"section.value.requestedCapabilities ?\n                validateIfHasCapability(section.value.requestedCapabilities) : true\"\n            >\n              <p\n                class=\"field mt-5\"\n              >\n                <b>{{ section.value.name }}</b>\n              </p>\n              <div\n                v-for=\"(permission, childIndex) in permissions.filter((permission) =>\n                  permission.value.section === section.value.id\n                )\"\n                :key=\"childIndex\"\n                class=\"mb-1\"\n              >\n                <div>\n                  <b-switch\n                    v-model=\"permission.value.enabled\"\n                    :disabled=\"!permission.value.canSwitch || isOwner || !canEdit\"\n                    :style=\"permission.value.isParent && childIndex !== 0\n                      ? 'margin: 1em 0em 0em 0em;': 'margin: 0em;'\"\n                    @input=\"!permission.value.parent ?\n                      updateChildSettings(permission) : null\"\n                  >\n                    {{ permission.value.name }}\n                    <b-tooltip\n                      v-if=\"permission.value.tooltip\"\n                      :label=\"permission.value.tooltip\"\n                      position=\"is-right\"\n                      multilined\n                      type=\"is-dark\"\n                      size=\"is-medium\"\n                    >\n                      <b-icon\n                        icon=\"help-circle\"\n                        size=\"is-small\"\n                      />\n                    </b-tooltip>\n                  </b-switch>\n                  <b-dropdown\n                    v-if=\"permission.value.id === rolesPermissions.USER_IDLE_TIME.value.id\n                      && permission.value.enabled\"\n                    v-model=\"maximumIdleTime\"\n                    :disabled=\"!permission.value.canSwitch || isOwner || !canEdit\"\n                    aria-role=\"list\"\n                    class=\"inner-element mt-2\"\n                    position=\"is-bottom-right\"\n                    scrollable\n                  >\n                    <template #trigger=\"{ active }\">\n                      <b-button\n                        :label=\"maximumIdleTime ? `After ${getFrequencyName(frequenciesArray.find(\n                          x => x.minutes === maximumIdleTime))} of inactivity` : 'Days'\"\n                        :icon-right=\"active ? 'menu-up' : 'menu-down'\"\n                      />\n                    </template>\n                    <b-dropdown-item\n                      v-for=\"frequency in filterFrequencies\"\n                      :key=\"frequency.id\"\n                      aria-role=\"listitem\"\n                      :value=\"frequency.minutes\"\n                    >\n                      After {{ getFrequencyName(frequency) }} of inactivity\n                    </b-dropdown-item>\n                  </b-dropdown>\n                </div>\n              </div>\n              <hr>\n            </div>\n          </div>\n        </b-tab-item>\n        <b-tab-item\n          v-if=\"!isOwner\"\n          label=\"Modify members\"\n        >\n          <div>\n            <b-table\n              ref=\"userListTable\"\n              :data=\"usersResult\"\n              :mobile-cards=\"false\"\n              :striped=\"true\"\n              :paginated=\"totalData > limitUsers\"\n              :per-page=\"limitUsers\"\n              :loading=\"usersResult.length === 0\"\n              :current-page.sync=\"currentPage\"\n              :show-detail-icon=\"false\"\n              :default-sort=\"sortField\"\n              :default-sort-direction=\"sortDirection\"\n              hoverable\n              scrollable\n              class=\"userList\"\n              backend-pagination\n              backend-sorting\n              :total=\"totalData\"\n              @page-change=\"changePagination\"\n              @sort=\"sortTable\"\n            >\n              <b-table-column>\n                <template v-slot:header>\n                  <b-checkbox\n                    @input=\"(value) => onCheckAll(value)\"\n                  />\n                </template>\n                <template v-slot=\"props\">\n                  <b-checkbox\n                    :value=\"checkedRows.map((x)=> x.id).includes(props.row.id)\"\n                    @input=\"(value) => onCheckRow(value, props.row)\"\n                  />\n                </template>\n              </b-table-column>\n              <b-table-column\n                v-for=\"(column, index) in [{\n                  field: 'email',\n                  label: 'Email',\n                }, {\n                  field: 'name',\n                  label: 'Name',\n                }, {\n                  field: 'lastName',\n                  label: 'Last Name',\n                }]\"\n                :key=\"index\"\n                :label=\"column.label\"\n                :field=\"column.field\"\n                sortable\n              >\n                <template v-slot=\"props\">\n                  {{ props.row[column.field] }}\n                </template>\n              </b-table-column>\n            </b-table>\n          </div>\n        </b-tab-item>\n        <b-tab-item\n          :label=\"`Members ${checkedRows.length > 0 ?\n            '(' + checkedRows.length + ')' : ''}`\"\n        >\n          <b-table\n            :data=\"checkedRows\"\n            :mobile-cards=\"false\"\n            :paginated=\"checkedRows.length > limitUsers\"\n            :per-page=\"limitUsers\"\n            :columns=\"[{\n              field: 'email',\n              label: 'Email',\n            }, {\n              field: 'name',\n              label: 'Name',\n            }, {\n              field: 'lastName',\n              label: 'Last Name',\n            }]\"\n            hoverable\n          >\n            <template slot=\"empty\">\n              <section class=\"section\">\n                <div class=\"content has-text-grey has-text-centered\">\n                  <p>There are no members in this role</p>\n                </div>\n              </section>\n            </template>\n          </b-table>\n        </b-tab-item>\n      </b-tabs>\n      <b-button\n        v-if=\"!isOwner\"\n        slot=\"body\"\n        :class=\"{'is-loading': isLoading }\"\n        class=\"button is-primary force-right\"\n        @click=\"deployConfiguration\"\n      >\n        Save\n      </b-button>\n    </card>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\nimport card from '@/components/cross/Card.vue';\nimport toastMessage from '@/helpers/toastMessage';\nimport parseEnum from '@/helpers/parseEnums';\nimport rolesEnum from '../../../cross/src/roles.enum';\nimport CompanyMixin from '../mixins/company';\nimport RoleMixin from '../mixins/roles';\nimport vtulEnums from '../../../cross/index';\n\nconst { frequencies, views } = vtulEnums.enum.settings;\n\nexport default {\n  name: 'ManageRolesPermissions',\n  metaInfo() {\n    return {\n      title: this.$route.params.roleId ? 'Edit Role' : 'Create Role',\n    };\n  },\n  components: {\n    card,\n  },\n  mixins: [CompanyMixin, RoleMixin],\n  data() {\n    return {\n      limitUsers: 20,\n      sortDirection: 'asc',\n      sortField: 'name',\n      skipUsers: 0,\n      currentPage: 1,\n      activeTab: 0,\n      settings: [],\n      sections: [],\n      permissions: [],\n      checkedRows: [],\n      uncheckedRows: [],\n      roleName: '',\n      createdRole: null,\n      isLoading: false,\n      isOwner: false,\n      canEdit: true,\n      maximumIdleTime: frequencies.ONE_WEEK.value.minutes,\n      frequenciesArray: parseEnum.enumToArray(frequencies),\n      currentView: views.ROLES.value,\n      frequenciesEnum: frequencies,\n      rolesPermissions: rolesEnum.permissions,\n    };\n  },\n  computed: {\n    ...mapGetters('memberships', { findMembershipsInStore: 'find' }),\n    ...mapGetters('user', { findUsersInStore: 'find' }),\n    currentPaginationQuery() {\n      return {\n        $limit: this.limitUsers,\n        $skip: this.skipDevices,\n      };\n    },\n    usersResult() {\n      const memberships = this.findMembershipsInStore({\n        query: {\n          companyId: this.currentCompany.id,\n          isOwner: false,\n          $limit: this.limitUsers,\n          $sort: { [this.sortField]: this.sortDirection === 'asc' ? 1 : -1 },\n        },\n      });\n\n      const users = this.findUsersInStore({\n        query: {\n          id: {\n            $in: memberships.data.map((membership) => membership.userId),\n          },\n          $limit: this.limitUsers,\n          $sort: { [this.sortField]: this.sortDirection === 'asc' ? 1 : -1 },\n        },\n      });\n      return users.data.filter(\n        (user) => user.id !== this.$store.getters['auth/user'].id && !user.isSupportAccount,\n      );\n    },\n    totalData() {\n      if (!this.usersLatestQuery || !this.usersPaginationData.default\n          || !this.usersPaginationData.default[this.usersLatestQuery.queryId]) {\n        return 0;\n      }\n\n      const { queryId } = this.usersLatestQuery;\n      const { total } = this.usersPaginationData.default[queryId];\n      const maximumPage = Math.ceil(total / this.limitUsers);\n      if (maximumPage !== 0 && this.currentPage > maximumPage) {\n        this.changePagination(maximumPage);\n      }\n      return total;\n    },\n    filterFrequencies() {\n      return this.frequenciesArray.filter(\n        (x) => x.minutes >= this.frequenciesEnum.TEN_MINUTES.value.minutes\n        && x.minutes <= this.frequenciesEnum.ONE_WEEK.value.minutes\n        && x.views.includes(this.currentView),\n      );\n    },\n  },\n  created() {\n    this.syncData();\n  },\n  methods: {\n    ...mapActions('roles', { findRole: 'find', updateRolePermissions: 'patch', createRole: 'create' }),\n    ...mapActions('memberships', { findMemberships: 'find', updateMemberships: 'patch' }),\n    ...mapActions('user', { findUsers: 'find' }),\n    ...mapActions('admin-log', { createAdminLog: 'create' }),\n    async findAllRelatedUsers() {\n      let memberships = await this.fetchMembershipsFromApi();\n      if (this.isOwner) {\n        memberships = memberships.filter(\n          (user) => user.isOwner,\n        );\n      }\n      let users = await this.fetchUsersFromApi(memberships.map((m) => m.userId));\n      if (!this.$route.params.roleId) {\n        return [];\n      }\n      let currentRoleMemberships;\n      if (!this.isOwner) {\n        currentRoleMemberships = memberships.filter(\n          (membership) => membership.roleId === this.$route.params.roleId,\n        );\n        users = users.filter(\n          (user) => currentRoleMemberships.some(\n            (membership) => membership.userId === user.id && !membership.isOwner,\n          ),\n        );\n      }\n      users = users.filter(\n        (user) => !user.isSupportAccount,\n      );\n      return users;\n    },\n    async fetchMembershipsFromApi() {\n      let membershipsList = [];\n      let membershipsSkip = 0;\n      let membershipsTotal;\n      do {\n        // eslint-disable-next-line no-await-in-loop\n        const membershipsAnswer = await this.findMemberships({\n          query: {\n            companyId: this.currentCompany.id,\n            $limit: 50,\n            $skip: membershipsSkip,\n          },\n        });\n        membershipsList = membershipsList.concat(membershipsAnswer.data);\n        membershipsSkip += membershipsAnswer.data.length;\n        membershipsTotal = membershipsAnswer.total;\n      } while (membershipsSkip < membershipsTotal);\n      return membershipsList;\n    },\n    async fetchUsersFromApi(membershipsIds) {\n      let usersList = [];\n      let usersSkip = 0;\n      let usersTotal;\n      do {\n        // eslint-disable-next-line no-await-in-loop\n        const usersAnswer = await this.findUsers({\n          query: {\n            enabledInDatabase: true,\n            id: { $in: membershipsIds },\n            $limit: 50,\n            $skip: usersSkip,\n          },\n        });\n        usersList = usersList.concat(usersAnswer.data);\n        usersSkip += usersAnswer.data.length;\n        usersTotal = usersAnswer.total;\n      } while (usersSkip < usersTotal);\n      return usersList;\n    },\n    async syncData() {\n      try {\n        if (this.$route.params.roleId) {\n          const role = await this.findRole({\n            query: {\n              $limit: 1,\n              id: this.$route.params.roleId,\n              companyId: this.currentCompany.id,\n            },\n          });\n          if (role.data && role.data.length <= 0) {\n            this.isOwner = true;\n          } else if (this.currentRole.id === role.data[0].id && !this.currentUserIsOwner) {\n            this.canEdit = false;\n          }\n          this.roleName = this.isOwner ? 'Owner' : role.data[0].name;\n          this.settings = rolesEnum.permissions.enums.filter(\n            (permission) => this.validateIfHasCapability(permission.value.requestedCapabilities),\n          );\n          if (!this.$isBgCloud) {\n            this.settings = this.settings.filter((setting) => !setting.value.hideOnPremise);\n          }\n          this.sections = this.settings.filter((setting) => !setting.value.section);\n          this.sections.sort((a, b) => a.value.position - b.value.position);\n          const parentPermissions = this.settings.filter((setting) => setting.value.section\n            && !setting.value.parent);\n          parentPermissions.forEach((x) => {\n            const permission = x;\n            permission.value.isParent = true;\n            this.permissions.push(permission);\n            const child = this.settings.filter((setting) => setting.value.parent === x.value.id);\n            this.permissions = [\n              ...this.permissions,\n              ...child,\n            ];\n          });\n          this.permissions.forEach((setting, index) => {\n            const { dbValue } = setting.value;\n            if (this.isOwner) {\n              this.permissions[index].value.enabled = setting.value.id !== rolesEnum.permissions\n                .USER_IDLE_TIME.value.id;\n            } else {\n              this.permissions[index].value.enabled = setting.value.id === rolesEnum.permissions\n                .USER_IDLE_TIME.value.id ? role.data[0].maxIdleTime.enabled\n                : role.data[0].permissions.includes(dbValue);\n            }\n          });\n          this.maximumIdleTime = this.isOwner ? this.maximumIdleTime\n            : role.data[0].maxIdleTime.frequency;\n        } else {\n          this.settings = rolesEnum.permissions.enums.filter(\n            (permission) => this.validateIfHasCapability(permission.value.requestedCapabilities),\n          );\n          if (!this.$isBgCloud) {\n            this.settings = this.settings.filter((setting) => !setting.value.hideOnPremise);\n          }\n          this.sections = this.settings.filter((setting) => !setting.value.section);\n          this.permissions = this.settings.filter((setting) => setting.value.section);\n        }\n        const users = await this.findAllRelatedUsers();\n        this.checkedRows = users;\n      } catch (error) {\n        toastMessage.showError('We can\\'t get the user permissions, try again.');\n      }\n    },\n    async deployConfiguration() {\n      this.isLoading = true;\n      const savePermissionsAnswer = await this.savePermissions();\n      const modifyMembershipsAnswer = await this.modifyMemberships();\n      this.isLoading = false;\n      if (savePermissionsAnswer && modifyMembershipsAnswer) {\n        toastMessage.showSuccess('Role updated successfully.');\n      }\n    },\n    async savePermissions() {\n      const filteredChildSettings = this.permissions.filter((setting) => setting.value.enabled);\n      const permissions = filteredChildSettings.map((setting) => setting.value.dbValue);\n      try {\n        if (this.$route.params.roleId) {\n          await this.updateRolePermissions([this.$route.params.roleId, {\n            name: this.roleName,\n            maxIdleTime: {\n              enabled: permissions.includes(rolesEnum.permissions.USER_IDLE_TIME.value.dbValue),\n              frequency: this.maximumIdleTime,\n            },\n            permissions: permissions.filter((permission) => permission !== rolesEnum\n              .permissions.USER_IDLE_TIME.value.dbValue),\n          }, {\n            query: {\n              companyId: this.currentCompany.id,\n            },\n          }]);\n          this.uncheckedRows.forEach(async (role) => {\n            const user = this.$store.getters['auth/user'];\n            const log = {\n              user: user.email,\n              companyId: this.currentCompany.id,\n              action: `${role.name}'s role changed to default, due to group removal.`,\n            };\n            await this.createAdminLog(log);\n          });\n          this.checkedRows.forEach(async (role) => {\n            const user = this.$store.getters['auth/user'];\n            const log = {\n              user: user.email,\n              companyId: this.currentCompany.id,\n              action: `${role.name}'s role changed to ${this.roleName}.`,\n            };\n            await this.createAdminLog(log);\n          });\n        } else {\n          this.createdRole = await this.createRole({\n            name: this.roleName,\n            permissions,\n            companyId: this.currentCompany.id,\n          });\n        }\n        return true;\n      } catch (error) {\n        toastMessage.showError(error);\n        this.syncData();\n        return false;\n      }\n    },\n    async modifyMemberships() {\n      try {\n        await this.updateMemberships([null, {\n          roleId: this.createdRole ? this.createdRole.id : this.$route.params.roleId,\n        }, {\n          query: {\n            companyId: this.currentCompany.id,\n            userId: {\n              $in: this.checkedRows.map((x) => x.id),\n            },\n          },\n        }]);\n        if (this.uncheckedRows.length > 0) {\n          const defaultRole = await this.findRole({\n            query: {\n              $limit: 1,\n              isDefaultRole: true,\n              companyId: this.currentCompany.id,\n            },\n          });\n          await this.updateMemberships([null, {\n            roleId: defaultRole.data[0].id,\n          }, {\n            query: {\n              companyId: this.currentCompany.id,\n              userId: {\n                $in: this.uncheckedRows.map((x) => x.id),\n              },\n            },\n          }]);\n        }\n        this.$router.push(`/${this.currentCompany.id}/roles`);\n        return true;\n      } catch (error) {\n        toastMessage.showError(error);\n        return false;\n      }\n    },\n    updateChildSettings(parentSetting) {\n      this.permissions.forEach((childSetting, index) => {\n        if (childSetting.value.parent === parentSetting.value.id) {\n          this.permissions[index].value.enabled = !!parentSetting.value.enabled;\n          this.permissions[index].value.canSwitch = !!parentSetting.value.enabled;\n        }\n      });\n    },\n    changePagination(page) {\n      if (page) {\n        this.currentPage = page;\n      }\n      this.skipUsers = (this.currentPage - 1) * this.limitUsers;\n    },\n    sortTable(field, direction) {\n      this.sortField = field;\n      this.sortDirection = direction;\n    },\n    onCheckRow(value, user) {\n      if (value) {\n        this.checkedRows.push(user);\n        const index = this.uncheckedRows.findIndex((x) => x.id === user.id);\n        if (index !== -1) {\n          this.uncheckedRows.splice(index, 1);\n        }\n      } else {\n        this.uncheckedRows.push(user);\n        const index = this.checkedRows.findIndex((x) => x.id === user.id);\n        if (index !== -1) {\n          this.checkedRows.splice(index, 1);\n        }\n      }\n    },\n    onCheckAll(value) {\n      if (value) {\n        this.checkedRows = this.usersResult;\n        this.uncheckedRows = [];\n      } else {\n        this.checkedRows = [];\n        this.uncheckedRows = this.usersResult;\n      }\n    },\n    getRightFrequencyArticle(frequency) {\n      let text = '';\n      if (frequency === this.frequenciesEnum.ONE_HOUR.value.minutes\n          || frequency === this.frequenciesEnum.TWENTY_FOUR_HOURS.value.minutes\n          || frequency === this.frequenciesEnum.ONE_WEEK.value.minutes\n          || frequency === this.frequenciesEnum.ONE_MONTH.value.minutes\n          || frequency === this.frequenciesEnum.ONE_YEAR.value.minutes) {\n        text = 'a';\n      }\n      return text;\n    },\n    getFrequencyName(frequency) {\n      const article = this.getRightFrequencyArticle(frequency.minutes);\n      return `${article} ${frequency.name}`;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.card-form-container {\n  margin-top: 20px !important;\n  margin-bottom: 5px !important;\n  max-width: 800px;\n}\n\n.card-content {\n  padding: 1rem !important;\n}\n\n.inner-element {\n  display: block !important;\n  margin-left: 55px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ManageRoles.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ManageRoles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ManageRoles.vue?vue&type=template&id=ce72b13c&scoped=true&\"\nimport script from \"./ManageRoles.vue?vue&type=script&lang=js&\"\nexport * from \"./ManageRoles.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ManageRoles.vue?vue&type=style&index=0&id=ce72b13c&prod&scoped=true&lang=css&\"\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  \"ce72b13c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}