{"version":3,"sources":["webpack:///./src/components/common/GooglePlaceAutocomplete.vue?84b7","webpack:///src/components/common/GooglePlaceAutocomplete.vue","webpack:///./src/components/common/GooglePlaceAutocomplete.vue?dcb9","webpack:///./src/components/common/GooglePlaceAutocomplete.vue","webpack:///./node_modules/core-js/modules/es.array.find.js","webpack:///./src/components/common/GooglePlaceAutocomplete.vue?0fa7"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","attrs","label","optional","class","error","modifiers","ref","placeholder","domProps","on","initAutocomplete","$event","target","composing","inputValue","trim","handleOnInput","$forceUpdate","_s","helperText","staticRenderFns","components","FloatLabel","model","prop","event","data","autocomplete","selectValue","props","type","Number","String","default","Boolean","isFocus","methods","window","google","maps","places","Autocomplete","$refs","componentRestrictions","country","fields","types","addListener","fillInAddress","place","address","focusOut","replace","$emit","mounted","component","$","$find","find","addToUnscopables","FIND","SKIPS_HOLES","Array","proto","forced","callbackfn","arguments","length","undefined"],"mappings":"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","file":"js/chunk-e7c068e4.b5f5c5e5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.focusOut),expression:\"focusOut\"}],staticClass:\"wrapper\"},[_c('FloatLabel',{attrs:{\"label\":_vm.label,\"optional\":_vm.optional}},[_c('div',{staticClass:\"input-wrapper d-flex justify-content-between align-items-center\",class:[(\"\" + (_vm.error ? 'invalid' : ''))]},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.inputValue),expression:\"inputValue\",modifiers:{\"trim\":true}}],ref:\"autocomplete\",staticClass:\"shadow-none form-control autocomplete-custom\",class:[(\"\" + (_vm.error ? 'invalid' : ''))],attrs:{\"name\":_vm.name,\"placeholder\":_vm.placeholder,\"autocomplete\":\"off\",\"required\":\"\"},domProps:{\"value\":(_vm.inputValue)},on:{\"focus\":_vm.initAutocomplete,\"input\":[function($event){if($event.target.composing){ return; }_vm.inputValue=$event.target.value.trim()},_vm.handleOnInput],\"blur\":function($event){return _vm.$forceUpdate()}}})])]),_c('div',{staticClass:\"fs-12 text-left mb-2 mt-n3 pr-2 err-text\",domProps:{\"innerHTML\":_vm._s(_vm.error ? _vm.helperText : '')}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper\" v-click-outside=\"focusOut\">\n    <FloatLabel :label=\"label\" :optional=\"optional\">\n    <div :class=\"[`${error ? 'invalid' : ''}`]\" class=\"input-wrapper d-flex justify-content-between align-items-center\">\n      <input\n        class=\"shadow-none form-control autocomplete-custom\"\n        v-model.trim=\"inputValue\"\n        :name=\"name\"\n        :placeholder=\"placeholder\"\n        autocomplete=\"off\"\n        ref=\"autocomplete\"\n        :class=\"[`${error ? 'invalid' : ''}`]\"\n        @focus=\"initAutocomplete\"\n        required\n        @input=\"handleOnInput\"\n      />\n    </div>\n    </FloatLabel>\n    <div v-html=\"error ? helperText : ''\" class=\"fs-12 text-left mb-2 mt-n3 pr-2 err-text\"></div>\n  </div>\n</template>\n\n<script>\nimport { logError } from \"@/helper/utils\";\nexport default {\n  name: 'GooglePlaceAutocomplete',\n  components: { \n    FloatLabel: () => import('./FloatLabel.vue')\n  },\n  model: {\n    prop: 'selectValue',\n    event: 'change'\n  },\n  data() {\n    return {\n      autocomplete: '',\n      inputValue: this.selectValue,\n    }\n  },\n  props: {\n    selectValue: {\n      type: [Number, String],\n      default: () => \"\"\n    },\n    label: String,\n    name: {\n      type: String,\n      default: () => \"\"\n    },\n    error: Boolean,\n    isFocus: Boolean,\n    optional: Boolean,\n    placeholder: String,\n    helperText: String,\n  },\n  methods: {\n    initAutocomplete() {\n      this.autocomplete = new window.google.maps.places.Autocomplete(this.$refs['autocomplete'], {\n        componentRestrictions: {\n          country: ['au'],\n        },\n        fields: ['address_components'],\n        types: ['locality', 'street_address', 'postal_code', 'postal_code_prefix'],\n        // types: ['geocode', 'establishment'],\n        // fields: [\"address_components\", \"geometry\"],\n        // types: [\"address\"],\n      });\n      this.autocomplete.addListener('place_changed', this.fillInAddress);\n    },\n    fillInAddress() {\n      try {\n        const place = this.autocomplete.getPlace();\n        if (place?.address_components) {\n          const postalCode = place.address_components.find(\n            (component) => component.types.includes('postal_code')\n          );\n          const state = place.address_components.find(\n            (component) => component.types.includes('administrative_area_level_1')\n          );\n  \n          const locality = place.address_components.find(\n            (component) => component.types.includes('locality')\n          );\n          let address = [\n            locality?.long_name,\n            state?.short_name,\n            postalCode?.long_name,\n          ]\n            .filter(Boolean)\n            .join(\" \");\n          this.inputValue = address;\n          this.focusOut();\n        } else {\n          this.inputValue = this.$refs['autocomplete'].value.replace(', Australia', '');\n          this.focusOut();\n        }\n      } catch (error) {\n        logError(`Google place API error: ${error}`);\n      }\n    },\n    focusOut() {\n      this.$emit('change', this.inputValue);\n    },\n    handleOnInput() {\n      this.$emit('input', this.inputValue);\n    },\n  },\n  mounted() {\n    this.initAutocomplete();\n  },\n}\n</script>\n<style lang=\"scss\">\n.pac-container {\n  z-index: 100002;\n  box-shadow: 0px 0px 1px 0px #bebebe !important;\n}\n.pac-item {\n  padding: 5px;\n  cursor: pointer;\n}\n</style>","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!./GooglePlaceAutocomplete.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!./GooglePlaceAutocomplete.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GooglePlaceAutocomplete.vue?vue&type=template&id=199ce95f&\"\nimport script from \"./GooglePlaceAutocomplete.vue?vue&type=script&lang=js&\"\nexport * from \"./GooglePlaceAutocomplete.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GooglePlaceAutocomplete.vue?vue&type=style&index=0&lang=scss&\"\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","'use strict';\nvar $ = require('../internals/export');\nvar $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.es/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GooglePlaceAutocomplete.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}