{"version":3,"file":"Contacts-CITOny-N.js","sources":["../../../node_modules/@heroicons/vue/20/solid/esm/CheckCircleIcon.js","../../../node_modules/@heroicons/vue/24/outline/esm/BuildingOfficeIcon.js","../../../node_modules/@heroicons/vue/24/outline/esm/UserGroupIcon.js","../../../resources/js/Pages/Contacts.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 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z\",\n      \"clip-rule\": \"evenodd\"\n    })\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    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21\"\n    })\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    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z\"\n    })\n  ]))\n}","<script setup lang=\"ts\">\nimport { useI18n } from 'vue-i18n'\nimport { useForm } from '@inertiajs/vue3'\nimport Breadcrumbs from '@/Components/Breadcrumbs.vue'\nimport ApplicationHead from '@/Components/Layout/ApplicationHead.vue'\nimport { useHelpers } from '@/Composables/helpers'\nimport { BuildingOfficeIcon, UserGroupIcon } from '@heroicons/vue/24/outline'\nimport FacebookIcon from '@/Components/Icons/FacebookIcon.vue'\nimport InstagramIcon from '@/Components/Icons/InstagramIcon.vue'\nimport Input from '@/Components/Forms/Input.vue'\nimport Textarea from '@/Components/Forms/Textarea.vue'\nimport FormGroup from '@/Components/Forms/FormGroup.vue'\nimport { CheckCircleIcon } from '@heroicons/vue/20/solid'\nimport Button from '@/Components/Button.vue'\nimport { LinkType } from '@enums/link-type.enum'\nimport type ziggyRoute from 'ziggy-js'\nimport { inject } from 'vue'\n\nconst props = defineProps<{\n    honeypot: {\n        enabled: boolean,\n        nameFieldName: string,\n        validFromFieldName: string,\n        encryptedValidFrom: string,\n    },\n    product?: {\n        id: number,\n        sku: string,\n        title: string,\n    },\n}>()\n\n\nconst route = inject<typeof ziggyRoute>('route')\nconst { asset, socialLink } = useHelpers()\nconst { t } = useI18n()\n\nconst form = useForm({\n    [props.honeypot.nameFieldName]: '',\n    [props.honeypot.validFromFieldName]: props.honeypot.encryptedValidFrom,\n    name: '',\n    email: '',\n    message: '',\n})\n\nif (props.product) {\n    form.message = `When will the product be available?\\n\\n${props.product.title} (ID: ${props.product.id}, SKU: ${props.product.sku})`\n}\n\nconst send = () => {\n    form.post(route!('contact'), {\n        onSuccess: () => {\n            form.reset()\n        },\n    })\n}\n</script>\n\n<template>\n    <div>\n        <ApplicationHead :title=\"t('pages.contacts.title')\" :description=\"t('pages.contacts.description')\">\n            <meta property=\"og:type\" content=\"website\">\n            <meta property=\"og:image\" :content=\"asset('/images/social-logo.png')\">\n        </ApplicationHead>\n\n        <Breadcrumbs />\n\n        <section class=\"px-4 py-16 mx-auto max-w-7xl sm:px-6 lg:px-8\">\n            <h1 class=\"text-4xl font-bold tracking-tight text-gray-900\">{{ t('pages.contacts.title') }}</h1>\n            <p class=\"mt-2 text-lg leading-8 text-gray-600\">{{ t('pages.contacts.description') }}</p>\n\n            <div class=\"flex flex-col gap-16 mt-16 sm:gap-y-20 lg:flex-row\">\n                <aside class=\"lg:w-96\">\n                    <div class=\"-my-8 divide-y divide-gray-200\">\n                        <div class=\"py-8\">\n                            <div class=\"flex items-center\">\n                                <BuildingOfficeIcon class=\"w-6 h-6 mr-4 text-indigo-600\" />\n                                <h2 class=\"text-base font-semibold leading-7 text-gray-900\">{{ t('pages.contacts.company') }}</h2>\n                            </div>\n\n                            <p class=\"mt-6 leading-7 text-gray-600\">\n                                Calypso OÜ<br>\n                                Reg. nr: 14794707<br>\n                                KMKR: EE102185506<br><br>\n                                Õismäe tee 57A, Tallinn 13515<br>\n                                Estonia\n                            </p>\n                            <p class=\"mt-4\">\n                                <a href=\"mailto:info@calypso.ee\" class=\"text-sm font-semibold leading-6 text-indigo-600\">info@calypso.ee</a>\n                            </p>\n                        </div>\n\n                        <div class=\"py-8\">\n                            <div class=\"flex items-center\">\n                                <UserGroupIcon class=\"w-6 h-6 mr-4 text-indigo-600\" />\n                                <h2 class=\"text-base font-semibold leading-7 text-gray-900\">{{ t('pages.contacts.follow-us') }}</h2>\n                            </div>\n\n                            <p class=\"mt-6 leading-7 text-gray-600\">{{ t('pages.contacts.follow-us-description') }}</p>\n                            <ul class=\"flex mt-4 -mx-4\">\n                                <li>\n                                    <a class=\"block px-4 py-2 text-gray-600 hover:text-gray-700\" :href=\"socialLink(LinkType.Facebook)\" target=\"blank\" aria-label=\"Facebook\">\n                                        <FacebookIcon class=\"w-4 h-4\" />\n                                    </a>\n                                </li>\n\n                                <li class=\"-ml-4\">\n                                    <a class=\"block px-4 py-2 text-gray-600 hover:text-gray-700\" :href=\"socialLink(LinkType.Instagram)\" target=\"blank\" aria-label=\"Instagram\">\n                                        <InstagramIcon class=\"w-4 h-4\" />\n                                    </a>\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </aside>\n\n                <form action=\"#\" method=\"POST\" class=\"lg:flex-auto\">\n                    <div v-if=\"form.wasSuccessful\" class=\"p-4 mb-6 rounded-md bg-green-50\" role=\"alert\">\n                        <div class=\"flex\">\n                            <div class=\"flex-shrink-0\">\n                                <CheckCircleIcon class=\"w-5 h-5 text-green-400\" aria-hidden=\"true\" />\n                            </div>\n\n                            <div class=\"ml-3\">\n                                <p class=\"text-sm font-medium text-green-800\">{{ $page.props.flash?.alert_message }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div v-if=\"honeypot.enabled\" :name=\"`${honeypot.nameFieldName}_wrap`\" class=\"hidden\">\n                        <input :id=\"honeypot.nameFieldName\" v-model=\"form[honeypot.nameFieldName]\" type=\"text\" :name=\"honeypot.nameFieldName\" />\n                        <input v-model=\"form[honeypot.validFromFieldName]\" type=\"text\" :name=\"honeypot.validFromFieldName\" />\n                    </div>\n\n                    <div class=\"space-y-6\">\n                        <FormGroup :label=\"`${t('pages.contacts.form.name')} *`\" name=\"name\" :error=\"form.errors.name\">\n                            <Input id=\"name\" v-model=\"form.name\" type=\"text\" name=\"name\" class=\"w-full\" />\n                        </FormGroup>\n\n                        <FormGroup :label=\"`${t('pages.contacts.form.email')} *`\" name=\"email\" :error=\"form.errors.email\">\n                            <Input id=\"email\" v-model=\"form.email\" type=\"email\" name=\"email\" class=\"w-full\" />\n                        </FormGroup>\n\n                        <FormGroup :label=\"`${t('pages.contacts.form.message')} *`\" name=\"message\" :error=\"form.errors.message\">\n                            <Textarea id=\"message\" v-model=\"form.message\" name=\"message\" rows=\"4\" class=\"w-full\" />\n                        </FormGroup>\n                    </div>\n\n                    <div class=\"mt-10\">\n                        <Button type=\"button\" class=\"w-full\" :loading=\"form.processing\" @click=\"send\">{{ t('pages.contacts.form.send-message') }}</button>\n                    </div>\n\n                    <p class=\"mt-4 text-sm leading-6 text-gray-500\">{{ t('pages.contacts.form.gdpr-note') }}</p>\n                </form>\n            </div>\n        </section>\n    </div>\n</template>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","route","inject","asset","socialLink","useHelpers","t","useI18n","form","useForm","send"],"mappings":"ihCAEe,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,CAC1B,YAAa,UACb,EAAG,iKACH,YAAa,SACnB,CAAK,CACL,CAAG,CACH,CCde,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,MAChB,OAAQ,eACR,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,uLACT,CAAK,CACL,CAAG,CACH,CChBe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,MAChB,OAAQ,eACR,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,ggBACT,CAAK,CACL,CAAG,CACH,o8CCAA,MAAMC,EAAQC,EAeRC,EAAQC,EAA0B,OAAO,EACzC,CAAE,MAAAC,EAAO,WAAAC,CAAW,EAAIC,EAAW,EACnC,CAAE,EAAAC,GAAMC,IAERC,EAAOC,EAAQ,CACjB,CAACV,EAAM,SAAS,aAAa,EAAG,GAChC,CAACA,EAAM,SAAS,kBAAkB,EAAGA,EAAM,SAAS,mBACpD,KAAM,GACN,MAAO,GACP,QAAS,EAAA,CACZ,EAEGA,EAAM,UACNS,EAAK,QAAU;AAAA;AAAA,EAA0CT,EAAM,QAAQ,KAAK,SAASA,EAAM,QAAQ,EAAE,UAAUA,EAAM,QAAQ,GAAG,KAGpI,MAAMW,EAAO,IAAM,CACVF,EAAA,KAAKP,EAAO,SAAS,EAAG,CACzB,UAAW,IAAM,CACbO,EAAK,MAAM,CACf,CAAA,CACH,CAAA","x_google_ignoreList":[0,1,2]}