{"version":3,"sources":["webpack:///./src/server/billing.js","webpack:///./src/components/billing/InvoiceDetails.vue","webpack:///src/components/billing/InvoiceDetails.vue","webpack:///./src/components/billing/InvoiceDetails.vue?09eb","webpack:///./src/components/billing/InvoiceDetails.vue?b1c1","webpack:///./src/components/billing/InvoiceDetails.vue?eb5c"],"names":["billingServer","getInvoices","id","http","get","getInvoice","invoiceId","render","_vm","this","_c","_self","_setupProxy","staticClass","staticStyle","on","$event","$router","go","_v","unpaid","attrs","addPayment","_e","paid","_s","organizationName","organizationAddressLine1","organizationAddressLine2","organizationCity","organizationAbbreviation","organizationZipCode","_l","billTo","item","key","index","invoice","refNumber","formatDateOnly","issuedDate","showDueDate","dueDate","clientData","providerData","invoiceLineItems","date","description","toCurrencyValue","amount","totalAmount","amountPaid","notes","staticRenderFns","props","type","required","data","lineItemsData","patientName","computed","organizationLogo","state","organizationState","states","methods","console","name","params","component"],"mappings":"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","file":"chunk-7d1cd637.15ab4bf7.js","sourcesContent":["import http from \"./core\";\n\nexport const billingServer = {\n  getInvoices(id) {\n    return http.get(`api/portal/Billing/Invoices/${id}`);\n  },\n  getInvoice(invoiceId) {\n    return http.get(`api/portal/Billing/Invoice/${invoiceId}`);\n  }\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"container mt-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('b-card',[_c('div',{staticClass:\"invoice-nav px-4\"},[_c('div',{staticClass:\"cursor-pointer\",staticStyle:{\"color\":\"#3f77f5\"},on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_c('i',{staticClass:\"fas fa-arrow-left\",staticStyle:{\"color\":\"#3f77f5\",\"font-size\":\"15px\"}}),_vm._v(\"\\n            Go to invoices\\n          \")]),_vm._v(\" \"),(_vm.unpaid)?_c('b-button',{staticClass:\"text-white\",staticStyle:{\"border-radius\":\"15px\"},attrs:{\"variant\":\"success\"},on:{\"click\":_vm.addPayment}},[_vm._v(\"Pay Invoice\")]):_vm._e()],1),_vm._v(\" \"),_c('div',{staticClass:\"card m-3 px-4 py-2 rounded-lg b-grid justify-content-between\"},[_c('b-row',{attrs:{\"cols\":{ unpaid: 2, paid: 3 },\"align-v\":\"center\"}},[_c('b-col',[_c('p',{staticClass:\"b-title h-auto h3\"},[_vm._v(\"Invoice\")])]),_vm._v(\" \"),(_vm.paid)?_c('b-col',{staticClass:\"align-items-center justify-content-center\"},[_c('div',{staticClass:\"d-flex flex-row justify-content-center border border-success rounded align-items-center w-25 mx-auto\"},[_c('p',{staticClass:\"text-success text-center m-1 w-100\"},[_vm._v(\"PAID\")])])]):_vm._e(),_vm._v(\" \"),_c('b-col',{staticClass:\"d-flex justify-content-end flex-column align-items-end text-black-50 lower-font-size\"},[_c('div',{staticClass:\"font-weight-bold pb-2\"},[_vm._v(\"\\n                \"+_vm._s(_vm.organizationName ?? \"\")+\"\\n              \")]),_vm._v(\" \"),_c('div',{staticStyle:{\"line-height\":\"15px\",\"text-align\":\"right\"}},[_c('div',[_vm._v(\"\\n                  \"+_vm._s(_vm.organizationAddressLine1 ?? \"\")+\"\\n                  \"+_vm._s(_vm.organizationAddressLine2 ?? \"\")+\"\\n                \")]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(_vm.organizationCity ?? \"\"))]),_vm._v(\" \"),_c('div',[_vm._v(\"\\n                  \"+_vm._s(_vm.organizationAbbreviation ? _vm.organizationAbbreviation : \"\")+\"\\n                \")]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(_vm.organizationZipCode ?? \"\"))])])])],1),_vm._v(\" \"),_c('hr'),_vm._v(\" \"),_c('b-row',{staticClass:\"d-flex justify-content-between align-content-center\"},[_c('b-col',{staticClass:\"d-flex justify-content-start flex-column align-items-start text-black-50 lower-font-size\"},[_c('div',{staticClass:\"font-weight-bold pt-2\"},[_vm._v(\"Bill To\")]),_vm._v(\" \"),_vm._l((_vm.billTo),function(item){return _c('div',{key:item.index},[_vm._v(\"\\n                \"+_vm._s(item)+\"\\n              \")])})],2),_vm._v(\" \"),_c('b-col',{staticClass:\"d-flex justify-content-end flex-column align-items-end text-black-50 lower-font-size\"},[_c('div',{staticClass:\"font-weight-bold pt-2\"},[_vm._v(\"Invoice #\")]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(_vm.invoice?.refNumber ?? \"\"))]),_vm._v(\" \"),_c('div',{staticClass:\"font-weight-bold pt-2\"},[_vm._v(\"Issued\")]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(_vm.formatDateOnly(_vm.issuedDate) ?? \"\"))]),_vm._v(\" \"),(_vm.showDueDate)?_c('div',{staticClass:\"font-weight-bold pt-2\"},[_vm._v(\"Due\")]):_vm._e(),_vm._v(\" \"),(_vm.showDueDate)?_c('div',[_vm._v(_vm._s(_vm.formatDateOnly(_vm.dueDate) ?? \"\"))]):_vm._e()])],1),_vm._v(\" \"),_c('b-row',{staticClass:\"d-flex justify-content-between align-content-center\"},[_c('b-col',{staticClass:\"d-flex justify-content-start flex-column align-items-start text-black-50 lower-font-size\"},[_c('div',{staticClass:\"font-weight-bold pt-2\"},[_vm._v(\"Client\")]),_vm._v(\" \"),_vm._l((_vm.clientData),function(item){return _c('div',{key:item.index},[_vm._v(\"\\n                \"+_vm._s(item)+\"\\n              \")])})],2),_vm._v(\" \"),_c('b-col',{staticClass:\"d-flex justify-content-start flex-column align-items-start text-black-50 lower-font-size\"},[_c('div',{staticClass:\"font-weight-bold pt-2\"},[_vm._v(\"Provider\")]),_vm._v(\" \"),_vm._l((_vm.providerData),function(item){return _c('div',{key:item.index},[_vm._v(\"\\n                \"+_vm._s(item)+\"\\n              \")])})],2)],1),_vm._v(\" \"),_c('hr',{staticClass:\"pb-2 mb-0\"}),_vm._v(\" \"),_c('div',{staticClass:\"w-100\"},[_c('table',{staticClass:\"w-100 text-black-50 lower-font-size\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"font-weight-bold\"},[_vm._v(\"Date\")]),_vm._v(\" \"),_c('th',{staticClass:\"font-weight-bold\"},[_vm._v(\"Description\")]),_vm._v(\" \"),_c('th',{staticClass:\"font-weight-bold text-right\"},[_vm._v(\"Amount\")])])]),_vm._v(\" \"),_c('tbody',_vm._l((_vm.invoice?.invoiceLineItems),function(item){return _c('tr',{key:item.id},[_c('td',{staticClass:\"py-2 pr-2\"},[_vm._v(_vm._s(_vm.formatDateOnly(item.date)))]),_vm._v(\" \"),_c('td',{staticClass:\"py-2\"},[_vm._v(_vm._s(item.description))]),_vm._v(\" \"),_c('td',{staticClass:\"text-right py-2\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.toCurrencyValue(item.amount))+\"\\n                  \")])])}),0)])]),_vm._v(\" \"),_c('hr',{staticClass:\"my-0 py-0\"}),_vm._v(\" \"),_c('div',{staticClass:\"d-flex justify-content-end py-2 text-black-50 lower-font-size text-right\"},[_c('div',[_vm._v(\"Subtotal\")]),_vm._v(\" \"),_c('div',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.toCurrencyValue(_vm.invoice?.totalAmount ?? \"\"))+\"\\n            \")])]),_vm._v(\" \"),_c('hr',{staticClass:\"align-self-end my-0 py-0\",staticStyle:{\"width\":\"35%\"}}),_vm._v(\" \"),_c('div',{staticClass:\"d-flex justify-content-end py-2 text-black-50 lower-font-size text-right\"},[_c('div',[_vm._v(\"Total\")]),_vm._v(\" \"),_c('div',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.toCurrencyValue(_vm.invoice?.totalAmount ?? \"\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex justify-content-end py-2 text-black-50 lower-font-size text-right\"},[_c('div',[_vm._v(\"Amount Paid\")]),_vm._v(\" \"),_c('div',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.toCurrencyValue(_vm.invoice?.amountPaid ?? \"\"))+\"\\n            \")])]),_vm._v(\" \"),_c('hr',{staticClass:\"align-self-end my-0 py-0\",staticStyle:{\"width\":\"35%\"}}),_vm._v(\" \"),_c('div',{staticClass:\"d-flex justify-content-end py-2 text-black-50 font-weight-bold text-right\"},[_c('div',[_vm._v(\"Balance\")]),_vm._v(\" \"),(_vm.invoice != null)?_c('div',{staticStyle:{\"font-size\":\"20px\",\"width\":\"100px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.toCurrencyValue(_vm.invoice.totalAmount - _vm.invoice.amountPaid))+\"\\n            \")]):_c('div',{staticStyle:{\"font-size\":\"20px\",\"width\":\"100px\"}},[_vm._v(\"\\n              \"+_vm._s(\"\")+\"\\n            \")])]),_vm._v(\" \"),_c('b-row',{attrs:{\"cols\":\"1\"}},[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"font-weight-bold lower-font-size text-black-50\"},[_vm._v(\"\\n                Notes\\n              \")]),_vm._v(\" \"),_vm._l((_vm.notes),function(item){return _c('div',{key:item.index,staticClass:\"w-100 lower-font-size\"},[_vm._v(\"\\n                \"+_vm._s(item)+\"\\n              \")])})],2)],1)],1)])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container mt-4\">\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <b-card>\n          <div class=\"invoice-nav px-4\">\n            <div\n              class=\"cursor-pointer\"\n              style=\"color: #3f77f5\"\n              @click=\"$router.go(-1)\"\n            >\n              <i\n                class=\"fas fa-arrow-left\"\n                style=\"color: #3f77f5; font-size: 15px\"\n              ></i>\n              Go to invoices\n            </div>\n            <b-button\n              v-if=\"unpaid\"\n              class=\" text-white\"\n              @click=\"addPayment\"\n              style=\"border-radius: 15px\"\n              variant=\"success\"\n              >Pay Invoice</b-button\n            >\n          </div>\n          <div\n            class=\"card m-3 px-4 py-2 rounded-lg b-grid justify-content-between\"\n          >\n            <b-row :cols=\"{ unpaid: 2, paid: 3 }\" align-v=\"center\">\n              <b-col>\n                <p class=\"b-title h-auto h3\">Invoice</p>\n              </b-col>\n              <b-col v-if=\"paid\" class=\"align-items-center justify-content-center\">\n                <div class=\"d-flex flex-row justify-content-center border border-success rounded align-items-center w-25 mx-auto\">\n                  <p class=\"text-success text-center m-1 w-100\">PAID</p>\n                </div>\n              </b-col>\n              <b-col\n                class=\"\n                  d-flex\n                  justify-content-end\n                  flex-column\n                  align-items-end\n                  text-black-50\n                  lower-font-size\n                \"\n              >\n                <div class=\"font-weight-bold pb-2\">\n                  {{ organizationName ?? \"\" }}\n                </div>\n                <div style=\"line-height: 15px; text-align: right\">\n                  <div>\n                    {{ organizationAddressLine1 ?? \"\" }}\n                    {{ organizationAddressLine2 ?? \"\" }}\n                  </div>\n                  <div>{{ organizationCity ?? \"\" }}</div>\n                  <div>\n                    {{\n                      organizationAbbreviation ? organizationAbbreviation : \"\"\n                    }}\n                  </div>\n                  <div>{{ organizationZipCode ?? \"\" }}</div>\n                </div>\n              </b-col>\n            </b-row>\n            <hr />\n            <b-row class=\"d-flex justify-content-between align-content-center\">\n              <b-col\n                class=\"\n                  d-flex\n                  justify-content-start\n                  flex-column\n                  align-items-start\n                  text-black-50\n                  lower-font-size\n                \"\n              >\n                <div class=\"font-weight-bold pt-2\">Bill To</div>\n                <div v-for=\"item in billTo\" :key=\"item.index\">\n                  {{ item }}\n                </div>\n              </b-col>\n              <b-col\n                class=\"\n                  d-flex\n                  justify-content-end\n                  flex-column\n                  align-items-end\n                  text-black-50\n                  lower-font-size\n                \"\n              >\n                <div class=\"font-weight-bold pt-2\">Invoice #</div>\n                <div>{{ invoice?.refNumber ?? \"\" }}</div>\n                <div class=\"font-weight-bold pt-2\">Issued</div>\n                <div>{{ formatDateOnly(issuedDate) ?? \"\" }}</div>\n                <div v-if=\"showDueDate\" class=\"font-weight-bold pt-2\">Due</div>\n                <div v-if=\"showDueDate\">{{ formatDateOnly(dueDate) ?? \"\" }}</div>\n              </b-col>\n            </b-row>\n            <b-row class=\"d-flex justify-content-between align-content-center\">\n              <b-col\n                class=\"\n                  d-flex\n                  justify-content-start\n                  flex-column\n                  align-items-start\n                  text-black-50\n                  lower-font-size\n                \"\n              >\n                <div class=\"font-weight-bold pt-2\">Client</div>\n                <div v-for=\"item in clientData\" :key=\"item.index\">\n                  {{ item }}\n                </div>\n              </b-col>\n              <b-col\n                class=\"\n                  d-flex\n                  justify-content-start\n                  flex-column\n                  align-items-start\n                  text-black-50\n                  lower-font-size\n                \"\n              >\n                <div class=\"font-weight-bold pt-2\">Provider</div>\n                <div v-for=\"item in providerData\" :key=\"item.index\">\n                  {{ item }}\n                </div>\n              </b-col>\n            </b-row>\n            <hr class=\"pb-2 mb-0\" />\n            <div class=\"w-100\">\n              <table class=\"w-100 text-black-50 lower-font-size\">\n                <thead>\n                  <tr>\n                    <th class=\"font-weight-bold\">Date</th>\n                    <th class=\"font-weight-bold\">Description</th>\n                    <th class=\"font-weight-bold text-right\">Amount</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <tr v-for=\"item in invoice?.invoiceLineItems\" :key=\"item.id\">\n                    <td class=\"py-2 pr-2\">{{ formatDateOnly(item.date) }}</td>\n                    <td class=\"py-2\">{{ item.description }}</td>\n                    <td class=\"text-right py-2\">\n                      {{ toCurrencyValue(item.amount) }}\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n            <hr class=\"my-0 py-0\" />\n            <div\n              class=\"d-flex justify-content-end py-2 text-black-50 lower-font-size text-right\"\n            >\n              <div>Subtotal</div>\n              <div style=\"width:100px;\">\n                {{ toCurrencyValue(invoice?.totalAmount ?? \"\") }}\n              </div>\n            </div>\n            <hr class=\"align-self-end my-0 py-0\" style=\"width: 35%\" />\n            <div\n              class=\"d-flex justify-content-end py-2 text-black-50 lower-font-size text-right\"\n            >\n              <div>Total</div>\n              <div style=\"width:100px;\">\n                {{ toCurrencyValue(invoice?.totalAmount ?? \"\") }}\n              </div>\n            </div>\n            <div\n              class=\"d-flex justify-content-end py-2 text-black-50 lower-font-size text-right\"\n            >\n              <div>Amount Paid</div>\n              <div style=\"width:100px;\">\n                {{ toCurrencyValue(invoice?.amountPaid ?? \"\") }}\n              </div>\n            </div>\n            <hr class=\"align-self-end my-0 py-0\" style=\"width: 35%\" />\n            <div\n              class=\"d-flex justify-content-end py-2 text-black-50 font-weight-bold text-right\"\n            >\n              <div>Balance</div>\n              <div v-if=\"invoice != null\" style=\"font-size: 20px;width:100px; \">\n                {{ toCurrencyValue(invoice.totalAmount - invoice.amountPaid) }}\n              </div>\n              <div v-else style=\"font-size: 20px;width:100px;\">\n                {{ \"\" }}\n              </div>\n            </div>\n            <b-row cols=\"1\">\n              <b-col cols=\"12\">\n                <div class=\"font-weight-bold lower-font-size text-black-50\">\n                  Notes\n                </div>\n                <div\n                  class=\"w-100 lower-font-size\"\n                  v-for=\"item in notes\"\n                  :key=\"item.index\"\n                >\n                  {{ item }}\n                </div>\n              </b-col>\n            </b-row>\n          </div>\n        </b-card>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\nimport { defineComponent } from \"vue\";\nimport { billingServer } from \"../../server/billing\";\nexport default defineComponent({\n  props: {\n    invoiceId: {\n      type: String,\n      required: true\n    }\n  },\n  data() {\n    return {\n      invoice: null,\n      lineItemsData: null,\n      patientName: \"\",\n      issuedDate: null,\n      dueDate: null,\n      notes: \"\",\n      billTo: [],\n      organizationAbbreviation: \"\",\n      clientData: [],\n      providerData: []\n    };\n  },\n  async mounted() {\n    await this.fetchStates();\n    await this.fetchInvoiceDetails();\n  },\n  computed: {\n    ...mapState(\"session\", {\n      organizationName: state => state.systemSettings.organizationName,\n      organizationLogo: state => state.systemSettings.organizationLogo,\n      organizationAddressLine1: state =>\n        state.systemSettings.organizationAddressLine1,\n      organizationAddressLine2: state =>\n        state.systemSettings.organizationAddressLine2,\n      organizationCity: state => state.systemSettings.organizationCity,\n      organizationState: state => state.systemSettings.organizationState,\n      organizationZipCode: state => state.systemSettings.organizationZipCode,\n      showDueDate: state => !state.systemSettings.invoiceHideDueDate\n    }),\n    ...mapState(\"client\", {\n      states: state => state.states\n    })\n  },\n  methods: {\n    ...mapActions(\"client\", [\"fetchStates\"]),\n    async fetchInvoiceDetails() {\n      const abbr = this.states.find(\n        state => state.id === this.organizationState\n      );\n      this.organizationAbbreviation = abbr ? abbr.abbreviation : \"\";\n      try {\n        const response = await billingServer.getInvoice(this.invoiceId);\n        this.invoice = response.data;\n        this.patientName = this.invoice.episodeOfCare.patient.name;\n        this.unpaid = this.invoice.totalAmount - this.invoice.amountPaid > 0;\n        this.paid = !this.unpaid;\n        this.issuedDate = this.invoice.dateFrom ?? null;\n        this.dueDate = this.invoice.dateTo ?? null;\n        this.notes = this.invoice.notes.split(\"\\n\");\n        this.billTo = this.invoice.billTo?.split(\"\\n\");\n        this.clientData = this.invoice.clientData?.split(\"\\n\");\n        this.providerData = this.invoice.providerData?.split(\"\\n\");\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    addPayment() {\n      this.$router.push({\n        name: \"InvoicePayment\",\n        params: {\n          invoiceId: this.invoiceId,\n          totalAmount: this.invoice.totalAmount - this.invoice.amountPaid,\n          refNumber: this.invoice.refNumber\n        }\n      });\n    }\n  }\n});\n</script>\n\n<style scoped>\n.invoice-nav {\n  background-color: #f5f6f9;\n  display: flex;\n  border-radius: 15px;\n  height: 50px;\n  justify-content: space-between;\n  align-content: center;\n  align-items: center;\n}\n</style>\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!./InvoiceDetails.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!./InvoiceDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InvoiceDetails.vue?vue&type=template&id=4fb2d164&scoped=true&\"\nimport script from \"./InvoiceDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./InvoiceDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InvoiceDetails.vue?vue&type=style&index=0&id=4fb2d164&prod&scoped=true&lang=css&\"\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  \"4fb2d164\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceDetails.vue?vue&type=style&index=0&id=4fb2d164&prod&scoped=true&lang=css&\""],"sourceRoot":""}