{"version":3,"file":"Bsz2ICE_.js","sources":["../../../../composables/useLoqate.ts","../../../../components/SolarFormStart.vue"],"sourcesContent":["\nexport function useLoqate() {\n\n    const config = useRuntimeConfig();\n    const key = encodeURIComponent(`${config.public.loqate}`)\n\n    async function getPostcodes(value:string) {\n\n        if(!value) return []\n\n        const text = encodeURIComponent(value)\n\n        const url = `https://api.addressy.com/Capture/Interactive/Find/v1.10/json3.ws?Key=${key}&Text=${text}`\n\n        const response = await fetch(url, {\n            method: 'POST',\n            mode: 'cors',\n            headers: {\n                'Content-Type': 'application/x-www-form-urlencoded'\n            }\n        })\n\n        const output = await response.json()\n\n        return output.Items || []\n\n    }\n\n    async function getAddresses(value:string) {\n\n        if(!value) return []\n\n        const container = encodeURIComponent(value)\n\n        const url = `https://api.addressy.com/Capture/Interactive/Find/v1.10/json3.ws?Key=${key}&Container=${container}`\n\n        const response = await fetch(url, {\n            method: 'POST',\n            mode: 'cors',\n            headers: {\n                'Content-Type': 'application/x-www-form-urlencoded'\n            }\n        })\n\n        const output = await response.json()\n\n        return output.Items || []\n\n    }\n\n    async function getAddress(value:string) {\n\n        if(!value) return []\n\n        const id = encodeURIComponent(value)\n\n        const url = `https://api.addressy.com/Capture/Interactive/Retrieve/v1.10/json3.ws?Key=${key}&Id=${id}`\n\n        const response = await fetch(url, {\n            method: 'POST',\n            mode: 'cors',\n            headers: {\n                'Content-Type': 'application/x-www-form-urlencoded'\n            }\n        })\n\n        const output = await response.json()\n\n        return output.Items[0] || []\n\n    }\n\n    async function contactNumberValidate(value:string) {\n\n        if(!value) return \n\n        const phone = encodeURIComponent(value)\n\n        let url = `https://api.addressy.com/PhoneNumberValidation/Interactive/Validate/v2.2/json3.ws?Key=${key}&Phone=${phone}&Timeout=15000`\n\n        let response = await fetch(url, {\n            method: 'POST',\n            mode: 'cors',\n            headers: {\n                'Content-Type': 'application/x-www-form-urlencoded'\n            }\n        })\n\n        response = await response.json()\n\n        let output = false \n\n        if(response && response.Items[0] && response.Items[0].IsValid === 'Yes') {\n            output = true\n        } else {\n            output = false\n        }\n\n        return output\n\n    }\n\n    async function emailValidate(value:string) {\n\n        if(!value) return \n\n        const email = encodeURIComponent(value)\n\n        let url = `https://api.addressy.com/EmailValidation/Interactive/Validate/v2/json3.ws?Key=${key}&Email=${email}&Timeout=15000`\n\n        let response = await fetch(url, {\n            method: 'POST',\n            mode: 'cors',\n            headers: {\n                'Content-Type': 'application/x-www-form-urlencoded'\n            }\n        })\n\n        response = await response.json()\n\n        let output = false \n\n        if(response && response.Items[0] && response.Items[0].ResponseCode === 'Valid') {\n            output = true\n        } else {\n            output = false\n        }\n\n        return output\n\n    }\n\n    return {\n        getPostcodes,\n        getAddresses,\n        getAddress,\n        contactNumberValidate,\n        emailValidate\n    }\n\n}","<script lang=\"ts\" setup>\nimport { FormKitLazyProvider } from '@formkit/vue' \n\n    const { getPostcodes, getAddresses, getAddress } = useLoqate()\n \n   \n    const fake = ref()\n\n    const postcodes = ref([])\n    const addresses = ref([])\n    const address = ref([])\n\n    const output = ref('')\n    const postcode = ref('')\n\n    watch(() => fake.value, async () => {\n\n        addresses.value = []\n        address.value = []\n        output.value = ''\n\n        if(fake.value) postcodes.value = await getPostcodes(fake.value)\n\n    })\n\n    const selectAddresses = async (value:string) => {\n        postcodes.value = []\n        addresses.value = await getAddresses(value)\n        address.value = []\n        output.value = ''\n    }   \n\n    const selectAddress =  async (value:string) => {\n        postcodes.value = []\n        addresses.value = []\n        address.value = await getAddress(value)\n        output.value = ''\n    }\n\n    watch(() => address.value, async () => {\n\n        if(address.value && address.value.Label) {\n            output.value = address.value.Label.replaceAll('\\n',', ')\n            postcode.value = address.value.PostalCode\n        } else {\n            output.value = ''\n            postcode.value = ''\n        }\n\n    })\n\n</script>\n\n<template>\n    <div class=\"search | flex flex-col items-center gap-6 md:gap-8 lg:gap-10 mb-6 md:mb-8 lg:mb-10\">\n        \n        \n<FormKitLazyProvider config-file=\"true\">\n<h3 class=\"font-hass-display text-h3_mobile md:text-h3_tablet lg:text-h3_desktop font-medium text-elephant-950 [&>em]:not-italic [&>em]:text-lima-600 text-center\">Find your <em>property</em></h3>\n\n        <div class=\"relative flex flex-col w-full h-8\">\n\n            <div class=\"absolute top-0 left-0 w-full h-8 flex flex-row\">\n                <input type=\"text\" v-model=\"fake\" placeholder=\"Enter Postcode\" autocomplete=\"postcode\" class=\"w-full h-8 px-8 font-hass-text text-p_mobile md:text-p_tablet lg:text-p_desktop font-normal uppercase text-center text-nevada-500 bg-white-50 border border-mystic-200 rounded-[32px] z-10\">\n                <button @click=\"fake = ''\" class=\"absolute top-2 right-2 w-4 h-4 flex flex-col justify-center items-center border-[2px] border-elephant-950 rounded-full opacity-0 [&.active]:opacity-100 z-30\" :class=\"[fake ? 'active' : 'in-active']\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32\" viewBox=\"0 -960 960 960\" width=\"32\" class=\"w-4 h-4 transition-all rotate-45 \">\n                        <path d=\"M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z\" class=\"transition-all opacity-100  group-open:opacity-0\"/>\n                        <path d=\"M200-440v-80h560v80H200Z\" class=\"transition-all opacity-0 group-open:opacity-100\"/>\n                    </svg>\n                </button>\n            </div>\n\n            <div v-if=\"postcodes && postcodes.length > 0\" class=\"absolute top-8 left-0 flex flex-col w-full h-30 m-0 p-4 bg-white-50 border border-mystic-200 rounded-[32px] z-50\">\n                <ul class=\"w-full h-full overflow-scroll flex flex-col gap-1\">\n                    <template v-for=\"postcode in postcodes\" :key=\"postcode.Id\">\n                        <li>\n                            <button v-if=\"postcode.Type === 'Postcode'\" @click.prevent=\"selectAddresses(postcode.Id)\" class=\"font-hass-text text-p_mobile md:text-p_tablet lg:text-p_desktop font-normal text-nevada-500 hover:text-lima-600 text-center cursor-pointer\">{{ postcode.Text }}, {{ postcode.Description }}</button>\n                            <button v-if=\"postcode.Type === 'Address'\" @click=\"selectAddress(postcode.Id)\" class=\"font-hass-text text-p_mobile md:text-p_tablet lg:text-p_desktop font-normal text-nevada-500 hover:text-lima-600 text-center cursor-pointer\">{{ postcode.Text }}, {{ postcode.Description }}</button>\n                        </li>\n                    </template>\n                </ul>\n            </div>\n\n            <div v-if=\"addresses && addresses.length > 0\" class=\"absolute top-8 left-0 flex flex-col w-full h-30 m-0 p-4 bg-white-50 border border-mystic-200 rounded-[32px] z-50\">\n                <ul class=\"w-full h-full overflow-scroll flex flex-col gap-1\">\n                    <template v-for=\"address in addresses\" :key=\"address.Id\">\n                        <li>\n                            <button @click=\"selectAddress(address.Id)\" class=\"font-hass-text text-p_mobile md:text-p_tablet lg:text-p_desktop font-normal text-nevada-500 hover:text-lima-600 text-center cursor-pointer\">{{ address.Text }}, {{ address.Description }}</button>\n                        </li>\n                    </template>\n                </ul>\n            </div>\n\n            <div class=\"form--text | relative top-0 left-0 w-full h-8 flex flex-col z-0 [&.active]:z-20 text-center\" :class=\"[output ? 'active' : 'in-active']\">\n                <FormKit\n                    type=\"hidden\"\n                    name=\"postcode\"\n                    v-model=\"postcode\"\n                />\n                <FormKit\n                    type=\"text\"\n                    name=\"address\"\n                    validation=\"required\"\n                    validation-label=\"Property\"\n                    v-model=\"output\"\n                />\n            </div>\n\n        </div>\n</FormKitLazyProvider>\n\n\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .search {\n        .formkit-outer {\n\n            gap: 16px !important;\n\n            .formkit-wrapper {\n\n                @apply flex flex-col justify-start items-start gap-2 #{!important};\n\n                .formkit-inner {\n                    .formkit-input {\n                        @apply w-full h-8 px-8 font-hass-text text-p_mobile md:text-p_tablet lg:text-p_desktop font-normal text-center capitalize text-nevada-500 bg-white-50 border border-mystic-200 rounded-[32px] #{!important};\n                    }\n                }\n            }\n        }\n    }\n</style>"],"names":["useLoqate","config","useRuntimeConfig","key","getPostcodes","value","text","url","getAddresses","container","getAddress","id","contactNumberValidate","phone","response","output","emailValidate","email","fake","ref","postcodes","addresses","address","postcode","watch","selectAddresses","selectAddress"],"mappings":"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"}