{"version":3,"sources":["webpack:///./app/javascript/packs_components/application/components/FieldAddress.vue?4538","webpack:///./app/javascript/packs_components/application/components/FieldAddress.vue?9f87","webpack:///app/javascript/packs_components/application/components/FieldAddress.vue","webpack:///./app/javascript/packs_components/application/components/FieldAddress.vue","webpack:///./node_modules/vue-loader/lib/runtime/componentNormalizer.js"],"names":["component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","options","on","switchDeliveryPickUp","model","value","callback","$$v","selected","expression","_v","ref","staticStyle","_s","pickupAddress","_t","postal_code","city","province","country","street_number","street_1","domProps","full_address","directives","name","rawName","$event","target","composing","submitText","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","exports"],"mappings":"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","file":"js/44-e13aa038e53c2cfff2e5.chunk.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex justify-content-center pb-3\"},[_c('b-form-group',[_c('b-form-radio-group',{attrs:{\"id\":\"btn-radios-1\",\"name\":\"pick_up\",\"options\":_vm.options,\"button-variant\":\"outline-primary\",\"buttons\":\"\"},on:{\"change\":_vm.switchDeliveryPickUp},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1),_vm._v(\" \"),_c('div',{ref:\"pickup\",staticClass:\"d-none flex-column align-items-center justify-content-center\",staticStyle:{\"height\":\"136px\"}},[_c('h6',{staticClass:\"text-center mb-4\"},[_vm._v(\"\\n      Your pickup address is listed below. Continue to Select your Pickup Date\\n    \")]),_vm._v(\"\\n    Pickup from \"+_vm._s(_vm.pickupAddress)+\"\\n  \")]),_vm._v(\" \"),_c('div',{ref:\"addressInputContainer\"},[_vm._t(\"default\",null,{\"postal_code\":_vm.postal_code,\"city\":_vm.city,\"province\":_vm.province,\"country\":_vm.country,\"street_number\":_vm.street_number,\"street_1\":_vm.street_1}),_vm._v(\" \"),_c('h6',{staticClass:\"text-center mb-4\"},[_vm._v(\"\\n      Please only enter your street address and wait for the populated list to\\n      select the closest match, You will be able to add more information shortly.\\n    \")]),_vm._v(\" \"),_c('input',{ref:\"addressInput\",staticClass:\"form-control\",staticStyle:{\"height\":\"55px\"},attrs:{\"type\":\"text\",\"placeholder\":\"Enter your street address\"},domProps:{\"value\":_vm.full_address}})],2),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.submitText),expression:\"submitText\"}],ref:\"submitBtn\",staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\",\"name\":\"commit\",\"data-disable-with\":\"Please Wait\"},domProps:{\"value\":(_vm.submitText)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.submitText=$event.target.value}}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--8-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldAddress.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--8-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldAddress.vue?vue&type=script&lang=js&\"","<template>\n  <div>\n    <div class=\"d-flex justify-content-center pb-3\">\n      <b-form-group>\n        <b-form-radio-group\n          id=\"btn-radios-1\"\n          v-model=\"selected\"\n          name=\"pick_up\"\n          :options=\"options\"\n          button-variant=\"outline-primary\"\n          @change=\"switchDeliveryPickUp\"\n          buttons\n          >\n        </b-form-radio-group>\n      </b-form-group>\n    </div>\n    <div ref=\"pickup\" class=\"d-none flex-column align-items-center justify-content-center\" style=\"height: 136px\">\n      <h6 class=\"text-center mb-4\">\n        Your pickup address is listed below. Continue to Select your Pickup Date\n      </h6>\n      Pickup from {{ pickupAddress }}\n    </div>\n    <div ref=\"addressInputContainer\">\n      <slot\n        :postal_code=\"postal_code\"\n        :city=\"city\"\n        :province=\"province\"\n        :country=\"country\"\n        :street_number=\"street_number\"\n        :street_1=\"street_1\"\n      ></slot>\n      <h6 class=\"text-center mb-4\">\n        Please only enter your street address and wait for the populated list to\n        select the closest match, You will be able to add more information shortly.\n      </h6>\n      <input\n        type=\"text\"\n        class=\"form-control\"\n        ref=\"addressInput\"\n        :value=\"full_address\"\n        placeholder=\"Enter your street address\"\n        style=\"height: 55px\"\n      >\n    </div>\n    <div class=\"text-center mt-4\">\n      <input\n        type=\"submit\"\n        ref=\"submitBtn\"\n        name=\"commit\"\n        v-model=\"submitText\"\n        data-disable-with=\"Please Wait\"\n        class=\"btn btn-primary\"\n      >\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    props: {\n      defaultAddress: {\n        type: Object,\n        default: () => ({})\n      },\n      pickupAddress: {\n        type: String,\n        default: ''\n      },\n      deliverySubmitText: {\n        type: String,\n        default: ''\n      },\n      pickupSubmitText: {\n        type: String,\n        default: ''\n      }\n    },\n    data() {\n      return {\n        autocomplete: null,\n        // Rails variables mapping\n        street_1: '',\n        street_number: '',\n        postal_code: '',\n        city: '',\n        province: '',\n        country: '',\n        full_address: '',\n        selected: 'false',\n        submitText: this.deliverySubmitText,\n        options: [\n          { text: 'Delivery', value: 'false' },\n          { text: 'Pickup', value: 'true' },\n        ]\n      }\n    },\n    created() {\n      for(const k in this.componentMappings) {\n        const field = this.componentMappings[k];\n        this[field] = this.defaultAddress[field];\n      }\n      this.full_address = this.defaultAddress.full_address;\n    },\n    mounted() {\n      this.autocomplete = new google.maps.places.Autocomplete(this.$refs.addressInput, {\n        types: ['geocode'],\n        componentRestrictions: { country: 'ca' }\n      });\n      this.autocomplete.setFields(['address_component', 'formatted_address']);\n      this.autocomplete.addListener('place_changed', () => {\n        this.parseAddress(this.autocomplete.getPlace());\n      })\n      google.maps.event.addDomListener(this.$refs.addressInput, 'keydown', e => {\n        if (e.keyCode === 13) {\n          e.preventDefault();\n        }\n      });\n    },\n    computed: {\n      componentMappings() {\n        return {\n          street_number: 'street_number',\n          route: 'street_1',\n          locality: 'city',\n          administrative_area_level_1: 'province',\n          postal_code: 'postal_code',\n          country: 'country'\n        }\n      },\n    },\n    methods: {\n      parseAddress(googlePlace) {\n        this.full_address = googlePlace.formatted_address;\n        // Clear address before parsing\n        this.clear();\n        googlePlace.address_components.forEach(c => {\n          const type = c.types[0];\n          let field = this.componentMappings[type];\n          if(field) {\n            this[field] = c.short_name;\n          }\n        })\n      },\n      clear() {\n        this.street_1 = '';\n        this.street_number = '';\n        this.postal_code = '';\n        this.city = '';\n        this.province = '';\n        this.country = '';\n      },\n      switchDeliveryPickUp(toggleValue) {\n        this.$refs.pickup.classList.toggle(\"d-none\");\n        this.$refs.pickup.classList.toggle(\"d-flex\");\n        this.$refs.addressInputContainer.classList.toggle(\"d-none\");\n        if (toggleValue == \"true\") {\n          this.submitText = this.pickupSubmitText;\n        } else {\n          this.submitText = this.deliverySubmitText;\n        }\n      }\n    }\n  }\n</script>\n","import { render, staticRenderFns } from \"./FieldAddress.vue?vue&type=template&id=0b609529&\"\nimport script from \"./FieldAddress.vue?vue&type=script&lang=js&\"\nexport * from \"./FieldAddress.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","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n"],"sourceRoot":""}