{"version":3,"file":"SearchChat.js","sources":["../../../resources/js/components/search/SearchChat.vue?vue&type=template&lang.js","../../../resources/js/components/search/SearchChat.vue"],"sourcesContent":["\n    <div class=\"position-sticky w-full bottom-0 flex-auto p-3 px-lg-7 py-lg-5 overlap-10 bg-surface-secondary border-top ai-chatbox-modal\" v-if=\"!isMobile || (isMobile && activeViewMode == 'realtyai')\">\n        <div>\n<!--            close button -->\n            <div class=\"d-flex justify-content-end mb-3\"  v-if=\"isMobile\" >\n                <button type=\"button\" class=\"btn-close\" @click=\"updateViewMode('')\" aria-label=\"Close\" ></button>\n            </div>\n        </div>\n        <div class=\"panel panel-default\">\n            <div class=\"panel-body\" id='ai-convo-panel' v-if='this.searchResults.count == 0 && ! this.searchLoading'>Sorry, I couldn't find any results for that requirement. Remove some requirements or tell me to reset your filters, and I'll try again.</div>\n            <div class=\"panel-body\" id='ai-convo-panel' v-text=\"this.lastMessage\" v-else>\n            </div>\n        </div>\n\n        <div id='ai-input-div' class=\"d-flex align-items-center bg-surface-primary border px-5 rounded-pill btn-group\">\n            <div class=\"flex-fill d-flex align-items-center\">\n                <div class=\"hstack gap-3 align-items-center w-full\">\n                    <form class=\"card-comment-box\" role=\"form\">\n                        <input id=\"ai-input-field\" @keypress.enter.prevent=\"sendMessage()\" class=\"form-control py-4 bg-white\" v-model=\"query\" placeholder=\"What would you like to see?\" />\n                    </form>\n                </div>\n            </div>\n        </div>\n    </div>\n","<template>\n    <div class=\"position-sticky w-full bottom-0 flex-auto p-3 px-lg-7 py-lg-5 overlap-10 bg-surface-secondary border-top ai-chatbox-modal\" v-if=\"!isMobile || (isMobile && activeViewMode == 'realtyai')\">\n        <div>\n<!--            close button -->\n            <div class=\"d-flex justify-content-end mb-3\"  v-if=\"isMobile\" >\n                <button type=\"button\" class=\"btn-close\" @click=\"updateViewMode('')\" aria-label=\"Close\" ></button>\n            </div>\n        </div>\n        <div class=\"panel panel-default\">\n            <div class=\"panel-body\" id='ai-convo-panel' v-if='this.searchResults.count == 0 && ! this.searchLoading'>Sorry, I couldn't find any results for that requirement. Remove some requirements or tell me to reset your filters, and I'll try again.</div>\n            <div class=\"panel-body\" id='ai-convo-panel' v-text=\"this.lastMessage\" v-else>\n            </div>\n        </div>\n\n        <div id='ai-input-div' class=\"d-flex align-items-center bg-surface-primary border px-5 rounded-pill btn-group\">\n            <div class=\"flex-fill d-flex align-items-center\">\n                <div class=\"hstack gap-3 align-items-center w-full\">\n                    <form class=\"card-comment-box\" role=\"form\">\n                        <input id=\"ai-input-field\" @keypress.enter.prevent=\"sendMessage()\" class=\"form-control py-4 bg-white\" v-model=\"query\" placeholder=\"What would you like to see?\" />\n                    </form>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport { mapGetters } from 'vuex';\nimport search from '@//store/modules/search';\n\nexport default {\n    data() {\n        return {\n            query: '',\n            loading: false,\n            lastMessage: ''\n        };\n    },\n    computed: {\n        ...mapGetters({\n            aiSessionId: 'search/aiSessionId',\n            searchFilters: 'search/filters',\n            searchResults: 'search/results',\n            searchLoading: 'search/loading',\n            activeViewMode: 'search/activeViewMode'\n        }),\n        isMobile() {\n            let isIPadPro = window.screen.height == 1366 && window.screen.width == 1024;\n            if (isIPadPro) {\n                return false;\n            }\n            if (this.$root.$_isMobile() && this.activeViewMode == 'hybrid') {\n                this.updateViewMode('gallery');\n            }\n            return this.$root.$_isMobile();\n        },\n    },\n    mounted() {\n        this.$nextTick(() => {\n            this.getConvo();\n        });\n    },\n    methods: {\n        updateViewMode(mode) {\n            localStorage.setItem('viewMode', mode);\n            this.$store.dispatch('search/setSearchViewMode', mode);\n        },\n        async sendMessage() {\n            let input = document.getElementById('ai-input-field');\n            input.disabled = true;\n            input.classList.remove('bg-white');\n            input.classList.add('bg-gray');\n            let inputdiv = document.getElementById('ai-input-div');\n            inputdiv.classList.remove('bg-surface-primary');\n            inputdiv.classList.add('bg-gray');\n\n            let response = await axios.post('/search/ai/send_message',\n                {\n                    \"message\": this.query,\n                    \"aiSessionId\": this.aiSessionId\n                },{'axios-retry': {\n                        retries: 0\n                    }})\n            input.disabled = false;\n            input.classList.add('bg-white');\n            input.classList.remove('bg-gray');\n            inputdiv.classList.remove('bg-gray');\n            inputdiv.classList.add('bg-surface-primary');\n\n            if (response.data.location) {\n                this.query = \"\";\n                let locationResponse = response.data.location;\n\n                // a neighorhood needs the neighborhood name and city for the url\n                if (locationResponse.type == 'community' || locationResponse.type == 'zip') {\n                    this.performSearch(locationResponse.location, locationResponse.state, locationResponse.type, locationResponse.city);\n                } else if (locationResponse.type == 'school') {\n                    this.performSearch(locationResponse.location, locationResponse.state, locationResponse.type, locationResponse.city, locationResponse.school_id);\n                } else {\n                    this.performSearch(locationResponse.location, locationResponse.state, locationResponse.type);\n                }\n\n            }\n            if (response.data.filters) {\n                this.query = \"\";\n                let filterResponse = response.data.filters;\n                // if filterResponse has agentMessage set, delete it\n                if (filterResponse.agentMessage) {\n                    delete filterResponse.agentMessage;\n                }\n                if (filterResponse.location) {\n                    delete filterResponse.location;\n                }\n                if (filterResponse.state) {\n                    delete filterResponse.state;\n                }\n\n                this.$store.dispatch('search/setSearchFilters', filterResponse);\n                this.getConvo();\n            }\n\n        },\n        async getConvo() {\n            let response = await axios.post('/search/ai/get_convo',\n                {\n                    \"aiSessionId\": this.aiSessionId\n                })\n            let aitext = document.getElementById('ai-convo-panel');\n            if (response.data.messages) {\n                    this.lastMessage = response.data.messages;\n            }\n        },\n        setTitleFromCity(city = null) {\n            return city + ' Real Estate - ' + city + ' Homes For Sale | Realty.com';\n        },\n        buildSearchLocationObject(location, state, type, city, bid = null) {\n            let searchLocationObject = {\n                bid: bid,\n            };\n            if (type == 'community') {\n                searchLocationObject.displayText = location + ', ' + city + ', ' + state;\n                searchLocationObject.query = searchLocationObject.displayText;\n                searchLocationObject.value = searchLocationObject.displayText;\n                searchLocationObject.type = 'community';\n                searchLocationObject.city = city;\n                searchLocationObject.state = state;\n            } else if (type == 'zip') {\n                searchLocationObject.displayText = location + ', ' + state;\n                searchLocationObject.query = searchLocationObject.displayText;\n                searchLocationObject.value = searchLocationObject.displayText;\n                searchLocationObject.type = 'zip';\n                searchLocationObject.city = city;\n                searchLocationObject.state = state;\n            } else if (type == 'school') {\n                searchLocationObject.displayText = location + ', ' + state;\n                searchLocationObject.query = searchLocationObject.displayText;\n                searchLocationObject.value = searchLocationObject.displayText;\n                searchLocationObject.type = 'School';\n                searchLocationObject.city = city;\n                searchLocationObject.state = state;\n            } else {\n                searchLocationObject.bid =\n                searchLocationObject.displayText = location + ', ' + state;\n                searchLocationObject.query = searchLocationObject.displayText;\n                searchLocationObject.value = searchLocationObject.displayText;\n                searchLocationObject.type = 'city';\n                searchLocationObject.city = location;\n                searchLocationObject.state = state;\n            }\n\n            return searchLocationObject;\n        },\n        performSearch(location, state, type, city, bid = null) {\n            // nuke the bounding coordinates in the store since search prefers to use bounding coordinates over location values by default.\n            this.$store.commit('search/setSearchBoundingCoordinates', {\n                neLat: null,\n                neLon: null,\n                swLat: null,\n                swLon: null\n            });\n            this.$store.commit('search/setBoundaryEnabled', true);\n\n            // update the query value to the display value of the selected item\n            // If there is no listing ID we'll build the url to be used\n            // in pushState or to redirect if not on the search page\n            //   const queryParameters = new URLSearchParams({ q: this.query });\n            if (type === 'city' || type === 'zip' || type === 'neighborhood') {\n                window.document.title = this.setTitleFromCity(location);\n                this.$root.$_setCityStateCookie(location, state);\n            }\n            let url = '/search/' + state + '/' + location.replace(/\\s+/g, '-');\n            if (type === 'zip') {\n                url = '/search/' + state + '/' + location.replace(/\\s+/g, '-') + '_Zip';\n            } else if (type === 'neighborhood') {\n                url = '/search/' + state + '/' + city.replace(/\\s+/g, '-') + '_' + location.replace(/\\s+/g, '-') + '_Community';\n            }\n\n            // update browser push state (url)\n            history.pushState(this.buildSearchLocationObject(location, state, type, city, bid), null, url);\n\n            // Nuke the mapviewuri cookie here b/c if a person is selecting a new area, we don't wanna carry over the old viewport in a cookie\n            let mapViewUri = '';\n            if (mapViewUri) {\n                let params = new URLSearchParams(mapViewUri);\n                if (params) {\n                    params.delete('m');\n                    if (params.toString()) {\n                        //Cookies.set('mapViewUri', params);\n                    } else {\n                        //Cookies.remove('mapViewUri');\n                    }\n                }\n            }\n            // do the search last so that the map update doesn't rebuild a url with a viewport\n            // first, commit the search location using the selected item, then query the geocoding boundary\n            // (which sets the bounding box), THEN perform search, which will update the map and the search results\n            // we need to set the search location first because we need to get the selected item set in the state so that\n            // the geocoding query knows what to query bounding data for.\n            this.$store.commit('search/setSearchLocation', this.buildSearchLocationObject(location, state, type, city, bid), { root: true });\n            this.$store.dispatch('search/geoCodingBoundary').then(() => {\n                this.$store.dispatch('search/setSearchLocation', this.buildSearchLocationObject(location, state, type, city, bid));\n            });\n        }\n    }\n};\n</script>\n"],"names":["render","_vm","_h","_c","$event","staticRenderFns","__vue2_script","mapGetters","mode","input","inputdiv","response","locationResponse","filterResponse","city","location","state","type","bid","searchLocationObject","url"],"mappings":"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"}