{"version":3,"sources":["webpack:///./src/components/listing/TheLocationEditer.vue?c8ed","webpack:///./src/components/listing/TheLocationEditer.vue?05f4","webpack:///./src/components/listing/TheLocationEditer.vue","webpack:///src/components/listing/TheLocationEditer.vue","webpack:///./src/components/listing/TheLocationEditer.vue?71ec","webpack:///./src/components/listing/TheLocationEditer.vue?f963"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","editContact","attrs","on","$event","checkInput","firstName","model","value","callback","$$v","expression","lastName","$store","getters","country","Code","countrySelectorLabel","countrySelectorError","phoneNumberLabel","example","mobile","mobilePayload","countryCallingCode","setMobilePayload","email","autoFillUserInfo","eligibleContact","saveContact","sendLocation","_e","editLocation","key","componentKey","userCountryCode","handleAddress","forceRerender","eligibleLocation","saveLocation","directives","name","rawName","address2","address1","city","zipcode","province","Name","staticRenderFns","components","VuePhoneNumberInput","TheAddressForm","props","data","mobileCountryCode","fullAddress","computed","methods","isValid","formatInternational","formatNational","formattedNumber","uri","e164","ListingId","Contact","FirstName","LastName","Email","Mobile","CountryCode","Province","City","AddressLine","AddressLine2","Zipcode","console","autoFilllocationInfo","user","streetAddress","apt","region","postal","beforeMount","component"],"mappings":"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AACO,MAAM,CAAC,KAAO,mBAAmBT,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,GAAG,uBAAuB,MAAM,IAAI,MAAiuB,MAEtrGgD,EAAkB,G,kECkLP,GACfC,YACAC,wBACAC,oEAEAC,qBACAC,OACA,OACA/C,eACAM,cACAa,WACAJ,YACAiC,uBACAhC,mBACAiC,eACAZ,cACAD,cACAE,UACAE,cACAD,aACAX,qBACAD,eACAhC,eACA8B,kBAGAyB,UACA7B,kBACA,kEAGAU,mBACA,yBACA,8CAIAoB,SACAtB,iBACA,oBAEA9B,gBACA,2BAEAmB,oBACA,2BACA,+DACA,MACA,YACA,EACAkC,yBACAnC,wCACAoC,4CACAC,wBACAC,yBACAC,eACAC,YAEA,uBAIAnC,cACA,+DACA,6DACA,yDACA,+EACA,wDAEAU,eACA,yBACA,yDACA,8BACA,oBACA,iBACA,uBACA,uBAGA,qBACA,UACA,+BACA0B,6CACAC,SACAC,yBACAC,uBACAC,iBACAC,mBACAC,sCACAC,uBACAC,eACAC,0BACAC,2BACAC,wBAGA,SACAC,+BAGAlD,oBACA,4CACA,IACA,2BACA,yBACA,mBACA,qBACA,wBACAV,UACA+B,oBACA,WAEA,oBAEA8B,uBACA,4CACAC,mCACA,GACA,8BACA,oBACA,iBACA,uBACA,wBAEA,4BACA,6BACA,iBACA,yBACA,uBACA,wCACAC,4BACAC,kBACApC,eACAqC,qBACAC,oBACAnE,qCAGA,gBACA,uBAGAqB,gBACA,uBAGA+C,cACA,wBACA,8BCjV+gB,I,mCCS3gBC,EAAY,eACd,EACA5F,EACAwD,GACA,EACA,KACA,WACA,MAIa,aAAAoC,E","file":"assets/js/chunk-ae2e341a.b26a1d13.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!./TheLocationEditer.vue?vue&type=style&index=1&id=27c4b318&prod&lang=scss&\"","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!./TheLocationEditer.vue?vue&type=style&index=0&id=27c4b318&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('section',[_c('div',{staticClass:\"mx-auto\"},[_c('h5',{staticClass:\"contact-title\"},[_vm._v(_vm._s(_vm.$t(\"ListingProcess.ContactPerson\")))]),_c('span',{staticClass:\"secondary-text\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.ContactPersonDesc\"))+\" \")])]),(!_vm.editContact)?_c('div',{staticClass:\"avatar-container gap-2\"},[_c('div',{staticClass:\"avatar-header\"},[_c('b-avatar',{staticClass:\"avatar\"},[_vm._v(\" \"+_vm._s(_vm.firstName[0])+_vm._s(_vm.lastName[0]))])],1),_c('div',{staticClass:\"avatar-header\"},[_c('p',{staticClass:\"username\"},[_vm._v(_vm._s(_vm.firstName)+\" \"+_vm._s(_vm.lastName))]),_c('p',{staticClass:\"email\"},[_vm._v(_vm._s(_vm.email))]),_c('p',{staticClass:\"mobile\"},[_vm._v(_vm._s(_vm.mobile))])]),_c('div',[_c('b-button',{staticClass:\"border-0 text-primary p-0 btn-edit\",attrs:{\"variant\":\"transparent\"},on:{\"click\":function($event){_vm.editContact = true}}},[_c('b-icon',{attrs:{\"icon\":\"pencil-square\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.edit\"))+\" \")],1)],1)]):(_vm.editContact)?_c('b-card',{staticClass:\"edit-form mt-5 mb-10\"},[_c('b-card-body',[_c('label',[_vm._v(_vm._s(_vm.$t(\"Reservation.FirstName\")))]),_c('b-form-input',{staticClass:\"input-pills\",attrs:{\"type\":\"text\"},on:{\"input\":function($event){return _vm.checkInput('vehicleContactFirstName', _vm.firstName)}},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}})],1),_c('b-card-body',[_c('label',[_vm._v(_vm._s(_vm.$t(\"Reservation.LastName\")))]),_c('b-form-input',{staticClass:\"input-pills\",attrs:{\"type\":\"text\"},on:{\"input\":function($event){return _vm.checkInput('vehicleContactLastName', _vm.lastName)}},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}})],1),_c('b-card-body',[_c('label',[_vm._v(_vm._s(_vm.$t(\"accountSettings.label.mobileNum\")))]),_c('b-input-group',{staticClass:\"row m-0\"},[_c('VuePhoneNumberInput',{staticClass:\"col p-0\",attrs:{\"default-country-code\":_vm.$store.getters.country.Code ? _vm.$store.getters.country.Code : 'CA',\"translations\":{\n              countrySelectorLabel: _vm.$t('Contact.countrySelectorLabel'),\n              countrySelectorError: _vm.$t('Contact.countrySelectorError'),\n              phoneNumberLabel: _vm.$t('Contact.phoneNumberLabel'),\n              example: _vm.$t('Contact.example'),\n            }},on:{\"input\":function($event){_vm.checkInput('vehicleContactMobile', _vm.mobile),\n                _vm.checkInput(\n                  'vehicleContactMobileCountryCode',\n                  _vm.mobilePayload.countryCallingCode\n                )},\"update\":function($event){return _vm.setMobilePayload($event)}},model:{value:(_vm.mobile),callback:function ($$v) {_vm.mobile=$$v},expression:\"mobile\"}})],1)],1),_c('b-card-body',[_c('label',[_vm._v(_vm._s(_vm.$t(\"Reservation.Email\")))]),_c('b-form-input',{staticClass:\"input-pills\",attrs:{\"type\":\"text\"},on:{\"input\":function($event){return _vm.checkInput('vehicleContactEmail', _vm.email)}},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1),_c('b-card-body',{staticClass:\"mb-0\"},[_c('b-row',[_c('b-col',[_c('b-btn',{staticClass:\"w-100\",attrs:{\"pill\":\"\",\"variant\":\"outline-primary\"},on:{\"click\":function($event){(_vm.editContact = false), _vm.autoFillUserInfo()}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.edit\"))+\" \")])],1),_c('b-col',[_c('b-btn',{staticClass:\"w-100\",attrs:{\"pill\":\"\",\"variant\":\"primary\",\"disabled\":!_vm.eligibleContact},on:{\"click\":function($event){(_vm.editContact = false), _vm.saveContact(), _vm.sendLocation()}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Reservation.Submit\"))+\" \")])],1)],1)],1)],1):_vm._e()],1),_c('section',[_c('div',{staticClass:\"mx-auto\"},[_c('h5',{staticClass:\"contact-title\"},[_vm._v(_vm._s(_vm.$t(\"ListingProcess.VehicleLocationAddress\")))]),_c('span',{staticClass:\"secondary-text\"},[_vm._v(_vm._s(_vm.$t(\"ListingProcess.VehicleLocationAddressDesc\")))])]),(!_vm.editLocation)?_c('b-row',{staticClass:\"avatar-container gap-2\"},[_c('div',{attrs:{\"cols\":\"auto\"}},[_c('b-avatar',{staticClass:\"avatar\",attrs:{\"variant\":\"whiteBlue\"}},[_c('b-icon-geo-alt-fill',{attrs:{\"variant\":\"primary\",\"scale\":\"0.8\"}})],1)],1),_c('div',{attrs:{\"cols\":\"auto\"}},[_c('p',{staticClass:\"mb-1\"},[_c('b',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.address2),expression:\"address2\"}],staticClass:\"pl-3\"},[_vm._v(_vm._s(_vm.address2)+\" - \")]),_c('b',[_vm._v(_vm._s(_vm.address1))])]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" \"+_vm._s(_vm.city)),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.zipcode),expression:\"zipcode\"}]},[_vm._v(\", \"+_vm._s(_vm.zipcode))])]),_c('p',{staticClass:\"mb-1\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.province),expression:\"province\"}]},[_vm._v(_vm._s(_vm.province)+\", \")]),_vm._v(_vm._s(_vm.userCountryCode.Name)+\" \")])]),_c('div',[_c('b-button',{staticClass:\"border-0 text-primary p-0\",attrs:{\"variant\":\"transparent\"},on:{\"click\":function($event){_vm.editLocation = true}}},[_c('b-icon',{attrs:{\"icon\":\"pencil-square\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.edit\"))+\" \")],1)],1)]):(_vm.editLocation)?_c('div',{staticClass:\"card edit-form mt-5\"},[_c('TheAddressForm',{key:_vm.componentKey,attrs:{\"countryLocked\":_vm.userCountryCode},on:{\"addressChange\":_vm.handleAddress}}),_c('b-row',[_c('b-col',[_c('b-btn',{staticClass:\"w-100 submit-address\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){(_vm.editLocation = false), _vm.forceRerender()}}},[_vm._v(_vm._s(_vm.$t(\"global.button.cancel\")))])],1),_c('b-col',[_c('b-btn',{staticClass:\"w-100 submit-address\",attrs:{\"pill\":\"\",\"variant\":\"primary\",\"disabled\":!_vm.eligibleLocation},on:{\"click\":function($event){(_vm.editLocation = false), _vm.saveLocation(), _vm.sendLocation()}}},[_vm._v(_vm._s(_vm.$t(\"Reservation.Submit\")))])],1)],1)],1):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <section>\r\n      <div class=\"mx-auto\">\r\n        <h5 class=\"contact-title\">{{ $t(\"ListingProcess.ContactPerson\") }}</h5>\r\n        <span class=\"secondary-text\">\r\n          {{ $t(\"ListingProcess.ContactPersonDesc\") }}\r\n        </span>\r\n      </div>\r\n      <div class=\"avatar-container gap-2\" v-if=\"!editContact\">\r\n        <div class=\"avatar-header\">\r\n          <b-avatar class=\"avatar\"> {{ firstName[0] }}{{ lastName[0] }}</b-avatar>\r\n        </div>\r\n        <div class=\"avatar-header\">\r\n          <p class=\"username\">{{ firstName }} {{ lastName }}</p>\r\n          <p class=\"email\">{{ email }}</p>\r\n          <p class=\"mobile\">{{ mobile }}</p>\r\n        </div>\r\n        <div>\r\n          <b-button\r\n            variant=\"transparent\"\r\n            class=\"border-0 text-primary p-0 btn-edit\"\r\n            @click=\"editContact = true\"\r\n          >\r\n            <b-icon icon=\"pencil-square\"></b-icon>\r\n            {{ $t(\"global.button.edit\") }}\r\n          </b-button>\r\n        </div>\r\n      </div>\r\n\r\n      <b-card class=\"edit-form mt-5 mb-10\" v-else-if=\"editContact\">\r\n        <b-card-body>\r\n          <label>{{ $t(\"Reservation.FirstName\") }}</label>\r\n          <b-form-input\r\n            type=\"text\"\r\n            v-model=\"firstName\"\r\n            @input=\"checkInput('vehicleContactFirstName', firstName)\"\r\n            class=\"input-pills\"\r\n          />\r\n        </b-card-body>\r\n\r\n        <b-card-body>\r\n          <label>{{ $t(\"Reservation.LastName\") }}</label>\r\n          <b-form-input\r\n            type=\"text\"\r\n            v-model=\"lastName\"\r\n            @input=\"checkInput('vehicleContactLastName', lastName)\"\r\n            class=\"input-pills\"\r\n          />\r\n        </b-card-body>\r\n\r\n        <b-card-body>\r\n          <label>{{ $t(\"accountSettings.label.mobileNum\") }}</label>\r\n          <b-input-group class=\"row m-0\">\r\n            <VuePhoneNumberInput\r\n              class=\"col p-0\"\r\n              v-model=\"mobile\"\r\n              :default-country-code=\"\r\n                $store.getters.country.Code ? $store.getters.country.Code : 'CA'\r\n              \"\r\n              @input=\"\r\n                checkInput('vehicleContactMobile', mobile),\r\n                  checkInput(\r\n                    'vehicleContactMobileCountryCode',\r\n                    mobilePayload.countryCallingCode\r\n                  )\r\n              \"\r\n              @update=\"setMobilePayload($event)\"\r\n              :translations=\"{\r\n                countrySelectorLabel: $t('Contact.countrySelectorLabel'),\r\n                countrySelectorError: $t('Contact.countrySelectorError'),\r\n                phoneNumberLabel: $t('Contact.phoneNumberLabel'),\r\n                example: $t('Contact.example'),\r\n              }\"\r\n            />\r\n          </b-input-group>\r\n        </b-card-body>\r\n\r\n        <b-card-body>\r\n          <label>{{ $t(\"Reservation.Email\") }}</label>\r\n          <b-form-input\r\n            type=\"text\"\r\n            v-model=\"email\"\r\n            @input=\"checkInput('vehicleContactEmail', email)\"\r\n            class=\"input-pills\"\r\n          />\r\n        </b-card-body>\r\n\r\n        <b-card-body class=\"mb-0\">\r\n          <b-row>\r\n            <b-col>\r\n              <b-btn\r\n                pill\r\n                variant=\"outline-primary\"\r\n                class=\"w-100\"\r\n                @click=\"(editContact = false), autoFillUserInfo()\"\r\n              >\r\n                {{ $t(\"global.button.edit\") }}\r\n              </b-btn>\r\n            </b-col>\r\n            <b-col>\r\n              <b-btn\r\n                pill\r\n                variant=\"primary\"\r\n                class=\"w-100\"\r\n                :disabled=\"!eligibleContact\"\r\n                @click=\"(editContact = false), saveContact(), sendLocation()\"\r\n              >\r\n                {{ $t(\"Reservation.Submit\") }}\r\n              </b-btn>\r\n            </b-col>\r\n          </b-row>\r\n        </b-card-body>\r\n      </b-card>\r\n    </section>\r\n\r\n    <section>\r\n      <div class=\"mx-auto\">\r\n        <h5 class=\"contact-title\">{{ $t(\"ListingProcess.VehicleLocationAddress\") }}</h5>\r\n        <span class=\"secondary-text\">{{ $t(\"ListingProcess.VehicleLocationAddressDesc\") }}</span>\r\n      </div>\r\n      <b-row class=\"avatar-container gap-2\" v-if=\"!editLocation\">\r\n        <div cols=\"auto\">\r\n          <b-avatar class=\"avatar\" variant=\"whiteBlue\">\r\n            <b-icon-geo-alt-fill variant=\"primary\" scale=\"0.8\"/>\r\n          </b-avatar>\r\n        </div>\r\n        <div cols=\"auto\">\r\n          <p class=\"mb-1\">\r\n            <b class=\"pl-3\" v-show=\"address2\">{{ address2 }} - </b>\r\n            <b>{{ address1 }}</b>\r\n          </p>\r\n          <p class=\"mb-1\">\r\n            {{ city }}<span v-show=\"zipcode\">, {{ zipcode }}</span>\r\n          </p>\r\n          <p class=\"mb-1\">\r\n            <span v-show=\"province\">{{ province }}, </span>{{ userCountryCode.Name }}\r\n          </p>\r\n        </div>\r\n        <div>\r\n          <b-button\r\n            variant=\"transparent\"\r\n            class=\"border-0 text-primary p-0\"\r\n            @click=\"editLocation = true\"\r\n          >\r\n            <b-icon icon=\"pencil-square\"/>\r\n            {{ $t(\"global.button.edit\") }}\r\n          </b-button>\r\n        </div>\r\n      </b-row>\r\n\r\n      <div class=\"card edit-form mt-5\" v-else-if=\"editLocation\">\r\n        <TheAddressForm\r\n          :countryLocked=\"userCountryCode\"\r\n          @addressChange=\"handleAddress\"\r\n          :key=\"componentKey\"\r\n        />\r\n\r\n        <b-row>\r\n          <b-col>\r\n            <b-btn\r\n              variant=\"outline-primary\"\r\n              class=\"w-100 submit-address\"\r\n              @click=\"(editLocation = false), forceRerender()\"\r\n              >{{ $t(\"global.button.cancel\") }}</b-btn\r\n            >\r\n          </b-col>\r\n          <b-col>\r\n            <b-btn\r\n              pill\r\n              variant=\"primary\"\r\n              class=\"w-100 submit-address\"\r\n              :disabled=\"!eligibleLocation\"\r\n              @click=\"(editLocation = false), saveLocation(), sendLocation()\"\r\n              >{{ $t(\"Reservation.Submit\") }}</b-btn\r\n            >\r\n          </b-col>\r\n        </b-row>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VuePhoneNumberInput from \"vue-phone-number-input\";\r\nimport \"vue-phone-number-input/dist/vue-phone-number-input.css\";\r\nimport axios from \"axios\";\r\nimport parsePhoneNumber from \"libphonenumber-js\";\r\n\r\nexport default {\r\n  components: {\r\n    VuePhoneNumberInput,\r\n    TheAddressForm: () => import(\"@/components/global/TheAddressForm.vue\"),\r\n  },\r\n  props: ['nextButton'],\r\n  data() {\r\n    return {\r\n      firstName: null,\r\n      lastName: null,\r\n      email: null,\r\n      mobile: null,\r\n      mobileCountryCode: null,\r\n      mobilePayload: null,\r\n      fullAddress: [],\r\n      address1: null,\r\n      address2: null,\r\n      city: null,\r\n      province: null,\r\n      zipcode: null,\r\n      userCountryCode: \"CA\",\r\n      componentKey: 0,\r\n      editContact: false,\r\n      editLocation: false,\r\n    };\r\n  },\r\n  computed: {\r\n    eligibleContact() {\r\n      if (this.firstName && this.lastName && this.email && this.mobile) return true;\r\n      else return false;\r\n    },\r\n    eligibleLocation() {\r\n      const address = this.fullAddress;\r\n      if (address.streetAddress && address.city && address.region) return true;\r\n      else return false;\r\n    },\r\n  },\r\n  methods: {\r\n    handleAddress(address) {\r\n      this.fullAddress = address;\r\n    },\r\n    checkInput(store, model) {\r\n      this.$store.dispatch(store, model);\r\n    },\r\n    setMobilePayload(event) {\r\n      if(!event.phoneNumber) return false\r\n      const mobileNumber = parsePhoneNumber(event.phoneNumber.toString(), event.countryCode);\r\n      if(mobileNumber) {\r\n        const payload = {\r\n          ...mobileNumber,\r\n          isValid: mobileNumber ? mobileNumber.isValid() : false,\r\n          countryCallingCode: mobileNumber.countryCallingCode,\r\n          formatInternational: mobileNumber.formatInternational(),\r\n          formatNational: mobileNumber.number,\r\n          formattedNumber: mobileNumber.number,\r\n          uri: mobileNumber.getURI(),\r\n          e164: mobileNumber.ext\r\n        }\r\n        this.mobilePayload = payload;\r\n      }\r\n    },\r\n\r\n    saveContact() {\r\n      this.$store.dispatch(\"vehicleContactFirstName\", this.firstName);\r\n      this.$store.dispatch(\"vehicleContactLastName\", this.lastName);\r\n      this.$store.dispatch(\"vehicleContactMobile\", this.mobile);\r\n      this.$store.dispatch(\"vehicleContactMobileCountryCode\", this.mobileCountryCode);\r\n      this.$store.dispatch(\"vehicleContactEmail\", this.email);\r\n    },\r\n    saveLocation() {\r\n      const address = this.fullAddress;\r\n      this.$store.dispatch(\"vehicleLocation\", this.fullAddress);\r\n      this.address1 = address.streetAddress;\r\n      this.address2 = address.apt;\r\n      this.city = address.city;\r\n      this.province = address.region;\r\n      this.zipcode = address.postal;\r\n    },\r\n\r\n    async sendLocation() {\r\n      try {\r\n        await axios.post(\"Listing/SetListing\", {\r\n          ListingId: this.$store.getters.listingStockID,\r\n          Contact: {\r\n            FirstName: this.firstName,\r\n            LastName: this.lastName,\r\n            Email: this.email,\r\n            Mobile: this.mobile,\r\n            CountryCode: this.userCountryCode.Code,\r\n            Province: this.province,\r\n            City: this.city,\r\n            AddressLine: this.address1,\r\n            AddressLine2: this.address2,\r\n            Zipcode: this.zipcode,\r\n          },\r\n        });\r\n      } catch (error) {\r\n        console.log(error.response.data);\r\n      }\r\n    },\r\n    autoFillUserInfo(contact) {\r\n      const user = contact ? contact : this.$store.getters.user.Contact;\r\n      if (user) {\r\n        this.firstName = user.FirstName;\r\n        this.lastName = user.LastName;\r\n        this.email = user.Email;\r\n        this.mobile = user.Mobile;\r\n        this.userCountryCode = contact ? {\r\n          Code: \"CA\",\r\n          Name: user.CountryName\r\n        } : user.Country;\r\n      }\r\n      this.saveContact();\r\n    },\r\n    autoFilllocationInfo() {\r\n      const address = this.$store.getters.vehicleLocation,\r\n      user = this.$store.getters.user.Contact;\r\n      if (address) {\r\n        this.address1 = address.streetAddress;\r\n        this.address2 = address.apt;\r\n        this.city = address.city;\r\n        this.province = address.region;\r\n        this.zipcode = address.postal;\r\n      } else {\r\n        this.address1 = user.AddressLine;\r\n        this.address2 = user.AddressLine2;\r\n        this.city = user.City;\r\n        this.province = user.Province;\r\n        this.zipcode = user.ZipCode;\r\n        this.$store.dispatch(\"vehicleLocation\", {\r\n          streetAddress: this.address1,\r\n          apt: this.address2,\r\n          city: this.city,\r\n          region: this.province,\r\n          postal: this.zipcode,\r\n          country: this.userCountryCode.Code,\r\n        });\r\n      }\r\n      if (!this.address1) {\r\n        this.editLocation = true;\r\n      }\r\n    },\r\n    forceRerender() {\r\n      this.componentKey += 1;\r\n    },\r\n  },\r\n  beforeMount() {\r\n    this.autoFillUserInfo();\r\n    this.autoFilllocationInfo();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.contact-title {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  padding-bottom: 2px;\r\n  border-bottom: 1px solid #dbdbdb;\r\n  margin-bottom: 16px;\r\n  text-transform: capitalize;\r\n}\r\n.secondary-text {\r\n  color: #4b4b4b;\r\n}\r\n.avatar-container {\r\n  display: flex;\r\n  margin-top: 40px;\r\n  margin-bottom: 40px;\r\n}\r\n.avatar {\r\n  width: 97px;\r\n  height: 97px;\r\n  background: #cce1f3;\r\n  margin-right: 16px;\r\n  font-size: 28px;\r\n  font-family: \"Poppins\", sans-serif !important;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  color: $light-blue;\r\n}\r\n.username {\r\n  color: #111111;\r\n  font-size: 18px;\r\n  margin-bottom: 2px;\r\n  font-weight: 500;\r\n  text-transform: capitalize;\r\n}\r\n.email {\r\n  color: $light-blue;\r\n  margin-bottom: 8px;\r\n  font-size: 18px;\r\n  text-transform: lowercase;\r\n}\r\n.mobile {\r\n  font-size: 18px;\r\n  color: #111111;\r\n}\r\n.btn-edit {\r\n  font-size: 16px;\r\n  font-weight: 500 !important;\r\n  font-family: \"Inter\" !important;\r\n}\r\n.submit-address {\r\n  height: 52px;\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  font-family: \"Inter\" !important;\r\n  border-radius: 50px;\r\n  &:hover {\r\n    background-color: #00559d !important;\r\n    border-color: #004e90 !important;\r\n    color: white !important;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.edit-form {\r\n  max-width: 455px;\r\n  border-color: #dbdbdb;\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n  padding: 24px;\r\n  border-radius: 10px;\r\n  .card-body {\r\n    padding: 0;\r\n    margin-bottom: 24px;\r\n  }\r\n  input {\r\n    height: 48px;\r\n  }\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!./TheLocationEditer.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!./TheLocationEditer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheLocationEditer.vue?vue&type=template&id=27c4b318&scoped=true&\"\nimport script from \"./TheLocationEditer.vue?vue&type=script&lang=js&\"\nexport * from \"./TheLocationEditer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheLocationEditer.vue?vue&type=style&index=0&id=27c4b318&prod&lang=scss&scoped=true&\"\nimport style1 from \"./TheLocationEditer.vue?vue&type=style&index=1&id=27c4b318&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  \"27c4b318\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}