{"version":3,"sources":["webpack:///./src/router/layouts/Main.vue?6dff","webpack:///src/router/layouts/Main.vue","webpack:///./src/router/layouts/Main.vue?f946","webpack:///./src/router/layouts/Main.vue","webpack:///./src/router/views/customer/Employees.vue?3734","webpack:///./src/components/customer/EmployeeCountForm.vue?e85a","webpack:///src/components/customer/EmployeeCountForm.vue","webpack:///./src/components/customer/EmployeeCountForm.vue?8e2f","webpack:///./src/components/customer/EmployeeCountForm.vue","webpack:///src/router/views/customer/Employees.vue","webpack:///./src/router/views/customer/Employees.vue?26aa","webpack:///./src/router/views/customer/Employees.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","staticRenderFns","data","component","class","showExtended","_v","attrs","key","model","value","callback","$$v","employeeCount","expression","_l","amount","index","isActive","parseInt","on","$event","preventDefault","selectEmployeeCount","_s","employeeCountOptions","computed","get","$store","getters","getEmployeeCount","set","commit","mounted","filter","methods","$router","push","components","Layout","EmployeeCountForm"],"mappings":"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","file":"assets/js/chunk-04f5b9de.e8f64267.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Hero',{staticClass:\"view-hero\"}),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <Hero class=\"view-hero\" />\n    <slot />\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {}\n  },\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Main.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Main.vue?vue&type=template&id=f45eec50&\"\nimport script from \"./Main.vue?vue&type=script&lang=js&\"\nexport * from \"./Main.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('div',{staticClass:\"router-view\"},[_c('EmployeeCountForm',{staticClass:\"mx-auto max-w-md px-8 pb-6\"})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{ 'full-height': _vm.showExtended }},[_c('div',{staticClass:\"w-full h-full flex flex-col\"},[_c('p',{staticClass:\"font-bold mb-4\"},[_vm._v(\"How many people do you have employed?\")]),_c('Transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.showExtended)?_c('div',{key:\"input\",staticClass:\"flex flex-col justify-between flex-grow\"},[_c('DrInput',{attrs:{\"type\":\"number\",\"placeholder\":\"e.g. 138\"},model:{value:(_vm.employeeCount),callback:function ($$v) {_vm.employeeCount=$$v},expression:\"employeeCount\"}}),_c('RouterLink',{staticClass:\"btn-block btn-blue\",attrs:{\"to\":\"/personal-details\",\"tag\":\"DrButton\"}},[_vm._v(\"\\n          Continue\\n        \")])],1):_c('div',{key:\"buttons\"},_vm._l((_vm.employeeCountOptions),function(amount,index){return _c('DrButton',{key:amount.value,staticClass:\"mb-4 btn-block btn-blue\",class:{\n            isActive: amount.value === parseInt(_vm.employeeCount, 10),\n            'opacity-50': _vm.employeeCount,\n          },attrs:{\"data-cy\":(\"btn-employee-count-\" + index),\"value\":amount.value},on:{\"click\":function($event){$event.preventDefault();return _vm.selectEmployeeCount(amount.value)}}},[_vm._v(\"\\n          \"+_vm._s(amount.key)+\"\\n        \")])}),1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"{ 'full-height': showExtended }\">\n    <div class=\"w-full h-full flex flex-col\">\n      <p class=\"font-bold mb-4\">How many people do you have employed?</p>\n      <Transition name=\"fade\" mode=\"out-in\">\n        <div v-if=\"showExtended\" key=\"input\" class=\"flex flex-col justify-between flex-grow\">\n          <DrInput v-model=\"employeeCount\" type=\"number\" placeholder=\"e.g. 138\" />\n          <RouterLink to=\"/personal-details\" tag=\"DrButton\" class=\"btn-block btn-blue\">\n            Continue\n          </RouterLink>\n        </div>\n        <div v-else key=\"buttons\">\n          <DrButton\n            v-for=\"(amount, index) in employeeCountOptions\"\n            :key=\"amount.value\"\n            :data-cy=\"`btn-employee-count-${index}`\"\n            :value=\"amount.value\"\n            class=\"mb-4 btn-block btn-blue\"\n            :class=\"{\n              isActive: amount.value === parseInt(employeeCount, 10),\n              'opacity-50': employeeCount,\n            }\"\n            @click.prevent=\"selectEmployeeCount(amount.value)\"\n          >\n            {{ amount.key }}\n          </DrButton>\n        </div>\n      </Transition>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      showExtended: false,\n      employeeCountOptions: [\n        {\n          key: 'Just me!',\n          value: 1,\n        },\n        {\n          key: 'Up to 3 employees',\n          value: 3,\n        },\n        {\n          key: 'Up to 6 employees',\n          value: 6,\n        },\n        {\n          key: 'Up to 9 employees',\n          value: 9,\n        },\n        {\n          key: 'Up to 20 employees',\n          value: 20,\n        },\n        {\n          key: 'More than 20 employees',\n          value: 21,\n        },\n      ],\n    }\n  },\n  computed: {\n    employeeCount: {\n      get () {\n        return this.$store.getters.getEmployeeCount\n      },\n      set (value) {\n        this.$store.commit('updateEmployeeCount', value)\n      },\n    },\n  },\n  mounted () {\n    if (this.employeeCount) {\n      if (!this.employeeCountOptions.filter(item => item.value === this.employeeCount).length) { this.showExtended = true }\n    }\n  },\n  methods: {\n    selectEmployeeCount (amount) {\n      if (amount <= 20) {\n        this.employeeCount = amount\n        this.$router.push('/personal-details')\n      } else {\n        this.showExtended = true\n      }\n    },\n  },\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./EmployeeCountForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./EmployeeCountForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmployeeCountForm.vue?vue&type=template&id=311876e3&\"\nimport script from \"./EmployeeCountForm.vue?vue&type=script&lang=js&\"\nexport * from \"./EmployeeCountForm.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  <Layout>\n    <div class=\"router-view\">\n      <EmployeeCountForm class=\"mx-auto max-w-md px-8 pb-6\" />\n    </div>\n  </Layout>\n</template>\n\n<script>\nimport Layout from '@/router/layouts/Main'\nimport EmployeeCountForm from '@/components/customer/EmployeeCountForm'\n\nexport default {\n  components: {\n    Layout,\n    EmployeeCountForm,\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Employees.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Employees.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Employees.vue?vue&type=template&id=470e7e22&\"\nimport script from \"./Employees.vue?vue&type=script&lang=js&\"\nexport * from \"./Employees.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":""}