{"version":3,"sources":["webpack:///./src/views/GroupPage.vue?d237","webpack:///src/views/GroupPage.vue","webpack:///./src/views/GroupPage.vue?b9d8","webpack:///./src/views/GroupPage.vue?b085","webpack:///./src/views/GroupPage.vue?c10c","webpack:///./src/views/GroupPage.vue?c05c"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","style","class","switchValue","backgroundColor","hasDelivery","on","$event","onChange","_v","_s","$vuetify","t","directives","name","rawName","value","submittedAddress","deliveryAddress","expression","breakpoint","mdAndUp","isFetchingLocation","toggleSort","isSortedByLocation","staticStyle","ref","getStoreCountryCode","hasAddressError","parseAddressData","addressChange","model","callback","$$v","_e","stores","length","_l","store","index","key","code","target","currentTarget","goToStore","validStores","color","marginBottom","testStore","supportsOffHourOrders","storeDistanceText","staticRenderFns","withinDeliveryRange","checkedStores","filteredStores","referrer","component"],"mappings":"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","file":"js/group-page.d90112e4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.getIsGroupStoresLoading)?_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('v-progress-circular',{staticClass:\"mt-3 mb-3\",attrs:{\"size\":70,\"width\":7,\"color\":\"primary\",\"indeterminate\":\"\"}})],1):_c('v-layout',[_c('v-flex',{attrs:{\"row\":\"\",\"xs12\":\"\",\"sm10\":\"\",\"offset-sm1\":\"\"}},[_c('div',{staticClass:\"ml-2 mt-2 text-sm\"},[_c('v-btn-toggle',{style:({ 'min-width': '50%', 'border-radius': '15px'}),attrs:{\"mandatory\":\"\"}},[_c('v-btn',{staticClass:\"orderTypeSelect\",class:{ 'white--text': this.switchValue, 'selected': this.switchValue },style:({\n            backgroundColor : this.switchValue ?  'var(--v-primary-base)' : 'white' ,\n            'min-width': '50%',\n            'min-height': '8vh',\n            'border-radius': '15px 0px 0px 15px'\n        }),attrs:{\"flat\":\"\",\"disabled\":!_vm.hasDelivery,\"large\":\"\"},on:{\"change\":function($event){return _vm.onChange(true)}}},[_c('div',[_vm._v(_vm._s(_vm.$vuetify.t('$vuetify.common.delivery')))])]),_c('v-btn',{staticClass:\"orderTypeSelect\",class:{ 'white--text': !this.switchValue, 'selected': true },style:({\n            backgroundColor : this.switchValue ? 'white' : 'var(--v-primary-base)',\n            'min-width': '50%',\n            'min-height': '8vh',\n            'border-radius': '0px 15px 15px 0px'\n        }),attrs:{\"flat\":\"\",\"large\":\"\"},on:{\"change\":function($event){return _vm.onChange(false)}}},[_c('div',[_vm._v(_vm._s(_vm.$vuetify.t('$vuetify.common.pickup')))])])],1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(((_vm.submittedAddress && _vm.deliveryAddress) || !_vm.switchValue)),expression:\"((submittedAddress && deliveryAddress) || !switchValue)\"}],staticClass:\"mt-2 text-xs\"},[_c('v-btn',{class:{ 'mr-0': _vm.$vuetify.breakpoint.mdAndUp },attrs:{\"loading\":_vm.isFetchingLocation,\"color\":\"primary\",\"outline\":\"\"},on:{\"click\":_vm.toggleSort}},[_c('v-icon',{attrs:{\"left\":\"\",\"small\":\"\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.isSortedByLocation ? 'sort_by_alpha' : 'location_on')+\"\\n        \")]),_vm._v(\"\\n        \"+_vm._s(_vm.isSortedByLocation ? _vm.$vuetify.t('$vuetify.common.sortByAlpha') : _vm.$vuetify.t('$vuetify.common.sortByDistance'))+\"\\n      \")],1)],1),(_vm.switchValue)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasDelivery),expression:\"hasDelivery\"}],staticStyle:{\"background-color\":\"white\",\"border\":\"1px solid var(--v-primary-base)\",\"border-radius\":\"32px\",\"padding\":\"10px\",\"overflow\":\"hidden\",\"white-space\":\"nowrap\",\"margin-top\":\"2vh\",\"margin-bottom\":\"2vh\",\"width\":\"75%\",\"margin-left\":\"auto\",\"margin-right\":\"auto\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasDelivery),expression:\"hasDelivery\"}],attrs:{\"id\":\"autocompleteContainer\"}},[_c('vuetify-google-autocomplete',{ref:\"googleAddress\",staticClass:\"mx-2\",attrs:{\"id\":\"map\",\"append-icon\":\"search\",\"placeholder\":_vm.$vuetify.t('$vuetify.cart.enterYourAddress'),\"country\":_vm.getStoreCountryCode || 'CA',\"clearable\":\"\",\"clearIcon\":\"clear\",\"error\":_vm.hasAddressError,\"autocomplete\":\"none\"},on:{\"placechanged\":_vm.parseAddressData,\"change\":_vm.addressChange},model:{value:(_vm.deliveryAddress),callback:function ($$v) {_vm.deliveryAddress=$$v},expression:\"deliveryAddress\"}})],1)]):_vm._e(),(_vm.stores && _vm.stores.length && ((_vm.submittedAddress && _vm.deliveryAddress) || !_vm.switchValue))?_c('v-layout',{staticClass:\"sticky-parent mb-5\",attrs:{\"row\":\"\",\"wrap\":\"\",\"grid-list-md\":\"\"}},_vm._l((_vm.stores),function(store,index){return _c('v-flex',{key:store.code,staticClass:\"hover-animation-container pa-2\",attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md4\":\"\"}},[_c('v-card',{staticClass:\"pointer pa-3\",staticStyle:{\"height\":\"100%\"},style:({backgroundColor: '#FFFFFF'}),attrs:{\"flat\":\"\"},on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.goToStore(store, index)}}},[_c('div',{staticClass:\"groupStoreLocationDetails\"},[(_vm.validStores[index] && _vm.switchValue)?_c('div',{style:({color: '#4CAF50', marginBottom: '1vh'})},[_c('h5',[_vm._v(_vm._s(_vm.$vuetify.t('$vuetify.common.availableToDeliver')))])]):_vm._e(),(!_vm.validStores[index] && _vm.switchValue)?_c('div',{style:({color: '#AAAAAA', marginBottom: '1vh'})},[_c('h5',[_vm._v(_vm._s(_vm.$vuetify.t('$vuetify.common.notAvailableForDelivery')))])]):_vm._e(),_c('StoreLocationDetails',{attrs:{\"store\":store}}),(!_vm.testStore(store) && _vm.supportsOffHourOrders(store))?_c('div',{staticClass:\"extraAvailableDetails green--text\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$vuetify.t('$vuetify.cart.offHourOrderingMaybeAllowed'))+\"\\n            \")]):_vm._e()],1),_c('div',{attrs:{\"id\":\"orderNowButton\"}},[_c('v-btn',{attrs:{\"round\":\"\",\"outline\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.goToStore(store, index)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$vuetify.t('$vuetify.common.orderNow'))+\"\\n            \")])],1),(_vm.isSortedByLocation)?_c('span',{staticClass:\"storeDistanceIndicator grey--text\"},[_c('v-icon',{attrs:{\"color\":\"grey\",\"small\":\"\"}},[_vm._v(\"location_on\")]),_c('span',{staticClass:\"caption\"},[_vm._v(\"\\n              \"+_vm._s(_vm.storeDistanceText(store))+\"\\n            \")])],1):_vm._e()])],1)}),1):(((_vm.submittedAddress || !_vm.switchValue) && _vm.deliveryAddress))?_c('h2',{staticStyle:{\"margin\":\"30px auto\"}},[_vm._v(\"\\n      No Stores found\\n    \")]):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-layout v-if=\"getIsGroupStoresLoading\" justify-center>\n    <v-progress-circular\n      :size=\"70\"\n      :width=\"7\"\n      color=\"primary\"\n      indeterminate\n      class=\"mt-3 mb-3\"\n    />\n  </v-layout>\n  <v-layout v-else>\n    <v-flex row xs12 sm10 offset-sm1>\n    <div class=\"ml-2 mt-2 text-sm\">\n      <v-btn-toggle mandatory  :style=\"{ 'min-width': '50%', 'border-radius': '15px'}\" >\n        <v-btn\n          flat\n          :disabled=\"!hasDelivery\"\n          class=\"orderTypeSelect\"\n          :class=\"{ 'white--text': this.switchValue, 'selected': this.switchValue }\"\n          @change=\"onChange(true)\" \n          large\n          :style=\"{\n              backgroundColor : this.switchValue ?  'var(--v-primary-base)' : 'white' ,\n              'min-width': '50%',\n              'min-height': '8vh',\n              'border-radius': '15px 0px 0px 15px'\n          }\"\n        >\n          <div>{{ $vuetify.t('$vuetify.common.delivery') }}</div>\n        </v-btn>\n        <v-btn\n          flat\n          class=\"orderTypeSelect\"\n          :class=\"{ 'white--text': !this.switchValue, 'selected': true } \"\n          large\n          @change=\"onChange(false)\"\n          :style=\"{\n              backgroundColor : this.switchValue ? 'white' : 'var(--v-primary-base)',\n              'min-width': '50%',\n              'min-height': '8vh',\n              'border-radius': '0px 15px 15px 0px'\n          }\"\n        >\n          <div>{{ $vuetify.t('$vuetify.common.pickup') }}</div>\n        </v-btn>\n        </v-btn-toggle>\n      </div>\n      <div v-show=\"((submittedAddress && deliveryAddress) || !switchValue)\" class=\"mt-2 text-xs\">\n        <v-btn\n          :class=\"{ 'mr-0': $vuetify.breakpoint.mdAndUp }\"\n          :loading=\"isFetchingLocation\"\n          color=\"primary\"\n          outline\n          @click=\"toggleSort\"\n        >\n          <v-icon left small>\n            {{ isSortedByLocation ? 'sort_by_alpha' : 'location_on' }}\n          </v-icon>\n          {{ isSortedByLocation ? $vuetify.t('$vuetify.common.sortByAlpha') : $vuetify.t('$vuetify.common.sortByDistance') }}\n        </v-btn>\n\n        <!-- <v-btn v-if=\"!!maxDistance\"\n          :class=\"{ 'mr-0': $vuetify.breakpoint.mdAndUp }\"\n          color=\"primary\"\n          @click=\"withinDeliveryRange = !withinDeliveryRange\"\n          outline\n        >\n          <v-icon left small>\n            local_shipping\n          </v-icon>\n          {{ withinDeliveryRange ? 'Show all stores' :' Hide out of range stores' }}\n        </v-btn> -->\n      </div>\n      <div \n        v-show=\"hasDelivery\"\n        style=\"background-color: white; border: 1px solid var(--v-primary-base);\n          border-radius: 32px;\n          padding:10px;\n          overflow: hidden;\n          white-space: nowrap;\n          margin-top: 2vh;\n          margin-bottom: 2vh;\n          width: 75%;\n          margin-left: auto;\n          margin-right: auto;\n        \"\n        v-if=\"switchValue\"\n        >\n      <div v-show=\"hasDelivery\" id=\"autocompleteContainer\">\n        <vuetify-google-autocomplete\n          id=\"map\"\n          ref=\"googleAddress\"\n          class=\"mx-2\"\n          append-icon=\"search\"\n          :placeholder=\"$vuetify.t('$vuetify.cart.enterYourAddress')\"\n          v-on:placechanged=\"parseAddressData\"\n          :country=\"getStoreCountryCode || 'CA'\"\n          clearable\n          clearIcon=\"clear\"\n          v-model=\"deliveryAddress\"\n          :error=\"hasAddressError\"\n          autocomplete=\"none\"\n          v-on:change=\"addressChange\"\n        />\n      </div>\n      </div>\n      <v-layout v-if=\"stores && stores.length && ((submittedAddress && deliveryAddress) || !switchValue)\" row wrap grid-list-md class=\"sticky-parent mb-5\">\n        <v-flex v-for=\"(store, index) in stores\" :key=\"store.code\" xs12 sm6 md4 class=\"hover-animation-container pa-2\">\n          <v-card flat @click.self=\"goToStore(store, index)\" :style=\"{backgroundColor: '#FFFFFF'}\" class=\"pointer pa-3\" style=\"height: 100%\">\n            <div class=\"groupStoreLocationDetails\">\n              <div v-if=\"validStores[index] && switchValue\" :style=\"{color: '#4CAF50', marginBottom: '1vh'}\" >\n                <h5>{{ $vuetify.t('$vuetify.common.availableToDeliver') }}</h5>\n              </div>\n\n              <div v-if=\"!validStores[index] && switchValue\" :style=\"{color: '#AAAAAA', marginBottom: '1vh'}\" >\n                <h5>{{ $vuetify.t('$vuetify.common.notAvailableForDelivery') }}</h5>\n              </div>\n              <StoreLocationDetails :store=\"store\" />\n\n              <div v-if=\"!testStore(store) && supportsOffHourOrders(store)\" class=\"extraAvailableDetails green--text\">\n                {{$vuetify.t('$vuetify.cart.offHourOrderingMaybeAllowed')}}\n              </div>\n            </div>\n\n            <div id=\"orderNowButton\">\n              <v-btn round outline color=\"primary\" @click=\"goToStore(store, index)\" style=\"\">\n                {{ $vuetify.t('$vuetify.common.orderNow') }}\n              </v-btn>\n            </div>\n\n            <span v-if=\"isSortedByLocation\" class=\"storeDistanceIndicator grey--text\" >\n              <v-icon color=\"grey\" small>location_on</v-icon>\n              <span class=\"caption\">\n                {{ storeDistanceText(store) }}\n              </span>\n            </span>\n          </v-card>\n        </v-flex>\n      </v-layout>\n      <h2 v-else-if=\"((submittedAddress || !switchValue) && deliveryAddress)\" style=\"margin: 30px auto\">\n        No Stores found\n      </h2>\n    </v-flex>\n  </v-layout>\n</template>\n\n<script>\n  import get from \"lodash/get\";\n  import isEmpty from \"lodash/isEmpty\";\n  import { mapGetters, mapActions, mapMutations } from 'vuex'\n  import { calculateDistance } from \"@/services/util.service\"\n  import { parseDeliveryAddress, isNullOrEmpty } from \"@/services/util.service\"\n\n  import StoreLocationDetails from \"@/components/StoreLocationDetails\"\n\n  export default {\n    components: { StoreLocationDetails },\n\n    data: () => ({\n      switchValue: true,\n      hasDelivery: false,\n      isFetchingLocation: false,\n      withinDeliveryRange: false,\n      deliveryAddress: '',\n      hasAddressError: false,\n      validStores: [false, false, false],\n      checkedStores: 3,\n      submittedAddress: false,\n      filteredStores: [],\n      referrer: ''\n    }),\n\n    computed: {\n      // maxDistance() {\n      //   return (get(this.getGroup, 'settings.deliverySettings.deliveryDistanceInMeters', 0) || 100000) / 1000\n      // },\n\n      isSortedByLocation() {\n        return this.getGroupStoresSort === 'location'\n      },\n\n      stores() {\n        const sortByDistance = (a, b) => {\n          if (this.calculateStoreDistance(a) < this.calculateStoreDistance(b)) { return -1 }\n          if (this.calculateStoreDistance(a) > this.calculateStoreDistance(b)) { return 1 }\n          return 0;\n        }\n\n        const sortByAlpha = (a, b) => {\n          const textA = (a.name || a.shortName || '').toUpperCase()\n          const textB = (b.name || b.shortName || '').toUpperCase()\n          return (textA < textB) ? -1 : (textA > textB) ? 1 : 0\n        }\n\n        const groupHasDelivery = () => {\n          let hasDelivery = false\n          this.getGroupStores.forEach(s => {\n            if (s.storeId && s.groupId && s.deliverySupported) {\n              hasDelivery = true\n            }\n          })\n          return hasDelivery\n        }\n\n        this.hasDelivery = groupHasDelivery()\n        if (!this.hasDelivery){\n          this.switchValue = false\n        }\n\n        let stores = this.getGroupStores.filter(s => {\n          if (this.switchValue) {\n             return s.storeId && s.groupId && s.deliverySupported\n          } else {\n             return s.storeId && s.groupId && s.pickupSupported\n          }\n        })\n\n        \n\n        // if (this.withinDeliveryRange && this.maxDistance) {\n        //   stores = stores.filter(s => this.calculateStoreDistance(s) <= this.maxDistance)\n        // }\n\n        return stores.sort(this.isSortedByLocation ? sortByDistance : sortByAlpha)\n      },\n\n      ...mapGetters([\n        'getGroup',\n        'getGroupStores',\n        'getGroupStoresSort',\n        'getIsGroupStoresLoading',\n        'getDeviceCoordinates',\n        'testStore',\n        'doesStoreHaveSetting',\n        'getStoreCountryCode',\n        'getDeliveryAddress'\n      ])\n    },\n\n    methods: {\n      extractReferrer() {\n        const urlParams = new URLSearchParams(window.location.search);\n        this.referrer = urlParams.get('referrer') || '';\n      },\n      supportsOffHourOrders(store) {\n        return this.doesStoreHaveSetting('allowOffHourPickup', false, store) || this.doesStoreHaveSetting('allowOffHourDelivery', false, store)\n      },\n\n      goToStore(store, index) {\n        if (this.switchValue) {\n          this.setOrderType('DELIVERY')\n          if(!this.submittedAddress){\n            this.setDeliveryAddress(null)\n          }\n        } else {\n          this.submittedAddress = false\n          this.setOrderType('PICKUP')\n        }\n        \n        if (!this.switchValue || (index > this.checkedStores ? false : this.validStores[index])) {\n          this.SET_CHECKOUT_INFO({\n            ...this.getCheckoutInfo,\n            unitNumber: null\n          })\n        } \n        const referrerParam = this.referrer ? { referrer: this.referrer } : {};\n        this.$store.dispatch('setStoreId', {\n          gid: store.groupId,\n          sid: store.storeId\n        })\n        this.$router.push({\n          name: 'menu-selection',\n          params: { gid: store.groupId, sid: store.storeId, restaurantSlug: store.slug, ...referrerParam }\n        })\n      },\n\n      storeDistanceText(store) {\n        const distance = this.calculateStoreDistance(store)\n\n        if (distance < 1) {\n          return '< 1 km'\n        } else if (distance > 100) {\n          return '> 100 km'\n        } else {\n          return `${distance} km`\n        }\n      },\n\n      calculateStoreDistance(store) {\n        const { gpsCoordinate = {} } = store || {}\n        const { latitude, longitude } = gpsCoordinate\n        const { latitude: deviceLatitude, longitude: deviceLongitude } = this.getDeviceCoordinates\n\n        const distanceKms = calculateDistance(latitude, longitude, deviceLatitude, deviceLongitude)\n        return Math.round((distanceKms + Number.EPSILON) * 10) / 10\n      },\n      clearDeliveryAddress() {\n          this.setDeliveryAddress(null)\n          this.deliveryAddress = null\n          this.validStores = [false, false, false]\n          this.submittedAddress = false\n          this.hasAddressError = false\n      },\n      parseAddressData(addressData, placeResultData, id) {\n        const { gid } = this.$route.params;\n        this.submittedAddress = true\n        this.hasAddressError = false\n        if (!isEmpty(addressData)) {\n          this.onSortByAddress(addressData.latitude, addressData.longitude).then(async () => {\n            if (this.stores.length < 3){\n              this.checkedStores = this.stores.length\n            }\n            for (let i = 0; i < this.checkedStores; i++) {\n              const store = this.stores[i];\n              const payload = parseDeliveryAddress(null, addressData, placeResultData);\n\n              try {\n                await this.$store.dispatch('setStoreId', {\n                  gid: gid,\n                  sid: store.storeId\n                });\n\n                const res = await this.$store.dispatch('validateDeliveryAddress', payload);\n\n                if (!res.data.result[0].error) {\n                  this.setDeliveryAddress({\n                    address: payload,\n                    result: placeResultData\n                  });\n                  this.validStores.splice(i, 1, true);\n                }\n              } catch (error) {\n                  const payload = { text: '$vuetify.order.deliveryAddressMustBeInRange' ? this.$vuetify.t('$vuetify.order.deliveryAddressMustBeInRange') : 'error', color: 'error' }\n                  this.$store.dispatch('showSnack', payload)\n                  this.isFetchingLocation = false\n                  this.clearDeliveryAddress()\n              }\n            }\n          });\n        } else if (this.getDeliveryAddress) {\n          this.clearDeliveryAddress()\n        }\n      },\n\n      addressChange(){\n        if(!this.deliveryAddress){\n          this.submittedAddress = false\n        }\n      },\n\n        findMostValidProvider(providers) {\n        if (!isNullOrEmpty(providers)) {\n          this.SET_DELIVERY_PROVIDERS_DETAILS(providers)\n          const mostValid = providers.find(_provider => _provider.valid)\n          if (!!mostValid) {\n            return true\n          } else {\n            return false\n          }\n        }\n      },\n      onSortByLocation(){\n        this.isFetchingLocation = true\n\n        return new Promise((resolve, reject) => {\n          const success = (pos) => {\n            const { coords = {} } = pos || {}\n            const { latitude, longitude } = coords\n            const deviceCoordinates = { latitude, longitude }\n            this.setDeviceCoordinates(deviceCoordinates)\n            this.setGroupStoresSort('location')\n            this.isFetchingLocation = false\n            resolve(true)\n          }\n\n          const error = (err) => {\n            const { message } = err\n            const payload = { text: message, color: 'error' }\n            this.$store.dispatch('showSnack', payload)\n            this.isFetchingLocation = false\n            resolve(true)\n          }\n\n          const options = {\n            enableHighAccuracy: true,\n            timeout: 5000,\n            maximumAge: 0\n          };\n\n          navigator.geolocation.getCurrentPosition(success, error, options)\n        })\n      },\n      onSortByAddress(latitude, longitude){\n        this.isFetchingLocation = true\n        return new Promise((resolve) => {\n          const deviceCoordinates = { latitude, longitude }\n          this.setDeviceCoordinates(deviceCoordinates)\n            .then(() => this.setGroupStoresSort('location')\n            .then(() => {\n              this.isFetchingLocation = false\n              resolve(true)\n            }\n          )).catch((err) => {\n            if (err && err.message) {\n              const { message } = err\n              const payload = { text: message, color: 'error' }\n              this.$store.dispatch('showSnack', payload)\n            }\n            this.isFetchingLocation = false\n            resolve(true)\n          })\n        })\n      },\n      toggleSort() {\n        if (this.isSortedByLocation) {\n          return this.setGroupStoresSort('alpha')\n        } else {\n          return this.onSortByLocation()\n        }\n      },\n      onChange(event){\n        if(event){\n          this.switchValue = true\n          this.onSortByLocation()\n        } else {\n          this.switchValue = false\n        }\n      },\n      setDeliveryProvider(newProvider, storeId) {\n        let obj = this.getDeliveryProvider || {}\n        obj[storeId] = newProvider\n        this.SET_DELIVERY_PROVIDER(obj)\n      },\n      ...mapActions([ 'setGroupStoresSort', 'setDeviceCoordinates', 'setDeliveryAddress', 'setOrderType' ]),\n      ...mapMutations([ 'SET_DELIVERY_PROVIDER', 'SET_DELIVERY_PROVIDERS_DETAILS', 'SET_CHECKOUT_INFO' ])\n    },\n\n    mounted() {\n      if (!!this.stores) {\n        if(this.stores.length == 1 &&  this.getGroupStores.length == 1) {\n          this.goToStore(this.stores[0], 0)\n        }\n        this.onSortByLocation()\n      }\n    }\n  }\n</script>\n\n<style>\n  .groupStoreLocationDetails #storeName {\n    font-size: var(--text-size-2);\n    margin: 0px auto 5px;\n  }\n  .groupStoreLocationDetails a {\n    font-size: var(--text-size-1);\n    /* margin: 0px auto 5px; */\n  }\n</style>\n<style scoped>\n  .groupStoreLocationDetails {\n    text-align: left;\n  }\n\n  .hover-animation-container .v-btn {\n    position: absolute;\n    left: calc(50% - (140px / 2));\n    bottom: 5px;\n  }\n\n  .storeDistanceIndicator {\n    position: absolute;\n    top: 2px;\n    right: 5px;\n  }\n\n  #orderNowButton {\n    height: 36px;\n    width: 100%;\n    \n    margin-top: 20px;\n  }\n  #orderNowButton .v-btn {\n    font-size: calc(var(--text-size-1) * 1.2);\n  }\n\n  .orderTypeSelect {\n    font-size: calc(var(--text-size-1) * 1.2);\n    padding: 25px !important;\n    width: 120px !important;\n  }\n\n  .v-switch {\n  border-radius: 15px;\n  width: 48px;\n  height: 29px;\n  top: -2px;\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!./GroupPage.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!./GroupPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GroupPage.vue?vue&type=template&id=067b7037&scoped=true&\"\nimport script from \"./GroupPage.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GroupPage.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./GroupPage.vue?vue&type=style&index=1&id=067b7037&scoped=true&lang=css&\"\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  \"067b7037\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupPage.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupPage.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupPage.vue?vue&type=style&index=1&id=067b7037&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupPage.vue?vue&type=style&index=1&id=067b7037&scoped=true&lang=css&\""],"sourceRoot":""}