{"version":3,"sources":["webpack:///./public/images/svgs/delete-account.svg","webpack:///./src/views/account/Edit.vue","webpack:///src/views/account/Edit.vue","webpack:///./src/views/account/Edit.vue?d457","webpack:///./src/views/account/Edit.vue?cb6a","webpack:///./src/views/account/Edit.vue?09e5"],"names":["module","exports","staticClass","class","_vm","$vuetify","breakpoint","smAndUp","marginAuto","attrs","goBack","mdAndUp","_c","pageHeaderSmAndUp","pageHeaderLgAndUp","pageSubHeaderLgAndUp","ref","formButtons","scopedSlots","key","errors","$t","model","value","values","fullName","callback","company","staticStyle","$$v","$set","_v","showDeleteModal","fn","buttonSmAndUp","onlyAdminInEcosystem","on","components","MTimezonePicker","MTextInput","MButton","MModal","MForm","data","submitAttempted","user","givenName","surname","email","jobTitle","userTimeZone","timeZone","timeZones","timezonePickerMenuProps","nudgeRight","created","Object","computed","getSVG","Submit","show","align","variant","label","method","timeZoneMenuMaxHeight","methods","onSubmit","color","message","buttonColor","path","error","getHintIcon","deleteAccount","component","staticRenderFns"],"mappings":"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","file":"js/AccountEdit.34ffc2e7.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/delete-account.0c7319bf.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"py-0 px-4 mx-0 my-0\",class:{ 'px-8': _vm.$vuetify.breakpoint.smAndUp, 'px-15': _vm.$vuetify.breakpoint.mdAndUp }},[_c('v-row',{staticClass:\"mt-6 align-self-center\",class:{ 'mt-8': _vm.$vuetify.breakpoint.smAndUp }},[_c('v-col',[_c('div',{staticClass:\"text-left mesmerise-background\",class:{ marginAuto: _vm.$vuetify.breakpoint.xl },staticStyle:{\"max-width\":\"922px\"}},[_c('button',{staticClass:\"mb-6 back-button-container\",class:{ 'mb-8': _vm.$vuetify.breakpoint.smAndUp, 'mb-10': _vm.$vuetify.breakpoint.lgAndUp },attrs:{\"data-cy\":\"backButton\"},on:{\"click\":_vm.goBack}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-chevron-left\")]),_c('span',{staticClass:\"back-button-text\"},[_vm._v(\" \"+_vm._s(_vm.$t('account.titles.back'))+\" \")])],1),_c('div',{staticClass:\"mb-6\",class:{ 'mb-12': _vm.$vuetify.breakpoint.xs, 'mb-8': _vm.$vuetify.breakpoint.mdAndUp }},[_c('div',{staticClass:\"page-header mb-1\",class:{\n              pageHeaderSmAndUp: _vm.$vuetify.breakpoint.smAndUp,\n              pageHeaderLgAndUp: _vm.$vuetify.breakpoint.lgAndUp,\n            }},[_vm._v(\" \"+_vm._s(_vm.$t('account.titles.settings'))+\" \")]),_c('div',{staticClass:\"page-sub-header\",class:{ pageSubHeaderLgAndUp: _vm.$vuetify.breakpoint.lgAndUp }},[_vm._v(\" \"+_vm._s(_vm.$t('account.titles.edit'))+\" \")])]),_c('v-card',{staticClass:\"card mesmerise-background mb-6\",attrs:{\"flat\":\"\",\"outlined\":\"\"}},[_c('div',{staticClass:\"card-title\",class:{ 'pa-6': _vm.$vuetify.breakpoint.smAndUp, 'px-8': _vm.$vuetify.breakpoint.mdAndUp }},[_vm._v(\" \"+_vm._s(_vm.$t('account.titles.generalSettings'))+\" \")]),_c('div',{staticClass:\"card-inner\",class:{ 'pa-6': _vm.$vuetify.breakpoint.smAndUp, 'px-8': _vm.$vuetify.breakpoint.mdAndUp }},[_c('m-form',{ref:\"form\",attrs:{\"buttons\":_vm.formButtons},on:{\"submit\":_vm.onSubmit},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('v-row',{class:{ 'mb-6': _vm.$vuetify.breakpoint.smAndUp }},[_c('v-col',{staticClass:\"pa-0 mb-4\",class:{ 'pr-6': _vm.$vuetify.breakpoint.mdAndUp },attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('m-text-input',{staticClass:\"text-input\",attrs:{\"name\":\"fullName\",\"type\":\"text\",\"label\":_vm.$t('fields.fullName'),\"placeholder\":_vm.$t('fields.fullName'),\"rules\":\"required|firstName|hasSurname|surname\",\"hintIcon\":_vm.getHintIcon('fullName', errors),\"data-cy\":\"fullName\"},model:{value:(_vm.values.fullName),callback:function ($$v) {_vm.$set(_vm.values, \"fullName\", $$v)},expression:\"values.fullName\"}})],1),_c('v-col',{staticClass:\"pa-0 mb-4\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('m-text-input',{staticClass:\"text-input\",attrs:{\"name\":\"email\",\"disabled\":\"\",\"type\":\"email\",\"label\":_vm.$t('fields.email'),\"placeholder\":_vm.$t('fields.emailAddress'),\"rules\":\"required|email\",\"hint\":_vm.$t('fields.hints.email.contactSupportToChangeYourEmail'),\"hintIcon\":_vm.getHintIcon('email', errors),\"data-cy\":\"email\"},model:{value:(_vm.values.email),callback:function ($$v) {_vm.$set(_vm.values, \"email\", $$v)},expression:\"values.email\"}})],1),_c('v-col',{staticClass:\"pa-0 mb-4\",class:{ 'pr-6': _vm.$vuetify.breakpoint.mdAndUp },attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('m-text-input',{staticClass:\"text-input\",attrs:{\"name\":\"companyName\",\"type\":\"text\",\"label\":_vm.$t('fields.companyName'),\"placeholder\":_vm.$t('fields.companyName'),\"rules\":\"min:2|max:26\",\"hintIcon\":_vm.getHintIcon('companyName', errors),\"data-cy\":\"companyName\"},model:{value:(_vm.values.company),callback:function ($$v) {_vm.$set(_vm.values, \"company\", $$v)},expression:\"values.company\"}})],1),_c('v-col',{staticClass:\"pa-0 mb-4 d-none d-sm-flex\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('m-text-input',{staticClass:\"text-input\",staticStyle:{\"width\":\"100%\"},attrs:{\"name\":\"companyRole\",\"type\":\"text\",\"label\":_vm.$t('fields.companyRole'),\"rules\":\"min:2|max:26\",\"placeholder\":_vm.$t('fields.companyRole'),\"hintIcon\":_vm.getHintIcon('companyRole', errors),\"data-cy\":\"companyRole\"},model:{value:(_vm.values.jobTitle),callback:function ($$v) {_vm.$set(_vm.values, \"jobTitle\", $$v)},expression:\"values.jobTitle\"}})],1),_c('v-col',{staticClass:\"pa-0\",class:{ 'pr-6': _vm.$vuetify.breakpoint.mdAndUp },attrs:{\"cols\":\"12\",\"md\":\"6\",\"data-cy\":\"userTimeZone-input\"}},[_c('label',{staticClass:\"timezone-label\",attrs:{\"for\":\"timezonepicker\"}},[_vm._v(\" \"+_vm._s(_vm.$t('fields.userTimeZone')))]),_c('m-timezone-picker',{staticClass:\"timezone-picker\",attrs:{\"showSearch\":\"\",\"showTimezoneField\":\"\",\"timezones\":_vm.timeZones,\"orderBy\":\"utcOffset\",\"menuProps\":{ ..._vm.timezonePickerMenuProps, maxHeight: _vm.timeZoneMenuMaxHeight },\"value\":_vm.values.userTimeZone,\"rules\":\"required\",\"data-cy\":\"timezonePicker\"},model:{value:(_vm.values.userTimeZone),callback:function ($$v) {_vm.$set(_vm.values, \"userTimeZone\", $$v)},expression:\"values.userTimeZone\"}})],1)],1)]}}])})],1)]),_c('v-card',{staticClass:\"card mesmerise-background\",attrs:{\"flat\":\"\",\"outlined\":\"\"}},[_c('div',{staticClass:\"card-title\",class:{ 'pa-6': _vm.$vuetify.breakpoint.smAndUp, 'px-8': _vm.$vuetify.breakpoint.mdAndUp }},[_vm._v(\" \"+_vm._s(_vm.$t('account.delete.deleteAccount'))+\" \")]),_c('div',{staticClass:\"card-inner\",class:{ 'pa-6': _vm.$vuetify.breakpoint.smAndUp, 'px-8': _vm.$vuetify.breakpoint.mdAndUp }},[_c('v-row',{staticClass:\"mb-4\",class:{ 'mb-6': _vm.$vuetify.breakpoint.smAndUp }},[_c('v-col',{staticClass:\"pa-0\"},[_c('div',[(!_vm.onlyAdminInEcosystem)?_c('div',{staticClass:\"delete-account-text\"},[_c('div',[_vm._v(\" \"+_vm._s(_vm.$t('account.delete.youCanDeleteYourAccount'))+\" \")]),_c('div',[_vm._v(\" \"+_vm._s(_vm.$t('account.delete.forMoreInformationPleaseRead'))+\" \"),_c('a',{attrs:{\"href\":\"https://gatheringsvr.com/privacy-policy/\",\"target\":\"_blank\"}},[_c('span',{staticClass:\"privacy-policy\"},[_vm._v(_vm._s(_vm.$t('account.delete.privacyPolicy')))])])])]):_vm._e(),(_vm.onlyAdminInEcosystem)?_c('div',{staticClass:\"delete-account-text\",attrs:{\"data-cy\":\"unable-to-delete-account-text\"}},[_c('div',[_vm._v(_vm._s(_vm.$t('account.delete.youAreUnableToDeleteThisAccount')))]),_c('div',[_vm._v(\" \"+_vm._s(_vm.$t('account.delete.ifYouWouldLikeToDeleteYourAccount'))+\" \"),_c('a',{attrs:{\"href\":\"https://www.mesmerisevr.com/contact\",\"target\":\"_blank\"}},[_c('span',{staticClass:\"privacy-policy\"},[_vm._v(_vm._s(_vm.$t('account.delete.contactUs')))])])])]):_vm._e()])])],1),_c('v-row',[_c('v-col',{staticClass:\"pa-0\"},[_c('div',{staticClass:\"text-center\"},[_c('m-modal',{attrs:{\"value\":_vm.showDeleteModal,\"icon\":_vm.getSVG,\"title\":_vm.$t('account.delete.areYouSureYouWantToDeleteYourAccount'),\"message\":_vm.$t('account.delete.byDeletingYourAccountYouWillLoseAllData'),\"width\":\"610px\"},on:{\"close\":function($event){_vm.showDeleteModal = false}},scopedSlots:_vm._u([{key:\"activator\",fn:function({}){return [_c('m-button',{staticClass:\"buttonDefault\",class:{ buttonSmAndUp: _vm.$vuetify.breakpoint.smAndUp },attrs:{\"label\":_vm.$t('account.delete.deleteAccount'),\"error\":\"\",\"data-cy\":\"showModalButton\",\"disabled\":_vm.onlyAdminInEcosystem},on:{\"click\":function($event){_vm.showDeleteModal = true}}})]}},{key:\"buttons\",fn:function(){return [_c('m-button',{staticStyle:{\"height\":\"48px\"},attrs:{\"variant\":\"secondary\",\"label\":_vm.$t('ui.cancel'),\"data-cy\":\"cancelModalButton\"},on:{\"click\":function($event){_vm.showDeleteModal = false}}}),_c('m-button',{staticStyle:{\"height\":\"48px\"},attrs:{\"error\":\"\",\"label\":_vm.$t('account.delete.deleteAccount'),\"data-cy\":\"deleteAccountButton\"},on:{\"click\":_vm.deleteAccount}})]},proxy:true}])})],1)])],1)],1)])],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container\n    class=\"py-0 px-4 mx-0 my-0\"\n    :class=\"{ 'px-8': $vuetify.breakpoint.smAndUp, 'px-15': $vuetify.breakpoint.mdAndUp }\"\n  >\n    <v-row class=\"mt-6 align-self-center\" :class=\"{ 'mt-8': $vuetify.breakpoint.smAndUp }\">\n      <v-col>\n        <div\n          class=\"text-left mesmerise-background\"\n          style=\"max-width: 922px\"\n          :class=\"{ marginAuto: $vuetify.breakpoint.xl }\"\n        >\n          <button\n            class=\"mb-6 back-button-container\"\n            :class=\"{ 'mb-8': $vuetify.breakpoint.smAndUp, 'mb-10': $vuetify.breakpoint.lgAndUp }\"\n            @click=\"goBack\"\n            data-cy=\"backButton\"\n          >\n            <v-icon color=\"primary\">mdi-chevron-left</v-icon>\n            <span class=\"back-button-text\">\n              {{ $t('account.titles.back') }}\n            </span>\n          </button>\n\n          <div\n            class=\"mb-6\"\n            :class=\"{ 'mb-12': $vuetify.breakpoint.xs, 'mb-8': $vuetify.breakpoint.mdAndUp }\"\n          >\n            <div\n              class=\"page-header mb-1\"\n              :class=\"{\n                pageHeaderSmAndUp: $vuetify.breakpoint.smAndUp,\n                pageHeaderLgAndUp: $vuetify.breakpoint.lgAndUp,\n              }\"\n            >\n              {{ $t('account.titles.settings') }}\n            </div>\n            <div\n              class=\"page-sub-header\"\n              :class=\"{ pageSubHeaderLgAndUp: $vuetify.breakpoint.lgAndUp }\"\n            >\n              {{ $t('account.titles.edit') }}\n            </div>\n          </div>\n\n          <v-card flat outlined class=\"card mesmerise-background mb-6\">\n            <div\n              class=\"card-title\"\n              :class=\"{ 'pa-6': $vuetify.breakpoint.smAndUp, 'px-8': $vuetify.breakpoint.mdAndUp }\"\n            >\n              {{ $t('account.titles.generalSettings') }}\n            </div>\n            <div\n              class=\"card-inner\"\n              :class=\"{ 'pa-6': $vuetify.breakpoint.smAndUp, 'px-8': $vuetify.breakpoint.mdAndUp }\"\n            >\n              <m-form ref=\"form\" @submit=\"onSubmit\" :buttons=\"formButtons\" v-slot=\"{ errors }\">\n                <v-row :class=\"{ 'mb-6': $vuetify.breakpoint.smAndUp }\">\n                  <v-col\n                    cols=\"12\"\n                    md=\"6\"\n                    class=\"pa-0 mb-4\"\n                    :class=\"{ 'pr-6': $vuetify.breakpoint.mdAndUp }\"\n                  >\n                    <m-text-input\n                      name=\"fullName\"\n                      type=\"text\"\n                      class=\"text-input\"\n                      :label=\"$t('fields.fullName')\"\n                      :placeholder=\"$t('fields.fullName')\"\n                      rules=\"required|firstName|hasSurname|surname\"\n                      :hintIcon=\"getHintIcon('fullName', errors)\"\n                      v-model=\"values.fullName\"\n                      data-cy=\"fullName\"\n                    />\n                  </v-col>\n                  <v-col cols=\"12\" md=\"6\" class=\"pa-0 mb-4\">\n                    <m-text-input\n                      name=\"email\"\n                      disabled\n                      type=\"email\"\n                      class=\"text-input\"\n                      :label=\"$t('fields.email')\"\n                      :placeholder=\"$t('fields.emailAddress')\"\n                      rules=\"required|email\"\n                      v-model=\"values.email\"\n                      :hint=\"$t('fields.hints.email.contactSupportToChangeYourEmail')\"\n                      :hintIcon=\"getHintIcon('email', errors)\"\n                      data-cy=\"email\"\n                    />\n                  </v-col>\n                  <v-col\n                    cols=\"12\"\n                    md=\"6\"\n                    class=\"pa-0 mb-4\"\n                    :class=\"{ 'pr-6': $vuetify.breakpoint.mdAndUp }\"\n                  >\n                    <m-text-input\n                      name=\"companyName\"\n                      type=\"text\"\n                      class=\"text-input\"\n                      :label=\"$t('fields.companyName')\"\n                      :placeholder=\"$t('fields.companyName')\"\n                      rules=\"min:2|max:26\"\n                      v-model=\"values.company\"\n                      :hintIcon=\"getHintIcon('companyName', errors)\"\n                      data-cy=\"companyName\"\n                    />\n                  </v-col>\n                  <v-col cols=\"12\" md=\"6\" class=\"pa-0 mb-4 d-none d-sm-flex\">\n                    <m-text-input\n                      name=\"companyRole\"\n                      style=\"width: 100%\"\n                      type=\"text\"\n                      class=\"text-input\"\n                      :label=\"$t('fields.companyRole')\"\n                      rules=\"min:2|max:26\"\n                      :placeholder=\"$t('fields.companyRole')\"\n                      v-model=\"values.jobTitle\"\n                      :hintIcon=\"getHintIcon('companyRole', errors)\"\n                      data-cy=\"companyRole\"\n                    />\n                  </v-col>\n                  <v-col\n                    cols=\"12\"\n                    md=\"6\"\n                    class=\"pa-0\"\n                    :class=\"{ 'pr-6': $vuetify.breakpoint.mdAndUp }\"\n                    data-cy=\"userTimeZone-input\"\n                  >\n                    <label class=\"timezone-label\" for=\"timezonepicker\">\n                      {{ $t('fields.userTimeZone') }}</label\n                    >\n                    <m-timezone-picker\n                      class=\"timezone-picker\"\n                      showSearch\n                      showTimezoneField\n                      :timezones=\"timeZones\"\n                      orderBy=\"utcOffset\"\n                      :menuProps=\"{ ...timezonePickerMenuProps, maxHeight: timeZoneMenuMaxHeight }\"\n                      :value=\"values.userTimeZone\"\n                      v-model=\"values.userTimeZone\"\n                      rules=\"required\"\n                      data-cy=\"timezonePicker\"\n                    />\n                  </v-col>\n                </v-row>\n              </m-form>\n            </div>\n          </v-card>\n\n          <v-card flat outlined class=\"card mesmerise-background\">\n            <div\n              class=\"card-title\"\n              :class=\"{ 'pa-6': $vuetify.breakpoint.smAndUp, 'px-8': $vuetify.breakpoint.mdAndUp }\"\n            >\n              {{ $t('account.delete.deleteAccount') }}\n            </div>\n            <div\n              class=\"card-inner\"\n              :class=\"{ 'pa-6': $vuetify.breakpoint.smAndUp, 'px-8': $vuetify.breakpoint.mdAndUp }\"\n            >\n              <v-row class=\"mb-4\" :class=\"{ 'mb-6': $vuetify.breakpoint.smAndUp }\">\n                <v-col class=\"pa-0\">\n                  <div>\n                    <div class=\"delete-account-text\" v-if=\"!onlyAdminInEcosystem\">\n                      <div>\n                        {{ $t('account.delete.youCanDeleteYourAccount') }}\n                      </div>\n                      <div>\n                        {{ $t('account.delete.forMoreInformationPleaseRead') }}\n                        <a href=\"https://gatheringsvr.com/privacy-policy/\" target=\"_blank\"\n                          ><span class=\"privacy-policy\">{{\n                            $t('account.delete.privacyPolicy')\n                          }}</span></a\n                        >\n                      </div>\n                    </div>\n                    <div\n                      data-cy=\"unable-to-delete-account-text\"\n                      class=\"delete-account-text\"\n                      v-if=\"onlyAdminInEcosystem\"\n                    >\n                      <div>{{ $t('account.delete.youAreUnableToDeleteThisAccount') }}</div>\n                      <div>\n                        {{ $t('account.delete.ifYouWouldLikeToDeleteYourAccount') }}\n                        <a href=\"https://www.mesmerisevr.com/contact\" target=\"_blank\"\n                          ><span class=\"privacy-policy\">{{\n                            $t('account.delete.contactUs')\n                          }}</span></a\n                        >\n                      </div>\n                    </div>\n                  </div>\n                </v-col>\n              </v-row>\n\n              <v-row>\n                <v-col class=\"pa-0\">\n                  <div class=\"text-center\">\n                    <m-modal\n                      :value=\"showDeleteModal\"\n                      v-on:close=\"showDeleteModal = false\"\n                      :icon=\"getSVG\"\n                      :title=\"$t('account.delete.areYouSureYouWantToDeleteYourAccount')\"\n                      :message=\"$t('account.delete.byDeletingYourAccountYouWillLoseAllData')\"\n                      width=\"610px\"\n                    >\n                      <template v-slot:activator=\"{}\">\n                        <m-button\n                          :label=\"$t('account.delete.deleteAccount')\"\n                          error\n                          @click=\"showDeleteModal = true\"\n                          class=\"buttonDefault\"\n                          :class=\"{ buttonSmAndUp: $vuetify.breakpoint.smAndUp }\"\n                          data-cy=\"showModalButton\"\n                          :disabled=\"onlyAdminInEcosystem\"\n                        />\n                      </template>\n                      <template v-slot:buttons>\n                        <m-button\n                          variant=\"secondary\"\n                          :label=\"$t('ui.cancel')\"\n                          style=\"height: 48px\"\n                          @click=\"showDeleteModal = false\"\n                          data-cy=\"cancelModalButton\"\n                        />\n                        <m-button\n                          error\n                          :label=\"$t('account.delete.deleteAccount')\"\n                          style=\"height: 48px\"\n                          @click=\"deleteAccount\"\n                          data-cy=\"deleteAccountButton\"\n                        />\n                      </template>\n                    </m-modal>\n                  </div>\n                </v-col>\n              </v-row>\n            </div>\n          </v-card>\n        </div>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\nimport { MTimezonePicker, MTextInput, MButton, MModal, MForm } from 'gatherings-storybook'\nimport DeleteAccountSvg from '../../../public/images/svgs/delete-account.svg'\n\nexport default {\n  components: {\n    MTimezonePicker,\n    MTextInput,\n    MButton,\n    MModal,\n    MForm,\n  },\n  data: () => ({\n    submitAttempted: false,\n    showDeleteModal: false,\n    user: undefined,\n    values: {\n      givenName: '',\n      surname: '',\n      fullName: '',\n      email: '',\n      jobTitle: '',\n      company: '',\n      userTimeZone: '',\n      timeZone: '',\n    },\n    timeZones: [],\n    timezonePickerMenuProps: {\n      nudgeRight: '10',\n    },\n  }),\n  created() {\n    this.user = this.$store.getters['auth/user']\n    Object.keys(this.user).forEach(key => {\n      if (this.values[key] !== undefined) {\n        this.values[key] = this.user[key]\n      }\n    })\n    this.values.fullName = `${this.values.givenName} ${this.values.surname}`\n    this.$store.dispatch('auth/isUserOnlyAdminInEcosystem')\n  },\n  computed: {\n    onlyAdminInEcosystem() {\n      return this.$store.getters['auth/userOnlyAdminInEcosystem']\n    },\n    getSVG() {\n      return DeleteAccountSvg\n    },\n    formButtons() {\n      return {\n        Submit: {\n          show: true,\n          align: 'left',\n          variant: 'primary',\n          label: this.$t('ui.saveChanges'),\n          method: this.submit,\n          'data-cy': 'submitButton',\n        },\n      }\n    },\n    timeZoneMenuMaxHeight() {\n      return this.$vuetify.breakpoint.height < 900 ? '200px' : '350px'\n    },\n  },\n  methods: {\n    onSubmit() {\n      this.submitAttempted = true\n\n      const fullNameSpacesCount = this.values.fullName.split(' ').length - 1\n      const name = this.values.fullName.split(' ')\n      if (fullNameSpacesCount < 2) {\n        this.values.givenName = name[0]\n        this.values.surname = name[1]\n      } else {\n        this.values.givenName = name[0]\n        this.values.surname = name[1] + ' ' + name[2]\n      }\n\n      this.$store.dispatch('ui/toggleLoading', { show: true })\n      this.$store.dispatch('auth/accountEdit', this.values).then(\n        () => {\n          const params = {\n            color: 'green',\n            message: 'Account updated',\n            buttonColor: 'white',\n          }\n          this.$store.dispatch('ui/launchSnackbar', params)\n          this.$store.dispatch('ui/toggleLoading', { show: false })\n          this.$router.push({ path: '/' })\n        },\n        error => {\n          this.$store.dispatch('ui/toggleLoading', { show: false })\n          this.message =\n            (error.response && error.response.data) || error.message || error.toString()\n        }\n      )\n    },\n    getHintIcon(field, errors) {\n      if (errors && errors[field] && errors[field].length > 0) return 'alert-triangle-solid'\n      else return null\n    },\n    deleteAccount() {\n      this.$store.dispatch('auth/accountDelete')\n    },\n    goBack() {\n      this.$router.go(-1)\n    },\n  },\n  async mounted() {\n    this.timeZones = await this.$store.getters['timeZones/all']\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.row {\n  margin: 0;\n}\n.col {\n  padding: 0;\n}\n.back-button-container {\n  display: flex;\n  align-items: center;\n  max-width: fit-content;\n  margin-left: -0.375rem;\n  cursor: pointer;\n}\n.back-button-text {\n  color: #807ef0;\n  font-weight: 700;\n  font-size: 1.1429rem;\n  line-height: 24px;\n}\n\n// mobile header (xs)\n.page-header {\n  font-weight: 700;\n  font-size: 1.7143rem;\n  line-height: 30px;\n  color: #1f2329;\n}\n.pageHeaderSmAndUp {\n  font-size: 2.2857rem;\n  line-height: 36px;\n}\n.pageHeaderLgAndUp {\n  font-size: 2.7143rem;\n  line-height: 46px;\n}\n// mobile subheader (xs)\n.page-sub-header {\n  font-weight: 300;\n  font-size: 1.1429rem;\n  line-height: 24px;\n  color: #1f2329;\n}\n.pageSubHeaderLgAndUp {\n  font-size: 1.2857rem;\n}\n.card {\n  border: 1px solid #dce2e9;\n  border-radius: 12px;\n}\n.card-title {\n  border-bottom: 1px solid #dce2e9;\n  font-weight: 400;\n  font-size: 1.4286rem;\n  line-height: 32px;\n  padding: 1rem;\n}\n.card-inner {\n  padding: 1rem;\n}\n.button-text {\n  font-size: 0.75rem;\n  text-transform: initial;\n  font-weight: 600;\n}\n.buttonDefault {\n  width: 100%;\n}\n.buttonSmAndUp {\n  width: auto;\n}\n.text-input {\n  :deep(*) {\n    font-size: 1rem;\n    line-height: 20px;\n  }\n  :deep(.text-input__hint) {\n    font-size: 0.71429rem;\n  }\n}\n.timezone-label {\n  color: #464d54;\n  font-size: 1rem;\n  font-weight: 700;\n  line-height: 20px;\n  flex-grow: 1;\n}\n.timezone-picker {\n  display: flex;\n  max-width: fit-content;\n}\n.delete-account-text {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 20px;\n}\n.privacy-policy {\n  color: #807ef0;\n}\na {\n  text-decoration: none;\n}\n//\n.v-list-item--highlighted .timezone-item__subtitle {\n  color: white;\n}\n::v-deep .text-input--filled .text-input__inner {\n  background-color: white !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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Edit.vue?vue&type=template&id=11af31b1&scoped=true&\"\nimport script from \"./Edit.vue?vue&type=script&lang=js&\"\nexport * from \"./Edit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Edit.vue?vue&type=style&index=0&id=11af31b1&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"11af31b1\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/@vue/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.vue?vue&type=style&index=0&id=11af31b1&prod&lang=scss&scoped=true&\""],"sourceRoot":""}