{"version":3,"sources":["webpack:///./src/views/Company/Users/createUser.vue?839b","webpack:///src/views/Company/Users/createUser.vue","webpack:///./src/views/Company/Users/createUser.vue?937e","webpack:///./src/views/Company/Users/createUser.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","stage","$t","directives","name","rawName","value","expression","attrs","domProps","on","$event","target","composing","firstName","lastName","email","phoneNumber","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","categoryId","multiple","_l","cat","i","key","staticStyle","listId","list","id","_e","roleSubCategory","category","index","isArray","forcePasswordChange","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","isButtonDisabled","createUser","staticRenderFns","$","components","MasterLayout","VueTagsInput","PulseLoader","data","showLoader","backgroundUrl","role","branches","branch","groups","groupRoles","company","options2","options3","combinedOptions","tag","tags","searchInp","showRoles","funcListLoader","selectAll","selectAllCheckbox","categories","disableSelectAll","showList","functionList","usersList","subCategories","watch","combinedArray","handler","document","newTags","newSelectedArray","deep","computed","userName","filteredList","sortedList","ch","filteredList2","filteredList3","created","mounted","beforeDestroy","methods","nextStage","getFunctionList","get","configObject","then","res","catch","error","message","type","duration","getSubcategories","response","getRoleCategories","b","checkAll","toggleBranchListDropdown","toggleChckBox","validEmail","getRoleGroups","getCompanyUsers","sessionStorage","localStorage","duo","rerouteAfterAdd","cur","query","userId","username","companyId","phone","rolesCategory","post","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,eAAe,CAACA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,IAAI,CAACJ,EAAIO,GAAG,aAAaP,EAAIQ,GAAgB,WAAbR,EAAIS,MACtOT,EAAIU,GAAG,iCACPV,EAAIU,GAAG,kCAAkC,gBAAgBV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,SAAS,CAAe,WAAbN,EAAIS,MAAoBL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,qBAAqBP,EAAIQ,GAAGR,EAAIU,GAAG,6BAA6B,wBAAwBV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAa,UAAEe,WAAW,cAAcT,YAAY,WAAWU,MAAM,CAAC,KAAO,OAAO,YAAcf,KAAKS,GAAG,6BAA6BO,SAAS,CAAC,MAASjB,EAAa,WAAGkB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBrB,EAAIsB,UAAUH,EAAOC,OAAON,eAAcd,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,qBAAqBP,EAAIQ,GAAGR,EAAIU,GAAG,4BAA4B,wBAAwBV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAY,SAAEe,WAAW,aAAaT,YAAY,WAAWU,MAAM,CAAC,KAAO,OAAO,YAAcf,KAAKS,GAAG,4BAA4BO,SAAS,CAAC,MAASjB,EAAY,UAAGkB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBrB,EAAIuB,SAASJ,EAAOC,OAAON,eAAcd,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,qBAAqBP,EAAIQ,GAAGR,EAAIU,GAAG,yBAAyB,wBAAwBV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAS,MAAEe,WAAW,UAAUT,YAAY,WAAWU,MAAM,CAAC,KAAO,OAAO,YAAcf,KAAKS,GAAG,yBAAyBO,SAAS,CAAC,MAASjB,EAAS,OAAGkB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBrB,EAAIwB,MAAML,EAAOC,OAAON,eAAcd,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,qBAAqBP,EAAIQ,GAAGR,EAAIU,GAAG,iCAAiC,wBAAwBV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAe,YAAEe,WAAW,gBAAgBT,YAAY,WAAWU,MAAM,CAAC,KAAO,OAAO,YAAchB,EAAIU,GAAG,iCAAiCO,SAAS,CAAC,MAASjB,EAAe,aAAGkB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBrB,EAAIyB,YAAYN,EAAOC,OAAON,eAAcd,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,qBAAqBP,EAAIQ,GAAGR,EAAIU,GAAG,wCAAwC,wBAAwBV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,SAAS,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAc,WAAEe,WAAW,eAAeT,YAAY,eAAeY,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIO,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKX,EAAOC,OAAOW,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAElB,MAAM,OAAOqB,KAAOnC,EAAIqC,WAAWlB,EAAOC,OAAOkB,SAAWZ,EAAgBA,EAAc,MAAM,CAACtB,EAAG,SAAS,CAACY,MAAM,CAAC,MAAQ,sBAAsB,SAAW,GAAG,SAAW,KAAK,CAAChB,EAAIO,GAAG,uBAAuBP,EAAIQ,GAAGR,EAAIU,GAAG,wCAAwC,wBAAwBV,EAAIO,GAAG,KAAKP,EAAIuC,GAAIvC,EAAc,YAAE,SAASwC,EAAIC,GAAG,OAAOrC,EAAG,SAAS,CAACsC,IAAID,EAAExB,SAAS,CAAC,MAAQuB,EAAI5B,OAAO,CAACZ,EAAIO,GAAG,uBAAuBP,EAAIQ,GAAGgC,EAAI5B,MAAM,4BAA2B,OAAOZ,EAAIO,GAAG,KAClvH,wBAAnBP,EAAIqC,YACe,YAAnBrC,EAAIqC,YACe,iBAAnBrC,EAAIqC,WACJjC,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,WAAWP,EAAIQ,GAAGR,EAAIqC,iBAAiBrC,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,4BAA4BqC,YAAY,CAAC,OAAS,SAAS,CAACvC,EAAG,SAAS,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAU,OAAEe,WAAW,WAAWG,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIO,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKX,EAAOC,OAAOW,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAElB,MAAM,OAAOqB,KAAOnC,EAAI4C,OAAOzB,EAAOC,OAAOkB,SAAWZ,EAAgBA,EAAc,MAAM,CAACtB,EAAG,SAAS,CAACY,MAAM,CAAC,MAAQ,sBAAsB,SAAW,GAAG,SAAW,KAAK,CAAChB,EAAIO,GAAG,uBAAuBP,EAAIQ,GAAGR,EAAIU,GAAG,kCAAkC,IAAIV,EAAIQ,GAAGR,EAAIqC,YAAY,wBAAwBrC,EAAIO,GAAG,KAAKP,EAAIuC,GAAIvC,EAAgB,cAAE,SAAS6C,EAAKJ,GAAG,OAAOrC,EAAG,SAAS,CAACsC,IAAID,EAAExB,SAAS,CAAC,MAAQ4B,EAAKC,KAAK,CAAC9C,EAAIO,GAAG,uBAAuBP,EAAIQ,GAAGqC,EAAKjC,MAAM,4BAA2B,OAAOZ,EAAI+C,KAAK/C,EAAIO,GAAG,KAAwB,QAAlBP,EAAIqC,WAAsBjC,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,qBAAqBP,EAAIQ,GAAGR,EAAIU,GAAG,2BAA2B,wBAAwBV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,SAAS,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAmB,gBAAEe,WAAW,oBAAoBG,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIO,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKX,EAAOC,OAAOW,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAElB,MAAM,OAAOqB,KAAOnC,EAAIgD,gBAAgB7B,EAAOC,OAAOkB,SAAWZ,EAAgBA,EAAc,MAAM,CAACtB,EAAG,SAAS,CAACY,MAAM,CAAC,MAAQ,OAAO,SAAW,GAAG,SAAW,KAAK,CAAChB,EAAIO,GAAG,uBAAuBP,EAAIQ,GAAGR,EAAIU,GAAG,2BAA2B,wBAAwBV,EAAIO,GAAG,KAAKP,EAAIuC,GAAIvC,EAAiB,eAAE,SAASiD,EAASC,GAAO,OAAO9C,EAAG,SAAS,CAACsC,IAAIQ,EAAMjC,SAAS,CAAC,MAAQgC,EAASrC,OAAO,CAACR,EAAG,OAAO,CAACJ,EAAIO,GAAG,yBAAyBP,EAAIQ,GAAGyC,EAASrC,MAAM,gCAA+B,OAAOZ,EAAI+C,OAAO/C,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4BqC,YAAY,CAAC,OAAS,SAAS,CAACvC,EAAG,OAAO,CAACE,YAAY,8BAA8B,CAACN,EAAIO,GAAG,mBAAmBP,EAAIQ,GAAGR,EAAIU,GAAG,0CAA0C,oBAAoBV,EAAIO,GAAG,KAAKH,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAuB,oBAAEe,WAAW,wBAAwBT,YAAY,WAAWU,MAAM,CAAC,KAAO,WAAW,UAAW,GAAMC,SAAS,CAAC,QAAUU,MAAMwB,QAAQnD,EAAIoD,qBAAqBpD,EAAIqD,GAAGrD,EAAIoD,oBAAoB,OAAO,EAAGpD,EAAuB,qBAAGkB,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAImC,EAAItD,EAAIoD,oBAAoBG,EAAKpC,EAAOC,OAAOoC,IAAID,EAAKE,QAAuB,GAAG9B,MAAMwB,QAAQG,GAAK,CAAC,IAAII,EAAI,KAAKC,EAAI3D,EAAIqD,GAAGC,EAAII,GAAQH,EAAKE,QAASE,EAAI,IAAI3D,EAAIoD,oBAAoBE,EAAIM,OAAO,CAACF,KAAYC,GAAK,IAAI3D,EAAIoD,oBAAoBE,EAAIO,MAAM,EAAEF,GAAKC,OAAON,EAAIO,MAAMF,EAAI,UAAW3D,EAAIoD,oBAAoBI,YAAexD,EAAI+C,KAAK/C,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,SAAS,CAACE,YAAY,oBAAoBU,MAAM,CAAC,WAAWhB,EAAI8D,kBAAiC5C,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAI+D,WAAW5C,MAAW,CAACnB,EAAIO,GAAG,eAAeP,EAAIQ,GAAGR,EAAIU,GAAG,6BAA6B,gBAAgBV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,cAAcqC,YAAY,CAAC,QAAU,QAAQ3B,MAAM,CAAC,IAAM,EAAQ,QAA+B,MAAQ,mBACziHgD,EAAkB,G,mGC+LtB,IAAIC,EAAI,IAEO,OACfrD,gBACAsD,YACAC,oBACAC,iBACAC,oBAEAC,OACA,OACAhD,eACAC,cACAE,iBACAD,WACAsC,oBACAS,cACAC,kBACAC,kBACAC,YACAC,sBACAC,UAEAC,cACAC,aACA/C,WACAgD,YACAC,YACA/C,YACAgD,mBACAC,OACAC,QACAC,aACAC,aACAjC,uBACAkC,kBACAC,aACAC,qBACAC,cACApD,iCACA5B,gBACAiF,oBACAC,YACA/C,6BACAgD,gBACAC,aACAC,iBACA9C,uBAGA+C,OACAjB,WACA,UACA,0BAGAzC,cACA,mCAIA,uBAEA,WACA,yBAGAkD,aACA,SACA,sDACA,MAGA,OAFA,qBACA,aAGA,IACAS,uBACA/D,kBAEA,gBACA,cAOAkD,MACAc,aACA,SACA,sCACAC,wDAEAA,wDAEA,IACA,eACAC,cACAC,iBAGAD,cACAC,YAGA,aACAA,MAEA,MACAA,KAEA,kBAGAC,SAEAC,UACAC,WACA,oEAEAC,eACA,0BAIA,OAHAC,cACA,oBAEA,gBACAC,8DAGAC,gBACA,2BAIA,OAHAF,cACA,oBAEA,gBACAC,8DAGAE,gBACA,2BAIA,OAHAH,cACA,oBAEA,gBACAC,+DAIA5B,UACA,8CAEA+B,UACA,iCACA,iBAGA,6BACA,yBAEAX,8CAEAY,YACAC,kBACAC,SACAC,aACA9F,mBACA,yBAEA+F,kBAEA,qBACA,WACAC,IACA,kDACA,4BACA,4BACA,mBACA,kBACAC,qBAEAC,KAAAC,IACA,2BAkDAC,MAAAC,IAGA,kBACAC,gCACAC,aACAC,kBAIAC,mBACA,mBACA,WACAT,IACA,sDACA,4BACA,4BACA,gCAEAC,qBAEAC,KAAAQ,IACA,4BAEAN,MAAAC,QAEAM,oBACA,mBACA,WACAX,IACA,qCACAC,qBAEAC,KAAAC,IACAA,mBACA,0CACA,EACAS,2CACA,EACA,GAEA,uBACA,6BACA,8CAGAR,MAAAC,IACA,sBAGAQ,YACA,SACA,kBACA,iCACA/F,iBAGA,gBACA,aAEAgG,2BACA,0DAEAC,iBACA,qBACA,+CAEA,QACA,mCACA,oCAEA,CACAhC,wDACA,8CACA,OACA,0BACA,uBAGA,oDACAA,0DAGAiC,cACA,iEA4BAC,gBACA,mBACA,WACAjB,IACA,iCACAC,qBAEAC,KAAAC,IAEAA,mBACA,0CACA,EACAS,2CACA,EACA,GAEA,qBAEAR,MAAAC,IACA,sBAGAa,kBACA,kBACAlB,IACA,wCACA,4BACA,4BACA,kBAEAC,qBAEAC,KAAAC,IACAgB,uBACAC,gEAEA,wBAEAhB,MAAAC,IACA,sBAGAgB,OACA,gCACA,2BAGAC,mBAEA,8BACAC,gBAEA,OAEA,mBACA9H,mBACA+H,OACAC,iBACAC,iBACAjI,oCACAkI,sCACA,4BACA,oBAKA/E,cAEA,GADA5C,oBACA,eAMA,YALA,kBACAsG,gDACAC,aACAC,eAIA,kBAMA,YALA,kBACAF,+CACAC,aACAC,eAIA,eAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,gCAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,qBAMA,YALA,kBACAF,mDACAC,aACAC,eAIA,0DAMA,YALA,kBACAF,gDACAC,aACAC,eAKA,0CAMA,YALA,kBACAF,wDACAC,aACAC,eAKA,GACA,6BACA,kCACA,mCAOA,YALA,kBACAF,+CACAC,aACAC,eAKA,uDAMA,YALA,kBACAF,0CACAC,aACAC,eAYA,OACApB,oBACAwC,uBACAzH,yBACAC,uBACAyH,8BACAhG,qCACAI,6CACAN,GACA,4DACA,gBACA,aAGA,yBACAmB,oBACA,WACAgF,KACA,2CACA,4BACA,4BACA,kBAEA3E,EACA8C,qBAEAC,KAAA,KACA,kBACAI,qDACAC,eACAC,eAEA1D,oBACA,yBACA,uBAEAsD,MAAAC,IACA,kBACAC,gCACAC,aACAC,eAEA,yBACA1D,yBCpuBkX,I,YCO9WiF,EAAY,eACd,EACAnJ,EACAiE,GACA,EACA,KACA,KACA,MAIa,aAAAkF,E","file":"js/chunk-2d0efc41.c0bf93e3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('MasterLayout',[_c('div',{staticClass:\"new-staff\"},[_c('div',{staticClass:\"add_new_bank_account_header\"},[_c('p',[_vm._v(\"\\n        \"+_vm._s(_vm.stage == \"addUser\"\n            ? _vm.$t(\"text.cUsers.createUser.title1\")\n            : _vm.$t(\"text.cUsers.createUser.title2\"))+\"\\n      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"cover\"},[(_vm.stage == 'addUser')?_c('div',{staticClass:\"personal\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.editStaff.firstName\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.firstName),expression:\"firstName\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.firstName')},domProps:{\"value\":(_vm.firstName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.firstName=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.editStaff.lastName\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.lastName),expression:\"lastName\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.lastName')},domProps:{\"value\":(_vm.lastName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.lastName=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.editStaff.email\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.email')},domProps:{\"value\":(_vm.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.email=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cUsers.createUser.phone\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phoneNumber),expression:\"phoneNumber\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.cUsers.createUser.phone')},domProps:{\"value\":(_vm.phoneNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phoneNumber=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cUsers.createUser.selectAccess\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.categoryId),expression:\"categoryId\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.categoryId=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"select access level\",\"disabled\":\"\",\"selected\":\"\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cUsers.createUser.selectAccess\"))+\"\\n                \")]),_vm._v(\" \"),_vm._l((_vm.categories),function(cat,i){return _c('option',{key:i,domProps:{\"value\":cat.name}},[_vm._v(\"\\n                  \"+_vm._s(cat.name)+\"\\n                \")])})],2)])]),_vm._v(\" \"),(\n              _vm.categoryId !== 'select access level' &&\n              _vm.categoryId !== 'Company' &&\n              _vm.categoryId !== 'Dealer Admin'\n            )?_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\" select \"+_vm._s(_vm.categoryId))])]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"50px\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.listId),expression:\"listId\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.listId=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"select categoryList\",\"disabled\":\"\",\"selected\":\"\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cUsers.createUser.select\"))+\" \"+_vm._s(_vm.categoryId)+\"\\n                \")]),_vm._v(\" \"),_vm._l((_vm.functionList),function(list,i){return _c('option',{key:i,domProps:{\"value\":list.id}},[_vm._v(\"\\n                  \"+_vm._s(list.name)+\"\\n                \")])})],2)])]):_vm._e(),_vm._v(\" \"),(_vm.categoryId == 'Team')?_c('div',{staticClass:\"mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.omit.selectSubcat\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.roleSubCategory),expression:\"roleSubCategory\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.roleSubCategory=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"null\",\"selected\":\"\",\"disabled\":\"\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.omit.selectSubcat\"))+\"\\n                \")]),_vm._v(\" \"),_vm._l((_vm.subCategories),function(category,index){return _c('option',{key:index,domProps:{\"value\":category.name}},[_c('span',[_vm._v(\"\\n                    \"+_vm._s(category.name)+\"\\n                  \")])])})],2)])]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 col-md-6 pl-0\"},[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"50px\"}},[_c('span',{staticClass:\"mylabel mr-3 primary-color\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cUsers.userDetails.forcePassword\"))+\"\\n            \")]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.forcePasswordChange),expression:\"forcePasswordChange\"}],staticClass:\"border-0\",attrs:{\"type\":\"checkbox\",\"disabled\":true},domProps:{\"checked\":Array.isArray(_vm.forcePasswordChange)?_vm._i(_vm.forcePasswordChange,null)>-1:(_vm.forcePasswordChange)},on:{\"change\":function($event){var $$a=_vm.forcePasswordChange,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.forcePasswordChange=$$a.concat([$$v]))}else{$$i>-1&&(_vm.forcePasswordChange=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.forcePasswordChange=$$c}}}})])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4 pb-4\"},[_c('button',{staticClass:\"ep-btn ep-primary\",attrs:{\"disabled\":_vm.isButtonDisabled ? true : false},on:{\"click\":function($event){return _vm.createUser($event)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"text.cUsers.createButton\"))+\"\\n        \")]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MasterLayout>\r\n    <div class=\"new-staff\">\r\n      <div class=\"add_new_bank_account_header\">\r\n        <p>\r\n          {{\r\n            stage == \"addUser\"\r\n              ? $t(\"text.cUsers.createUser.title1\")\r\n              : $t(\"text.cUsers.createUser.title2\")\r\n          }}\r\n        </p>\r\n      </div>\r\n      <div class=\"cover\">\r\n        <div class=\"personal\" v-if=\"stage == 'addUser'\">\r\n          <div class=\"row\">\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.editStaff.firstName\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.firstName')\"\r\n                  v-model=\"firstName\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.editStaff.lastName\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.lastName')\"\r\n                  class=\"border-0\"\r\n                  v-model=\"lastName\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.editStaff.email\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.email')\"\r\n                  v-model=\"email\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.cUsers.createUser.phone\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.cUsers.createUser.phone')\"\r\n                  v-model=\"phoneNumber\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.cUsers.createUser.selectAccess\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <select v-model=\"categoryId\" class=\"form-control\">\r\n                  <option value=\"select access level\" disabled selected>\r\n                    {{ $t(\"text.cUsers.createUser.selectAccess\") }}\r\n                  </option>\r\n                  <option\r\n                    :value=\"cat.name\"\r\n                    v-for=\"(cat, i) in categories\"\r\n                    :key=\"i\"\r\n                  >\r\n                    {{ cat.name }}\r\n                  </option>\r\n                </select>\r\n              </div>\r\n            </div>\r\n\r\n            <div\r\n              class=\"input__group__block mt-4 col-md-6\"\r\n              v-if=\"\r\n                categoryId !== 'select access level' &&\r\n                categoryId !== 'Company' &&\r\n                categoryId !== 'Dealer Admin'\r\n              \"\r\n            >\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> select {{ categoryId }}</span>\r\n              </label>\r\n              <div class=\"d-flex align-items-center\" style=\"height: 50px\">\r\n                <select v-model=\"listId\">\r\n                  <option value=\"select categoryList\" disabled selected>\r\n                    {{ $t(\"text.cUsers.createUser.select\") }} {{ categoryId }}\r\n                  </option>\r\n                  <option\r\n                    :value=\"list.id\"\r\n                    v-for=\"(list, i) in functionList\"\r\n                    :key=\"i\"\r\n                  >\r\n                    {{ list.name }}\r\n                  </option>\r\n                </select>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- For sub categories -->\r\n            <div v-if=\"categoryId == 'Team'\" class=\"mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.omit.selectSubcat\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <select v-model=\"roleSubCategory\">\r\n                  <option value=\"null\" selected disabled>\r\n                    {{ $t(\"text.omit.selectSubcat\") }}\r\n                  </option>\r\n                  <option\r\n                    :value=\"category.name\"\r\n                    v-for=\"(category, index) in subCategories\"\r\n                    :key=\"index\"\r\n                  >\r\n                    <span>\r\n                      {{ category.name }}\r\n                    </span>\r\n                  </option>\r\n                </select>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- <pulse-loader\r\n            size=\"15px\"\r\n            v-if=\"funcListLoader\"\r\n            class=\"py-5\"\r\n          ></pulse-loader> -->\r\n          <div class=\"mt-4 col-md-6 pl-0\">\r\n            <div class=\"d-flex align-items-center\" style=\"height: 50px\">\r\n              <span class=\"mylabel mr-3 primary-color\">\r\n                {{ $t(\"text.cUsers.userDetails.forcePassword\") }}\r\n              </span>\r\n              <input\r\n                type=\"checkbox\"\r\n                v-model=\"forcePasswordChange\"\r\n                class=\"border-0\"\r\n                :disabled=\"true\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"text-center mt-4 pb-4\">\r\n          <button\r\n            :disabled=\"isButtonDisabled ? true : false\"\r\n            class=\"ep-btn ep-primary\"\r\n            @click=\"createUser($event)\"\r\n          >\r\n            {{ $t(\"text.cUsers.createButton\") }}\r\n          </button>\r\n          <img\r\n            src=\"@/assets/img/git_loader.gif\"\r\n            style=\"display: none\"\r\n            width=\"35px\"\r\n            class=\"ml-3 loader\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </MasterLayout>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport configObject from \"@/config\";\r\nimport backgroundUrl from \"@/assets/img/retain.jpg\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport PulseLoader from \"vue-spinner/src/PulseLoader.vue\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  name: \"AddStaff\",\r\n  components: {\r\n    MasterLayout,\r\n    VueTagsInput,\r\n    PulseLoader,\r\n  },\r\n  data() {\r\n    return {\r\n      firstName: null,\r\n      lastName: null,\r\n      phoneNumber: null,\r\n      email: null,\r\n      isButtonDisabled: false,\r\n      showLoader: true,\r\n      backgroundUrl,\r\n      role: \"selectRole\",\r\n      branches: [],\r\n      branch: \"selectBranch\",\r\n      groups: [],\r\n      // groupId: \"select group\",\r\n      groupRoles: [],\r\n      company: null,\r\n      options: [],\r\n      options2: [],\r\n      options3: [],\r\n      selected: [],\r\n      combinedOptions: [],\r\n      tag: \"\",\r\n      tags: [],\r\n      searchInp: \"\",\r\n      showRoles: false,\r\n      forcePasswordChange: true,\r\n      funcListLoader: false,\r\n      selectAll: false,\r\n      selectAllCheckbox: false,\r\n      categories: [],\r\n      categoryId: \"select access level\",\r\n      stage: \"addUser\",\r\n      disableSelectAll: false,\r\n      showList: false,\r\n      listId: \"select categoryList\",\r\n      functionList: [],\r\n      usersList: [],\r\n      subCategories: {},\r\n      roleSubCategory: null,\r\n    };\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getRoleCategories();\r\n      }\r\n    },\r\n    categoryId(cat) {\r\n      if (cat !== \"Company\" && cat !== \"Dealer Admin\") {\r\n        // this.functionList = [];\r\n        // this.listId = this.company.id;\r\n        // console.log(\"company not selected\");\r\n        this.getFunctionList();\r\n      }\r\n      if (cat == \"Team\") {\r\n        this.getSubcategories();\r\n      }\r\n    },\r\n    selectAll(value) {\r\n      let selected = [];\r\n      let combinedArray = [...this.options, ...this.options2, ...this.options3];\r\n      if (!value) {\r\n        this.selected = selected;\r\n        this.tags = selected;\r\n        return;\r\n      }\r\n      if (value) {\r\n        combinedArray.forEach(function (opt) {\r\n          selected.push(opt.text);\r\n        });\r\n        this.selected = selected;\r\n        this.tags = selected;\r\n      }\r\n    },\r\n    // groupId() {\r\n    //   this.getGroupRoles();\r\n    //   this.selected = [];\r\n    // },\r\n    tags: {\r\n      handler(newTags, oldTags) {\r\n        let newSelectedArray = [];\r\n        if (newTags.length == this.combinedOptions.length) {\r\n          document.querySelector(\"#selectAllCheckbox\").checked = true;\r\n        } else {\r\n          document.querySelector(\"#selectAllCheckbox\").checked = false;\r\n        }\r\n        try {\r\n          if (newTags[0].tiClasses) {\r\n            newTags.forEach((tg) => {\r\n              newSelectedArray.push(tg.text);\r\n            });\r\n          } else {\r\n            newTags.forEach((tg) => {\r\n              newSelectedArray.push(tg);\r\n            });\r\n          }\r\n          if (newTags.length < 1) {\r\n            newSelectedArray = [];\r\n          }\r\n        } catch {\r\n          newSelectedArray = [];\r\n        }\r\n        this.selected = newSelectedArray;\r\n      },\r\n    },\r\n    deep: true,\r\n  },\r\n  computed: {\r\n    userName() {\r\n      return `${this.userDetails.firstName} ${this.userDetails.lastName}`;\r\n    },\r\n    filteredList() {\r\n      const sortedList = [...this.options];\r\n      sortedList.sort((a, b) => {\r\n        return a.name > b.name ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) =>\r\n        ch.text.toLowerCase().includes(this.searchInp.toLowerCase())\r\n      );\r\n    },\r\n    filteredList2() {\r\n      const sortedList = [...this.options2];\r\n      sortedList.sort((a, b) => {\r\n        return a.name > b.name ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) =>\r\n        ch.text.toLowerCase().includes(this.searchInp.toLowerCase())\r\n      );\r\n    },\r\n    filteredList3() {\r\n      const sortedList = [...this.options3];\r\n      sortedList.sort((a, b) => {\r\n        return a.name > b.name ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) =>\r\n        ch.text.toLowerCase().includes(this.searchInp.toLowerCase())\r\n      );\r\n    },\r\n  },\r\n  company() {\r\n    return this.$store.getters.getCompanyDetails;\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n      // console.log(\"company gotten\");\r\n    });\r\n    if (this.$route.query.companyId) {\r\n      this.getRoleCategories();\r\n    }\r\n    document.title = \"Create User:: Epump Company\";\r\n  },\r\n  mounted() {},\r\n  beforeDestroy() {},\r\n  methods: {\r\n    nextStage($event) {\r\n      $event.preventDefault();\r\n      this.stage = \"createUser\";\r\n    },\r\n    getFunctionList() {\r\n      // this.funcListLoader = true;\r\n      this.functionList = [];\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/DealerBranchGroup/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }/${this.categoryId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.functionList = res.data;\r\n          // this.showRoles = true;\r\n          // this.showList = true;\r\n          // this.funcListLoader = false;\r\n          // res.data.forEach((el) => {\r\n          //   el.text = el.name;\r\n          //   el.value = el.name;\r\n          //   this.selected.push(el.name);\r\n          // });\r\n          // let copiedResponse = [...res.data];\r\n          // let options = [];\r\n          // let options2 = [];\r\n          // let options3 = [];\r\n          // copiedResponse.forEach((br, index) => {\r\n          //   let dataLengthFirstOneThird = copiedResponse.length / 3;\r\n          //   if (index <= dataLengthFirstOneThird) {\r\n          //     options.push(br);\r\n          //   }\r\n          // });\r\n\r\n          // let twoThirdOfArr = copiedResponse.splice(\r\n          //   copiedResponse.length / 3 + 1,\r\n          //   copiedResponse.length - 1\r\n          // );\r\n          // twoThirdOfArr.forEach((br, index) => {\r\n          //   let dataHalfList = parseInt(twoThirdOfArr.length / 2);\r\n          //   if (index <= dataHalfList) {\r\n          //     options2.push(br);\r\n          //   } else {\r\n          //     options3.push(br);\r\n          //   }\r\n          // });\r\n\r\n          // this.options = options;\r\n          // this.options2 = options2;\r\n          // this.options3 = options3;\r\n\r\n          // this.combinedOptions = [...options, ...options2, ...options3];\r\n          // this.options.forEach((el) => {\r\n          //   el.notEnabled = true;\r\n          // });\r\n          // this.options2.forEach((el) => {\r\n          //   el.notEnabled = true;\r\n          // });\r\n          // this.options3.forEach((el) => {\r\n          //   el.notEnabled = true;\r\n          // });\r\n          // this.disableSelectAll = true;\r\n          // document.querySelector(\"#selectAllCheckbox\").checked = true;\r\n        })\r\n        .catch((error) => {\r\n          // this.funcListLoader = false;\r\n          // this.showList = false;\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n        });\r\n    },\r\n    getSubcategories() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/GroupManagement/SubCategories/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?category=Team`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.subCategories = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getRoleCategories() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Role/Categories`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          res.data.sort((a, b) => {\r\n            return a.name.toLowerCase() > b.name.toLowerCase()\r\n              ? 1\r\n              : b.name.toLowerCase() > a.name.toLowerCase()\r\n              ? -1\r\n              : 0;\r\n          });\r\n          this.categories = res.data;\r\n          if (this.$route.query.category) {\r\n            this.categoryId = this.$route.query.category;\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    checkAll(e) {\r\n      let selected = [];\r\n      if (e.target.checked) {\r\n        this.combinedOptions.forEach((el) => {\r\n          selected.push(el.text);\r\n        });\r\n      }\r\n      this.selected = selected;\r\n      this.tags = selected;\r\n    },\r\n    toggleBranchListDropdown() {\r\n      this.showBranchListDropDown = !this.showBranchListDropDown;\r\n    },\r\n    toggleChckBox($event) {\r\n      if ($event.target.checked) {\r\n        const getIndex = this.selected.indexOf($event.target.value);\r\n\r\n        if (getIndex === -1) {\r\n          this.selected.push($event.target.value);\r\n          this.tags.push($event.target.value);\r\n        }\r\n      } else {\r\n        document.querySelector(\"#selectAllCheckbox\").checked = false;\r\n        const getIndex = this.selected.indexOf($event.target.value);\r\n        if (getIndex > -1) {\r\n          this.selected.splice(getIndex, 1);\r\n          this.tags.splice(getIndex, 1);\r\n        }\r\n      }\r\n      if (this.selected.length == this.combinedOptions.length) {\r\n        document.querySelector(\"#selectAllCheckbox\").checked = true;\r\n      }\r\n    },\r\n    validEmail(email) {\r\n      if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n\r\n    // getBranches() {\r\n    //   this.axios\r\n    //     .get(\r\n    //       `${configObject.apiBaseUrl}/Company/Branches/${\r\n    //         this.$route.query.companyId\r\n    //           ? this.$route.query.companyId\r\n    //           : this.company.id\r\n    //       }`,\r\n    //       configObject.authConfig()\r\n    //     )\r\n    //     .then((res) => {\r\n    //       res.data.sort((a, b) => {\r\n    //         return a.name.toLowerCase() > b.name.toLowerCase()\r\n    //           ? 1\r\n    //           : b.name.toLowerCase() > a.name.toLowerCase()\r\n    //           ? -1\r\n    //           : 0;\r\n    //       });\r\n    //       this.branches = res.data;\r\n    //     })\r\n    //     .catch((error) => {});\r\n    // },\r\n    getRoleGroups() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Role/Groups`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          let index = 0;\r\n          res.data.sort((a, b) => {\r\n            return a.name.toLowerCase() > b.name.toLowerCase()\r\n              ? 1\r\n              : b.name.toLowerCase() > a.name.toLowerCase()\r\n              ? -1\r\n              : 0;\r\n          });\r\n          this.groups = res.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    getCompanyUsers() {\r\n      return this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/Usersv2/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          sessionStorage.clear();\r\n          localStorage.setItem(\"companyUsersList\", JSON.stringify(res.data));\r\n\r\n          this.usersList = res.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    duo(emailP) {\r\n      this.getCompanyUsers().then((result) => {\r\n        this.rerouteAfterAdd(emailP);\r\n      });\r\n    },\r\n    rerouteAfterAdd(emailP) {\r\n      // console.log(emailP);\r\n      const particularUser = this.usersList.filter(\r\n        (cur) => cur.email === emailP\r\n      );\r\n      const idedUser = particularUser[0];\r\n      // console.log(particularUser[0]);\r\n      this.$router.push({\r\n        name: \"UserDetails\",\r\n        query: {\r\n          userId: idedUser.ownerId,\r\n          username: idedUser.email,\r\n          name: `${idedUser.firstName} ${idedUser.lastName}`,\r\n          companyId: this.$route.query.companyId\r\n            ? this.$route.query.companyId\r\n            : this.company.id,\r\n        },\r\n      });\r\n    },\r\n\r\n    createUser($event) {\r\n      $event.preventDefault();\r\n      if (!this.firstName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.firstNameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.lastName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.lastNameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.email) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.emailMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.validEmail(this.email)) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.invalidEmail\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.phoneNumber) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.contactPhoneMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (this.phoneNumber.length < 10 || this.phoneNumber.length > 13) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.shortPhoneNumber\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (this.categoryId == \"select access level\") {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.cUsers.createUser.categoryError\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (\r\n        this.categoryId !== \"Company\" &&\r\n        this.categoryId !== \"Dealer Admin\" &&\r\n        this.listId == \"select categoryList\"\r\n      ) {\r\n        this.$toast.open({\r\n          message: `\"Please select a ${this.categoryId}\"`,\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (this.categoryId == \"Team\" && this.roleSubCategory == null) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.omit.selectSubcat\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      // let roleIds = [];\r\n      // this.combinedOptions.forEach((opt) => {\r\n      //   if (this.selected.includes(opt.value)) {\r\n      //     roleIds.push(opt.id);\r\n      //   }\r\n      // });\r\n\r\n      let data = {\r\n        userName: this.email,\r\n        phone: this.phoneNumber,\r\n        firstName: this.firstName,\r\n        lastName: this.lastName,\r\n        rolesCategory: this.categoryId,\r\n        roleSubCategory: this.roleSubCategory,\r\n        forcePasswordChange: this.forcePasswordChange,\r\n        id:\r\n          this.categoryId == \"Company\" || this.categoryId == \"Dealer Admin\"\r\n            ? this.company.id\r\n            : this.listId,\r\n      };\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Company/CreateUser/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.cUsers.createUser.successMsg\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.duo(this.email);\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\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!./createUser.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!./createUser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./createUser.vue?vue&type=template&id=35396074&\"\nimport script from \"./createUser.vue?vue&type=script&lang=js&\"\nexport * from \"./createUser.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}