{"version":3,"sources":["webpack:///./src/app/dashboard/DashboardComponent.vue","webpack:///./src/app/dashboard/components/CardStats.vue","webpack:///./src/app/dashboard/components/CardStats.vue?14e1","webpack:///./src/app/dashboard/components/FriendlyLoader.vue","webpack:///./src/app/dashboard/components/FriendlyLoader.vue?f964","webpack:///./src/app/dashboard/DashboardComponent.vue?25a6"],"names":["class","style","statSubtitle","statTitle","total","plans","statIconName","statIconColor","enrollees","cost","show","loading","plansSummary","length","detail","index","key","plan_name","enrollees_count","$filters","toCurrency","plan_price","plan_cost","name","props","type","String","default","__exports__","Boolean","required","data","undefined","created","this","loadDashboard","computed","$store","getters","reduce","accumulator","Math","round","toNumber","components","CardStats","FriendlyLoader","methods","dispatch","then","res","catch","err","fire","title","response","message","finally","render"],"mappings":"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","file":"js/dashboard.a58715a2.js","sourcesContent":["<template>\n<div class=\"slide-in space-y-6 mx-auto w-full h-screen\">\n    <div class=\"flex flex-wrap justify-between w-full\">\n      <div class=\"w-full lg:w-6/12 xl:w-3/12 px-4\">\n            <card-stats\n              statSubtitle=\"HMO PLANS\"\n              :statTitle=\"total.plans\"\n              statIconName=\"far fa-file\"\n              statIconColor=\"bg-red-500\"\n            />\n       </div>\n        <div class=\"w-full lg:w-6/12 xl:w-3/12 px-4\">\n            <card-stats\n              statSubtitle=\"ENROLLEES\"\n              :statTitle=\"total.enrollees\"\n              statIconName=\"fas fa-user-friends\"\n              statIconColor=\"bg-red-500\"\n            />\n       </div>\n        \n       <div class=\"w-full lg:w-6/12 xl:w-3/12 px-4\">\n            <card-stats\n              statSubtitle=\"COST\"\n              :statTitle=\"total.cost\"\n              statIconName=\"far fa-chart-bar\"\n              statIconColor=\"bg-red-500\"\n            />\n       </div>\n    </div>\n\n   <div class=\"bg-white border border-gray-300 rounded  h-auto\">\n    <div class=\"flex justify-between px-5 py-4\"  style=\"height: 10%\">\n        <div class=\"w-full text-primary font-semibold py-1 flex items-center\">\n          <div class=\"flex items-center\">\n            <span>HMO Plans Subscribed</span>\n          </div>\n        </div>\n       \n      </div>\n\n        <div  class=\"w-full hidden  px-4 justify-between py-2 border-t-2 border-b-2 border-gray-500  md:flex flex-row\">\n            <div class=\"w-1/12\">SN</div>\n            <div class=\"w-5/12\">Name</div>\n            <div class=\"w-1/12\">Enrollees</div>\n            <div class=\"w-2/12\">Price</div>\n            <div class=\"w-2/12\">Cost</div>\n        </div>\n\n         <friendly-loader :show=\"loading == true\" />\n         <div v-if=\"loading == false && (plansSummary.length == 0) \" class=\"w-full  md:flex md:flex-row  px-4 justify-between py-2 border-b border-gray-500 \">\n             <h3 class=\" mx-auto font-bold my-4\">You do not have any HMO Plans yet.</h3>\n         </div>\n        <div v-for=\"detail,index in plansSummary\" :key=\"index\" class=\"  transition transform hover:-translate-y-2 w-full  md:flex md:flex-row  px-4 justify-between py-2 border-b border-gray-500 \">\n            <div class=\" hidden md:inline-block w-1/12\">{{ index + 1 }}</div>\n            <div class=\"w-5/12\">{{ detail.plan_name}}</div>\n            <div class=\"w-1/12 flex flex-row items-center\"><span class=\"md:hidden mr-2 fas fa-user-friends\"></span><span>{{ detail.enrollees_count }}</span></div>\n            <div class=\"w-2/12\">{{ $filters.toCurrency(detail.plan_price) }}</div>\n            <div class=\"w-2/12\">{{ $filters.toCurrency(detail.plan_cost) }}</div>\n        </div>\n\n        \n        \n      <div class=\"flex flex-wrap justify-between px-5 py-4 font-semibold text-primary\"    style=\"height: 10%\">\n            <div class=\"\">TOTAL</div>\n            <div class=\"md:mr-4\"> {{ total.cost }} </div>\n      </div>\n \n   </div>\n\n   \n</div>\n\n\n</template>\n<script>\nimport CardStats from './components/CardStats.vue'\nimport { ErrorToast} from \"@/shared/mixins/Toast\";\nimport FriendlyLoader from  './components/FriendlyLoader.vue'\nexport default {\n  \n  name:'dashboard-component',\n  data () {\n    return {\n      loading: undefined,\n    }\n  },\n  \n  created () {\n    //to save delays we load this data once\n        this.loadDashboard()\n      \n  },\n  computed:{\n\n      plansSummary(){\n         return this.$store.getters['dashboard/plansSummary']\n      },\n      total(){\n          let cost = this.$store.getters['dashboard/plansSummary']\n          .reduce(function(accumulator,detail){\n                return accumulator + Math.round(detail.plan_cost)\n          },0)\n          \n          let enrollees = this.$store.getters['dashboard/plansSummary']\n          .reduce(function(accumulator,detail){\n                return accumulator + detail.enrollees_count\n          },0)\n\n          let plans = this.$store.getters['dashboard/plansSummary'].length\n           \n           cost =  this.$filters.toCurrency(cost);\n           plans = this.$filters.toNumber(plans);\n           enrollees = this.$filters.toNumber(enrollees);\n           \n          return { enrollees , plans, cost }\n      }\n  },\n  components: {\n     CardStats,\n     FriendlyLoader,\n      },\n      methods: {\n        \n      loadDashboard () { \n      //load the dashboard only once\n      if(this.plansSummary.length > 0){\n        return;\n      }\n      this.loading = true;\n      return this.$store.dispatch(\"dashboard/fetchPlansSummary\")\n              .then((res) =>{\n                //the handles this\n              })\n              .catch((err) => {\n            ErrorToast.fire({\n              title: `<span style=\"color:#fff\">${err.response.data.message}</span>`,\n            });\n          })\n          .finally(() => {\n  \n            this.loading = false;\n            });\n    },\n    \n  },\n\n\n}\n</script>\n<style>\n    \n</style>","<template>\n  <div\n    class=\"relative flex flex-col min-w-0 break-words bg-white rounded mb-6 xl:mb-0 shadow-lg\"\n  >\n    <div class=\"flex-auto p-4\">\n      <div class=\"flex flex-wrap\">\n        <div class=\"relative w-full pr-4 max-w-full flex-grow flex-1\">\n          <h5 class=\"text-blueGray-400 uppercase font-bold text-xs\">\n            {{ statSubtitle }}\n          </h5>\n          <!-- <span class=\"font-semibold text-xl text-blueGray-700\">\n            {{ statTitle }}\n          </span> -->\n        </div>\n        <div class=\"relative w-auto pl-4 flex-initial\">\n          <div\n            class=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full\"\n            :class=\"[statIconColor]\"\n          >\n            <i :class=\"[statIconName]\"></i>\n          </div>\n        </div>\n      </div>\n      <p class=\"text-sm text-blueGray-400 mt-4\">\n        <span class=\"font-semibold text-xl text-blueGray-700\">\n            {{ statTitle }}\n          </span>\n      </p>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"card-stats\",\n  // A simple card component to place stats in the dashboard \n  props: {\n    statSubtitle: {\n      type: String,\n      default: \"\",\n      \n    },\n    statTitle: {\n      default: \"0\",\n    },\n    \n    statIconName: {\n      type: String,\n      default: \"far fa-chart-bar\",\n    },\n    // can be any of the background color utilities\n    // from tailwindcss\n    statIconColor: {\n      type: String,\n      default: \"bg-red-500\",\n    },\n  },\n};\n</script>\n","import { render } from \"./CardStats.vue?vue&type=template&id=02e23a0d\"\nimport script from \"./CardStats.vue?vue&type=script&lang=js\"\nexport * from \"./CardStats.vue?vue&type=script&lang=js\"\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]])\n\nexport default __exports__","<template lang=\"\">\n    <div v-if=\"show\" class=\"w-full  md:flex md:flex-row  px-4 justify-between py-2 border-b border-gray-500 \">\n        <div class=\" p-4 w-full mx-auto\">\n        <div class=\"animate-pulse flex space-x-4\">\n        <!-- <div class=\"rounded-full bg-blue-400 h-12 w-12\"></div> -->\n        <div class=\"flex-1 space-y-4 py-1\">\n            <div class=\"h-4 bg-blue-400 rounded w-full\"></div>\n            <div class=\"space-y-2\">\n                <div class=\"h-4 bg-blue-400 rounded\"></div>\n                <div class=\"h-4 bg-blue-400 rounded w-5/6\"></div>\n            </div>\n        </div>\n        </div>\n        </div>\n        </div>\n      \n\n</template>\n<script>\nexport default {\n  \n    name: 'friendly-loader',\n    \n    props: {\n        show: {\n            type: Boolean,\n            required: true,\n        }\n  },\n}\n</script>\n<style lang=\"\">\n    \n</style>","import { render } from \"./FriendlyLoader.vue?vue&type=template&id=332c4211&lang=true\"\nimport script from \"./FriendlyLoader.vue?vue&type=script&lang=js\"\nexport * from \"./FriendlyLoader.vue?vue&type=script&lang=js\"\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]])\n\nexport default __exports__","import { render } from \"./DashboardComponent.vue?vue&type=template&id=14a24ba9\"\nimport script from \"./DashboardComponent.vue?vue&type=script&lang=js\"\nexport * from \"./DashboardComponent.vue?vue&type=script&lang=js\"\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]])\n\nexport default __exports__"],"sourceRoot":""}