{"version":3,"sources":["webpack:///./src/pages/Management/plaid/BankAccountListingFormDetails.vue?7f2a","webpack:///src/pages/Management/plaid/BankAccountListingFormDetails.vue","webpack:///./src/pages/Management/plaid/BankAccountListingFormDetails.vue?3831","webpack:///./src/pages/Management/plaid/BankAccountListingFormDetails.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$t","staticClass","_v","_s","finBankName","ref","scopedSlots","_u","key","fn","handleSubmit","on","$event","preventDefault","onFormSubmit","model","value","transaction","callback","$$v","$set","expression","errors","loading","confirmTransactionDelete","bankAccountListingID","staticStyle","staticRenderFns","notifyError","e","duration","message","position","type","notifyMessage","description","amount","checkNumber","components","PageContent","ValidInput","ValidationObserver","ValidationProvider","data","formComplete","formData","finInstBankName","formatDateFn","computed","mounted","resetForm","watch","hoaId","methods","$buefy","dialog","confirm","title","confirmText","hasIcon","onConfirm","getFormPayload","bankAccountID","hoaID","parseFloat","transactionDate","today","toDate","payload","i18n","messages","en","component"],"mappings":"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","file":"js/bankaccountlisting.0608d3b0.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('bankAccountListingDetails.title')}},[_c('div',{staticClass:\"box is-8\"},[_c('div',{staticClass:\"column is-8 has-text-left\"},[_c('h4',[_vm._v(\" \"+_vm._s(_vm.finBankName)+\" \")])]),_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',{staticClass:\"form-grid\"},[_c('div',{staticClass:\"column is-8\"},[_c('valid-input',{attrs:{\"name\":\"Description\",\"label\":\"Description\",\"maxlength\":\"100\",\"type\":\"text\",\"vid\":\"description\",\"placeholder\":\"Description\",\"rules\":\"required|max:100\"},model:{value:(_vm.transaction.description),callback:function ($$v) {_vm.$set(_vm.transaction, \"description\", $$v)},expression:\"transaction.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.transaction.amount),callback:function ($$v) {_vm.$set(_vm.transaction, \"amount\", $$v)},expression:\"transaction.amount\"}})],1),_c('div',{staticClass:\"column is-8\"},[_c('valid-input',{attrs:{\"name\":\"Check Number\",\"label\":\"Check Number\",\"maxlength\":\"50\",\"type\":\"text\",\"vid\":\"checkNumber\",\"placeholder\":\"Check Number\",\"rules\":\"required|max:50\"},model:{value:(_vm.transaction.checkNumber),callback:function ($$v) {_vm.$set(_vm.transaction, \"checkNumber\", $$v)},expression:\"transaction.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},on:{\"click\":function($event){$event.preventDefault();return _vm.confirmTransactionDelete(_vm.transaction.bankAccountListingID)}}},[_vm._v(\" Delete\")]),_c('span',{staticStyle:{\"padding-left\":\"20px\"}}),_c('button',{staticClass:\"button is-primary is-rounded\",attrs:{\"type\":\"submit\",\"disabled\":_vm.loading}},[_vm._v(\" Update \")])])])]}}])})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <PageContent :title=\"$t('bankAccountListingDetails.title')\">\r\n    <div class=\"box is-8\">\r\n      <div class=\"column is-8 has-text-left \">\r\n        <h4>\r\n          {{ finBankName }}\r\n        </h4>\r\n      </div>\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 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=\"text\"\r\n                    vid=\"description\"\r\n                    placeholder=\"Description\"\r\n                    rules=\"required|max:100\"\r\n                    v-model=\"transaction.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=\"transaction.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=\"text\"\r\n                    vid=\"checkNumber\"\r\n                    placeholder=\"Check Number\"\r\n                    rules=\"required|max:50\"\r\n                    v-model=\"transaction.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\r\n              @click.prevent=\"confirmTransactionDelete(transaction.bankAccountListingID)\"\r\n              type=\"submit\"\r\n              class=\"button is-primary is-rounded\"\r\n              :disabled=\"loading\"\r\n            >\r\n              Delete</button\r\n            ><span style=\"padding-left:20px\"></span>\r\n            <button type=\"submit\" class=\"button is-primary is-rounded\" :disabled=\"loading\">\r\n              Update\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\nimport { ValidationObserver, ValidationProvider } from 'vee-validate'\r\nimport PageContent from '@/containers/PageContent'\r\nimport { ValidationError } from '@/services/errors'\r\nimport kms from '@/services/kms'\r\nimport { mapState, mapActions } from 'vuex' //mapGetters\r\nimport { ToastProgrammatic as Toast } from 'buefy'\r\n\r\n// components\r\nimport ValidInput from '@/components/inputs/ValidInput'\r\n\r\nimport moment from 'moment'\r\nconst today = moment()\r\n\r\nfunction notifyError(e) {\r\n  Toast.open({\r\n    duration: 7000,\r\n    message: e.message || e,\r\n    position: 'is-bottom',\r\n    type: 'is-danger'\r\n  })\r\n}\r\n\r\nfunction notifyMessage(e) {\r\n  Toast.open({\r\n    duration: 7000,\r\n    message: e.message || e,\r\n    position: 'is-bottom',\r\n    type: 'is-success'\r\n  })\r\n}\r\n\r\nlet DEFAULT_FORM_VALUES = {\r\n  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      bankAccountListingID: 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      transaction: state => state.bankaccount.bankAccountListing\r\n    }),\r\n\r\n    finBankName() {\r\n      return this.transaction == null ||\r\n        this.transaction.bankAccount == null ||\r\n        this.transaction.bankAccount.financialInstitution == null\r\n        ? ''\r\n        : `${this.transaction.bankAccount.financialInstitution.name} - ${this.transaction.bankAccount.name}`\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.resetForm()\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions('bankaccount', ['loadBankAccountListing']),\r\n\r\n    confirmTransactionDelete(id) {\r\n      this.$buefy.dialog.confirm({\r\n        title: 'Deleting transaction',\r\n        message: 'Are you sure you want to <b>delete</b> this transaction?',\r\n        confirmText: 'Delete Transaction',\r\n        type: 'is-danger',\r\n        hasIcon: true,\r\n        onConfirm: () => this.deleteBankAccountListing(id)\r\n      })\r\n    },\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.bankAccountListingID = this.$route.params.id\r\n\r\n      console.debug(`params= ${this.bankAccountListingID} - ${this.finInstBankName}`)\r\n\r\n      await this.loadBankAccountListing(this.bankAccountListingID)\r\n\r\n      console.debug('loadBankAccountListing=' + JSON.stringify(this.transaction))\r\n\r\n      this.loading = false\r\n    },\r\n\r\n    getFormPayload() {\r\n      const payload = {\r\n        bankAccountListingID: this.transaction.bankAccountListingID,\r\n        bankAccountID: this.transaction.bankAccountID,\r\n        hoaID: this.hoaId,\r\n        description: this.transaction.description || '',\r\n        amount: parseFloat(this.transaction.amount),\r\n        checkNumber: this.transaction.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.put(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.transaction.bankAccountID }\r\n          })\r\n          notifyMessage(`${this.transaction.bankAccount.name} was successfully updated.`)\r\n        } else {\r\n          notifyError('There was a problem updating 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        } else {\r\n          notifyError(e)\r\n        }\r\n      }\r\n      this.loading = false\r\n    },\r\n\r\n    async deleteBankAccountListing(id) {\r\n      if (id <= 0) {\r\n        notifyError('Unable to delete this transaction.')\r\n        return\r\n      }\r\n\r\n      try {\r\n        this.loading = true\r\n        const data = { bankAccountListingID: id, forceDelete: false }\r\n        const path = `/CheckbookReconciliation/BankAccountListing/${id}?forceDelete=false`\r\n        const results = await kms.delete(path, data)\r\n\r\n        console.debug(JSON.stringify(results))\r\n\r\n        if (results.recordID >= 0) {\r\n          this.formComplete = true\r\n          this.loading = false\r\n          this.$router.push({\r\n            name: 'bankAccount',\r\n            params: { id: this.transaction.bankAccountID }\r\n          })\r\n          notifyMessage(`${this.transaction.bankAccount.name} was successfully deleted.`)\r\n        } else {\r\n          notifyError('There was a problem deleting this 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    }\r\n  },\r\n  i18n: {\r\n    messages: {\r\n      en: { bankAccountListingDetails: { title: 'Transaction Details' } }\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!./BankAccountListingFormDetails.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!./BankAccountListingFormDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BankAccountListingFormDetails.vue?vue&type=template&id=50e3149f&\"\nimport script from \"./BankAccountListingFormDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./BankAccountListingFormDetails.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":""}