{"version":3,"sources":["webpack:///./src/widgets/car-search-tabs/index.vue","webpack:///src/widgets/car-search-tabs/index.vue","webpack:///./src/widgets/car-search-tabs/index.vue?104b","webpack:///./src/widgets/car-search-tabs/index.vue?3331","webpack:///./src/utils/user-features.js","webpack:///./src/utils/get-valid-route.js"],"names":["render","_vm","this","_c","_self","staticClass","attrs","disableNavigation","currentTab","tabs","on","tabSelected","staticRenderFns","name","data","routeTabs","computed","mapState","application","carSearch","quote","vehicleCondition","state","mapGetters","userFeatures","progress","variantComplete","allTabs","findTheCarYouWant","label","to","accessories","yourQuote","disable","methods","params","beforeMount","components","SAIStickyPageTabs","component","getUserFeatures","_get","store","routeName","router","currentRoute","invalidRouteIndex","routeOrder","indexOf","getters","currentRouteIndex"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,oBAAoB,CAACE,YAAY,aAAaC,MAAM,CAAC,QAAUL,EAAIM,kBAAkB,MAAQN,EAAIO,WAAW,KAAOP,EAAIQ,KAAK,8BAA8B,IAAIC,GAAG,CAAC,YAAYT,EAAIU,gBAEpPC,EAAkB,G,0GCgBR,GACdC,2BACAC,gBACA,OACAC,eAGAC,wEACAC,gBACAC,0DACAC,mDACAC,wCACAb,6DACAc,oCACCC,EAADA,sEAEAC,iDACAA,2CACAC,wBACA,yBAEAhB,sBACA,GACA,2BACA,+CAIA,4DAEAC,gBACA,OACAS,6BACAC,yBACAC,kBAEA,mBACA,yBACA,gCACA,2BACA,kCACA,2BACA,uBACA,KAgBA,OAfAX,wCACA,oCACAgB,SACAC,mBAEA,eACAjB,wCACA,8BACAgB,oBAGAhB,wCACA,4BACAgB,yBAEA,GAEAE,mBACA,OACAC,mBACAf,yBACAgB,wBACAC,+BAEAC,aACAlB,mBACAgB,oBACAC,wCAEAE,WACAnB,iBACAgB,mBACAI,kCACAH,qCAKAI,SACAvB,wBACA,yCACA,oCACA,mBACAE,OACAsB,+DAKAC,6BACA,sCACA,4EACA,mFACA,8EACA,+EACA,sEACA,qDAGAC,YACAC,2BC1HkV,I,YCO9UC,EAAY,eACd,EACAvC,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAA2B,E,6CClBf,qCAGMC,EAAkB,WAAH,OAASC,IAAKC,OAAO,6BAA+B,IAE1DF,U,oFCQA,gBAAUG,GACvBA,EAAYA,GAAaC,OAAOC,aAAahC,KAC7C,IAAMiC,EAAoBC,4BAAWC,QACnCN,OAAMO,QAAQ,qCAEVC,EAAoBH,4BAAWC,QAAQL,GAC7C,OAAIG,EAAoBI,EACfH,4BAAWD,GAEbH","file":"js/chunk-3c133de8.ca6cf41e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('SAIStickyPageTabs',{staticClass:\"print-hide\",attrs:{\"disable\":_vm.disableNavigation,\"value\":_vm.currentTab,\"tabs\":_vm.tabs,\"single-column-desktop-width\":\"\"},on:{\"click:tab\":_vm.tabSelected}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <SAIStickyPageTabs\n    :disable=\"disableNavigation\"\n    class=\"print-hide\"\n    :value=\"currentTab\"\n    :tabs=\"tabs\"\n    @click:tab=\"tabSelected\"\n    single-column-desktop-width\n  />\n</template>\n\n<script>\nimport { SAIStickyPageTabs } from 'ecx.saigon.ui.common';\nimport { mapState, mapGetters } from 'vuex';\nimport getValidRote from '@/utils/get-valid-route';\nimport validations from '@/utils/validations/page-validations';\nimport getUserFeatures from '@/utils/user-features';\n\nexport default {\n  name: 'CarSearchTabsWidget',\n  data() {\n    return {\n      routeTabs: {}\n    };\n  },\n  computed: {\n    ...mapState({\n      application: (state) => state.application.application,\n      carSearch: (state) => state.carSearch.selected,\n      quote: (state) => state.quote.quote,\n      disableNavigation: (state) => state.ui.disableNavigation,\n      vehicleCondition: (state) =>\n        state.application.application.metaData.customerOptions.vehicleCondition\n    }),\n    ...mapGetters('quote', ['isExistingQuoteOpen']),\n    ...mapGetters('carSearch', ['isNew']),\n    userFeatures() {\n      return getUserFeatures();\n    },\n    currentTab: function () {\n      if (\n        !this.$router.currentRoute ||\n        !this.routeTabs[this.$router.currentRoute.name]\n      ) {\n        return undefined;\n      }\n      return this.routeTabs[this.$router.currentRoute.name].name;\n    },\n    tabs() {\n      const payload = {\n        application: this.application,\n        carSearch: this.carSearch,\n        quote: this.quote\n      };\n      const names = this.$RouteNames;\n      const searchComplete = validations[names.carSearch](payload);\n      const variantComplete = validations[names.carSearchVariant](payload);\n      const uploadComplete = validations[names.quoteUpload](payload);\n      const extrasComplete = validations[names.carColourAndExtras](payload);\n      const dealerComplete = validations[names.dealerPrice](payload);\n      const summaryComplete = validations[names.summary](payload);\n      const tabs = [];\n      tabs.push({\n        ...this.allTabs.findTheCarYouWant,\n        progress:\n          variantComplete || uploadComplete ? 100 : searchComplete ? 50 : 0\n      });\n      if (searchComplete && this.isNew) {\n        tabs.push({\n          ...this.allTabs.accessories,\n          progress: extrasComplete ? 100 : 0\n        });\n      }\n      tabs.push({\n        ...this.allTabs.yourQuote,\n        progress: summaryComplete ? 100 : dealerComplete ? 50 : 0\n      });\n      return tabs;\n    },\n    allTabs() {\n      return {\n        findTheCarYouWant: {\n          name: 'findTheCarYouWant',\n          label: 'Choose your car',\n          to: this.$RouteNames.carSearch\n        },\n        accessories: {\n          name: 'accessories',\n          label: 'Accessories',\n          to: this.$RouteNames.carColourAndExtras\n        },\n        yourQuote: {\n          name: 'yourQuote',\n          label: 'Your Quote',\n          disable: !this.isExistingQuoteOpen,\n          to: this.$RouteNames.dealerPrice\n        }\n      };\n    }\n  },\n  methods: {\n    tabSelected(tab) {\n      let route = getValidRote(this.allTabs[tab].to);\n      if (route !== this.$router.currentRoute.name) {\n        this.$router.push({\n          name: route,\n          params: { ...this.$router.currentRoute.params }\n        });\n      }\n    }\n  },\n  beforeMount() {\n    this.routeTabs = {\n      [this.$RouteNames.carSearch]: this.allTabs.findTheCarYouWant,\n      [this.$RouteNames.carSearchVariant]: this.allTabs.findTheCarYouWant,\n      [this.$RouteNames.quoteUpload]: this.allTabs.findTheCarYouWant,\n      [this.$RouteNames.carColourAndExtras]: this.allTabs.accessories,\n      [this.$RouteNames.dealerPrice]: this.allTabs.yourQuote,\n      [this.$RouteNames.summary]: this.allTabs.yourQuote\n    };\n  },\n  components: {\n    SAIStickyPageTabs\n  }\n};\n</script>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=01cae07c&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","import _get from 'lodash/get';\nimport store from '@/store';\n\nconst getUserFeatures = () => _get(store, 'state.user.user.features') || {};\n\nexport default getUserFeatures;\n","import router from '../router';\nimport store from '../store';\nimport { ROUTE_VALIDATION_ORDER as routeOrder } from './constants';\n\n/**\n * Returns the first invalid route up to the given route name.\n * If no route name is provided, the current route name is used.\n * If there is no invalid route up to the given route name, the route name is\n * returned.\n *\n * @param routeName Route name to get the valid route to\n * @returns {*|string} Route name\n */\nexport default function (routeName) {\n  routeName = routeName || router.currentRoute.name;\n  const invalidRouteIndex = routeOrder.indexOf(\n    store.getters['application/getFirstInvalidRoute']\n  );\n  const currentRouteIndex = routeOrder.indexOf(routeName);\n  if (invalidRouteIndex < currentRouteIndex) {\n    return routeOrder[invalidRouteIndex];\n  }\n  return routeName;\n}\n"],"sourceRoot":""}