{"version":3,"sources":["webpack:///./src/components/billing/Billing.vue","webpack:///src/components/billing/Billing.vue","webpack:///./src/components/billing/Billing.vue?7e5f","webpack:///./src/components/billing/Billing.vue?e36c","webpack:///./src/components/billing/Billing.vue?3838"],"names":["render","_vm","this","_c","_self","_setupProxy","_v","staticClass","attrs","practiceSuiteBaseUrl","staticRenderFns","name","components","Layout","PatientPaymentMethodsAdd","props","reload","type","required","data","loading","showAddPaymentMethodFirst","computed","patientId","balanceDue","methods","payAll","formatDate","xhr","self","console","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAUF,EAAIG,MAAMC,YAAY,OAAOF,EAAG,SAAS,CAACA,EAAG,eAAeF,EAAIK,GAAG,KAAKH,EAAG,MAAM,CAACI,YAAY,kBAAkB,CAACJ,EAAG,MAAM,CAACI,YAAY,OAAO,CAACJ,EAAG,MAAM,CAACI,YAAY,UAAU,CAACJ,EAAG,SAAS,CAACA,EAAG,MAAM,CAACI,YAAY,oBAAoB,CAACJ,EAAG,SAAS,CAACI,YAAY,cAAcC,MAAM,CAAC,IAAMP,EAAIQ,qBAAqB,YAAc,YAAY,QAAQ,IAEtZC,EAAkB,G,wEC2BP,+BAAgB,CAC/BC,eACAC,YAAAC,cAAAC,iCACAC,OACAC,QACAC,aACAC,cAGAC,OACA,OACAC,WACAC,6BACAZ,0BAGA,gBACA,gBACA,yBACA,0BAEAa,aACA,0BACAC,gCAGAC,gBAEAC,YACA,yCAEAC,WAEAC,cACA,0BAGA,0BACA,yCACA,gBAEA,qBACA,yBACAC,+BACAA,uBACAA,sBACAA,gDACAA,SAEA,WACA,aACA,8BACA,kBAEAC,0DAEAC,6BCrFgW,I,wBCQ5VC,EAAY,eACd,EACA/B,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAqB,E,kECnBf","file":"chunk-4dae6db5.27451e80.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('layout',[_c('router-view'),_vm._v(\" \"),_c('div',{staticClass:\"container mt-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('b-card',[_c('div',{staticClass:\"iframe-container\"},[_c('iframe',{staticClass:\"h-100 w-100\",attrs:{\"src\":_vm.practiceSuiteBaseUrl,\"frameBorder\":\"0\"}})])])],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <layout>\n    <router-view />\n    <div class=\"container mt-4\">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <b-card>\n            <div class=\"iframe-container\">\n              <iframe\n                :src=\"practiceSuiteBaseUrl\"\n                frameBorder=\"0\"\n                class=\"h-100 w-100\"\n              ></iframe>\n            </div>\n          </b-card>\n        </div>\n      </div>\n    </div>\n  </layout>\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\nimport { defineComponent } from \"vue\";\nimport Layout from \"../workspace/Layout.vue\";\n\nimport PatientPaymentMethodsAdd from \"./PatientPaymentMethodsAdd.vue\";\nimport { formatDateOnly } from \"../../helpers/date\";\nimport practiceSuiteServer from \"../../server/practiceSuite\";\nexport default defineComponent({\n  name: \"Billing\",\n  components: { Layout, PatientPaymentMethodsAdd },\n  props: {\n    reload: {\n      type: Boolean,\n      required: false\n    }\n  },\n  data() {\n    return {\n      loading: false,\n      showAddPaymentMethodFirst: false,\n      practiceSuiteBaseUrl: \"\"\n    };\n  },\n  async mounted() {\n    this.loading = true;\n    this.fetchStates();\n    await this.showPortalPayment();\n  },\n  computed: {\n    ...mapState(\"session\", {\n      patientId: state => state.user.PatientId\n    }),\n\n    balanceDue() {}\n  },\n  methods: {\n    ...mapActions(\"client\", [\"fetchStates\"]),\n\n    payAll() {},\n\n    formatDate(date) {\n      return formatDateOnly(date);\n    },\n\n    async showPortalPayment() {\n      const urlDataResult = await practiceSuiteServer.getPortalPaymentUrl(\n        this.patientId\n      );\n      const token = urlDataResult.data.accessToken;\n      var xhr = new XMLHttpRequest();\n      xhr.open(\"GET\", urlDataResult.data.clientUrl);\n      xhr.onreadystatechange = handler;\n      xhr.responseType = \"blob\";\n      xhr.setRequestHeader(\"Authorization\", \"Bearer \" + token);\n      xhr.send();\n\n      let self = this;\n      function handler() {\n        if (this.readyState === this.DONE) {\n          if (this.status === 200) {\n            // this.response is a Blob, because we set responseType above\n            self.practiceSuiteBaseUrl = URL.createObjectURL(this.response);\n          } else {\n            console.error(\"error\");\n          }\n        }\n      }\n    }\n  }\n});\n</script>\n\n<style scoped>\n.due-container {\n  background-color: #f5f6f9;\n  border-radius: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 200px;\n}\n\n.due-container button {\n  font-size: 1.2rem;\n  padding: 10px 30px;\n  color: white;\n  height: 50px;\n}\n\n.iframe-container {\n  height: 850px;\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!./Billing.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!./Billing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Billing.vue?vue&type=template&id=36106434&scoped=true&\"\nimport script from \"./Billing.vue?vue&type=script&lang=js&\"\nexport * from \"./Billing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Billing.vue?vue&type=style&index=0&id=36106434&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  \"36106434\",\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!./Billing.vue?vue&type=style&index=0&id=36106434&prod&scoped=true&lang=css&\""],"sourceRoot":""}