'\r\n }\r\n\r\n if (validationMessages != '') {\r\n notifyError(validationMessages)\r\n loadingComponent.close()\r\n return\r\n }\r\n\r\n this.loading = true\r\n\r\n await outstandingPayment.dispatch('addSendPayment', {\r\n payload: params,\r\n done: ({ invalidMessage }) => {\r\n if (invalidMessage !== undefined && invalidMessage && invalidMessage.length > 0) {\r\n notifyError(invalidMessage)\r\n loadingComponent.close()\r\n return\r\n } else {\r\n this.loading = false\r\n loadingComponent.close()\r\n this.returnToParent()\r\n }\r\n\r\n loadingComponent.close()\r\n }\r\n })\r\n } else if (this.formData.paymentMethodType == 'creditcard') {\r\n //Validate credit card number with luhn\r\n var isValid = luhn.validate(this.formData.creditCardNumber)\r\n\r\n if (isValid == false) {\r\n notifyError('Please enter a valid credit card number.')\r\n loadingComponent.close()\r\n return\r\n }\r\n\r\n const lastFourDigits = this.formData.creditCardNumber\r\n .toString()\r\n .slice(\r\n this.formData.creditCardNumber.toString().length - 4,\r\n this.formData.creditCardNumber.toString().length\r\n )\r\n\r\n if (\r\n this.$refs.cardExpirationDateComponent &&\r\n this.$refs.cardExpirationDateComponent != undefined\r\n ) {\r\n this.formData.expirationDate = this.$refs.cardExpirationDateComponent.getValue()\r\n\r\n if (!this.formData.expirationDate || this.formData.expirationDate == undefined) {\r\n notifyError('The expiration date is required.')\r\n loadingComponent.close()\r\n return\r\n }\r\n\r\n const today = moment()\r\n if (moment(this.formData.expirationDate) < today) {\r\n notifyError('The expiration date must be greater than the current date.')\r\n loadingComponent.close()\r\n return\r\n }\r\n }\r\n\r\n const zipCode = this.formData.zipCode.toString()\r\n\r\n const registerParams = {\r\n account_number: this.formData.creditCardNumber || '',\r\n method: 'credit_card'\r\n }\r\n\r\n await outstandingPayment\r\n .dispatch('registerOneTimeToken', {\r\n params: registerParams,\r\n jwt: this.requestJwtToken,\r\n amount: this.formData.paymentAmountRaw || 0,\r\n name: this.formData.cardHolderName || '',\r\n expMonth: this.formData.expirationDate.month || '',\r\n expYear: this.formData.expirationDate.year || '',\r\n cvv: this.formData.cvc || ''\r\n })\r\n .then(async ({ result }) => {\r\n if (result && result.status !== undefined && result.status) {\r\n notifyError(result.status)\r\n loadingComponent.close()\r\n return\r\n } else if (result) {\r\n const selectedOwnerUser = this.authUser.ownerUsers.filter(\r\n f => f.ownerID === this.currentOwnerId\r\n )\r\n\r\n const params = {\r\n method: 'card_token',\r\n ownerUserID:\r\n selectedOwnerUser[0] !== undefined && selectedOwnerUser[0]\r\n ? selectedOwnerUser[0].ownerUserID\r\n : this.authUser.ownerUserID,\r\n paymentMethodType: 'Credit Card',\r\n lastFourDigits: lastFourDigits,\r\n paymentAmount: this.formData.paymentAmountRaw || 0,\r\n token: result.token_number || '',\r\n tokenType: result.token_type || '',\r\n cardHolderName: this.formData.cardHolderName || '',\r\n expMonth: this.formData.expirationDate.month || '',\r\n expYear: this.formData.expirationDate.year || '',\r\n savePaymentMethod: this.formData.addCreditCardPaymentMethod || false,\r\n accountAlias: this.formData.accountAliasCreditCard || '',\r\n postalCode: zipCode || ''\r\n }\r\n\r\n //Register a second one-time token for saving this payment method\r\n await outstandingPayment\r\n .dispatch('registerOneTimeToken', {\r\n params: registerParams,\r\n jwt: this.requestJwtToken,\r\n amount: this.formData.paymentAmountRaw || 0,\r\n name: this.formData.cardHolderName || '',\r\n expMonth: this.formData.expirationDate.month || '',\r\n expYear: this.formData.expirationDate.year || '',\r\n cvv: this.formData.cvc || ''\r\n })\r\n .then(async ({ result }) => {\r\n if (result && result.status !== undefined && result.status) {\r\n notifyError(result.status)\r\n loadingComponent.close()\r\n return\r\n } else if (result) {\r\n params.savePaymentToken = result.token_number\r\n\r\n await outstandingPayment.dispatch('addOneTimeCreditCardPayment', {\r\n payload: params,\r\n done: ({ invalidMessage }) => {\r\n if (\r\n invalidMessage !== undefined &&\r\n invalidMessage &&\r\n invalidMessage.length > 0\r\n ) {\r\n notifyError(invalidMessage)\r\n loadingComponent.close()\r\n return\r\n } else {\r\n this.loading = false\r\n loadingComponent.close()\r\n this.returnToParent()\r\n }\r\n\r\n loadingComponent.close()\r\n }\r\n })\r\n }\r\n })\r\n }\r\n })\r\n } else if (this.formData.paymentMethodType == 'bankaccount') {\r\n if (this.formData.accountNumber.length < 5 || this.formData.accountNumber.length > 17) {\r\n notifyError('Please enter five to seventeen numbers for the account number.')\r\n loadingComponent.close()\r\n return\r\n }\r\n\r\n if (isNumeric({ n: this.formData.accountNumber }) == false) {\r\n notifyError('Please enter only numbers for the account number.')\r\n loadingComponent.close()\r\n return\r\n }\r\n\r\n if (this.formData.routingNumber.length != 9) {\r\n notifyError('Please enter 9 numbers for the routing number.')\r\n loadingComponent.close()\r\n return\r\n }\r\n\r\n if (isNumeric({ n: this.formData.routingNumber }) == false) {\r\n notifyError('Please enter only numbers for the routing number.')\r\n loadingComponent.close()\r\n return\r\n }\r\n\r\n const lastFourDigits = this.formData.accountNumber\r\n .toString()\r\n .slice(\r\n this.formData.accountNumber.toString().length - 4,\r\n this.formData.accountNumber.toString().length\r\n )\r\n\r\n const registerParams = {\r\n account_number: this.formData.accountNumber || '',\r\n routing_number: this.formData.routingNumber || '',\r\n bank_account_type: this.formData.accountType || '',\r\n method: 'echeck'\r\n }\r\n\r\n await outstandingPayment\r\n .dispatch('registerOneTimeToken', {\r\n params: registerParams,\r\n jwt: this.requestJwtToken,\r\n amount: this.formData.paymentAmountRaw || 0,\r\n name: this.formData.cardHolderName || ''\r\n })\r\n .then(async ({ result }) => {\r\n if (result && result.status !== undefined && result.status) {\r\n notifyError(result.status)\r\n loadingComponent.close()\r\n return\r\n } else if (result) {\r\n const selectedOwnerUser = this.authUser.ownerUsers.filter(\r\n f => f.ownerID === this.currentOwnerId\r\n )\r\n\r\n const params = {\r\n method: 'echeck',\r\n ownerUserID:\r\n selectedOwnerUser[0] !== undefined && selectedOwnerUser[0]\r\n ? selectedOwnerUser[0].ownerUserID\r\n : this.authUser.ownerUserID,\r\n paymentMethodType: 'Bank Account',\r\n lastFourDigits: lastFourDigits,\r\n token: result.token_number || '',\r\n tokenType: result.token_type || '',\r\n paymentAmount: this.formData.paymentAmountRaw || 0,\r\n accountType: this.formData.accountType || '',\r\n accountHolderName: this.formData.accountHolderName || '',\r\n savePaymentMethod: this.formData.addBankPaymentMethod || false,\r\n accountAlias: this.formData.accountAliasBankAccount || ''\r\n }\r\n outstandingPayment\r\n .dispatch('registerOneTimeToken', {\r\n params: registerParams,\r\n jwt: this.requestJwtToken,\r\n amount: this.formData.paymentAmountRaw || 0,\r\n name: this.formData.cardHolderName || ''\r\n })\r\n .then(async ({ result }) => {\r\n if (result && result.status !== undefined && result.status) {\r\n notifyError(result.status)\r\n loadingComponent.close()\r\n return\r\n } else if (result) {\r\n params.savePaymentToken = result.token_number\r\n\r\n await outstandingPayment.dispatch('addOneTimeBankAccountPayment', {\r\n payload: params,\r\n done: ({ invalidMessage }) => {\r\n if (\r\n invalidMessage !== undefined &&\r\n invalidMessage &&\r\n invalidMessage.length > 0\r\n ) {\r\n notifyError(invalidMessage)\r\n loadingComponent.close()\r\n return\r\n } else {\r\n this.loading = false\r\n loadingComponent.close()\r\n this.returnToParent()\r\n }\r\n\r\n loadingComponent.close()\r\n }\r\n })\r\n }\r\n })\r\n }\r\n })\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 loadingComponent.close()\r\n\r\n notifyError('There was a problem sending your payment.' + e)\r\n }\r\n this.loading = false\r\n loadingComponent.close()\r\n }\r\n}\r\n","/*\r\n Example:\r\n import parseStreet from '@/utilities/address/parseStreet'\r\n\r\n const parsedStreet = parseStreet ({\r\n address: {\r\n addressOne\r\n addressTwo\r\n\r\n foreignAddress\r\n\r\n // foreign address fields\r\n addressThree\r\n addressFour\r\n addressFive\r\n\r\n // USA address fields\r\n city\r\n state\r\n postalCode\r\n }\r\n })\r\n*/\r\n\r\nimport _get from 'lodash/get'\r\n\r\nexport default ({ address }) => {\r\n if (typeof address !== 'object' || address === null) {\r\n return ''\r\n }\r\n\r\n /*\r\n false -> USA Address\r\n addressOne\r\n addressTwo (if non-empty)\r\n city, state postalCode\r\n\r\n true -> foreign\r\n addressOne\r\n addressTwo\r\n addressThree\r\n addressFour (if non-empty)\r\n addressFive (if non-empty)\r\n */\r\n var isForeign = _get(address, 'foreignAddress', false)\r\n\r\n if (!isForeign) {\r\n let _address = _get(address, 'addressOne', '')\r\n\r\n if (_address && _address.length > 0) {\r\n _address\r\n }\r\n\r\n const addressTwo = _get(address, 'addressTwo', null)\r\n if (typeof addressTwo === 'string' && addressTwo.length > 0) {\r\n _address += ', ' + addressTwo\r\n }\r\n\r\n const addressLine1 = _get(address, 'addressLine1', '')\r\n if (typeof addressLine1 === 'string' && addressLine1.length > 0) {\r\n _address += ' ' + addressLine1\r\n }\r\n\r\n const addressLine2 = _get(address, 'addressLine2', '')\r\n if (typeof addressLine2 === 'string' && addressLine2.length > 0) {\r\n _address += ', ' + addressLine2\r\n }\r\n\r\n return _address\r\n } else {\r\n let _address = _get(address, 'addressOne', '')\r\n const addressTwo = _get(address, 'addressTwo', '')\r\n const addressThree = _get(address, 'addressThree', '')\r\n const addressFour = _get(address, 'addressFour', '')\r\n const addressFive = _get(address, 'addressFive', '')\r\n\r\n if (typeof addressTwo === 'string' && addressTwo.length > 0) {\r\n _address += ' ' + addressTwo\r\n }\r\n if (typeof addressThree === 'string' && addressThree.length > 0) {\r\n _address += ' ' + addressThree\r\n }\r\n if (typeof addressFour === 'string' && addressFour.length > 0) {\r\n _address += ' ' + addressFour\r\n }\r\n if (typeof addressFive === 'string' && addressFive.length > 0) {\r\n _address += ' ' + addressFive\r\n }\r\n\r\n return _address\r\n }\r\n}\r\n","/*\r\n Example:\r\n import parseCityStateZip from '@/utilities/address/parseCityStateZip'\r\n\r\n const parsedAddress = parseCityStateZip ({\r\n address: {\r\n // USA address fields\r\n city\r\n state\r\n postalCode\r\n }\r\n })\r\n*/\r\n\r\nimport _get from 'lodash/get'\r\n\r\nexport default ({ address }) => {\r\n if (typeof address !== 'object' || address === null) {\r\n // console.error('address/parse can only parse addresses that are iterable objects, got', address)\r\n return ''\r\n }\r\n\r\n /*\r\n false -> USA Address\r\n city, state postalCode\r\n\r\n */\r\n var isForeign = _get(address, 'foreignAddress', false)\r\n\r\n if (!isForeign) {\r\n let _address = ''\r\n\r\n const city = _get(address, 'city', null)\r\n if (typeof city === 'string') {\r\n _address += ' ' + city + ','\r\n }\r\n\r\n const state = _get(address, 'state', null)\r\n if (typeof state === 'string') {\r\n _address += ' ' + state\r\n }\r\n\r\n const postalCode = _get(address, 'postalCode', null)\r\n if (typeof postalCode === 'string') {\r\n _address += ' ' + postalCode\r\n }\r\n\r\n const zip = _get(address, 'zip', null)\r\n if (typeof zip === 'string') {\r\n _address += ' ' + zip\r\n }\r\n\r\n return _address\r\n }\r\n}\r\n","\r\n \r\n
\r\n
\r\n
{{ $t('payOutstandingBalance.title') }}
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Add Payment Method\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n Save this Payment Method?\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n {{ option.label }}\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n Save this Payment Method?\r\n
\r\n \r\n \r\n
Standard fees will apply for credit and bank transactions
\r\n
\r\n \r\n Send Payment\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n\r\n\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!./PayOutstandingBalance.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!./PayOutstandingBalance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PayOutstandingBalance.vue?vue&type=template&id=3cde49d4&\"\nimport script from \"./PayOutstandingBalance.vue?vue&type=script&lang=js&\"\nexport * from \"./PayOutstandingBalance.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","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&\"","/*\r\n Example:\r\n import { parseDate } from '@/utilities/Date/parse'\r\n\r\n const parsedDate = parseDate (date, 'LL');\r\n*/\r\nimport moment from 'moment'\r\n\r\nexport const parseDate = (date, format = 'LL') => {\r\n if (typeof date !== 'string') {\r\n console.debug(`parseDate can only parse a date string. got:`, { date })\r\n return date\r\n }\r\n\r\n try {\r\n const parsed = moment(date)\r\n if (parsed.isValid()) {\r\n date = moment(date).format(format)\r\n }\r\n } catch (exception) {\r\n if (exception && exception.message) {\r\n console.error(exception.message)\r\n } else {\r\n console.error(exception)\r\n }\r\n }\r\n\r\n return date\r\n}\r\n","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 compareAscending = require('./_compareAscending');\n\n/**\n * Used by `_.orderBy` to compare multiple properties of a value to another\n * and stable sort them.\n *\n * If `orders` is unspecified, all values are sorted in ascending order. Otherwise,\n * specify an order of \"desc\" for descending or \"asc\" for ascending sort order\n * of corresponding values.\n *\n * @private\n * @param {Object} object The object to compare.\n * @param {Object} other The other object to compare.\n * @param {boolean[]|string[]} orders The order to sort by for each property.\n * @returns {number} Returns the sort order indicator for `object`.\n */\nfunction compareMultiple(object, other, orders) {\n var index = -1,\n objCriteria = object.criteria,\n othCriteria = other.criteria,\n length = objCriteria.length,\n ordersLength = orders.length;\n\n while (++index < length) {\n var result = compareAscending(objCriteria[index], othCriteria[index]);\n if (result) {\n if (index >= ordersLength) {\n return result;\n }\n var order = orders[index];\n return result * (order == 'desc' ? -1 : 1);\n }\n }\n // Fixes an `Array#sort` bug in the JS engine embedded in Adobe applications\n // that causes it, under certain circumstances, to provide the same value for\n // `object` and `other`. See https://github.com/jashkenas/underscore/pull/1247\n // for more details.\n //\n // This also ensures a stable sort in V8 and other engines.\n // See https://bugs.chromium.org/p/v8/issues/detail?id=90 for more details.\n return object.index - other.index;\n}\n\nmodule.exports = compareMultiple;\n","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 }","\r\n
\r\n
\r\n
\r\n \r\n {{ tab.label }}\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n\r\n\r\n\r\n\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 ((_vm.visible && _vm.visible === true) || _vm.visible === undefined)?_c('b-button',{class:_vm.isprimary !== undefined && _vm.isprimary === true\n ? 'button is-primary is-small is-outline is-rounded'\n : 'button is-info is-light is-small is-outline is-rounded',attrs:{\"title\":_vm.tooltip,\"disabled\":_vm.disabled && _vm.disabled !== undefined && _vm.disabled === true},on:{\"click\":function($event){$event.preventDefault();return _vm.onClick.apply(null, arguments)}}},[_vm._v(_vm._s(_vm.text))]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n {{ text }}\r\n\r\n\r\n\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=036d99d6&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","/*\r\n\timport { ownerPaymentMethod } from '@/services/OwnerPaymentMethods/store';\r\n*/\r\n\r\nimport Vue from 'vue'\r\nimport Vuex from 'vuex'\r\nimport _get from 'lodash/get'\r\nimport kms from '@/services/kms'\r\nimport { notifyProblem, notifyError, notifyMessage } from '@/services/notify'\r\n\r\nconst isDebug = true\r\n\r\n/* eslint-disable no-empty-pattern */\r\nconst actions = {\r\n /*\r\n const { list } = await ownerPaymentMethod.dispatch ('getOwnerPaymentMethods', {\r\n hoaId\r\n });\r\n */\r\n async getOwnerPaymentMethods({}, { params }) {\r\n if (isDebug == true) console.debug('getOwnerPaymentMethods=' + JSON.stringify(params))\r\n try {\r\n const result = await kms.get(`/Roster/OwnerPaymentMethod/List`, {\r\n params\r\n })\r\n\r\n let list = _get(result, 'results', [])\r\n if (!Array.isArray(list)) {\r\n list = []\r\n }\r\n\r\n return {\r\n list: list\r\n }\r\n } catch (exception) {\r\n notifyProblem(`The owner payment method list could not be retrieved.`)\r\n console.error(exception)\r\n }\r\n\r\n return {\r\n list: []\r\n }\r\n },\r\n\r\n async deleteOwnerPaymentMethod({ dispatch }, { ownerPaymentMethodID, done }) {\r\n try {\r\n const path = `/Roster/OwnerPaymentMethod/${ownerPaymentMethodID}?forceDelete=false`\r\n\r\n const results = await kms.delete(path)\r\n\r\n if (isDebug == true) console.debug('results=' + JSON.stringify(results))\r\n\r\n if (dispatch && dispatch != undefined) console.debug(dispatch)\r\n\r\n const wasDeleted = _get(results, 'deleted', false)\r\n\r\n if (wasDeleted === true) {\r\n notifyMessage(`Successfully deleted this payment method.`)\r\n done()\r\n } else {\r\n notifyError('There was a problem deleting this payment method.')\r\n }\r\n } catch (exception) {\r\n notifyProblem(`There was a problem deleting this payment method.`)\r\n console.error(exception)\r\n }\r\n },\r\n\r\n //Payment Method Type List\r\n async getPaymentMethodTypeList({}) {\r\n try {\r\n let paymentMethods = [\r\n { value: 'Credit Card', label: 'Credit Card' },\r\n { value: 'Bank Account', label: 'Bank Account' }\r\n ]\r\n\r\n if (isDebug == true) console.debug('paymentMethods=' + JSON.stringify(paymentMethods))\r\n\r\n return {\r\n list: paymentMethods\r\n }\r\n } catch (exception) {\r\n notifyProblem(`There was a problem retrieving the payment method type list.`)\r\n console.error(exception)\r\n }\r\n\r\n return {\r\n list: []\r\n }\r\n },\r\n\r\n //Bank Account Type List\r\n async getBankAccountTypeList({}) {\r\n try {\r\n let accountTypes = [\r\n { value: 'personal_checking', label: 'Personal Checking' },\r\n { value: 'business_checking', label: 'Business Checking' },\r\n { value: 'personal_savings', label: 'Personal Savings' },\r\n { value: 'business_savings', label: 'Business Savings' }\r\n ]\r\n\r\n if (isDebug == true) console.debug('accountTypes=' + JSON.stringify(accountTypes))\r\n\r\n return {\r\n list: accountTypes\r\n }\r\n } catch (exception) {\r\n notifyProblem(`There was a problem retrieving the bank account type list.`)\r\n console.error(exception)\r\n }\r\n\r\n return {\r\n list: []\r\n }\r\n },\r\n\r\n // Add OwnerPaymentMethod\r\n async addOwnerPaymentMethod(\r\n { dispatch },\r\n {\r\n ownerUserID,\r\n paymentMethodType,\r\n token,\r\n cardType,\r\n lastFourDigits,\r\n bankName,\r\n accountAlias,\r\n done\r\n }\r\n ) {\r\n if (isDebug == true) console.debug('...in addOwnerPaymentMethod')\r\n try {\r\n const results = await kms.post(`/Roster/OwnerPaymentMethod`, {\r\n ownerUserID,\r\n paymentMethodType,\r\n token,\r\n cardType,\r\n lastFourDigits,\r\n bankName,\r\n accountAlias\r\n })\r\n\r\n if (this.isDebug == true) console.debug('results=' + JSON.stringify(results))\r\n\r\n if (dispatch && dispatch != undefined) console.debug(dispatch)\r\n\r\n if (results.ownerPaymentMethodID > 0) {\r\n notifyMessage(`Successfully added the payment method.`)\r\n done({ details: results })\r\n } else {\r\n notifyError('There was a problem adding this payment method.')\r\n }\r\n } catch (exception) {\r\n notifyProblem(`There was a problem adding this payment method.`)\r\n console.error(exception)\r\n }\r\n },\r\n\r\n async submitScheduledPayment(\r\n { dispatch },\r\n { ownerID, ownerPaymentMethodID, scheduledDayPerMonth, payAmounts, done }\r\n ) {\r\n if (isDebug == true) console.debug('...in submitScheduledPayment')\r\n try {\r\n const results = await kms.post(`/Roster/Owner/SetScheduledPaymentWithWallet`, {\r\n ownerID,\r\n ownerPaymentMethodID,\r\n scheduledDayPerMonth,\r\n payAmounts\r\n })\r\n\r\n if (this.isDebug == true) console.debug('results=' + JSON.stringify(results))\r\n\r\n if (dispatch && dispatch != undefined) console.debug(dispatch)\r\n\r\n if (results.ownerID > 0) {\r\n console.debug(`Successfully successfully scheduled a payment.`)\r\n done({ details: results })\r\n } else {\r\n notifyError('There was a problem adding this scheduled payment.')\r\n }\r\n } catch (exception) {\r\n notifyProblem(`There was a problem adding this scheduled payment.`)\r\n console.error(exception)\r\n }\r\n }\r\n}\r\n/* eslint-enable no-empty-pattern */\r\n\r\nVue.use(Vuex)\r\nexport const ownerPaymentMethod = new Vuex.Store({\r\n state: {},\r\n mutations: {},\r\n getters: {},\r\n actions\r\n})\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('PageContentLayoutOnly',{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(\"Billing\")])]),_c('LinksMenu',{style:({ marginLeft: '10px' }),attrs:{\"aria-label\":\"account settings tabs\",\"tabs\":_vm.tabs,\"prefix\":\"billing.\"}},[_c('section',{style:({ overflowX: 'auto', flexGrow: 2, marginTop: '-10px' })},[_c('SlideTransition',{attrs:{\"name\":_vm.transitionName}},[_c('keep-alive',[_c('router-view')],1)],1)],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import moment from 'moment'\r\n\r\nexport const data = () => ({\r\n loading: true,\r\n isDebug: false,\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: 'Account Activity',\r\n name: 'accountActivity'\r\n },\r\n {\r\n label: 'Payment Methods',\r\n name: 'ownerPaymentMethods'\r\n },\r\n {\r\n label: 'Automatic Payments',\r\n name: 'scheduledPayments'\r\n },\r\n {\r\n label: 'Statements',\r\n name: 'statementsOfAccount'\r\n }\r\n ],\r\n transitionName: 'slide-up'\r\n})\r\n","\r\n \r\n
\r\n \r\n\r\n\r\n\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=5bb1556d&\"\nimport script from \"./Main.vue?vue&type=script&lang=js&\"\nexport * from \"./Main.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","/*\r\n example:\r\n import { getOwner } from '@/services/Roster/Owner/getOwner';\r\n\r\n const { owner, exception } = await getOwner ({\r\n ownerID\r\n });\r\n*/\r\n//\r\nimport kms from '@/services/kms'\r\n//\r\nexport async function getOwner({ ownerID } = {}) {\r\n var result = {}\r\n\r\n try {\r\n result = await kms.get(`/Roster/Owner/${ownerID}`)\r\n } catch (exception) {\r\n console.debug(exception)\r\n\r\n return {\r\n owner: {},\r\n exception\r\n }\r\n }\r\n\r\n return {\r\n owner: result,\r\n exception: null\r\n }\r\n}\r\n","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 }","\r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n\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","/*\r\n import { isNumeric } from '@/utilities/validate/isNumeric';\r\n*/\r\n\r\nexport const isNumeric = function({ n }) {\r\n try {\r\n return !isNaN(parseFloat(n)) && isFinite(n)\r\n } catch (exception) {\r\n return false\r\n }\r\n}\r\n","var baseForOwn = require('./_baseForOwn'),\n createBaseEach = require('./_createBaseEach');\n\n/**\n * The base implementation of `_.forEach` without support for iteratee shorthands.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array|Object} Returns `collection`.\n */\nvar baseEach = createBaseEach(baseForOwn);\n\nmodule.exports = baseEach;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('PageContentLayoutOnly',{attrs:{\"role\":\"region\"}},[_c('div',[_c('b-notification',{attrs:{\"type\":\"is-info is-light\",\"has-icon\":\"\",\"aria-close-label\":\"Close notification\"}},[_vm._v(\" Automatic Payments allow you to set up your Homeowners Assessment payments to automatically debit from your credit card or bank account when they are due. These charges are typically applied around the 7th or 8th of the month that the assessment is applied. To enable Automatic Payments, select a Payment Method from the list below. If you do not have any Payment Methods listed, please go to the Payment Methods tab and add your payment method there, then return to this tab. \")])],1),_c('div',{staticClass:\"pt-5\"},[_c('label',{staticClass:\"label\"},[_vm._v(\"Payment Method\"),_c('Info',{attrs:{\"title\":\"Name\",\"information\":\"Select the stored payment that you want to use to schedule this payment.\"}})],1),_c('valid-select',{attrs:{\"placeholder\":\"Payment Method\",\"vid\":\"paymentMethodID\",\"aria-required\":\"The payment method is required\",\"rules\":\"required\"},model:{value:(_vm.ownerPaymentMethodID),callback:function ($$v) {_vm.ownerPaymentMethodID=$$v},expression:\"ownerPaymentMethodID\"}},_vm._l((_vm.paymentMethods),function(option){return _c('option',{key:option.value,domProps:{\"value\":option.value}},[_vm._v(_vm._s(option.label))])}),0)],1),_c('div',[_vm._v(\" \")]),(_vm.chargeTypeList !== undefined && _vm.chargeTypeList.length > 0)?_c('div',[_c('div',[_c('b-notification',{attrs:{\"type\":\"is-info is-light\",\"has-icon\":\"\",\"aria-close-label\":\"Close notification\"}},[_vm._v(\" You may select additional amounts to include in your automatic payment every month that apply to other outstanding charges as listed below. The amount added to your payment will be no more than the amount owed at the time. For example, if you specify $100.00 and only $50.00 is owed at the time of the automatic payment, then only $50.00 will be added your payment. \")])],1),_c('div',{staticClass:\"pt-5\"},[_c('ValidationObserver',{ref:\"form\",scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar handleSubmit = ref.handleSubmit;\nreturn [_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\",\"appear\":\"\"}},[_c('form',{staticClass:\"form\",on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.onFormSubmit)}}},[_vm._l((_vm.chargeTypeList),function(row,index){return [_c('div',{key:index,staticClass:\"columns\"},[_c('div',{staticClass:\"column is-4\"},[_c('b-field',{attrs:{\"label\":index === 0 ? 'Charge Type Name' : ''}},[_vm._v(\" \"+_vm._s(row.name || '')+\" \")])],1),_c('div',{staticClass:\"column is-4\"},[(index === 0)?_c('label',{staticClass:\"label\"},[_vm._v(\"Pay Amount\")]):_vm._e(),_c('b-input',{directives:[{name:\"cleave\",rawName:\"v-cleave\",value:(_vm.masks.numeral),expression:\"masks.numeral\"}],staticClass:\"is-small\",attrs:{\"name\":(\"Amount\" + (row.chargeTypeId)),\"type\":\"text\",\"vid\":(\"Amount\" + (row.chargeTypeId)),\"placeholder\":\"0.00\",\"aria-label\":\"PayAmount\",\"value\":_vm.formatter.format(\n row.additionalScheduledAmount != undefined &&\n row.additionalScheduledAmount\n ? row.AdditionalScheduledAmount\n : 0\n ),\"onkeypress\":\"return (event.charCode >= 48 || event.charCode == 46) && event.charCode <= 57\"},model:{value:(_vm.form.amount[index]),callback:function ($$v) {_vm.$set(_vm.form.amount, index, $$v)},expression:\"form.amount[index]\"}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.amountId[index]),expression:\"form.amountId[index]\"}],attrs:{\"type\":\"hidden\"},domProps:{\"value\":(_vm.form.amountId[index])},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form.amountId, index, $event.target.value)}}})],1)])]}),_c('fieldset',[_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)],2)])]}}],null,false,1560172253)})],1)]):_vm._e(),(_vm.scheduledOwnerPaymentMethodID)?_c('div',{staticClass:\"pt-5\"},[_c('button',{staticClass:\"button is-primary is-rounded\",attrs:{\"disabled\":_vm.loading},on:{\"click\":function($event){$event.preventDefault();return _vm.schedulePayment(false)}}},[_vm._v(\" Update Scheduled Payment\")]),_c('span',{staticClass:\"pl-3\"}),_c('button',{staticClass:\"button is-primary is-rounded\",attrs:{\"disabled\":_vm.loading},on:{\"click\":function($event){$event.preventDefault();return _vm.confirmRemoveScheduledPayment.apply(null, arguments)}}},[_vm._v(\" Remove Scheduled Payment \")])]):_c('div',{staticClass:\"pt-5\"},[_c('button',{staticClass:\"button is-primary is-rounded\",attrs:{\"disabled\":_vm.loading},on:{\"click\":function($event){$event.preventDefault();return _vm.schedulePayment(false)}}},[_vm._v(\" Schedule Payment \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\r\n import { ownerAdditionalScheduledPaymentsStore } from '@/services/OwnerAdditionalScheduledPayments/store'\r\n*/\r\n\r\nimport Vue from 'vue'\r\nimport Vuex from 'vuex'\r\nimport { notifyProblem } from '@/services/notify'\r\nimport kms from '@/services/kms'\r\n\r\nconst isDebug = true\r\n\r\n/* eslint-disable no-empty-pattern */\r\nconst actions = {\r\n /*\r\n const { list } = await ownerAdditionalScheduledPaymentsStore.dispatch ('getOwnerAdditionalScheduledPaymentsList', {\r\n ownerID,\r\n isEligible\r\n });\r\n */\r\n async getOwnerAdditionalScheduledPaymentsList({}, { ownerID, isEligible }) {\r\n console.log('in getOwnerAdditionalScheduledPaymentsList...')\r\n try {\r\n const result = await kms.get('/Roster/OwnerAdditionalScheduledPayment/List', {\r\n params: {\r\n ownerID,\r\n isEligible\r\n }\r\n })\r\n\r\n if (isDebug == true)\r\n console.debug('getOwnerAdditionalScheduledPaymentsList log=' + JSON.stringify(result))\r\n\r\n return {\r\n list: result.results\r\n }\r\n } catch (exception) {\r\n notifyProblem(`The owner additional Scheduled Payment list could not be retrieved.`)\r\n console.error(exception)\r\n }\r\n\r\n return {\r\n list: []\r\n }\r\n }\r\n}\r\n/* eslint-enable no-empty-pattern */\r\n\r\nVue.use(Vuex)\r\nexport const ownerAdditionalScheduledPaymentsStore = new Vuex.Store({\r\n state: {},\r\n mutations: {},\r\n getters: {},\r\n actions\r\n})\r\n","/*\r\n import { chargeTypeStore } from '@/services/ChargeType/store'\r\n*/\r\n\r\nimport Vue from 'vue'\r\nimport Vuex from 'vuex'\r\nimport { notifyProblem } from '@/services/notify'\r\nimport kms from '@/services/kms'\r\n\r\nconst isDebug = true\r\n\r\n/* eslint-disable no-empty-pattern */\r\nconst actions = {\r\n /*\r\n const { list } = await chargeTypeStore.dispatch ('getChargeTypeScheduleEligibleList', {\r\n ownerID,\r\n isEligible\r\n });\r\n */\r\n async getChargeTypeScheduleEligibleList({}, { hoaID, isEligible }) {\r\n console.log('in getChargeTypeScheduleEligibleList...')\r\n try {\r\n const result = await kms.get('/AccountsReceivable/ChargeType/List', {\r\n params: {\r\n hoaID,\r\n scheduledPaymentEligible: isEligible\r\n }\r\n })\r\n\r\n if (isDebug == true)\r\n console.debug('getChargeTypeScheduleEligibleList log=' + JSON.stringify(result))\r\n\r\n return {\r\n list: result.results\r\n }\r\n } catch (exception) {\r\n notifyProblem(`The charge type Scheduled Payment Eligible list could not be retrieved.`)\r\n console.error(exception)\r\n }\r\n\r\n return {\r\n list: []\r\n }\r\n }\r\n}\r\n/* eslint-enable no-empty-pattern */\r\n\r\nVue.use(Vuex)\r\nexport const chargeTypeStore = new Vuex.Store({\r\n state: {},\r\n mutations: {},\r\n getters: {},\r\n actions\r\n})\r\n","import _get from 'lodash/get'\r\nimport { outstandingPayment } from '@/services/Payments/HomeOwner/OutstandingPayment/store'\r\nimport { ownerPaymentMethod } from '@/services/OwnerPaymentMethods/store'\r\nimport { getOwner } from '@/services/Roster/Owner/getOwner'\r\nimport { notifyError, notifyMessage } from '@/services/notify'\r\nimport { ownerAdditionalScheduledPaymentsStore } from '@/services/OwnerAdditionalScheduledPayments/store'\r\nimport { chargeTypeStore } from '@/services/ChargeType/store'\r\n\r\nexport const methods = {\r\n async loadPaymentMethods() {\r\n const selectedOwnerUser = this.authUser.ownerUsers.filter(\r\n f => f.ownerID === this.currentOwnerId\r\n )\r\n\r\n console.debug('selectedOwnerUser[===' + JSON.stringify(selectedOwnerUser))\r\n\r\n const params = {\r\n ownerUserID:\r\n selectedOwnerUser[0] !== undefined && selectedOwnerUser[0]\r\n ? selectedOwnerUser[0].ownerUserID\r\n : _get(this, 'authUser.ownerUserID', null)\r\n }\r\n\r\n await outstandingPayment\r\n .dispatch('getPaymentMethodList', {\r\n params: params\r\n })\r\n .then(({ list }) => {\r\n if (list) {\r\n this.paymentMethods = list\r\n }\r\n })\r\n },\r\n\r\n //async onInput(event) {\r\n // event.target = event.target._vCleave.getRawValue().replace('$', '') //getFormattedValue()\r\n //},\r\n\r\n async loadOwnerAdditionalScheduledPayments() {\r\n console.debug('in loadOwnerAdditionalScheduledPayments()...')\r\n\r\n const loadingComponent = this.$buefy.loading.open({\r\n container: null\r\n })\r\n\r\n await ownerAdditionalScheduledPaymentsStore\r\n .dispatch('getOwnerAdditionalScheduledPaymentsList', {\r\n ownerID: this.currentOwnerId,\r\n isEligible: false\r\n })\r\n .then(({ list }) => {\r\n this.ownerAdditionalScheduledPayments = list\r\n })\r\n\r\n loadingComponent.close()\r\n },\r\n\r\n async loadSchedulePaymentEligibleChargeTypes() {\r\n console.debug('in loadSchedulePaymentEligibleChargeTypes()...')\r\n\r\n const loadingComponent = this.$buefy.loading.open({\r\n container: null\r\n })\r\n\r\n await chargeTypeStore\r\n .dispatch('getChargeTypeScheduleEligibleList', {\r\n hoaID: this.currentHoaId,\r\n isEligible: true\r\n })\r\n .then(({ list }) => {\r\n this.chargeTypeList = list\r\n\r\n console.debug('chargeTypeList=' + JSON.stringify(this.chargeTypeList))\r\n\r\n let counter = 0\r\n Array.from(this.chargeTypeList).forEach(element => {\r\n if (element && element != undefined) {\r\n if (element && element != undefined && element.chargeTypeId) {\r\n var filteredOwnerAdditionalPaymentAmount = this.ownerAdditionalScheduledPayments.filter(\r\n f => f.chargeTypeID === element.chargeTypeId\r\n )\r\n\r\n console.debug(\r\n 'filteredOwnerAdditionalPaymentAmount[0]=' +\r\n JSON.stringify(filteredOwnerAdditionalPaymentAmount[0])\r\n )\r\n\r\n if (\r\n filteredOwnerAdditionalPaymentAmount[0] != undefined &&\r\n filteredOwnerAdditionalPaymentAmount[0]\r\n ) {\r\n element.additionalScheduledAmount = this.formatter.format(\r\n filteredOwnerAdditionalPaymentAmount[0].amount || 0\r\n )\r\n this.form.amount[counter] = this.formatter.format(\r\n filteredOwnerAdditionalPaymentAmount[0].amount || 0\r\n )\r\n } else {\r\n element.additionalScheduledAmount = 0\r\n this.form.amount[counter] = 0\r\n }\r\n\r\n this.form.amountId[counter] = element.chargeTypeId\r\n\r\n counter += 1\r\n }\r\n }\r\n })\r\n })\r\n\r\n loadingComponent.close()\r\n },\r\n\r\n async getOwner() {\r\n const { owner, exception } = await getOwner({\r\n ownerID: this.currentOwnerId\r\n })\r\n\r\n if (exception) {\r\n console.debug(exception)\r\n return\r\n }\r\n\r\n this.scheduledOwnerPaymentMethodID = _get(owner, ['scheduledOwnerPaymentMethodID'], null)\r\n this.ownerPaymentMethodID = _get(owner, ['scheduledOwnerPaymentMethodID'], null)\r\n },\r\n\r\n async updateSchedulePayment() {\r\n console.debug('in updateSchedulePayment...')\r\n },\r\n\r\n async confirmRemoveScheduledPayment() {\r\n this.$buefy.dialog.confirm({\r\n title: 'Removing Scheduled Payment',\r\n message: `Are you sure you want to remove this scheduled payment?`,\r\n confirmText: 'Remove Scheduled Payment',\r\n type: 'is-danger',\r\n hasIcon: true,\r\n onConfirm: async () => await this.schedulePayment(true)\r\n })\r\n },\r\n\r\n async schedulePayment(remove) {\r\n console.debug('in schedulePayment...')\r\n if (!this.ownerPaymentMethodID && remove && remove === false) {\r\n notifyError('Please select a payment method')\r\n return\r\n }\r\n\r\n if (!this.ownerPaymentMethodID) {\r\n notifyError('Please select a payment method')\r\n return\r\n }\r\n\r\n if (!this.currentOwnerId) {\r\n notifyError('There was a problem retrieving your owner information.')\r\n return\r\n }\r\n\r\n this.loading = true\r\n const loadingComponent = this.$buefy.loading.open({\r\n container: null\r\n })\r\n\r\n try {\r\n await this.onFormSubmit()\r\n\r\n console.debug('After form submit=' + JSON.stringify(this.ownerAdditionalScheduledPayments))\r\n\r\n await ownerPaymentMethod.dispatch('submitScheduledPayment', {\r\n ownerID: this.currentOwnerId,\r\n ownerPaymentMethodID: remove && remove === true ? null : this.ownerPaymentMethodID,\r\n scheduledDayPerMonth: null,\r\n payAmounts: this.chargeTypeList,\r\n done: ({ details }) => {\r\n if (details) {\r\n if (remove && remove === false) {\r\n notifyMessage(`Successfully scheduled a payment.`)\r\n } else if (remove && remove === true) {\r\n notifyMessage(`Successfully removed your scheduled payment.`)\r\n }\r\n this.reload()\r\n\r\n this.loading = false\r\n }\r\n }\r\n })\r\n } catch (e) {\r\n notifyError('There was a problem scheduling your payment.')\r\n loadingComponent.close()\r\n }\r\n\r\n this.loading = false\r\n loadingComponent.close()\r\n },\r\n\r\n async onFormSubmit() {\r\n console.log(\r\n 'formData=' +\r\n JSON.stringify(this.formData) +\r\n ', form.amount=' +\r\n JSON.stringify(this.form.amount) +\r\n ', form.amountId=' +\r\n JSON.stringify(this.form.amountId)\r\n )\r\n\r\n let formCounter = 0\r\n\r\n this.form.amount.forEach(element => {\r\n if (element && element != undefined) {\r\n const tempAmount = parseFloat(\r\n this.form.amount[formCounter].replace('$', '').replace(',', '')\r\n )\r\n console.debug('tempAmount=' + tempAmount)\r\n const payAmount = tempAmount > 0 ? tempAmount : 0\r\n\r\n console.debug('each form amount=' + payAmount + ', ' + this.form.amountId[formCounter])\r\n\r\n var filteredChargeType = this.chargeTypeList.filter(\r\n f => f.chargeTypeId === this.form.amountId[formCounter]\r\n )\r\n\r\n if (filteredChargeType[0] != null && filteredChargeType[0]) {\r\n filteredChargeType[0].additionalScheduledAmount = payAmount\r\n\r\n console.debug('filteredChargeType[0]=' + JSON.stringify(filteredChargeType[0]))\r\n }\r\n\r\n formCounter += 1\r\n }\r\n })\r\n },\r\n\r\n async reload() {\r\n this.loading = true\r\n\r\n await this.getOwner()\r\n await this.loadPaymentMethods()\r\n await this.loadOwnerAdditionalScheduledPayments()\r\n await this.loadSchedulePaymentEligibleChargeTypes()\r\n\r\n this.loading = false\r\n }\r\n}\r\n","import moment from 'moment'\r\n\r\nexport const data = () => ({\r\n isDebug: true,\r\n loading: false,\r\n selectedOwnerPaymentMethod: null,\r\n ownerPaymentMethodID: null,\r\n ownerID: null,\r\n scheduledOwnerPaymentMethodID: null,\r\n paymentMethods: [],\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 ownerAdditionalScheduledPayments: [],\r\n chargeTypeList: [],\r\n form: {\r\n amount: [],\r\n amountId: []\r\n },\r\n\r\n formatter: new Intl.NumberFormat('en-US', {\r\n style: 'currency',\r\n currency: 'USD',\r\n minimumFractionDigits: 2,\r\n numeralDecimalScale: 2\r\n }),\r\n\r\n masks: {\r\n creditCard: {\r\n creditCard: true\r\n },\r\n numeral: {\r\n numeral: true,\r\n numeralThousandsGroupStyle: 'thousand',\r\n prefix: '$'\r\n },\r\n custom: {\r\n delimiters: [',', '.'],\r\n blocks: [3, 3, 2],\r\n numericOnly: true\r\n }\r\n }\r\n})\r\n","\r\n \r\n
\r\n \r\n Automatic Payments allow you to set up your Homeowners Assessment payments to automatically\r\n debit from your credit card or bank account when they are due. These charges are typically\r\n applied around the 7th or 8th of the month that the assessment is applied. To enable\r\n Automatic Payments, select a Payment Method from the list below. If you do not have any\r\n Payment Methods listed, please go to the Payment Methods tab and add your payment method\r\n there, then return to this tab.\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
0\">\r\n
\r\n \r\n You may select additional amounts to include in your automatic payment every month that\r\n apply to other outstanding charges as listed below. The amount added to your payment will\r\n be no more than the amount owed at the time. For example, if you specify $100.00 and only\r\n $50.00 is owed at the time of the automatic payment, then only $50.00 will be added your\r\n payment.\r\n \r\n