{"version":3,"sources":["webpack:///./src/pages/Homeowner/accounts/PropertySettings/index.vue?a262","webpack:///./src/pages/Homeowner/accounts/PropertySettings/index.vue?ad7e","webpack:///./src/services/Properties/store.js","webpack:///./src/pages/Homeowner/accounts/PropertySettings/parts/data.js","webpack:///src/pages/Homeowner/accounts/PropertySettings/index.vue","webpack:///./src/pages/Homeowner/accounts/PropertySettings/index.vue?9790","webpack:///./src/pages/Homeowner/accounts/PropertySettings/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","unitDetail","undefined","_s","lotNumber","_e","style","maxWidth","unitImageBase64","address","addressOne","primaryOwner","label","city","state","postalCode","formatDateFn","settlementDate","minHeight","paddingLeft","overflowX","width","tabs","ul","id","primaryOwnerID","flexGrow","transitionName","key","$route","name","staticRenderFns","isDebug","actions","getDefaultUnitImage","payload","console","debug","unitID","params","asBase64","asRawBase64","kms","get","defaultImage","JSON","stringify","result","Vue","use","Vuex","propertyStore","Store","mutations","getters","DEFAULT_FORM_VALUES","fullName","emailAddress","phone","data","formComplete","formData","toggle","toggleVehicle","loading","profile","hoaList","value","moment","toString","format","rows","selectedRow","vehicleList","ownerID","components","PageContent","SlideTransition","LinksMenu","created","authUser","getRefreshedVehicles","computed","watch","unitId","reload","methods","confirmVehicleDelete","$buefy","dialog","confirm","title","message","confirmText","type","hasIcon","onConfirm","confirmDeleteVehicle","confirmVehicleUpdate","onCancel","vehicle","confirmUpdate","setChangePasswordModal","setVehicleModal","getProfileFormPayload","email","phoneNumber","i18n","messages","en","component"],"mappings":"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","file":"js/protected~units.3dc01d5d.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=0d34c738&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=0d34c738&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('PageContent',[_c('div',{staticClass:\"box is-12\",attrs:{\"tests-id\":\"propertySettings-page\"}},[_c('div',{staticClass:\"tile is-ancestor is-12\"},[_c('div',{staticClass:\"tile is-vertical is-12\"},[_c('div',{staticClass:\"level\"},[_c('div',{staticClass:\"p-5 level-left level-item title\"},[_vm._v(\"Property Settings\")]),_c('div',{staticClass:\"pr-5 level-right\"},[(_vm.unitDetail && _vm.unitDetail != undefined)?_c('div',{staticClass:\"level-item\"},[_c('label',{staticClass:\"pr-2 h6 is-inline\"},[_vm._v(\"Property Id:\")]),_vm._v(\" \"+_vm._s((\"\" + (_vm.unitDetail.lotNumber || '')))+\" \")]):_vm._e()])]),(_vm.unitImageBase64)?_c('div',{staticClass:\"level\"},[_c('div',{staticClass:\"level-center level-item\"},[_c('figure',{staticClass:\"image is-8x4 details-img\"},[_c('img',{style:({ maxWidth: '800px' }),attrs:{\"src\":_vm.unitImageBase64}})])])]):_vm._e(),_c('div',{staticClass:\"level\"},[(\n              _vm.unitDetail &&\n                _vm.unitDetail != undefined &&\n                _vm.unitDetail.address &&\n                _vm.unitDetail.address != undefined\n            )?_c('div',{staticClass:\"pl-5 title is-5 is-vcentered level-left level-item\"},[_vm._v(\" \"+_vm._s((\"\" + (_vm.unitDetail.address.addressOne || '')))+\" \")]):_vm._e(),_c('div',{staticClass:\"level-right\"},[(_vm.primaryOwner && _vm.primaryOwner != undefined)?_c('div',{staticClass:\"pr-5 level-item\"},[_c('label',{staticClass:\"pr-2 h6 is-inline\"},[_vm._v(\"Deeded Name:\")]),_vm._v(\" \"+_vm._s((\"\" + (_vm.primaryOwner.label || '')))+\" \")]):_vm._e()])]),_c('div',{staticClass:\"level\"},[(\n              _vm.unitDetail &&\n                _vm.unitDetail != undefined &&\n                _vm.unitDetail.address &&\n                _vm.unitDetail.address != undefined\n            )?_c('div',{staticClass:\"pl-5 subtitle is-6 is-vcentered level-left level-item\"},[_vm._v(\" \"+_vm._s(((_vm.unitDetail.address.city || '') + \", \" + (_vm.unitDetail.address.state || '') + \" \" + (_vm.unitDetail .address.postalCode || '')))+\" \")]):_vm._e(),_c('div',{staticClass:\"level-right\"},[(\n                _vm.unitDetail &&\n                  _vm.unitDetail != undefined &&\n                  _vm.unitDetail.primaryOwner &&\n                  _vm.unitDetail.primaryOwner != undefined\n              )?_c('div',{staticClass:\"pr-5 level-item\"},[_c('label',{staticClass:\"pr-2 h6 is-inline\"},[_vm._v(\"Settlement Date:\")]),_vm._v(\" \"+_vm._s((\"\" + (_vm.formatDateFn(_vm.unitDetail.primaryOwner.settlementDate))))+\" \")]):_vm._e()])])])])]),_c('div',{staticClass:\"card\",style:({\n      minHeight: '800px'\n    }),attrs:{\"id\":\"tabs\"}},[_c('div',{staticClass:\"card-content\"},[_c('LinksMenu',{style:({\n          paddingLeft: '1px',\n          overflowX: 'auto',\n          width: '100%'\n        }),attrs:{\"aria-label\":\"account settings tabs\",\"tabs\":_vm.tabs,\"prefix\":\"property.\",\"styles\":{ ul: { width: '150px' } },\"params\":{\n          id: (\"\" + (_vm.unitDetail && _vm.unitDetail.primaryOwnerID && _vm.unitDetail.primaryOwnerID !== undefined\n              ? _vm.unitDetail.primaryOwnerID\n              : 0))\n        }}},[_c('section',{style:({ overflowX: 'auto', flexGrow: 10 })},[_c('SlideTransition',{attrs:{\"name\":_vm.transitionName}},[_c('keep-alive',[_vm._v(\" \"+_vm._s(_vm.transitionName)+\" \"),_c('router-view',{key:_vm.$route.name})],1)],1)],1)])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\r\n  import { propertyStore } from '@/services/Properties/store'\r\n*/\r\n\r\nimport Vue from 'vue'\r\nimport Vuex from 'vuex'\r\nimport kms from '@/services/kms'\r\nconst isDebug = false\r\n\r\n/* eslint-disable no-empty-pattern */\r\nconst actions = {\r\n  /*\r\n    const { list } = await propertyStore.dispatch ('getDefaultUnitImage', {\r\n      payload\r\n    });\r\n  */\r\n\r\n  async getDefaultUnitImage({}, { payload = {} }) {\r\n    if (isDebug == true) console.debug('in getDefaultUnitImage...')\r\n    try {\r\n      if (payload && payload != undefined && payload.unitID !== undefined && payload.unitID) {\r\n        const params = {\r\n          unitID: payload.unitID,\r\n          asBase64: payload.asBase64,\r\n          asRawBase64: payload.asRawBase64\r\n        }\r\n\r\n        const defaultImage = await kms.get(`/Roster/Unit/RetrieveUnitImage`, {\r\n          params\r\n        })\r\n\r\n        if (isDebug == true) {\r\n          console.debug('getDefaultUnitImage=' + JSON.stringify(defaultImage))\r\n        }\r\n\r\n        return {\r\n          result: defaultImage\r\n        }\r\n      }\r\n    } catch (e) {\r\n      console.debug(e)\r\n    }\r\n\r\n    return {\r\n      result: null\r\n    }\r\n  }\r\n}\r\n/* eslint-enable no-empty-pattern */\r\n\r\nVue.use(Vuex)\r\nexport const propertyStore = new Vuex.Store({\r\n  state: {},\r\n  mutations: {},\r\n  getters: {},\r\n  actions\r\n})\r\n","import moment from 'moment'\r\n\r\nexport const DEFAULT_FORM_VALUES = {\r\n  fullName: '',\r\n  emailAddress: '',\r\n  phone: ''\r\n}\r\n\r\nexport function data() {\r\n  return {\r\n    formComplete: false,\r\n    formData: {\r\n      ...DEFAULT_FORM_VALUES\r\n    },\r\n    toggle: false,\r\n    toggleVehicle: false,\r\n    loading: true,\r\n    isDebug: true,\r\n    profile: null,\r\n    primaryOwner: null,\r\n    unitDetail: 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    rows: [],\r\n    selectedRow: null,\r\n    vehicleList: [{}],\r\n    ownerID: 0,\r\n    transitionName: 'slide-down',\r\n    tabs: [\r\n      { name: 'contacts', label: 'Contacts' },\r\n      {\r\n        label: 'Homeowner Directory Sharing',\r\n        name: 'directoryContactAdmin'\r\n      },\r\n      { name: 'mailingAddress', label: 'Mailing Address' },\r\n      { name: 'mailDelivery', label: 'Mail Delivery' },\r\n      { name: 'vehicles', label: 'Vehicles' }\r\n    ]\r\n  }\r\n}\r\n","<template>\r\n  <PageContent>\r\n    <div class=\"box is-12\" tests-id=\"propertySettings-page\">\r\n      <div class=\"tile is-ancestor is-12\">\r\n        <div class=\"tile is-vertical is-12\">\r\n          <div class=\"level\">\r\n            <div class=\"p-5 level-left level-item title\">Property Settings</div>\r\n            <div class=\"pr-5 level-right\">\r\n              <div class=\"level-item\" v-if=\"unitDetail && unitDetail != undefined\">\r\n                <label class=\"pr-2 h6 is-inline\">Property Id:</label>\r\n                {{ `${unitDetail.lotNumber || ''}` }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"level\" v-if=\"unitImageBase64\">\r\n            <div class=\"level-center level-item\">\r\n              <figure class=\"image is-8x4 details-img\">\r\n                <img :style=\"{ maxWidth: '800px' }\" :src=\"unitImageBase64\" />\r\n              </figure>\r\n            </div>\r\n          </div>\r\n          <div class=\"level\">\r\n            <div\r\n              class=\"pl-5 title is-5 is-vcentered level-left level-item\"\r\n              v-if=\"\r\n                unitDetail &&\r\n                  unitDetail != undefined &&\r\n                  unitDetail.address &&\r\n                  unitDetail.address != undefined\r\n              \"\r\n            >\r\n              {{ `${unitDetail.address.addressOne || ''}` }}\r\n            </div>\r\n            <div class=\"level-right\">\r\n              <div class=\"pr-5 level-item\" v-if=\"primaryOwner && primaryOwner != undefined\">\r\n                <label class=\"pr-2 h6 is-inline\">Deeded Name:</label>\r\n                {{ `${primaryOwner.label || ''}` }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"level\">\r\n            <div\r\n              class=\"pl-5 subtitle is-6 is-vcentered level-left level-item\"\r\n              v-if=\"\r\n                unitDetail &&\r\n                  unitDetail != undefined &&\r\n                  unitDetail.address &&\r\n                  unitDetail.address != undefined\r\n              \"\r\n            >\r\n              {{\r\n                `${unitDetail.address.city || ''}, ${unitDetail.address.state || ''}  ${unitDetail\r\n                  .address.postalCode || ''}`\r\n              }}\r\n            </div>\r\n            <div class=\"level-right\">\r\n              <div\r\n                class=\"pr-5 level-item\"\r\n                v-if=\"\r\n                  unitDetail &&\r\n                    unitDetail != undefined &&\r\n                    unitDetail.primaryOwner &&\r\n                    unitDetail.primaryOwner != undefined\r\n                \"\r\n              >\r\n                <label class=\"pr-2 h6 is-inline\">Settlement Date:</label>\r\n                {{ `${formatDateFn(unitDetail.primaryOwner.settlementDate)}` }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"card\"\r\n      id=\"tabs\"\r\n      :style=\"{\r\n        minHeight: '800px'\r\n      }\"\r\n    >\r\n      <div class=\"card-content\">\r\n        <LinksMenu\r\n          aria-label=\"account settings tabs\"\r\n          :tabs=\"tabs\"\r\n          prefix=\"property.\"\r\n          :style=\"{\r\n            paddingLeft: '1px',\r\n            overflowX: 'auto',\r\n            width: '100%'\r\n          }\"\r\n          :styles=\"{ ul: { width: '150px' } }\"\r\n          :params=\"{\r\n            id: `${\r\n              unitDetail && unitDetail.primaryOwnerID && unitDetail.primaryOwnerID !== undefined\r\n                ? unitDetail.primaryOwnerID\r\n                : 0\r\n            }`\r\n          }\"\r\n        >\r\n          <section :style=\"{ overflowX: 'auto', flexGrow: 10 }\">\r\n            <SlideTransition :name=\"transitionName\">\r\n              <keep-alive>\r\n                {{ transitionName }}\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    </div>\r\n  </PageContent>\r\n</template>\r\n\r\n<script>\r\nimport PageContent from '@/containers/PageContent'\r\nimport kms from '@/services/kms'\r\nimport { mapState, mapGetters, mapActions } from 'vuex'\r\nimport SlideTransition from '@/components/transitions/Slide.vue'\r\nimport LinksMenu from '@/components/menus/Links'\r\nimport { notifyError, notifyMessage } from '@/services/notify'\r\nimport { propertyStore } from '@/services/Properties/store'\r\n\r\nexport const defaultDateFormat = 'MM/dd/yyyy'\r\n\r\nimport { DEFAULT_FORM_VALUES, data } from './parts/data'\r\n\r\nexport default {\r\n  components: {\r\n    PageContent,\r\n    SlideTransition,\r\n    LinksMenu\r\n  },\r\n  data,\r\n\r\n  created() {\r\n    if (this.isDebug == true) console.debug('authUser=' + JSON.stringify(this.authUser))\r\n\r\n    if (this.authUser && this.authUser != undefined) {\r\n      this.ownerID = this.authUser.ownerID\r\n    }\r\n\r\n    this.getRefreshedVehicles()\r\n  },\r\n\r\n  computed: {\r\n    ...mapState({\r\n      ...mapGetters('unit', ['unitImageBase64']),\r\n      hoaId: state => state.user.homeownerSelectedUnit.hoaId,\r\n      unitId: state => state.user.homeownerSelectedUnit.unitId,\r\n      ...mapGetters('user', ['authUser', 'retrieveUser']),\r\n      breakpoint: state => state.win.breakpoint\r\n    })\r\n  },\r\n\r\n  async mounted() {\r\n    this.loading = true\r\n\r\n    if (this.authUser && this.authUser != undefined) {\r\n      this.ownerID = this.authUser.ownerID\r\n    }\r\n\r\n    this.reload()\r\n\r\n    this.loading = false\r\n  },\r\n\r\n  watch: {\r\n    unitId() {\r\n      this.reload()\r\n    },\r\n    authUser() {}\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions('user', ['selectHoaId', 'userRetrieve']),\r\n\r\n    confirmVehicleDelete(id, vehicle) {\r\n      this.$buefy.dialog.confirm({\r\n        title: 'Deleting Vehicle',\r\n        message: `Are you sure you want to <b>delete</b> this vehicle, '${vehicle}'?`,\r\n        confirmText: 'Delete Vehicle',\r\n        type: 'is-danger',\r\n        hasIcon: true,\r\n        onConfirm: () => this.deleteVehicle(id)\r\n      })\r\n    },\r\n    confirmDeleteVehicle(id, year, make, model) {\r\n      this.$buefy.dialog.confirm({\r\n        title: 'Deleting Vehicle',\r\n        message: `Are you sure you want to <b>delete</b> this ${year} ${make} ${model}?`,\r\n        confirmText: 'Delete Vehicle',\r\n        type: 'is-danger',\r\n        hasIcon: true,\r\n        onConfirm: () => this.deleteVehicle(id)\r\n      })\r\n    },\r\n    confirmVehicleUpdate(selection) {\r\n      this.$buefy.dialog.confirm({\r\n        title: 'Updating Vehicle',\r\n        message: `Are you sure you want to <b>update</b> this vehicle, '${selection.value}'?`,\r\n        confirmText: 'Update Vehicle',\r\n        type: 'is-danger',\r\n        hasIcon: true,\r\n        onConfirm: () => this.updateVehicle(selection),\r\n        onCancel: () => this.getRefreshedVehicles()\r\n      })\r\n\r\n      if (this.isDebug == true) console.debug('selected row value=' + this.selectedRow.vehicle)\r\n    },\r\n    confirmUpdate() {\r\n      this.$buefy.dialog.confirm({\r\n        title: 'Updating Profile',\r\n        message:\r\n          'Are you sure you want to <b>update</b> this record? Changing your email address will require that you use your new email address the next time that you login.',\r\n        confirmText: 'Update User Profile',\r\n        type: 'is-danger',\r\n        hasIcon: true,\r\n        onConfirm: () => this.onProfileFormSubmit()\r\n      })\r\n    },\r\n\r\n    async loadUnitImage() {\r\n      const payload = {\r\n        unitID: this.unitId,\r\n        asBase64: true\r\n      }\r\n\r\n      await propertyStore\r\n        .dispatch('getDefaultUnitImage', {\r\n          payload\r\n        })\r\n        .then(result => {\r\n          if (result) {\r\n            this.unitImageBase64 = result.toString()\r\n            console.debug('this.unitImageBase64=' + this.unitImageBase64)\r\n          }\r\n        })\r\n    },\r\n\r\n    async reload() {\r\n      this.loading = true\r\n\r\n      if (this.isDebug == true) console.debug('state unitId in property settings=' + this.unitId)\r\n\r\n      this.$store.dispatch('unit/getDefaultUnitImage', {\r\n        unitID: this.unitId,\r\n        asBase64: true\r\n      })\r\n\r\n      if (this.unitImageBase64) {\r\n        if (this.isDebug == true) console.debug('this.unitImageBase64=...' + this.unitImageBase64)\r\n      } else {\r\n        if (this.isDebug == true) console.debug('no default image found...')\r\n      }\r\n\r\n      //Fixes a latent image loading bug\r\n      await this.loadUnitImage()\r\n\r\n      this.refreshUserProfile()\r\n\r\n      //Load unit details for selected unit\r\n      this.getUnitById()\r\n\r\n      this.getRefreshedVehicles()\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 getUnitById() {\r\n      if (this.isDebug == true) console.debug('getUnitById=' + this.unitId)\r\n      if (this.unitId && this.unitId != undefined && this.unitId > 0) {\r\n        try {\r\n          const params = {\r\n            unitID: this.unitId\r\n          }\r\n          const path = `/Roster/Unit/${this.unitId}`\r\n          const returned = await kms.get(path, {\r\n            params\r\n          })\r\n\r\n          if (this.isDebug == true) console.debug('getUnitById=' + JSON.stringify(returned))\r\n\r\n          if (returned) {\r\n            this.unitDetail = returned\r\n\r\n            //Primary Owner\r\n            if (\r\n              returned.primaryOwner &&\r\n              returned.primaryOwner != undefined &&\r\n              returned.primaryOwner.ownerContacts &&\r\n              returned.primaryOwner.ownerContacts != undefined\r\n            ) {\r\n              const contacts = returned.primaryOwner.ownerContacts\r\n              if (this.isDebug == true) console.debug('contacts=' + JSON.stringify(contacts))\r\n\r\n              this.primaryOwner = contacts\r\n                .map(a => ({\r\n                  value: a.ownerID,\r\n                  label: `${a.firstName} ${a.lastName}`\r\n                }))\r\n                .filter(f => f.value == returned.primaryOwnerID)[0]\r\n\r\n              if (this.isDebug == true)\r\n                console.debug('primaryOwner=' + JSON.stringify(this.primaryOwner))\r\n            }\r\n          }\r\n        } catch (e) {\r\n          if (this.isDebug == true) console.debug('issue loading getUnitById=' + e)\r\n        }\r\n      }\r\n    },\r\n\r\n    async getRefreshedVehicles() {\r\n      if (this.ownerID && this.ownerID != undefined) {\r\n        const params = {\r\n          ownerID: this.ownerID\r\n        }\r\n\r\n        if (this.isDebug == true) console.debug('params=' + JSON.stringify(params))\r\n\r\n        const path = `/Roster/Vehicle/List`\r\n        const { results: returned } = await kms.get(path, {\r\n          params\r\n        })\r\n\r\n        this.vehicleList = returned\r\n\r\n        if (this.isDebug == true) console.debug('vehicleList=' + JSON.stringify(this.vehicleList))\r\n      }\r\n    },\r\n\r\n    async deleteVehicle(id) {\r\n      if (id <= 0) {\r\n        notifyError('Unable to delete this vehicle.')\r\n        return\r\n      }\r\n\r\n      try {\r\n        this.loading = true\r\n        const data = { vehicleID: id, forceDelete: false }\r\n        const path = `/Roster/Vehicle/${id}?forceDelete=false`\r\n        const results = await kms.delete(path, data)\r\n\r\n        if (this.isDebug == true) console.debug(JSON.stringify(results))\r\n\r\n        if (results.recordID >= 0) {\r\n          this.formComplete = true\r\n\r\n          this.getRefreshedVehicles()\r\n\r\n          notifyMessage(`The selected vehicle was successfully deleted.`)\r\n        } else {\r\n          notifyError('There was a problem deleting this vehicle.')\r\n        }\r\n      } catch (e) {\r\n        notifyError(e)\r\n      }\r\n\r\n      this.loading = false\r\n    },\r\n\r\n    async updateVehicle(selection) {\r\n      if (this.isDebug == true) console.debug(JSON.stringify(selection))\r\n\r\n      if (!selection || selection.vehicleID <= 0) {\r\n        notifyError('Unable to update this vehicle.')\r\n        return\r\n      }\r\n\r\n      try {\r\n        this.loading = true\r\n\r\n        const path = `/Roster/Vehicle`\r\n        const results = await kms.put(path, this.getVehiclePayload())\r\n\r\n        if (this.isDebug == true) console.debug(JSON.stringify(results))\r\n\r\n        if (results && results.vehicleID >= 0) {\r\n          this.formComplete = true\r\n          this.resetForm()\r\n          this.getRefreshedVehicles()\r\n\r\n          notifyMessage(`The selected vehicle was successfully updated.`)\r\n        } else {\r\n          notifyError('There was a problem updating this vehicle.')\r\n        }\r\n      } catch (e) {\r\n        notifyError(e)\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    setChangePasswordModal() {\r\n      this.toggle = true\r\n    },\r\n\r\n    setVehicleModal() {\r\n      this.toggleVehicle = 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  i18n: {\r\n    messages: {\r\n      en: { userSettingsDetail: { title: 'User Settings Detail' } }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.owner-avatar {\r\n  margin: 1em auto 2em;\r\n}\r\n\r\n.avatar-img {\r\n  border: 1px solid #e7e8f2;\r\n  padding: 0.25em;\r\n}\r\n\r\n.address-card {\r\n  h5,\r\n  h6 {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.details-img {\r\n  img {\r\n    border-radius: 0.5em 0.5em 0.5em 0.5em;\r\n  }\r\n}\r\n\r\n.details-menu {\r\n  a {\r\n    color: #838383;\r\n    display: inline-block;\r\n    padding: 0.5em 0;\r\n\r\n    &:hover,\r\n    &:active {\r\n      color: inherit;\r\n    }\r\n    &.router-link-active {\r\n      color: #ff7300; // #381;\r\n      &::after {\r\n        content: '→';\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!./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=0d34c738&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=0d34c738&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  \"0d34c738\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}