\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n Search for a new address
\r\n \r\n\r\n \r\n \r\n Hide details\r\n
Units ({{ this.activeStatusTabName }})
\r\n \r\n\r\n View your measurements in other units.
Set a primary to display it on the main screen.\r\n
Last saved: {{ this.slotSaved }}
\r\nGetting Started Tips
\r\n \r\n \r\n{{ currentProduct.name }}
\r\nProduct estimates
\r\n \r\n{{currentRouteLabel}}
\r\n \r\n \r\n Need more monthly searches? Email us at support@measuremylawn.com
\r\n No commitment. Upgrade or cancel at any time.\r\n
![\"\"/](\"https://images.homedepot-static.com/productImages/dd2545ad-01d3-461d-9743-62fca7db5c69/svn/scotts-granular-fertilizer-25006-64_1000.jpg\")
',\r\n coverage: [{\r\n sqft: 5000,\r\n size: '15lb',\r\n sku: '205546050',\r\n price: 29.38\r\n },{\r\n sqft: 15000,\r\n size: '43lb',\r\n sku: '205546051',\r\n price: 58.98\r\n }]\r\n },{\r\n name: 'Vigoro Weed and Feed',\r\n id: 'vigoroweedandfeed',\r\n type: 'fertilizer',\r\n region: 'any',\r\n adCode: '![\"\"/](\"https://images.homedepot-static.com/productImages/7a759b0f-067e-47c1-96fc-fbe7996281e1/svn/vigoro-granular-fertilizer-4154941-64_1000.jpg\")
',\r\n coverage: [{\r\n sqft: 2500,\r\n size: '7lb',\r\n sku: '204750011',\r\n price: 11.67\r\n },{\r\n sqft: 5000,\r\n size: '14.96lb',\r\n sku: '204750011',\r\n price: 17.48\r\n },{\r\n sqft: 15000,\r\n size: '44lb',\r\n sku: '204750010',\r\n price: 42.98\r\n }]\r\n },{ \r\n name: 'Scotts Turf Builder Sun and Shade Mix',\r\n id: 'sunshade',\r\n type: 'seed',\r\n region: 'midwest',\r\n adCode: '![\"\"/](\"https://images.homedepot-static.com/productImages/34af8f03-5884-4fbc-b68f-e4791d4aa6fb/svn/scotts-grass-seed-18225-64_1000.jpg\")
',\r\n coverage: [{\r\n sqft: 1200,\r\n size: '3lb',\r\n sku: '203760874',\r\n price: 16.48\r\n },{\r\n sqft: 2800,\r\n size: '7lb',\r\n sku: '203760892',\r\n price: 32.98\r\n },{\r\n sqft: 8000,\r\n size: '20lb',\r\n sku: '203760880',\r\n price: 78.48\r\n },{\r\n sqft: 16000,\r\n size: '40lb',\r\n sku: '203760900',\r\n price: 89.98\r\n }]\r\n },\r\n {\r\n name: 'Scotts Turf Builder Kentucky Bluegrass Mix Seed',\r\n id: 'kentbluegrass',\r\n type: 'seed',\r\n region: 'midwest',\r\n adCode: '![\"\"/](\"https://images.homedepot-static.com/productImages/8212661f-43b8-491f-ae4f-2d219a65e8a2/svn/scotts-grass-seed-18266-64_1000.jpg\")
',\r\n coverage: [{\r\n sqft: 2025,\r\n size: '3lb',\r\n sku: '203760935',\r\n price: 19.98\r\n },{\r\n sqft: 4725,\r\n size: '7lb',\r\n sku: '203760929',\r\n price: 45.48\r\n }]\r\n }, \r\n {\r\n name: `Scotts Turf Builder Thick'R Lawn Sun and Shade Seed, Fertizilizer, Soil Improver`,\r\n id: 'thickrlawn',\r\n type: 'seed',\r\n region: 'midwest',\r\n adCode: '![\"\"/](\"https://images.homedepot-static.com/productImages/008a2e7f-83a4-49f0-ad6a-ae9a6dc2d6c3/svn/scotts-grass-seed-30156-1-64_1000.jpg\")
',\r\n coverage: [{\r\n sqft: 1200,\r\n sku: '302685005',\r\n price: 20.48,\r\n size: '12lb'\r\n },{\r\n sqft: 4000,\r\n sku: '302684994',\r\n price: 51.48,\r\n size: '40lb'\r\n }]\r\n }]\r\n },\r\n mutations: {\r\n SET_SELECTED_PRODUCT(state, payload) {\r\n state.selected = payload.id;\r\n },\r\n SET_SELECTED_CATEGORY(state, payload) {\r\n state.category = payload.category;\r\n }\r\n },\r\n getters: {\r\n estimate(state, getters) {\r\n return {\r\n product: getters.currentProduct,\r\n stats: getters.coverageStats,\r\n quantities: getters.quantityList\r\n } \r\n },\r\n currentCategoryInfo(state, getters) {\r\n if (getters.currentCategory) {\r\n return state.categoryInfo[getters.currentCategory];\r\n }\r\n\r\n return state.categoryInfo['default'];\r\n },\r\n currentCategory(state, getters) { \r\n return state.category;\r\n },\r\n currentProduct(state, getters) { \r\n if (!getters.currentCategory) return null;\r\n if (!state.selected) return getters.convertedProducts.find(p => p.type == getters.currentCategory);\r\n return getters.convertedProducts.find(p => p.id == state.selected);\r\n },\r\n convertedProducts(state) {\r\n return state.products.map(p => ({...p, coverage: p.coverage.map(c => {\r\n return {\r\n ...c, \r\n sqft: convert(c.sqft).from('ft2').to('m2') \r\n }\r\n })}));\r\n }, \r\n coverageStats(state, getters) {\r\n let coverage, totals = [];\r\n for (let waste = .05; waste <= .5; waste += .01) {\r\n coverage = getMatchingCoverage(state, getters, waste);\r\n\r\n totals.push(coverage.reduce((acc, cov) => { \r\n return {\r\n cost: acc.cost + cov['price'],\r\n sqft: acc.sqft + cov['sqft'],\r\n waste,\r\n quantities: coverage.reduce((acc, el) => {\r\n if (!(el.size in acc)) {\r\n acc[el.size] = { \r\n ...el, count: 0\r\n };\r\n }\r\n acc[el.size].count++; \r\n \r\n return acc;\r\n }, {})\r\n }\r\n }, { cost: 0, sqft: 0 }));\r\n }\r\n\r\n totals.sort((fEl, sEl) => {\r\n return (fEl.cost < sEl.cost) ? -1 : ((fEl.cost > sEl.cost) ? 1 : 0);\r\n });\r\n \r\n let { cost, sqft, waste, quantities } = totals[0];\r\n \r\n return {\r\n cost: cost.toFixed(2),\r\n sqft, \r\n waste,\r\n quantities\r\n }\r\n },\r\n quantityList(state, getters) { \r\n let formatted = [];\r\n forEach(getters.coverageStats.quantities, (data, size) => formatted.push({ size, quantity: data.count, sqft: data.sqft })); \r\n return formatted;\r\n }\r\n },\r\n actions: {\r\n setSelectedProduct({ commit }, payload) {\r\n commit('SET_SELECTED_PRODUCT', payload);\r\n },\r\n setSelectedCategory({ commit, getters }, payload) { \r\n commit('SET_SELECTED_CATEGORY', payload);\r\n\r\n if (payload.category) {\r\n commit('SET_SELECTED_PRODUCT', {\r\n id: getters.convertedProducts.find((p) => p.type == payload.category).id\r\n });\r\n }\r\n }\r\n }\r\n}","import firebase from 'firebase/app'\r\nimport 'firebase/functions'\r\n\r\nimport { get, initial, startCase } from 'lodash'\r\n\r\nexport default {\r\n namespaced: true,\r\n state: {\r\n cbInstance: null,\r\n plans: [],\r\n subEvent: ''\r\n },\r\n mutations: {\r\n SET_SUBSCRIPTIONS (state, payload) {\r\n state.subscriptions = payload.subscriptions;\r\n },\r\n SET_PLANS (state, payload) {\r\n console.log(payload);\r\n state.plans = payload.plans;\r\n },\r\n SET_CB_INSTANCE (state, inst) {\r\n state.cbInstance = inst;\r\n },\r\n SET_SUB_EVENT(state, event) {\r\n state.subEvent = event;\r\n }\r\n },\r\n actions: {\r\n async init({ commit, state, dispatch }) {\r\n if (!state.cbInstance) { \r\n const cbInstance = window.Chargebee.init({site: process.env.VUE_APP_CHARGEBEE_SITE });\r\n cbInstance.setPortalSession(() => {\r\n return dispatch('generatePortalSession').then((response) => response.data);\r\n });\r\n\r\n commit('SET_CB_INSTANCE', cbInstance);\r\n }\r\n },\r\n async setCustomerId({ commit, rootState, rootGetters }, { customerId }) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n await rootState.backend.db.collection('users').doc(rootGetters['backend/user/current'].uid).set({\r\n customer_id: customerId\r\n }); \r\n } catch (e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n },\r\n async getPlans({ commit }) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n const retrievePlans = firebase.functions().httpsCallable('retrieveChargebeePlans');\r\n const result = await retrievePlans();\r\n \r\n if (result.data) { \r\n commit('SET_PLANS', {\r\n plans: result.data\r\n });\r\n }\r\n } catch (e) { \r\n throw new Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n }, \r\n async getHostedPageDetails({ rootGetters, commit }, { hostedPageId }) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n if (!rootGetters['backend/user/current']) {\r\n throw 'No user is logged in';\r\n }\r\n\r\n const retrieveHostedPage = firebase.functions().httpsCallable('retrieveHostedPage');\r\n const result = await retrieveHostedPage({\r\n hosted_page_id: hostedPageId\r\n });\r\n\r\n console.log(result);\r\n const hostedPageContent = get(result, 'data.content');\r\n if (!hostedPageContent) throw 'Invalid response from retrieveHostedPage';\r\n \r\n return hostedPageContent;\r\n } catch (e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n },\r\n async generateCheckoutUrl({ commit, rootGetters }, { customerId, planId, reactivate=false, subscriptionId=null } = {}) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, { \r\n root: true \r\n });\r\n\r\n try {\r\n if (!rootGetters['backend/user/current']) {\r\n throw 'No user is logged in';\r\n } \r\n\r\n const generateCheckoutUrl = firebase.functions().httpsCallable((subscriptionId) ? 'generateCheckoutExistingUrl' : 'generateCheckoutUrl');\r\n return (await generateCheckoutUrl({\r\n customer_id: customerId || get(rootGetters['backend/user/details'], 'customer_id', null) || null,\r\n reactivate,\r\n plan_id: planId,\r\n subscription_id: subscriptionId,\r\n first_name: rootGetters['backend/user/current'].displayName.split(' ')[0],\r\n last_name: rootGetters['backend/user/current'].displayName.split(' ')[1],\r\n email: rootGetters['backend/user/current'].email,\r\n phone: rootGetters['backend/user/current'].phone\r\n }));\r\n } catch (e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n }); \r\n } \r\n },\r\n async generatePortalSession({ commit, rootGetters }) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, { \r\n root: true \r\n });\r\n\r\n try {\r\n if (!rootGetters['backend/user/current']) {\r\n throw 'No user is logged in';\r\n } \r\n\r\n const generatePortalSession = firebase.functions().httpsCallable('generatePortalSession');\r\n return (await generatePortalSession({\r\n customer_id: rootGetters['backend/user/details'].customer_id\r\n }));\r\n } catch (e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n }); \r\n } \r\n },\r\n async openPortal({ state }) {\r\n if (state.cbInstance) {\r\n const cbPortal = state.cbInstance.createChargebeePortal();\r\n cbPortal.open({\r\n close() {\r\n console.log('portal closed');\r\n }\r\n });\r\n }\r\n },\r\n async openCheckout({ dispatch, state, rootGetters, commit }, { planId=null }={}) { \r\n if (state.cbInstance) { \r\n const sub = rootGetters['backend/user/primarySubscription'];\r\n const subId = (sub) ? sub.id : null;\r\n\r\n let reactivate = (sub && sub.status == 'cancelled') ? true : reactivate; \r\n \r\n state.cbInstance.openCheckout({\r\n hostedPage() {\r\n return dispatch('generateCheckoutUrl', { planId, subscriptionId: subId, reactivate }).then((response) => response.data);\r\n },\r\n loaded() {\r\n console.log('checkout opened');\r\n },\r\n close() {\r\n console.log('checkout closed');\r\n },\r\n success(hostedPageId) {\r\n return dispatch('getHostedPageDetails', {\r\n hostedPageId\r\n }).then(hostedPage => { \r\n dispatch('setSubEvent', { event: 'purchased'});\r\n return hostedPage;\r\n }).then(hostedPage => dispatch('setCustomerId', { \r\n customerId: hostedPage.customer.id\r\n })); \r\n },\r\n step(value) {\r\n console.log('step', value);\r\n } \r\n });\r\n }\r\n },\r\n setSubEvent({ commit }, { event='' }={}) {\r\n console.log('event', event);\r\n commit('SET_SUB_EVENT', event);\r\n }\r\n },\r\n\r\n getters: {\r\n subEvent(state) {\r\n return state.subEvent;\r\n },\r\n plans(state) {\r\n return state.plans;\r\n }\r\n }\r\n}","import firebase from 'firebase/app'\r\nimport 'firebase/auth'\r\nimport { debounce } from 'lodash';\r\n\r\nconst debouncedGetSearchCount = debounce(function({ rootState, commit, dispatch }) { \r\n if (rootState.geocodingInProgress) { \r\n return\r\n }\r\n\r\n const fn = firebase.functions().httpsCallable('getSearchCount');\r\n fn({ test: (process.env.VUE_APP_IP_TEST_MODE == 'true') }).then((result) => {\r\n if (result.data) { \r\n commit('SET_SEARCH_COUNT', result.data.count);\r\n commit('SET_MAX_SEARCHES', result.data.planDetails.maxSearches);\r\n }\r\n }).catch((e) => {\r\n dispatch('dialogs/alert', {\r\n priority: 0, \r\n message: `Unable to retrieve your current search count: ${e.message}`,\r\n config: { title: 'Error', type: 'is-error' }\r\n }, { root: true });\r\n }); \r\n}, 2000, { leading: false });\r\n\r\nexport default {\r\n namespaced: true,\r\n state: {\r\n currentJSON: null,\r\n current: null,\r\n details: null,\r\n subscriptions: [],\r\n refreshTimer: null,\r\n searchCount: 0,\r\n maxSearches: 0,\r\n subscriptions: []\r\n },\r\n mutations: {\r\n SET_CURRENT_USER(state, user) {\r\n if (user) {\r\n state.current = user;\r\n state.currentJSON = user.toJSON();\r\n } else {\r\n state.current = state.currentJSON = null;\r\n }\r\n },\r\n SET_REFRESH_TIMER(state, fn) {\r\n state.refreshTimer = setInterval(fn, 10000);\r\n },\r\n CLEAR_REFRESH_TIMER(state) {\r\n clearInterval(state.refreshTimer);\r\n },\r\n SET_DETAILS(state, doc) {\r\n state.details = doc;\r\n },\r\n SET_SUBSCRIPTIONS(state, payload) {\r\n state.subscriptions = payload.subscriptions.map(sub => {\r\n if (!sub.meta_data) {\r\n sub.meta_data = {};\r\n }\r\n\r\n return sub;\r\n });\r\n },\r\n SET_SEARCH_COUNT(state, count) {\r\n state.searchCount = count;\r\n },\r\n SET_MAX_SEARCHES(state, maxSearches) {\r\n state.maxSearches = maxSearches;\r\n }\r\n },\r\n actions: {\r\n async init({ commit, dispatch, rootState, rootGetters }) {\r\n return new Promise((resolve) => {\r\n firebase.auth().onAuthStateChanged(function(user) {\r\n user = user || null; \r\n console.log('user state change');\r\n if (user) {\r\n // watch for changes in this user's document\r\n let userDoc = rootState.backend.db.collection('users').doc(user.uid);\r\n userDoc.collection('subscriptions').onSnapshot((snapshot) => {\r\n commit('SET_SUBSCRIPTIONS', { \r\n subscriptions: snapshot.docs.map((v) => v.data())\r\n });\r\n });\r\n\r\n userDoc.onSnapshot((doc) => {\r\n console.log('user details', doc.data());\r\n commit('SET_DETAILS', doc.data());\r\n });\r\n }\r\n\r\n // User is signed in.\r\n if (user) {\r\n // set up timer to check for user changes\r\n commit('SET_REFRESH_TIMER', () => {\r\n user.reload().then(ok => {\r\n // console.log('checking for user changes');\r\n let user = firebase.auth().currentUser; \r\n commit('SET_CURRENT_USER', user);\r\n });\r\n }); \r\n }\r\n \r\n commit('SET_CURRENT_USER', user); \r\n if (!user) {\r\n // clear subscription data\r\n commit('SET_SUBSCRIPTIONS', { subscriptions: [] }); \r\n } \r\n \r\n dispatch('getSearchCount');\r\n resolve();\r\n });\r\n\r\n if (!rootGetters['backend/isIniting']) resolve();\r\n });\r\n\r\n // return new Promise((resolve, reject) => {\r\n // let timer = setInterval(() => {\r\n // if (state.current !== false) {\r\n // clearInterval(timer);\r\n // resolve(state.current);\r\n // }\r\n // }, 100);\r\n // });\r\n },\r\n\r\n async login({ commit }, { email=null, password=null } = {}) { \r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n }); \r\n\r\n try {\r\n await firebase.auth().signInWithEmailAndPassword(email, password);\r\n } catch (e) { \r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n },\r\n\r\n async logout({ commit, state }) {\r\n console.log('logout');\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n if (state.current) {\r\n // shut off user refresh timer\r\n commit('CLEAR_REFRESH_TIMER');\r\n firebase.auth().signOut();\r\n }\r\n } catch(e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n }, \r\n\r\n async register({ commit, dispatch, getters }, { email, password, displayName }) { \r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n let newUser;\r\n try {\r\n await firebase.auth().createUserWithEmailAndPassword(email, password);\r\n await dispatch('update', {\r\n displayName,\r\n email\r\n });\r\n\r\n // migrate from a free account \r\n const fn = firebase.functions().httpsCallable('migrateFromFreeAccount');\r\n await fn({ test: (process.env.VUE_APP_IP_TEST_MODE == 'true') });\r\n } catch (e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n \r\n return newUser;\r\n },\r\n \r\n async sendPasswordResetEmail({ commit }, { email }) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n await firebase.auth().sendPasswordResetEmail(email);\r\n } catch (e) {\r\n throw e;\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n },\r\n async sendVerificationEmail({ getters, commit }) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n await getters.current.userObj.sendEmailVerification();\r\n } catch(e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n });\r\n }\r\n }, \r\n \r\n async update({ commit, getters, dispatch }, properties = {}) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n if (getters.current.email != properties.email) { \r\n await getters.current.userObj.updateEmail(properties.email);\r\n await dispatch('sendVerificationEmail');\r\n }\r\n\r\n await getters.current.userObj.updateProfile(properties);\r\n\r\n \r\n } catch (e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n },\r\n\r\n async updatePassword({ commit, getters }, { password }) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n await getters.current.userObj.updatePassword(password);\r\n } catch (e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n },\r\n async getSubscriptions({ rootGetters, commit }, { customerId = null } = {}) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n if (!customerId && !rootGetters['backend/user/details'].customer_id) {\r\n throw 'No customer ID exists';\r\n }\r\n\r\n const retrieveSubscriptions = firebase.functions().httpsCallable('retrieveSubscriptions');\r\n const result = await retrieveSubscriptions({\r\n customer_id: customerId || rootGetters['backend/user/details'].customer_id\r\n });\r\n\r\n commit('SET_SUBSCRIPTIONS', {\r\n subscriptions: result.data\r\n });\r\n \r\n return result;\r\n } catch (e) {\r\n throw Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n },\r\n getSearchCount: debouncedGetSearchCount,\r\n async updateSearchCount({ commit, dispatch }, { searchCount, maxSearches }) {\r\n commit('SET_SEARCH_COUNT', searchCount);\r\n commit('SET_MAX_SEARCHES', maxSearches);\r\n }\r\n },\r\n getters: {\r\n current(state) { \r\n return (state.currentJSON) ? {...state.currentJSON, ...{ userObj: state.current }} : null;\r\n }, \r\n userInitials(state, getters) {\r\n if (getters.current) { \r\n if (getters.current.displayName) {\r\n const nameParts = getters.current.displayName.split(' ');\r\n\r\n if (nameParts.length > 2) {\r\n nameParts.splice(1, nameParts.length - 2);\r\n }\r\n\r\n return nameParts.map(part => part.substring(0, 1).toUpperCase()).join('');\r\n }\r\n\r\n return '~';\r\n }\r\n\r\n return '';\r\n },\r\n details(state) { \r\n return state.details || {};\r\n },\r\n searchesLeft(state) {\r\n return state.maxSearches - state.searchCount;\r\n },\r\n maxSearchText(state, getters) {\r\n const maxSearches = getters.maxSearches;\r\n return (maxSearches == -1) ? '∞' : maxSearches; \r\n },\r\n maxSearches(state) { \r\n return state.maxSearches;\r\n },\r\n searchCount(state) {\r\n return state.searchCount;\r\n },\r\n subscriptions(state) {\r\n return (state.subscriptions) ? state.subscriptions : [];\r\n }, \r\n hasActiveSubscription(state, getters) {\r\n const sub = getters.primarySubscription;\r\n return (sub && ['active','non_renewing'].includes(sub.status));\r\n },\r\n primarySubscription(state) {\r\n if (state.subscriptions) {\r\n return state.subscriptions.find(sub => sub.meta_data.primary_subscription == true);\r\n }\r\n\r\n return null;\r\n },\r\n subscriptionId(state, getters) {\r\n const subscription = getters.primarySubscription;\r\n return (subscription) ? subscription.id : null;\r\n },\r\n nextSubscriptionUpgrade(state, getters) {\r\n const primary = getters.primarySubscription; \r\n\r\n if (!primary) return 'starter'; \r\n if (primary.status != 'active') return null;\r\n if (primary.meta_data.next_upgrade) return primary.meta_data.next_upgrade;\r\n return null;\r\n }\r\n }\r\n}","import Vue from 'vue'\r\nimport { get, cloneDeep, forEach } from 'lodash'\r\n\r\nfunction getNextSaveName({ saveSlots, name }) {\r\n let total = 0; \r\n \r\n forEach(saveSlots, (val, key) => {\r\n const match = key.match(/^([\\w\\d ]+)( - version #\\([\\d]+\\))?$/); \r\n if (match && match[1].toLowerCase() == name.toLowerCase()) {\r\n total++;\r\n }\r\n });\r\n\r\n function findAvailable(idx) {\r\n const slotName = `${name} - version #(${idx})`;\r\n if (Object.keys(saveSlots).find(key => slotName == key)) {\r\n return findAvailable(idx + 1);\r\n }\r\n\r\n return slotName;\r\n }\r\n \r\n return (total > 0) ? findAvailable(total + 1) : name;\r\n}\r\n\r\nexport default {\r\n namespaced: true,\r\n state: {\r\n userDoc: null,\r\n saveSlots: {}\r\n },\r\n mutations: {\r\n CLEAR_SAVE_SLOTS(state) {\r\n Vue.set(state, 'saveSlots', {});\r\n },\r\n CLEAR_USER_DOC(state) {\r\n state.userDoc = null;\r\n },\r\n SET_SAVE_SLOTS(state, { slots, full=false }) {\r\n let tmp = {};\r\n slots.forEach((slot) => {\r\n tmp[slot.meta.name] = { skeleton: true, meta: slot.meta, address: slot.address };\r\n });\r\n\r\n Vue.set(state, 'saveSlots', {...tmp}); \r\n },\r\n SET_SAVE_SLOT (state, { name, data }) { \r\n Vue.set(state.saveSlots, name, data);\r\n },\r\n DELETE_SAVE_SLOT (state, { name }) {\r\n Vue.delete(state.saveSlots, name);\r\n },\r\n SET_USER_DOC (state, { userDoc }) {\r\n state.userDoc = userDoc;\r\n }\r\n },\r\n actions: {\r\n async init({ commit, rootState, dispatch }) { \r\n let user = rootState.backend.user.current; \r\n if (user) { \r\n await dispatch('backend/storage/reset', null, { root: true });\r\n\r\n let userDoc = rootState.backend.db.collection('users').doc(user.uid);\r\n commit('SET_USER_DOC', { userDoc });\r\n\r\n userDoc.collection('save_slots').onSnapshot((snapshot) => {\r\n console.log('new save data');\r\n commit('SET_SAVE_SLOTS', { \r\n slots: snapshot.docs.map((v) => v.data())\r\n });\r\n });\r\n }\r\n },\r\n async saveSlot ({commit, state, rootState}, { name, data }) {\r\n if (!name && rootState.currentSlotName) {\r\n name = rootState.currentSlotName;\r\n }\r\n \r\n if (name && state.userDoc) { \r\n await state.userDoc.collection('save_slots').doc(name).set(data);\r\n commit('SET_SAVE_SLOT', { name, data });\r\n } \r\n },\r\n async loadSlot ({ state, commit }, { name }) { \r\n let data = get(state.saveSlots, name);\r\n console.log('load slot: ', name); \r\n\r\n if (data) {\r\n if (data.skeleton) {\r\n let result = await state.userDoc.collection('save_slots').doc(name).get(); \r\n data = result.data();\r\n }\r\n\r\n data.mapCenter = { ...data.mapCenter, fromSave: true }\r\n \r\n commit('SET_SAVE_SLOT', { name, data });\r\n return data;\r\n }\r\n\r\n throw new Error('Slot not found'); \r\n },\r\n async deleteSlot ({commit, state }, { name }) {\r\n if (state.saveSlots[name] && state.userDoc) {\r\n await state.userDoc.collection('save_slots').doc(name).delete();\r\n commit('DELETE_SAVE_SLOT', { name });\r\n }\r\n }, \r\n moveLegacySavesToStorage ({ commit, rootState, getters, dispatch }) {\r\n if (rootState.saveSlots) {\r\n let saves = [];\r\n _.forEach(rootState.saveSlots, (data, name) => {\r\n const newName = getNextSaveName({ saveSlots: getters.saveSlots, name });\r\n saves.push(dispatch('save', { name: newName, data }, { root: true }));\r\n });\r\n\r\n Promise.all(saves).then(() => {\r\n commit('CLEAR_LEGACY_SAVE_SLOTS', null, { root: true });\r\n \r\n dispatch('dialogs/alert', { \r\n priority: 2,\r\n config: { title: 'Success' },\r\n message: 'Your locally saved maps have been moved to your account. You may now load them from any device!', \r\n }, { root: true }); \r\n });\r\n }\r\n },\r\n reset ({ commit }) {\r\n console.log('reseting storage');\r\n\r\n commit('CLEAR_SAVE_SLOTS');\r\n commit('CLEAR_USER_DOC');\r\n }\r\n },\r\n getters: {\r\n saveSlots(state) {\r\n return state.saveSlots;\r\n }\r\n }\r\n}","import Vue from 'vue'\r\n\r\nimport firebase from 'firebase/app'\r\nimport 'firebase/functions'\r\n\r\n\r\nexport default {\r\n namespaced: true,\r\n state: {\r\n banners: []\r\n },\r\n mutations: {\r\n SET_BANNERS(state, payload) {\r\n state.banners = payload.banners;\r\n }\r\n },\r\n actions: {\r\n async init({ commit, rootGetters, rootState, dispatch }) { \r\n // if (!rootGetters['backend/user/hasActiveSubscription']) {\r\n // dispatch('refreshBanners');\r\n // }\r\n },\r\n async refreshBanners({ commit }) {\r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n const retrieveBanners = firebase.functions().httpsCallable('retrieveBannerFeed');\r\n const result = await retrieveBanners();\r\n \r\n if (result.data) { \r\n commit('SET_BANNERS', {\r\n banners: result.data\r\n });\r\n }\r\n } catch (e) { \r\n throw new Error(e);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n\r\n }\r\n },\r\n getters: {\r\n list(state) {\r\n return state.banners.map(banner => {\r\n banner.shortName = (banner.name.length > 45) ? banner.name.substring(0, 42) + '...' : banner.name;\r\n return banner;\r\n }); \r\n }\r\n }\r\n}","import firebase from 'firebase/app'\r\nimport 'firebase/auth'\r\nimport 'firebase/functions'\r\nimport 'firebase/firestore'\r\n\r\nimport payments from './payments'\r\nimport user from './user'\r\nimport storage from './storage'\r\nimport banners from './banners'\r\n\r\nimport { result } from 'lodash'\r\n\r\nexport default {\r\n namespaced: true,\r\n modules: {\r\n payments,\r\n user,\r\n storage,\r\n banners\r\n },\r\n state: { \r\n db: null,\r\n app: null,\r\n initing: true, \r\n firebaseConfig: {\r\n apiKey: process.env.VUE_APP_FIREBASE_APIKEY,\r\n authDomain: process.env.VUE_APP_FIREBASE_AUTHDOMAIN,\r\n databaseURL: process.env.VUE_APP_FIREBASE_DATABASE,\r\n projectId: process.env.VUE_APP_FIREBASE_PROJECT_ID,\r\n storageBucket: process.env.VUE_APP_FIREBASE_STORAGE_BUCKET,\r\n messagingSenderId: process.env.VUE_APP_FIREBASE_MESSAGING_SENDER_ID,\r\n appId: process.env.VUE_APP_FIREBASE_APP_ID\r\n }\r\n },\r\n mutations: {\r\n SET_APP(state, app) {\r\n state.app = app;\r\n },\r\n SET_DB(state, db) {\r\n state.db = db;\r\n },\r\n SET_INITING(state, initing = true) {\r\n state.initing = initing;\r\n }\r\n },\r\n actions: {\r\n async initialize({ state, commit, dispatch }) {\r\n console.log('init backend');\r\n if (!state.app) {\r\n console.log(state.app);\r\n console.log('initializing firebase');\r\n \r\n commit('SET_APP', firebase.initializeApp(state.firebaseConfig));\r\n\r\n if (process.env.VUE_APP_EMULATOR_IP) {\r\n firebase.functions().useEmulator(process.env.VUE_APP_EMULATOR_IP, 5001); \r\n }\r\n \r\n commit('SET_DB', firebase.firestore());\r\n console.log(state.app);\r\n \r\n await dispatch('user/init');\r\n await dispatch('storage/init');\r\n await dispatch('payments/init');\r\n await dispatch('banners/init');\r\n\r\n commit('SET_INITING', false);\r\n } \r\n }, \r\n async geocodeAddress({ dispatch, commit }, address) { \r\n commit('SET_LOADING', {\r\n loading: true\r\n }, {\r\n root: true\r\n });\r\n\r\n commit('SET_GEOCODING_IN_PROGRESS', {\r\n geocoding: true\r\n }, {\r\n root: true\r\n });\r\n\r\n try {\r\n const fn = firebase.functions().httpsCallable('geocodeAddress');\r\n const result = await fn({ address, test: (process.env.VUE_APP_IP_TEST_MODE == 'true') });\r\n \r\n if (!result.data || result.data.status != 200 || !result.data.latLng) { \r\n throw new Error('Unable to geocode address: ' + result.data.status);\r\n }\r\n\r\n dispatch('backend/user/updateSearchCount', { \r\n searchCount: result.data.newSearchCount,\r\n maxSearches: result.data.maxSearches\r\n }, { root: true });\r\n\r\n return result.data; \r\n } catch (e) {\r\n throw new Error(e.message);\r\n } finally {\r\n commit('SET_LOADING', {\r\n loading: false\r\n }, {\r\n root: true\r\n });\r\n\r\n commit('SET_GEOCODING_IN_PROGRESS', {\r\n geocoding: false\r\n }, {\r\n root: true\r\n });\r\n }\r\n } \r\n },\r\n getters: {\r\n isIniting(state) {\r\n return state.initing;\r\n }\r\n }\r\n}","import md5 from 'md5';\r\nimport { omit } from 'lodash';\r\n\r\nconst promptDefaults = {\r\n title: 'Notice',\r\n type: 'is-danger'\r\n}\r\n\r\nconst confirmDefaults = {\r\n title: 'Notice',\r\n type: 'is-danger'\r\n}\r\n\r\nconst alertDefaults = {\r\n title: 'Alert',\r\n type: 'is-success' \r\n}\r\n\r\nconst snackbarDefaults = {\r\n duration: 4000,\r\n position: 'is-bottom',\r\n actionText: null\r\n}\r\n \r\nexport default {\r\n namespaced: true,\r\n state: {\r\n 0: [], \r\n 1: [],\r\n 2: [],\r\n active: null\r\n },\r\n mutations: {\r\n addToQueue(state, { priority, config }) {\r\n config.priority = priority;\r\n \r\n Vue.set(state, priority, [...state[priority], config]);\r\n },\r\n\r\n removeFromQueue(state, { priority, uuid }) {\r\n const idx = state[priority].findIndex(c => c.uuid == uuid);\r\n \r\n if (idx > -1) { \r\n state[priority].splice(idx, 1); \r\n }\r\n },\r\n\r\n setActive(state, { active }) {\r\n state.active = active;\r\n }\r\n },\r\n actions: {\r\n setActive({ commit }, { active }) {\r\n commit('setActive', { active });\r\n },\r\n queueDialog({ commit, state, getters }, { priority, config }) { \r\n config.uuid = md5(JSON.stringify(omit(config, ['onConfirm','onCancel']))); \r\n console.log('queued', config, priority);\r\n if (getters.active && getters.active.uuid == config.uuid) {\r\n return;\r\n }\r\n\r\n if (state.hasOwnProperty(priority) && !state[priority].find(c => c.uuid == config.uuid)) { \r\n for (let [fnKey, fn] of Object.entries({ onConfirm: config.onConfirm, onCancel: config.onCancel})) { \r\n config[fnKey] = function (...args) {\r\n const _this = this; \r\n commit('removeFromQueue', { priority, uuid: config.uuid });\r\n commit('setActive', { active: null });\r\n if (fn) fn.call(_this, ...args);\r\n }\r\n } \r\n }\r\n\r\n commit('addToQueue', { priority, config })\r\n },\r\n alert({ dispatch }, { priority, message, config = {}}) {\r\n const mergedConfig = { ...alertDefaults, ...config, message, __type: 'alert' };\r\n dispatch('queueDialog', { priority, config: mergedConfig }); \r\n },\r\n \r\n confirm({ dispatch }, { priority, message, config }) {\r\n const mergedConfig = { ...confirmDefaults, message, ...config, __type: 'confirm' };\r\n dispatch('queueDialog', { priority, config: mergedConfig });\r\n },\r\n\r\n prompt({ dispatch }, { priority = 0, config }) {\r\n const mergedConfig = { ...promptDefaults, ...config, __type: 'prompt'};\r\n dispatch('queueDialog', { priority, config: mergedConfig });\r\n },\r\n\r\n snackbar({ dispatch }, { priority = 0, message, config = {}}) {\r\n const mergedConfig = { ...snackbarDefaults, ...config, __type: 'snackbar', message };\r\n dispatch('queueDialog', { priority, config: mergedConfig });\r\n }\r\n },\r\n getters: {\r\n queue(state) { \r\n return [state[2], state[1], state[0]].reduce((accum, queue) => {\r\n if (queue.length && !accum) {\r\n accum = queue[0];\r\n return accum;\r\n }\r\n\r\n return accum;\r\n }, null);\r\n },\r\n active(state) {\r\n return state.active;\r\n } \r\n }\r\n}","window.Vue = require('vue').default;\r\nimport Vuex from 'vuex'\r\nimport Vue from 'vue'\r\n\r\nimport actions from './actions'\r\nimport mutations from './mutations'\r\nimport getters from './getters'\r\n\r\nimport UserWatcherPlugin from './plugins/UserWatcherPlugin';\r\nimport SaveSlotWatcherPlugin from './plugins/SaveSlotWatcherPlugin';\r\n\r\nimport tooltips from './modules/tooltips'\r\nimport estimater from './modules/product-estimater'\r\n\r\nimport backend from './modules/backend'\r\nimport dialogs from './modules/dialogs'\r\n\r\nVue.use(Vuex);\r\n\r\nexport default new Vuex.Store({\r\n state: {\r\n mode: 'move',\r\n toolType: 'area',\r\n imperial: true,\r\n primaryUnits: {},\r\n activeStatusTab: 0,\r\n address: '', \r\n shapes: [],\r\n lastMapClickEvent: null,\r\n nextLatLngPan: false,\r\n searchModalVisible: false,\r\n saveModalVisible: false, \r\n introTipsModalVisible: false,\r\n affiliateModalVisible: false, \r\n unitModalVisible: false, \r\n globalZIndex: 0,\r\n mapCenter: {},\r\n mapZoom: {},\r\n geocodingInProgress: false,\r\n currentSlotName: '', \r\n saveSlots: {},\r\n introCompleted: false,\r\n publicComputerWarningShown: false,\r\n introTipsShown: false,\r\n affiliateModalShown: false,\r\n currentControlOverlay: null,\r\n loading: false,\r\n appClicked: false,\r\n uuid: null\r\n },\r\n modules: { \r\n backend,\r\n tooltips,\r\n estimater,\r\n dialogs\r\n },\r\n plugins: [\r\n UserWatcherPlugin,\r\n SaveSlotWatcherPlugin\r\n ],\r\n mutations,\r\n actions,\r\n getters\r\n});","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{directives:[{name:\"observe-visibility\",rawName:\"v-observe-visibility\",value:({\n callback: this.changeVisibleState,\n once: false\n }),expression:\"{\\n callback: this.changeVisibleState,\\n once: false\\n }\"}],staticClass:\"tooltip-ct\"},[_c('span',{staticClass:\"trigger\"},[_vm._t(\"default\")],2),_c('div',{staticClass:\"content\"},[_vm._t(\"tooltip-content\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n