{"version":3,"sources":["webpack:///./src/assets/images/logo/chassis.jpg","webpack:///./src/views/Flow/MobileRegion/Step5TireInfoMobileRegion/Step5TireInfoMobileRegion.styles.scss?80f2","webpack:///./src/views/Flow/MobileRegion/Step5TireInfoMobileRegion/Step5TireInfoMobileRegion.vue?022e","webpack:///./src/views/Flow/MobileRegion/Step5TireInfoMobileRegion/Step5TireInfoMobileRegion.controller.js","webpack:///./src/views/Flow/MobileRegion/Step5TireInfoMobileRegion/Step5TireInfoMobileRegion.controller.js?d46d","webpack:///./src/views/Flow/MobileRegion/Step5TireInfoMobileRegion/Step5TireInfoMobileRegion.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$gettext","on","goToPreviousStep","directives","name","rawName","_v","getChassie","length","staticStyle","requiredImageUrl","_e","chassie","class","isValidTireInfo","$event","makeAppointment","staticRenderFns","components","RunFlatToggle","TireTypePicker","Title","TireLocationPicker","TireSizeSelector","InputChassie","props","data","chas","computed","mapGetters","tireType","tireLocations","bodyworkType","tireSizes","serviceType","garages","tireCodes","require","get","set","newChassie","setChassie","stockOrActive","forEach","tireLocation","stockProperty","stockState","correctAmountOfTires","frontAxisTireLocations","backAxisTireLocations","hasFrontAxisTire","hasBackAxisTire","properties","correctFrontSizes","correctBackSizes","property","frontTire","backTire","correctChassie","methods","$router","push","mapMutations","validationFlow","validateStep5TireInfoMobileRegion","mapActions","getGarages","getTireCodes","beforeMount","component"],"mappings":"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","file":"js/chunk-32eb0610.af10048a.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/chassis.1d4d729d.jpg\";","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!./Step5TireInfoMobileRegion.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!./Step5TireInfoMobileRegion.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:\"m-component m-tire-size-selector\"},[_c('div',{staticClass:\"m-component__info\"},[_c('p',{directives:[{name:\"translate\",rawName:\"v-translate\"}],staticClass:\"m-component__title m-component__title--with-link\"},[_vm._v(\"Component - Peronsal data form - Chassie - Question\")]),(_vm.getChassie.length < 17 || _vm.getChassie.length > 19)?_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.requiredImageUrl,\"alt\":\"Qteam logo\"}}):_vm._e()]),_c('div',{staticClass:\"m-tire-size-selector__container\"},[_c('InputChassie',{attrs:{\"name\":_vm.$gettext('Component - Peronsal data form - Chassie'),\"property\":\"chassie\",\"modelState\":_vm.chassie}})],1)]),_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  InputChassie,\r\n} from '@/components';\r\n\r\nimport validationFlow from '@/validation-flow';\r\n\r\nimport {\r\n  mapGetters,\r\n  mapActions,\r\n  mapMutations,\r\n} from 'vuex';\r\n\r\nexport default {\r\n  name: 'step5TireInfoMobileRegion',\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    [InputChassie.name]: InputChassie,\r\n  },\r\n  props: {},\r\n  data: () => ({\r\n    chas: '',\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      getChassie: 'getChassie',\r\n    }),\r\n    ...mapGetters('garage', {\r\n      garages: 'getGarages',\r\n      tireCodes: 'getTireCodes',\r\n    }),\r\n    requiredImageUrl() {\r\n      return require(\r\n        '@/assets/images/logo/chassis.jpg',\r\n      );\r\n    },\r\n    chassie: {\r\n      get() {\r\n        return this.getChassie;\r\n      },\r\n      set(newChassie) {\r\n        this.setChassie = newChassie;\r\n\r\n        return newChassie;\r\n      },\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      let correctChassie = false;\r\n\r\n      if (this.chassie.length >= 17 && this.chassie.length <= 19) {\r\n        correctChassie = true;\r\n      }\r\n\r\n\r\n      return correctAmountOfTires && correctFrontSizes && correctBackSizes && correctChassie;\r\n    },\r\n  },\r\n  methods: {\r\n    goToPreviousStep() {\r\n      this.$router.push({\r\n        name: 'step2VehiculeType',\r\n      });\r\n    },\r\n    ...mapMutations('appointment', {\r\n      setChassie: 'SET_CHASSIE',\r\n    }),\r\n    makeAppointment() {\r\n      if (this.isValidTireInfo) {\r\n        validationFlow.validateStep5TireInfoMobileRegion();\r\n      }\r\n    },\r\n    ...mapActions('garage', {\r\n      getGarages: 'FETCH_DATA_GARAGES',\r\n      getTireCodes: 'FETCH_DATA_TIRECODES',\r\n    }),\r\n  },\r\n  beforeMount() {\r\n    if (this.tireCodes.length === 0) {\r\n      this.getTireCodes();\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!./Step5TireInfoMobileRegion.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!./Step5TireInfoMobileRegion.controller.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Step5TireInfoMobileRegion.vue?vue&type=template&id=c0bb4728&\"\nimport script from \"./Step5TireInfoMobileRegion.controller.js?vue&type=script&lang=js&\"\nexport * from \"./Step5TireInfoMobileRegion.controller.js?vue&type=script&lang=js&\"\nimport style0 from \"./Step5TireInfoMobileRegion.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":""}