{"version":3,"sources":["webpack:///./src/app/enrollee/component/active-enrollee-details.vue?1703","webpack:///./src/app/enrollee/component/active-enrollee-details.vue","webpack:///./src/app/enrollee/component/dependant.vue","webpack:///./src/app/enrollee/component/dependant.vue?6f6c","webpack:///./src/app/enrollee/component/active-enrollee-details.vue?42d1","webpack:///./node_modules/core-js/modules/es.array.concat.js","webpack:///./src/app/enrollee/component/dependant.vue?5b41"],"names":["class","for","value","data","enrollee","photo","initials","enrolleeInitials","goBack","id","firstname","autocomplete","disabled","name","type","middle_name","lastname","insurance_no","sex","birthdate","phone","email","status","staff_number","address","state","lga","blood_group","genotype","surgical_history","allergies","others","medical_history","history","key","start","end","parent_id","dependants","dependant","index","requestEnrolleeTermination","parent_relationship","formatDate","hmo_plan_id","plansArray","plan","requestPlanChange","options","providerOptions","label","placeholder","selected_provider","close-on-select","clear-on-select","hide-selected","options-limit","loading","selectIsLoading","searchable","track-by","open-direction","searchProviders","submitProviderChangeRequest","role","modalHandler","base64ImageString","imageChange","errorsArray","error","max","today","addDependant","showModal","props","Object","components","ImageUploader","principal","this","Date","toISOString","substr","created","hmo_id","hmo_client_id","methods","resizedImage","val","modal","document","getElementById","fadeIn","fadeOut","el","style","opacity","fade","display","requestAnimationFrame","justifyContent","alignItems","parseFloat","$swal","title","text","showCancelButton","confirmButtonText","icon","then","result","loader","$loading","show","post","res","toast","position","showConfirmButton","timer","catch","err","response","errors","message","finally","hide","__exports__","Dependant","VueMultiselect","mixins","planService","requested_plan","getInitials","listOfDependants","fetchEnrollee","$route","params","fetchHmoPlans","computed","provider_id","enrollee_id","fire","provider","search","get","showError","format","console","getPlans","plan_id","date","$router","go","render","$","fails","isArray","isObject","toObject","toLength","createProperty","arraySpeciesCreate","arrayMethodHasSpeciesSupport","wellKnownSymbol","V8_VERSION","IS_CONCAT_SPREADABLE","MAX_SAFE_INTEGER","MAXIMUM_ALLOWED_INDEX_EXCEEDED","IS_CONCAT_SPREADABLE_SUPPORT","array","concat","SPECIES_SUPPORT","isConcatSpreadable","O","spreadable","undefined","FORCED","target","proto","forced","arg","i","k","length","len","E","A","n","arguments","TypeError"],"mappings":"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","file":"js/app.enrollee-detail.8c62f1aa.js","sourcesContent":["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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./active-enrollee-details.vue?vue&type=style&index=0&id=6c0ea5d7&scoped=true&lang=css\"","<template>\n  <div class=\"slide-in flex flex-col w-full\">\n    <div class=\"flex w-full space-x-16\">\n      <div class=\"flex-none\">\n        <image-uploader :data=\"{ photo: enrollee.photo }\" :initials=\"enrolleeInitials\"/>\n      </div>\n      <div class=\"space-y-8 flex-auto pb-16\">\n        <div class=\"shadow rounded-lg bg-white\">\n          <div class=\"px-4 py-6 flex justify-between p-x-4 py-4 items-center\">\n            <div class=\"text-header-color font-semibold\">Enrollee Details</div>\n            <div>\n              <button @click=\"goBack\">\n                <span><em class=\"fas fa-times\"></em></span>\n              </button>\n            </div>\n          </div>\n          <div class=\"border-t border-gray-100\" />\n          <form>\n            <div class=\"overflow-hidden\">\n              <div class=\"px-4 py-5\">\n                <div class=\"grid grid-flow-row grid-cols-3 grid-rows-3 gap-6\">\n                 \n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"first-name\"\n                      >First name</label\n                    >\n                    <input\n                      id=\"first-name\"\n                      v-model=\"enrollee.firstname\"\n                      autocomplete=\"given-name\"\n                      disabled\n                      class=\"input-design\"\n                      name=\"first-name\"\n                      type=\"text\"\n                    />\n                  </div>\n\n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"middle-name\"\n                      >Middle name</label\n                    >\n                    <input\n                      id=\"middle-name\"\n                      v-model=\"enrollee.middle_name\"\n                      autocomplete=\"given-name\"\n                      disabled\n                      class=\"input-design\"\n                      name=\"middle-name\"\n                      type=\"text\"\n                    />\n                  </div>\n\n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"last-name\"\n                      >Last name</label\n                    >\n                    <input\n                      id=\"last-name\"\n                      v-model=\"enrollee.lastname\"\n                      autocomplete=\"family-name\"\n                      disabled\n                      class=\"input-design\"\n                      name=\"last-name\"\n                      type=\"text\"\n                    />\n                  </div>\n\n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"insurance-number\"\n                      >Insurance Number</label\n                    >\n                    <input\n                      id=\"insurance-number\"\n                      v-model=\"enrollee.insurance_no\"\n                      autocomplete=\"email\"\n                      disabled\n                      class=\"input-design\"\n                      name=\"insurance-number\"\n                      type=\"text\"\n                    />\n                  </div>\n                  \n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"type\"\n                      >Type</label\n                    >\n                    <select\n                      id=\"type\"\n                      v-model=\"enrollee.type\"\n                      autocomplete=\"country\"\n                      class=\"input-design\"\n                      disabled\n                      name=\"type\"\n                    >\n                      <option value=\"P\">Principal</option>\n                      <option value=\"D\">Dependant</option>\n                    </select>\n                  </div>\n\n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"gender\"\n                      >Gender</label\n                    >\n                    <select\n                      id=\"gender\"\n                      v-model=\"enrollee.sex\"\n                      autocomplete=\"country\"\n                      class=\"input-design\"\n                      disabled\n                      name=\"gender\"\n                    >\n                      <option value=\"\"></option>\n                      <option value=\"M\">Male</option>\n                      <option value=\"F\">Female</option>\n                      <option>Prefer not to identify</option>\n                    </select>\n                  </div>\n\n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"dob\"\n                      >Date of birth</label\n                    >\n                    <input\n                      id=\"dob\"\n                      disabled\n                      v-model=\"enrollee.birthdate\"\n                      class=\"input-design\"\n                      name=\"dob\"\n                      type=\"date\"\n                    />\n                  </div>\n\n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"phone-number\"\n                      >Phone Number</label\n                    >\n                    <input\n                      id=\"phone-number\"\n                      disabled\n                      v-model=\"enrollee.phone\"\n                      class=\"input-design\"\n                      name=\"phone-number\"\n                      type=\"text\"\n                    />\n                  </div>\n\n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"email\"\n                      >Email</label\n                    >\n                    <input\n                      id=\"email\"\n                      v-model=\"enrollee.email\"\n                      disabled\n                      class=\"input-design\"\n                      name=\"email\"\n                      type=\"email\"\n                    />\n                  </div>\n\n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"status\"\n                      >Status</label\n                    >\n                    <select\n                      id=\"status\"\n                      v-model=\"enrollee.status\"\n                      autocomplete=\"country\"\n                      class=\"input-design\"\n                      disabled\n                      name=\"status\"\n                    >\n                      <option value=\"AA\">ACTIVE</option>\n                      <option value=\"IA\">IN - ACTIVE</option>\n                      <option value=\"SX\">SUSPENDED</option>\n                      <option value=\"XX\">TERMINATED</option>\n                      <option value=\"PP\">PENDED</option>\n                      <option value=\"WP\">WAITING PERIOD</option>\n                      <option value=\"E\">E</option>\n                      <option value=\"EX\">EX</option>\n                    </select>\n                  </div>\n                  <div class=\"\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"staff_number\"\n                      >Staff Number</label\n                    >\n                    <input\n                      id=\"staff_number\"\n                      disabled\n                      v-model=\"enrollee.staff_number\"\n                      class=\"input-design\"\n                      name=\"staff_number\"\n                      type=\"text\"\n                    />\n                  </div>\n                  <div class=\"col-span-3\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"address\"\n                      >Address</label\n                    >\n                    <input\n                      id=\"address\"\n                      disabled\n                      v-model=\"enrollee.address\"\n                      class=\"input-design\"\n                      name=\"address\"\n                      type=\"text\"\n                    />\n                  </div>\n                  <div class=\"col-span-1\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"state\"\n                      >State</label\n                    >\n                    <input\n                      id=\"state\"\n                      disabled\n                      v-model=\"enrollee.state\"\n                      class=\"input-design\"\n                      name=\"state\"\n                      type=\"text\"\n                    />\n                  </div>\n                  <div class=\"col-span-2\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"lga\"\n                      >Local Government Area</label\n                    >\n                    <input\n                      id=\"lga\"\n                      disabled\n                      v-model=\"enrollee.lga\"\n                      class=\"input-design\"\n                      name=\"lga\"\n                      type=\"text\"\n                    />\n                  </div>\n                  <div class=\"col-span-1\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"bloodgroup\"\n                      >Blood Group</label\n                    >\n                    <input\n                      id=\"bloodgroup\"\n                      disabled\n                      v-model=\"enrollee.blood_group\"\n                      class=\"input-design\"\n                      name=\"bloodgroup\"\n                      type=\"text\"\n                    />\n                  </div>\n                  <div class=\"col-span-1\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"genotype\"\n                      >Genotype</label\n                    >\n                    <input\n                      id=\"genotype\"\n                      disabled\n                      v-model=\"enrollee.genotype\"\n                      class=\"input-design\"\n                      name=\"genotype\"\n                      type=\"text\"\n                    />\n                  </div>\n                  <div class=\"col-span-1\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"surgical_history\"\n                      >Surgical History</label\n                    >\n                    <input\n                      id=\"surgical_history\"\n                      disabled\n                      v-model=\"enrollee.surgical_history\"\n                      class=\"input-design\"\n                      name=\"surgical_history\"\n                      type=\"text\"\n                    />\n                  </div>\n                  <div class=\"col-span-3\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"allergies\"\n                      >Allergies</label\n                    >\n                    <input\n                      id=\"allergies\"\n                      disabled\n                      v-model=\"enrollee.allergies\"\n                      class=\"input-design\"\n                      name=\"allergies\"\n                      type=\"text\"\n                    />\n                  </div>\n                  <div class=\"col-span-3\">\n                    <label\n                      class=\"block text-sm font-medium text-gray-700\"\n                      for=\"others\"\n                      >Other Informations</label\n                    >\n                    <input\n                      id=\"others\"\n                      disabled\n                      v-model=\"enrollee.others\"\n                      class=\"input-design\"\n                      name=\"others\"\n                      type=\"text\"\n                    />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n        <div class=\"grid grid-flow-row grid-cols-2 gap-4 w-full\">\n          <div\n            class=\"\n              shadow\n              rounded-lg\n              bg-white\n              px-4\n              w-full\n              py-3\n              space-y-3\n              col-span-2\n            \"\n          >\n            <div class=\"flex justify-between flex-col border-b-2\">\n              <span>Medical History</span>\n            </div>\n            <div\n              class=\"mt-4 mb-4 flex flex-col\"\n              v-for=\"history in enrollee.medical_history\"\n              :key=\"history\"\n            >\n              <div class=\"\">\n                <span class=\"block mute\">name</span>\n                <span class=\"e-details\">{{ history.name }}</span>\n              </div>\n              <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"\">\n                  <span class=\"block mute\">start date</span>\n                  <span class=\"e-details\">{{ history.start }}</span>\n                </div>\n                <div class=\"\">\n                  <span class=\"block mute\">end date</span>\n                  <span class=\"e-details\">{{ history.end }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"enrollee.id && !enrollee.parent_id\">\n          <dependant :enrollee=\"enrollee\" />\n        </div>\n        <div\n          v-if=\"enrollee.dependants\"\n          class=\"grid grid-flow-row grid-cols-2 gap-4\"\n        >\n          <div\n            class=\"shadow rounded-lg bg-white px-4 py-3 space-y-3\"\n            v-for=\"(dependant, index) in enrollee.dependants\"\n            :key=\"index\">\n            <div class=\"flex justify-between\">\n              <span>Dependant Enrollee</span>\n              <span\n                class=\"cursor-pointer\"\n                @click=\"requestEnrolleeTermination({ id: dependant.id })\"\n                ><em class=\"fas fa-trash\"></em\n              ></span>\n            </div>\n            <div class=\"border-t border-gray-100\" />\n            <div\n              class=\"grid grid-flow-row grid-cols-3 grid-rows-3 gap-y-4 gap-x-3\"\n            >\n              <div class=\"\">\n                <span class=\"block mute\">surname</span>\n                <span class=\"e-details\">{{ dependant.lastname }}</span>\n              </div>\n              <div class=\"\">\n                <span class=\"block mute\">firstname</span>\n                <span class=\"e-details\">{{ dependant.firstname }}</span>\n              </div>\n              <div class=\"\">\n                <span class=\"block mute\">relationship</span>\n                <span class=\"e-details\">{{\n                  dependant.parent_relationship\n                }}</span>\n              </div>\n              <div class=\"\">\n                <span class=\"block mute\">Gender</span>\n                <span class=\"e-details\">{{ dependant.sex }}</span>\n              </div>\n              <div class=\"col-span-2\">\n                <span class=\"block mute\">Date Of Birth</span>\n                <span class=\"e-details\">{{\n                  formatDate(dependant.birthdate)\n                }}</span>\n              </div>\n              <div class=\"\">\n                <span class=\"block mute\">Phone Number</span>\n                <span class=\"e-details\">{{ dependant.phone }}</span>\n              </div>\n              <div class=\"\">\n                <span class=\"block mute\">Email Address</span>\n                <span class=\"e-details\">{{ dependant.email }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"px-4 py-3 bg-white rounded-lg shadow space-y-4\">\n          <div class=\"flex\">\n            <div class=\"w-full\">\n              <div class=\"\">\n                <label\n                  class=\"block text-sm font-medium text-gray-700\"\n                  for=\"plan\"\n                  >Plan</label\n                >\n              </div>\n              <div class=\"justify-center items-center flex flex space-x-4\">\n                <div class=\"w-3/4\">\n                  <select\n                    id=\"plan\"\n                    v-model=\"enrollee.hmo_plan_id\"\n                    class=\"input-design\"\n                    name=\"plan\"\n                  >\n                    <option v-for=\"plan in plansArray\" :key=\"plan.id\" :value=\"plan.id\">\n                      {{ plan.name }}\n                    </option>\n                  </select>\n                </div>\n                <div class=\"w-1/4\">\n                  <button\n                    class=\"block w-full change-button\"\n                    :disabled=\"!enrollee.id\"\n                    @click=\"requestPlanChange({ id: enrollee.id })\"\n                  >\n                    Request Change\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"flex\">\n            <div class=\"w-full\">\n              <div class=\"\">\n                <label class=\"block text-sm font-medium text-gray-700\"\n                  >Provider</label\n                >\n              </div>\n              <div class=\"justify-center items-center flex flex space-x-4\">\n                <div class=\"w-3/4\">\n                  <!-- TODO: Move to a shared component asap. I can't as I'm tired at the MOC -->\n                  <VueMultiselect\n                    :options=\"providerOptions\"\n                    label=\"name\"\n                    placeholder=\"Search Provider\"\n                    v-model=\"selected_provider\"\n                    :close-on-select=\"true\"\n                    :clear-on-select=\"false\"\n                    :hide-selected=\"true\"\n                    :options-limit=\"10\"\n                    :loading=\"selectIsLoading\"\n                    :searchable=\"true\"\n                    track-by=\"id\"\n                    open-direction=\"bottom\"\n                    @search-change=\"searchProviders\"\n                  >\n                  </VueMultiselect>\n                </div>\n                <div class=\"w-1/4\">\n                  <button\n                    class=\"block w-full change-button\"\n                    @click=\"submitProviderChangeRequest\"\n                  >\n                    Request Change\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <button\n          class=\"delete-button\"\n          :disabled=\"!enrollee.id\"\n          type=\"submit\"\n          @click=\"requestEnrolleeTermination({ id: enrollee.id })\"\n        >\n          Terminate Account\n        </button>\n      </div>\n    </div>\n    <div></div>\n  </div>\n</template>\n\n<script>\nimport { getInitials } from \"@/shared/helpers\";\nimport { Axios } from \"@/shared/axios\";\nimport VueMultiselect from \"vue-multiselect\";\nimport \"vue-multiselect/dist/vue-multiselect.css\";\nimport ImageUploader from \"@/shared/ui/image-uploader\";\nimport moment from \"moment\";\nimport { SuccessToast, ErrorToast } from \"@/shared/mixins/Toast\";\nimport Dependant from \"@/app/enrollee/component/dependant\";\nimport PlanService from \"../../../services/plan/plan-service\";\n\nexport default {\n  name: \"active-enrollee-details\",\n  components: { Dependant, ImageUploader, VueMultiselect },\n  mixins: [SuccessToast, ErrorToast],\n  data() {\n    return {\n      planService: new PlanService(),\n      enrollee: {},\n      plansArray: [],\n      requested_plan: null,\n      getInitials,\n      providerOptions: [],\n      selected_provider: {},\n      selectIsLoading: false,\n      listOfDependants: [],\n    };\n  },\n  created() {\n    this.fetchEnrollee(this.$route.params.id);\n    this.fetchHmoPlans();\n    this.searchProviders();\n  },\n\n  computed: {\n    enrolleeInitials() {\n      return this.getInitials(`${this.enrollee.firstname} ${this.enrollee.lastname}`)\n    }\n  },\n\n  methods: {\n    submitProviderChangeRequest() {\n      this.$swal({\n        title: \"Are you sure?\",\n        text: \"This action cannot be reversed\",\n        showCancelButton: true,\n        confirmButtonText: \"Yes\",\n        icon: \"warning\",\n      }).then((result) => {\n        if (!result.value) return false;\n        let loader = this.$loading.show();\n\n        Axios.post(`/enrollees/request-provider-change`, {\n          provider_id: this.selected_provider.id,\n          enrollee_id: this.enrollee.id,\n        })\n          .then((res) => {\n            SuccessToast.fire({\n              title: `<span style=\"color:#fff\">${res.data.message}</span>`,\n            });\n            this.provider = {};\n          })\n          .catch((err) => {\n            ErrorToast.fire({\n              title: `<span style=\"color:#fff\">${err}</span>`,\n            });\n          })\n          .finally(() => loader.hide());\n      });\n    },\n\n    searchProviders(search) {\n      this.selectIsLoading = true;\n        Axios.get(`/providers`, {\n          params: {\n            search: search || null,\n          },\n        })\n          .then((res) => {\n            this.providerOptions = res.data;\n          })\n          .catch((err) => showError(\"Error\", err))\n          .finally(() => {\n            this.selectIsLoading = false;\n          });\n    },\n\n    fetchEnrollee(id) {\n      let loader = this.$loading.show();\n      Axios.get(`enrollees/${id}`)\n        .then((response) => {\n          this.enrollee = response.data;\n          this.enrollee.birthdate = moment(\n            new Date(this.enrollee.birthdate)\n          ).format(\"YYYY-MM-DD\");\n          this.enrollee.type = this.enrollee.parent_id ? \"D\" : \"P\";\n        })\n        .catch((error) => {\n          console.error(error);\n        })\n        .finally(() => loader.hide());\n    },\n\n    fetchHmoPlans() {\n      this.planService.getPlans()\n        .then(response => {\n          this.plansArray = response.data.data\n        })\n        .catch(error => {\n          console.error(error)\n        })\n    },\n\n    requestPlanChange({ id }) {\n      this.$swal({\n        title: \"Are you sure?\",\n        text: \"This action cannot be reversed\",\n        showCancelButton: true,\n        confirmButtonText: \"Yes\",\n        icon: \"warning\",\n      }).then((result) => {\n        if (!result.value) return false;\n        let loader = this.$loading.show();\n        Axios.post(`enrollees/${id}/plan-change-request`, {\n          plan_id: this.enrollee.hmo_plan_id,\n          hmo_id: 1,\n        })\n          .then((res) => {\n            this.$swal({\n              toast: true,\n              position: \"top-end\",\n              showConfirmButton: false,\n              timer: 4000,\n              icon: \"success\",\n              title: \"Plan Change Requested\",\n              text: \"You will be notified when approved\",\n            });\n          })\n          .catch((err) => {\n            this.$swal({\n              toast: true,\n              position: \"top-end\",\n              showConfirmButton: false,\n              timer: 4000,\n              icon: \"error\",\n              title: \"Error!\",\n              text: err.message,\n            });\n          })\n          .finally(() => loader.hide());\n      });\n    },\n\n    requestEnrolleeTermination({ id }) {\n      this.$swal({\n        title: \"Enrollee Termination\",\n        text: \"Are you sure you want to terminate this enrollee?\",\n        showCancelButton: true,\n        confirmButtonText: \"Terminate\",\n        icon: \"warning\",\n      }).then((result) => {\n        if (!result.value) return false;\n        let loader = this.$loading.show();\n\n        // POINT TO TERMINATION ENDPOINT\n        Axios.post(`enrollees/${id}/termination-request`)\n          .then((res) => {\n            this.$swal({\n              toast: true,\n              position: \"top-end\",\n              showConfirmButton: false,\n              timer: 4000,\n              icon: \"success\",\n              title: \"Termination Request Sent\",\n              text: \"You will be notified when approved\",\n            });\n          })\n          .catch((err) => {\n            this.$swal({\n              toast: true,\n              position: \"top-end\",\n              showConfirmButton: false,\n              timer: 4000,\n              icon: \"error\",\n              title: \"Error\",\n              text: err.message,\n            });\n          })\n          .finally(() => loader.hide());\n      });\n    },\n\n    formatDate: function (date) {\n      return moment(new Date(date)).format(\"YYYY-MM-DD\");\n    },\n\n    goBack() {\n      this.$router.go(-1)\n    }\n  },\n};\n</script>\n\n<style scoped>\n.delete-button {\n  background-color: #ff4b5c;\n  @apply inline-flex justify-center py-2 px-4 border border-transparent text-sm rounded-md text-white;\n}\n\n.change-button {\n  @apply inline-flex justify-center py-2 px-4 border border-transparent text-sm rounded-md self-end text-white bg-primary;\n}\n\n.input-design {\n  @apply mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md;\n}\n\ninput:disabled {\n  background: #e5e6e6;\n}\n\n.mute {\n  @apply capitalize text-xs text-gray-400;\n}\n\n.e-details {\n  @apply text-sm;\n}\n\nbutton:disabled {\n  opacity: 80%;\n}\n\n.multiselect__input::before,\n.multiselect__input::after {\n  --tw-ring-color: none !important;\n}\n</style>","<template>\n    <div >\n        <div v-show=\"showModal\"\n             id=\"modal\"\n             class=\"py-12 bg-gray-400 bg-opacity-25 z-10 absolute top-0 right-0 bottom-0 left-0\">\n            <div class=\"flex justify-center items-center\" role=\"alert\">\n                <div class=\"shadow rounded-lg bg-white slide-down-in\">\n                    <div class=\"px-4 py-6 flex justify-between p-x-4 py-4 items-center\">\n                        <div class=\"text-header-color font-semibold\">Enrollee Details</div>\n                        <div><span class=\"cursor-pointer\" @click=\"modalHandler()\"><em class=\"fas fa-times\"></em></span>\n                        </div>\n                    </div>\n                    <div class=\"border-t border-gray-100\"/>\n                    <form>\n                        <div class=\"overflow-hidden\">\n                            <div class=\"px-4 py-5\">\n                                <div class=\"my-3\">\n                                    <image-uploader :data=\"{ photo: dependant.base64ImageString }\"\n                                        @imageUpload=\"imageChange\" initials=\"Add Photo\"/>\n                                </div>\n\n                                <div class=\"grid grid-flow-row grid-cols-3 grid-rows-3 gap-6\">\n                                    <div class=\"\">\n                                        <label class=\"block text-sm font-medium text-gray-700\"\n                                               for=\"lastname\">Surname</label>\n                                        <input id=\"lastname\" v-model=\"dependant.lastname\"\n                                               class=\"input-design\"\n                                               type=\"text\"/>\n                                      <small class=\"text-red-600\"\n                                             v-for=\"(error, index) in errorsArray['dependant.lastname']\"\n                                             :key=\"index\">\n                                        {{ error }}\n                                      </small>\n                                    </div>\n\n                                    <div class=\"\">\n                                        <label class=\"block text-sm font-medium text-gray-700\" for=\"first-name\">First\n                                            name</label>\n                                        <input id=\"first-name\" v-model=\"dependant.firstname\"\n                                               class=\"input-design\"\n                                               type=\"text\"/>\n                                      <small class=\"text-red-600\"\n                                             v-for=\"(error, index) in errorsArray['dependant.firstname']\"\n                                             :key=\"index\">\n                                        {{ error }}\n                                      </small>\n                                    </div>\n\n                                    <div class=\"\">\n                                        <label class=\"block text-sm font-medium text-gray-700\" for=\"last-name\">Other\n                                            name</label>\n                                        <input id=\"last-name\" v-model=\"dependant.middle_name\"\n                                               class=\"input-design\"\n                                               type=\"text\"/>\n                                      <small class=\"text-red-600\"\n                                             v-for=\"(error, index) in errorsArray['dependant.middle_name']\"\n                                             :key=\"index\">\n                                        {{ error }}\n                                      </small>\n                                    </div>\n\n                                    <div class=\"\">\n                                        <label class=\"block text-sm font-medium text-gray-700\" for=\"relationship\">Relationship</label>\n                                        <select id=\"relationship\" v-model=\"dependant.parent_relationship\"\n                                                class=\"input-design\"\n                                        >\n                                            <option value=\"\"></option>\n                                            <option value=\"spouse\">Spouse</option>\n                                            <option value=\"child\">Child</option>\n                                        </select>\n<!--                                      <small class=\"text-red-600\"-->\n<!--                                             v-for=\"(error, index) in errorsArray['dependant.parent_relationship']\"-->\n<!--                                             :key=\"index\">-->\n<!--                                        {{ error }}-->\n<!--                                      </small>-->\n                                    </div>\n\n                                    <div class=\"\">\n                                        <label class=\"block text-sm font-medium text-gray-700\"\n                                               for=\"gender\">Gender</label>\n                                        <select id=\"gender\" v-model=\"dependant.sex\"\n                                                class=\"input-design\"\n                                        >\n                                            <option value=\"\"></option>\n                                            <option value=\"M\">Male</option>\n                                            <option value=\"F\">Female</option>\n                                            <option>Prefer not to identify</option>\n                                        </select>\n                                      <small class=\"text-red-600\"\n                                             v-for=\"(error, index) in errorsArray['dependant.sex']\"\n                                             :key=\"index\">\n                                        {{ error }}\n                                      </small>\n                                    </div>\n\n                                    <div class=\"\">\n                                        <label class=\"block text-sm font-medium text-gray-700\" for=\"dob\">Date of\n                                            birth</label>\n                                        <input id=\"dob\"\n                                               v-model=\"dependant.birthdate\"\n                                               class=\"input-design\"\n                                               type=\"date\" :max=\"today\" />\n                                      <small class=\"text-red-600\"\n                                             v-for=\"(error, index) in errorsArray['dependant.birthdate']\"\n                                             :key=\"index\">\n                                        {{ error }}\n                                      </small>\n                                    </div>\n\n                                    <div class=\"\">\n                                        <label class=\"block text-sm font-medium text-gray-700\" for=\"phone-number\">Phone\n                                            Number</label>\n                                        <input id=\"phone-number\"\n                                               v-model=\"dependant.phone\"\n                                               class=\"input-design\"\n                                               type=\"text\"/>\n                                      <small class=\"text-red-600\"\n                                             v-for=\"(error, index) in errorsArray['dependant.phone']\"\n                                             :key=\"index\">\n                                        {{ error }}\n                                      </small>\n                                    </div>\n\n                                    <div class=\"\">\n                                        <label class=\"block text-sm font-medium text-gray-700\" for=\"email\">Email</label>\n                                        <input id=\"email\"\n                                               v-model=\"dependant.email\"\n                                               class=\"input-design\"\n                                               type=\"email\"/>\n                                      <small class=\"text-red-600\"\n                                             v-for=\"(error, index) in errorsArray['dependant.email']\"\n                                             :key=\"index\">\n                                        {{ error }}\n                                      </small>\n                                    </div>\n\n                                </div>\n                            </div>\n                            <div class=\"flex items-center justify-end px-4 py-5 space-x-4\">\n                                <button class=\"dismiss-button\" @click=\"modalHandler()\">Dismiss</button>\n                                <button class=\"add-button\" @click.prevent=\"addDependant\">Add Dependant</button>\n                            </div>\n                        </div>\n                    </form>\n                </div>\n            </div>\n        </div>\n        <div id=\"button\" class=\"w-full flex justify-end\">\n            <button\n                class=\"focus:outline-none text-primary rounded text-white text-sm font-bold space-x-2\"\n                @click=\"modalHandler(true)\">\n                <em class=\"fas fa-plus\"></em><span>Add Dependant</span>\n            </button>\n        </div>\n    </div>\n</template>\n\n<script>\nimport {Axios} from \"@/shared/axios\";\nimport {ErrorToast, SuccessToast} from \"@/shared/mixins/Toast\";\nimport { resizeImage } from '@/utils/imageUtils';\nimport ImageUploader from \"@/shared/ui/image-uploader.vue\";\nimport Swal from \"sweetalert2\";\n\nexport default {\n    name: \"dependant\",\n    props: {\n        enrollee: Object\n    },\n    components: { ImageUploader },\n    data() {\n        return {\n            principal: this.enrollee,\n            dependant: {},\n            showModal: false,\n            today: new Date().toISOString().substr(0, 10),\n            errorsArray: []\n        }\n    },\n    created() {\n        this.dependant = {\n            hmo_id: this.enrollee.hmo_id,\n            hmo_plan_id: this.enrollee.hmo_plan_id,\n            hmo_client_id: this.enrollee.hmo_client_id,\n            parent_id: this.enrollee.id,\n            parent_relationship: this.enrollee.parent_relationship,\n            status: \"PP\"\n        }\n    },\n    methods: {\n        async imageChange(value) {\n            const resizedImage = await resizeImage(value);\n            this.dependant.base64ImageString = resizedImage;\n        },\n        modalHandler(val) {\n            let modal = document.getElementById(\"modal\");\n            if (val) {\n                this.fadeIn(modal);\n            } else {\n                this.fadeOut(modal);\n            }\n        },\n        fadeOut(el) {\n            el.style.opacity = 1;\n            this.showModal = false;\n            (function fade() {\n                if ((el.style.opacity -= 0.1) < 0) {\n                    el.style.display = \"none\";\n                } else {\n                    requestAnimationFrame(fade);\n                }\n            })();\n        },\n        fadeIn(el, display) {\n            el.style.opacity = 0;\n            el.style.display = display || \"flex\";\n            el.style.justifyContent = 'center';\n            el.style.alignItems = 'center';\n            this.showModal = false;\n            (function fade() {\n                let val = parseFloat(el.style.opacity);\n                if (!((val += 0.2) > 1)) {\n                    el.style.opacity = val;\n                    requestAnimationFrame(fade);\n                }\n            })();\n        },\n\n        addDependant: function () {\n            this.$swal({\n                title: 'Are you sure?',\n                text: 'This action cannot be reversed',\n                showCancelButton: true,\n                confirmButtonText: 'Yes',\n                icon: 'warning'\n            })\n                .then(result => {\n                    if (!result.value) return false\n                    let loader = this.$loading.show();\n\n                    Axios.post(`enrollees/add-dependant`, {\n                        dependant: this.dependant\n                    })\n                        .then(res => {\n                            this.$swal({\n                                toast: true,\n                                position: 'top-end',\n                                showConfirmButton: false,\n                                timer: 4000,\n                                icon: 'success',\n                                title: 'Addition Requested',\n                                text: 'You will be notified when approved'\n                            });\n\n                            this.modalHandler();\n                        })\n                        .catch((err) => {\n                          this.errorsArray = err.response.data.errors\n\n                            this.$swal({\n                                toast: true,\n                                position: 'top-end',\n                                showConfirmButton: false,\n                                timer: 4000,\n                                icon: 'error',\n                                title: 'Error!',\n                                text: err.message,\n                            });\n                        })\n                        .finally(() => loader.hide());\n                });\n        },\n    },\n};\n</script>\n\n<style scoped>\n.input-design {\n    @apply mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md;\n}\n\n.dismiss-button {\n    @apply py-3 px-4 text-gray-600 leading-3 focus:outline-none hover:opacity-90 text-sm font-semibold border-gray-600 rounded border;\n}\n\n.add-button {\n    @apply inline-flex justify-center py-2 px-4 border border-transparent text-sm rounded-md self-end text-white bg-primary\n}\n</style>\n","import { render } from \"./dependant.vue?vue&type=template&id=43dac9e5&scoped=true\"\nimport script from \"./dependant.vue?vue&type=script&lang=js\"\nexport * from \"./dependant.vue?vue&type=script&lang=js\"\n\nimport \"./dependant.vue?vue&type=style&index=0&id=43dac9e5&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1686717128/src/curacel-hmo-client-webapp/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-43dac9e5\"]])\n\nexport default __exports__","import { render } from \"./active-enrollee-details.vue?vue&type=template&id=6c0ea5d7&scoped=true\"\nimport script from \"./active-enrollee-details.vue?vue&type=script&lang=js\"\nexport * from \"./active-enrollee-details.vue?vue&type=script&lang=js\"\n\nimport \"./active-enrollee-details.vue?vue&type=style&index=0&id=6c0ea5d7&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1686717128/src/curacel-hmo-client-webapp/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6c0ea5d7\"]])\n\nexport default __exports__","'use strict';\nvar $ = require('../internals/export');\nvar fails = require('../internals/fails');\nvar isArray = require('../internals/is-array');\nvar isObject = require('../internals/is-object');\nvar toObject = require('../internals/to-object');\nvar toLength = require('../internals/to-length');\nvar createProperty = require('../internals/create-property');\nvar arraySpeciesCreate = require('../internals/array-species-create');\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\nvar V8_VERSION = require('../internals/engine-v8-version');\n\nvar IS_CONCAT_SPREADABLE = wellKnownSymbol('isConcatSpreadable');\nvar MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;\nvar MAXIMUM_ALLOWED_INDEX_EXCEEDED = 'Maximum allowed index exceeded';\n\n// We can't use this feature detection in V8 since it causes\n// deoptimization and serious performance degradation\n// https://github.com/zloirock/core-js/issues/679\nvar IS_CONCAT_SPREADABLE_SUPPORT = V8_VERSION >= 51 || !fails(function () {\n  var array = [];\n  array[IS_CONCAT_SPREADABLE] = false;\n  return array.concat()[0] !== array;\n});\n\nvar SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('concat');\n\nvar isConcatSpreadable = function (O) {\n  if (!isObject(O)) return false;\n  var spreadable = O[IS_CONCAT_SPREADABLE];\n  return spreadable !== undefined ? !!spreadable : isArray(O);\n};\n\nvar FORCED = !IS_CONCAT_SPREADABLE_SUPPORT || !SPECIES_SUPPORT;\n\n// `Array.prototype.concat` method\n// https://tc39.es/ecma262/#sec-array.prototype.concat\n// with adding support of @@isConcatSpreadable and @@species\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  // eslint-disable-next-line no-unused-vars -- required for `.length`\n  concat: function concat(arg) {\n    var O = toObject(this);\n    var A = arraySpeciesCreate(O, 0);\n    var n = 0;\n    var i, k, length, len, E;\n    for (i = -1, length = arguments.length; i < length; i++) {\n      E = i === -1 ? O : arguments[i];\n      if (isConcatSpreadable(E)) {\n        len = toLength(E.length);\n        if (n + len > MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);\n        for (k = 0; k < len; k++, n++) if (k in E) createProperty(A, n, E[k]);\n      } else {\n        if (n >= MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);\n        createProperty(A, n++, E);\n      }\n    }\n    A.length = n;\n    return A;\n  }\n});\n","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./dependant.vue?vue&type=style&index=0&id=43dac9e5&scoped=true&lang=css\""],"sourceRoot":""}