{"version":3,"file":"TheStartFormHouse-c0t4QeIC.js","sources":["../../../app/frontend/components/uiElements/TheStartFormHouse.vue"],"sourcesContent":["<template lang=\"pug\">\n  address-autocomplete(\n    v-slot=\"{ addressAutocompleteRef, loadGoogleMapsScript }\"\n    @update-address=\"populateAutocompletedAddress\"\n  )\n    .flex.flex-col(class='md:flex-row md:items-center md:bg-white md:rounded-full md:shadow-bottom-light md:p-2')\n      generic-input(\n        :ref=\"addressAutocompleteRef\"\n        :placeholder=\"$t('shared.startForms.house.placeholder')\"\n        class=''\n        custom-classes='placeholder-emerald-900 placeholder-opacity-40 bg-white rounded-full shadow-bottom-light md:shadow-none focus:outline-none py-4 px-6 md:py-2'\n        @input.once=\"loadGoogleMapsScript\"\n      )\n      .mt-4(class=\"md:mt-0 md:flex-shrink-0 md:flex md:items-stretch md:ml-6\")\n        sw-button.w-full.btn-smile.btn-smile-indigo(\n          data-purpose=\"next_step_button\"\n          grouped\n          @click=\"handleSubmit\"\n        ) {{ $t('shared.cta.seePrice') }}\n</template>\n\n<script>\nimport { removeSwVCloak } from '../../mixins/removeSwVCloak';\nimport GenericInput from '../genericComponents/GenericInput.vue';\nimport addressAutocomplete from 'vue-google-maps-address-autocomplete';\n\nexport default {\n  name: 'TheStartFormHouse',\n  components: { GenericInput, addressAutocomplete },\n  mixins: [removeSwVCloak],\n  props: {\n    initialRawData: {\n      type: String,\n      default: null,\n    },\n  },\n  data () {\n    return {\n      initialData: JSON.parse(this.initialRawData),\n      form: {\n        address: {\n          zipCode: '',\n          streetName: '',\n          streetNumber: '',\n          city: '',\n        },\n      },\n    };\n  },\n  computed: {\n    queryParams () {\n      if (!this.initialData.queryParams) return '';\n\n      return `?${this.initialData.queryParams}`;\n    },\n  },\n  beforeCreate () {\n    this.componentUuid = `${this.$options.name}-${Math.floor(Math.random() * 1000000)}`;\n  },\n  methods: {\n    populateAutocompletedAddress (value) {\n      this.form.address = value;\n    },\n    handleSubmit () {\n      this.$localStorage.setItem('houses_profiling', JSON.stringify({ address: {\n        streetName: this.form.address.streetName,\n        streetNumber: this.form.address.streetNumber,\n        zipCode: this.form.address.zipCode,\n        city: this.form.address.city,\n      } }));\n      this.$turbolinks.visit(`/${this.$i18n.locale}/products/houses/profiling${this.queryParams}`);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","GenericInput","addressAutocomplete","removeSwVCloak","value"],"mappings":"mqCA0BA,MAAAA,EAAA,CACA,KAAA,oBACA,WAAA,CAAA,aAAAC,EAAA,oBAAAC,CAAA,EACA,OAAA,CAAAC,CAAA,EACA,MAAA,CACA,eAAA,CACA,KAAA,OACA,QAAA,IACA,CACA,EACA,MAAA,CACA,MAAA,CACA,YAAA,KAAA,MAAA,KAAA,cAAA,EACA,KAAA,CACA,QAAA,CACA,QAAA,GACA,WAAA,GACA,aAAA,GACA,KAAA,EACA,CACA,CACA,CACA,EACA,SAAA,CACA,aAAA,CACA,OAAA,KAAA,YAAA,YAEA,IAAA,KAAA,YAAA,WAAA,GAFA,EAGA,CACA,EACA,cAAA,CACA,KAAA,cAAA,GAAA,KAAA,SAAA,IAAA,IAAA,KAAA,MAAA,KAAA,OAAA,EAAA,GAAA,CAAA,EACA,EACA,QAAA,CACA,6BAAAC,EAAA,CACA,KAAA,KAAA,QAAAA,CACA,EACA,cAAA,CACA,KAAA,cAAA,QAAA,mBAAA,KAAA,UAAA,CAAA,QAAA,CACA,WAAA,KAAA,KAAA,QAAA,WACA,aAAA,KAAA,KAAA,QAAA,aACA,QAAA,KAAA,KAAA,QAAA,QACA,KAAA,KAAA,KAAA,QAAA,IACA,CAAA,CAAA,CAAA,EACA,KAAA,YAAA,MAAA,IAAA,KAAA,MAAA,MAAA,6BAAA,KAAA,WAAA,EAAA,CACA,CACA,CACA"}