{"version":3,"sources":["webpack:///./src/components/SearchBar.vue?92dd","webpack:///./src/components/SearchBar.vue","webpack:///src/components/SearchBar.vue","webpack:///./src/components/SearchBar.vue?b883","webpack:///./src/components/SearchBar.vue?f14b","webpack:///../../../src/mixins/button-group/index.ts","webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./src/views/InternalAdmin/UserList.vue?05f7","webpack:///./src/views/InternalAdmin/UserList.vue","webpack:///./src/components/Filters/UserFilter.vue","webpack:///src/components/Filters/UserFilter.vue","webpack:///./src/components/Filters/UserFilter.vue?a3b1","webpack:///./src/components/Filters/UserFilter.vue?8a1d","webpack:///src/views/InternalAdmin/UserList.vue","webpack:///./src/views/InternalAdmin/UserList.vue?7c19","webpack:///./src/views/InternalAdmin/UserList.vue?1622","webpack:///../../../src/components/VBtnToggle/VBtnToggle.ts"],"names":["_c","attrs","staticClass","_vm","$emit","$event","indexOf","searchLabel","disabled","model","search","$$v","background","on","staticRenderFns","name","props","type","String","default","Boolean","usingVModel","value","data","methods","onSearch","trim","length","onSearchForVModel","clearSearch","setSearch","component","BaseItemGroup","extend","provide","btnToggle","this","computed","classes","options","call","genData","mixins","Colorable","Delayable","Dependent","Menuable","closeDelay","Number","openDelay","openOnHover","openOnFocus","tag","transition","calculatedMinWidth","closeDependents","calculatedLeft","activator","content","dimensions","unknown","bottom","left","top","right","activatorLeft","attach","offsetLeft","width","nudgeLeft","parseInt","nudgeRight","calcXOverflow","calculatedTop","activatorTop","offsetTop","height","nudgeTop","nudgeBottom","pageYOffset","calcYOverflow","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","convertToUnit","minWidth","zIndex","activeZIndex","beforeMount","$nextTick","callActivate","mounted","getSlotType","consoleError","activate","updateDimensions","requestAnimationFrame","startTransition","deactivate","runDelay","genActivatorListeners","listeners","Activatable","focus","e","getActivator","blur","keydown","keyCode","keyCodes","esc","genActivatorAttributes","genTransition","genContent","$createElement","setBackgroundColor","color","class","contentClass","menuable__content__active","activatorFixed","style","getScopeIdAttrs","directives","isContentActive","ref","getContentSlot","render","h","showLazyContent","genActivator","scopedSlots","_u","key","_v","headers","usersCount","perPage","item","staticStyle","status","_s","companyName","getAccountTypeClass","page","selectUser","dialog","callback","expression","rules","$set","initialFilters","Object","filters","labels","id","v","$helpers","validatePhone","filtersApplied","JSON","stringify","$constants","USER_LIST_DEFAULT_FILTERS","shouldDisableApply","phone","applyFilters","clearFilters","resetFilters","parse","updateAccountTypes","event","accountTypes","components","SearchBar","UserFilter","watch","getUsers","deep","handler","selectedUser","undefined","reload","users","PAGINATION","DEFAULT_PAGE","DEFAULT_PERPAGE","companyId","text","align","company","accountType","toLowerCase","_this$search","params","loaderText","$axios","post","then","response","items","count","catch","error","user","$store","commit","companyStatus","companyGroupId","$router","push","goToCompanyDetail","exportItems","_this$search2","responseType","withCredentials","process","downloadFile","searchText","ButtonGroup","backgroundColor","borderless","dense","group","rounded","shaped","tile","themeClasses","setTextColor"],"mappings":"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","file":"js/chunk-051a66a6-2024-12-31-10-29.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!./SearchBar.vue?vue&type=style&index=0&id=0daaf0f2&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"pa-0\",attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"grow\"},[(_vm.usingVModel)?_c('v-text-field',{staticClass:\"search-bar\",attrs:{\"disabled\":_vm.disabled,\"label\":_vm.searchLabel,\"value\":_vm.value,\"background-color\":\"white\",\"clearable\":\"\",\"color\":\"msaBlue\",\"dense\":\"\",\"hide-details\":\"\",\"light\":\"\",\"outlined\":\"\",\"single-line\":\"\"},on:{\"change\":function($event){return _vm.$emit('input', $event)},\"click:clear\":function($event){_vm.$emit('input', null);\n          _vm.$emit('search');},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onSearchForVModel.apply(null, arguments)}}}):_c('v-text-field',{staticClass:\"search-bar\",attrs:{\"id\":\"search-bar\",\"label\":_vm.searchLabel,\"single-line\":\"\",\"hide-details\":\"\",\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\",\"background-color\":\"white\",\"light\":\"\",\"color\":\"msaBlue\",\"disabled\":_vm.disabled,\"data-testid\":\"search-bar\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onSearch.apply(null, arguments)},\"click:clear\":function($event){return _vm.clearSearch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-col',{staticClass:\"shrink\"},[_c('v-btn',{staticClass:\"msaBlue white--text search-bar-btn\",style:({\n          background: 'linear-gradient(to bottom,  #0a5fb1 0%,#093f79 100%)',\n        }),attrs:{\"height\":\"40\",\"elevation\":\"0\",\"disabled\":_vm.disabled,\"data-test-id\":\"search-button\",\"data-testid\":\"search-button\"},on:{\"click\":_vm.onSearch}},[_c('v-icon',[_vm._v(\" mdi-magnify \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"pa-0\">\n    <v-row no-gutters>\n      <v-col class=\"grow\">\n        <v-text-field\n          v-if=\"usingVModel\"\n          @change=\"$emit('input', $event)\"\n          @click:clear=\"\n            $emit('input', null);\n            $emit('search');\n          \"\n          @keyup.enter=\"onSearchForVModel\"\n          :disabled=\"disabled\"\n          :label=\"searchLabel\"\n          :value=\"value\"\n          background-color=\"white\"\n          class=\"search-bar\"\n          clearable\n          color=\"msaBlue\"\n          dense\n          hide-details\n          light\n          outlined\n          single-line\n        />\n        <v-text-field\n          v-else\n          v-model=\"search\"\n          id=\"search-bar\"\n          :label=\"searchLabel\"\n          single-line\n          hide-details\n          clearable\n          @keyup.enter=\"onSearch\"\n          @click:clear=\"clearSearch()\"\n          dense\n          outlined\n          background-color=\"white\"\n          light\n          color=\"msaBlue\"\n          class=\"search-bar\"\n          :disabled=\"disabled\"\n          data-testid=\"search-bar\"\n        />\n      </v-col>\n      <v-col class=\"shrink\">\n        <v-btn\n          height=\"40\"\n          class=\"msaBlue white--text search-bar-btn\"\n          @click=\"onSearch\"\n          :style=\"{\n            background: 'linear-gradient(to bottom,  #0a5fb1 0%,#093f79 100%)',\n          }\"\n          elevation=\"0\"\n          :disabled=\"disabled\"\n          data-test-id=\"search-button\"\n          data-testid=\"search-button\"\n        >\n          <v-icon> mdi-magnify </v-icon>\n        </v-btn>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n<script>\n/**\n * This is the standard search bar for use in CHT.\n *\n * It can either be used with v-model, or it can contain its own search text\n * state and emit it upon hitting the search button.\n *\n * @emits search on hitting the button or the enter key\n */\nexport default {\n  name: 'SearchBar',\n  props: {\n    searchLabel: {\n      type: String,\n      default: 'Search',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    /** Set to true if you want to use this component with v-model */\n    usingVModel: {\n      type: Boolean,\n      default: false,\n    },\n    value: {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      search: '',\n    };\n  },\n  methods: {\n    /** @deprecated you should use this component with v-model */\n    onSearch() {\n      if (this.search == null || this.search.trim().length == 0) {\n        this.search = '';\n      }\n      this.$emit('search', this.search);\n    },\n    onSearchForVModel() {\n      if (!this.value || this.value.trim().length == 0) {\n        this.$emit('input', null);\n        this.$emit('search', this.value);\n        return;\n      }\n      this.$emit('search', this.value);\n    },\n    /** @deprecated you should use this component with v-model */\n    clearSearch() {\n      this.search = '';\n      this.onSearch();\n    },\n    /**\n     * DO NOT remove this method - it's OFTEN called externally with $refs\n     * @deprecated you should use this component with v-model, and avoid\n     * accessing its private methods with $refs...\n     */\n    setSearch(data) {\n      this.search = data;\n    },\n  },\n};\n</script>\n<style>\n.search-bar {\n  border-bottom-right-radius: 0 !important;\n  border-top-right-radius: 0 !important;\n}\n.search-bar-btn {\n  border-bottom-left-radius: 0 !important;\n  border-top-left-radius: 0 !important;\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!./SearchBar.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!./SearchBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SearchBar.vue?vue&type=template&id=0daaf0f2\"\nimport script from \"./SearchBar.vue?vue&type=script&lang=js\"\nexport * from \"./SearchBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./SearchBar.vue?vue&type=style&index=0&id=0daaf0f2&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.options.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData,\n  },\n})\n","import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Menuable from '../../mixins/menuable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Menuable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    openOnFocus: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n      if (this.attach === false) top += this.pageYOffset\n\n      return `${this.calcYOverflow(top)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      if (this.openOnFocus) {\n        listeners.focus = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('open')\n        }\n        listeners.blur = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","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!./UserList.vue?vue&type=style&index=0&id=5fdb4427&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('SearchBar',{attrs:{\"searchLabel\":\"Search by username or email...\"},on:{\"search\":_vm.onSearch}})],1),_c('v-col',{staticClass:\"grow text-right\"},[_c('UserFilter',{ref:\"filters\",attrs:{\"initialFilters\":_vm.filters},on:{\"applyFilters\":function($event){_vm.filters = JSON.parse(JSON.stringify($event))}}})],1),_c('v-col',{staticClass:\"shrink\"},[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({staticClass:\"white--text\",attrs:{\"color\":\"msaBlue\"},on:{\"click\":function($event){return _vm.exportItems()}}},on),[_c('v-icon',[_vm._v(\" mdi-download \")])],1)]}}])},[_c('span',[_vm._v(\"Export\")])])],1)],1),_c('v-row',[_c('v-col',[_c('v-card',[_c('v-card-title',{staticClass:\"msaBlue white--text\"},[_vm._v(\" Users \")]),(_vm.$vuetify.breakpoint.mdAndUp)?_c('v-data-table',{attrs:{\"footer-props\":{ ..._vm.$constants.PAGINATION.DEFAULT_FOOTER_PROPS },\"headers\":_vm.headers,\"items-per-page\":_vm.perPage,\"items\":_vm.users,\"options\":_vm.options,\"page\":_vm.page,\"server-items-length\":_vm.usersCount},on:{\"update:itemsPerPage\":function($event){_vm.perPage=$event},\"update:items-per-page\":function($event){_vm.perPage=$event},\"update:options\":function($event){_vm.options=$event},\"update:page\":function($event){_vm.page=$event}},scopedSlots:_vm._u([{key:\"item\",fn:function({ item }){return [_c('tr',[_c('td',{class:item.status != 0 ? 'msaBlue--text' : 'red--text',staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){item.status != 0 ? _vm.selectUser(item) : ''}}},[_vm._v(\" \"+_vm._s(item.firstName)+\" \"+_vm._s(item.lastName)+\" \"),_c('br'),_c('span',{staticClass:\"grey--text text-caption\"},[_vm._v(_vm._s(item.username))])]),_c('td',{class:item.status != 0 ? 'msaBlue--text' : 'red--text'},[_vm._v(\" \"+_vm._s(item.email)+\" \")]),_c('td',{staticClass:\"msaBlue--text\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.goToCompanyDetail(item)}}},[_vm._v(\" \"+_vm._s(item.companyName)+\" \")]),_c('td',{staticClass:\"account-type\",attrs:{\"align\":\"center\"}},[_c('div',{class:_vm.getAccountTypeClass(item)},[_c('span',{staticClass:\"white--text\"},[_vm._v(_vm._s(item.accountType))])])]),_c('td',{staticClass:\"msaBlue--text checkboxes\",staticStyle:{\"text-align\":\"center\"}},[_c('v-icon',{attrs:{\"color\":item.status != 0 ? 'green' : 'red'}},[_vm._v(\" \"+_vm._s(item.status != 0 ? 'mdi-check' : '')+\" \")])],1)])]}}],null,false,2882202589)}):_vm._e()],1)],1)],1),(_vm.$vuetify.breakpoint.smAndDown)?_c('v-data-table',{attrs:{\"items\":_vm.users,\"hide-default-header\":\"\",\"server-items-length\":_vm.usersCount,\"footer-props\":{ ..._vm.$constants.PAGINATION.DEFAULT_FOOTER_PROPS },\"options\":_vm.options,\"items-per-page\":_vm.perPage,\"page\":_vm.page},on:{\"update:options\":function($event){_vm.options=$event},\"update:itemsPerPage\":function($event){_vm.perPage=$event},\"update:items-per-page\":function($event){_vm.perPage=$event},\"update:page\":function($event){_vm.page=$event}},scopedSlots:_vm._u([{key:\"item\",fn:function({ item }){return [_c('v-card',{staticClass:\"my-1\",attrs:{\"color\":item.status != 0 ? 'msaBlue' : 'red'}},[_c('v-card-title',[_c('v-row',[_c('v-col',{staticClass:\"white--text pb-0\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"cols\":\"6\"},on:{\"click\":function($event){return _vm.selectUser(item)}}},[_vm._v(\" \"+_vm._s(item.firstName)+\" \"+_vm._s(item.lastName)+\" \")]),_c('v-col',{staticClass:\"white--text pb-0 text-body-1\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"cols\":\"6\",\"align\":\"right\"},on:{\"click\":function($event){return _vm.goToCompanyDetail(item)}}},[_vm._v(\" \"+_vm._s(item.companyName)+\" \")]),_c('v-col',{staticClass:\"white--text text-caption\"},[_vm._v(\" \"+_vm._s(item.username)+\" \")])],1)],1)],1)]}}],null,false,1356995295)}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"pa-0 mx-0\",attrs:{\"fluid\":\"\"}},[_c('v-dialog',{attrs:{\"max-width\":\"600px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on: dialog, attrs }){return [_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on: tooltip }){return [_c('v-btn',_vm._g(_vm._b({directives:[{name:\"blur\",rawName:\"v-blur\"}],class:(_vm.filtersApplied ? 'orange' : 'msaBlue') + ' white--text',on:{\"click\":_vm.resetFilters}},'v-btn',attrs,false),{ ...tooltip, ...dialog }),[_c('v-icon',[_vm._v(\"mdi-filter\")])],1)]}}],null,true)},[_c('span',[_vm._v(\"Filter\")])])]}}]),model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline msaBlue white--text\"},[_c('v-row',[_c('v-col',{staticClass:\"grow\"},[_vm._v(\" Filters \")]),_c('v-col',{staticClass:\"shrink\"},[_c('v-btn',{attrs:{\"icon\":\"\",\"dark\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1)],1)],1),_c('v-card-text',{staticClass:\"mt-6\"},[_c('v-row',{staticClass:\"text-body-1\"},[_vm._v(\"GENERAL\")]),_c('v-row',[_c('v-divider')],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"4\",\"align\":\"right\"}},[_vm._v(\" User status \")]),_c('v-col',[_c('v-btn-toggle',{style:({ width: '100%' }),attrs:{\"mandatory\":\"\",\"dense\":\"\",\"active-class\":\"msaBlue white--text\"},model:{value:(_vm.filters.status),callback:function ($$v) {_vm.$set(_vm.filters, \"status\", $$v)},expression:\"filters.status\"}},[_c('v-btn',{attrs:{\"value\":1,\"width\":\"33%\",\"data-testid\":\"status-active-button\"}},[_vm._v(\" Active \")]),_c('v-btn',{attrs:{\"value\":0,\"width\":\"33%\",\"data-testid\":\"status-inactive-button\"}},[_vm._v(\" Inactive \")]),_c('v-btn',{attrs:{\"value\":2,\"width\":\"33%\",\"data-testid\":\"status-all-button\"}},[_vm._v(\" All \")])],1)],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"4\",\"align\":\"right\"}},[_vm._v(\" Web Administrator \")]),_c('v-col',[_c('v-btn-toggle',{style:({ width: '100%' }),attrs:{\"mandatory\":\"\",\"dense\":\"\",\"active-class\":\"msaBlue white--text\"},model:{value:(_vm.filters.isWebAdmin),callback:function ($$v) {_vm.$set(_vm.filters, \"isWebAdmin\", $$v)},expression:\"filters.isWebAdmin\"}},[_c('v-btn',{attrs:{\"value\":1,\"width\":\"33%\",\"data-testid\":\"status-active-button\"}},[_vm._v(\" Yes \")]),_c('v-btn',{attrs:{\"value\":0,\"width\":\"33%\",\"data-testid\":\"status-inactive-button\"}},[_vm._v(\" No \")]),_c('v-btn',{attrs:{\"value\":2,\"width\":\"33%\",\"data-testid\":\"status-all-button\"}},[_vm._v(\" All \")])],1)],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"4\",\"align\":\"right\"}},[_vm._v(\" Supervisor \")]),_c('v-col',[_c('v-btn-toggle',{style:({ width: '100%' }),attrs:{\"mandatory\":\"\",\"dense\":\"\",\"active-class\":\"msaBlue white--text\"},model:{value:(_vm.filters.isSupervisor),callback:function ($$v) {_vm.$set(_vm.filters, \"isSupervisor\", $$v)},expression:\"filters.isSupervisor\"}},[_c('v-btn',{attrs:{\"value\":1,\"width\":\"33%\",\"data-testid\":\"status-active-button\"}},[_vm._v(\" Yes \")]),_c('v-btn',{attrs:{\"value\":0,\"width\":\"33%\",\"data-testid\":\"status-inactive-button\"}},[_vm._v(\" No \")]),_c('v-btn',{attrs:{\"value\":2,\"width\":\"33%\",\"data-testid\":\"status-all-button\"}},[_vm._v(\" All \")])],1)],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"4\",\"align\":\"right\"}},[_vm._v(\" Manager \")]),_c('v-col',[_c('v-btn-toggle',{style:({ width: '100%' }),attrs:{\"mandatory\":\"\",\"dense\":\"\",\"active-class\":\"msaBlue white--text\"},model:{value:(_vm.filters.isManager),callback:function ($$v) {_vm.$set(_vm.filters, \"isManager\", $$v)},expression:\"filters.isManager\"}},[_c('v-btn',{attrs:{\"value\":1,\"width\":\"33%\",\"data-testid\":\"status-active-button\"}},[_vm._v(\" Yes \")]),_c('v-btn',{attrs:{\"value\":0,\"width\":\"33%\",\"data-testid\":\"status-inactive-button\"}},[_vm._v(\" No \")]),_c('v-btn',{attrs:{\"value\":2,\"width\":\"33%\",\"data-testid\":\"status-all-button\"}},[_vm._v(\" All \")])],1)],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"4\",\"align\":\"right\"}},[_vm._v(\" Safety \")]),_c('v-col',[_c('v-btn-toggle',{style:({ width: '100%' }),attrs:{\"active-class\":\"msaBlue white--text\",\"dense\":\"\",\"mandatory\":\"\"},model:{value:(_vm.filters.isSafetyRep),callback:function ($$v) {_vm.$set(_vm.filters, \"isSafetyRep\", $$v)},expression:\"filters.isSafetyRep\"}},[_c('v-btn',{attrs:{\"value\":1,\"width\":\"33%\",\"data-testid\":\"status-active-button\"}},[_vm._v(\" Yes \")]),_c('v-btn',{attrs:{\"value\":0,\"width\":\"33%\",\"data-testid\":\"status-inactive-button\"}},[_vm._v(\" No \")]),_c('v-btn',{attrs:{\"value\":2,\"width\":\"33%\",\"data-testid\":\"status-all-button\"}},[_vm._v(\" All \")])],1)],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"4\",\"align\":\"right\"}},[_vm._v(\"Account Type\")]),_c('v-col',[_c('CustomizedAutoComplete',{attrs:{\"items\":[...this.labels],\"value\":_vm.filters.accountTypes,\"clearable\":\"\",\"deletable-chips\":\"\",\"hide-details\":\"\",\"label\":\"Select account type(s)\",\"multiple\":\"\"},on:{\"change\":_vm.updateAccountTypes}})],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"pt-0 mt-n4\",attrs:{\"cols\":\"4\",\"align\":\"right\"}},[_vm._v(\" Phone Number \")]),_c('v-col',[_c('v-text-field',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"rules\":_vm.rules,\"data-testid\":\"phone\"},model:{value:(_vm.filters.phone),callback:function ($$v) {_vm.$set(_vm.filters, \"phone\", $$v)},expression:\"filters.phone\"}})],1)],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"mr-5\",attrs:{\"color\":\"red\",\"text\":\"\"},on:{\"click\":function($event){_vm.filters = JSON.parse(\n              JSON.stringify(_vm.$constants.USER_LIST_DEFAULT_FILTERS),\n            );\n            _vm.applyFilters();}}},[_vm._v(\" Clear \")]),_c('v-btn',{attrs:{\"color\":\"msaBlue white--text\",\"disabled\":_vm.shouldDisableApply},on:{\"click\":function($event){return _vm.applyFilters()}}},[_vm._v(\" Apply \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container class=\"pa-0 mx-0\" fluid>\n    <v-dialog v-model=\"dialog\" max-width=\"600px\">\n      <template v-slot:activator=\"{ on: dialog, attrs }\">\n        <v-tooltip bottom>\n          <template v-slot:activator=\"{ on: tooltip }\">\n            <v-btn\n              :class=\"(filtersApplied ? 'orange' : 'msaBlue') + ' white--text'\"\n              v-bind=\"attrs\"\n              v-on=\"{ ...tooltip, ...dialog }\"\n              v-blur\n              @click=\"resetFilters\"\n            >\n              <v-icon>mdi-filter</v-icon>\n            </v-btn>\n          </template>\n          <span>Filter</span>\n        </v-tooltip>\n      </template>\n      <v-card>\n        <v-card-title class=\"headline msaBlue white--text\">\n          <v-row>\n            <v-col class=\"grow\"> Filters </v-col>\n            <v-col class=\"shrink\">\n              <v-btn icon dark @click=\"dialog = false\"\n                ><v-icon>mdi-close</v-icon></v-btn\n              >\n            </v-col>\n          </v-row>\n        </v-card-title>\n        <v-card-text class=\"mt-6\">\n          <v-row class=\"text-body-1\">GENERAL</v-row>\n          <v-row>\n            <v-divider></v-divider>\n          </v-row>\n          <v-row align=\"center\">\n            <v-col cols=\"4\" align=\"right\"> User status </v-col>\n            <v-col>\n              <v-btn-toggle\n                v-model=\"filters.status\"\n                mandatory\n                dense\n                active-class=\"msaBlue white--text\"\n                :style=\"{ width: '100%' }\"\n              >\n                <v-btn\n                  :value=\"1\"\n                  width=\"33%\"\n                  data-testid=\"status-active-button\"\n                >\n                  Active\n                </v-btn>\n                <v-btn\n                  :value=\"0\"\n                  width=\"33%\"\n                  data-testid=\"status-inactive-button\"\n                >\n                  Inactive\n                </v-btn>\n                <v-btn :value=\"2\" width=\"33%\" data-testid=\"status-all-button\">\n                  All\n                </v-btn>\n              </v-btn-toggle>\n            </v-col>\n          </v-row>\n          <v-row align=\"center\">\n            <v-col cols=\"4\" align=\"right\"> Web Administrator </v-col>\n            <v-col>\n              <v-btn-toggle\n                v-model=\"filters.isWebAdmin\"\n                mandatory\n                dense\n                active-class=\"msaBlue white--text\"\n                :style=\"{ width: '100%' }\"\n              >\n                <v-btn\n                  :value=\"1\"\n                  width=\"33%\"\n                  data-testid=\"status-active-button\"\n                >\n                  Yes\n                </v-btn>\n                <v-btn\n                  :value=\"0\"\n                  width=\"33%\"\n                  data-testid=\"status-inactive-button\"\n                >\n                  No\n                </v-btn>\n                <v-btn :value=\"2\" width=\"33%\" data-testid=\"status-all-button\">\n                  All\n                </v-btn>\n              </v-btn-toggle>\n            </v-col>\n          </v-row>\n          <v-row align=\"center\">\n            <v-col cols=\"4\" align=\"right\"> Supervisor </v-col>\n            <v-col>\n              <v-btn-toggle\n                v-model=\"filters.isSupervisor\"\n                mandatory\n                dense\n                active-class=\"msaBlue white--text\"\n                :style=\"{ width: '100%' }\"\n              >\n                <v-btn\n                  :value=\"1\"\n                  width=\"33%\"\n                  data-testid=\"status-active-button\"\n                >\n                  Yes\n                </v-btn>\n                <v-btn\n                  :value=\"0\"\n                  width=\"33%\"\n                  data-testid=\"status-inactive-button\"\n                >\n                  No\n                </v-btn>\n                <v-btn :value=\"2\" width=\"33%\" data-testid=\"status-all-button\">\n                  All\n                </v-btn>\n              </v-btn-toggle>\n            </v-col>\n          </v-row>\n          <v-row align=\"center\">\n            <v-col cols=\"4\" align=\"right\"> Manager </v-col>\n            <v-col>\n              <v-btn-toggle\n                v-model=\"filters.isManager\"\n                mandatory\n                dense\n                active-class=\"msaBlue white--text\"\n                :style=\"{ width: '100%' }\"\n              >\n                <v-btn\n                  :value=\"1\"\n                  width=\"33%\"\n                  data-testid=\"status-active-button\"\n                >\n                  Yes\n                </v-btn>\n                <v-btn\n                  :value=\"0\"\n                  width=\"33%\"\n                  data-testid=\"status-inactive-button\"\n                >\n                  No\n                </v-btn>\n                <v-btn :value=\"2\" width=\"33%\" data-testid=\"status-all-button\">\n                  All\n                </v-btn>\n              </v-btn-toggle>\n            </v-col>\n          </v-row>\n          <v-row align=\"center\">\n            <v-col cols=\"4\" align=\"right\"> Safety </v-col>\n            <v-col>\n              <v-btn-toggle\n                v-model=\"filters.isSafetyRep\"\n                :style=\"{ width: '100%' }\"\n                active-class=\"msaBlue white--text\"\n                dense\n                mandatory\n              >\n                <v-btn\n                  :value=\"1\"\n                  width=\"33%\"\n                  data-testid=\"status-active-button\"\n                >\n                  Yes\n                </v-btn>\n                <v-btn\n                  :value=\"0\"\n                  width=\"33%\"\n                  data-testid=\"status-inactive-button\"\n                >\n                  No\n                </v-btn>\n                <v-btn :value=\"2\" width=\"33%\" data-testid=\"status-all-button\">\n                  All\n                </v-btn>\n              </v-btn-toggle>\n            </v-col>\n          </v-row>\n          <v-row align=\"center\">\n            <v-col cols=\"4\" align=\"right\">Account Type</v-col>\n            <v-col>\n              <CustomizedAutoComplete\n                :items=\"[...this.labels]\"\n                :value=\"filters.accountTypes\"\n                clearable\n                deletable-chips\n                hide-details\n                label=\"Select account type(s)\"\n                multiple\n                @change=\"updateAccountTypes\"\n              />\n            </v-col>\n          </v-row>\n          <v-row align=\"center\">\n            <v-col cols=\"4\" align=\"right\" class=\"pt-0 mt-n4\">\n              Phone Number\n            </v-col>\n            <v-col>\n              <v-text-field\n                v-model=\"filters.phone\"\n                dense\n                outlined\n                :rules=\"rules\"\n                data-testid=\"phone\"\n              >\n              </v-text-field>\n            </v-col>\n          </v-row>\n        </v-card-text>\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn\n            color=\"red\"\n            text\n            class=\"mr-5\"\n            @click=\"\n              filters = JSON.parse(\n                JSON.stringify($constants.USER_LIST_DEFAULT_FILTERS),\n              );\n              applyFilters();\n            \"\n          >\n            Clear\n          </v-btn>\n          <v-btn\n            color=\"msaBlue white--text\"\n            @click=\"applyFilters()\"\n            :disabled=\"shouldDisableApply\"\n          >\n            Apply\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </v-container>\n</template>\n<script>\nexport default {\n  name: 'UserFilter',\n  props: {\n    initialFilters: {\n      type: Object,\n    },\n  },\n  data() {\n    return {\n      dialog: false,\n      filters: {},\n      labels: [\n        { id: 1, name: 'Basic' },\n        { id: 2, name: 'A La Carte' },\n        { id: 3, name: 'Free Trial' },\n        { id: 4, name: 'Freemium' },\n        { id: 6, name: 'Peace of Mind' },\n        { id: 7, name: 'Freedom to Operate' },\n        { id: 8, name: 'All Access' },\n        { id: 10, name: 'Training' },\n        { id: 11, name: 'Training Plus' },\n      ],\n      rules: [(v) => this.$helpers.validatePhone(v)],\n    };\n  },\n  computed: {\n    filtersApplied() {\n      return (\n        JSON.stringify(this.initialFilters) !=\n        JSON.stringify(this.$constants.USER_LIST_DEFAULT_FILTERS)\n      );\n    },\n    shouldDisableApply() {\n      return this.$helpers.validatePhone(this.filters.phone) != true;\n    },\n  },\n  methods: {\n    applyFilters() {\n      this.$emit('applyFilters', this.filters);\n      this.dialog = false;\n    },\n    clearFilters() {\n      this.resetFilters();\n      this.applyFilters();\n    },\n    // Clears the filter fields that have not been applied\n    resetFilters() {\n      this.filters = JSON.parse(JSON.stringify(this.initialFilters));\n    },\n    updateAccountTypes(event) {\n      this.filters.accountTypes = event;\n    },\n  },\n};\n</script>\n<style></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!./UserFilter.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!./UserFilter.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UserFilter.vue?vue&type=template&id=15444927\"\nimport script from \"./UserFilter.vue?vue&type=script&lang=js\"\nexport * from \"./UserFilter.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <v-container fluid>\n    <v-row>\n      <v-col cols=\"12\" md=\"6\">\n        <SearchBar\n          @search=\"onSearch\"\n          searchLabel=\"Search by username or email...\"\n        />\n      </v-col>\n      <v-col class=\"grow text-right\">\n        <UserFilter\n          ref=\"filters\"\n          :initialFilters=\"filters\"\n          @applyFilters=\"filters = JSON.parse(JSON.stringify($event))\"\n        />\n      </v-col>\n      <v-col class=\"shrink\">\n        <v-tooltip bottom>\n          <template v-slot:activator=\"{ on }\">\n            <v-btn\n              color=\"msaBlue\"\n              class=\"white--text\"\n              @click=\"exportItems()\"\n              v-on=\"on\"\n            >\n              <v-icon> mdi-download </v-icon>\n            </v-btn>\n          </template>\n          <span>Export</span>\n        </v-tooltip>\n      </v-col>\n    </v-row>\n    <v-row>\n      <v-col>\n        <v-card>\n          <v-card-title class=\"msaBlue white--text\"> Users </v-card-title>\n          <v-data-table\n            v-if=\"$vuetify.breakpoint.mdAndUp\"\n            :footer-props=\"{ ...$constants.PAGINATION.DEFAULT_FOOTER_PROPS }\"\n            :headers=\"headers\"\n            :items-per-page.sync=\"perPage\"\n            :items=\"users\"\n            :options.sync=\"options\"\n            :page.sync=\"page\"\n            :server-items-length=\"usersCount\"\n          >\n            <template v-slot:item=\"{ item }\">\n              <tr>\n                <td\n                  style=\"cursor: pointer\"\n                  :class=\"item.status != 0 ? 'msaBlue--text' : 'red--text'\"\n                  @click=\"item.status != 0 ? selectUser(item) : ''\"\n                >\n                  {{ item.firstName }} {{ item.lastName }}\n                  <br />\n                  <span class=\"grey--text text-caption\">{{\n                    item.username\n                  }}</span>\n                </td>\n                <td :class=\"item.status != 0 ? 'msaBlue--text' : 'red--text'\">\n                  {{ item.email }}\n                </td>\n                <td\n                  style=\"cursor: pointer\"\n                  class=\"msaBlue--text\"\n                  @click=\"goToCompanyDetail(item)\"\n                >\n                  {{ item.companyName }}\n                </td>\n                <td align=\"center\" class=\"account-type\">\n                  <div :class=\"getAccountTypeClass(item)\">\n                    <span class=\"white--text\">{{ item.accountType }}</span>\n                  </div>\n                </td>\n                <td class=\"msaBlue--text checkboxes\" style=\"text-align: center\">\n                  <v-icon :color=\"item.status != 0 ? 'green' : 'red'\">\n                    {{ item.status != 0 ? 'mdi-check' : '' }}\n                  </v-icon>\n                </td>\n              </tr>\n            </template>\n          </v-data-table>\n        </v-card>\n      </v-col>\n    </v-row>\n    <v-data-table\n      v-if=\"$vuetify.breakpoint.smAndDown\"\n      :items=\"users\"\n      hide-default-header\n      :server-items-length=\"usersCount\"\n      :footer-props=\"{ ...$constants.PAGINATION.DEFAULT_FOOTER_PROPS }\"\n      :options.sync=\"options\"\n      :items-per-page.sync=\"perPage\"\n      :page.sync=\"page\"\n    >\n      <template v-slot:item=\"{ item }\">\n        <v-card class=\"my-1\" :color=\"item.status != 0 ? 'msaBlue' : 'red'\">\n          <v-card-title>\n            <v-row>\n              <v-col\n                style=\"cursor: pointer\"\n                class=\"white--text pb-0\"\n                cols=\"6\"\n                @click=\"selectUser(item)\"\n              >\n                {{ item.firstName }} {{ item.lastName }}\n              </v-col>\n              <v-col\n                style=\"cursor: pointer\"\n                cols=\"6\"\n                class=\"white--text pb-0 text-body-1\"\n                align=\"right\"\n                @click=\"goToCompanyDetail(item)\"\n              >\n                {{ item.companyName }}\n              </v-col>\n              <v-col class=\"white--text text-caption\">\n                {{ item.username }}\n              </v-col>\n            </v-row>\n          </v-card-title>\n        </v-card>\n      </template>\n    </v-data-table>\n  </v-container>\n</template>\n<script>\nimport SearchBar from '@/components/SearchBar.vue';\nimport UserFilter from '@/components/Filters/UserFilter.vue';\nexport default {\n  name: 'UserList',\n  components: {\n    SearchBar,\n    UserFilter,\n  },\n  watch: {\n    options() {\n      this.getUsers();\n    },\n    filters: {\n      deep: true,\n      handler() {\n        this.options.page = 1;\n        this.getUsers();\n      },\n    },\n  },\n  data() {\n    return {\n      selectedUser: undefined,\n      reload: false,\n      search: '',\n      users: [],\n      usersCount: 0,\n      page: this.$constants.PAGINATION.DEFAULT_PAGE,\n      perPage: this.$constants.PAGINATION.DEFAULT_PERPAGE,\n      options: {},\n      filters: JSON.parse(\n        JSON.stringify(this.$constants.USER_LIST_DEFAULT_FILTERS),\n      ),\n      companyId: undefined,\n      headers: [\n        {\n          text: 'Name',\n          value: 'fullname',\n          align: 'start',\n          class: 'lightGrey',\n        },\n        {\n          text: 'Email',\n          value: 'email',\n          align: 'start',\n          class: 'lightGrey',\n        },\n        {\n          text: 'Company',\n          value: 'companyName',\n          align: 'start',\n          class: 'lightGrey',\n        },\n        {\n          text: 'Account Type',\n          value: 'accountType',\n          align: 'center',\n          class: 'headerTextGrey--text lightGrey',\n          width: '175px',\n        },\n        {\n          text: 'Active',\n          value: 'status',\n          align: 'center',\n          class: 'lightGrey',\n          width: '85px',\n        },\n      ],\n    };\n  },\n  methods: {\n    // Returns CSS class for styling the Account Type chips\n    getAccountTypeClass(company) {\n      switch (company.accountType.toLowerCase()) {\n        case 'basic':\n          return 'subscription';\n        case 'a la carte':\n          return 'aLaCarte';\n        case 'free trial':\n          return 'freetrial';\n        case 'freemium':\n          return 'freemium';\n        case 'basic (old)':\n          return 'basicOld';\n        case 'peace of mind':\n          return 'peaceOfMind';\n        case 'freedom to operate':\n          return 'freedomToOperate';\n        case 'all access':\n          return 'allAccess';\n        case 'basic (new)':\n          return 'basicNew';\n        case 'test account':\n          return 'testAccount';\n        case 'training':\n          return 'training';\n        case 'training plus':\n          return 'trainingPlus';\n        default:\n          return '';\n      }\n    },\n    getUsers() {\n      const params = {\n        search: this.search ?? '',\n        filters: this.filters,\n        options: this.options,\n        loaderText: 'Loading...',\n      };\n      this.users = [];\n      this.$axios\n        .post('get-users?format=json', params)\n        .then((response) => {\n          this.users = response.data.items;\n          this.usersCount = response.data.count;\n        })\n        .catch((error) => error);\n    },\n    selectUser(user) {\n      this.$store.commit('updateSelectedCompany', {\n        id: user.companyId,\n        name: user.companyName,\n        status: user.companyStatus,\n        companyGroupId: user.companyGroupId,\n      });\n      this.$router.push({\n        name: 'IAUserDetails',\n        params: { id: user.id, companyId: user.companyId },\n      });\n    },\n    goToCompanyDetail(user) {\n      this.$store.commit('updateSelectedCompany', {\n        id: user.companyId,\n        name: user.companyName,\n        status: user.companyStatus,\n        companyGroupId: user.companyGroupId,\n      });\n      this.$router.push({\n        name: 'CompanyDetail',\n        params: { companyId: user.companyId },\n      });\n    },\n    exportItems() {\n      let params = {\n        search: this.search ?? '',\n        filters: this.filters,\n        options: this.options,\n        loaderText: 'Loading...',\n      };\n      const options = {\n        responseType: 'blob',\n        withCredentials: process.env.VUE_APP_USE_WITH_CREDENTIALS,\n      };\n      this.$axios\n        .post('export-users?format=json', params, options)\n        .then((response) => {\n          this.$helpers.downloadFile(response.data, 'users export.xlsx');\n        });\n    },\n    onSearch(searchText) {\n      if (this.search != searchText) {\n        this.search = searchText;\n        this.options.page = 1;\n        this.getUsers();\n      }\n    },\n  },\n};\n</script>\n<style>\n.account-type div {\n  border-radius: 5px;\n}\n.msaBlue--text.checkboxes .v-input__slot {\n  justify-content: center !important;\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!./UserList.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!./UserList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UserList.vue?vue&type=template&id=5fdb4427\"\nimport script from \"./UserList.vue?vue&type=script&lang=js\"\nexport * from \"./UserList.vue?vue&type=script&lang=js\"\nimport style0 from \"./UserList.vue?vue&type=style&index=0&id=5fdb4427&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","// Styles\nimport './VBtnToggle.sass'\n\n// Mixins\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  ButtonGroup,\n  Colorable\n).extend({\n  name: 'v-btn-toggle',\n\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...ButtonGroup.options.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genData () {\n      const data = this.setTextColor(this.color, {\n        ...ButtonGroup.options.methods.genData.call(this),\n      })\n\n      if (this.group) return data\n\n      return this.setBackgroundColor(this.backgroundColor, data)\n    },\n  },\n})\n"],"sourceRoot":""}