{"version":3,"sources":["webpack:///./src/modules/contact/modal/Contact.vue","webpack:///src/modules/contact/modal/Contact.vue","webpack:///./src/modules/contact/modal/Contact.vue?facc","webpack:///./src/modules/contact/modal/Contact.vue?a69c"],"names":["render","_vm","this","_c","_self","staticClass","_b","title","product","description","data","vin","_e","submitted","_v","_s","subtitle","on","submit","isUser","staticRenderFns","name","components","ContactFormHeader","VehicleSummaryBox","ContactForm","ExperianDetails","ContactFormSubmitted","computed","_objectSpread","mapGetters","vrm","concat","methods","formData","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","enquiry","contactDetails","user","branch","organisation","_this$data","body","wrap","_context","prev","next","$wait","start","userId","id","brand","guest","post","t0","$notify","group","text","end","finish","stop","component"],"mappings":"iJAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,oBAAoBF,EAAIK,GAAG,GAAG,oBAAoB,CAAEC,MAAON,EAAIM,QAAQ,IAAyB,YAAhBN,EAAIO,QAAuBL,EAAG,oBAAoBF,EAAIK,GAAG,GAAG,oBAAoB,CAAEG,YAAaR,EAAIS,KAAKD,YAAaE,IAAKV,EAAIS,KAAKC,MAAM,IAAQV,EAAIW,KAAOX,EAAIY,UAAgSV,EAAG,wBAAxRA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,IAAI,CAACF,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,aAAab,EAAG,kBAAkBF,EAAIK,GAAG,GAAG,kBAAkB,CAAEE,QAASP,EAAIO,UAAU,IAAQL,EAAG,cAAcF,EAAIK,GAAG,CAACW,GAAG,CAAC,OAAShB,EAAIiB,SAAS,cAAc,CAAEV,QAASP,EAAIO,QAASW,OAAQlB,EAAIkB,SAAS,KAAS,IAA+B,QAEztBC,EAAkB,G,sGC2BP,GACfC,KAAA,UACAC,WAAA,CACAC,kBAAA,mEACAC,kBAAA,kBACA,iDACAC,YAAA,mEACAC,gBAAA,kBACA,iDACAC,qBAAA,oEAEAjB,KAAA,kBAAAG,WAAA,IACAe,SAAAC,6CAAA,GACAC,eAAA,mDACAA,eAAA,CAAApB,KAAA,sBAEAH,MAAA,WACA,YAAAG,KAAAqB,IAAA,GAAAC,OACA,KAAAxB,QAAA,iBAAAwB,OAAA,KAAAtB,KAAAqB,KACA,wBAEAf,SAAA,WACA,YAAAN,KAAAqB,IACA,yGACA,iEAEAvB,QAAA,WACA,YAAAE,KAAAF,WAGAyB,QAAA,CACAf,OAAA,SAAAgB,GAAA,IAAAC,EAAA,YAAAC,eAAAC,iBAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAAtB,EAAAuB,EAAAC,EAAAC,EAAApC,EAAAqC,EAAAd,EAAApB,EAAAF,EAAAqC,EAAA,OAAAT,iBAAAU,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAmBA,OAlBAV,EAAAN,EAAAM,QAAAC,EAAAP,EAAAO,eACAtB,EAAAgB,EAAAhB,OAAAuB,EAAAP,EAAAO,KAAAC,EAAAR,EAAAQ,OAAAC,EAAAT,EAAAS,aAAApC,EAAA2B,EAAA3B,QAAAqC,EACAV,EAAAzB,KAAAqB,EAAAc,EAAAd,IAAApB,EAAAkC,EAAAlC,IAAAF,EAAAoC,EAAApC,YAAAuC,EAAAC,KAAA,EAGAd,EAAAgB,MAAAC,MAAA,gBAEAN,EAAA,CACAN,UACAE,KAAAvB,EAAAuB,EAAAD,EACAY,OAAAX,EAAAY,IAAA,EACAX,UAAA,GACAC,gBAAA,GACApC,UACAuB,MACApB,MACAF,cACA8C,MAAA,YACAP,EAAAE,KAAA,EACAM,OAAAC,KAAA,mBAAAX,GAAA,OACAX,EAAAtB,WAAA,EAAAmC,EAAAE,KAAA,iBAAAF,EAAAC,KAAA,GAAAD,EAAAU,GAAAV,EAAA,YAEAb,EAAAwB,QAAA,CACAC,MAAA,SACAC,KAAA,2CACA,QAEA,OAFAb,EAAAC,KAAA,GAEAd,EAAAgB,MAAAW,IAAA,gBAAAd,EAAAe,OAAA,6BAAAf,EAAAgB,UAAAzB,EAAA,wBA5BAH,MC5D+W,I,YCO3W6B,EAAY,eACd,EACAjE,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAA6C,E","file":"js/chunk-2d0dddd2.917c2938.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"modal-card\"},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"box\"},[_c('ContactFormHeader',_vm._b({},'ContactFormHeader',{ title: _vm.title },false)),(_vm.product !== 'General')?_c('VehicleSummaryBox',_vm._b({},'VehicleSummaryBox',{ description: _vm.data.description, vin: _vm.data.vin },false)):_vm._e(),(!_vm.submitted)?_c('div',{staticClass:\"content\"},[_c('p',[_vm._v(_vm._s(_vm.subtitle))]),_c('ExperianDetails',_vm._b({},'ExperianDetails',{ product: _vm.product },false)),_c('ContactForm',_vm._b({on:{\"submit\":_vm.submit}},'ContactForm',{ product: _vm.product, isUser: _vm.isUser },false))],1):_c('ContactFormSubmitted')],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"modal-card\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"box\">\r\n        <ContactFormHeader v-bind=\"{ title }\" />\r\n        <VehicleSummaryBox\r\n          v-if=\"product !== 'General'\"\r\n          v-bind=\"{ description: data.description, vin: data.vin }\"\r\n        />\r\n        <div\r\n          v-if=\"!submitted\"\r\n          class=\"content\"\r\n        >\r\n          <p>{{ subtitle }}</p>\r\n          <ExperianDetails v-bind=\"{ product }\" />\r\n          <ContactForm\r\n            v-bind=\"{ product, isUser }\"\r\n            @submit=\"submit\"\r\n          />\r\n        </div>\r\n        <ContactFormSubmitted v-else />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { guest } from '@/plugins/axios'\r\nimport { mapGetters } from 'vuex'\r\nexport default {\r\n  name: 'Contact',\r\n  components: {\r\n    ContactFormHeader: () => import('../components/ContactFormHeader'),\r\n    VehicleSummaryBox: () =>\r\n      import('modules/shared/vehicle-summary-box/VehicleSummaryBox'),\r\n    ContactForm: () => import('../components/ContactForm'),\r\n    ExperianDetails: () =>\r\n      import('../components/experian/ContactFormFullDetails'),\r\n    ContactFormSubmitted: () => import('../components/ContactFormSubmitted')\r\n  },\r\n  data: () => ({ submitted: false }),\r\n  computed: {\r\n    ...mapGetters('auth', ['isUser', 'user', 'branch', 'organisation']),\r\n    ...mapGetters({ data: 'modal/config' }),\r\n\r\n    title() {\r\n      return this.data.vrm\r\n        ? `${this.product} enquiry for ${this.data.vrm}`\r\n        : 'Get in touch with us'\r\n    },\r\n    subtitle() {\r\n      return this.data.vrm\r\n        ? 'Please complete this form if you would like our dedicated team to investigate a query on this vehicle.'\r\n        : \"We'd be happy to hear any suggestions or issues you may have.\"\r\n    },\r\n    product() {\r\n      return this.data.product\r\n    }\r\n  },\r\n  methods: {\r\n    async submit(formData) {\r\n      const { enquiry, contactDetails } = formData\r\n      const { isUser, user, branch, organisation, product } = this\r\n      const { vrm, vin, description } = this.data\r\n\r\n      try {\r\n        this.$wait.start('contact-form')\r\n\r\n        const body = {\r\n          enquiry,\r\n          user: isUser ? user : contactDetails,\r\n          userId: user.id || 0,\r\n          branch: branch || {},\r\n          organisation: organisation || {},\r\n          product,\r\n          vrm,\r\n          vin,\r\n          description,\r\n          brand: 'experian'\r\n        }\r\n        await guest.post('/misc/contact-us', body)\r\n        this.submitted = true\r\n      } catch {\r\n        this.$notify({\r\n          group: 'danger',\r\n          text: 'Something went wrong, please try again'\r\n        })\r\n      } finally {\r\n        this.$wait.end('contact-form')\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=03677b14&\"\nimport script from \"./Contact.vue?vue&type=script&lang=js&\"\nexport * from \"./Contact.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":""}