{"version":3,"sources":["webpack:///./src/views/Flow/Step5TireInfo/Step5TireInfo.styles.scss?167c","webpack:///./src/views/Flow/Step5TireInfo/Step5TireInfo.vue?738a","webpack:///./src/views/Flow/Step5TireInfo/Step5TireInfo.controller.js","webpack:///./src/views/Flow/Step5TireInfo/Step5TireInfo.controller.js?c4b8","webpack:///./src/views/Flow/Step5TireInfo/Step5TireInfo.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$gettext","on","goToPreviousStep","directives","name","rawName","_v","class","isValidTireInfo","$event","makeAppointment","staticRenderFns","components","RunFlatToggle","TireTypePicker","Title","TireLocationPicker","TireSizeSelector","props","data","computed","mapGetters","tireType","tireLocations","bodyworkType","tireSizes","serviceType","stockOrActive","forEach","tireLocation","stockProperty","stockState","correctAmountOfTires","frontAxisTireLocations","backAxisTireLocations","hasFrontAxisTire","hasBackAxisTire","properties","correctFrontSizes","correctBackSizes","property","frontTire","backTire","methods","$router","push","validationFlow","validateStep5TireInfo","component"],"mappings":"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","file":"js/chunk-c818e26a.f00d4ae1.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./Step5TireInfo.styles.scss?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./Step5TireInfo.styles.scss?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"l-container\"},[_c('Title',{attrs:{\"previousStepTitle\":_vm.$gettext('Step 5 - Previous title')},on:{\"on-go-to-previous-step\":_vm.goToPreviousStep}},[_c('h1',{directives:[{name:\"translate\",rawName:\"v-translate\"}]},[_vm._v(\"Step 5 - Title\")])]),_c('p',{directives:[{name:\"translate\",rawName:\"v-translate\"}],staticClass:\"u-hide\"},[_vm._v(\"Step 5 - Previous title\")]),_c('p',{directives:[{name:\"translate\",rawName:\"v-translate\"}],staticClass:\"u-hide\"},[_vm._v(\"Step 5 - Title\")]),_c('hr',{staticClass:\"hr--full-width\"}),_c('TireTypePicker'),_c('hr'),_c('TireLocationPicker'),_c('hr'),_c('RunFlatToggle'),_c('hr'),_c('TireSizeSelector'),_c('hr'),_c('div',{staticClass:\"a-button__flow-container\"},[_c('div',{staticClass:\"a-button a-button--primary u-full-width u-margin-bottom-3x\",class:{ 'a-button--disabled': !_vm.isValidTireInfo },on:{\"click\":function($event){return _vm.makeAppointment()}}},[_c('span',{directives:[{name:\"translate\",rawName:\"v-translate\"}]},[_vm._v(\"General - Make appointment\")]),_c('div',{staticClass:\"a-spinner\"})])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import {\r\n  RunFlatToggle,\r\n  TireTypePicker,\r\n  Title,\r\n  TireLocationPicker,\r\n  TireSizeSelector,\r\n} from '@/components';\r\n\r\nimport validationFlow from '@/validation-flow';\r\n\r\nimport {\r\n  mapGetters,\r\n} from 'vuex';\r\n\r\nexport default {\r\n  name: 'step5TireInfo',\r\n  components: {\r\n    [RunFlatToggle.name]: RunFlatToggle,\r\n    [TireTypePicker.name]: TireTypePicker,\r\n    [Title.name]: Title,\r\n    [TireLocationPicker.name]: TireLocationPicker,\r\n    [TireSizeSelector.name]: TireSizeSelector,\r\n  },\r\n  props: {},\r\n  data: () => ({\r\n\r\n  }),\r\n  computed: {\r\n    ...mapGetters('appointment', {\r\n      tireType: 'getTireType',\r\n      tireLocations: 'getTireLocations',\r\n      bodyworkType: 'getBodyworkType',\r\n      tireSizes: 'getTireSizes',\r\n      serviceType: 'getServiceType',\r\n    }),\r\n    isValidTireInfo() {\r\n      // Check als ze 4 banden hebben volgens tiretype & cartype\r\n      let stockOrActive = 0;\r\n      const tireLocations = ['t1l1', 't1r1', 't2l2', 't2l1', 't2r1', 't2r2'];\r\n\r\n      tireLocations.forEach(tireLocation => {\r\n        const stockProperty = `${this.tireType}Stock`;\r\n        const stockState = this.tireLocations[tireLocation][stockProperty];\r\n        // 2 active, 3 stock\r\n        if (stockState === 2 || stockState === 3) {\r\n          stockOrActive += 1;\r\n        }\r\n      });\r\n\r\n      let correctAmountOfTires = (this.bodyworkType === 'car' && stockOrActive === 4) ||\r\n        (this.bodyworkType === 'bus' && stockOrActive === 6);\r\n\r\n      // Bij nieuwe banden moet de stock niet /4 of /6 zijn\r\n      if (this.serviceType === 'new-tires' && stockOrActive > 0) {\r\n        correctAmountOfTires = true;\r\n      }\r\n\r\n      // Check size on ax where there is an active tire\r\n      const frontAxisTireLocations = ['t1l1', 't1r1'];\r\n      const backAxisTireLocations = ['t2l2', 't2l1', 't2r1', 't2r2'];\r\n\r\n      let hasFrontAxisTire = false;\r\n      let hasBackAxisTire = false;\r\n\r\n      frontAxisTireLocations.forEach(tireLocation => {\r\n        const stockProperty = `${this.tireType}Stock`;\r\n        const stockState = this.tireLocations[tireLocation][stockProperty];\r\n        // 2 active, 3 stock\r\n        if (stockState === 2 && stockState !== 1) {\r\n          hasFrontAxisTire = true;\r\n        }\r\n      });\r\n\r\n      backAxisTireLocations.forEach(tireLocation => {\r\n        const stockProperty = `${this.tireType}Stock`;\r\n        const stockState = this.tireLocations[tireLocation][stockProperty];\r\n        // 2 active, 3 stock\r\n        if (stockState === 2 && stockState !== 1) {\r\n          hasBackAxisTire = true;\r\n        }\r\n      });\r\n\r\n      const properties = ['width', 'height', 'diameter', 'loadCapacity', 'speedIndex'];\r\n      let correctFrontSizes = true;\r\n      let correctBackSizes = true;\r\n\r\n      if (hasFrontAxisTire) {\r\n        properties.forEach(property => {\r\n          if (this.tireSizes.frontTire[property] === 0 ||\r\n            this.tireSizes.frontTire[property] === '') {\r\n              correctFrontSizes = false;\r\n          }\r\n        });\r\n      }\r\n\r\n      if (hasBackAxisTire) {\r\n        properties.forEach(property => {\r\n          if (this.tireSizes.backTire[property] === 0 ||\r\n            this.tireSizes.backTire[property] === '') {\r\n              correctBackSizes = false;\r\n          }\r\n        });\r\n      }\r\n\r\n      return correctAmountOfTires && correctFrontSizes && correctBackSizes;\r\n    },\r\n  },\r\n  methods: {\r\n    goToPreviousStep() {\r\n      this.$router.push({\r\n        name: 'step3ServiceType',\r\n      });\r\n    },\r\n    makeAppointment() {\r\n      if (this.isValidTireInfo) {\r\n        validationFlow.validateStep5TireInfo();\r\n      }\r\n    },\r\n  },\r\n};\r\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/eslint-loader/index.js??ref--13-0!./Step5TireInfo.controller.js?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/eslint-loader/index.js??ref--13-0!./Step5TireInfo.controller.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Step5TireInfo.vue?vue&type=template&id=66c36b1c&\"\nimport script from \"./Step5TireInfo.controller.js?vue&type=script&lang=js&\"\nexport * from \"./Step5TireInfo.controller.js?vue&type=script&lang=js&\"\nimport style0 from \"./Step5TireInfo.styles.scss?vue&type=style&index=0&lang=scss&\"\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":""}