{"version":3,"sources":["webpack:///./src/views/MyAccount.vue?bbad","webpack:///src/views/MyAccount.vue","webpack:///./src/views/MyAccount.vue?aa8c","webpack:///./src/views/MyAccount.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","$event","preventDefault","submit","error","_s","ref","editingEmail","model","value","callback","$$v","email","expression","_e","editEmail","editingPhone","mobile","editPhone","editingPassword","password","passwordConfirm","passwordNew","cancel","disabled","staticRenderFns","component"],"mappings":"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","file":"js/my-account.d860b70d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"my-account loaded\"},[_c('b-container',{staticClass:\"content intro\",attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',[_c('h1',[_vm._v(\"Account Information\")]),_c('h4',[_vm._v(\"If you need to update your account information, please click “Change Email”, “Change Phone”, or “Change Password”, and save your changes.\")])])],1)],1),_c('b-container',{staticClass:\"content body\",attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',[_c('b-form',{staticClass:\"mb-4\",on:{\"submit\":function($event){$event.preventDefault();return _vm.submit($event)}}},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.saved)?_c('h4',{staticClass:\"pt-4 pb-5\"},[_vm._v(\"Your changes have been saved.\")]):_c('div',[_c('b-alert',{attrs:{\"show\":!!_vm.error,\"variant\":\"warning\"}},[_vm._v(_vm._s(_vm.error))]),_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"email\"}},[_c('b-form-input',{ref:\"email\",attrs:{\"id\":\"email\",\"name\":\"email\",\"type\":\"email\",\"disabled\":!_vm.editingEmail,\"autocomplete\":\"email\",\"autofill\":\"email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),(!_vm.editingEmail)?_c('a',{staticClass:\"mt-1 fs-14 float-right\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.editEmail($event)}}},[_vm._v(\"Change Email\")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":\"Phone\",\"label-for\":\"phone\"}},[_c('b-form-input',{ref:\"phone\",attrs:{\"id\":\"phone\",\"name\":\"phone\",\"type\":\"tel\",\"disabled\":!_vm.editingPhone,\"autocomplete\":\"tel\",\"autofill\":\"tel\"},model:{value:(_vm.mobile),callback:function ($$v) {_vm.mobile=$$v},expression:\"mobile\"}}),(!_vm.editingPhone)?_c('a',{staticClass:\"mt-1 fs-14 float-right\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.editPhone($event)}}},[_vm._v(\"Change Phone\")]):_vm._e()],1),(!_vm.editingPassword)?_c('b-form-group',{attrs:{\"label\":\"Password\",\"label-for\":\"password1\"}},[_c('b-form-input',{ref:\"password1\",attrs:{\"id\":\"password1\",\"type\":\"password\",\"disabled\":\"\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('a',{staticClass:\"mt-1 fs-14 float-right\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.editingPassword = true}}},[_vm._v(\"Change Password\")])],1):_vm._e(),(_vm.editingPassword)?[_c('password-form-group',{attrs:{\"password\":_vm.passwordConfirm,\"autofocus\":\"\",\"label\":\"Old Password\"},on:{\"update:password\":function($event){_vm.passwordConfirm=$event}}}),_c('password-form-group',{attrs:{\"password\":_vm.passwordNew,\"label\":\"New Password\",\"is-new\":\"\"},on:{\"update:password\":function($event){_vm.passwordNew=$event}}})]:_vm._e()],2)]),_c('div',{staticClass:\"d-flex form-controls\"},[(_vm.disabled)?_c('btn-back'):_c('b-button',{attrs:{\"variant\":\"outline-primary\"},on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")]),_c('b-button',{staticClass:\"ml-auto\",attrs:{\"disabled\":_vm.disabled,\"type\":\"submit\"}},[_vm._v(\"Save\")])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"my-account loaded\">\r\n\t\t<b-container class=\"content intro\" fluid>\r\n\t\t\t<b-row>\r\n\t\t\t\t<b-col>\r\n\t\t\t\t\t<h1>Account Information</h1>\r\n\t\t\t\t\t<h4>If you need to update your account information, please click “Change Email”, “Change Phone”, or “Change Password”, and save your changes.</h4>\r\n\t\t\t\t</b-col>\r\n\t\t\t</b-row>\r\n\t\t</b-container>\r\n\t\t<b-container class=\"content body\" fluid>\r\n\t\t\t<b-row>\r\n\t\t\t\t<b-col>\r\n\t\t\t\t\t<b-form class=\"mb-4\" @submit.prevent=\"submit\">\r\n\t\t\t\t\t\t<transition name=\"fade\" mode=\"out-in\">\r\n\t\t\t\t\t\t\t<h4 v-if=\"saved\" class=\"pt-4 pb-5\">Your changes have been saved.</h4>\r\n\t\t\t\t\t\t\t<div v-else>\r\n\t\t\t\t\t\t\t\t<b-alert :show=\"!!error\" variant=\"warning\">{{error}}</b-alert>\r\n\t\t\t\t\t\t\t\t<b-form-group\r\n\t\t\t\t\t\t\t\t\tlabel=\"Email\"\r\n\t\t\t\t\t\t\t\t\tlabel-for=\"email\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<b-form-input id=\"email\" ref=\"email\" v-model=\"email\" name=\"email\" type=\"email\" :disabled=\"!editingEmail\" autocomplete=\"email\" autofill=\"email\"></b-form-input>\r\n\t\t\t\t\t\t\t\t\t<a v-if=\"!editingEmail\" href=\"#\" class=\"mt-1 fs-14 float-right\" @click.prevent=\"editEmail\">Change Email</a>\r\n\t\t\t\t\t\t\t\t</b-form-group>\r\n\t\t\t\t\t\t\t\t<b-form-group\r\n\t\t\t\t\t\t\t\t\tlabel=\"Phone\"\r\n\t\t\t\t\t\t\t\t\tlabel-for=\"phone\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<b-form-input id=\"phone\" ref=\"phone\" v-model=\"mobile\" name=\"phone\" type=\"tel\" :disabled=\"!editingPhone\" autocomplete=\"tel\" autofill=\"tel\"></b-form-input>\r\n\t\t\t\t\t\t\t\t\t<a v-if=\"!editingPhone\" href=\"#\" class=\"mt-1 fs-14 float-right\" @click.prevent=\"editPhone\">Change Phone</a>\r\n\t\t\t\t\t\t\t\t</b-form-group>\r\n\t\t\t\t\t\t\t\t<b-form-group\r\n\t\t\t\t\t\t\t\t\tv-if=\"!editingPassword\"\r\n\t\t\t\t\t\t\t\t\tlabel=\"Password\"\r\n\t\t\t\t\t\t\t\t\tlabel-for=\"password1\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<b-form-input id=\"password1\" ref=\"password1\" v-model=\"password\" type=\"password\" disabled></b-form-input>\r\n\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"mt-1 fs-14 float-right\" @click.prevent=\"editingPassword = true\">Change Password</a>\r\n\t\t\t\t\t\t\t\t</b-form-group>\r\n\t\t\t\t\t\t\t\t<template v-if=\"editingPassword\">\r\n\t\t\t\t\t\t\t\t\t<password-form-group :password.sync=\"passwordConfirm\" autofocus label=\"Old Password\" />\r\n\t\t\t\t\t\t\t\t\t<password-form-group :password.sync=\"passwordNew\" label=\"New Password\" is-new />\r\n\t\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</transition>\r\n\t\t\t\t\t\t<div class=\"d-flex form-controls\">\r\n\t\t\t\t\t\t\t<btn-back v-if=\"disabled\" />\r\n\t\t\t\t\t\t\t<b-button v-else variant=\"outline-primary\" @click=\"cancel\">Cancel</b-button>\r\n\t\t\t\t\t\t\t<b-button :disabled=\"disabled\" type=\"submit\" class=\"ml-auto\">Save</b-button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</b-form>\r\n\t\t\t\t</b-col>\r\n\t\t\t</b-row>\r\n\t\t</b-container>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport PasswordFormGroup from \"../components/ui/PasswordFormGroup.vue\"\r\n\r\nexport default {\r\n\tname: 'MyAccount',\r\n\tcomponents: { PasswordFormGroup },\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\temail: '',\r\n\t\t\tpassword: '',\r\n\t\t\tmobile: '',\r\n\t\t\tpasswordConfirm: '',\r\n\t\t\tpasswordNew: '',\r\n\t\t\teditingEmail: false,\r\n\t\t\teditingPassword: false,\r\n\t\t\teditingPhone: false,\r\n\t\t\tsaved: false,\r\n\t\t\terror: ''\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\tdisabled() {\r\n\t\t\treturn !this.editingEmail && !this.editingPassword && !this.editingPhone\r\n\t\t}\r\n\t},\r\n\tcreated() {\r\n\t\tthis.$store.dispatch('login/loadDetails').then(() => {\r\n\t\t\t({email: this.email, mobile: this.mobile, password: this.password} = this.$store.state.login)\r\n\t\t})\r\n\t},\r\n\tmethods: {\r\n\t\teditPassword() {\r\n\t\t\tthis.editingPassword = true\r\n\t\t},\r\n\t\teditPhone() {\r\n\t\t\tthis.editingPhone = true\r\n\t\t\tthis.focus('phone')\r\n\t\t},\r\n\t\teditEmail() {\r\n\t\t\tthis.editingEmail = true\r\n\t\t\tthis.focus('email')\r\n\t\t},\r\n\t\tsubmit() {\r\n\t\t\tthis.error = ''\r\n\t\t\tconst {email, mobile, passwordNew, passwordConfirm} = this; const l = this.$store.state.login\r\n\t\t\tif (email != l.email || mobile != l.mobile || passwordNew) {\r\n\t\t\t\tconst o = {email, mobile, newPassword: passwordNew, oldPassword: passwordConfirm}\r\n\r\n\t\t\t\to.hasEmailChanged = email != l.email\r\n\t\t\t\to.hasMobileChanged = mobile != l.mobile\r\n\t\t\t\to.hasPasswordChanged = Boolean(passwordNew && passwordNew != l.password)\r\n\t\t\t\tthis.$http\r\n\t\t\t\t\t.put(this.$store.getters.apiDisclosurePath + 'account-details', o)\r\n\t\t\t\t\t.then(r => {\r\n\t\t\t\t\t\tthis.$store.commit('login/set', {email, mobile})\r\n\t\t\t\t\t\tif (passwordNew) this.$store.commit('login/set', {password: passwordNew})\r\n\t\t\t\t\t\tthis.showSaved()\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(e => {\r\n\t\t\t\t\t\tthis.error = e.response?.data?.ErrorMessage || 'There was a problem saving the changes. Please check your details and try again.'\r\n\t\t\t\t\t})\r\n\t\t\t} else {\r\n\t\t\t\tthis.showSaved()\r\n\t\t\t}\r\n\t\t},\r\n\t\tcancel() {\r\n\t\t\tthis.editingEmail = this.editingPassword = this.editingPhone = false\r\n\t\t},\r\n\t\tfocus(field) {\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tthis.$refs[field].focus()\r\n\t\t\t\tthis.$refs[field].select()\r\n\t\t\t})\r\n\t\t},\r\n\t\tshowSaved() {\r\n\t\t\tthis.saved = true\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.cancel()\r\n\t\t\t\tthis.saved = false\r\n\t\t\t}, 2200);\r\n\t\t}\r\n\t},\r\n\tmetaInfo: {\r\n\t\ttitle: 'My Account',\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n</style>\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!./MyAccount.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!./MyAccount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyAccount.vue?vue&type=template&id=027c94c4&\"\nimport script from \"./MyAccount.vue?vue&type=script&lang=js&\"\nexport * from \"./MyAccount.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":""}