{"version":3,"sources":["webpack:///./src/components/listing/TheListingLocation.vue?167e","webpack:///./src/components/listing/TheListingLocation.vue","webpack:///src/components/listing/TheListingLocation.vue","webpack:///./src/components/listing/TheListingLocation.vue?1d0a","webpack:///./src/components/listing/TheListingLocation.vue?0126","webpack:///./src/components/listing/TheListingLocation.vue?9066"],"names":["_c","_self","staticClass","_vm","attrs","_v","ref","directives","name","modifiers","staticRenderFns","components","TheListingCard","TheLocationEditer","TheSaveAndLeave","props","nextButton","type","data","computed","eligibleContact","eligibleLocation","methods","checkNextButton","ListingId","console","beforeMount","watch","component"],"mappings":"kHAAA,W,oFCA4CA,EAAOC,WAAS,MAAU,KAAeC,UAAY,GAAiB,OAAM,gBAAK,CAACA,YAAY,mBAAkC,CAACC,EAAG,KAAIA,CAAsDD,YAAY,kCAAQ,CAACF,EAAG,aAAkB,8BAAiB,SAACE,YAAY,QAA2DE,GAAK,mBAAC,gB,YAAW,2D,MAAO,CAAU,eAAgB,QAAIJ,YAAY,K,CAAmB,OAAS,GAAC,WAAS,C,MAAC,CAAc,kBAAIA,KAAG,U,CAA8B,wBAAQ,CAAK,OAAI,MAAO,UAA0BG,GAAIE,EAAGF,IAAM,CAAwJG,YAAI,QAAkB,CAACN,EAAG,KAAM,gJAACE,uBAAwEF,EAAG,MAAM,CAACE,YAAY,2DAAqD,CAACF,EAAG,OAAYO,YAAY,qD,CAACC,aAAc,C,WAAS,EAAwBC,e,QAAW,wBAAkB,WAAG,kB,YAAoC,O,MAAC,CAAqB,QAAIT,QAAW,cAErkCU,aAAe,GAAK,sG,0BCuCT,GACfC,YACAC,mEACAC,sEACAC,qEAEAC,OACAC,YAAAC,gBAEAC,OACA,UAEAC,UACAC,kBACA,SACA,6CACA,4CACA,yCACA,2CAKAC,mBACA,0CACA,cACA,qCAKAC,SACAC,kBACA,4CACA,4BAEA,6BAGA,0BACA,IACA,0CACAC,+CAEA,2DACA,+DACA,SACAC,uBAKAC,cACA,uBACA,0BAEAC,OACAP,kBACA,wBAEAC,mBACA,0BCtGghB,I,kCCS5gBO,EAAY,eACd,EACA,EACAlB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,kECpBf","file":"assets/js/chunk-0d4c84d4.61c4e360.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingLocation.vue?vue&type=style&index=0&id=700d9572&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{staticClass:\"vehicle-details\"},[_c('h2',{staticClass:\"text-primary title text-center\"},[_vm._v(_vm._s(_vm.$t(\"ListingProcess.Contact\")))]),_c('div',{staticClass:\"mt-4\"},[_c('TheListingCard')],1),_c('b-alert',{staticClass:\"alert-box info-box contact flex-column align-items-start\",attrs:{\"variant\":\"info\",\"show\":\"\",\"dismissible\":\"\"}},[_c('h5',[_c('b-avatar',{attrs:{\"variant\":\"success\",\"size\":\"1.4em\"}},[_c('b-icon-shield-check',{attrs:{\"scale\":\"0.8\"}})],1),_c('b',{staticClass:\"px-2\"},[_vm._v(_vm._s(_vm.$t(\"ListingProcess.ContactWarnTitle\")))])],1),_c('p',[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.ContactWarnDesc\"))+\" \")])]),_c('TheLocationEditer',{ref:\"LocationEditor\"}),_c('div',{staticClass:\"d-flex justify-content-between align-items-center mt-10\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.cancelModal\",modifiers:{\"cancelModal\":true}}],staticClass:\"px-3\",attrs:{\"pill\":\"\",\"variant\":\"half-dark\"}},[_c('v-icon',[_vm._v(\"mdi-close\")]),_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.cancel\"))+\" \")],1)],1),_c('TheSaveAndLeave')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container class=\"vehicle-details\">\r\n    <h2 class=\"text-primary title text-center\">{{ $t(\"ListingProcess.Contact\") }}</h2>\r\n\r\n    <div class=\"mt-4\">\r\n      <TheListingCard />\r\n    </div>\r\n\r\n    <b-alert\r\n      variant=\"info\"\r\n      show\r\n      dismissible\r\n      class=\"alert-box info-box contact flex-column align-items-start\"\r\n    >\r\n      <h5>\r\n        <b-avatar variant=\"success\" size=\"1.4em\">\r\n          <b-icon-shield-check scale=\"0.8\"/>\r\n        </b-avatar>\r\n        <b class=\"px-2\">{{ $t(\"ListingProcess.ContactWarnTitle\") }}</b>\r\n      </h5>\r\n      <p>\r\n        {{ $t(\"ListingProcess.ContactWarnDesc\") }}\r\n      </p>\r\n    </b-alert>\r\n\r\n    <TheLocationEditer ref=\"LocationEditor\" />\r\n\r\n    <div class=\"d-flex justify-content-between align-items-center mt-10\">\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <b-button pill variant=\"half-dark\" class=\"px-3\" v-b-modal.cancelModal>\r\n          <v-icon>mdi-close</v-icon> {{ $t(\"global.button.cancel\") }}\r\n        </b-button>\r\n      </div>\r\n        <TheSaveAndLeave />\r\n      </div>\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n  components: {\r\n    TheListingCard: () => import(\"@/components/listing/TheListingCard\"),\r\n    TheLocationEditer: () => import(\"@/components/listing/TheLocationEditer\"),\r\n    TheSaveAndLeave: () => import(\"@/components/listing/TheSaveAndLeaveButton\"),\r\n  },\r\n  props: {\r\n    nextButton: { type: Function },\r\n  },\r\n  data() {\r\n    return {};\r\n  },\r\n  computed: {\r\n    eligibleContact() {\r\n      if (\r\n        this.$store.getters.vehicleContactFirstName &&\r\n        this.$store.getters.vehicleContactLastName &&\r\n        this.$store.getters.vehicleContactEmail &&\r\n        this.$store.getters.vehicleContactMobile\r\n      ) {\r\n        return true;\r\n      } else return false;\r\n    },\r\n    eligibleLocation() {\r\n      let location = this.$store.getters.vehicleLocation;\r\n      if (location) {\r\n        if (location.streetAddress && location.city && location.region) return true;\r\n        else return false;\r\n      } else return false;\r\n    },\r\n  },\r\n  methods: {\r\n    checkNextButton() {\r\n      if (this.eligibleContact && this.eligibleLocation) {\r\n        this.nextButton(\"page5\", false);\r\n      } else {\r\n        this.nextButton(\"page5\", true);\r\n      }\r\n    },\r\n    async getVehicleDetails() {\r\n      try {\r\n        const response = await axios.post(\"Listing/CarInfo\", {\r\n          ListingId: this.$store.getters.listingStockID\r\n        });\r\n        this.$refs.LocationEditor.autoFillUserInfo(response.data.Contact);\r\n        this.$refs.LocationEditor.autoFilllocationInfo(response.data.Contact);\r\n      } catch (error) {\r\n        console.log(error.data);\r\n      }\r\n    },\r\n\r\n  },\r\n  beforeMount() {\r\n    this.checkNextButton();\r\n    this.getVehicleDetails();\r\n  },\r\n  watch: {\r\n    eligibleContact() {\r\n      this.checkNextButton();\r\n    },\r\n    eligibleLocation() {\r\n      this.checkNextButton();\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.cancelButton {\r\n  margin-left: 210px;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n\r\n.country-selector__input {\r\n  border-top-left-radius: 50px !important;\r\n  border-bottom-left-radius: 50px !important;\r\n}\r\n\r\n.input-tel__input {\r\n  border-radius: 0px !important;\r\n  border-right: 0px !important;\r\n  border-top-right-radius: 50px !important;\r\n  border-bottom-right-radius: 50px !important;\r\n}\r\n\r\n.select-country-container {\r\n  // pointer-events: none;\r\n  width: 100px !important;\r\n  min-width: 100px !important;\r\n  max-width: 100px !important;\r\n}\r\n.alert-box.contact {\r\n  margin: 64px 0 !important;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingLocation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingLocation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheListingLocation.vue?vue&type=template&id=700d9572&scoped=true&\"\nimport script from \"./TheListingLocation.vue?vue&type=script&lang=js&\"\nexport * from \"./TheListingLocation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheListingLocation.vue?vue&type=style&index=0&id=700d9572&prod&scoped=true&lang=scss&\"\nimport style1 from \"./TheListingLocation.vue?vue&type=style&index=1&id=700d9572&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"700d9572\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingLocation.vue?vue&type=style&index=1&id=700d9572&prod&lang=scss&\""],"sourceRoot":""}