{"version":3,"sources":["webpack:///./src/views/Categories.vue","webpack:///./src/components/Categories/Category.vue","webpack:///src/components/Categories/Category.vue","webpack:///./src/components/Categories/Category.vue?b8b3","webpack:///./src/components/Categories/Category.vue?e115","webpack:///src/views/Categories.vue","webpack:///./src/views/Categories.vue?f63d","webpack:///./src/views/Categories.vue?7e38"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","customerName","_l","categories","form","i","key","attrs","category","title","value","description","on","$event","selectCategory","nextPage","staticRenderFns","class","$emit","_e","info","name","props","type","default","component","components","Category","computed","mounted","commit","dispatch","methods","catch","e","document","querySelector","scrollIntoView","behavior"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,KAAK,CAACE,YAAY,4DAA4D,CAACJ,EAAIK,GAAG,UAAUL,EAAIM,GAAGN,EAAIO,cAAc,OAAOL,EAAG,IAAI,CAACE,YAAY,kEAAkE,CAACJ,EAAIK,GAAG,4DAA4DH,EAAG,MAAM,CAACE,YAAY,uBAAuBJ,EAAIQ,GAAIR,EAAIS,YAAY,SAASC,EAAKC,GAAG,OAAOT,EAAG,WAAW,CAACU,IAAID,EAAEE,MAAM,CAAC,SAAWb,EAAIc,SAAS,MAAQJ,EAAKK,MAAM,MAAQL,EAAKM,MAAM,KAAON,EAAKO,aAAaC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,eAAeV,EAAKM,cAAa,GAAGd,EAAG,KAAK,CAACE,YAAY,8CAA8CF,EAAG,MAAM,CAACA,EAAG,aAAa,CAACW,MAAM,CAAC,GAAK,WAAW,MAAQ,WAAW,UAAYb,EAAIc,SAAS,OAAS,GAAG,OAAS,GAAG,OAAS,IAAII,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIqB,gBAAgB,MAEl+BC,EAAkB,G,YCFlBvB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACE,YAAY,2IAA2ImB,MAAM,CACzO,4BAA6BvB,EAAIc,WAAad,EAAIgB,MAClD,yBAA0BhB,EAAIc,WAAad,EAAIgB,OAC/CE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIwB,MAAM,YAAY,CAACtB,EAAG,MAAM,CAACE,YAAY,iDAAiD,CAACF,EAAG,KAAK,CAACE,YAAY,aAAa,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIe,QAAQb,EAAG,OAAO,CAACE,YAAY,WAAW,CAACJ,EAAIK,GAAG,SAAUL,EAAIc,WAAad,EAAIgB,MAAOd,EAAG,YAAY,CAACE,YAAY,8CAA8CJ,EAAIyB,MAAM,GAAGvB,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAI0B,MAAM,UAEnaJ,EAAkB,GCkBP,GACfK,gBACAC,OACAb,OACAc,YACAC,cAEAJ,MACAG,YACAC,cAEAhB,UACAe,YACAC,cAEAd,OACAa,YACAC,gBCxCiW,I,YCO7VC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCyBA,GACfJ,kBACAK,YACAC,YAEAC,aACA,gBACAzB,gCACAK,6BACAP,iDAGA4B,UACA,aAAAC,WAAAC,GAAA,YAEAD,+BAEAC,+BAEAA,mBACAA,oBAEAA,qBACAA,0BAMAC,SACAjB,WACA,yCACA,oBAEAD,kBACA,YACAiB,SAAA,gBAAAvB,aACAyB,MAAAC,sCAEAC,SACAC,cAAA,aACAC,eAAA,CAAAC,uBCpFoV,ICOhV,EAAY,eACd,EACA7C,EACAuB,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-2d0c9708.7a9f1b50.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex flex-col my-10 md:my-20\"},[_c('div',{staticClass:\"flex flex-col items-center\"},[_c('h1',{staticClass:\"text-xl md:text-3xl font-bold text-center lg:w-full mb-8\"},[_vm._v(\" Hello \"+_vm._s(_vm.customerName)+\" \")]),_c('p',{staticClass:\"text-sm md:text-base leading-loose text-center lg:w-full mb-12\"},[_vm._v(\" Please click on the type of claim you want to make \")])]),_c('div',{staticClass:\"grid md:grid-cols-4\"},_vm._l((_vm.categories),function(form,i){return _c('Category',{key:i,attrs:{\"category\":_vm.category,\"title\":form.title,\"value\":form.value,\"info\":form.description},on:{\"click\":function($event){return _vm.selectCategory(form.value)}}})}),1),_c('hr',{staticClass:\"mt-10 mb-4 border-t border-gray-400 w-1/2\"}),_c('div',[_c('MainButton',{attrs:{\"id\":\"continue\",\"title\":\"Continue\",\"disabled\":!_vm.category,\"purple\":\"\",\"medium\":\"\",\"shadow\":\"\"},on:{\"click\":function($event){return _vm.nextPage()}}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"rounded-none flex flex-col focus:bg-transparent hover:bg-transparent focus:text-efblue-9 hover:text-efblue-9 p-10 text-left duration-100\",class:{\n    'bg-gray-100 text-efblue-9': _vm.category === _vm.value,\n    'bg-efblue-9 text-white': _vm.category !== _vm.value\n  },on:{\"click\":function($event){return _vm.$emit('click')}}},[_c('div',{staticClass:\"flex items-center justify-between w-full mb-2\"},[_c('h3',{staticClass:\"font-bold\"},[_vm._v(_vm._s(_vm.title)),_c('span',{staticClass:\"sr-only\"},[_vm._v(\".\")])]),(_vm.category === _vm.value)?_c('CheckIcon',{staticClass:\"w-4 h-4 min-w-4 min-h-4 fill-current ml-3\"}):_vm._e()],1),_c('p',{staticClass:\"text-sm\"},[_vm._v(\" \"+_vm._s(_vm.info)+\" \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button\n    :class=\"{\n      'bg-gray-100 text-efblue-9': category === value,\n      'bg-efblue-9 text-white': category !== value\n    }\"\n    class=\"rounded-none flex flex-col focus:bg-transparent hover:bg-transparent focus:text-efblue-9 hover:text-efblue-9 p-10 text-left duration-100\"\n    @click=\"$emit('click')\"\n  >\n    <div class=\"flex items-center justify-between w-full mb-2\">\n      <h3 class=\"font-bold\">{{ title }}<span class=\"sr-only\">.</span></h3>\n      <CheckIcon\n        v-if=\"category === value\"\n        class=\"w-4 h-4 min-w-4 min-h-4 fill-current ml-3\"\n      />\n    </div>\n    <p class=\"text-sm\">\n      {{ info }}\n    </p>\n  </button>\n</template>\n\n<script>\nexport default {\n  name: 'Category',\n  props: {\n    title: {\n      type: String,\n      default: null\n    },\n    info: {\n      type: String,\n      default: null\n    },\n    category: {\n      type: String,\n      default: null\n    },\n    value: {\n      type: String,\n      default: null\n    }\n  }\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Category.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Category.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Category.vue?vue&type=template&id=7260255d&\"\nimport script from \"./Category.vue?vue&type=script&lang=js&\"\nexport * from \"./Category.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"flex flex-col my-10 md:my-20\">\n    <div class=\"flex flex-col items-center\">\n      <h1 class=\"text-xl md:text-3xl font-bold text-center lg:w-full mb-8\">\n        Hello {{ customerName }}\n      </h1>\n      <p class=\"text-sm md:text-base leading-loose text-center lg:w-full mb-12\">\n        Please click on the type of claim you want to make\n      </p>\n    </div>\n\n    <div class=\"grid md:grid-cols-4\">\n      <Category\n        v-for=\"(form, i) in categories\"\n        :key=\"i\"\n        :category=\"category\"\n        :title=\"form.title\"\n        :value=\"form.value\"\n        :info=\"form.description\"\n        @click=\"selectCategory(form.value)\"\n      />\n    </div>\n\n    <hr class=\"mt-10 mb-4 border-t border-gray-400 w-1/2\" />\n\n    <div>\n      <MainButton\n        id=\"continue\"\n        title=\"Continue\"\n        :disabled=\"!category\"\n        purple\n        medium\n        shadow\n        @click=\"nextPage()\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex';\nimport Category from '@/components/Categories/Category.vue';\n\nexport default {\n  name: 'Categories',\n  components: {\n    Category\n  },\n  computed: {\n    ...mapState({\n      categories: (state) => state.meta.categories,\n      category: (state) => state.claim.category,\n      customerName: (state) => state.customer.customer.firstName\n    })\n  },\n  mounted() {\n    const { commit, dispatch } = this.$store;\n\n    commit('SET_PROGRESS', 'categories');\n\n    dispatch('GET_BANKDETAILS_QUESTIONS');\n\n    dispatch('GET_COUNTRIES');\n    dispatch('GET_CURRENCIES');\n\n    dispatch('CLEAR_DOCUMENTS');\n    dispatch('CLEAR_COMPENSATIONS');\n    /*if (getters.isDirty) {\n      dispatch('CLEAR_DOCUMENTS');\n      dispatch('CLEAR_COMPENSATIONS');\n    }*/\n  },\n  methods: {\n    nextPage() {\n      this.$router.push('provide-information');\n      this.scrollToTop();\n    },\n    selectCategory(category) {\n      this.$store\n        .dispatch('UPDATE_CLAIM', { category })\n        .catch((e) => this.$store.commit('SET_ERROR', e));\n\n      document\n        .querySelector('#continue')\n        .scrollIntoView({ behavior: 'smooth' });\n    }\n  }\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Categories.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Categories.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Categories.vue?vue&type=template&id=34c8a4da&\"\nimport script from \"./Categories.vue?vue&type=script&lang=js&\"\nexport * from \"./Categories.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}