{"version":3,"sources":["webpack:///./src/pages/Management/plaid/BankAccountListingFormCreate/index.vue?2cfb","webpack:///src/pages/Management/plaid/BankAccountListingFormCreate/index.vue","webpack:///./src/pages/Management/plaid/BankAccountListingFormCreate/index.vue?f798","webpack:///./src/pages/Management/plaid/BankAccountListingFormCreate/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$t","staticClass","ref","scopedSlots","_u","key","fn","handleSubmit","on","$event","preventDefault","onFormSubmit","style","marginBottom","_v","_s","finInstBankName","model","value","formData","callback","$$v","$set","expression","errors","loading","staticRenderFns","description","amount","checkNumber","components","PageContent","ValidInput","ValidationObserver","ValidationProvider","data","formComplete","bankAccountID","formatDateFn","computed","mounted","resetForm","watch","hoaId","reload","methods","getFormPayload","bankAccountListingID","hoaID","parseFloat","transactionDate","today","toDate","payload","i18n","messages","en","component"],"mappings":"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","file":"js/createBankAccountListing.15dd06b9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('PageContent',{attrs:{\"title\":_vm.$t('bankAccountListingAdd.title')}},[_c('div',{staticClass:\"box is-8\"},[_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)}}},[_c('fieldset',[_c('div',{style:({ marginBottom: '30px' })},[_c('h4',[_vm._v(_vm._s(_vm.finInstBankName))])]),_c('div',{staticClass:\"form-grid\"},[_c('div',{staticClass:\"column is-8\"},[_c('valid-input',{attrs:{\"name\":\"Description\",\"label\":\"Description\",\"maxlength\":\"100\",\"type\":\"textarea\",\"vid\":\"description\",\"placeholder\":\"Description\",\"rules\":\"required|max:100\"},model:{value:(_vm.formData.description),callback:function ($$v) {_vm.$set(_vm.formData, \"description\", $$v)},expression:\"formData.description\"}})],1),_c('div',{staticClass:\"column is-8\"},[_c('valid-input',{attrs:{\"name\":\"Balance\",\"label\":\"Balance\",\"type\":\"text\",\"vid\":\"amount\",\"placeholder\":\"Balance\",\"rules\":\"required\"},model:{value:(_vm.formData.amount),callback:function ($$v) {_vm.$set(_vm.formData, \"amount\", $$v)},expression:\"formData.amount\"}})],1),_c('div',{staticClass:\"column is-8\"},[_c('valid-input',{attrs:{\"name\":\"Check Number\",\"label\":\"Check Number\",\"maxlength\":\"50\",\"type\":\"number\",\"vid\":\"checkNumber\",\"placeholder\":\"Check Number\",\"rules\":\"required|max:50\"},model:{value:(_vm.formData.checkNumber),callback:function ($$v) {_vm.$set(_vm.formData, \"checkNumber\", $$v)},expression:\"formData.checkNumber\"}})],1)])]),_c('fieldset',[_c('ValidationProvider',{attrs:{\"vid\":\"providerErrors\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('div',{staticClass:\"field\"},[_c('span',[_vm._v(_vm._s(errors[0]))])])]}}],null,true)})],1),_c('button',{staticClass:\"button is-primary is-rounded\",attrs:{\"type\":\"submit\",\"disabled\":_vm.loading}},[_vm._v(\" Add \")])])])]}}])})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <PageContent :title=\"$t('bankAccountListingAdd.title')\">\r\n    <div class=\"box is-8\">\r\n      <ValidationObserver ref=\"form\" v-slot=\"{ handleSubmit }\">\r\n        <transition name=\"fade\" mode=\"out-in\" appear>\r\n          <form @submit.prevent=\"handleSubmit(onFormSubmit)\" class=\"form\">\r\n            <fieldset>\r\n              <div :style=\"{ marginBottom: '30px' }\">\r\n                <h4>{{ finInstBankName }}</h4>\r\n              </div>\r\n              <div class=\"form-grid\">\r\n                <div class=\"column is-8\">\r\n                  <valid-input\r\n                    name=\"Description\"\r\n                    label=\"Description\"\r\n                    maxlength=\"100\"\r\n                    type=\"textarea\"\r\n                    vid=\"description\"\r\n                    placeholder=\"Description\"\r\n                    rules=\"required|max:100\"\r\n                    v-model=\"formData.description\"\r\n                  />\r\n                </div>\r\n                <div class=\"column is-8\">\r\n                  <valid-input\r\n                    name=\"Balance\"\r\n                    label=\"Balance\"\r\n                    type=\"text\"\r\n                    vid=\"amount\"\r\n                    placeholder=\"Balance\"\r\n                    rules=\"required\"\r\n                    v-model=\"formData.amount\"\r\n                  />\r\n                </div>\r\n                <div class=\"column is-8\">\r\n                  <valid-input\r\n                    name=\"Check Number\"\r\n                    label=\"Check Number\"\r\n                    maxlength=\"50\"\r\n                    type=\"number\"\r\n                    vid=\"checkNumber\"\r\n                    placeholder=\"Check Number\"\r\n                    rules=\"required|max:50\"\r\n                    v-model=\"formData.checkNumber\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </fieldset>\r\n            <fieldset>\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            <button type=\"submit\" class=\"button is-primary is-rounded\" :disabled=\"loading\">\r\n              Add\r\n            </button>\r\n          </form>\r\n        </transition>\r\n      </ValidationObserver>\r\n    </div>\r\n  </PageContent>\r\n</template>\r\n\r\n<script>\r\n//\r\nimport { mapState } from 'vuex'\r\nimport { ValidationObserver, ValidationProvider } from 'vee-validate'\r\n//\r\n// components\r\nimport { ValidationError } from '@/services/errors'\r\nimport kms from '@/services/kms'\r\nimport PageContent from '@/containers/PageContent'\r\nimport ValidInput from '@/components/inputs/ValidInput'\r\n\r\nimport moment from 'moment'\r\nconst today = moment()\r\n\r\nimport { notifyMessage, notifyError } from '@/services/notify'\r\n\r\nlet DEFAULT_FORM_VALUES = {\r\n  description: '',\r\n  amount: 0,\r\n  checkNumber: ''\r\n}\r\n\r\nexport default {\r\n  components: {\r\n    PageContent,\r\n    ValidInput,\r\n    ValidationObserver,\r\n    ValidationProvider\r\n  },\r\n\r\n  data: function() {\r\n    return {\r\n      formComplete: false,\r\n      formData: {\r\n        ...DEFAULT_FORM_VALUES\r\n      },\r\n      loading: true,\r\n      finInstBankName: '',\r\n      bankAccountID: 0,\r\n      formatDateFn: function(value) {\r\n        return value != null\r\n          ? moment(value, 'YYYY/MM/DD HH:mm:ss').format('YYYY-MM-DDTHH:mm:ss.967Z')\r\n          : ''\r\n      }\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    ...mapState({\r\n      hoaId: state => state.user.selectedHoaId\r\n    })\r\n  },\r\n\r\n  mounted() {\r\n    this.resetForm()\r\n  },\r\n\r\n  watch: {\r\n    hoaId() {\r\n      this.reload()\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    async reload() {},\r\n\r\n    async resetForm() {\r\n      this.loading = 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      this.finInstBankName = this.$route.params.finInstBankName\r\n      this.bankAccountID = this.$route.params.id\r\n\r\n      console.debug(`params= ${this.bankAccountID} - ${this.finInstBankName}`)\r\n\r\n      this.loading = false\r\n    },\r\n\r\n    getFormPayload() {\r\n      const payload = {\r\n        bankAccountListingID: 0,\r\n        bankAccountID: this.bankAccountID,\r\n        hoaID: this.hoaId,\r\n        description: this.formData.description,\r\n        amount: parseFloat(this.formData.amount),\r\n        checkNumber: this.formData.checkNumber,\r\n        transactionDate: this.formatDateFn(today.toDate())\r\n      }\r\n      return payload\r\n    },\r\n\r\n    async onFormSubmit() {\r\n      try {\r\n        this.loading = true\r\n        const returnPayload = this.getFormPayload()\r\n        console.debug(returnPayload)\r\n\r\n        const path = `/CheckbookReconciliation/BankAccountListing`\r\n        const results = await kms.post(path, returnPayload)\r\n\r\n        console.debug(JSON.stringify(results))\r\n\r\n        if (results.bankAccountListingID > 0) {\r\n          this.formComplete = true\r\n          this.$router.push({\r\n            name: 'bankAccount',\r\n            params: { id: this.bankAccountID }\r\n          })\r\n          notifyMessage(`${this.finInstBankName} was successfully added.`)\r\n        } else {\r\n          notifyError('There was a problem creating your transaction.')\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(e)\r\n      }\r\n      this.loading = false\r\n    }\r\n  },\r\n  i18n: {\r\n    messages: {\r\n      en: { bankAccountListingAdd: { title: 'Add Transaction' } }\r\n    }\r\n  }\r\n}\r\n</script>\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=2eedf827&\"\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"],"sourceRoot":""}