{"version":3,"sources":["webpack:///./src/pages/Management/units/tabs/MailingAddress/index.vue?fa28","webpack:///./src/pages/Management/units/tabs/MailingAddress/index.vue?0c90","webpack:///src/pages/Management/units/tabs/MailingAddress/index.vue","webpack:///./src/pages/Management/units/tabs/MailingAddress/index.vue?fac2","webpack:///./src/pages/Management/units/tabs/MailingAddress/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","display","textAlign","marginTop","mailingAddress","undefined","addressID","addressOne","showAddMailingAddress","attrs","loading","on","$event","preventDefault","removeMailingAddress","_v","ref","scopedSlots","_u","key","fn","handleSubmit","onFormSubmit","Object","assign","breakpoint","width","staticStyle","model","value","formData","callback","$$v","$set","expression","foreignAddress","_e","statesList","_l","option","domProps","_s","label","nativeOn","errors","showAdd","staticRenderFns","ownerId","addressTwo","addressThree","city","state","postalCode","name","components","PageContentLayoutOnly","ValidInput","ValidSelect","ValidationObserver","ValidationProvider","data","isDebug","formComplete","toggle","confirmModal","formatDateFn","formatFn","formatNumberFn","selectedRow","inputStyle","unitID","created","computed","mounted","$store","dispatch","useAbbreviated","$route","params","id","getRefreshedMailingAddress","watch","currentHoaId","processForeignAddress","methods","confirmDeleteMailingAddress","$buefy","dialog","confirm","title","message","confirmText","type","hasIcon","onConfirm","reload","getPayload","console","debug","JSON","stringify","ownerID","payload","i18n","messages","en","component"],"mappings":"uHAAA,yBAA8lB,EAAG,G,6FCAjmB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,wBAAwB,CAACA,EAAG,MAAM,CAACE,YAAY,uBAAuBC,MAAM,CAAGC,QAAS,OAAQC,UAAW,SAAUC,UAAW,UAAY,CACtOV,EAAIW,qBACmBC,GAAtBZ,EAAIW,gBACJX,EAAIW,eAAeE,WACnBb,EAAIW,eAAeG,YACU,GAA7Bd,EAAIe,sBACNX,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,SAAS,CAACE,YAAY,6BAA6BU,MAAM,CAAC,KAAO,SAAS,SAAWhB,EAAIiB,SAASC,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBpB,EAAIqB,qBAAqBrB,EAAIW,eAAeE,cAAc,CAACb,EAAIsB,GAAG,kCAAkClB,EAAG,UAAU,CAACE,YAAY,oCAAoC,CAACF,EAAG,qBAAqB,CAACmB,IAAI,OAAOC,YAAYxB,EAAIyB,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASJ,GAC1f,IAAIK,EAAeL,EAAIK,aAC7B,MAAO,CAACxB,EAAG,aAAa,CAACY,MAAM,CAAC,KAAO,OAAO,KAAO,SAAS,OAAS,KAAK,CAACZ,EAAG,OAAO,CAACE,YAAY,OAAOC,MAAM,CAAGE,UAAW,QAAUS,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBQ,EAAa5B,EAAI6B,iBAAiB,CAACzB,EAAG,WAAW,CAACE,YAAY,UAAUC,MAAOuB,OAAOC,OAAO,GAAwB,YAAnB/B,EAAIgC,WACtR,GACA,CACEC,MAAO,UACH,CAAC7B,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAOP,EAAc,YAAG,CAACI,EAAG,cAAc,CAACE,YAAY,WAAW4B,YAAY,CAAC,MAAQ,mBAAmBlB,MAAM,CAAC,KAAO,aAAa,MAAQ,iBAAiB,UAAY,KAAK,KAAO,OAAO,IAAM,aAAa,YAAc,iBAAiB,WAAa,OAAO,aAAa,OAAO,MAAQ,oBAAoBmB,MAAM,CAACC,MAAOpC,EAAIqC,SAAmB,WAAEC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAIqC,SAAU,aAAcE,IAAME,WAAW,0BAA0B,GAAGrC,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAOP,EAAc,YAAG,CAACI,EAAG,cAAc,CAACE,YAAY,WAAW4B,YAAY,CAAC,MAAQ,mBAAmBlB,MAAM,CAAC,KAAO,aAAa,MAAQ,qBAAqB,UAAY,KAAK,KAAO,OAAO,IAAM,aAAa,YAAc,qBAAqB,WAAa,OAAO,aAAa,OAAO,MAAQ,WAAWmB,MAAM,CAACC,MAAOpC,EAAIqC,SAAmB,WAAEC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAIqC,SAAU,aAAcE,IAAME,WAAW,0BAA0B,GAA0B,GAAtBzC,EAAI0C,eAAwBtC,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAOP,EAAc,YAAG,CAACI,EAAG,cAAc,CAACE,YAAY,WAAW4B,YAAY,CAAC,MAAQ,mBAAmBlB,MAAM,CAAC,KAAO,eAAe,MAAQ,uBAAuB,UAAY,MAAM,IAAM,eAAe,YAAc,uBAAuB,WAAa,OAAO,aAAa,wBAAwB,MAAQ,WAAWmB,MAAM,CAACC,MAAOpC,EAAIqC,SAAqB,aAAEC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAIqC,SAAU,eAAgBE,IAAME,WAAW,4BAA4B,GAAGzC,EAAI2C,OAAOvC,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAAwB,GAAtBN,EAAI0C,eAAyBtC,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,cAAc,CAACE,YAAY,WAAW4B,YAAY,CAAC,MAAQ,mBAAmBlB,MAAM,CAAC,KAAO,OAAO,MAAQ,OAAO,UAAY,KAAK,KAAO,OAAO,IAAM,OAAO,YAAc,OAAO,WAAa,OAAO,aAAa,OAAO,MAAQ,WAAWmB,MAAM,CAACC,MAAOpC,EAAIqC,SAAa,KAAEC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAIqC,SAAU,OAAQE,IAAME,WAAW,oBAAoB,GAAGzC,EAAI2C,KAAM3C,EAAI4C,YAAoC,GAAtB5C,EAAI0C,eAAyBtC,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,eAAe,CAACY,MAAM,CAAC,MAAQ,QAAQ,YAAc,SAAS,IAAM,SAASmB,MAAM,CAACC,MAAOpC,EAAIqC,SAAc,MAAEC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAIqC,SAAU,QAASE,IAAME,WAAW,mBAAmBzC,EAAI6C,GAAI7C,EAAc,YAAE,SAAS8C,GAAQ,OAAO1C,EAAG,SAAS,CAACsB,IAAIoB,EAAOV,MAAMW,SAAS,CAAC,MAAQD,EAAOV,QAAQ,CAACpC,EAAIsB,GAAGtB,EAAIgD,GAAGF,EAAOG,aAAY,IAAI,GAAGjD,EAAI2C,KAA4B,GAAtB3C,EAAI0C,eAAyBtC,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,cAAc,CAACE,YAAY,WAAW4B,YAAY,CAAC,MAAQ,mBAAmBlB,MAAM,CAAC,KAAO,aAAa,MAAQ,aAAa,UAAY,KAAK,KAAO,OAAO,IAAM,aAAa,YAAc,aAAa,WAAa,OAAO,aAAa,aAAa,MAAQ,WAAWmB,MAAM,CAACC,MAAOpC,EAAIqC,SAAmB,WAAEC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAIqC,SAAU,aAAcE,IAAME,WAAW,0BAA0B,GAAGzC,EAAI2C,SAASvC,EAAG,WAAW,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,aAAa,CAACE,YAAY,gBAAgB4C,SAAS,CAAC,MAAQ,SAAS/B,GAAQnB,EAAI0C,gBAAkB1C,EAAI0C,iBAAiBP,MAAM,CAACC,MAAOpC,EAAIqC,SAAuB,eAAEC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAIqC,SAAU,iBAAkBE,IAAME,WAAW,4BAA4B,CAACzC,EAAIsB,GAAG,cAAc,GAAGlB,EAAG,MAAM,CAACE,YAAY,kCAAkC4B,YAAY,CAAC,gBAAgB,oBAAoB,CAAC9B,EAAG,SAAS,CAACE,YAAY,2CAA2CU,MAAM,CAAC,KAAO,SAAS,SAAWhB,EAAIiB,UAAU,CAACjB,EAAIsB,GAAG,sBAAsBlB,EAAG,qBAAqB,CAACY,MAAM,CAAC,IAAM,kBAAkBQ,YAAYxB,EAAIyB,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASJ,GACzrH,IAAI4B,EAAS5B,EAAI4B,OACjC,MAAO,CAAC/C,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,OAAO,CAACJ,EAAIsB,GAAGtB,EAAIgD,GAAGG,EAAO,aAAa,MAAK,MAAS,WAAW,MAAK,EAAM,eAAe,KAAK/C,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIsB,GAAG,qBAAqBlB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,iBAAiB,CAACY,MAAM,CAAC,KAAO,mBAAmB,WAAW,GAAG,mBAAmB,uBAAuB,CAAChB,EAAIsB,GAAG,2EAA2ElB,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIsB,GAAG,gCAAgClB,EAAG,MAAM,CAACA,EAAG,WAAW,CAACY,MAAM,CAAC,KAAO,qBAAqBE,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBpB,EAAIoD,aAAa,CAACpD,EAAIsB,GAAG,0BAA0B,IAAI,UACprB+B,EAAkB,G,8KCiMtB,GACEC,QAAS,EACTzC,UAAW,EACXC,WAAY,GACZyC,WAAY,GACZC,aAAc,GACdC,KAAM,GACNC,MAAO,GACPC,WAAY,GACZjB,gBAAgB,GAGlB,eAEA,GACEkB,KAAM,oBACNC,WAAY,CACVC,sBAAJ,OACIC,WAAJ,OACIC,YAAJ,OACIC,mBAAJ,OACIC,mBAAJ,QAGEC,KAAM,WACJ,MAAO,CACLC,SAAS,EACTC,cAAc,EACdhC,SAAU,OAAhB,OAAgB,CAAhB,GACA,GAEMpB,SAAS,EACTqD,QAAQ,EACRC,cAAc,EACdC,aAAc,SAApB,GACQ,OAAgB,MAATpC,EAAgB,IAA/B,kDAEMqC,SAAU,SAAhB,GACQ,OAAgB,MAATrC,EAAgBA,EAAQ,IAEjCsC,eAAgB,SAAtB,GACQ,OAAgB,MAATtC,EAAgBA,EAAQ,GAEjCuC,YAAa,KACbhE,eAAgB,GAChBI,uBAAuB,EACvB2B,gBAAgB,EAChBkC,WAAY,GACZtB,QAAS,EACTuB,OAAQ,IAIZC,QAvCF,aAyCEC,SAAU,OAAZ,OAAY,CAAZ,iCACA,gBACI,WAAJ,YAAM,OAAN,qBAEA,uCACA,yCAGEC,QAjDF,WAkDI/E,KAAKgF,OAAOC,SAAS,qBAAsB,CACzCC,gBAAgB,IAGlBlF,KAAK4E,OAAS5E,KAAKmF,OAAOC,OAAOC,GACjCrF,KAAKqD,QAAU,IAAnB,wDAEIrD,KAAKsF,8BAGPC,MAAO,CACLC,aADJ,WAEMxF,KAAKsF,8BAGPjC,QALJ,WAMMrD,KAAKsF,8BAGP7C,eATJ,WAUMzC,KAAKyF,0BAITC,QAAS,CACPC,4BADJ,SACA,cACM3F,KAAK4F,OAAOC,OAAOC,QAAQ,CACzBC,MAAO,2BACPC,QAAS,+DACTC,YAAa,yBACbC,KAAM,YACNC,SAAS,EACTC,UAAW,WAAnB,qCAIIC,OAZJ,WAaMrG,KAAKsF,8BAGPnC,QAhBJ,WAiBMnD,KAAKc,uBAAwB,GAG/B2E,sBApBJ,WAqBiC,GAAvBzF,KAAKyC,eACPzC,KAAK2E,WAAa,+BAElB3E,KAAK2E,WAAa,IAItB,2BA5BJ,WA4BA,mKACA,aACA,sEAEA,6BAJA,wBAKA,EALA,wBAKA,WALA,SAMA,cANA,OAMA,EANA,OAQA,eACA,2DACA,kCAEA,kDACA,kDACA,sDACA,sCACA,wCACA,kDACA,gDACA,6BACA,0DACA,4CAGA,0BAEA,cACA,mFA3BA,QA6BA,2BAEA,aA/BA,+CAiCI,qBA7DJ,SA6DA,0KACA,iBADA,uBAEA,yDAFA,iCAMA,GACA,eACA,iBAGA,aAXA,SAcA,EAdA,qDAcA,WACA,OAfA,UAiBA,gBAjBA,QAiBA,EAjBA,OAmBA,+CAEA,iBACA,gEACA,uBACA,iCACA,MAEA,oEA3BA,qDA8BA,qBA9BA,QAiCA,aAjCA,6DAmCI2B,WAhGJ,WAiG0B,GAAhBtG,KAAKmE,SAAiBoC,QAAQC,MAAM,iBAAmBC,KAAKC,UAAU1G,KAAKoC,WAE/E,IAAN,GACQxB,UAAWZ,KAAKoC,SAASxB,UACzBC,WACR,2DACA,yBACA,KACQyC,WACR,2DACA,yBACA,KACQC,aACR,iCACA,+BACA,uBACA,2BACA,KACQC,KACR,uEACA,mBACA,KACQC,MACR,yEACA,oBACA,KACQC,WACR,+BACA,6BACA,uBACA,yBACA,KACQjB,eAAgBzC,KAAKyC,eACrBkE,QAAS3G,KAAKqD,SAKhB,OAFoB,GAAhBrD,KAAKmE,SAAiBoC,QAAQC,MAAM,WAAaC,KAAKC,UAAUE,IAE7DA,GAET,aAzIJ,WAyIA,mKAEA,iBACA,eACA,gBACA,gBACA,cANA,uBAQA,4DARA,iCAYA,aAZA,SAcA,EAdA,qDAcA,WACA,OAfA,SAiBA,6BAjBA,OAiBA,EAjBA,OAmBA,+CAEA,iBACA,8DACA,gCAEA,kEAzBA,qDA6BA,wBACA,oCAGA,kEAjCA,QAmCA,aACA,YACA,kBACA,gCACA,cACA,qBAxCA,8DA6CEC,KAAM,CACJC,SAAU,CACRC,GAAI,CAAV,2DChe2Y,I,wBCQvYC,EAAY,eACd,EACAlH,EACAsD,GACA,EACA,KACA,KACA,MAIa,aAAA4D,E","file":"js/unit.mailingAddress.e4c9b1a2.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&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!./index.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('PageContentLayoutOnly',[_c('div',{staticClass:\"tile is-parent is-12\",style:({ display: 'flex', textAlign: 'center', marginTop: '-50px' })},[(\n        (_vm.mailingAddress &&\n          _vm.mailingAddress != undefined &&\n          _vm.mailingAddress.addressID &&\n          _vm.mailingAddress.addressOne) ||\n          _vm.showAddMailingAddress == true\n      )?_c('div',[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-center pt-5 pr-6\"},[_c('button',{staticClass:\"button is-text float-right\",attrs:{\"type\":\"button\",\"disabled\":_vm.loading},on:{\"click\":function($event){$event.preventDefault();return _vm.removeMailingAddress(_vm.mailingAddress.addressID)}}},[_vm._v(\" Remove Mailing Address \")])])]),_c('article',{staticClass:\"tile is-child notification is-12\"},[_c('ValidationObserver',{ref:\"form\",scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n      var handleSubmit = ref.handleSubmit;\nreturn [_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\",\"appear\":\"\"}},[_c('form',{staticClass:\"form\",style:({ textAlign: 'left' }),on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.onFormSubmit)}}},[_c('fieldset',{staticClass:\"columns\",style:(Object.assign({}, (_vm.breakpoint === 'desktop'\n                    ? {}\n                    : {\n                        width: '100%'\n                      })))},[_c('div',{staticClass:\"column is-half\"},[_c('div',{staticClass:\"column is-12\",style:(_vm.inputStyle)},[_c('valid-input',{staticClass:\"is-small\",staticStyle:{\"width\":\"50px !important\"},attrs:{\"name\":\"addressOne\",\"label\":\"Street Address\",\"maxlength\":\"50\",\"type\":\"text\",\"vid\":\"addressOne\",\"placeholder\":\"Street Address\",\"spellcheck\":\"true\",\"aria-label\":\"Year\",\"rules\":\"required|max:255\"},model:{value:(_vm.formData.AddressOne),callback:function ($$v) {_vm.$set(_vm.formData, \"AddressOne\", $$v)},expression:\"formData.AddressOne\"}})],1),_c('div',{staticClass:\"column is-12\",style:(_vm.inputStyle)},[_c('valid-input',{staticClass:\"is-small\",staticStyle:{\"width\":\"50px !important\"},attrs:{\"name\":\"addressTwo\",\"label\":\"Street Address Two\",\"maxlength\":\"50\",\"type\":\"text\",\"vid\":\"addressTwo\",\"placeholder\":\"Street Address Two\",\"spellcheck\":\"true\",\"aria-label\":\"Year\",\"rules\":\"max:255\"},model:{value:(_vm.formData.AddressTwo),callback:function ($$v) {_vm.$set(_vm.formData, \"AddressTwo\", $$v)},expression:\"formData.AddressTwo\"}})],1),(_vm.foreignAddress == true)?_c('div',{staticClass:\"column is-12\",style:(_vm.inputStyle)},[_c('valid-input',{staticClass:\"is-small\",staticStyle:{\"width\":\"50px !important\"},attrs:{\"name\":\"AddressThree\",\"label\":\"Street Address Three\",\"maxlength\":\"255\",\"vid\":\"AddressThree\",\"placeholder\":\"Street Address Three\",\"spellcheck\":\"true\",\"aria-label\":\"Address Address Three\",\"rules\":\"max:255\"},model:{value:(_vm.formData.AddressThree),callback:function ($$v) {_vm.$set(_vm.formData, \"AddressThree\", $$v)},expression:\"formData.AddressThree\"}})],1):_vm._e()]),_c('div',{staticClass:\"column is-half\"},[(_vm.foreignAddress == false)?_c('div',{staticClass:\"column is-12\"},[_c('valid-input',{staticClass:\"is-small\",staticStyle:{\"width\":\"50px !important\"},attrs:{\"name\":\"city\",\"label\":\"City\",\"maxlength\":\"50\",\"type\":\"text\",\"vid\":\"city\",\"placeholder\":\"City\",\"spellcheck\":\"true\",\"aria-label\":\"City\",\"rules\":\"max:255\"},model:{value:(_vm.formData.City),callback:function ($$v) {_vm.$set(_vm.formData, \"City\", $$v)},expression:\"formData.City\"}})],1):_vm._e(),(_vm.statesList && _vm.foreignAddress == false)?_c('div',{staticClass:\"column is-12\"},[_c('valid-select',{attrs:{\"label\":\"State\",\"placeholder\":\"States\",\"vid\":\"State\"},model:{value:(_vm.formData.State),callback:function ($$v) {_vm.$set(_vm.formData, \"State\", $$v)},expression:\"formData.State\"}},_vm._l((_vm.statesList),function(option){return _c('option',{key:option.value,domProps:{\"value\":option.value}},[_vm._v(_vm._s(option.label))])}),0)],1):_vm._e(),(_vm.foreignAddress == false)?_c('div',{staticClass:\"column is-12\"},[_c('valid-input',{staticClass:\"is-small\",staticStyle:{\"width\":\"50px !important\"},attrs:{\"name\":\"postalCode\",\"label\":\"PostalCode\",\"maxlength\":\"50\",\"type\":\"text\",\"vid\":\"postalCode\",\"placeholder\":\"PostalCode\",\"spellcheck\":\"true\",\"aria-label\":\"PostalCode\",\"rules\":\"max:255\"},model:{value:(_vm.formData.PostalCode),callback:function ($$v) {_vm.$set(_vm.formData, \"PostalCode\", $$v)},expression:\"formData.PostalCode\"}})],1):_vm._e()])]),_c('fieldset',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-half pl-5\"},[_c('b-checkbox',{staticClass:\"has-left-text\",nativeOn:{\"click\":function($event){_vm.foreignAddress = !_vm.foreignAddress}},model:{value:(_vm.formData.ForeignAddress),callback:function ($$v) {_vm.$set(_vm.formData, \"ForeignAddress\", $$v)},expression:\"formData.ForeignAddress\"}},[_vm._v(\"Foreign\")])],1),_c('div',{staticClass:\"column is-half float-right pr-1\",staticStyle:{\"padding-right\":\"20px !important\"}},[_c('button',{staticClass:\"button is-primary is-rounded float-right\",attrs:{\"type\":\"submit\",\"disabled\":_vm.loading}},[_vm._v(\" Save Changes \")])]),_c('ValidationProvider',{attrs:{\"vid\":\"providerErrors\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                var errors = ref.errors;\nreturn [_c('div',{staticClass:\"field\"},[_c('span',[_vm._v(_vm._s(errors[0]))])])]}}],null,true)})],1)])])]}}],null,false,2792761006)})],1)]):_c('div',[_c('div',{staticClass:\"title\"},[_vm._v(\"Mailing Address\")]),_c('div',{staticClass:\"force-center\"},[_c('b-notification',{attrs:{\"type\":\"is-info is-light\",\"has-icon\":\"\",\"aria-close-label\":\"Close notification\"}},[_vm._v(\" HOA communications are currently being sent to the property address \")]),_c('h5',{staticClass:\"subtitle pb-5\"},[_vm._v(\"No mailing address on file\")]),_c('div',[_c('b-button',{attrs:{\"type\":\"button is-primary\"},on:{\"click\":function($event){$event.preventDefault();return _vm.showAdd()}}},[_vm._v(\"Add Mailing Address\")])],1)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <PageContentLayoutOnly>\r\n    <div\r\n      class=\"tile is-parent is-12\"\r\n      :style=\"{ display: 'flex', textAlign: 'center', marginTop: '-50px' }\"\r\n    >\r\n      <div\r\n        v-if=\"\r\n          (mailingAddress &&\r\n            mailingAddress != undefined &&\r\n            mailingAddress.addressID &&\r\n            mailingAddress.addressOne) ||\r\n            showAddMailingAddress == true\r\n        \"\r\n      >\r\n        <div class=\"columns\">\r\n          <div class=\"column is-center pt-5 pr-6\">\r\n            <button\r\n              type=\"button\"\r\n              :disabled=\"loading\"\r\n              class=\"button is-text float-right\"\r\n              @click.prevent=\"removeMailingAddress(mailingAddress.addressID)\"\r\n            >\r\n              Remove Mailing Address\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <article class=\"tile is-child notification is-12\">\r\n          <ValidationObserver ref=\"form\" v-slot=\"{ handleSubmit }\">\r\n            <transition name=\"fade\" mode=\"out-in\" appear>\r\n              <form\r\n                @submit.prevent=\"handleSubmit(onFormSubmit)\"\r\n                class=\"form\"\r\n                :style=\"{ textAlign: 'left' }\"\r\n              >\r\n                <fieldset\r\n                  class=\"columns\"\r\n                  :style=\"{\r\n                    ...(breakpoint === 'desktop'\r\n                      ? {}\r\n                      : {\r\n                          width: '100%'\r\n                        })\r\n                  }\"\r\n                >\r\n                  <div class=\"column is-half\">\r\n                    <div class=\"column is-12\" :style=\"inputStyle\">\r\n                      <valid-input\r\n                        style=\"width:50px !important;\"\r\n                        name=\"addressOne\"\r\n                        label=\"Street Address\"\r\n                        maxlength=\"50\"\r\n                        type=\"text\"\r\n                        vid=\"addressOne\"\r\n                        placeholder=\"Street Address\"\r\n                        spellcheck=\"true\"\r\n                        aria-label=\"Year\"\r\n                        rules=\"required|max:255\"\r\n                        class=\"is-small\"\r\n                        v-model=\"formData.AddressOne\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"column is-12\" :style=\"inputStyle\">\r\n                      <valid-input\r\n                        style=\"width:50px !important;\"\r\n                        name=\"addressTwo\"\r\n                        label=\"Street Address Two\"\r\n                        maxlength=\"50\"\r\n                        type=\"text\"\r\n                        vid=\"addressTwo\"\r\n                        placeholder=\"Street Address Two\"\r\n                        spellcheck=\"true\"\r\n                        aria-label=\"Year\"\r\n                        rules=\"max:255\"\r\n                        class=\"is-small\"\r\n                        v-model=\"formData.AddressTwo\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"column is-12\" :style=\"inputStyle\" v-if=\"foreignAddress == true\">\r\n                      <valid-input\r\n                        style=\"width:50px !important;\"\r\n                        name=\"AddressThree\"\r\n                        label=\"Street Address Three\"\r\n                        maxlength=\"255\"\r\n                        vid=\"AddressThree\"\r\n                        placeholder=\"Street Address Three\"\r\n                        spellcheck=\"true\"\r\n                        aria-label=\"Address Address Three\"\r\n                        rules=\"max:255\"\r\n                        class=\"is-small\"\r\n                        v-model=\"formData.AddressThree\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"column is-half\">\r\n                    <div class=\"column is-12\" v-if=\"foreignAddress == false\">\r\n                      <valid-input\r\n                        style=\"width:50px !important;\"\r\n                        name=\"city\"\r\n                        label=\"City\"\r\n                        maxlength=\"50\"\r\n                        type=\"text\"\r\n                        vid=\"city\"\r\n                        placeholder=\"City\"\r\n                        spellcheck=\"true\"\r\n                        aria-label=\"City\"\r\n                        rules=\"max:255\"\r\n                        class=\"is-small\"\r\n                        v-model=\"formData.City\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"column is-12\" v-if=\"statesList && foreignAddress == false\">\r\n                      <valid-select\r\n                        label=\"State\"\r\n                        placeholder=\"States\"\r\n                        vid=\"State\"\r\n                        v-model=\"formData.State\"\r\n                      >\r\n                        <option\r\n                          v-for=\"option in statesList\"\r\n                          :value=\"option.value\"\r\n                          :key=\"option.value\"\r\n                          >{{ option.label }}</option\r\n                        >\r\n                      </valid-select>\r\n                    </div>\r\n                    <div class=\"column is-12\" v-if=\"foreignAddress == false\">\r\n                      <valid-input\r\n                        style=\"width:50px !important;\"\r\n                        name=\"postalCode\"\r\n                        label=\"PostalCode\"\r\n                        maxlength=\"50\"\r\n                        type=\"text\"\r\n                        vid=\"postalCode\"\r\n                        placeholder=\"PostalCode\"\r\n                        spellcheck=\"true\"\r\n                        aria-label=\"PostalCode\"\r\n                        rules=\"max:255\"\r\n                        class=\"is-small\"\r\n                        v-model=\"formData.PostalCode\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </fieldset>\r\n                <fieldset class=\"columns\">\r\n                  <div class=\"column is-half pl-5\">\r\n                    <b-checkbox\r\n                      class=\"has-left-text\"\r\n                      v-model=\"formData.ForeignAddress\"\r\n                      @click.native=\"foreignAddress = !foreignAddress\"\r\n                      >Foreign</b-checkbox\r\n                    >\r\n                  </div>\r\n                  <div\r\n                    class=\"column is-half float-right pr-1\"\r\n                    style=\"padding-right: 20px !important;\"\r\n                  >\r\n                    <button\r\n                      type=\"submit\"\r\n                      :disabled=\"loading\"\r\n                      class=\"button is-primary is-rounded float-right\"\r\n                    >\r\n                      Save Changes\r\n                    </button>\r\n                  </div>\r\n                  <ValidationProvider vid=\"providerErrors\" v-slot=\"{ errors }\">\r\n                    <div class=\"field\">\r\n                      <span>{{ errors[0] }}</span>\r\n                    </div>\r\n                  </ValidationProvider>\r\n                </fieldset>\r\n              </form>\r\n            </transition>\r\n          </ValidationObserver>\r\n        </article>\r\n      </div>\r\n      <div v-else>\r\n        <div class=\"title\">Mailing Address</div>\r\n        <div class=\"force-center\">\r\n          <b-notification type=\"is-info is-light\" has-icon aria-close-label=\"Close notification\">\r\n            HOA communications are currently being sent to the property address\r\n          </b-notification>\r\n          <h5 class=\"subtitle pb-5\">No mailing address on file</h5>\r\n          <div>\r\n            <b-button @click.prevent=\"showAdd()\" type=\"button is-primary\"\r\n              >Add Mailing Address</b-button\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </PageContentLayoutOnly>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapGetters } from 'vuex'\r\nimport { ValidationObserver, ValidationProvider } from 'vee-validate'\r\nimport { ValidationError } from '@/services/errors'\r\nimport PageContentLayoutOnly from '@/containers/PageContentLayoutOnly'\r\nimport kms from '@/services/kms'\r\nimport { notifyError, notifyMessage } from '@/services/notify'\r\nimport _get from 'lodash/get'\r\nimport moment from 'moment'\r\n\r\n// components\r\nimport ValidInput from '@/components/inputs/ValidInput'\r\nimport ValidSelect from '@/components/inputs/ValidSelect'\r\n\r\nlet DEFAULT_FORM_VALUES = {\r\n  ownerId: 0,\r\n  addressID: 0,\r\n  addressOne: '',\r\n  addressTwo: '',\r\n  addressThree: '',\r\n  city: '',\r\n  state: '',\r\n  postalCode: '',\r\n  foreignAddress: false\r\n}\r\n\r\nexport const defaultDateFormat = 'MM/dd/yyyy'\r\n\r\nexport default {\r\n  name: 'MailingAddressTab',\r\n  components: {\r\n    PageContentLayoutOnly,\r\n    ValidInput,\r\n    ValidSelect,\r\n    ValidationObserver,\r\n    ValidationProvider\r\n  },\r\n\r\n  data: function() {\r\n    return {\r\n      isDebug: true,\r\n      formComplete: false,\r\n      formData: {\r\n        ...DEFAULT_FORM_VALUES\r\n      },\r\n      loading: false,\r\n      toggle: false,\r\n      confirmModal: false,\r\n      formatDateFn: function(value) {\r\n        return value != null ? moment(value, 'YYYY/MM/DD HH:mm:ss').format('MM-DD-YYYY') : ''\r\n      },\r\n      formatFn: function(value) {\r\n        return value != null ? value : ''\r\n      },\r\n      formatNumberFn: function(value) {\r\n        return value != null ? value : 0\r\n      },\r\n      selectedRow: null,\r\n      mailingAddress: {},\r\n      showAddMailingAddress: false,\r\n      foreignAddress: false,\r\n      inputStyle: '',\r\n      ownerId: 0,\r\n      unitID: 0\r\n    }\r\n  },\r\n\r\n  created() {},\r\n\r\n  computed: {\r\n    ...mapState({\r\n      breakpoint: state => state.win.breakpoint\r\n    }),\r\n    ...mapGetters('unit', ['statesList']),\r\n    ...mapGetters('user', ['currentHoaId'])\r\n  },\r\n\r\n  mounted() {\r\n    this.$store.dispatch('unit/getStatesList', {\r\n      useAbbreviated: true\r\n    })\r\n\r\n    this.unitID = this.$route.params.id\r\n    this.ownerId = _get(this, '$store.state.hoa.unit.primaryOwner.ownerID', null)\r\n\r\n    this.getRefreshedMailingAddress()\r\n  },\r\n\r\n  watch: {\r\n    currentHoaId() {\r\n      this.getRefreshedMailingAddress()\r\n    },\r\n\r\n    ownerId() {\r\n      this.getRefreshedMailingAddress()\r\n    },\r\n\r\n    foreignAddress() {\r\n      this.processForeignAddress()\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    confirmDeleteMailingAddress(id) {\r\n      this.$buefy.dialog.confirm({\r\n        title: 'Deleting Mailing Address',\r\n        message: `Are you sure you want to <b>delete</b> this mailing address?`,\r\n        confirmText: 'Delete Mailing Address',\r\n        type: 'is-danger',\r\n        hasIcon: true,\r\n        onConfirm: () => this.deleteMailingAddress(id)\r\n      })\r\n    },\r\n\r\n    reload() {\r\n      this.getRefreshedMailingAddress()\r\n    },\r\n\r\n    showAdd() {\r\n      this.showAddMailingAddress = true\r\n    },\r\n\r\n    processForeignAddress() {\r\n      if (this.foreignAddress == true) {\r\n        this.inputStyle = 'min-width: 600px !important;'\r\n      } else {\r\n        this.inputStyle = ''\r\n      }\r\n    },\r\n\r\n    async getRefreshedMailingAddress() {\r\n      this.loading = true\r\n      if (this.isDebug == true) console.debug('getRefreshedMailingAddress=' + this.ownerId)\r\n\r\n      if (this.ownerId && this.ownerId != undefined) {\r\n        const path = `/Roster/Owner/${this.ownerId}`\r\n        const result = await kms.get(path)\r\n\r\n        if (result && result != undefined) {\r\n          console.log('mailing address result = ' + JSON.stringify(result))\r\n          this.mailingAddress = result.mailingAddress\r\n\r\n          this.formData.AddressOne = result.mailingAddress.addressOne\r\n          this.formData.AddressTwo = result.mailingAddress.addressTwo\r\n          this.formData.AddressThree = result.mailingAddress.addressThree\r\n          this.formData.City = result.mailingAddress.city\r\n          this.formData.State = result.mailingAddress.state\r\n          this.formData.PostalCode = result.mailingAddress.postalCode\r\n          this.formData.addressID = this.mailingAddress.addressID\r\n          this.formData.ownerID = this.ownerId\r\n          this.formData.ForeignAddress = this.mailingAddress.foreignAddress\r\n          this.foreignAddress = this.formData.ForeignAddress\r\n        }\r\n\r\n        this.processForeignAddress()\r\n\r\n        if (this.isDebug == true)\r\n          console.debug('filtered mailing address result=' + JSON.stringify(this.mailingAddress))\r\n      }\r\n      this.showAddMailingAddress = false\r\n\r\n      this.loading = false\r\n    },\r\n    async removeMailingAddress(id) {\r\n      if (id <= 0 || !this.ownerId) {\r\n        notifyError('Unable to remove this mailing address.')\r\n        return\r\n      }\r\n\r\n      const payload = {\r\n        addressID: null,\r\n        addressOne: null\r\n      }\r\n\r\n      this.loading = true\r\n\r\n      try {\r\n        const path = `/Roster/Owner/UpdateMailingAddress?ownerID=${this.ownerId}`\r\n        let results = null\r\n\r\n        results = await kms.put(path, payload)\r\n\r\n        if (this.isDebug == true) console.debug(JSON.stringify(results))\r\n\r\n        if (results && results.ownerID >= 0) {\r\n          notifyMessage(`The mailing address was successfully removed.`)\r\n          setTimeout(() => {\r\n            this.getRefreshedMailingAddress()\r\n          }, 2000)\r\n        } else {\r\n          notifyError('There was a problem removing the mailing address.')\r\n        }\r\n      } catch (e) {\r\n        notifyError(e)\r\n      }\r\n\r\n      this.loading = false\r\n    },\r\n    getPayload() {\r\n      if (this.isDebug == true) console.debug('this.formData=' + JSON.stringify(this.formData))\r\n\r\n      const payload = {\r\n        addressID: this.formData.addressID,\r\n        addressOne:\r\n          this.formData.AddressOne && this.formData.AddressOne != undefined\r\n            ? this.formData.AddressOne\r\n            : null,\r\n        addressTwo:\r\n          this.formData.AddressTwo && this.formData.AddressTwo != undefined\r\n            ? this.formData.AddressTwo\r\n            : null,\r\n        addressThree:\r\n          this.formData.AddressThree &&\r\n          this.formData.AddressThree != undefined &&\r\n          this.foreignAddress == true\r\n            ? this.formData.AddressThree\r\n            : null,\r\n        city:\r\n          this.formData.City && this.formData.City != undefined && this.foreignAddress == false\r\n            ? this.formData.City\r\n            : null,\r\n        state:\r\n          this.formData.State && this.formData.State != undefined && this.foreignAddress == false\r\n            ? this.formData.State\r\n            : null,\r\n        postalCode:\r\n          this.formData.PostalCode &&\r\n          this.formData.PostalCode != undefined &&\r\n          this.foreignAddress == false\r\n            ? this.formData.PostalCode\r\n            : null,\r\n        foreignAddress: this.foreignAddress,\r\n        ownerID: this.ownerId\r\n      }\r\n\r\n      if (this.isDebug == true) console.debug('payload=' + JSON.stringify(payload))\r\n\r\n      return payload\r\n    },\r\n    async onFormSubmit() {\r\n      if (\r\n        !this.formData ||\r\n        this.formData == undefined ||\r\n        !this.ownerId ||\r\n        this.ownerId == undefined ||\r\n        this.ownerId <= 0\r\n      ) {\r\n        notifyError('There was a problem submitting your form.')\r\n        return\r\n      }\r\n\r\n      this.loading = true\r\n      try {\r\n        const path = `/Roster/Owner/UpdateMailingAddress?ownerID=${this.ownerId}`\r\n        let results = null\r\n\r\n        results = await kms.put(path, this.getPayload())\r\n\r\n        if (this.isDebug == true) console.debug(JSON.stringify(results))\r\n\r\n        if (results && results.ownerID >= 0) {\r\n          notifyMessage(`The mailing address was successfully saved.`)\r\n          this.getRefreshedMailingAddress()\r\n        } else {\r\n          notifyError('There was a problem saving the mailing address.')\r\n        }\r\n      } catch (e) {\r\n        // If this is a validation error, get the details for each field\r\n        if (e instanceof ValidationError) {\r\n          this.$refs.form.setErrors(e.fields)\r\n        }\r\n\r\n        notifyError('There was a problem saving the mailing address.')\r\n      }\r\n      this.loading = false\r\n      this.toggle = false\r\n      this.formComplete = true\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  },\r\n\r\n  i18n: {\r\n    messages: {\r\n      en: { mailingAddress: { mailingAddressTitle: 'Mailing Address' } }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.my-grid-class {\r\n  height: 400px;\r\n}\r\n\r\ntbody {\r\n  min-height: 100px !important;\r\n  overflow: auto !important;\r\n}\r\n\r\n.my-grid-class {\r\n  height: 400px;\r\n}\r\n\r\ntbody {\r\n  min-height: 100px !important;\r\n  overflow: auto !important;\r\n}\r\n\r\n.col {\r\n  margin: 2px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 50% !important;\r\n}\r\n\r\n.item-container {\r\n  font-weight: bold;\r\n  padding: 2px;\r\n  margin: 2px;\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=70e99d1f&\"\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&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":""}