{"version":3,"sources":["webpack:///./src/views/Components/Company/PaymentPageSettings.vue","webpack:///src/views/Components/Company/PaymentPageSettings.vue","webpack:///./src/views/Components/Company/PaymentPageSettings.vue?8828","webpack:///./src/views/Components/Company/PaymentPageSettings.vue?562a","webpack:///./src/views/Components/Company/PaymentPageSettings.vue?57ae"],"names":["render","_vm","this","_c","_self","staticClass","_m","_v","attrs","patientPortalUrl","directives","name","rawName","value","doUpdatePatientHostName","expression","arg","on","$event","isLetter","model","patientHostName","callback","$$v","copy","patientHostLoading","staticStyle","qrCode","preventDefault","downloadQrCode","apply","arguments","submit","paymentPageAutoAssociatePatients","ref","scopedSlots","_u","key","fn","_ref","handleSubmit","submitNote","paymentPageNoteLabel","paymentPageNoteDetail","paymentPageRequireNote","staticRenderFns","components","BaseTextArea","props","company","bindPaymentPageSettings","updatePaymentPageSettings","updatePatientHostName","sendPaymentPageEmail","data","email","more","local_saved","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","r","wrap","_context","prev","next","sent","stop","methods","link","document","createElement","body","appendChild","setAttribute","click","e","char","String","fromCharCode","keyCode","test","_this","text","navigator","clipboard","writeText","then","$emitter","emit","message","err","_submitNote","_callee2","_context2","_doUpdatePatientHostName","_callee3","_context3","noProgress","companyId","id","isSuccess","_submit","_callee4","_context4","abrupt","sendEmailSubmit","_sendEmailSubmit","_callee5","saved","_context5","component"],"mappings":"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","file":"js/Components-Company-PaymentPageSettings-vue.428a4a63.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row p-1\"},[_vm._m(0),_c('div',{staticClass:\"col-7 pl-6\"},[_c('b-card',{staticClass:\"border shadow-sm\"},[_c('h3',[_vm._v(\"Branded Payment Page\")]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\"\\n        Please enter the name you would like to use for your payment page URL.\\n      \")]),_c('b-input-group',{staticClass:\"mt-3\",attrs:{\"prepend\":_vm.patientPortalUrl + '/'}},[_c('b-form-input',{directives:[{name:\"debounce\",rawName:\"v-debounce:300ms\",value:(_vm.doUpdatePatientHostName),expression:\"doUpdatePatientHostName\",arg:\"300ms\"}],attrs:{\"rules\":\"required\",\"name\":\"Host Name\"},on:{\"keypress\":function($event){return _vm.isLetter($event)}},model:{value:(_vm.patientHostName),callback:function ($$v) {_vm.patientHostName=$$v},expression:\"patientHostName\"}}),_c('b-input-group-append',[_c('b-button',{staticClass:\"btn-outline-primary shadow-none\",attrs:{\"type\":\"button\",\"id\":\"copy-button\",\"data-placement\":\"button\"},on:{\"click\":_vm.copy}},[_vm._v(\"Copy\")])],1)],1),_c('div',{staticClass:\"light-alert mb-0 mt-4\"},[_c('i',{staticClass:\"fa-solid fa-triangle-exclamation\"}),_vm._v(\"Changing the payment\\n        page URL will result in the old link no longer working.\\n      \")]),_c('p',{staticClass:\"text-muted pt-4\"},[_vm._v(\"\\n        Download and place this QR code on statements, web pages, or any other\\n        source you'd like to link to your branded payment page.\\n      \")]),(_vm.patientHostLoading)?_c('div',{staticClass:\"d-flex align-items-center justify-content-center\",staticStyle:{\"width\":\"160px\",\"height\":\"160px\"}},[_c('loading-svg',{attrs:{\"width\":50,\"height\":50}})],1):_c('div',[_c('img',{staticStyle:{\"width\":\"160px\"},attrs:{\"src\":_vm.qrCode}}),_c('br'),_c('br')]),_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.downloadQrCode.apply(null, arguments)}}},[_c('i',{staticClass:\"fa-solid fa-cloud-arrow-down\"}),_vm._v(\"  Download\")])],1),_c('b-card',{staticClass:\"border shadow-sm\"},[_c('h3',[_vm._v(\"Auto Association\")]),_c('p',{staticClass:\"text-muted\",staticStyle:{\"max-width\":\"550px\"}},[_vm._v(\"\\n        Automatically post the payment to the patient's ledger if Crown is\\n        able to match the information submitted.\\n      \")]),_c('b-form-checkbox',{staticClass:\"pb-3\",attrs:{\"switch\":\"\",\"size\":\"lg\"},on:{\"change\":() => {\n            _vm.submit();\n          }},model:{value:(_vm.paymentPageAutoAssociatePatients),callback:function ($$v) {_vm.paymentPageAutoAssociatePatients=$$v},expression:\"paymentPageAutoAssociatePatients\"}})],1),_c('b-card',{staticClass:\"border shadow-sm\"},[_c('validation-observer',{ref:\"formValidator\",scopedSlots:_vm._u([{key:\"default\",fn:function({ handleSubmit }){return [_c('b-form',{attrs:{\"role\":\"form\"},on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.submitNote)}}},[_c('h3',{staticClass:\"pb-0 mb-0\"},[_vm._v(\"Custom Field\")]),_c('p',{staticClass:\"text-muted pb-4\",staticStyle:{\"max-width\":\"550px\"}},[_vm._v(\"\\n            Customize a field on your payment form that will help collect\\n            specific information to identify better who or what this payment\\n            is for.\\n          \")]),_c('base-input',{attrs:{\"rules\":\"required\",\"name\":\"Title\",\"label\":\"Field Title\"},model:{value:(_vm.paymentPageNoteLabel),callback:function ($$v) {_vm.paymentPageNoteLabel=$$v},expression:\"paymentPageNoteLabel\"}}),_c('base-text-area',{attrs:{\"name\":\"Description\",\"label\":\"Field Description\",\"rows\":\"3\"},model:{value:(_vm.paymentPageNoteDetail),callback:function ($$v) {_vm.paymentPageNoteDetail=$$v},expression:\"paymentPageNoteDetail\"}}),_c('h4',{staticClass:\"pb-0 mb-0\"},[_vm._v(\"Require Field\")]),_c('p',{staticClass:\"text-muted\",staticStyle:{\"max-width\":\"550px\"}},[_vm._v(\"\\n            Require that this field cannot be left blank.\\n          \")]),_c('b-form-checkbox',{staticClass:\"pb-3\",attrs:{\"switch\":\"\",\"size\":\"lg\"},model:{value:(_vm.paymentPageRequireNote),callback:function ($$v) {_vm.paymentPageRequireNote=$$v},expression:\"paymentPageRequireNote\"}}),_c('b-button',{staticClass:\"mt-3\",attrs:{\"type\":\"submit\",\"block\":\"\",\"variant\":\"primary\"}},[_vm._v(\"\\n            Save Custom Field\\n          \")])],1)]}}])})],1)],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"col-5\"},[_c('h2',[_vm._v(\"Payment Page\")]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\"\\n      An online payment form is an excellent way to give your patients the\\n      ability to self-service an outstanding balance. Link to a branded\\n      payment page or embed the payment form directly on your website.\\n    \")]),_c('h3',[_vm._v(\"How it works\")]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\"\\n      Patients will complete the payment; if we match enough details to a\\n      patient's profile in your practice management system, we'll\\n      automatically post the payment to the patient ledger.\"),_c('br'),_c('br'),_vm._v(\"If\\n      Crown is uncertain which patient the payment was for, the practice will\\n      be notified via email and the Crown dashboard. From the dashboard you'll\\n      be able associate the payment to the desired patient.\\n    \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"row p-1\">\n    <div class=\"col-5\">\n      <h2>Payment Page</h2>\n      <p class=\"text-muted\">\n        An online payment form is an excellent way to give your patients the\n        ability to self-service an outstanding balance. Link to a branded\n        payment page or embed the payment form directly on your website.\n      </p>\n\n      <h3>How it works</h3>\n      <p class=\"text-muted\">\n        Patients will complete the payment; if we match enough details to a\n        patient's profile in your practice management system, we'll\n        automatically post the payment to the patient ledger.<br /><br />If\n        Crown is uncertain which patient the payment was for, the practice will\n        be notified via email and the Crown dashboard. From the dashboard you'll\n        be able associate the payment to the desired patient.\n      </p>\n    </div>\n    <div class=\"col-7 pl-6\">\n      <b-card class=\"border shadow-sm\">\n        <h3>Branded Payment Page</h3>\n        <p class=\"text-muted\">\n          Please enter the name you would like to use for your payment page URL.\n        </p>\n\n        <b-input-group class=\"mt-3\" :prepend=\"patientPortalUrl + '/'\">\n          <b-form-input\n            v-model=\"patientHostName\"\n            rules=\"required\"\n            name=\"Host Name\"\n            v-on:keypress=\"isLetter($event)\"\n            v-debounce:300ms=\"doUpdatePatientHostName\"\n          ></b-form-input>\n          <b-input-group-append>\n            <b-button\n              class=\"btn-outline-primary shadow-none\"\n              type=\"button\"\n              id=\"copy-button\"\n              data-placement=\"button\"\n              @click=\"copy\"\n              >Copy</b-button\n            >\n          </b-input-group-append>\n        </b-input-group>\n\n        <div class=\"light-alert mb-0 mt-4\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>Changing the payment\n          page URL will result in the old link no longer working.\n        </div>\n\n        <p class=\"text-muted pt-4\">\n          Download and place this QR code on statements, web pages, or any other\n          source you'd like to link to your branded payment page.\n        </p>\n        <div\n          v-if=\"patientHostLoading\"\n          class=\"d-flex align-items-center justify-content-center\"\n          style=\"width:160px;height:160px;\"\n        >\n          <loading-svg :width=\"50\" :height=\"50\"></loading-svg>\n        </div>\n        <div v-else><img :src=\"qrCode\" style=\"width:160px\" /><br /><br /></div>\n\n        <a href=\"#\" @click.prevent=\"downloadQrCode\"\n          ><i class=\"fa-solid fa-cloud-arrow-down\"></i>&nbsp;&nbsp;Download</a\n        >\n      </b-card>\n\n      <b-card class=\"border shadow-sm\">\n        <h3>Auto Association</h3>\n        <p class=\"text-muted\" style=\"max-width:550px\">\n          Automatically post the payment to the patient's ledger if Crown is\n          able to match the information submitted.\n        </p>\n        <b-form-checkbox\n          v-model=\"paymentPageAutoAssociatePatients\"\n          switch\n          @change=\"\n            () => {\n              submit();\n            }\n          \"\n          size=\"lg\"\n          class=\"pb-3\"\n        ></b-form-checkbox>\n      </b-card>\n\n      <b-card class=\"border shadow-sm\">\n        <validation-observer ref=\"formValidator\" v-slot=\"{ handleSubmit }\">\n          <b-form role=\"form\" @submit.prevent=\"handleSubmit(submitNote)\">\n            <h3 class=\"pb-0 mb-0\">Custom Field</h3>\n            <p class=\"text-muted pb-4\" style=\"max-width:550px\">\n              Customize a field on your payment form that will help collect\n              specific information to identify better who or what this payment\n              is for.\n            </p>\n\n            <base-input\n              v-model=\"paymentPageNoteLabel\"\n              rules=\"required\"\n              name=\"Title\"\n              label=\"Field Title\"\n            ></base-input>\n\n            <base-text-area\n              v-model=\"paymentPageNoteDetail\"\n              name=\"Description\"\n              label=\"Field Description\"\n              rows=\"3\"\n            ></base-text-area>\n\n            <h4 class=\"pb-0 mb-0\">Require Field</h4>\n            <p class=\"text-muted\" style=\"max-width:550px\">\n              Require that this field cannot be left blank.\n            </p>\n            <b-form-checkbox\n              v-model=\"paymentPageRequireNote\"\n              switch\n              size=\"lg\"\n              class=\"pb-3\"\n            ></b-form-checkbox>\n\n            <b-button type=\"submit\" block variant=\"primary\" class=\"mt-3\">\n              Save Custom Field\n            </b-button>\n          </b-form></validation-observer\n        >\n      </b-card>\n\n      <!--<b-card class=\"border shadow-sm\">\n        <h3>Embed Code</h3>\n        <p class=\"text-muted\">\n          Copy and paste the following code to embed the payment form directly\n          on your website.<br />\n        </p>\n\n        <div class=\"link-background\">\n          <code>\n            &lt;iframe src=&quot;{{\n              patientPortalUrl + \"/\" + patientHostName + \"/i\"\n            }}&quot; width=&quot;100%&quot; height=&quot;1275&quot;\n            scrolling=&quot;no&quot; allowfullscreen frameborder=&quot;0&quot;\n            marginwidth=&quot;0&quot;\n            marginheight=&quot;0&quot;&gt;&lt;/iframe&gt;\n          </code>\n        </div>\n      </b-card>-->\n\n      <!--<b-card class=\"border shadow-sm mb-0\">\n        <h3>Send Instructions</h3>\n        <p class=\"text-muted\">\n          Email your payment page details with instructions on how to link or\n          embed your payment page.\n        </p>\n\n        <validation-observer ref=\"formValidator\" v-slot=\"{ handleSubmit }\">\n          <b-form role=\"form\" @submit.prevent=\"handleSubmit(sendEmailSubmit)\">\n            <b-input-group class=\"mt-3\">\n              <b-form-input\n                v-model=\"email\"\n                name=\"e-mail\"\n                placeholder=\"e.g. name@domain.com\"\n                rules=\"required|email\"\n              ></b-form-input>\n              <b-input-group-append>\n                <b-button\n                  type=\"submit\"\n                  class=\"btn-outline-primary shadow-none\"\n                  :disabled=\"!email\"\n                  variant=\"primary\"\n                  >Send</b-button\n                >\n              </b-input-group-append>\n            </b-input-group>\n          </b-form></validation-observer\n        >\n      </b-card>-->\n    </div>\n  </div>\n</template>\n\n<script>\nimport BaseTextArea from \"../../../components/Inputs/BaseTextArea.vue\";\nexport default {\n  components: { BaseTextArea },\n  props: {\n    company: null,\n    bindPaymentPageSettings: null,\n    updatePaymentPageSettings: null,\n    updatePatientHostName: null,\n    sendPaymentPageEmail: null,\n  },\n\n  data() {\n    return {\n      patientHostName: this.company.patientHostName,\n      patientPortalUrl: null,\n      paymentPageNoteLabel: null,\n      paymentPageRequireNote: null,\n      patientHostLoading: false,\n      email: null,\n      more: false,\n      local_saved: true,\n      qrCode: null,\n    };\n  },\n  async mounted() {\n    let r = await this.bindPaymentPageSettings();\n\n    this.patientPortalUrl = r.patientPortalUrl;\n    this.patientHostName = r.patientHostName;\n    this.paymentPageNoteLabel = r.paymentPageNoteLabel;\n    this.paymentPageRequireNote = r.paymentPageRequireNote;\n    this.paymentPageNoteDetail = r.paymentPageNoteDetail;\n    this.paymentPageAutoAssociatePatients = r.paymentPageAutoAssociatePatients;\n    this.qrCode = r.qrCode;\n    this.local_saved = true;\n  },\n  methods: {\n    downloadQrCode() {\n      var link = document.createElement(\"a\");\n\n      document.body.appendChild(link); // for Firefox\n\n      link.setAttribute(\"href\", this.qrCode);\n      link.setAttribute(\"download\", \"qrCode.jpeg\");\n      link.click();\n    },\n    isLetter(e) {\n      let char = String.fromCharCode(e.keyCode); // Get the character\n      if (/^[A-Za-z]+$/.test(char)) return true;\n      // Match with regex\n      else e.preventDefault(); // If not match, don't add to input text\n    },\n    copy() {\n      var text = this.patientPortalUrl + \"/\" + this.patientHostName;\n\n      navigator.clipboard.writeText(text).then(\n        () => {\n          this.$emitter.emit(\"success\", { message: \"Copied to clipboard\" });\n        },\n        (err) => {\n          this.$emitter.emit(\n            \"no-success\",\n            \"Unable to copy to clipboard \" + err.message\n          );\n        }\n      );\n    },\n    async submitNote() {\n      if (await this.submit()) {\n        this.$emitter.emit(\"success\", {\n          message: \"Payment Page Information Saved\",\n        });\n      }\n    },\n    async doUpdatePatientHostName() {\n      let r = await this.updatePatientHostName({\n        noProgress: true,\n        companyId: this.company.id,\n        patientHostName: this.patientHostName,\n      });\n\n      if (r.data.isSuccess) {\n        this.qrCode = r.data.value.qrCode;\n      }\n    },\n    async submit() {\n      return await this.updatePaymentPageSettings({\n        noProgress: true,\n        companyId: this.company.id,\n        email: this.email,\n        paymentPageRequireNote: this.paymentPageRequireNote,\n        updatePatientHostName: this.updatePatientHostName,\n        paymentPageNoteLabel: this.paymentPageNoteLabel,\n        paymentPageNoteDetail: this.paymentPageNoteDetail,\n        paymentPageAutoAssociatePatients: this.paymentPageAutoAssociatePatients,\n      });\n    },\n    async sendEmailSubmit() {\n      var saved = await this.sendPaymentPageEmail({\n        companyId: this.company.id,\n        patientHostName: this.patientHostName,\n        email: this.email,\n      });\n\n      if (saved) {\n        this.$emitter.emit(\"success\", {\n          message: \"Email sent with payment page instructions.\",\n        });\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n.link-background {\n  border-radius: 6px;\n  background: #f6f9fc;\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!./PaymentPageSettings.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!./PaymentPageSettings.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PaymentPageSettings.vue?vue&type=template&id=2b6c2ed0&scoped=true\"\nimport script from \"./PaymentPageSettings.vue?vue&type=script&lang=js\"\nexport * from \"./PaymentPageSettings.vue?vue&type=script&lang=js\"\nimport style0 from \"./PaymentPageSettings.vue?vue&type=style&index=0&id=2b6c2ed0&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  \"2b6c2ed0\",\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/index.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!./PaymentPageSettings.vue?vue&type=style&index=0&id=2b6c2ed0&prod&scoped=true&lang=css\""],"sourceRoot":""}