{"version":3,"sources":["webpack:///./src/pages/Settings/components/ChangePassword/index.vue?9342","webpack:///src/pages/Settings/components/ChangePassword/index.vue","webpack:///./src/pages/Settings/components/ChangePassword/index.vue?58d4","webpack:///./src/pages/Settings/components/ChangePassword/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","onSubmit","attrs","$v","form","currentPassword","$error","required","validateCurrentPassword","model","value","callback","$$v","$set","expression","isValidCurrentPassword","_e","_s","newPassword","strongPassword","confirmPassword","sameAsPassword","staticRenderFns","mixins","data","computed","methods","resetForm","$nextTick","validations","minLength","component"],"mappings":"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","file":"js/chunk-2d2308ec.95be5e8a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('div',{staticClass:\"col-md-6 offset-md-3\"},[_c('hr',{staticClass:\"mb-5\"}),_c('div',{staticClass:\"card card-outline-secondary\"},[_c('div',{staticClass:\"card-header\"},[_c('h3',{staticClass:\"mb-0\"},[_vm._v(\"Change Password\")])]),_c('div',{staticClass:\"card-body\"},[_c('b-form',{on:{\"submit\":_vm.onSubmit}},[_c('b-form-group',{staticClass:\"mb-3\",attrs:{\"id\":\"input-group-1\",\"label\":\"Current Password*\",\"label-for\":\"input-1\"}},[_c('b-form-input',{attrs:{\"id\":\"input-1\",\"type\":\"password\",\"state\":_vm.$v.form.currentPassword.$error\n                 ? _vm.$v.form.currentPassword.required\n                  &&\n                 _vm.$v.form.currentPassword.validateCurrentPassword\n                 : null,\"placeholder\":\"Enter current Password\",\"aria-describedby\":\"current-password-feedback\"},model:{value:(_vm.$v.form.currentPassword.$model),callback:function ($$v) {_vm.$set(_vm.$v.form.currentPassword, \"$model\", $$v)},expression:\"$v.form.currentPassword.$model\"}}),(!_vm.$v.form.currentPassword.required || !_vm.isValidCurrentPassword)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"current-password-feedback\"}},[_vm._v(\"\\n                \"+_vm._s(!_vm.isValidCurrentPassword\n                ? 'Current password do not match': !_vm.$v.form.currentPassword.required\n                ? 'Current Password is required'\n                :'')+\"\\n              \")]):_vm._e()],1),_c('b-form-group',{staticClass:\"mb-3\",attrs:{\"id\":\"input-group-2\",\"label\":\"New Password*\",\"label-for\":\"input-2\"}},[_c('b-form-input',{attrs:{\"id\":\"input-2\",\"type\":\"password\",\"placeholder\":\"Enter new Password\",\"state\":_vm.$v.form.newPassword.$error \n                ?\n                 _vm.$v.form.newPassword.required \n                 &&\n                 _vm.$v.form.newPassword.strongPassword\n                 : null,\"aria-describedby\":\"new-password-feedback\"},model:{value:(_vm.$v.form.newPassword.$model),callback:function ($$v) {_vm.$set(_vm.$v.form.newPassword, \"$model\", $$v)},expression:\"$v.form.newPassword.$model\"}}),(!_vm.$v.form.newPassword.required || !_vm.$v.form.newPassword.strongPassword)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"new-password-feedback\"}},[_vm._v(\"\\n                \"+_vm._s(!_vm.$v.form.newPassword.required\n                ? 'New Password is required'\n                : !_vm.$v.form.newPassword.strongPassword\n                ? 'New password need to have a letter, a number, a special character, and be equal or more than 8 characters long.'\n                :'')+\"\\n              \")]):_vm._e()],1),_c('b-form-group',{staticClass:\"mb-3\",attrs:{\"id\":\"input-group-3\",\"label\":\"Confirm Password*\",\"label-for\":\"input-2\"}},[_c('b-form-input',{attrs:{\"id\":\"input-3\",\"type\":\"password\",\"placeholder\":\"Enter confirm Password\",\"state\":_vm.$v.form.confirmPassword.$error \n                ?\n                 _vm.$v.form.confirmPassword.required \n                 &&\n                 _vm.$v.form.confirmPassword.sameAsPassword\n                 : null,\"aria-describedby\":\"confirm-password-feedback\"},model:{value:(_vm.$v.form.confirmPassword.$model),callback:function ($$v) {_vm.$set(_vm.$v.form.confirmPassword, \"$model\", $$v)},expression:\"$v.form.confirmPassword.$model\"}}),(!_vm.$v.form.confirmPassword.required || !_vm.$v.form.newPassword.sameAsPassword)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"confirm-password-feedback\"}},[_vm._v(\"\\n                \"+_vm._s(!_vm.$v.form.confirmPassword.required\n                ? 'Confirm Password is required'\n                : !_vm.$v.form.confirmPassword.sameAsPassword\n                ? 'The new password and Confirm, password do not match.'\n                :'')+\"\\n              \")]):_vm._e()],1),_c('b-button',{attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\"Submit\")])],1)],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-row>\r\n      <div class=\"col-md-6 offset-md-3\">\r\n        <hr class=\"mb-5\" />\r\n        <div class=\"card card-outline-secondary\">\r\n          <div class=\"card-header\">\r\n            <h3 class=\"mb-0\">Change Password</h3>\r\n          </div>\r\n          <div class=\"card-body\">\r\n            <b-form @submit=\"onSubmit\">\r\n              <b-form-group\r\n                class=\"mb-3\"\r\n                id=\"input-group-1\"\r\n                label=\"Current Password*\"\r\n                label-for=\"input-1\"\r\n              >\r\n                <b-form-input\r\n                  id=\"input-1\"\r\n                  v-model=\"$v.form.currentPassword.$model\"\r\n                  type=\"password\"\r\n                  :state=\"$v.form.currentPassword.$error\r\n                   ? $v.form.currentPassword.required\r\n                    &&\r\n                   $v.form.currentPassword.validateCurrentPassword\r\n                   : null\"\r\n                  placeholder=\"Enter current Password\"\r\n                  aria-describedby=\"current-password-feedback\"\r\n                ></b-form-input>\r\n                <b-form-invalid-feedback\r\n                  v-if=\"!$v.form.currentPassword.required || !isValidCurrentPassword\"\r\n                  id=\"current-password-feedback\"\r\n                >\r\n                  {{!isValidCurrentPassword\r\n                  ? 'Current password do not match': !$v.form.currentPassword.required\r\n                  ? 'Current Password is required'\r\n                  :''}}\r\n                </b-form-invalid-feedback>\r\n              </b-form-group>\r\n              <b-form-group\r\n                class=\"mb-3\"\r\n                id=\"input-group-2\"\r\n                label=\"New Password*\"\r\n                label-for=\"input-2\"\r\n              >\r\n                <b-form-input\r\n                  id=\"input-2\"\r\n                  v-model=\"$v.form.newPassword.$model\"\r\n                  type=\"password\"\r\n                  placeholder=\"Enter new Password\"\r\n                  :state=\"$v.form.newPassword.$error \r\n                  ?\r\n                   $v.form.newPassword.required \r\n                   &&\r\n                   $v.form.newPassword.strongPassword\r\n                   : null\"\r\n                  aria-describedby=\"new-password-feedback\"\r\n                ></b-form-input>\r\n                <b-form-invalid-feedback\r\n                  v-if=\"!$v.form.newPassword.required || !$v.form.newPassword.strongPassword\"\r\n                  id=\"new-password-feedback\"\r\n                >\r\n                  {{ !$v.form.newPassword.required\r\n                  ? 'New Password is required'\r\n                  : !$v.form.newPassword.strongPassword\r\n                  ? 'New password need to have a letter, a number, a special character, and be equal or more than 8 characters long.'\r\n                  :''\r\n                  }}\r\n                </b-form-invalid-feedback>\r\n              </b-form-group>\r\n              <b-form-group\r\n                class=\"mb-3\"\r\n                id=\"input-group-3\"\r\n                label=\"Confirm Password*\"\r\n                label-for=\"input-2\"\r\n              >\r\n                <b-form-input\r\n                  id=\"input-3\"\r\n                  v-model=\"$v.form.confirmPassword.$model\"\r\n                  type=\"password\"\r\n                  placeholder=\"Enter confirm Password\"\r\n                  :state=\"$v.form.confirmPassword.$error \r\n                  ?\r\n                   $v.form.confirmPassword.required \r\n                   &&\r\n                   $v.form.confirmPassword.sameAsPassword\r\n                   : null\"\r\n                  aria-describedby=\"confirm-password-feedback\"\r\n                ></b-form-input>\r\n\r\n                <b-form-invalid-feedback\r\n                  v-if=\"!$v.form.confirmPassword.required || !$v.form.newPassword.sameAsPassword\"\r\n                  id=\"confirm-password-feedback\"\r\n                >\r\n                  {{ !$v.form.confirmPassword.required\r\n                  ? 'Confirm Password is required'\r\n                  : !$v.form.confirmPassword.sameAsPassword\r\n                  ? 'The new password and Confirm, password do not match.'\r\n                  :''\r\n                  }}\r\n                </b-form-invalid-feedback>\r\n              </b-form-group>\r\n              <b-button type=\"submit\" variant=\"primary\">Submit</b-button>\r\n            </b-form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </b-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from 'vuex';\r\nimport { validationMixin } from 'vuelidate';\r\nimport { required, minLength, sameAs } from 'vuelidate/lib/validators';\r\nimport { userService } from '../../../Users/service';\r\n\r\nexport default {\r\n  mixins: [validationMixin],\r\n  data() {\r\n    return {\r\n      form: {\r\n        currentPassword: '',\r\n        newPassword: '',\r\n        confirmPassword: ''\r\n      },\r\n      isValidCurrentPassword: true\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState('account', ['user'])\r\n  },\r\n  methods: {\r\n    ...mapActions('account', ['logout']),\r\n    resetForm() {\r\n      this.form = {\r\n        currentPassword: null,\r\n        newPassword: null,\r\n        confirmPassword: null\r\n      };\r\n\r\n      this.$nextTick(() => {\r\n        this.$v.$reset();\r\n      });\r\n    },\r\n    async onSubmit(evt) {\r\n      evt.preventDefault();\r\n      this.$v.form.$touch();\r\n\r\n      let id = this.user.id;\r\n      if (id === undefined) {\r\n        let user = JSON.parse(sessionStorage.getItem('user'));\r\n        id = user.id;\r\n      }\r\n\r\n      if (this.form.currentPassword) {\r\n        //VERIFY CURRENT PASSWORD\r\n        const { data } = await userService.verifyCurrentPassword(\r\n          id,\r\n          this.form.currentPassword\r\n        );\r\n\r\n        if (data === false) {\r\n          this.isValidCurrentPassword = false;\r\n          return;\r\n        } else {\r\n          this.isValidCurrentPassword = true;\r\n        }\r\n      }\r\n\r\n      if (this.$v.form.$anyError) {\r\n        return;\r\n      }\r\n\r\n      userService\r\n        .changePassword(\r\n          id,\r\n          this.form.currentPassword,\r\n          this.form.newPassword,\r\n          this.form.confirmPassword\r\n        )\r\n        .then(() => {\r\n          this.$snotify.success('Password updated successful', 'Password');\r\n          this.resetForm();\r\n          this.logout();\r\n        })\r\n        .catch(() => {\r\n          this.$snotify.warning('Wrong password or mismatch', 'Password');\r\n          this.resetForm();\r\n        });\r\n    }\r\n  },\r\n  validations() {\r\n    return {\r\n      form: {\r\n        currentPassword: {\r\n          required,\r\n          validateCurrentPassword() {\r\n            return this.isValidCurrentPassword;\r\n          }\r\n        },\r\n        newPassword: {\r\n          required,\r\n          minLength: minLength(8),\r\n          strongPassword(password1) {\r\n            return (\r\n              /[a-z]/.test(password1) && // checks for a-z\r\n              /[0-9]/.test(password1) && // checks for 0-9\r\n              /\\W|_/.test(password1) && // checks for special char\r\n              password1.length >= 8\r\n            );\r\n          }\r\n        },\r\n        confirmPassword: {\r\n          required,\r\n          minLength: minLength(8),\r\n          sameAsPassword: sameAs('newPassword')\r\n        }\r\n      }\r\n    };\r\n  }\r\n};\r\n</script>\r\n\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=16acd6dc&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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":""}