{"version":3,"file":"QuickSearchCards.js","sources":["../../../resources/js/components/search/QuickSearchCards.vue?vue&type=template&lang.js","../../../resources/js/components/search/QuickSearchCards.vue"],"sourcesContent":["\n<div v-if=\"city && state && fetched\">\n    <div v-if=\"description\" class=\"row py-12\">\n        <div class=\"col-12\">\n            <span>\n                <h3>{{ description.title }}</h3>\n                <p>{{ description.description }}</p>\n            </span>\n        </div>\n    </div>\n    <div class=\"row py-12\">\n        <div class=\"mb-2\" :class=\"isGallery ? 'col-6' : 'col-12 col-lg-6'\" v-for=\"(vanityUrls, index) in vanityUrls\" :key=\"index\">\n            <div class=\"realty-card rounded\" :class=\"highlightedURI(vanityUrls.searchUrl) ? 'bg-info' : ''\">\n                <div class=\"card-body p-1 text-center\">\n                    <a :class=\"highlightedURI(vanityUrls.searchUrl) ? 'text-white' : ''\" :title=\"vanityUrls.descriptionTitle + ' in ' + city + ', ' + state\" :href=\"buildVanityUrl(vanityUrls)\"\n                        ><p class=\"h4\" :class=\"highlightedURI(vanityUrls.searchUrl) ? 'text-white' : ''\">{{ vanityUrls.descriptionTitle }}</p>\n                        In <span class=\"text-capitalize\">{{ localityCityString }} </span></a\n                    >\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n","<template>\n    <div v-if=\"city && state && fetched\">\n        <div v-if=\"description\" class=\"row py-12\">\n            <div class=\"col-12\">\n                <span>\n                    <h3>{{ description.title }}</h3>\n                    <p>{{ description.description }}</p>\n                </span>\n            </div>\n        </div>\n        <div class=\"row py-12\">\n            <div class=\"mb-2\" :class=\"isGallery ? 'col-6' : 'col-12 col-lg-6'\" v-for=\"(vanityUrls, index) in vanityUrls\" :key=\"index\">\n                <div class=\"realty-card rounded\" :class=\"highlightedURI(vanityUrls.searchUrl) ? 'bg-info' : ''\">\n                    <div class=\"card-body p-1 text-center\">\n                        <a :class=\"highlightedURI(vanityUrls.searchUrl) ? 'text-white' : ''\" :title=\"vanityUrls.descriptionTitle + ' in ' + city + ', ' + state\" :href=\"buildVanityUrl(vanityUrls)\"\n                            ><p class=\"h4\" :class=\"highlightedURI(vanityUrls.searchUrl) ? 'text-white' : ''\">{{ vanityUrls.descriptionTitle }}</p>\n                            In <span class=\"text-capitalize\">{{ localityCityString }} </span></a\n                        >\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport { mapGetters } from 'vuex';\n\nimport { getVanityUrls } from '@/api/search';\n\nexport default {\n    data: function () {\n        return {\n            city: null,\n            state: null,\n            zip: null,\n            type: null,\n            cityURL: null,\n            localityName: null,\n            vanityUrls: null,\n            fetched: false,\n            description: null\n        };\n    },\n    props: {\n        location: {\n            default: null\n        }\n    },\n    computed: {\n        ...mapGetters({\n            activeViewMode: 'search/activeViewMode',\n            defaultVanities: 'search/defaultVanities'\n        }),\n        isGallery() {\n            return this.activeViewMode === 'gallery';\n        },\n        localityCityString() {\n            let cityText = this.location?.displayText?.split(',').slice(0, -1).join(', ').trim();\n            return cityText || this.city;\n        },\n        currentVanityUrl() {\n            const urlParts = window.location.pathname.split('/');\n            return urlParts[urlParts.length - 1];\n        },\n        prependRoute() {\n            return this.$root.prependUrl || '';\n        }\n    },\n    watch: {\n        location(newLocation, oldLocation) {\n            if (newLocation !== oldLocation && newLocation !== null) {\n                this.setLocation();\n            }\n        }\n    },\n\n    methods: {\n        setLocation() {\n            this.city = this.location.city;\n            this.zip = this.location.zip;\n            this.type = this.location.type.toLowerCase();\n            this.localityName = this.city;\n\n            let localityParts;\n            switch (this.type) {\n                case 'city':\n                    this.cityURL = this.location.city.replace(/\\s/g, '-');\n                    break;\n                case 'zip':\n                    this.cityURL = this.zip + '_Zip';\n                    break;\n                case 'community':\n                    localityParts = this.location.query.split(',').map((e) => e.trim().replace(/\\s/g, '-'));\n                    this.cityURL = `${localityParts[1]}_${localityParts[0]}_Community`;\n                    break;\n                case 'subdivision':\n                case 'neighborhood':\n                case 'school':\n                    localityParts = this.location.displayText.split(',').map((e) => e.trim());\n                    this.cityURL =\n                        'location_bid' in this.location && this.location.location_bid\n                            ? `${this.city}_${localityParts[0].replace(/\\s/g, '-')}_${this.location.location_bid}_${this.location.type}`\n                            : `${this.city}_${localityParts[0].replace(/\\s/g, '-')}__${this.location.type}`;\n                    this.localityName = localityParts[0];\n                    break;\n                default:\n                    this.cityURL = this.location.city.replace(/\\s/g, '-');\n            }\n\n            this.state = this.location.state;\n            this.setVanityUrls();\n        },\n        highlightedURI(uri = null) {\n            return uri && this.currentVanityUrl === uri;\n        },\n\n        async setVanityUrls() {\n            const url = await getVanityUrls(this.location);\n            return this.buildVanities(url);\n        },\n\n        async buildVanities(url) {\n            const lastPathItem = this.currentVanityUrl;\n            let fetchedData = url;\n\n            // Do the operations on fetched data\n            if (fetchedData) {\n                this.vanityUrls = fetchedData;\n\n                this.vanityUrls.forEach((vanity) => {\n                    const { descriptionTitle, searchUrl, total } = vanity;\n                    vanity.descriptionTitle = descriptionTitle.replace(/ In.*/gi, '');\n                    vanity.searchUrl = searchUrl.split('/').pop();\n                    if (lastPathItem === vanity.searchUrl && total > 0) {\n                        let description = `${this.$root.companyName} has ${total}`;\n                        this.$root.$_updateSeoDescription(description, true);\n                    }\n                });\n            } else {\n                this.vanityUrls = this.defaultVanities;\n            }\n            this.$store.commit('search/setSearchVanities', this.vanityUrls);\n            if (this.currentVanityUrl) {\n                const vanity = {\n                    url: this.currentVanityUrl,\n                    title: this.vanityUrls?.find(({ searchUrl }) => searchUrl == this.currentVanityUrl)?.descriptionTitle,\n                    description: this.vanityUrls?.find(({ searchUrl }) => searchUrl == this.currentVanityUrl)?.description\n                };\n\n                this.$store.commit('search/setCurrentSearchVanity', vanity);\n            }\n\n            this.fetched = true;\n            this.buildDescription();\n        },\n\n        buildDescription() {\n            const urlParts = window.location.pathname.split('/');\n            const vanityUrl = urlParts[urlParts.length - 1];\n\n            if (!vanityUrl) return;\n\n            const vanity = this.vanityUrls.find(({ searchUrl }) => searchUrl == vanityUrl);\n\n            if (!vanity) return;\n\n            this.description = {\n                title: `${vanity.descriptionTitle} in ${this.city}, ${this.state} description`,\n                description: vanity.description\n            };\n        },\n        buildVanityUrl(vanity) {\n            return `${this.prependRoute}/search/${this.state}/${this.cityURL}/${vanity.searchUrl}`;\n        }\n    }\n};\n</script>\n"],"names":["render","_vm","_h","_c","vanityUrls","index","staticRenderFns","__vue2_script","mapGetters","_b","_a","urlParts","newLocation","oldLocation","localityParts","uri","url","getVanityUrls","lastPathItem","fetchedData","vanity","descriptionTitle","searchUrl","total","description","_d","vanityUrl"],"mappings":"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"}