{"version":3,"sources":["webpack:///./src/views/apps/user/users-list/UsersList.vue?cd38","webpack:///./src/views/apps/user/users-list/UsersListFilters.vue?682b","webpack:///src/views/apps/user/users-list/UsersListFilters.vue","webpack:///./src/views/apps/user/users-list/UsersListFilters.vue?ea9f","webpack:///./src/views/apps/user/users-list/UsersListFilters.vue","webpack:///./src/views/apps/user/users-list/UserListAddNew.vue?c579","webpack:///src/views/apps/user/users-list/UserListAddNew.vue","webpack:///./src/views/apps/user/users-list/UserListAddNew.vue?08b2","webpack:///./src/views/apps/user/users-list/UserListAddNew.vue","webpack:///src/views/apps/user/users-list/UsersList.vue","webpack:///./src/views/apps/user/users-list/UsersList.vue?330b","webpack:///./src/views/apps/user/users-list/UsersList.vue","webpack:///./src/views/apps/user/users-list/UserListAddNew.vue?0067","webpack:///./src/views/apps/user/users-list/UsersList.vue?7f94","webpack:///./src/@core/comp-functions/forms/form-validation.js","webpack:///./src/@fake-db/data/other/countries.js","webpack:///./src/views/apps/user/userStoreModule.js","webpack:///./src/views/apps/user/users-list/useUsersList.js","webpack:///./src/views/apps/user/users-list/UsersListFilters.vue?9ec1","webpack:///./src/views/apps/user/users-list/UsersList.vue?9418"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","isAddNewUserSidebarActive","roleOptions","planOptions","on","$event","refetchData","roleFilter","planFilter","statusFilter","statusOptions","staticClass","_v","$store","state","appConfig","isRTL","perPageOptions","model","value","callback","$$v","perPage","expression","searchQuery","ref","fetchUsers","tableColumns","sortBy","isSortDirDesc","scopedSlots","_u","key","fn","data","item","avatar","avatarText","fullName","resolveUserRoleVariant","role","name","params","id","proxy","_s","username","class","resolveUserRoleIcon","resolveUserStatusVariant","status","dataMeta","from","to","of","totalUsers","currentPage","staticRenderFns","val","$emit","components","BRow","BCol","BCard","BCardHeader","BCardBody","vSelect","props","type","String","default","Array","required","component","resetForm","hide","handleSubmit","preventDefault","onSubmit","apply","arguments","validationContext","getValidationState","userData","$set","errors","countries","directives","rawName","modifiers","BSidebar","BForm","BFormGroup","BFormInput","BFormInvalidFeedback","BButton","ValidationProvider","ValidationObserver","Ripple","prop","event","Boolean","alphaNum","email","setup","currentPlan","company","country","contact","JSON","parse","stringify","blankUserData","store","refFormObserver","UsersListFilters","UserListAddNew","BTable","BMedia","BAvatar","BLink","BBadge","BDropdown","BDropdownItem","BPagination","refUserListTable","formValidation","resetFormData","clearFormData","resetObserver","reset","dirty","validated","fieldRequired","changed","valid","result","nextTick","clearForm","namespaced","getters","mutations","actions","ctx","queryParams","Promise","resolve","reject","axios","get","then","response","catch","error","fetchUser","addUser","post","user","useUsersList","toast","useToast","sortable","label","formatter","title","computed","localItemsCount","localItems","length","refresh","watch","dispatch","q","page","sortDesc","plan","users","total","ToastificationContent","icon","variant"],"mappings":"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AN,EACMJ,SAAN,EACMlC,eAAN,EACMO,YAAN,EACMI,OAAN,EACMC,cAAN,EACMgG,iBAAN,EACMvH,YAAN,EAGM+B,WAAN,OAGME,uBAAN,EACMS,oBAAN,EACMC,yBAAN,EAEM/C,YAAN,EACMC,YAAN,EACMO,cAAN,EAGMH,WAAN,EACMC,WAAN,EACMC,aAAN,KCpVgY,ICS5X,G,oBAAY,eACd,EACAhB,EACAgE,GACA,EACA,KACA,WACA,OAIa,e,6CCpBf,W,oCCAA,W,oCCAA,kDAMe,SAASqE,EAAeC,GAAyC,IAA1BC,EAA0B,uDAAV,aAM9Dd,EAAkBzF,iBAAI,MAOtBwG,EAAgB,WACpBf,EAAgB/F,MAAM+G,SASlBhD,EAAqB,SAAC,GAAyE,IAAvEiD,EAAuE,EAAvEA,MAAOC,EAAgE,EAAhEA,UAAqBC,EAA2C,EAArD7D,SAAyB8D,EAA4B,EAA5BA,QAA4B,IAAnBC,aAAmB,MAAX,KAAW,EAC7FC,EAASL,GAASC,EAAYG,EAAQ,KAC5C,OAAQF,GAAkBC,EAAiBE,EAAP,MAQhC9D,EAAY,WAChBqD,IACAU,uBAAS,WACPR,QASES,EAAY,WAChBV,IACAS,uBAAS,WACPR,QAIJ,MAAO,CACLf,kBACAe,gBACA/C,qBACAR,YACAgE,e,oCC/DW,QACb,cACA,UACA,UACA,UACA,SACA,sBACA,YACA,UACA,YACA,UACA,aACA,UACA,UACA,aACA,WACA,UACA,UACA,SACA,QACA,SACA,UACA,yBACA,WACA,SACA,SACA,WACA,eACA,UACA,gBACA,aACA,WACA,WACA,SACA,2BACA,OACA,QACA,QACA,WACA,UACA,QACA,aACA,UACA,OACA,SACA,UACA,UACA,WACA,WACA,qBACA,UACA,QACA,cACA,oBACA,UACA,UACA,WACA,WACA,OACA,UACA,SACA,QACA,SACA,UACA,UACA,QACA,SACA,UACA,YACA,SACA,gBACA,SACA,QACA,WACA,WACA,UACA,UACA,QACA,YACA,OACA,OACA,UACA,SACA,QACA,UACA,QACA,SACA,aACA,QACA,WACA,SACA,aACA,OACA,SACA,UACA,UACA,UACA,QACA,gBACA,YACA,aACA,aACA,SACA,WACA,WACA,OACA,QACA,mBACA,aACA,YACA,SACA,aACA,UACA,SACA,WACA,aACA,UACA,aACA,UACA,UACA,QACA,QACA,cACA,cACA,YACA,QACA,UACA,cACA,kBACA,SACA,OACA,WACA,QACA,kBACA,SACA,mBACA,WACA,OACA,cACA,SACA,WACA,QACA,UACA,SACA,SACA,wBACA,cACA,iCACA,QACA,aACA,wBACA,eACA,UACA,SACA,aACA,eACA,YACA,WACA,WACA,kBACA,UACA,eACA,cACA,cACA,QACA,YACA,QACA,WACA,SACA,cACA,QACA,aACA,WACA,WACA,cACA,OACA,QACA,sBACA,UACA,SACA,eACA,SACA,SACA,UACA,uBACA,iBACA,MACA,UACA,aACA,UACA,YACA,UACA,QACA,SACA,a,8DChMa,QACbC,YAAY,EACZ7H,MAAO,GACP8H,QAAS,GACTC,UAAW,GACXC,QAAS,CACPpH,WADO,SACIqH,EAAKC,GACd,OAAO,IAAIC,SAAQ,SAACC,EAASC,GAC3BC,OACGC,IAAI,mBAAoB,CAAE3G,OAAQsG,IAClCM,MAAK,SAAAC,GAAQ,OAAIL,EAAQK,MACzBC,OAAM,SAAAC,GAAK,OAAIN,EAAOM,UAG7BC,UATO,SASGX,EATH,GASgB,IAANpG,EAAM,EAANA,GACf,OAAO,IAAIsG,SAAQ,SAACC,EAASC,GAC3BC,OACGC,IADH,2BAC2B1G,IACxB2G,MAAK,SAAAC,GAAQ,OAAIL,EAAQK,MACzBC,OAAM,SAAAC,GAAK,OAAIN,EAAOM,UAG7BE,QAjBO,SAiBCZ,EAAK5D,GACX,OAAO,IAAI8D,SAAQ,SAACC,EAASC,GAC3BC,OACGQ,KAAK,mBAAoB,CAAEC,KAAM1E,IACjCmE,MAAK,SAAAC,GAAQ,OAAIL,EAAQK,MACzBC,OAAM,SAAAC,GAAK,OAAIN,EAAOM,a,mFC7BjC,kGAQe,SAASK,IAEtB,IAAMC,EAAQC,wBAERnC,EAAmBpG,iBAAI,MAGvBE,EAAe,CACnB,CAAEK,IAAK,OAAQiI,UAAU,GACzB,CAAEjI,IAAK,QAASiI,UAAU,GAC1B,CAAEjI,IAAK,OAAQiI,UAAU,GACzB,CACEjI,IAAK,cACLkI,MAAO,OACPC,UAAWC,OACXH,UAAU,GAEZ,CAAEjI,IAAK,SAAUiI,UAAU,GAC3B,CAAEjI,IAAK,YAEHV,EAAUG,iBAAI,IACd8B,EAAa9B,iBAAI,GACjB+B,EAAc/B,iBAAI,GAClBR,EAAiB,CAAC,GAAI,GAAI,GAAI,KAC9BO,EAAcC,iBAAI,IAClBG,EAASH,iBAAI,MACbI,EAAgBJ,kBAAI,GACpBlB,EAAakB,iBAAI,MACjBjB,EAAaiB,iBAAI,MACjBhB,EAAegB,iBAAI,MAEnB0B,EAAWkH,uBAAS,WACxB,IAAMC,EAAkBzC,EAAiB1G,MAAQ0G,EAAiB1G,MAAMoJ,WAAWC,OAAS,EAC5F,MAAO,CACLpH,KAAM9B,EAAQH,OAASqC,EAAYrC,MAAQ,IAAMmJ,EAAkB,EAAI,GACvEjH,GAAI/B,EAAQH,OAASqC,EAAYrC,MAAQ,GAAKmJ,EAC9ChH,GAAIC,EAAWpC,UAIbb,EAAc,WAClBuH,EAAiB1G,MAAMsJ,WAGzBC,mBAAM,CAAClH,EAAalC,EAASE,EAAajB,EAAYC,EAAYC,IAAe,WAC/EH,OAGF,IAAMoB,EAAa,SAACqH,EAAK3H,GACvB6F,OACG0D,SAAS,sBAAuB,CAC/BC,EAAGpJ,EAAYL,MACfG,QAASA,EAAQH,MACjB0J,KAAMrH,EAAYrC,MAClBS,OAAQA,EAAOT,MACf2J,SAAUjJ,EAAcV,MACxBqB,KAAMjC,EAAWY,MACjB4J,KAAMvK,EAAWW,MACjB+B,OAAQzC,EAAaU,QAEtBmI,MAAK,SAAAC,GACJ,MAAyBA,EAASrH,KAA1B8I,EAAR,EAAQA,MAAOC,EAAf,EAAeA,MAEf7J,EAAS4J,GACTzH,EAAWpC,MAAQ8J,KAEpBzB,OAAM,WACLO,EAAM,CACJtF,UAAWyG,OACX/G,MAAO,CACLiG,MAAO,4BACPe,KAAM,oBACNC,QAAS,gBAUb7I,EAAyB,SAAAC,GAC7B,MAAa,eAATA,EAA8B,UACrB,WAATA,EAA0B,UACjB,eAATA,EAA8B,UACrB,WAATA,EAA0B,OACjB,UAATA,EAAyB,SACtB,WAGHQ,EAAsB,SAAAR,GAC1B,MAAa,eAATA,EAA8B,WACrB,WAATA,EAA0B,eACjB,eAATA,EAA8B,eACrB,WAATA,EAA0B,YACjB,UAATA,EAAyB,aACtB,YAGHS,EAA2B,SAAAC,GAC/B,MAAe,YAAXA,EAA6B,UAClB,WAAXA,EAA4B,UACjB,aAAXA,EAA8B,YAC3B,WAGT,MAAO,CACLxB,aACAC,eACAL,UACAkC,cACAD,aACAJ,WACAlC,iBACAO,cACAI,SACAC,gBACAgG,mBAEAtF,yBACAS,sBACAC,2BACA3C,cAGAC,aACAC,aACAC,kB,kCCxIJ,W,kCCAA","file":"js/chunk-043344b1.e7907597.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('user-list-add-new',{attrs:{\"is-add-new-user-sidebar-active\":_vm.isAddNewUserSidebarActive,\"role-options\":_vm.roleOptions,\"plan-options\":_vm.planOptions},on:{\"update:isAddNewUserSidebarActive\":function($event){_vm.isAddNewUserSidebarActive=$event},\"update:is-add-new-user-sidebar-active\":function($event){_vm.isAddNewUserSidebarActive=$event},\"refetch-data\":_vm.refetchData}}),_c('users-list-filters',{attrs:{\"role-filter\":_vm.roleFilter,\"plan-filter\":_vm.planFilter,\"status-filter\":_vm.statusFilter,\"role-options\":_vm.roleOptions,\"plan-options\":_vm.planOptions,\"status-options\":_vm.statusOptions},on:{\"update:roleFilter\":function($event){_vm.roleFilter=$event},\"update:role-filter\":function($event){_vm.roleFilter=$event},\"update:planFilter\":function($event){_vm.planFilter=$event},\"update:plan-filter\":function($event){_vm.planFilter=$event},\"update:statusFilter\":function($event){_vm.statusFilter=$event},\"update:status-filter\":function($event){_vm.statusFilter=$event}}}),_c('b-card',{staticClass:\"mb-0\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"m-2\"},[_c('b-row',[_c('b-col',{staticClass:\"d-flex align-items-center justify-content-start mb-1 mb-md-0\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('label',[_vm._v(\"Show\")]),_c('v-select',{staticClass:\"per-page-selector d-inline-block mx-50\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.perPageOptions,\"clearable\":false},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}}),_c('label',[_vm._v(\"entries\")])],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"d-flex align-items-center justify-content-end\"},[_c('b-form-input',{staticClass:\"d-inline-block mr-1\",attrs:{\"placeholder\":\"Search...\"},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}}),_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){_vm.isAddNewUserSidebarActive = true}}},[_c('span',{staticClass:\"text-nowrap\"},[_vm._v(\"Add User\")])])],1)])],1)],1),_c('b-table',{ref:\"refUserListTable\",staticClass:\"position-relative\",attrs:{\"items\":_vm.fetchUsers,\"responsive\":\"\",\"fields\":_vm.tableColumns,\"primary-key\":\"id\",\"sort-by\":_vm.sortBy,\"show-empty\":\"\",\"empty-text\":\"No matching records found\",\"sort-desc\":_vm.isSortDirDesc},on:{\"update:sortBy\":function($event){_vm.sortBy=$event},\"update:sort-by\":function($event){_vm.sortBy=$event},\"update:sortDesc\":function($event){_vm.isSortDirDesc=$event},\"update:sort-desc\":function($event){_vm.isSortDirDesc=$event}},scopedSlots:_vm._u([{key:\"cell(user)\",fn:function(data){return [_c('b-media',{attrs:{\"vertical-align\":\"center\"},scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-avatar',{attrs:{\"size\":\"32\",\"src\":data.item.avatar,\"text\":_vm.avatarText(data.item.fullName),\"variant\":(\"light-\" + (_vm.resolveUserRoleVariant(data.item.role))),\"to\":{ name: 'apps-users-view', params: { id: data.item.id } }}})]},proxy:true}],null,true)},[_c('b-link',{staticClass:\"font-weight-bold d-block text-nowrap\",attrs:{\"to\":{ name: 'apps-users-view', params: { id: data.item.id } }}},[_vm._v(\" \"+_vm._s(data.item.fullName)+\" \")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"@\"+_vm._s(data.item.username))])],1)]}},{key:\"cell(role)\",fn:function(data){return [_c('div',{staticClass:\"text-nowrap\"},[_c('feather-icon',{staticClass:\"mr-50\",class:(\"text-\" + (_vm.resolveUserRoleVariant(data.item.role))),attrs:{\"icon\":_vm.resolveUserRoleIcon(data.item.role),\"size\":\"18\"}}),_c('span',{staticClass:\"align-text-top text-capitalize\"},[_vm._v(_vm._s(data.item.role))])],1)]}},{key:\"cell(status)\",fn:function(data){return [_c('b-badge',{staticClass:\"text-capitalize\",attrs:{\"pill\":\"\",\"variant\":(\"light-\" + (_vm.resolveUserStatusVariant(data.item.status)))}},[_vm._v(\" \"+_vm._s(data.item.status)+\" \")])]}},{key:\"cell(actions)\",fn:function(data){return [_c('b-dropdown',{attrs:{\"variant\":\"link\",\"no-caret\":\"\",\"right\":_vm.$store.state.appConfig.isRTL},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('feather-icon',{staticClass:\"align-middle text-body\",attrs:{\"icon\":\"MoreVerticalIcon\",\"size\":\"16\"}})]},proxy:true}],null,true)},[_c('b-dropdown-item',{attrs:{\"to\":{ name: 'apps-users-view', params: { id: data.item.id } }}},[_c('feather-icon',{attrs:{\"icon\":\"FileTextIcon\"}}),_c('span',{staticClass:\"align-middle ml-50\"},[_vm._v(\"Details\")])],1),_c('b-dropdown-item',{attrs:{\"to\":{ name: 'apps-users-edit', params: { id: data.item.id } }}},[_c('feather-icon',{attrs:{\"icon\":\"EditIcon\"}}),_c('span',{staticClass:\"align-middle ml-50\"},[_vm._v(\"Edit\")])],1),_c('b-dropdown-item',[_c('feather-icon',{attrs:{\"icon\":\"TrashIcon\"}}),_c('span',{staticClass:\"align-middle ml-50\"},[_vm._v(\"Delete\")])],1)],1)]}}])}),_c('div',{staticClass:\"mx-2 mb-2\"},[_c('b-row',[_c('b-col',{staticClass:\"d-flex align-items-center justify-content-center justify-content-sm-start\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('span',{staticClass:\"text-muted\"},[_vm._v(\"Showing \"+_vm._s(_vm.dataMeta.from)+\" to \"+_vm._s(_vm.dataMeta.to)+\" of \"+_vm._s(_vm.dataMeta.of)+\" entries\")])]),_c('b-col',{staticClass:\"d-flex align-items-center justify-content-center justify-content-sm-end\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('b-pagination',{staticClass:\"mb-0 mt-1 mt-sm-0\",attrs:{\"total-rows\":_vm.totalUsers,\"per-page\":_vm.perPage,\"first-number\":\"\",\"last-number\":\"\",\"prev-class\":\"prev-item\",\"next-class\":\"next-item\"},scopedSlots:_vm._u([{key:\"prev-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronLeftIcon\",\"size\":\"18\"}})]},proxy:true},{key:\"next-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronRightIcon\",\"size\":\"18\"}})]},proxy:true}]),model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"pb-50\"},[_c('h5',[_vm._v(\" Filters \")])]),_c('b-card-body',[_c('b-row',[_c('b-col',{staticClass:\"mb-md-0 mb-2\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('label',[_vm._v(\"Role\")]),_c('v-select',{staticClass:\"w-100\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"value\":_vm.roleFilter,\"options\":_vm.roleOptions,\"reduce\":function (val) { return val.value; }},on:{\"input\":function (val) { return _vm.$emit('update:roleFilter', val); }}})],1),_c('b-col',{staticClass:\"mb-md-0 mb-2\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('label',[_vm._v(\"Plan\")]),_c('v-select',{staticClass:\"w-100\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"value\":_vm.planFilter,\"options\":_vm.planOptions,\"reduce\":function (val) { return val.value; }},on:{\"input\":function (val) { return _vm.$emit('update:planFilter', val); }}})],1),_c('b-col',{staticClass:\"mb-md-0 mb-2\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('label',[_vm._v(\"Status\")]),_c('v-select',{staticClass:\"w-100\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"value\":_vm.statusFilter,\"options\":_vm.statusOptions,\"reduce\":function (val) { return val.value; }},on:{\"input\":function (val) { return _vm.$emit('update:statusFilter', val); }}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header class=\"pb-50\">\n      <h5>\n        Filters\n      </h5>\n    </b-card-header>\n    <b-card-body>\n      <b-row>\n        <b-col\n          cols=\"12\"\n          md=\"4\"\n          class=\"mb-md-0 mb-2\"\n        >\n          <label>Role</label>\n          <v-select\n            :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n            :value=\"roleFilter\"\n            :options=\"roleOptions\"\n            class=\"w-100\"\n            :reduce=\"val => val.value\"\n            @input=\"(val) => $emit('update:roleFilter', val)\"\n          />\n        </b-col>\n        <b-col\n          cols=\"12\"\n          md=\"4\"\n          class=\"mb-md-0 mb-2\"\n        >\n          <label>Plan</label>\n          <v-select\n            :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n            :value=\"planFilter\"\n            :options=\"planOptions\"\n            class=\"w-100\"\n            :reduce=\"val => val.value\"\n            @input=\"(val) => $emit('update:planFilter', val)\"\n          />\n        </b-col>\n        <b-col\n          cols=\"12\"\n          md=\"4\"\n          class=\"mb-md-0 mb-2\"\n        >\n          <label>Status</label>\n          <v-select\n            :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n            :value=\"statusFilter\"\n            :options=\"statusOptions\"\n            class=\"w-100\"\n            :reduce=\"val => val.value\"\n            @input=\"(val) => $emit('update:statusFilter', val)\"\n          />\n        </b-col>\n      </b-row>\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BCardHeader, BCardBody, BRow, BCol,\n} from 'bootstrap-vue'\nimport vSelect from 'vue-select'\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    BCardHeader,\n    BCardBody,\n    vSelect,\n  },\n  props: {\n    roleFilter: {\n      type: [String, null],\n      default: null,\n    },\n    planFilter: {\n      type: [String, null],\n      default: null,\n    },\n    statusFilter: {\n      type: [String, null],\n      default: null,\n    },\n    roleOptions: {\n      type: Array,\n      required: true,\n    },\n    planOptions: {\n      type: Array,\n      required: true,\n    },\n    statusOptions: {\n      type: Array,\n      required: true,\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/vue-select.scss';\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!./UsersListFilters.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!./UsersListFilters.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsersListFilters.vue?vue&type=template&id=6a3fed34&\"\nimport script from \"./UsersListFilters.vue?vue&type=script&lang=js&\"\nexport * from \"./UsersListFilters.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UsersListFilters.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-sidebar',{attrs:{\"id\":\"add-new-user-sidebar\",\"visible\":_vm.isAddNewUserSidebarActive,\"bg-variant\":\"white\",\"sidebar-class\":\"sidebar-lg\",\"shadow\":\"\",\"backdrop\":\"\",\"no-header\":\"\",\"right\":\"\"},on:{\"hidden\":_vm.resetForm,\"change\":function (val) { return _vm.$emit('update:is-add-new-user-sidebar-active', val); }},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar hide = ref.hide;\nreturn [_c('div',{staticClass:\"d-flex justify-content-between align-items-center content-sidebar-header px-2 py-1\"},[_c('h5',{staticClass:\"mb-0\"},[_vm._v(\" Add New User \")]),_c('feather-icon',{staticClass:\"ml-1 cursor-pointer\",attrs:{\"icon\":\"XIcon\",\"size\":\"16\"},on:{\"click\":hide}})],1),_c('validation-observer',{ref:\"refFormObserver\",scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar handleSubmit = ref.handleSubmit;\nreturn [_c('b-form',{staticClass:\"p-2\",on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.onSubmit)},\"reset\":function($event){$event.preventDefault();return _vm.resetForm.apply(null, arguments)}}},[_c('validation-provider',{attrs:{\"name\":\"Full Name\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-group',{attrs:{\"label\":\"Full Name\",\"label-for\":\"full-name\"}},[_c('b-form-input',{attrs:{\"id\":\"full-name\",\"autofocus\":\"\",\"state\":_vm.getValidationState(validationContext),\"trim\":\"\",\"placeholder\":\"John Doe\"},model:{value:(_vm.userData.fullName),callback:function ($$v) {_vm.$set(_vm.userData, \"fullName\", $$v)},expression:\"userData.fullName\"}}),_c('b-form-invalid-feedback',[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])],1)]}}],null,true)}),_c('validation-provider',{attrs:{\"name\":\"Username\",\"rules\":\"required|alpha-num\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-group',{attrs:{\"label\":\"Username\",\"label-for\":\"username\"}},[_c('b-form-input',{attrs:{\"id\":\"username\",\"state\":_vm.getValidationState(validationContext),\"trim\":\"\"},model:{value:(_vm.userData.username),callback:function ($$v) {_vm.$set(_vm.userData, \"username\", $$v)},expression:\"userData.username\"}}),_c('b-form-invalid-feedback',[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])],1)]}}],null,true)}),_c('validation-provider',{attrs:{\"name\":\"Email\",\"rules\":\"required|email\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"email\"}},[_c('b-form-input',{attrs:{\"id\":\"email\",\"state\":_vm.getValidationState(validationContext),\"trim\":\"\"},model:{value:(_vm.userData.email),callback:function ($$v) {_vm.$set(_vm.userData, \"email\", $$v)},expression:\"userData.email\"}}),_c('b-form-invalid-feedback',[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])],1)]}}],null,true)}),_c('validation-provider',{attrs:{\"name\":\"Contact\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-group',{attrs:{\"label\":\"Contact\",\"label-for\":\"contact\"}},[_c('b-form-input',{attrs:{\"id\":\"contact\",\"state\":_vm.getValidationState(validationContext),\"trim\":\"\"},model:{value:(_vm.userData.contact),callback:function ($$v) {_vm.$set(_vm.userData, \"contact\", $$v)},expression:\"userData.contact\"}}),_c('b-form-invalid-feedback',[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])],1)]}}],null,true)}),_c('validation-provider',{attrs:{\"name\":\"Company\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-group',{attrs:{\"label\":\"Company\",\"label-for\":\"company\"}},[_c('b-form-input',{attrs:{\"id\":\"company\",\"state\":_vm.getValidationState(validationContext),\"trim\":\"\"},model:{value:(_vm.userData.company),callback:function ($$v) {_vm.$set(_vm.userData, \"company\", $$v)},expression:\"userData.company\"}}),_c('b-form-invalid-feedback',[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])],1)]}}],null,true)}),_c('validation-provider',{attrs:{\"name\":\"Country\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-group',{attrs:{\"label\":\"Country\",\"label-for\":\"country\",\"state\":_vm.getValidationState(validationContext)}},[_c('v-select',{attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.countries,\"clearable\":false,\"input-id\":\"country\"},model:{value:(_vm.userData.country),callback:function ($$v) {_vm.$set(_vm.userData, \"country\", $$v)},expression:\"userData.country\"}}),_c('b-form-invalid-feedback',{attrs:{\"state\":_vm.getValidationState(validationContext)}},[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])],1)]}}],null,true)}),_c('validation-provider',{attrs:{\"name\":\"User Role\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-group',{attrs:{\"label\":\"User Role\",\"label-for\":\"user-role\",\"state\":_vm.getValidationState(validationContext)}},[_c('v-select',{attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.roleOptions,\"reduce\":function (val) { return val.value; },\"clearable\":false,\"input-id\":\"user-role\"},model:{value:(_vm.userData.role),callback:function ($$v) {_vm.$set(_vm.userData, \"role\", $$v)},expression:\"userData.role\"}}),_c('b-form-invalid-feedback',{attrs:{\"state\":_vm.getValidationState(validationContext)}},[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])],1)]}}],null,true)}),_c('validation-provider',{attrs:{\"name\":\"Plan\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-group',{attrs:{\"label\":\"Plan\",\"label-for\":\"plan\",\"state\":_vm.getValidationState(validationContext)}},[_c('v-select',{attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.planOptions,\"reduce\":function (val) { return val.value; },\"clearable\":false,\"input-id\":\"plan\"},model:{value:(_vm.userData.currentPlan),callback:function ($$v) {_vm.$set(_vm.userData, \"currentPlan\", $$v)},expression:\"userData.currentPlan\"}}),_c('b-form-invalid-feedback',{attrs:{\"state\":_vm.getValidationState(validationContext)}},[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])],1)]}}],null,true)}),_c('div',{staticClass:\"d-flex mt-2\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mr-2\",attrs:{\"variant\":\"primary\",\"type\":\"submit\"}},[_vm._v(\" Add \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"button\",\"variant\":\"outline-secondary\"},on:{\"click\":hide}},[_vm._v(\" Cancel \")])],1)],1)]}}],null,true)})]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-sidebar\n    id=\"add-new-user-sidebar\"\n    :visible=\"isAddNewUserSidebarActive\"\n    bg-variant=\"white\"\n    sidebar-class=\"sidebar-lg\"\n    shadow\n    backdrop\n    no-header\n    right\n    @hidden=\"resetForm\"\n    @change=\"(val) => $emit('update:is-add-new-user-sidebar-active', val)\"\n  >\n    <template #default=\"{ hide }\">\n      <!-- Header -->\n      <div class=\"d-flex justify-content-between align-items-center content-sidebar-header px-2 py-1\">\n        <h5 class=\"mb-0\">\n          Add New User\n        </h5>\n\n        <feather-icon\n          class=\"ml-1 cursor-pointer\"\n          icon=\"XIcon\"\n          size=\"16\"\n          @click=\"hide\"\n        />\n\n      </div>\n\n      <!-- BODY -->\n      <validation-observer\n        #default=\"{ handleSubmit }\"\n        ref=\"refFormObserver\"\n      >\n        <!-- Form -->\n        <b-form\n          class=\"p-2\"\n          @submit.prevent=\"handleSubmit(onSubmit)\"\n          @reset.prevent=\"resetForm\"\n        >\n\n          <!-- Full Name -->\n          <validation-provider\n            #default=\"validationContext\"\n            name=\"Full Name\"\n            rules=\"required\"\n          >\n            <b-form-group\n              label=\"Full Name\"\n              label-for=\"full-name\"\n            >\n              <b-form-input\n                id=\"full-name\"\n                v-model=\"userData.fullName\"\n                autofocus\n                :state=\"getValidationState(validationContext)\"\n                trim\n                placeholder=\"John Doe\"\n              />\n\n              <b-form-invalid-feedback>\n                {{ validationContext.errors[0] }}\n              </b-form-invalid-feedback>\n            </b-form-group>\n          </validation-provider>\n\n          <!-- Username -->\n          <validation-provider\n            #default=\"validationContext\"\n            name=\"Username\"\n            rules=\"required|alpha-num\"\n          >\n            <b-form-group\n              label=\"Username\"\n              label-for=\"username\"\n            >\n              <b-form-input\n                id=\"username\"\n                v-model=\"userData.username\"\n                :state=\"getValidationState(validationContext)\"\n                trim\n              />\n\n              <b-form-invalid-feedback>\n                {{ validationContext.errors[0] }}\n              </b-form-invalid-feedback>\n            </b-form-group>\n          </validation-provider>\n\n          <!-- Email -->\n          <validation-provider\n            #default=\"validationContext\"\n            name=\"Email\"\n            rules=\"required|email\"\n          >\n            <b-form-group\n              label=\"Email\"\n              label-for=\"email\"\n            >\n              <b-form-input\n                id=\"email\"\n                v-model=\"userData.email\"\n                :state=\"getValidationState(validationContext)\"\n                trim\n              />\n\n              <b-form-invalid-feedback>\n                {{ validationContext.errors[0] }}\n              </b-form-invalid-feedback>\n            </b-form-group>\n          </validation-provider>\n\n          <!-- Company -->\n          <validation-provider\n            #default=\"validationContext\"\n            name=\"Contact\"\n            rules=\"required\"\n          >\n            <b-form-group\n              label=\"Contact\"\n              label-for=\"contact\"\n            >\n              <b-form-input\n                id=\"contact\"\n                v-model=\"userData.contact\"\n                :state=\"getValidationState(validationContext)\"\n                trim\n              />\n\n              <b-form-invalid-feedback>\n                {{ validationContext.errors[0] }}\n              </b-form-invalid-feedback>\n            </b-form-group>\n          </validation-provider>\n\n          <!-- Company -->\n          <validation-provider\n            #default=\"validationContext\"\n            name=\"Company\"\n            rules=\"required\"\n          >\n            <b-form-group\n              label=\"Company\"\n              label-for=\"company\"\n            >\n              <b-form-input\n                id=\"company\"\n                v-model=\"userData.company\"\n                :state=\"getValidationState(validationContext)\"\n                trim\n              />\n\n              <b-form-invalid-feedback>\n                {{ validationContext.errors[0] }}\n              </b-form-invalid-feedback>\n            </b-form-group>\n          </validation-provider>\n\n          <!-- Country -->\n          <validation-provider\n            #default=\"validationContext\"\n            name=\"Country\"\n            rules=\"required\"\n          >\n            <b-form-group\n              label=\"Country\"\n              label-for=\"country\"\n              :state=\"getValidationState(validationContext)\"\n            >\n              <v-select\n                v-model=\"userData.country\"\n                :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n                :options=\"countries\"\n                :clearable=\"false\"\n                input-id=\"country\"\n              />\n              <b-form-invalid-feedback :state=\"getValidationState(validationContext)\">\n                {{ validationContext.errors[0] }}\n              </b-form-invalid-feedback>\n            </b-form-group>\n          </validation-provider>\n\n          <!-- User Role -->\n          <validation-provider\n            #default=\"validationContext\"\n            name=\"User Role\"\n            rules=\"required\"\n          >\n            <b-form-group\n              label=\"User Role\"\n              label-for=\"user-role\"\n              :state=\"getValidationState(validationContext)\"\n            >\n              <v-select\n                v-model=\"userData.role\"\n                :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n                :options=\"roleOptions\"\n                :reduce=\"val => val.value\"\n                :clearable=\"false\"\n                input-id=\"user-role\"\n              />\n              <b-form-invalid-feedback :state=\"getValidationState(validationContext)\">\n                {{ validationContext.errors[0] }}\n              </b-form-invalid-feedback>\n            </b-form-group>\n          </validation-provider>\n\n          <!-- Plan -->\n          <validation-provider\n            #default=\"validationContext\"\n            name=\"Plan\"\n            rules=\"required\"\n          >\n            <b-form-group\n              label=\"Plan\"\n              label-for=\"plan\"\n              :state=\"getValidationState(validationContext)\"\n            >\n              <v-select\n                v-model=\"userData.currentPlan\"\n                :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n                :options=\"planOptions\"\n                :reduce=\"val => val.value\"\n                :clearable=\"false\"\n                input-id=\"plan\"\n              />\n              <b-form-invalid-feedback :state=\"getValidationState(validationContext)\">\n                {{ validationContext.errors[0] }}\n              </b-form-invalid-feedback>\n            </b-form-group>\n          </validation-provider>\n\n          <!-- Form Actions -->\n          <div class=\"d-flex mt-2\">\n            <b-button\n              v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n              variant=\"primary\"\n              class=\"mr-2\"\n              type=\"submit\"\n            >\n              Add\n            </b-button>\n            <b-button\n              v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n              type=\"button\"\n              variant=\"outline-secondary\"\n              @click=\"hide\"\n            >\n              Cancel\n            </b-button>\n          </div>\n\n        </b-form>\n      </validation-observer>\n    </template>\n  </b-sidebar>\n</template>\n\n<script>\nimport {\n  BSidebar, BForm, BFormGroup, BFormInput, BFormInvalidFeedback, BButton,\n} from 'bootstrap-vue'\nimport { ValidationProvider, ValidationObserver } from 'vee-validate'\nimport { ref } from '@vue/composition-api'\nimport { required, alphaNum, email } from '@validations'\nimport formValidation from '@core/comp-functions/forms/form-validation'\nimport Ripple from 'vue-ripple-directive'\nimport vSelect from 'vue-select'\nimport countries from '@/@fake-db/data/other/countries'\nimport store from '@/store'\n\nexport default {\n  components: {\n    BSidebar,\n    BForm,\n    BFormGroup,\n    BFormInput,\n    BFormInvalidFeedback,\n    BButton,\n    vSelect,\n\n    // Form Validation\n    ValidationProvider,\n    ValidationObserver,\n  },\n  directives: {\n    Ripple,\n  },\n  model: {\n    prop: 'isAddNewUserSidebarActive',\n    event: 'update:is-add-new-user-sidebar-active',\n  },\n  props: {\n    isAddNewUserSidebarActive: {\n      type: Boolean,\n      required: true,\n    },\n    roleOptions: {\n      type: Array,\n      required: true,\n    },\n    planOptions: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      required,\n      alphaNum,\n      email,\n      countries,\n    }\n  },\n  setup(props, { emit }) {\n    const blankUserData = {\n      fullName: '',\n      username: '',\n      email: '',\n      role: null,\n      currentPlan: null,\n      company: '',\n      country: '',\n      contact: '',\n    }\n\n    const userData = ref(JSON.parse(JSON.stringify(blankUserData)))\n    const resetuserData = () => {\n      userData.value = JSON.parse(JSON.stringify(blankUserData))\n    }\n\n    const onSubmit = () => {\n      store.dispatch('app-user/addUser', userData.value)\n        .then(() => {\n          emit('refetch-data')\n          emit('update:is-add-new-user-sidebar-active', false)\n        })\n    }\n\n    const {\n      refFormObserver,\n      getValidationState,\n      resetForm,\n    } = formValidation(resetuserData)\n\n    return {\n      userData,\n      onSubmit,\n\n      refFormObserver,\n      getValidationState,\n      resetForm,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/vue-select.scss';\n\n#add-new-user-sidebar {\n  .vs__dropdown-menu {\n    max-height: 200px !important;\n  }\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!./UserListAddNew.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!./UserListAddNew.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserListAddNew.vue?vue&type=template&id=2c7d8d2c&\"\nimport script from \"./UserListAddNew.vue?vue&type=script&lang=js&\"\nexport * from \"./UserListAddNew.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserListAddNew.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","<template>\n\n  <div>\n\n    <user-list-add-new\n      :is-add-new-user-sidebar-active.sync=\"isAddNewUserSidebarActive\"\n      :role-options=\"roleOptions\"\n      :plan-options=\"planOptions\"\n      @refetch-data=\"refetchData\"\n    />\n\n    <!-- Filters -->\n    <users-list-filters\n      :role-filter.sync=\"roleFilter\"\n      :plan-filter.sync=\"planFilter\"\n      :status-filter.sync=\"statusFilter\"\n      :role-options=\"roleOptions\"\n      :plan-options=\"planOptions\"\n      :status-options=\"statusOptions\"\n    />\n\n    <!-- Table Container Card -->\n    <b-card\n      no-body\n      class=\"mb-0\"\n    >\n\n      <div class=\"m-2\">\n\n        <!-- Table Top -->\n        <b-row>\n\n          <!-- Per Page -->\n          <b-col\n            cols=\"12\"\n            md=\"6\"\n            class=\"d-flex align-items-center justify-content-start mb-1 mb-md-0\"\n          >\n            <label>Show</label>\n            <v-select\n              v-model=\"perPage\"\n              :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n              :options=\"perPageOptions\"\n              :clearable=\"false\"\n              class=\"per-page-selector d-inline-block mx-50\"\n            />\n            <label>entries</label>\n          </b-col>\n\n          <!-- Search -->\n          <b-col\n            cols=\"12\"\n            md=\"6\"\n          >\n            <div class=\"d-flex align-items-center justify-content-end\">\n              <b-form-input\n                v-model=\"searchQuery\"\n                class=\"d-inline-block mr-1\"\n                placeholder=\"Search...\"\n              />\n              <b-button\n                variant=\"primary\"\n                @click=\"isAddNewUserSidebarActive = true\"\n              >\n                <span class=\"text-nowrap\">Add User</span>\n              </b-button>\n            </div>\n          </b-col>\n        </b-row>\n\n      </div>\n\n      <b-table\n        ref=\"refUserListTable\"\n        class=\"position-relative\"\n        :items=\"fetchUsers\"\n        responsive\n        :fields=\"tableColumns\"\n        primary-key=\"id\"\n        :sort-by.sync=\"sortBy\"\n        show-empty\n        empty-text=\"No matching records found\"\n        :sort-desc.sync=\"isSortDirDesc\"\n      >\n\n        <!-- Column: User -->\n        <template #cell(user)=\"data\">\n          <b-media vertical-align=\"center\">\n            <template #aside>\n              <b-avatar\n                size=\"32\"\n                :src=\"data.item.avatar\"\n                :text=\"avatarText(data.item.fullName)\"\n                :variant=\"`light-${resolveUserRoleVariant(data.item.role)}`\"\n                :to=\"{ name: 'apps-users-view', params: { id: data.item.id } }\"\n              />\n            </template>\n            <b-link\n              :to=\"{ name: 'apps-users-view', params: { id: data.item.id } }\"\n              class=\"font-weight-bold d-block text-nowrap\"\n            >\n              {{ data.item.fullName }}\n            </b-link>\n            <small class=\"text-muted\">@{{ data.item.username }}</small>\n          </b-media>\n        </template>\n\n        <!-- Column: Role -->\n        <template #cell(role)=\"data\">\n          <div class=\"text-nowrap\">\n            <feather-icon\n              :icon=\"resolveUserRoleIcon(data.item.role)\"\n              size=\"18\"\n              class=\"mr-50\"\n              :class=\"`text-${resolveUserRoleVariant(data.item.role)}`\"\n            />\n            <span class=\"align-text-top text-capitalize\">{{ data.item.role }}</span>\n          </div>\n        </template>\n\n        <!-- Column: Status -->\n        <template #cell(status)=\"data\">\n          <b-badge\n            pill\n            :variant=\"`light-${resolveUserStatusVariant(data.item.status)}`\"\n            class=\"text-capitalize\"\n          >\n            {{ data.item.status }}\n          </b-badge>\n        </template>\n\n        <!-- Column: Actions -->\n        <template #cell(actions)=\"data\">\n          <b-dropdown\n            variant=\"link\"\n            no-caret\n            :right=\"$store.state.appConfig.isRTL\"\n          >\n\n            <template #button-content>\n              <feather-icon\n                icon=\"MoreVerticalIcon\"\n                size=\"16\"\n                class=\"align-middle text-body\"\n              />\n            </template>\n            <b-dropdown-item :to=\"{ name: 'apps-users-view', params: { id: data.item.id } }\">\n              <feather-icon icon=\"FileTextIcon\" />\n              <span class=\"align-middle ml-50\">Details</span>\n            </b-dropdown-item>\n\n            <b-dropdown-item :to=\"{ name: 'apps-users-edit', params: { id: data.item.id } }\">\n              <feather-icon icon=\"EditIcon\" />\n              <span class=\"align-middle ml-50\">Edit</span>\n            </b-dropdown-item>\n\n            <b-dropdown-item>\n              <feather-icon icon=\"TrashIcon\" />\n              <span class=\"align-middle ml-50\">Delete</span>\n            </b-dropdown-item>\n          </b-dropdown>\n        </template>\n\n      </b-table>\n      <div class=\"mx-2 mb-2\">\n        <b-row>\n\n          <b-col\n            cols=\"12\"\n            sm=\"6\"\n            class=\"d-flex align-items-center justify-content-center justify-content-sm-start\"\n          >\n            <span class=\"text-muted\">Showing {{ dataMeta.from }} to {{ dataMeta.to }} of {{ dataMeta.of }} entries</span>\n          </b-col>\n          <!-- Pagination -->\n          <b-col\n            cols=\"12\"\n            sm=\"6\"\n            class=\"d-flex align-items-center justify-content-center justify-content-sm-end\"\n          >\n\n            <b-pagination\n              v-model=\"currentPage\"\n              :total-rows=\"totalUsers\"\n              :per-page=\"perPage\"\n              first-number\n              last-number\n              class=\"mb-0 mt-1 mt-sm-0\"\n              prev-class=\"prev-item\"\n              next-class=\"next-item\"\n            >\n              <template #prev-text>\n                <feather-icon\n                  icon=\"ChevronLeftIcon\"\n                  size=\"18\"\n                />\n              </template>\n              <template #next-text>\n                <feather-icon\n                  icon=\"ChevronRightIcon\"\n                  size=\"18\"\n                />\n              </template>\n            </b-pagination>\n\n          </b-col>\n\n        </b-row>\n      </div>\n    </b-card>\n  </div>\n</template>\n\n<script>\nimport {\n  BCard, BRow, BCol, BFormInput, BButton, BTable, BMedia, BAvatar, BLink,\n  BBadge, BDropdown, BDropdownItem, BPagination,\n} from 'bootstrap-vue'\nimport vSelect from 'vue-select'\nimport store from '@/store'\nimport { ref, onUnmounted } from '@vue/composition-api'\nimport { avatarText } from '@core/utils/filter'\nimport UsersListFilters from './UsersListFilters.vue'\nimport useUsersList from './useUsersList'\nimport userStoreModule from '../userStoreModule'\nimport UserListAddNew from './UserListAddNew.vue'\n\nexport default {\n  components: {\n    UsersListFilters,\n    UserListAddNew,\n\n    BCard,\n    BRow,\n    BCol,\n    BFormInput,\n    BButton,\n    BTable,\n    BMedia,\n    BAvatar,\n    BLink,\n    BBadge,\n    BDropdown,\n    BDropdownItem,\n    BPagination,\n\n    vSelect,\n  },\n  setup() {\n    const USER_APP_STORE_MODULE_NAME = 'app-user'\n\n    // Register module\n    if (!store.hasModule(USER_APP_STORE_MODULE_NAME)) store.registerModule(USER_APP_STORE_MODULE_NAME, userStoreModule)\n\n    // UnRegister on leave\n    onUnmounted(() => {\n      if (store.hasModule(USER_APP_STORE_MODULE_NAME)) store.unregisterModule(USER_APP_STORE_MODULE_NAME)\n    })\n\n    const isAddNewUserSidebarActive = ref(false)\n\n    const roleOptions = [\n      { label: 'Admin', value: 'admin' },\n      { label: 'Author', value: 'author' },\n      { label: 'Editor', value: 'editor' },\n      { label: 'Maintainer', value: 'maintainer' },\n      { label: 'Subscriber', value: 'subscriber' },\n    ]\n\n    const planOptions = [\n      { label: 'Basic', value: 'basic' },\n      { label: 'Company', value: 'company' },\n      { label: 'Enterprise', value: 'enterprise' },\n      { label: 'Team', value: 'team' },\n    ]\n\n    const statusOptions = [\n      { label: 'Pending', value: 'pending' },\n      { label: 'Active', value: 'active' },\n      { label: 'Inactive', value: 'inactive' },\n    ]\n\n    const {\n      fetchUsers,\n      tableColumns,\n      perPage,\n      currentPage,\n      totalUsers,\n      dataMeta,\n      perPageOptions,\n      searchQuery,\n      sortBy,\n      isSortDirDesc,\n      refUserListTable,\n      refetchData,\n\n      // UI\n      resolveUserRoleVariant,\n      resolveUserRoleIcon,\n      resolveUserStatusVariant,\n\n      // Extra Filters\n      roleFilter,\n      planFilter,\n      statusFilter,\n    } = useUsersList()\n\n    return {\n\n      // Sidebar\n      isAddNewUserSidebarActive,\n\n      fetchUsers,\n      tableColumns,\n      perPage,\n      currentPage,\n      totalUsers,\n      dataMeta,\n      perPageOptions,\n      searchQuery,\n      sortBy,\n      isSortDirDesc,\n      refUserListTable,\n      refetchData,\n\n      // Filter\n      avatarText,\n\n      // UI\n      resolveUserRoleVariant,\n      resolveUserRoleIcon,\n      resolveUserStatusVariant,\n\n      roleOptions,\n      planOptions,\n      statusOptions,\n\n      // Extra Filters\n      roleFilter,\n      planFilter,\n      statusFilter,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.per-page-selector {\n  width: 90px;\n}\n</style>\n\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/vue-select.scss';\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!./UsersList.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!./UsersList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsersList.vue?vue&type=template&id=32017d0f&scoped=true&\"\nimport script from \"./UsersList.vue?vue&type=script&lang=js&\"\nexport * from \"./UsersList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UsersList.vue?vue&type=style&index=0&id=32017d0f&lang=scss&scoped=true&\"\nimport style1 from \"./UsersList.vue?vue&type=style&index=1&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  \"32017d0f\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserListAddNew.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersList.vue?vue&type=style&index=0&id=32017d0f&lang=scss&scoped=true&\"","import { ref, nextTick } from '@vue/composition-api'\n\n// ===========================================================\n// ! This is coupled with \"veeValidate\" plugin\n// ===========================================================\n\nexport default function formValidation(resetFormData, clearFormData = () => {}) {\n  // ------------------------------------------------\n  // refFormObserver\n  // ! This is for veeValidate Observer\n  // * Used for veeValidate form observer\n  // ------------------------------------------------\n  const refFormObserver = ref(null)\n\n  // ------------------------------------------------\n  // resetObserver\n  // ! This function is coupled with veeValidate\n  // * It resets form observer\n  // ------------------------------------------------\n  const resetObserver = () => {\n    refFormObserver.value.reset()\n  }\n\n  // ------------------------------------------------\n  // getValidationState\n  // ! This function is coupled with veeValidate\n  // * It returns true/false based on validation\n  // ------------------------------------------------\n  // eslint-disable-next-line object-curly-newline\n  const getValidationState = ({ dirty, validated, required: fieldRequired, changed, valid = null }) => {\n    const result = dirty || validated ? valid : null\n    return !fieldRequired && !changed ? null : result\n  }\n\n  // ------------------------------------------------\n  // resetForm\n  // ! This function is coupled with veeValidate\n  // * This uses resetFormData arg to reset form data\n  // ------------------------------------------------\n  const resetForm = () => {\n    resetFormData()\n    nextTick(() => {\n      resetObserver()\n    })\n  }\n\n  // ------------------------------------------------\n  // clearForm\n  // ! This function is coupled with veeValidate\n  // * This uses clearFormData arg to reset form data\n  // ------------------------------------------------\n  const clearForm = () => {\n    clearFormData()\n    nextTick(() => {\n      resetObserver()\n    })\n  }\n\n  return {\n    refFormObserver,\n    resetObserver,\n    getValidationState,\n    resetForm,\n    clearForm,\n  }\n}\n","export default [\n  'Afghanistan',\n  'Albania',\n  'Algeria',\n  'Andorra',\n  'Angola',\n  'Antigua and Barbuda',\n  'Argentina',\n  'Armenia',\n  'Australia',\n  'Austria',\n  'Azerbaijan',\n  'Bahamas',\n  'Bahrain',\n  'Bangladesh',\n  'Barbados',\n  'Belarus',\n  'Belgium',\n  'Belize',\n  'Benin',\n  'Bhutan',\n  'Bolivia',\n  'Bosnia and Herzegovina',\n  'Botswana',\n  'Brazil',\n  'Brunei',\n  'Bulgaria',\n  'Burkina Faso',\n  'Burundi',\n  \"Côte d'Ivoire\",\n  'Cabo Verde',\n  'Cambodia',\n  'Cameroon',\n  'Canada',\n  'Central African Republic',\n  'Chad',\n  'Chile',\n  'China',\n  'Colombia',\n  'Comoros',\n  'Congo',\n  'Costa Rica',\n  'Croatia',\n  'Cuba',\n  'Cyprus',\n  'Czechia',\n  'Denmark',\n  'Djibouti',\n  'Dominica',\n  'Dominican Republic',\n  'Ecuador',\n  'Egypt',\n  'El Salvador',\n  'Equatorial Guinea',\n  'Eritrea',\n  'Estonia',\n  'Eswatini',\n  'Ethiopia',\n  'Fiji',\n  'Finland',\n  'France',\n  'Gabon',\n  'Gambia',\n  'Georgia',\n  'Germany',\n  'Ghana',\n  'Greece',\n  'Grenada',\n  'Guatemala',\n  'Guinea',\n  'Guinea-Bissau',\n  'Guyana',\n  'Haiti',\n  'Holy See',\n  'Honduras',\n  'Hungary',\n  'Iceland',\n  'India',\n  'Indonesia',\n  'Iran',\n  'Iraq',\n  'Ireland',\n  'Israel',\n  'Italy',\n  'Jamaica',\n  'Japan',\n  'Jordan',\n  'Kazakhstan',\n  'Kenya',\n  'Kiribati',\n  'Kuwait',\n  'Kyrgyzstan',\n  'Laos',\n  'Latvia',\n  'Lebanon',\n  'Lesotho',\n  'Liberia',\n  'Libya',\n  'Liechtenstein',\n  'Lithuania',\n  'Luxembourg',\n  'Madagascar',\n  'Malawi',\n  'Malaysia',\n  'Maldives',\n  'Mali',\n  'Malta',\n  'Marshall Islands',\n  'Mauritania',\n  'Mauritius',\n  'Mexico',\n  'Micronesia',\n  'Moldova',\n  'Monaco',\n  'Mongolia',\n  'Montenegro',\n  'Morocco',\n  'Mozambique',\n  'Myanmar',\n  'Namibia',\n  'Nauru',\n  'Nepal',\n  'Netherlands',\n  'New Zealand',\n  'Nicaragua',\n  'Niger',\n  'Nigeria',\n  'North Korea',\n  'North Macedonia',\n  'Norway',\n  'Oman',\n  'Pakistan',\n  'Palau',\n  'Palestine State',\n  'Panama',\n  'Papua New Guinea',\n  'Paraguay',\n  'Peru',\n  'Philippines',\n  'Poland',\n  'Portugal',\n  'Qatar',\n  'Romania',\n  'Russia',\n  'Rwanda',\n  'Saint Kitts and Nevis',\n  'Saint Lucia',\n  'Saint Vincent & the Grenadines',\n  'Samoa',\n  'San Marino',\n  'Sao Tome and Principe',\n  'Saudi Arabia',\n  'Senegal',\n  'Serbia',\n  'Seychelles',\n  'Sierra Leone',\n  'Singapore',\n  'Slovakia',\n  'Slovenia',\n  'Solomon Islands',\n  'Somalia',\n  'South Africa',\n  'South Korea',\n  'South Sudan',\n  'Spain',\n  'Sri Lanka',\n  'Sudan',\n  'Suriname',\n  'Sweden',\n  'Switzerland',\n  'Syria',\n  'Tajikistan',\n  'Tanzania',\n  'Thailand',\n  'Timor-Leste',\n  'Togo',\n  'Tonga',\n  'Trinidad and Tobago',\n  'Tunisia',\n  'Turkey',\n  'Turkmenistan',\n  'Tuvalu',\n  'Uganda',\n  'Ukraine',\n  'United Arab Emirates',\n  'United Kingdom',\n  'USA',\n  'Uruguay',\n  'Uzbekistan',\n  'Vanuatu',\n  'Venezuela',\n  'Vietnam',\n  'Yemen',\n  'Zambia',\n  'Zimbabwe',\n]\n","import axios from '@axios'\n\nexport default {\n  namespaced: true,\n  state: {},\n  getters: {},\n  mutations: {},\n  actions: {\n    fetchUsers(ctx, queryParams) {\n      return new Promise((resolve, reject) => {\n        axios\n          .get('/apps/user/users', { params: queryParams })\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    fetchUser(ctx, { id }) {\n      return new Promise((resolve, reject) => {\n        axios\n          .get(`/apps/user/users/${id}`)\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    addUser(ctx, userData) {\n      return new Promise((resolve, reject) => {\n        axios\n          .post('/apps/user/users', { user: userData })\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n  },\n}\n","import { ref, watch, computed } from '@vue/composition-api'\nimport store from '@/store'\nimport { title } from '@core/utils/filter'\n\n// Notification\nimport { useToast } from 'vue-toastification/composition'\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\n\nexport default function useUsersList() {\n  // Use toast\n  const toast = useToast()\n\n  const refUserListTable = ref(null)\n\n  // Table Handlers\n  const tableColumns = [\n    { key: 'user', sortable: true },\n    { key: 'email', sortable: true },\n    { key: 'role', sortable: true },\n    {\n      key: 'currentPlan',\n      label: 'Plan',\n      formatter: title,\n      sortable: true,\n    },\n    { key: 'status', sortable: true },\n    { key: 'actions' },\n  ]\n  const perPage = ref(10)\n  const totalUsers = ref(0)\n  const currentPage = ref(1)\n  const perPageOptions = [10, 25, 50, 100]\n  const searchQuery = ref('')\n  const sortBy = ref('id')\n  const isSortDirDesc = ref(true)\n  const roleFilter = ref(null)\n  const planFilter = ref(null)\n  const statusFilter = ref(null)\n\n  const dataMeta = computed(() => {\n    const localItemsCount = refUserListTable.value ? refUserListTable.value.localItems.length : 0\n    return {\n      from: perPage.value * (currentPage.value - 1) + (localItemsCount ? 1 : 0),\n      to: perPage.value * (currentPage.value - 1) + localItemsCount,\n      of: totalUsers.value,\n    }\n  })\n\n  const refetchData = () => {\n    refUserListTable.value.refresh()\n  }\n\n  watch([currentPage, perPage, searchQuery, roleFilter, planFilter, statusFilter], () => {\n    refetchData()\n  })\n\n  const fetchUsers = (ctx, callback) => {\n    store\n      .dispatch('app-user/fetchUsers', {\n        q: searchQuery.value,\n        perPage: perPage.value,\n        page: currentPage.value,\n        sortBy: sortBy.value,\n        sortDesc: isSortDirDesc.value,\n        role: roleFilter.value,\n        plan: planFilter.value,\n        status: statusFilter.value,\n      })\n      .then(response => {\n        const { users, total } = response.data\n\n        callback(users)\n        totalUsers.value = total\n      })\n      .catch(() => {\n        toast({\n          component: ToastificationContent,\n          props: {\n            title: 'Error fetching users list',\n            icon: 'AlertTriangleIcon',\n            variant: 'danger',\n          },\n        })\n      })\n  }\n\n  // *===============================================---*\n  // *--------- UI ---------------------------------------*\n  // *===============================================---*\n\n  const resolveUserRoleVariant = role => {\n    if (role === 'subscriber') return 'primary'\n    if (role === 'author') return 'warning'\n    if (role === 'maintainer') return 'success'\n    if (role === 'editor') return 'info'\n    if (role === 'admin') return 'danger'\n    return 'primary'\n  }\n\n  const resolveUserRoleIcon = role => {\n    if (role === 'subscriber') return 'UserIcon'\n    if (role === 'author') return 'SettingsIcon'\n    if (role === 'maintainer') return 'DatabaseIcon'\n    if (role === 'editor') return 'Edit2Icon'\n    if (role === 'admin') return 'ServerIcon'\n    return 'UserIcon'\n  }\n\n  const resolveUserStatusVariant = status => {\n    if (status === 'pending') return 'warning'\n    if (status === 'active') return 'success'\n    if (status === 'inactive') return 'secondary'\n    return 'primary'\n  }\n\n  return {\n    fetchUsers,\n    tableColumns,\n    perPage,\n    currentPage,\n    totalUsers,\n    dataMeta,\n    perPageOptions,\n    searchQuery,\n    sortBy,\n    isSortDirDesc,\n    refUserListTable,\n\n    resolveUserRoleVariant,\n    resolveUserRoleIcon,\n    resolveUserStatusVariant,\n    refetchData,\n\n    // Extra Filters\n    roleFilter,\n    planFilter,\n    statusFilter,\n  }\n}\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersListFilters.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersList.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}