{"version":3,"sources":["webpack:///./src/views/pages/patients/PatientsImport.vue?fcec","webpack:///./src/views/pages/patients/PatientsImport.vue?0f85","webpack:///src/views/pages/patients/PatientsImport.vue","webpack:///./src/views/pages/patients/PatientsImport.vue?6900","webpack:///./src/views/pages/patients/PatientsImport.vue?a4a9"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","_v","on","$event","downloadExcel","scopedSlots","_u","key","fn","handleSubmit","preventDefault","importPatient","errors","clinicList","model","value","callback","$$v","clinic_id","expression","file","_e","_s","chooseFiles","class","fileName","resetFullForm","handleFileUpload","staticStyle","errorMessage","_l","error","e","resetImport","staticRenderFns","name","components","mixins","ErrorMessages","data","selected_clinic","formImport","fileInputKey","errorList","methods","document","getElementById","click","forceFileDownload","link","href","url","setAttribute","title","body","appendChild","event","target","files","$nextTick","length","watch","component"],"mappings":"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","file":"js/chunk-ecc4f226.26c45554.js","sourcesContent":["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!./PatientsImport.vue?vue&type=style&index=0&id=ce3d4d06&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"primed-v2 vs-con-loading__container\",attrs:{\"id\":\"patient_import\"}},[_c('vx-card',{ref:\"filterCard\",staticClass:\"shop border-b-0 mb-8 z-10\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('span',{staticClass:\"label_star text-black font-semibold\"},[_vm._v(\"Download and use this Excel sheet to import patients\")]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"sm:ml-5 ml-5 mt-5 h-10 vx-col sm:w-1/3 w-full text-center sm:text-left\"},[_c('span',{staticClass:\"sm:ml-5\"},[_vm._v(\"Download Instructions\")])]),_c('div',{staticClass:\"vx-col sm:w-1/3 sm:mt-5 w-full grid justify-items-center sm:justify-items-start\"},[_c('vs-button',{staticClass:\"pr-btn link font-bold fs-mid ml-5 md:ml-5\",attrs:{\"color\":\"primary\",\"type\":\"border\",\"icon\":\"icon-download\",\"icon-pack\":\"feather\"},on:{\"click\":function($event){return _vm.downloadExcel('Instructions.pdf', '/excel/Instructions.pdf')}}},[_vm._v(\"\\n               Instructions\\n            \")])],1)]),_c('div',{staticClass:\"vx-row sm:pb-5\"},[_c('div',{staticClass:\"sm:ml-5 ml-5 mt-5 h-10 vx-col sm:w-1/3 w-full text-center sm:text-left\"},[_c('span',{staticClass:\"sm:ml-5\"},[_vm._v(\"Download Excel Format\")])]),_c('div',{staticClass:\"vx-col sm:w-1/3 sm:mt-5 w-full grid justify-items-center sm:justify-items-start\"},[_c('vs-button',{staticClass:\"pr-btn link font-bold fs-mid ml-5 md:ml-5\",attrs:{\"color\":\"primary\",\"type\":\"border\",\"icon\":\"icon-download\",\"icon-pack\":\"feather\"},on:{\"click\":function($event){return _vm.downloadExcel('Patients Import.xlsx', '/excel/Patients Upload.xlsx')}}},[_vm._v(\"\\n                Excel Format\\n              \")])],1)])])])]),_c('vx-card',{ref:\"filterCard\",staticClass:\"shop border-b-0 mb-8 z-10\"},[_c('ValidationObserver',{ref:\"form_import_patient\",scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar handleSubmit = ref.handleSubmit;\nreturn [_c('form',{on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.importPatient)}}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"m-5 h-10 vx-col w-1/3 label-hide\"},[_c('span',{staticClass:\"ml-5\"},[_vm._v(\"Clinic\")])]),_c('div',{staticClass:\"vx-col md:w-1/4 w-full mt-8 grid justify-items-stretch\"},[_c('ValidationProvider',{attrs:{\"name\":\"clinic_id\",\"rules\":\"required\",\"vid\":\"clinic_id\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('v-select',{staticClass:\"-mt-4\",attrs:{\"options\":_vm.clinicList,\"label\":\"text\",\"placeholder\":\"Select Clinic *\"},model:{value:(_vm.clinic_id),callback:function ($$v) {_vm.clinic_id=$$v},expression:\"clinic_id\"}}),(_vm.file!=='' && _vm.clinic_id===null)?_c('span',{staticClass:\"error-text\"},[_vm._v(\"This field is required\")]):_vm._e(),(_vm.file==='' && _vm.clinic_id===null)?_c('span',{staticClass:\"error-text\"},[_vm._v(_vm._s(errors[0]))]):_vm._e()]}}],null,true)})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"m-5 h-10 vx-col w-1/3 label-hide\"},[_c('span',{staticClass:\"ml-5\"},[_vm._v(\"Patients Details\")])]),_c('div',{staticClass:\"vx-col px-0 w-full md:w-1/3 my-5 grid justify-items-stretch\"},[_c('div',{staticClass:\"pop-content justify-self-center md:justify-self-start md:ml-5\",on:{\"click\":function($event){return _vm.chooseFiles()}}},[_c('label',{staticClass:\"w-64 flex flex-col items-center px-4 my-4 py-3 rounded-lg shadow-lg tracking-wide border-2 border-primary cursor-pointer\",class:_vm.file ? 'bg-clr-primary': ''},[_c('vs-icon',{staticClass:\"text-primary justify-self-center\",class:_vm.file ? 'text-white':'',attrs:{\"size\":\"medium\",\"icon\":\"icon-upload-cloud\",\"icon-pack\":\"feather\"}}),(!_vm.file)?_c('span',{staticClass:\"mt-2 text-primary font-medium\"},[_vm._v(\"Select an excel file\")]):_c('span',{staticClass:\"mt-2 text-white font-medium\"},[_vm._v(_vm._s(_vm.fileName))]),(!_vm.resetFullForm)?_c('input',{ref:\"imageUploader\",staticClass:\"hidden\",attrs:{\"id\":\"excelUpdate\",\"accept\":\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\"type\":\"file\"},on:{\"change\":_vm.handleFileUpload}}):_vm._e()],1)])])]),(_vm.error)?_c('div',{staticClass:\"grid justify-items-stretch bg-clr-red-200\"},[_c('span',{staticClass:\"text-danger justify-self-center my-5\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.errorMessage))]),_vm._l((_vm.errorList),function(error){return _c('div',{staticClass:\"text-danger pb-4 px-3 justify-self-center\"},_vm._l((error),function(e){return _c('div',{staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"\\n                \"+_vm._s(e)+\"\\n                \")])}),0)})],2):_vm._e(),_c('div',{staticClass:\"flex flex-wrap items-center justify-end\"},[_c('vs-button',{staticClass:\"sm:ml-auto sm:mr-5 mt-2 text-center btn-w\",attrs:{\"color\":\"dark\",\"type\":\"flat\"},on:{\"click\":_vm.resetImport}},[_vm._v(\"Reset\\n            \")]),_c('vs-button',{staticClass:\"mt-2 btn-w\",attrs:{\"button\":\"submit\",\"id\":\"import\"}},[_vm._v(\"Import Patients\")])],1)])]}}])})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"primed-v2 vs-con-loading__container\" id=\"patient_import\">\n    <vx-card\n      ref=\"filterCard\"\n      class=\"shop border-b-0 mb-8 z-10\"\n    >\n      <div class=\"vx-row\">\n        <div class=\"vx-col w-full\">\n          <span\n            class=\"label_star text-black font-semibold\">Download and use this Excel sheet to import patients</span>\n          <div class=\"vx-row\">\n          <div class=\"sm:ml-5 ml-5 mt-5 h-10 vx-col sm:w-1/3 w-full text-center sm:text-left\">\n            <span class=\"sm:ml-5\">Download Instructions</span>\n          </div>\n          <div class=\"vx-col sm:w-1/3 sm:mt-5 w-full grid justify-items-center sm:justify-items-start\">\n            <vs-button\n              class=\"pr-btn link font-bold fs-mid ml-5 md:ml-5\"\n              color=\"primary\"\n              type=\"border\"\n              @click=\"downloadExcel('Instructions.pdf', '/excel/Instructions.pdf')\"\n              icon=\"icon-download\"\n              icon-pack=\"feather\"\n            >\n               Instructions\n            </vs-button>\n          </div>\n          </div>\n\n          <div class=\"vx-row sm:pb-5\">\n            <div class=\"sm:ml-5 ml-5 mt-5 h-10 vx-col sm:w-1/3 w-full text-center sm:text-left\">\n              <span class=\"sm:ml-5\">Download Excel Format</span>\n            </div>\n            <div class=\"vx-col sm:w-1/3 sm:mt-5 w-full grid justify-items-center sm:justify-items-start\">\n              <vs-button\n                class=\"pr-btn link font-bold fs-mid ml-5 md:ml-5\"\n                color=\"primary\"\n                type=\"border\"\n                @click=\"downloadExcel('Patients Import.xlsx', '/excel/Patients Upload.xlsx')\"\n                icon=\"icon-download\"\n                icon-pack=\"feather\"\n              >\n                Excel Format\n              </vs-button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </vx-card>\n\n    <vx-card\n      ref=\"filterCard\"\n      class=\"shop border-b-0 mb-8 z-10\"\n    >\n      <ValidationObserver\n        ref=\"form_import_patient\"\n        v-slot=\"{ handleSubmit }\"\n      >\n        <form @submit.prevent=\"handleSubmit(importPatient)\">\n          <div class=\"vx-row\">\n            <div class=\"m-5 h-10 vx-col w-1/3 label-hide\">\n              <span class=\"ml-5\">Clinic</span>\n            </div>\n            <div class=\"vx-col md:w-1/4 w-full mt-8 grid justify-items-stretch\">\n              <ValidationProvider\n                v-slot=\"{ errors }\"\n                name=\"clinic_id\"\n                rules=\"required\"\n                vid=\"clinic_id\"\n              >\n                <v-select\n                  v-model=\"clinic_id\"\n                  class=\"-mt-4\"\n                  :options=\"clinicList\"\n                  label=\"text\"\n                  placeholder=\"Select Clinic *\"\n                />\n\n                <span v-if=\"file!=='' && clinic_id===null\" class=\"error-text\">This field is required</span>\n                <span v-if=\"file==='' && clinic_id===null\" class=\"error-text\">{{ errors[0] }}</span>\n              </ValidationProvider>\n            </div>\n          </div>\n\n            <div class=\"vx-row\">\n              <div class=\"m-5 h-10 vx-col w-1/3 label-hide\">\n                <span class=\"ml-5\">Patients Details</span>\n              </div>\n            <div class=\"vx-col px-0 w-full md:w-1/3 my-5 grid justify-items-stretch\">\n<!--              <small-->\n<!--                class=\"fs-reg txt-clr-semi-dark-grey font-semibold pl-4 \"-->\n<!--              >Patients Details *</small-->\n<!--              >-->\n              <div class=\"pop-content justify-self-center md:justify-self-start md:ml-5\"\n                   @click=\"chooseFiles()\">\n                <label class=\"w-64 flex flex-col items-center px-4 my-4 py-3 rounded-lg shadow-lg tracking-wide border-2 border-primary cursor-pointer\"\n                :class=\"file ? 'bg-clr-primary': ''\">\n                  <vs-icon\n                    size=\"medium\" icon=\"icon-upload-cloud\"\n                    icon-pack=\"feather\"\n                    :class=\"file ? 'text-white':''\"\n                    class=\"text-primary justify-self-center\">\n                  </vs-icon>\n                  <span  v-if=\"!file\" class=\"mt-2 text-primary font-medium\">Select an excel file</span>\n                  <span v-else class=\"mt-2 text-white font-medium\">{{ fileName }}</span>\n                  <input v-if=\"!resetFullForm\" id=\"excelUpdate\" accept=\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"\n                         ref=\"imageUploader\" type='file' class=\"hidden\" @change=\"handleFileUpload\"/>\n                </label>\n              </div>\n            </div>\n\n          </div>\n          <div v-if=\"error\" class=\"grid justify-items-stretch bg-clr-red-200\">\n            <span class=\"text-danger justify-self-center my-5\" style=\"font-weight: bold\">{{errorMessage}}</span>\n            <div class=\"text-danger pb-4 px-3 justify-self-center\" v-for=\"error in errorList\">\n              <div v-for=\"e in error\" style=\"font-weight: bold\">\n                {{e}}\n                </div>\n            </div>\n          </div>\n          <div class=\"flex flex-wrap items-center justify-end\">\n            <vs-button\n              class=\"sm:ml-auto sm:mr-5 mt-2 text-center btn-w\"\n              color=\"dark\"\n              type=\"flat\"\n              @click=\"resetImport\"\n            >Reset\n            </vs-button\n            >\n            <vs-button button=\"submit\" id=\"import\" class=\"mt-2 btn-w\">Import Patients</vs-button>\n          </div>\n        </form>\n      </ValidationObserver>\n    </vx-card>\n  </div>\n</template>\n\n<script>\nimport {RepositoryFactory} from \"@/repository/RepositoryFactory\"\nimport ErrorMessages from \"@/mixins/ErrorMessages\"\nimport SuccessMessage from \"@/mixins/SuccessMessage\"\nimport {apiUrl} from '@/constants/config'\nimport Cookies from 'js-cookie'\nimport vSelect from \"vue-select\"\nimport axios from 'axios'\n\nconst PatientsRepository = RepositoryFactory.get(\"patients\")\nconst DropDownRepository = RepositoryFactory.get(\"dropdowns\")\nexport default {\n  name: \"PatientsImport\",\n  components: {\n    \"v-select\": vSelect,\n  },\n  mixins: [ErrorMessages, SuccessMessage],\n  data() {\n    return {\n      selected_clinic: null,\n      clinic_id: null,\n      formImport: {},\n      clinicList: [],\n      file: '',\n      fileName: '',\n      fileInputKey: 0,\n      error: false,\n      errorList: [],\n      errorMessage: '',\n      resetFullForm: true\n    };\n  },\n  methods: {\n    chooseFiles: function () {\n      this.resetFullForm = false\n      this.resetImport()\n      document.getElementById('excelUpdate').click();\n    },\n    async downloadExcel(title,url){\n        axios({\n          method: 'get',\n          url,\n          responseType: 'arraybuffer',\n        })\n          .then((response) => {\n            this.forceFileDownload(response, title)\n          })\n          .catch((error) => {\n            this.convertAndNotifyError(error);\n          })\n    },\n    forceFileDownload(response, title) {\n      const url = window.URL.createObjectURL(new Blob([response.data]))\n      const link = document.createElement('a')\n      link.href = url\n      link.setAttribute('download', title)\n      document.body.appendChild(link)\n      link.click()\n    },\n    async importPatient() {\n      if (!this.file) this.showErrorMessage(\"Choose the File.\")\n      else\n        try {\n          this.$vs.loading({container: \"#import\",scale: 0.5})\n          window.Vapor.store(this.file, {\n            progress: progress => {\n              this.uploadProgress = Math.round(progress * 100)\n            },\n            'visibility': 'public-read',\n            baseURL: apiUrl,\n            headers: {\n              'Authorization': `Bearer ${Cookies.get('current_user_token')}`\n            }\n          }).then(async response => {\n            await this.setImageKeyToApi(response.key)\n          })\n        } catch (error) {\n          this.error = true\n          this.errorMessage = error.response.data.message\n          if (error.response.data.errors) {\n            this.errorList = error.response.data.errors\n            this.$vs.loading.close(\"#import > .con-vs-loading\")\n          }\n        }\n    },\n    async setImageKeyToApi(key){\n      try {\n        await PatientsRepository.importPatient(this.clinic_id.value, {key: key})\n        this.showSuccessMessage('Patient list has been imported successfully',1500)\n        setTimeout(() => {\n          this.$router.push({\n            path: `/patients`,\n          });\n        }, 1);\n        this.resetImport()\n        this.$vs.loading.close('#import > .con-vs-loading')\n      }\n      catch (error) {\n        this.error = true\n        this.errorMessage = (error.response.data.error) ? error.response.data.error : error.response.data.message\n        if (error.response.data.errors) this.errorList = error.response.data.errors\n        this.$vs.loading.close(\"#import > .con-vs-loading\")\n      }\n    },\n    handleFileUpload() {\n      this.file = event.target.files[0]\n      this.fileName = event.target.files[0].name\n      this.error = false\n    },\n    resetImport() {\n      this.file =''\n      this.fileName = ''\n      this.error = false\n      this.errorMessage = ''\n      this.errorList = []\n      this.fileInputKey++\n      if (this.resetFullForm) {\n        this.$nextTick(() => {\n          this.$refs.form_import_patient.reset()\n        });\n        if (this.clinicList.length === 1) this.clinic_id = this.clinicList[0]\n        else this.clinic_id = null\n      } else this.$refs.imageUploader.value = '';\n      this.resetFullForm = true\n    },\n    async getClinics() {\n      try {\n        this.$vs.loading({\n          container: \"#patient_import\",\n          scale: 1,\n        });\n        const response = (await DropDownRepository.getMyClinicList()).data\n          .data.filter(x => x.state === 'active' && x.pivot.role !== 'clinic_third_party');\n        this.clinicList = response.map((x) => ({\n          text: x.name,\n          value: x.id,\n        }));\n        if (this.clinicList.length === 1) this.clinic_id = this.clinicList[0];\n        this.$vs.loading.close(\"#patient_import > .con-vs-loading\");\n      } catch (error) {\n        this.convertAndNotifyError(error);\n        this.$vs.loading.close(\"#patient_import > .con-vs-loading\");\n      }\n    },\n  },\n  watch: {\n    clinic_id () {\n      if (this.error === true) {\n        this.resetFullForm = false\n        this.resetImport()\n      }\n    }\n  },\n  async mounted() {\n    await this.getClinics();\n    this.form = {};\n  },\n}\n</script>\n\n<style scoped>\n.shop {\n  min-height: 120px;\n}\n.bg-clr-red-200{\n background-color: #f8d7da!important;\n}\n@media (max-width: 765px) {\n  .label-hide {\n    display: none!important;\n  }\n  .btn-w {\n    width: 50% !important;\n  }\n}\n\n.v-select >>> .vs__dropdown-menu {\n  max-height: 180px !important;\n  overflow-y: auto !important;\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!./PatientsImport.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!./PatientsImport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PatientsImport.vue?vue&type=template&id=ce3d4d06&scoped=true&\"\nimport script from \"./PatientsImport.vue?vue&type=script&lang=js&\"\nexport * from \"./PatientsImport.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PatientsImport.vue?vue&type=style&index=0&id=ce3d4d06&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  \"ce3d4d06\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}