{"version":3,"sources":["webpack:///./src/components/menus/Links/index.vue?3274","webpack:///./src/pages/Management/accounts/userSettings/Main.vue?5737","webpack:///./src/components/transitions/Slide.vue?a83b","webpack:///./src/components/menus/Links/index.vue?5407","webpack:///src/components/menus/Links/index.vue","webpack:///./src/components/menus/Links/index.vue?1cc0","webpack:///./src/components/menus/Links/index.vue","webpack:///./src/components/transitions/Slide.vue?ab9d","webpack:///src/components/transitions/Slide.vue","webpack:///./src/components/transitions/Slide.vue?8d18","webpack:///./src/components/transitions/Slide.vue","webpack:///./src/pages/Shared/accounts/userSettings/Main.vue?5ffb","webpack:///./src/pages/Management/accounts/userSettings/Main.vue?ed25","webpack:///src/pages/Management/accounts/userSettings/Main.vue","webpack:///./src/pages/Management/accounts/userSettings/Main.vue?5510","webpack:///./src/pages/Management/accounts/userSettings/Main.vue","webpack:///./src/pages/Shared/accounts/userSettings/Main.vue?fceb","webpack:///src/pages/Shared/accounts/userSettings/Main.vue","webpack:///./src/pages/Shared/accounts/userSettings/Main.vue?9476","webpack:///./src/pages/Shared/accounts/userSettings/Main.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","display","attrs","breakpoint","staticClass","styles_","_l","tab","index","key","name","prefix","hash","params","Object","assign","_v","_s","label","_e","flexGrow","includes","maxWidth","width","margin","model","value","callback","$$v","selectedTab","expression","_t","staticRenderFns","props","tabs","Array","type","String","default","to","styles","data","getTabName","watch","tabName","$router","push","id","$route","ownerID","methods","undefined","console","error","x","mounted","unsubWindowStore","mType","beforeDestroy","component","pageContentSection","paddingLeft","overflowX","transitionName","notifyError","e","duration","message","position","notifyMessage","fullName","emailAddress","phone","components","PageContent","SlideTransition","LinksMenu","myHtml","formComplete","formData","toggle","loading","isDebug","profile","hoaList","formatDateFn","mainContainer","content","menu","computed","currentAssociation","hoaId","reload","authUser","selectHoaId","Modal","$emit","toIndex","fromIndex","setChangePasswordModal","getProfileFormPayload","email","phoneNumber","payload","i18n","messages","en"],"mappings":"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","file":"js/usersettings.4039b359.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=bac35f7c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=bac35f7c&lang=scss&scoped=true&\"","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Slide.vue?vue&type=style&index=0&id=308229b2&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Slide.vue?vue&type=style&index=0&id=308229b2&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:({ display: 'flex' }),attrs:{\"links-menu\":\"\"}},[(_vm.breakpoint === 'desktop')?_c('ul',{staticClass:\"details-menu\",style:(_vm.styles_.ul),attrs:{\"role\":\"navigation\"}},_vm._l((_vm.tabs),function(tab,index){return _c('li',{key:tab.name},[_c('router-link',{staticClass:\"h7\",attrs:{\"to\":{\n          name: (\"\" + _vm.prefix + (tab.name)),\n          hash: '#tab',\n          params: Object.assign(\n            {\n              index: index\n            },\n            _vm.params\n          )\n        }}},[_vm._v(\" \"+_vm._s(tab.label)+\" \")])],1)}),0):_vm._e(),_c('div',{style:({ flexGrow: 1 })},[(['tablet', 'mobile'].includes(_vm.breakpoint))?_c('b-field',[_c('b-select',{style:({ maxWidth: '300px', width: '100%', margin: '0 auto' }),attrs:{\"rounded\":\"\"},model:{value:(_vm.selectedTab),callback:function ($$v) {_vm.selectedTab=$$v},expression:\"selectedTab\"}},_vm._l((_vm.tabs),function(key,index){return _c('option',{key:index},[_vm._v(\" \"+_vm._s(key.label)+\" \")])}),0)],1):_vm._e(),_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :style=\"{ display: 'flex' }\" links-menu>\r\n    <ul class=\"details-menu\" role=\"navigation\" v-if=\"breakpoint === 'desktop'\" :style=\"styles_.ul\">\r\n      <li v-for=\"(tab, index) in tabs\" :key=\"tab.name\">\r\n        <router-link\r\n          class=\"h7\"\r\n          :to=\"{\r\n            name: `${prefix}${tab.name}`,\r\n            hash: '#tab',\r\n            params: Object.assign(\r\n              {\r\n                index\r\n              },\r\n              params\r\n            )\r\n          }\"\r\n        >\r\n          {{ tab.label }}\r\n        </router-link>\r\n      </li>\r\n    </ul>\r\n\r\n    <div :style=\"{ flexGrow: 1 }\">\r\n      <b-field v-if=\"['tablet', 'mobile'].includes(breakpoint)\">\r\n        <b-select\r\n          rounded\r\n          :style=\"{ maxWidth: '300px', width: '100%', margin: '0 auto' }\"\r\n          v-model=\"selectedTab\"\r\n        >\r\n          <option v-for=\"(key, index) in tabs\" :key=\"index\">\r\n            {{ key.label }}\r\n          </option>\r\n        </b-select>\r\n      </b-field>\r\n      <slot />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { windowStore } from '@/utilities/window/store'\r\nimport _get from 'lodash/get'\r\nimport _merge from 'lodash/merge'\r\n\r\nexport default {\r\n  props: {\r\n    tabs: Array,\r\n    prefix: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    to: Object,\r\n    params: {\r\n      type: Object,\r\n      default: () => {\r\n        return {}\r\n      }\r\n    },\r\n    styles: {\r\n      type: Object,\r\n      default: () => {\r\n        return {}\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      breakpoint: '',\r\n      selectedTab: this.getTabName(),\r\n      styles_: _merge(\r\n        {},\r\n        {\r\n          ul: {\r\n            width: '240px'\r\n          }\r\n        },\r\n        this.styles\r\n      )\r\n    }\r\n  },\r\n  watch: {\r\n    selectedTab() {\r\n      const tab = this.tabs.find(tab => {\r\n        return tab.label === this.selectedTab\r\n      })\r\n\r\n      const tabName = _get(tab, 'name', null)\r\n\r\n      if (typeof tabName === 'string') {\r\n        this.$router.push({\r\n          name: this.prefix + tabName,\r\n          hash: '#tab',\r\n          params: {\r\n            id: this.$route.params.id,\r\n            ownerID: this.ownerID\r\n          }\r\n        })\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    getTabName() {\r\n      let selectedTab = ''\r\n\r\n      try {\r\n        const tabName = this.$route.name.split('.')[1]\r\n        const tab = this.tabs.find(tab => {\r\n          return tab.name === tabName\r\n        })\r\n\r\n        if (tab !== undefined && tab) {\r\n          selectedTab = tab.label\r\n        }\r\n      } catch (x) {\r\n        console.error(x)\r\n      }\r\n\r\n      return selectedTab\r\n    }\r\n  },\r\n  mounted() {\r\n    this.unsubWindowStore = windowStore.subscribe((mutation, state) => {\r\n      const mType = mutation.type\r\n\r\n      if (mType === 'breakPointChange') {\r\n        this.breakpoint = state.breakpoint\r\n      }\r\n    })\r\n\r\n    this.breakpoint = windowStore.state.breakpoint\r\n  },\r\n  beforeDestroy() {\r\n    this.unsubWindowStore()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '~@/assets/styles/_variables';\r\n\r\n.details-menu {\r\n  @media screen and (min-width: $tablet) {\r\n    a {\r\n      font-size: 16px !important;\r\n    }\r\n  }\r\n\r\n  a {\r\n    color: #838383;\r\n    display: inline-block;\r\n    padding: 0.5em 0;\r\n    font-size: 18px;\r\n    width: 100%;\r\n\r\n    &:hover,\r\n    &:active {\r\n      color: inherit;\r\n    }\r\n\r\n    &.router-link-active {\r\n      color: #ff7300; // #381;\r\n\r\n      &::after {\r\n        visibility: visible;\r\n      }\r\n    }\r\n\r\n    &::after {\r\n      visibility: hidden;\r\n      content: '→';\r\n    }\r\n  }\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!./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=bac35f7c&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=bac35f7c&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  \"bac35f7c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":_vm.name}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <transition :name=\"name\">\r\n    <slot />\r\n  </transition>\r\n</template>\r\n\r\n<script>\r\n/*\r\n  import SlideTransition from '@/components/transitions/Slide'\r\n\r\n  <SlideTransition :name=\"transitionName\">\r\n\r\n\r\n  </SlideTransition>\r\n\r\n  // 'slide-up' or 'slide-down'\r\n  // happen if that is what is passed to the component\r\n  // on a route change\r\n  watch: {\r\n    '$route': function (to, from) {\r\n      const toIndex = _get (to, [ \"params\", \"index\" ], 1);\r\n      const fromIndex = _get (from, [ \"params\", \"index\" ], 1);\r\n\r\n      this.transitionName = toIndex < fromIndex ? 'slide-up' : 'slide-down'\r\n    }\r\n  },\r\n*/\r\n\r\nexport default {\r\n  props: {\r\n    name: String\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.slide-up-enter-active,\r\n.slide-down-enter-active {\r\n  transition: transform 0.4s ease-out, opacity 0.9s ease-out;\r\n}\r\n\r\n.slide-up-leave-active,\r\n.slide-down-leave-active {\r\n  transition: transform 0.4s ease-out, opacity 0.4s ease-out;\r\n}\r\n\r\n.slide-up-leave-to {\r\n  transform: translateY(-100%);\r\n  opacity: 0;\r\n}\r\n.slide-up-enter {\r\n  transform: translateY(100%);\r\n  opacity: 0;\r\n}\r\n.slide-down-leave-to {\r\n  transform: translateY(100%);\r\n  opacity: 0;\r\n}\r\n.slide-down-enter {\r\n  transform: translateY(-100%);\r\n  opacity: 0;\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!./Slide.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!./Slide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Slide.vue?vue&type=template&id=308229b2&scoped=true&\"\nimport script from \"./Slide.vue?vue&type=script&lang=js&\"\nexport * from \"./Slide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Slide.vue?vue&type=style&index=0&id=308229b2&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  \"308229b2\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('PageContent',{attrs:{\"sectionStyles\":_vm.styles.pageContentSection}},[_c('div',{staticClass:\"box tile is-vertical is-12\"},[_c('div',{staticClass:\"level\"},[_c('span',{staticClass:\"title pt-2 pl-2\"},[_vm._v(\"User Settings\")])]),_c('LinksMenu',{attrs:{\"aria-label\":\"account settings tabs\",\"tabs\":_vm.tabs,\"prefix\":\"userSettings.\",\"styles\":{\n        paddingLeft: '0'\n      }}},[_c('section',{style:({ overflowX: 'auto', flexGrow: 2 })},[_c('SlideTransition',{attrs:{\"name\":_vm.transitionName}},[_c('keep-alive',[_c('router-view',{key:_vm.$route.name})],1)],1)],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <PageContent :sectionStyles=\"styles.pageContentSection\">\r\n    <div class=\"box tile is-vertical is-12\">\r\n      <div class=\"level\">\r\n        <span class=\"title pt-2 pl-2\">User Settings</span>\r\n      </div>\r\n\r\n      <LinksMenu\r\n        aria-label=\"account settings tabs\"\r\n        :tabs=\"tabs\"\r\n        prefix=\"userSettings.\"\r\n        :styles=\"{\r\n          paddingLeft: '0'\r\n        }\"\r\n      >\r\n        <section :style=\"{ overflowX: 'auto', flexGrow: 2 }\">\r\n          <SlideTransition :name=\"transitionName\">\r\n            <keep-alive>\r\n              <router-view :key=\"$route.name\" />\r\n            </keep-alive>\r\n          </SlideTransition>\r\n        </section>\r\n      </LinksMenu>\r\n    </div>\r\n  </PageContent>\r\n</template>\r\n\r\n<script>\r\nimport { ToastProgrammatic as Toast } from 'buefy'\r\nimport _get from 'lodash/get'\r\nimport moment from 'moment'\r\nimport { mapState, mapGetters, mapActions } from 'vuex'\r\n//\r\nimport PageContent from '@/containers/PageContent'\r\nimport kms from '@/services/kms'\r\nimport SlideTransition from '@/components/transitions/Slide.vue'\r\nimport LinksMenu from '@/components/menus/Links'\r\n\r\nfunction notifyError(e) {\r\n  Toast.open({\r\n    duration: 7000,\r\n    message: e.message || e,\r\n    position: 'is-bottom',\r\n    type: 'is-danger'\r\n  })\r\n}\r\n\r\nfunction notifyMessage(e) {\r\n  Toast.open({\r\n    duration: 7000,\r\n    message: e.message || e,\r\n    position: 'is-bottom',\r\n    type: 'is-success'\r\n  })\r\n}\r\n\r\nlet DEFAULT_FORM_VALUES = {\r\n  fullName: '',\r\n  emailAddress: '',\r\n  phone: ''\r\n}\r\n\r\nexport default {\r\n  components: {\r\n    PageContent,\r\n    SlideTransition,\r\n    LinksMenu\r\n  },\r\n  data: function() {\r\n    return {\r\n      myHtml: \"<span id='supportTab'>Support Access</span>\",\r\n      formComplete: false,\r\n      formData: {\r\n        ...DEFAULT_FORM_VALUES\r\n      },\r\n      toggle: false,\r\n      loading: true,\r\n      isDebug: false,\r\n      profile: null,\r\n      hoaList: [{}],\r\n      formatDateFn: function(value) {\r\n        return value && value != undefined\r\n          ? moment(value.toString(), 'YYYY/MM/DD HH:mm:ss')\r\n              .format('MM-DD-YYYY')\r\n              .toString()\r\n          : ''\r\n      },\r\n      styles: {\r\n        pageContentSection: {\r\n          width: '100%'\r\n        },\r\n        mainContainer: {\r\n          display: 'flex'\r\n        },\r\n        content: {\r\n          margin: '0 auto',\r\n          width: 'calc(100% - 160px)',\r\n          overflowX: 'auto'\r\n        },\r\n        menu: {\r\n          width: '260px',\r\n          paddingLeft: '20px'\r\n        }\r\n      },\r\n      tabs: [\r\n        {\r\n          label: 'Profile',\r\n          name: 'profile'\r\n        },\r\n        {\r\n          label: 'Account Security',\r\n          name: 'accountsecurity'\r\n        },\r\n        {\r\n          label: 'HOA Accounts',\r\n          name: 'hoaaccounts'\r\n        },\r\n        {\r\n          label: 'Notification Subscriptions',\r\n          name: 'alertsubscriptions'\r\n        },\r\n        {\r\n          label: 'Additional Authentication',\r\n          name: 'twofactorauthentication'\r\n        }\r\n      ],\r\n      transitionName: 'slide-up'\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    ...mapState({\r\n      hoaId: state => state.user.selectedHoaId,\r\n      ...mapGetters('user', ['authUser', 'retrieveUser'])\r\n    })\r\n  },\r\n\r\n  mounted() {\r\n    this.loading = true\r\n    this.currentAssociation = this.hoaId\r\n    this.reload()\r\n\r\n    this.loading = false\r\n  },\r\n\r\n  watch: {\r\n    hoaId() {\r\n      this.reload()\r\n    },\r\n    authUser() {\r\n      // reset association when user status changes\r\n      this.currentAssociation = this.hoaId\r\n    },\r\n\r\n    currentAssociation(hoaId) {\r\n      // pass selected HOA ID to Vuex when user changes it here\r\n      this.selectHoaId(hoaId)\r\n    },\r\n\r\n    toggle() {\r\n      if (this.toggle == false) {\r\n        this.reload()\r\n        this.toggle = false\r\n        if (this.Modal && this.Modal != undefined) {\r\n          this.Modal.$emit('update:toggle', (this.toggle = false))\r\n        }\r\n      }\r\n    },\r\n\r\n    $route: function(to, from) {\r\n      const toIndex = _get(to, ['params', 'index'], 1)\r\n      const fromIndex = _get(from, ['params', 'index'], 1)\r\n\r\n      this.transitionName = toIndex < fromIndex ? 'slide-up' : 'slide-down'\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions('user', ['selectHoaId', 'userRetrieve']),\r\n\r\n    async reload() {\r\n      this.loading = true\r\n\r\n      this.refreshUserProfile()\r\n\r\n      this.refreshHoaList()\r\n\r\n      this.formData = { ...DEFAULT_FORM_VALUES }\r\n      if (this.$refs.form) {\r\n        this.$refs.form.reset()\r\n      }\r\n\r\n      this.loading = false\r\n    },\r\n\r\n    async refreshUserProfile() {\r\n      try {\r\n        const refreshedUser = await kms.get('/User')\r\n\r\n        if (this.isDebug == true) console.debug('refreshedUser=' + JSON.stringify(refreshedUser))\r\n\r\n        if (refreshedUser && refreshedUser != undefined) {\r\n          this.profile = refreshedUser\r\n          this.formData.fullName = this.profile.name\r\n          this.formData.emailAddress = this.profile.email\r\n          this.formData.phone = this.profile.phoneNumber\r\n          if (this.isDebug == true) console.debug('this.profile=' + JSON.stringify(this.profile))\r\n        } else {\r\n          if (this.isDebug == true) console.debug('else this.profile')\r\n        }\r\n      } catch (e) {\r\n        notifyError(e)\r\n      }\r\n    },\r\n\r\n    async refreshHoaList() {\r\n      try {\r\n        const refreshedHoaList = await kms.get(\r\n          '/Hoa/List?showDeletedAccountManagerAssociations=false'\r\n        )\r\n\r\n        if (this.isDebug == true) console.debug('refreshedUser=' + JSON.stringify(refreshedHoaList))\r\n\r\n        if (refreshedHoaList && refreshedHoaList != undefined) {\r\n          this.hoaList = refreshedHoaList\r\n          if (this.isDebug == true) console.debug('this.hoaList=' + JSON.stringify(this.hoaList))\r\n        } else {\r\n          if (this.isDebug == true) console.debug('else this.hoaList')\r\n        }\r\n      } catch (e) {\r\n        notifyError(e)\r\n      }\r\n    },\r\n\r\n    setChangePasswordModal() {\r\n      this.toggle = true\r\n    },\r\n\r\n    getProfileFormPayload() {\r\n      const payload = {\r\n        name: this.formData.fullName,\r\n        email: this.formData.emailAddress,\r\n        phoneNumber: this.formData.phone\r\n      }\r\n\r\n      return payload\r\n    },\r\n    async leaveHoa(leaveHoaID, hoaName) {\r\n      if (!this.authUser || this.authUser == undefined || !leaveHoaID || leaveHoaID == undefined) {\r\n        notifyError('There was a problem leaving this Hoa.')\r\n        return\r\n      }\r\n\r\n      const leavePayload = {\r\n        accountManagingUserID: this.authUser.accountManagingUserID,\r\n        accountID: this.authUser.accountID,\r\n        hoaID: leaveHoaID\r\n      }\r\n\r\n      try {\r\n        const path = `/User/LeaveHoa?accountManagingUserID=${leavePayload.accountManagingUserID}&accountID=${leavePayload.accountID}&hoaID=${leavePayload.hoaID}`\r\n        const results = await kms.post(path, leavePayload)\r\n\r\n        if (this.isDebug == true) console.debug(JSON.stringify(results))\r\n\r\n        if (results && results != undefined) {\r\n          if (results == true) {\r\n            notifyMessage(`Successfully left ${hoaName}`)\r\n            this.reload()\r\n          } else {\r\n            notifyError(`There was a problem leaving this Hoa.`)\r\n          }\r\n        } else {\r\n          notifyError('There was a problem leaing this Hoa.')\r\n        }\r\n        this.loading = false\r\n      } catch (e) {\r\n        notifyError(e)\r\n        this.loading = false\r\n      }\r\n    },\r\n    async onProfileFormSubmit() {\r\n      try {\r\n        if (!this.formData || this.formData == undefined) {\r\n          notifyError('There was a problem saving your user profile.')\r\n          return\r\n        }\r\n\r\n        this.loading = true\r\n        console.debug('payload formData= ' + JSON.stringify(this.formData))\r\n        const returnPayload = this.getProfileFormPayload()\r\n        console.debug('payload= ' + JSON.stringify(returnPayload))\r\n\r\n        try {\r\n          const path = `/User/SaveIdentityUserProfile`\r\n          const results = await kms.post(path, returnPayload)\r\n\r\n          if (this.isDebug == true) console.debug(JSON.stringify(results))\r\n\r\n          if (results && results != undefined) {\r\n            if (results == true) {\r\n              notifyMessage(`Your user profile has been updated`)\r\n              this.reload()\r\n            } else {\r\n              notifyError(`There was a problem updating your user profile`)\r\n            }\r\n          } else {\r\n            notifyError('There was a problem updating the detailed description.')\r\n          }\r\n          this.loading = false\r\n        } catch (e) {\r\n          notifyError(e)\r\n        }\r\n        this.loading = false\r\n      } catch (e) {\r\n        notifyError(e)\r\n      }\r\n\r\n      this.loading = false\r\n    }\r\n  },\r\n\r\n  i18n: {\r\n    messages: {\r\n      en: { userSettings: { title: 'User Settings' } }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\ntextarea {\r\n  min-width: 600px !important;\r\n}\r\n\r\nbutton {\r\n  padding: 5px;\r\n}\r\n\r\n.account-settings-tabs > section {\r\n  width: calc(100% - 200px);\r\n  float: right;\r\n}\r\n\r\n#app {\r\n  font-family: 'Avenir', Helvetica, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  margin-top: 60px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  > div {\r\n    width: 940px;\r\n  }\r\n\r\n  .app-properties {\r\n    > div {\r\n      margin: 0 8px 8px 0;\r\n      font-style: normal !important;\r\n\r\n      > label {\r\n        display: block;\r\n      }\r\n      > span {\r\n        font-style: normal !important;\r\n      }\r\n      .vue-quick-edit {\r\n        display: inline-block;\r\n        margin-left: 8px;\r\n        font-style: normal !important;\r\n      }\r\n    }\r\n  }\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!./Main.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!./Main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Main.vue?vue&type=template&id=24e29e31&\"\nimport script from \"./Main.vue?vue&type=script&lang=js&\"\nexport * from \"./Main.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Main.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('PageContent',{attrs:{\"sectionStyles\":_vm.styles.pageContentSection}},[_c('div',{staticClass:\"box tile is-vertical is-12\"},[_c('div',{staticClass:\"level\"},[_c('span',{staticClass:\"title pt-2 pl-2\"},[_vm._v(\"User Settings\")])]),_c('LinksMenu',{style:({}),attrs:{\"aria-label\":\"account settings tabs\",\"tabs\":_vm.tabs,\"prefix\":\"userSettings.\"}},[_c('section',{style:({ overflowX: 'auto', flexGrow: 2 })},[_c('SlideTransition',{attrs:{\"name\":_vm.transitionName}},[_c('keep-alive',[_c('router-view',{key:_vm.$route.name})],1)],1)],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <PageContent :sectionStyles=\"styles.pageContentSection\">\r\n    <div class=\"box tile is-vertical is-12\">\r\n      <div class=\"level\">\r\n        <span class=\"title pt-2 pl-2\">User Settings</span>\r\n      </div>\r\n\r\n      <LinksMenu aria-label=\"account settings tabs\" :tabs=\"tabs\" prefix=\"userSettings.\" :style=\"{}\">\r\n        <section :style=\"{ overflowX: 'auto', flexGrow: 2 }\">\r\n          <SlideTransition :name=\"transitionName\">\r\n            <keep-alive>\r\n              <router-view :key=\"$route.name\" />\r\n            </keep-alive>\r\n          </SlideTransition>\r\n        </section>\r\n      </LinksMenu>\r\n    </div>\r\n  </PageContent>\r\n</template>\r\n\r\n<script>\r\nimport _get from 'lodash/get'\r\nimport moment from 'moment'\r\nimport { mapState, mapGetters, mapActions } from 'vuex'\r\n//\r\nimport PageContent from '@/containers/PageContent'\r\nimport kms from '@/services/kms'\r\nimport SlideTransition from '@/components/transitions/Slide.vue'\r\nimport LinksMenu from '@/components/menus/Links'\r\n\r\nimport { notifyMessage, notifyError } from '@/services/notify'\r\n\r\nlet DEFAULT_FORM_VALUES = {\r\n  fullName: '',\r\n  emailAddress: '',\r\n  phone: ''\r\n}\r\n\r\nexport default {\r\n  components: {\r\n    PageContent,\r\n    SlideTransition,\r\n    LinksMenu\r\n  },\r\n  data: function() {\r\n    return {\r\n      myHtml: \"<span id='supportTab'>Support Access</span>\",\r\n      formComplete: false,\r\n      formData: {\r\n        ...DEFAULT_FORM_VALUES\r\n      },\r\n      toggle: false,\r\n      loading: true,\r\n      isDebug: false,\r\n      profile: null,\r\n      hoaList: [{}],\r\n      formatDateFn: function(value) {\r\n        return value && value != undefined\r\n          ? moment(value.toString(), 'YYYY/MM/DD HH:mm:ss')\r\n              .format('MM-DD-YYYY')\r\n              .toString()\r\n          : ''\r\n      },\r\n      styles: {\r\n        pageContentSection: {\r\n          width: '100%'\r\n        },\r\n        mainContainer: {\r\n          display: 'flex'\r\n        },\r\n        content: {\r\n          margin: '0 auto',\r\n          width: 'calc(100% - 160px)',\r\n          overflowX: 'auto'\r\n        },\r\n        menu: {\r\n          width: '260px',\r\n          paddingLeft: '20px'\r\n        }\r\n      },\r\n      tabs: [\r\n        {\r\n          label: 'Profile',\r\n          name: 'profile'\r\n        },\r\n        {\r\n          label: 'Account Security',\r\n          name: 'accountsecurity'\r\n        },\r\n        {\r\n          label: 'HOA Accounts',\r\n          name: 'hoaaccounts'\r\n        },\r\n        {\r\n          label: 'Notification Subscriptions',\r\n          name: 'alertsubscriptions'\r\n        },\r\n        {\r\n          label: 'Additional Authentication',\r\n          name: 'twofactorauthentication'\r\n        }\r\n      ],\r\n      transitionName: 'slide-up'\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    ...mapState({\r\n      hoaId: state => state.user.selectedHoaId,\r\n      ...mapGetters('user', ['authUser', 'retrieveUser'])\r\n    })\r\n  },\r\n\r\n  mounted() {\r\n    this.loading = true\r\n    this.currentAssociation = this.hoaId\r\n    this.reload()\r\n\r\n    this.loading = false\r\n  },\r\n\r\n  watch: {\r\n    hoaId() {\r\n      this.reload()\r\n    },\r\n    authUser() {\r\n      // reset association when user status changes\r\n      this.currentAssociation = this.hoaId\r\n    },\r\n\r\n    currentAssociation(hoaId) {\r\n      // pass selected HOA ID to Vuex when user changes it here\r\n      this.selectHoaId(hoaId)\r\n    },\r\n\r\n    toggle() {\r\n      if (this.toggle == false) {\r\n        this.reload()\r\n        this.toggle = false\r\n        if (this.Modal && this.Modal != undefined) {\r\n          this.Modal.$emit('update:toggle', (this.toggle = false))\r\n        }\r\n      }\r\n    },\r\n\r\n    $route: function(to, from) {\r\n      const toIndex = _get(to, ['params', 'index'], 1)\r\n      const fromIndex = _get(from, ['params', 'index'], 1)\r\n\r\n      this.transitionName = toIndex < fromIndex ? 'slide-up' : 'slide-down'\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions('user', ['selectHoaId', 'userRetrieve']),\r\n\r\n    async reload() {\r\n      this.loading = true\r\n\r\n      this.refreshUserProfile()\r\n\r\n      this.refreshHoaList()\r\n\r\n      this.formData = { ...DEFAULT_FORM_VALUES }\r\n      if (this.$refs.form) {\r\n        this.$refs.form.reset()\r\n      }\r\n\r\n      this.loading = false\r\n    },\r\n\r\n    async refreshUserProfile() {\r\n      try {\r\n        const refreshedUser = await kms.get('/User')\r\n\r\n        if (this.isDebug == true) console.debug('refreshedUser=' + JSON.stringify(refreshedUser))\r\n\r\n        if (refreshedUser && refreshedUser != undefined) {\r\n          this.profile = refreshedUser\r\n          this.formData.fullName = this.profile.name\r\n          this.formData.emailAddress = this.profile.email\r\n          this.formData.phone = this.profile.phoneNumber\r\n          if (this.isDebug == true) console.debug('this.profile=' + JSON.stringify(this.profile))\r\n        } else {\r\n          if (this.isDebug == true) console.debug('else this.profile')\r\n        }\r\n      } catch (e) {\r\n        notifyError(e)\r\n      }\r\n    },\r\n\r\n    async refreshHoaList() {\r\n      try {\r\n        const refreshedHoaList = await kms.get(\r\n          '/Hoa/List?showDeletedAccountManagerAssociations=false'\r\n        )\r\n\r\n        if (this.isDebug == true) console.debug('refreshedUser=' + JSON.stringify(refreshedHoaList))\r\n\r\n        if (refreshedHoaList && refreshedHoaList != undefined) {\r\n          this.hoaList = refreshedHoaList\r\n          if (this.isDebug == true) console.debug('this.hoaList=' + JSON.stringify(this.hoaList))\r\n        } else {\r\n          if (this.isDebug == true) console.debug('else this.hoaList')\r\n        }\r\n      } catch (e) {\r\n        notifyError(e)\r\n      }\r\n    },\r\n\r\n    setChangePasswordModal() {\r\n      this.toggle = true\r\n    },\r\n\r\n    getProfileFormPayload() {\r\n      const payload = {\r\n        name: this.formData.fullName,\r\n        email: this.formData.emailAddress,\r\n        phoneNumber: this.formData.phone\r\n      }\r\n\r\n      return payload\r\n    },\r\n    async leaveHoa(leaveHoaID, hoaName) {\r\n      if (!this.authUser || this.authUser == undefined || !leaveHoaID || leaveHoaID == undefined) {\r\n        notifyError('There was a problem leaving this Hoa.')\r\n        return\r\n      }\r\n\r\n      const leavePayload = {\r\n        accountManagingUserID: this.authUser.accountManagingUserID,\r\n        accountID: this.authUser.accountID,\r\n        hoaID: leaveHoaID\r\n      }\r\n\r\n      try {\r\n        const path = `/User/LeaveHoa?accountManagingUserID=${leavePayload.accountManagingUserID}&accountID=${leavePayload.accountID}&hoaID=${leavePayload.hoaID}`\r\n        const results = await kms.post(path, leavePayload)\r\n\r\n        if (this.isDebug == true) console.debug(JSON.stringify(results))\r\n\r\n        if (results && results != undefined) {\r\n          if (results == true) {\r\n            notifyMessage(`Successfully left ${hoaName}`)\r\n            this.reload()\r\n          } else {\r\n            notifyError(`There was a problem leaving this Hoa.`)\r\n          }\r\n        } else {\r\n          notifyError('There was a problem leaing this Hoa.')\r\n        }\r\n        this.loading = false\r\n      } catch (e) {\r\n        notifyError(e)\r\n        this.loading = false\r\n      }\r\n    },\r\n    async onProfileFormSubmit() {\r\n      try {\r\n        if (!this.formData || this.formData == undefined) {\r\n          notifyError('There was a problem saving your user profile.')\r\n          return\r\n        }\r\n\r\n        this.loading = true\r\n        console.debug('payload formData= ' + JSON.stringify(this.formData))\r\n        const returnPayload = this.getProfileFormPayload()\r\n        console.debug('payload= ' + JSON.stringify(returnPayload))\r\n\r\n        try {\r\n          const path = `/User/SaveIdentityUserProfile`\r\n          const results = await kms.post(path, returnPayload)\r\n\r\n          if (this.isDebug == true) console.debug(JSON.stringify(results))\r\n\r\n          if (results && results != undefined) {\r\n            if (results == true) {\r\n              notifyMessage(`Your user profile has been updated`)\r\n              this.reload()\r\n            } else {\r\n              notifyError(`There was a problem updating your user profile`)\r\n            }\r\n          } else {\r\n            notifyError('There was a problem updating the detailed description.')\r\n          }\r\n          this.loading = false\r\n        } catch (e) {\r\n          notifyError(e)\r\n        }\r\n        this.loading = false\r\n      } catch (e) {\r\n        notifyError(e)\r\n      }\r\n\r\n      this.loading = false\r\n    }\r\n  },\r\n\r\n  i18n: {\r\n    messages: {\r\n      en: { userSettings: { title: 'User Settings' } }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\ntextarea {\r\n  min-width: 600px !important;\r\n}\r\n\r\nbutton {\r\n  padding: 5px;\r\n}\r\n\r\n.account-settings-tabs > section {\r\n  width: calc(100% - 200px);\r\n  float: right;\r\n}\r\n\r\n#app {\r\n  font-family: 'Avenir', Helvetica, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  margin-top: 60px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  > div {\r\n    width: 940px;\r\n  }\r\n\r\n  .app-properties {\r\n    > div {\r\n      margin: 0 8px 8px 0;\r\n      font-style: normal !important;\r\n\r\n      > label {\r\n        display: block;\r\n      }\r\n      > span {\r\n        font-style: normal !important;\r\n      }\r\n      .vue-quick-edit {\r\n        display: inline-block;\r\n        margin-left: 8px;\r\n        font-style: normal !important;\r\n      }\r\n    }\r\n  }\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!./Main.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!./Main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Main.vue?vue&type=template&id=f6966724&\"\nimport script from \"./Main.vue?vue&type=script&lang=js&\"\nexport * from \"./Main.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Main.vue?vue&type=style&index=0&lang=scss&\"\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":""}