{"version":3,"sources":["webpack:///./src/views/userSettings/ProfileSettings.vue?8a7c","webpack:///./src/views/userSettings/ProfileSettings.vue?268c","webpack:///src/views/userSettings/ProfileSettings.vue","webpack:///./src/views/userSettings/ProfileSettings.vue?ca50","webpack:///./src/views/userSettings/ProfileSettings.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","userLoginType","_v","attrs","model","value","callback","$$v","password","expression","confirmPassword","enablePasswordButton","on","changePassword","_s","isLoading","directives","name","rawName","$event","_e","showSnackbarBool","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","components","Loading","data","fullPage","loaderBackgroundColor","loaderColor","computed","created","methods","resetResult","setTimeout","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACN,EAAIO,GAAG,GAA0B,MAAtBP,EAAIQ,cAAuBJ,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACE,YAAY,YAAY,CAACN,EAAIS,GAAG,oBAAoBL,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,cAAc,CAACM,MAAM,CAAC,GAAK,WAAW,KAAO,WAAW,MAAQ,wBAAwB,KAAO,WAAW,YAAc,oBAAoB,UAAY,YAAY,MAAQ,OAAO,SAAW,GAAG,WAAY,EAAK,wBAA0B,IAAIC,MAAM,CAACC,MAAOZ,EAAY,SAAEa,SAAS,SAAUC,GAAMd,EAAIe,SAASD,GAAKE,WAAW,cAAcZ,EAAG,cAAc,CAACM,MAAM,CAAC,GAAK,mBAAmB,KAAO,mBAAmB,MAAQ,4BAA4B,KAAO,WAAW,YAAc,sBAAsB,UAAY,YAAY,MAAQ,OAAO,SAAW,GAAG,wBAA0B,IAAIC,MAAM,CAACC,MAAOZ,EAAmB,gBAAEa,SAAS,SAAUC,GAAMd,EAAIiB,gBAAgBH,GAAKE,WAAW,qBAAqBZ,EAAG,eAAe,CAACM,MAAM,CAAC,GAAK,yBAAyB,KAAO,yBAAyB,UAAY,UAAU,YAAcV,EAAIkB,sBAAsBC,GAAG,CAAC,oBAAsBnB,EAAIoB,iBAAiB,CAACpB,EAAIS,GAAG,IAAIT,EAAIqB,GAAIrB,EAAIsB,UAAgC,GAApB,mBAAwB,KAAKlB,EAAG,MAAM,CAACmB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASb,MAAOZ,EAAa,UAAEgB,WAAW,cAAcN,MAAM,CAAC,GAAK,eAAe,CAACN,EAAG,UAAU,CAACM,MAAM,CAAC,OAASV,EAAIsB,UAAU,gBAAe,EAAM,OAAS,OAAO,MAAQ,QAAQ,mBAAmB,WAAWH,GAAG,CAAC,gBAAgB,SAASO,GAAQ1B,EAAIsB,UAAUI,OAAY,MAAM,KAAK1B,EAAI2B,KAAKvB,EAAG,iBAAiB,CAACM,MAAM,CAAC,GAAK,yBAAyB,iBAAmBV,EAAI4B,iBAAiB,cAAgB5B,EAAI6B,cAAc,iBAAmB7B,EAAI8B,iBAAiB,cAAgB9B,EAAI+B,eAAeZ,GAAG,CAAC,0BAA0B,SAASO,GAAQ1B,EAAI4B,iBAAiBF,GAAQ,4BAA4B,SAASA,GAAQ1B,EAAI4B,iBAAiBF,OAAY,IACv7DM,EAAkB,CAAC,WAAa,IAAIhC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,KAAK,CAACJ,EAAIS,GAAG,0B,qGCoErJ,GACfe,uBACAS,YACAC,aAEAC,gBACA,OACAlB,mBACAmB,YACAd,aACAe,6BACAC,mBACAvB,YACAa,oBACAC,iBACAC,oBACAC,mBAGAQ,UACArB,gCAAA,2FACAV,yBAAA,4CAEAgC,mBACA,2BACA,sEACA,mBAAAhB,6BAGAiB,SACArB,0BAAA,6JACA,wEAEA,+BACA,6DAAAsB,SAEA,GASA,wBACA,qBACA,mBACA,wBAXA,0BACA,uCACA,mBACA,sBAEA,cACA,sBAQAC,uBAAA,gEArBA,MCnGwW,I,wBCQpWC,EAAY,eACd,EACA7C,EACAiC,GACA,EACA,KACA,WACA,MAIa,aAAAY,E","file":"js/chunk-34df5d00.c32df67d.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileSettings.vue?vue&type=style&index=0&id=07ecc460&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page\"},[_vm._m(0),(_vm.userLoginType === '1')?_c('div',{staticClass:\"vap-page-content\"},[_c('h2',{staticClass:\"subtitle\"},[_vm._v(\"Reset Password\")]),_c('div',{staticClass:\"responsive-grid\"},[_c('VasionInput',{attrs:{\"id\":\"password\",\"name\":\"password\",\"title\":\"NEW\\n        PASSWORD\",\"type\":\"password\",\"placeholder\":\"Enter Password...\",\"inputType\":\"top-white\",\"width\":\"100%\",\"required\":\"\",\"autoFocus\":true,\"preventPasswordAutofill\":\"\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('VasionInput',{attrs:{\"id\":\"confirm-password\",\"name\":\"confirm-password\",\"title\":\"CONFIRM\\n        PASSWORD\",\"type\":\"password\",\"placeholder\":\"Confirm Password...\",\"inputType\":\"top-white\",\"width\":\"100%\",\"required\":\"\",\"preventPasswordAutofill\":\"\"},model:{value:(_vm.confirmPassword),callback:function ($$v) {_vm.confirmPassword=$$v},expression:\"confirmPassword\"}}),_c('VasionButton',{attrs:{\"id\":\"change-password-button\",\"name\":\"change-password-button\",\"classProp\":\"primary\",\"isDisabled\":!_vm.enablePasswordButton},on:{\"vasionButtonClicked\":_vm.changePassword}},[_vm._v(\" \"+_vm._s(!_vm.isLoading ? \"Change Password\" : \"\")+\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLoading),expression:\"isLoading\"}],attrs:{\"id\":\"loader-box\"}},[_c('Loading',{attrs:{\"active\":_vm.isLoading,\"is-full-page\":false,\"loader\":\"dots\",\"color\":\"white\",\"background-color\":\"#3D2562\"},on:{\"update:active\":function($event){_vm.isLoading=$event}}})],1)])],1)]):_vm._e(),_c('VasionSnackbar',{attrs:{\"id\":\"profile-settings-snack\",\"showSnackbarBool\":_vm.showSnackbarBool,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbarBool=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbarBool=$event}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page-header\"},[_c('h1',[_vm._v(\"Profile Settings\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vap-page\">\n    <div class=\"vap-page-header\">\n      <h1>Profile Settings</h1>\n    </div>\n    <div v-if=\"userLoginType === '1'\" class=\"vap-page-content\">\n      <h2 class=\"subtitle\">Reset Password</h2>\n      <div class=\"responsive-grid\">\n        <VasionInput\n          id=\"password\"\n          name=\"password\"\n          v-model=\"password\"\n          title=\"NEW\n          PASSWORD\"\n          type=\"password\"\n          placeholder=\"Enter Password...\"\n          inputType=\"top-white\"\n          width=\"100%\"\n          required\n          :autoFocus=\"true\"\n          preventPasswordAutofill\n        />\n        <VasionInput\n          id=\"confirm-password\"\n          name=\"confirm-password\"\n          v-model=\"confirmPassword\"\n          title=\"CONFIRM\n          PASSWORD\"\n          type=\"password\"\n          placeholder=\"Confirm Password...\"\n          inputType=\"top-white\"\n          width=\"100%\"\n          required\n          preventPasswordAutofill\n        />\n        <VasionButton\n          id=\"change-password-button\"\n          name=\"change-password-button\"\n          classProp=\"primary\"\n          :isDisabled=\"!enablePasswordButton\"\n          @vasionButtonClicked=\"changePassword\"\n        >\n          {{ !isLoading ? \"Change Password\" : \"\" }}\n          <div v-show=\"isLoading\" id=\"loader-box\">\n            <Loading\n              :active.sync=\"isLoading\"\n              :is-full-page=\"false\"\n              loader=\"dots\"\n              color=\"white\"\n              background-color=\"#3D2562\"\n            />\n          </div>\n        </VasionButton>\n      </div>\n    </div>\n    <VasionSnackbar\n      id=\"profile-settings-snack\"\n      :showSnackbarBool.sync=\"showSnackbarBool\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n  </div>\n</template>\n\n<script>\nimport Loading from 'vue-loading-overlay'\nimport 'vue-loading-overlay/dist/vue-loading.css'\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nexport default {\n  name: 'ProfileSettings',\n  components: {\n    Loading,\n  },\n  data: function () {\n    return {\n      confirmPassword: '',\n      fullPage: true,\n      isLoading: false,\n      loaderBackgroundColor: loaderBackgroundColor,\n      loaderColor: loaderColor,\n      password: '',\n      showSnackbarBool: false,\n      snackbarImage: '',\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n    }\n  },\n  computed: {\n    enablePasswordButton() { return this.password && this.password.trim().length > 0 && this.password === this.confirmPassword },\n    userLoginType() { return this.$store.state.common.loginType },\n  },\n  created() {\n    if (this.userLoginType !== '1') {\n      this.$store.dispatch('mainViews/changeMainNav', 'profile-default-app')\n      this.$router.push({ name: 'ProfileDefaultApp' })\n    }\n  },\n  methods: {\n    async changePassword() {\n      if (!this.enablePasswordButton) return\n\n      this.isLoading = true\n      const resetResult = await this.$store.dispatch('common/setNewPassword', this.password)\n\n      if (!resetResult) {\n        this.snackbarTitle = 'Success'\n        this.snackbarSubTitle = 'Password Changed!'\n        this.snackbarImage = true\n        this.showSnackbarBool = true\n\n        this.password = ''\n        this.confirmPassword = ''\n      } else {\n        this.snackbarTitle = 'Error'\n        this.snackbarSubTitle = resetResult\n        this.snackbarImage = false\n        this.showSnackbarBool = true\n      }\n      \n      setTimeout(() => { this.isLoading = false }, 500)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/css/variables.scss';\n\n#loader-box {\n  min-height: 36px;\n  width: 162px;\n  max-width: 162px;\n  z-index: 30;\n}\n\n::v-deep #change-password-button button {\n  margin-left: 0px;\n}\n\n@media (min-width: $breakpoint-xl) {\n  #change-password-button {\n    position: relative;\n    top: 17px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileSettings.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!./ProfileSettings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileSettings.vue?vue&type=template&id=07ecc460&scoped=true&\"\nimport script from \"./ProfileSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileSettings.vue?vue&type=style&index=0&id=07ecc460&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"07ecc460\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}