{"version":3,"sources":["webpack:///./src/views/billing/Invoice.vue?43f5","webpack:///./src/components/listing/CustomListingComponent.vue?7ac9","webpack:///./src/components/listing/CustomTableHeader.vue?66d7","webpack:///src/components/listing/CustomTableHeader.vue","webpack:///./src/components/listing/CustomTableHeader.vue?10e0","webpack:///./src/components/listing/CustomTableHeader.vue","webpack:///src/components/listing/CustomListingComponent.vue","webpack:///./src/components/listing/CustomListingComponent.vue?a717","webpack:///./src/components/listing/CustomListingComponent.vue","webpack:///src/views/billing/Invoice.vue","webpack:///./src/views/billing/Invoice.vue?cc2f","webpack:///./src/views/billing/Invoice.vue?9404","webpack:///./src/components/listing/CustomTableHeader.vue?fbcf","webpack:///./src/views/billing/Invoice.vue?e118"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","_v","_s","$store","getters","getDueBalance","ref","requestProvider","columnConfig","staticRenderFns","loading","limit","addNewButton","on","updateLimit","resetPreferences","sortField","order","_g","list","start","selected","$listeners","_e","_l","column","index","key","class","columnCode","icon","columnName","name","props","type","Array","required","String","Number","data","pageSelected","methods","toggleSort","$emit","component","components","CustomTableHeader","TableBody","TableHeaderPanel","Function","default","initialized","totalCount","searchKey","startDate","endDate","computed","hasContent","created","onInitialize","$nextTick","doRequest","$loading","show","getRequestParams","getSortOrder","sortOrder","$refs","filterModal","filterData","filterParams","date","setHours","getHours","startTime","Date","getTime","endTime","companyList","selectedCompany","dueBalance","payload","params","company_id","value","axios","post","onClickDownload","window","open","url","CustomListingComponent"],"mappings":"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","file":"asset/js/chunk-dafde03c.591a089e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-6\"},[_c('b-card',{staticClass:\"text-center\",staticStyle:{\"padding-bottom\":\"0.5rem\"},attrs:{\"bg-variant\":\"danger\",\"text-variant\":\"white\"}},[_c('b-card-text',{staticStyle:{\"font-size\":\"30px\"}},[_vm._v(\"Due Balance: $\"+_vm._s(this.$store.getters.getDueBalance()))])],1)],1),_c('div',{staticClass:\"col-sm-6 billing\"},[_c('b-card',{staticClass:\"text-center\",attrs:{\"bg-variant\":\"success\"}},[_c('b-card-text',[_c('span',{staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"Payments received by\")]),_c('br'),_c('span',[_c('i',[_vm._v(\"Zelle\")]),_vm._v(\": admin@brilom.com\")]),_c('br'),_c('span',[_c('i',[_vm._v(\"Cash App\")]),_vm._v(\": $BrilomGroup\")]),_c('br'),_c('span',[_vm._v(\"Note: Always include your company’s ID in the notes.\")])])],1)],1)]),_c('CustomListingComponent',{ref:\"invoiceLists\",staticClass:\"bg-white\",attrs:{\"requestProvider\":_vm.requestProvider,\"columnConfig\":_vm.columnConfig}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.initialized)?_c('div',{staticClass:\"table-wrapper d-flex flex-column flex-grow-1\"},[_c('TableHeaderPanel',{attrs:{\"loading\":_vm.loading,\"hideSearchBar\":\"\",\"limit\":this.limit,\"addNewButton\":_vm.addNewButton},on:{\"update-limit\":_vm.updateLimit,\"reset\":_vm.resetPreferences}}),_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-curved table-td-align-middle\"},[_c('CustomTableHeader',{ref:\"header\",attrs:{\"columnConfig\":_vm.columnConfig,\"sortField\":_vm.sortField,\"order\":_vm.order}}),(_vm.hasContent)?_c('TableBody',_vm._g({ref:\"body\",attrs:{\"list\":_vm.list,\"columnConfig\":_vm.columnConfig,\"start\":_vm.start,\"selected\":_vm.selected}},_vm.$listeners)):_vm._e()],1)])],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',{staticClass:\"thead-light\"},[_c('tr',_vm._l((_vm.columnConfig),function(column,index){return _c('th',{key:index,class:{'text-center': column.columnCode === 'actions'}},[(column.columnCode === 'action')?_c('Render',{attrs:{\"data\":column,\"render\":column.icon}}):_c('span',[_vm._v(_vm._s(column.columnName))])],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <thead class=\"thead-light\">\n  <tr>\n    <th v-for=\"(column, index) in columnConfig\" :key=\"index\"\n        :class=\"{'text-center': column.columnCode === 'actions'}\">\n      <Render v-if=\"column.columnCode === 'action'\" :data=\"column\" :render=\"column.icon\"/>\n      <span v-else>{{ column.columnName }}</span>\n    </th>\n  </tr>\n  </thead>\n</template>\n\n<script>\nexport default {\n  name: 'CustomTableHeader',\n  props: {\n    columnConfig: {\n      type: Array,\n      required: true\n    },\n    sortField: {\n      type: String,\n      required: true\n    },\n    order: {\n      type: Number,\n      required: true\n    }\n  },\n  data () {\n    return {\n      pageSelected: false\n    }\n  },\n  methods: {\n    toggleSort (columnCode) {\n      this.$emit('sort-update', columnCode)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n  th.vue-table-header {\n    white-space: nowrap;\n    align-content: center;\n\n    .is-clickable {\n      cursor: pointer;\n    }\n\n    .table-header-controls {\n      .sorter {\n        cursor: pointer;\n        opacity: 0.5;\n\n        &:hover {\n          opacity: 1;\n        }\n      }\n    }\n  }\n  .action-column {\n    width: 50px;\n  }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./CustomTableHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./CustomTableHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomTableHeader.vue?vue&type=template&id=588dc84a&scoped=true&\"\nimport script from \"./CustomTableHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomTableHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomTableHeader.vue?vue&type=style&index=0&id=588dc84a&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  \"588dc84a\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"table-wrapper d-flex flex-column flex-grow-1\" v-if=\"initialized\">\n    <TableHeaderPanel :loading=\"loading\"\n                      hideSearchBar\n                      :limit=\"this.limit\"\n                      :addNewButton=\"addNewButton\"\n                      @update-limit=\"updateLimit\"\n                      @reset=\"resetPreferences\"/>\n    <div class=\"table-responsive\">\n      <table class=\"table table-curved table-td-align-middle\">\n        <CustomTableHeader :columnConfig=\"columnConfig\"\n                     :sortField=\"sortField\"\n                     :order=\"order\"\n                     ref=\"header\"/>\n        <TableBody v-on=\"$listeners\"\n                   :list=\"list\"\n                   :columnConfig=\"columnConfig\"\n                   :start=\"start\"\n                   :selected=\"selected\"\n                   ref=\"body\"\n                   v-if=\"hasContent\"/>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CustomTableHeader from './CustomTableHeader.vue'\nimport TableBody from './TableBody.vue'\nimport TableHeaderPanel from './TableHeaderPanel.vue'\nexport default {\n  name: 'CustomListingComponent',\n  components: {\n    CustomTableHeader,\n    TableBody,\n    TableHeaderPanel\n  },\n  props: {\n    requestProvider: {\n      type: Function,\n      required: true\n    },\n    columnConfig: {\n      type: Array,\n      default: () => [],\n      required: true\n    },\n    addNewButton: {\n      type: Function\n    }\n  },\n  data () {\n    return {\n      loading: false,\n      initialized: false,\n      list: [],\n      totalCount: 0,\n      searchKey: '',\n      start: 0,\n      limit: 30,\n      sortField: '',\n      order: 0,\n      selected: [],\n      startDate: null,\n      endDate: null\n    }\n  },\n  computed: {\n    hasContent () {\n      return this.totalCount\n    }\n  },\n  created () {\n    this.onInitialize()\n  },\n  methods: {\n    onInitialize () {\n      this.$nextTick(() => {\n        this.initialized = true\n      })\n      this.doRequest()\n    },\n    resetPreferences () {\n      this.start = 0\n      this.searchKey = ''\n      this.startDate = null\n      this.endDate = null\n      this.onInitialize()\n    },\n    updateLimit (limit) {\n      this.limit = limit\n\n      this.doRequest()\n    },\n    doRequest () {\n      this.loading = true\n\n      this.$loading.show()\n      this.requestProvider(this.getRequestParams())\n        .then(data => {\n          if (data && data.data) {\n            this.loading = false\n\n            this.list = data.data.items\n            this.totalCount = data.data.count || 0\n          }\n          this.$loading.hide()\n        }).catch((e) => {\n          this.loading = false\n          this.$loading.hide()\n        })\n    },\n    getSortOrder () {\n      if (this.order === 0) {\n        return 'asc'\n      }\n      return 'desc'\n    },\n    getRequestParams () {\n      const listParams = {\n        start: this.start,\n        limit: this.limit,\n        searchKey: this.searchKey,\n        sortField: this.sortField,\n        sortOrder: this.getSortOrder()\n      }\n      let filterParams = {}\n      if (this.$refs.filterModal && this.$refs.filterModal.filterData) {\n        filterParams = this.$refs.filterModal.filterData\n      } else if (this.selectDefaultDate) {\n        const date = new Date()\n        date.setHours(date.getHours() - 24)\n        filterParams = {\n          startTime: new Date(date).getTime(),\n          endTime: new Date().getTime()\n        }\n      }\n      const params = {\n        ...listParams,\n        ...filterParams\n\n      }\n      return { params }\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./CustomListingComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./CustomListingComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomListingComponent.vue?vue&type=template&id=70b6a604&scoped=true&\"\nimport script from \"./CustomListingComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomListingComponent.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  \"70b6a604\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <div class=\"row\">\n      <div class=\"col-sm-6\">\n        <b-card bg-variant=\"danger\" text-variant=\"white\" class=\"text-center\" style=\"padding-bottom: 0.5rem\">\n          <b-card-text style=\"font-size: 30px\">Due Balance: ${{this.$store.getters.getDueBalance()}}</b-card-text>\n        </b-card>\n      </div>\n      <div class=\"col-sm-6 billing\">\n        <b-card bg-variant=\"success\" class=\"text-center\">\n          <b-card-text>\n            <span style=\"font-size: 20px\">Payments received by</span><br>\n            <span><i>Zelle</i>: admin@brilom.com</span><br>\n            <span><i>Cash App</i>: $BrilomGroup</span><br>\n            <span>Note: Always include your company’s ID in the notes.</span>\n          </b-card-text>\n        </b-card>\n      </div>\n    </div>\n    <CustomListingComponent ref=\"invoiceLists\" class=\"bg-white\"\n                      :requestProvider=\"requestProvider\"\n                      :columnConfig=\"columnConfig\">\n    </CustomListingComponent>\n  </div>\n</template>\n\n<script>\nimport CustomListingComponent from '@/components/listing/CustomListingComponent'\nimport { INVOICE_COMPLETED, INVOICE_OPEN, SERVICE_INVOICE } from '../../constants'\nimport '@/mixins/generalMixin'\nexport default {\n  name: 'Invoice',\n  data () {\n    return {\n      companyList: [],\n      selectedCompany: null,\n      dueBalance: 0,\n      columnConfig: [\n        {\n          columnCode: 'action',\n          columnName: 'Status',\n          align: 'left',\n          custom: true,\n          value: (item) => {\n            return (item.Status === INVOICE_OPEN ? (<span class=\"badge badge-warning\">Unpaid</span>) : (item.Status === INVOICE_COMPLETED ? <span class=\"badge badge-success\">Paid</span> : <span class=\"badge badge-secondary\">Pending</span>))\n          }\n        },\n        {\n          columnCode: 'number',\n          columnName: 'Invoice Number',\n          align: 'left',\n          value: item => {\n            return 'INV' + item.CompositeID\n          }\n        },\n        {\n          columnCode: 'type',\n          columnName: 'Type',\n          align: 'left',\n          addClass: true,\n          value: item => {\n            return item.Type === SERVICE_INVOICE ? 'Service' : 'Membership'\n          },\n          className: item => {\n            return item.Type === SERVICE_INVOICE ? 'badge badge-success' : 'badge badge-info'\n          }\n        },\n        {\n          columnCode: 'amount',\n          columnName: 'Amount',\n          align: 'left',\n          value: item => {\n            return item.Amount ? '$' + (item.Amount.toFixed(2)) : '$0.00'\n          }\n        },\n        {\n          columnCode: 'discount',\n          columnName: 'Discount',\n          align: 'left',\n          value: item => {\n            return item.Discount > 0 ? '$' + (item.Discount.toFixed(2)) : '$0.00'\n          }\n        },\n        {\n          columnCode: 'totalDueBalance',\n          columnName: 'Total Due Balance',\n          align: 'left',\n          value: item => {\n            return item.Amount > 0 ? '$' + ((item.Amount - item.Discount).toFixed(2)) : '$0.00'\n          }\n        },\n        {\n          columnCode: 'startDate',\n          columnName: 'Start Date',\n          align: 'left',\n          value: item => {\n            return this.dateFormat(item.StartDate)\n          }\n        },\n        {\n          columnCode: 'enddate',\n          columnName: 'End Date',\n          align: 'left',\n          value: item => {\n            return this.dateFormat(item.EndDate)\n          }\n        },\n        {\n          columnCode: 'dueDate',\n          columnName: 'Due Date',\n          align: 'left',\n          value: item => {\n            return this.dateFormat(item.DueDate)\n          }\n        },\n        {\n          columnCode: 'paidDate',\n          columnName: 'Paid Date',\n          align: 'left',\n          value: item => {\n            return item.Status === INVOICE_COMPLETED ? this.dateFormat(item.CompletedDate) : 'N/A'\n          }\n        },\n        {\n          columnCode: 'detail',\n          columnName: 'Actions',\n          align: 'left',\n          custom: true,\n          value: item => {\n            let download\n            if (item.Type === SERVICE_INVOICE) {\n              download = <b-button onClick={() => this.onClickDownload(item.CompositeID)}>Download</b-button>\n            } else {\n              download = 'N/A'\n            }\n            return (\n              <div class=\"action-buttons\">\n                {download}\n              </div>\n            )\n          }\n        }\n      ]\n    }\n  },\n  methods: {\n    requestProvider (payload) {\n      if (this.selectedCompany) {\n        payload.params.company_id = this.selectedCompany.value\n      }\n      return this.axios.post('api/invoices', payload.params)\n    },\n    onClickDownload (ID) {\n      const url = '/api/invoice/download/' + ID\n      window.open(url, '_blank')\n    }\n  },\n  components: {\n    CustomListingComponent\n  }\n}\n</script>\n\n<style scoped>\n.fa-exclamation-circle {\n  color: #d69405;\n  font-size: 20px;\n}\n.fa-check-circle {\n  color: green;\n  font-size: 20px;\n}\n.fa-clock {\n  color: #a7040b;\n  font-size: 20px;\n}\n\n.fa-circle {\n  font-size: 20px;\n}\n.action-buttons .btn{\n  margin-right: 8px\n}\n\n.billing .card-body {\n  margin: 0;\n  padding: 0;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./Invoice.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./Invoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Invoice.vue?vue&type=template&id=628b867f&scoped=true&\"\nimport script from \"./Invoice.vue?vue&type=script&lang=js&\"\nexport * from \"./Invoice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Invoice.vue?vue&type=style&index=0&id=628b867f&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  \"628b867f\",\n  null\n  \n)\n\nexport default component.exports","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!./CustomTableHeader.vue?vue&type=style&index=0&id=588dc84a&lang=scss&scoped=true&\"","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!./Invoice.vue?vue&type=style&index=0&id=628b867f&scoped=true&lang=css&\""],"sourceRoot":""}