{"version":3,"file":"QbInquiryForm.js","sources":["../../../resources/js/components/forms/QbInquiryForm.vue?vue&type=template&lang.js","../../../resources/js/components/forms/QbInquiryForm.vue"],"sourcesContent":["\n<div>\n    <form id=\"qb-form\">\n        <div class=\"request-form position-relative\" v-if=\"!formComplete\">\n            <user-demographics\n                :message_required=\"false\"\n                v-on:invalidPhoneNumber=\"(data) => (this.invalidPhoneNumber = data)\"\n                v-on:invalidEmail=\"(data) => (this.invalidEmail = data)\"\n                v-on:formDataChange=\"updateForm\"\n                :speak_to_agent=\"false\"\n                :spaced_row=\"true\"\n                :user=\"authUser\"\n                :form_data=\"this.formData\"\n                :area_of_interest=\"true\"\n                ref=\"userDemographics\"\n            >\n            </user-demographics>\n\n            <div class=\"row\">\n                <div class=\"col text-center\">\n                    <button class=\"btn btn-primary w-full\" :disabled=\"loading || this.$root.$_invalidInput(this.formData, this.invalidPhoneNumber, this.invalidEmail)\" @click.prevent=\"submit()\">\n                        <div class=\"spinner-border spinner-border-sm me-3\" role=\"status\" v-if=\"loading\">\n                            <span class=\"visually-hidden\">Loading...</span>\n                        </div>\n                        Submit\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div v-else>\n            <success-notification :showBorder=\"false\" v-bind=\"componentProps()\"></success-notification>\n        </div>\n    </form>\n</div>\n","<template>\n    <div>\n        <form id=\"qb-form\">\n            <div class=\"request-form position-relative\" v-if=\"!formComplete\">\n                <user-demographics\n                    :message_required=\"false\"\n                    v-on:invalidPhoneNumber=\"(data) => (this.invalidPhoneNumber = data)\"\n                    v-on:invalidEmail=\"(data) => (this.invalidEmail = data)\"\n                    v-on:formDataChange=\"updateForm\"\n                    :speak_to_agent=\"false\"\n                    :spaced_row=\"true\"\n                    :user=\"authUser\"\n                    :form_data=\"this.formData\"\n                    :area_of_interest=\"true\"\n                    ref=\"userDemographics\"\n                >\n                </user-demographics>\n\n                <div class=\"row\">\n                    <div class=\"col text-center\">\n                        <button class=\"btn btn-primary w-full\" :disabled=\"loading || this.$root.$_invalidInput(this.formData, this.invalidPhoneNumber, this.invalidEmail)\" @click.prevent=\"submit()\">\n                            <div class=\"spinner-border spinner-border-sm me-3\" role=\"status\" v-if=\"loading\">\n                                <span class=\"visually-hidden\">Loading...</span>\n                            </div>\n                            Submit\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div v-else>\n                <success-notification :showBorder=\"false\" v-bind=\"componentProps()\"></success-notification>\n            </div>\n        </form>\n    </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\n\nimport SuccessNotification from '@/components/forms/SuccessNotification.vue';\nimport UserDemographics from '@/components/forms/UserDemographics.vue';\nimport SearchAutocomplete from '@/components/search/SearchAutocomplete.vue';\n\nexport default {\n    components: {\n        SuccessNotification,\n        UserDemographics,\n        SearchAutocomplete\n    },\n    data: () => ({\n        loading: false,\n        formComplete: false,\n        invalidPhoneNumber: false,\n        invalidEmail: false,\n        formErrors: {},\n        formData: {},\n        modal: null\n    }),\n    props: {\n        user: {\n            default: null\n        },\n        isTest: {\n            default: false\n        },\n        split_rows: {\n            default: false\n        },\n        branding_param: {\n            default: null\n        }\n    },\n    computed: {\n        ...mapGetters({\n            authUser: 'user/user'\n        }),\n        isMobile() {\n            return this.$mq === 'mobile';\n        },\n        appLink() {\n            return 'https://formfree-passport.onelink.me/IHqw/7ja31ciq';\n        },\n        qrCode() {\n            return 'https://www.realty.com/imagecdn/images/ad-assets/formfree/formfree-qr.png';\n        }\n    },\n    mounted() {\n        if (this.isTest) return;\n        this.modal = this.$parent.modal;\n        // If a user was provided let's prefill their data.\n        if (this.user) {\n            this.formData = this.$root.$_storeUserToForm(this.formData, this.user);\n        }\n        this.formComplete = this.$root.$_isSuccess();\n        this.$nextTick(() => {\n            this.setLocation();\n        });\n    },\n    created() {\n        //call this method to set form data\n        this.resetFormData();\n    },\n    methods: {\n        componentProps() {\n            if (this.isMobile) {\n                return {\n                    title: 'Success! lets finish this up',\n                    message:\n                        'To complete your setup, please follow this  <a href=\"' +\n                        this.appLink +\n                        '\" class=\"underline\">Link</a> or wait for the redirect.</br></br> <a href=\"' +\n                        this.appLink +\n                        '\" class=\"underline\">' +\n                        this.appLink +\n                        '</a>',\n                    callback: () => {\n                        setTimeout(() => {\n                            window.open(this.appLink, '_blank') || window.location.replace(this.appLink);\n                        }, 5000);\n                    }\n                };\n            } else {\n                return {\n                    title: 'Success! lets finish this up',\n                    message: 'Scan the QR code below to complete your setup from your mobile device.',\n                    image: this.qrCode\n                };\n            }\n        },\n        updateForm(passedData) {\n            let a = [this.formData, passedData];\n            let assignedobject = Object.assign(...a);\n            this.formData = assignedobject;\n        },\n        setLocation() {\n            let cityObject = this.$root.$_getAoiCityState();\n            if (cityObject) {\n                this.formData.details.city = cityObject.city;\n                this.formData.details.state = cityObject.state;\n                if (this.$refs.userDemographics.$refs.aoi_autocomplete) {\n                    this.$refs.userDemographics.$refs.aoi_autocomplete.query = cityObject.city + ', ' + cityObject.state;\n                    this.$nextTick(() => {\n                        this.$store.commit('search/setSearchSuggestionsLoading', false);\n                    });\n                }\n            }\n        },\n        onSelectedData(passedData) {\n            this.formData.details.city = passedData?.city || null;\n            this.formData.details.state = passedData?.state || null;\n            this.formData.details.zip = passedData?.zip || null;\n        },\n        //initializes the form to default\n        resetFormData() {\n            this.formData = {\n                first_name: null,\n                last_name: null,\n                email: null,\n                phone_number: null,\n                details: {\n                    property_id: null,\n                    internal_property_listing_id: null,\n                    message: '',\n                    city: 'Wildcard',\n                    state: 'CA',\n                    clientRole: 'Buyer'\n                },\n                ready_for_agent: true,\n                confirm_terms: true,\n                type: 'qb-inquiry'\n            };\n        },\n\n        initForm() {\n            this.resetFormData();\n        },\n        //this function creates the \"message\" attribute in forms as a JSON string for later parsing\n\n        async submit() {\n            if (this.loading) return;\n            this.loading = true;\n            this.formData = this.$root.$_purgeEmptyValues(this.formData);\n\n            try {\n                const res = await this.$store.dispatch('user/formRequest', this.formData);\n                if (res.success) {\n                    this.$_trackEvent('qb-inquiry', 'QB Inquiry', 'submit', 'QB Inquiry');\n                    this.formErrors = {};\n                    this.currentState = 'complete';\n                    this.$root.$_toastSuccess('Your request has been submitted! A member of our team will be in contact with you shortly.');\n\n                    this.formComplete = true;\n                }\n            } catch (error) {\n                switch (error.status) {\n                    case 422:\n                        this.$root.$_toastError('Please correct all fields on the form to continue');\n                        this.formErrors = error.response.data.errors;\n                        break;\n                    default:\n                        this.$root.$_toastError('An error occurred while submitting your request. Please try again later.');\n                        break;\n                }\n            } finally {\n                this.loading = false;\n            }\n        }\n    }\n};\n</script>\n"],"names":["render","_this","_vm","_h","_c","data","$event","staticRenderFns","__vue2_script","SuccessNotification","UserDemographics","SearchAutocomplete","mapGetters","passedData","a","assignedobject","cityObject","error"],"mappings":"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"}