{"version":3,"file":"ContactForm-DW07ttNr.js","sources":["../../../node_modules/@heroicons/vue/24/solid/esm/EnvelopeIcon.js","../../../node_modules/@heroicons/vue/24/solid/esm/PhoneIcon.js","../../../resources/js/Pages/Frontend/Partials/use-recaptcha.ts","../../../resources/js/Components/Frontend/Form/FrontendTextAreaInput.vue","../../../resources/js/Components/Frontend/Form/FrontendTextInput.vue","../../../resources/js/Pages/Frontend/Partials/ContactForm.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z\" }),\n    _createElementVNode(\"path\", { d: \"M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z\" })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M1.5 4.5a3 3 0 0 1 3-3h1.372c.86 0 1.61.586 1.819 1.42l1.105 4.423a1.875 1.875 0 0 1-.694 1.955l-1.293.97c-.135.101-.164.249-.126.352a11.285 11.285 0 0 0 6.697 6.697c.103.038.25.009.352-.126l.97-1.293a1.875 1.875 0 0 1 1.955-.694l4.423 1.105c.834.209 1.42.959 1.42 1.82V19.5a3 3 0 0 1-3 3h-2.25C8.552 22.5 1.5 15.448 1.5 6.75V4.5Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import {onMounted, onUnmounted, watch} from 'vue';\nimport {IReCaptchaComposition, useReCaptcha as _useReCaptcha} from 'vue-recaptcha-v3';\n\nexport const useReCaptcha = () => {\n    const {executeRecaptcha, isLoaded, instance, recaptchaLoaded} = _useReCaptcha() as IReCaptchaComposition;\n\n    const showBadge = () => instance.value?.showBadge();\n\n    watch(isLoaded, () => {\n        if (isLoaded) {\n            showBadge();\n        }\n    });\n\n    onMounted(() => {\n        showBadge();\n    });\n\n    onUnmounted(() => {\n        instance.value?.hideBadge();\n    });\n\n    return {\n        isLoaded,\n        executeRecaptcha,\n        recaptchaLoaded,\n    };\n};\n","<script setup>\nimport {onMounted, ref} from 'vue';\n\ndefineProps({\n    name: {\n        type: String,\n        required: true,\n    },\n    modelValue: {\n        type: String,\n        default: null,\n    },\n});\n\ndefineEmits(['update:modelValue']);\n\nconst input = ref(null);\n\nonMounted(() => {\n    if (input.value.hasAttribute('autofocus')) {\n        input.value.focus();\n    }\n});\n\ndefineExpose({focus: () => input.value.focus()});\n</script>\n\n<template>\n    <textarea\n        :id=\"name\"\n        ref=\"input\"\n        :name=\"name\"\n        cols=\"30\"\n        rows=\"6\"\n        class=\"mt-3 w-full border border-black/20 bg-transparent px-4 py-3 text-black/70 outline-none focus:ring-1 focus:ring-secondary focus:border-secondary\"\n        :value=\"modelValue\"\n        @input=\"$emit('update:modelValue', $event.target.value)\" />\n</template>\n","<script setup>\nimport {onMounted, ref} from 'vue';\n\ndefineOptions({\n    inheritAttrs: true,\n});\n\ndefineProps({\n    name: {\n        type: String,\n        required: true,\n    },\n    type: {\n        type: String,\n        default: 'text',\n    },\n    modelValue: {\n        type: String,\n        default: null,\n    },\n});\n\ndefineEmits(['update:modelValue']);\n\nconst input = ref(null);\n\nonMounted(() => {\n    if (input.value.hasAttribute('autofocus')) {\n        input.value.focus();\n    }\n});\n\ndefineExpose({focus: () => input.value.focus()});\n</script>\n\n<template>\n    <input\n        :id=\"name\"\n        ref=\"input\"\n        :type=\"type\"\n        :name=\"name\"\n        class=\"mt-3 w-full border border-black/20 bg-transparent px-4 py-3 text-black/70 outline-none focus:ring-1 focus:ring-secondary focus:border-secondary\"\n        :value=\"modelValue\"\n        @input=\"$emit('update:modelValue', $event.target.value)\" />\n</template>\n","<template>\n    <section id=\"contact\" class=\"relative z-10 bg-gradient-to-b from-white via-white/80 to-white backdrop-blur-3xl\">\n        <div class=\"grid gap-6 lg:grid-cols-3 lg:gap-24\">\n            <div class=\"lg:col-span-2\">\n                <Banner />\n                <form class=\"mx-auto space-y-4 md:space-y-8\" @submit.prevent=\"onFormSubmit\">\n                    <div class=\"grid gap-8 sm:grid-cols-2 sm:gap-4\">\n                        <FrontendFormField\n                            name=\"name\"\n                            :label=\"$t('frontend.contact_form.name')\"\n                            :required=\"true\"\n                            :error-message=\"form.errors.name\">\n                            <FrontendTextInput\n                                v-model=\"form.name\"\n                                name=\"name\"\n                                autocomplete=\"given-name\"\n                                :required=\"true\"\n                                :placeholder=\"$t('frontend.contact_form.name_placeholder')\" />\n                        </FrontendFormField>\n                        <FrontendFormField\n                            name=\"surname\"\n                            :label=\"$t('frontend.contact_form.surname')\"\n                            :required=\"true\"\n                            :error-message=\"form.errors.surname\">\n                            <FrontendTextInput\n                                v-model=\"form.surname\"\n                                name=\"surname\"\n                                autocomplete=\"family-name\"\n                                :required=\"true\"\n                                :placeholder=\"$t('frontend.contact_form.surname_placeholder')\" />\n                        </FrontendFormField>\n                    </div>\n                    <div>\n                        <FrontendFormField\n                            name=\"company\"\n                            :label=\"$t('frontend.contact_form.company')\"\n                            :error-message=\"form.errors.company\">\n                            <FrontendTextInput\n                                v-model=\"form.company\"\n                                name=\"company\"\n                                autocomplete=\"organization\"\n                                :placeholder=\"$t('frontend.contact_form.company_placeholder')\" />\n                        </FrontendFormField>\n                    </div>\n                    <div>\n                        <FrontendFormField\n                            name=\"email\"\n                            :label=\"$t('frontend.contact_form.email')\"\n                            :error-message=\"form.errors.email\"\n                            :required=\"true\">\n                            <FrontendTextInput\n                                v-model=\"form.email\"\n                                name=\"email\"\n                                type=\"email\"\n                                autocomplete=\"email\"\n                                :required=\"true\"\n                                :placeholder=\"$t('frontend.contact_form.email_placeholder')\" />\n                        </FrontendFormField>\n                    </div>\n                    <div>\n                        <FrontendFormField\n                            name=\"message\"\n                            :label=\"$t('frontend.contact_form.message')\"\n                            :error-message=\"form.errors.message\"\n                            :required=\"true\">\n                            <FrontendTextAreaInput\n                                v-model=\"form.message\"\n                                name=\"message\"\n                                :required=\"true\"\n                                :placeholder=\"$t('frontend.contact_form.message_placeholder')\" />\n                        </FrontendFormField>\n                    </div>\n                    <div>\n                        <FrontendFormField name=\"privacy\" :error-message=\"form.errors.privacy\">\n                            <div class=\"flex flex-row items-center\">\n                                <Checkbox\n                                    v-model:checked=\"form.privacy\"\n                                    name=\"privacy\"\n                                    :styled=\"false\"\n                                    :required=\"true\" />\n                                <FrontendInputLabel class=\"ml-2\" name=\"privacy\" :required=\"true\">\n                                    <span\n                                        class=\"text-sm\"\n                                        v-html=\"\n                                            $t('frontend.contact_form.privacy', {\n                                                privacy_url: route('policy.show'),\n                                                site_url: siteDomain,\n                                            })\n                                        \" />\n                                </FrontendInputLabel>\n                            </div>\n                        </FrontendFormField>\n                    </div>\n                    <p v-if=\"form.errors.captcha_token\" class=\"text-error\">\n                        {{ form.errors.captcha_token }}\n                    </p>\n                    <button\n                        type=\"submit\"\n                        :disabled=\"form.processing\"\n                        :class=\"{'opacity-25': form.processing}\"\n                        class=\"group ml-auto flex h-12 w-auto items-center overflow-hidden bg-secondary px-5 transition-all duration-300 hover:bg-primary\">\n                        <span class=\"relative uppercase tracking-wide text-white group-hover:text-secondary\">\n                            {{ $t('frontend.contact_form.send_message') }}\n                        </span>\n                    </button>\n                </form>\n            </div>\n            <div v-if=\"hasCompanyInfo || hasSocialInfo\" class=\"md:mt-8 border border-black/30 text-black p-8 sm:p-12\">\n                <!-- Company Info -->\n                <template v-if=\"hasCompanyInfo\">\n                    <div v-if=\"legalInfo.legal_address\">\n                        <h3 class=\"text-xs font-light uppercase tracking-widest\">\n                            {{ $t('frontend.contact_form.address') }}\n                        </h3>\n                        <p class=\"mt-4\">{{ legalInfo.legal_address }}</p>\n                        <p class=\"mt-4\">\n                            {{ legalInfo.legal_zip }} {{ legalInfo.legal_city }}, {{ legalInfo.legal_country }}\n                        </p>\n                    </div>\n                    <div v-if=\"legalInfo.legal_phone || legalInfo.legal_email\" class=\"mt-16\">\n                        <h3 class=\"text-xs font-light uppercase tracking-widest\">\n                            {{ $t('frontend.contact_form.contact_info') }}\n                        </h3>\n                        <ul class=\"relative z-20 mt-4 space-y-2 font-light\">\n                            <li v-if=\"legalInfo.legal_phone\">\n                                <a :href=\"`tel:${legalInfo.legal_phone}`\" class=\"flex flex-row items-center\">\n                                    <PhoneIcon class=\"w-4 mr-2\" />\n                                    <span>{{ legalInfo.legal_phone }}</span></a\n                                >\n                            </li>\n                            <li v-if=\"legalInfo.legal_email\">\n                                <!-- <a :href=\"`mailto:${legalInfo.legal_email}`\" class=\"flex flex-row items-center\"> -->\n                                <div class=\"flex flex-row items-center\">\n                                    <EnvelopeIcon class=\"w-4 mr-2\" />\n                                    <span>{{ legalInfo.legal_email }}</span>\n                                </div>\n                                <!-- </a> -->\n                            </li>\n                        </ul>\n                    </div>\n                </template>\n                <!-- Social Info -->\n                <div v-if=\"hasSocialInfo\" class=\"mt-16\">\n                    <h3 class=\"text-xs font-light uppercase tracking-widest\">\n                        {{ $t('frontend.contact_form.follow_us') }}\n                    </h3>\n                    <ul class=\"relative z-20 mt-4 space-y-4 font-light\">\n                        <li v-if=\"socialInfo.social_facebook\">\n                            <a :href=\"socialInfo.social_facebook\" target=\"_blank\" class=\"flex flex-row items-center\"\n                                ><FacebookIcon class=\"w-6 mr-2\" alt=\"Facebook\" /><span>Facebook</span></a\n                            >\n                        </li>\n                        <li v-if=\"socialInfo.social_instagram\">\n                            <a :href=\"socialInfo.social_instagram\" target=\"_blank\" class=\"flex flex-row items-center\"\n                                ><InstagramIcon class=\"w-6 mr-2\" alt=\"Instagram\" /><span>Instagram</span></a\n                            >\n                        </li>\n                        <li v-if=\"socialInfo.social_linkedin\">\n                            <a :href=\"socialInfo.social_linkedin\" target=\"_blank\" class=\"flex flex-row items-center\"\n                                ><LinkedInIcon class=\"w-6 mr-2\" alt=\"LinkedIn\" /><span>LinkedIn</span></a\n                            >\n                        </li>\n                        <li v-if=\"socialInfo.social_threads\">\n                            <a :href=\"socialInfo.social_threads\" target=\"_blank\" class=\"flex flex-row items-center\"\n                                ><ThreadsIcon class=\"w-6 mr-2\" alt=\"Threads\" /><span>Threads</span></a\n                            >\n                        </li>\n                        <!-- <li v-if=\"socialInfo.social_twitter\">\n                            <a :href=\"socialInfo.social_twitter\" target=\"_blank\" class=\"flex flex-row items-center\"\n                                ><TwitterIcon class=\"w-6 mr-2\" alt=\"X (Twitter)\" /><span\n                                    >X (Twitter)</span\n                                ></a\n                            >\n                        </li> -->\n                        <li v-if=\"socialInfo.social_youtube\">\n                            <a :href=\"socialInfo.social_youtube\" target=\"_blank\" class=\"flex flex-row items-center\"\n                                ><YouTubeIcon class=\"w-6 mr-2\" alt=\"YouTube\" /><span>YouTube</span></a\n                            >\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </section>\n</template>\n\n<script setup>\nimport {useReCaptcha} from './use-recaptcha';\nimport {computed} from 'vue';\nimport {route as routeFn} from 'ziggy-js';\nimport {useForm} from '@inertiajs/vue3';\nimport {Checkbox} from '@/Components/Form';\nimport {\n    FrontendFormField,\n    FrontendInputLabel,\n    FrontendTextAreaInput,\n    FrontendTextInput,\n} from '@/Components/Frontend/Form';\nimport {Banner} from '@/Components/Messaging';\nimport {FacebookIcon, InstagramIcon, LinkedInIcon, ThreadsIcon, YouTubeIcon} from '@/images/frontend/social_media';\nimport {EnvelopeIcon, PhoneIcon} from '@heroicons/vue/24/solid';\n\nconst props = defineProps({\n    siteDomain: {\n        type: String,\n        required: true,\n    },\n    legalInfo: {\n        type: Object,\n        required: true,\n        default: () => {},\n    },\n    socialInfo: {\n        type: Object,\n        required: true,\n        default: () => {},\n    },\n});\n\nconst form = useForm({\n    name: null,\n    surname: null,\n    company: null,\n    email: null,\n    message: null,\n    privacy: false,\n    captcha_token: null,\n});\n\nconst hasCompanyInfo = computed(() => props.legalInfo && Object.keys(props.legalInfo)?.length);\nconst hasSocialInfo = computed(() => props.socialInfo && Object.keys(props.socialInfo)?.length);\n\nconst {executeRecaptcha, recaptchaLoaded} = useReCaptcha();\nconst onFormSubmit = async () => {\n    await recaptchaLoaded();\n    form.captcha_token = await executeRecaptcha('contact');\n    submit();\n};\n\nfunction submit() {\n    form.clearErrors();\n    form.post(routeFn('contact.store'), {\n        preserveScroll: false,\n        preserveState: true,\n        onSuccess: () => form.reset(),\n    });\n}\n</script>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","useReCaptcha","executeRecaptcha","isLoaded","instance","recaptchaLoaded","_useReCaptcha","showBadge","_a","watch","onMounted","onUnmounted","input","ref","__expose","props","__props","form","useForm","hasCompanyInfo","computed","hasSocialInfo","onFormSubmit","submit","routeFn"],"mappings":"ojBAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAAE,EAAG,6FAA6F,CAAE,EAChIA,EAAoB,OAAQ,CAAE,EAAG,qGAAqG,CAAE,CAC5I,CAAG,CACH,CCXe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,YAAa,UACb,EAAG,6UACH,YAAa,SACnB,CAAK,CACL,CAAG,CACH,CCbO,MAAMC,EAAe,IAAM,CAC9B,KAAM,CAAC,iBAAAC,EAAkB,SAAAC,EAAU,SAAAC,EAAU,gBAAAC,CAAA,EAAmBC,IAE1DC,EAAY,IAAM,OAAA,OAAAC,EAAAJ,EAAS,QAAT,YAAAI,EAAgB,aAExC,OAAAC,EAAMN,EAAU,IAAM,CACdA,GACUI,GACd,CACH,EAEDG,EAAU,IAAM,CACFH,GAAA,CACb,EAEDI,EAAY,IAAM,QACdH,EAAAJ,EAAS,QAAT,MAAAI,EAAgB,WAAU,CAC7B,EAEM,CACH,SAAAL,EACA,iBAAAD,EACA,gBAAAG,CAAA,CAER,glCCXA,MAAMO,EAAQC,EAAI,IAAI,EAEtB,OAAAH,EAAU,IAAM,CACRE,EAAM,MAAM,aAAa,WAAW,GACpCA,EAAM,MAAM,OAEpB,CAAC,EAEDE,EAAa,CAAC,MAAO,IAAMF,EAAM,MAAM,MAAO,CAAA,CAAC,slBCA/C,MAAMA,EAAQC,EAAI,IAAI,EAEtB,OAAAH,EAAU,IAAM,CACRE,EAAM,MAAM,aAAa,WAAW,GACpCA,EAAM,MAAM,OAEpB,CAAC,EAEDE,EAAa,CAAC,MAAO,IAAMF,EAAM,MAAM,MAAO,CAAA,CAAC,wsDC0K/C,MAAMG,EAAQC,EAiBRC,EAAOC,EAAQ,CACjB,KAAM,KACN,QAAS,KACT,QAAS,KACT,MAAO,KACP,QAAS,KACT,QAAS,GACT,cAAe,IACnB,CAAC,EAEKC,EAAiBC,EAAS,WAAM,OAAAL,EAAM,aAAaP,EAAA,OAAO,KAAKO,EAAM,SAAS,IAA3B,YAAAP,EAA8B,QAAM,EACvFa,EAAgBD,EAAS,WAAM,OAAAL,EAAM,cAAcP,EAAA,OAAO,KAAKO,EAAM,UAAU,IAA5B,YAAAP,EAA+B,QAAM,EAExF,CAAC,iBAAAN,EAAkB,gBAAAG,CAAe,EAAIJ,IACtCqB,EAAe,SAAY,CAC7B,MAAMjB,EAAe,EACrBY,EAAK,cAAgB,MAAMf,EAAiB,SAAS,EACrDqB,GACJ,EAEA,SAASA,GAAS,CACdN,EAAK,YAAW,EAChBA,EAAK,KAAKO,EAAQ,eAAe,EAAG,CAChC,eAAgB,GAChB,cAAe,GACf,UAAW,IAAMP,EAAK,MAAO,CACrC,CAAK,CACL","x_google_ignoreList":[0,1]}