{"version":3,"mappings":";kpCAUM,MAAE,EAAAA,GAAMC,IACR,CAAE,UAAAC,GAAcC,IAKhB,CAAE,QAAAC,CAAQ,GAAU,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,GAAoB,wBAAyB,EAAK,oBAEtEC,EAAUC,EAAI,EAAK,EACnBC,EAAOD,EAAI,EAAK,EAChBE,EAAeF,EAAmB,IAAI,EACtCG,EAAcH,EAAoB,CACpC,MAAO,GACP,UAAW,GACX,SAAU,GACV,SAAU,GACV,YAAa,GACb,0BAA2B,GAC3B,gBAAiB,GACjB,SAAU,YACV,YAAa,YACb,YAAa,OACb,OAAQ,OACR,UAAW,GACX,QAAS,GACT,YAAa,GAChB,EACKI,EAAoBJ,EAAsD,CAC5E,MAAO,OACP,UAAW,OACX,SAAU,OACV,SAAU,OACV,YAAa,OACb,0BAA2B,OAC3B,gBAAiB,OACjB,SAAU,OACV,YAAa,OACb,YAAa,OACb,OAAQ,OACR,UAAW,OACX,QAAS,OACT,YAAa,OAChB,EACK,CAAE,cAAAK,GAAkBC,KAEpBC,EAAW,MAAOC,GAAiB,CACrCA,EAAM,eAAe,EACrBT,EAAQ,MAAQ,GACJU,IAER,IACM,MAAAC,EAAQ,MAAML,EAAc,kBAAkB,EACpD,MAAMb,EAAU,qBAAsB,CAClC,OAAQ,OACR,KAAM,KAAK,UAAUW,EAAY,KAAK,EACtC,MAAO,CACH,uBAAwBO,CAC5B,EACH,EACDX,EAAQ,MAAQ,GAChBE,EAAK,MAAQ,SAEVU,EAAgB,CAEd,GADLZ,EAAQ,MAAQ,GACXY,EAAqB,SAAW,IAEpBT,EAAA,MAAQZ,EAAE,8BAA8B,UAE/CqB,EAAqB,SAAW,IAAK,CAC3C,MAAMC,EAAcD,EAAqB,KACrC,GAAAC,EAAW,OAAO,IAAM,0BACb,UAAAC,KAAaD,EAAW,WAAY,CACvC,IAACC,EAAU,aAAc,CACzBX,EAAa,MAAQW,EAAU,QAC/B,QACJ,CACI,GAAAA,EAAU,eAAiB,uBAAwB,CACnDX,EAAa,MAAQW,EAAU,QAC/B,QACJ,CACAT,EAAkB,MAAMS,EAAU,YAAsB,EAAIA,EAAU,OAC1E,CAER,CACJ,GAEEJ,EAAc,IAAM,CACtBP,EAAa,MAAQ,KACrBE,EAAkB,MAAQ,CACtB,MAAO,OACP,UAAW,OACX,SAAU,OACV,SAAU,OACV,YAAa,OACb,0BAA2B,OAC3B,gBAAiB,OACjB,SAAU,OACV,YAAa,OACb,YAAa,OACb,OAAQ,OACR,UAAW,OACX,QAAS,OACT,YAAa,OACjB,EAEEU,EAAYC,EAAS,IAAM,CAC7B,GAAIb,EAAa,MACN,SAEX,UAAWS,KAAS,OAAO,OAAOP,EAAkB,KAAK,EACrD,GAAIO,EACO,SAGR,SACV,EAEKK,EAAYD,EAAS,WAAM,QAAAE,EAAAvB,EAAQ,QAAR,YAAAuB,EAAe,QAAS3B,EAAE,uBAAuB,EAAC,EAC7E4B,EAAWH,EAAS,WAAM,QAAAE,EAAAvB,EAAQ,QAAR,YAAAuB,EAAe,OAAQ3B,EAAE,gBAAgB,EAAC,EAEpE,CAAE,WAAA6B,EAAY,WAAAC,EAAe,EAAAC,EAAe3B,EAAS,CAAE,MAAOJ,EAAE,uBAAuB,EAAG,EAEhG,OAAAgC,EAAWH,CAAU","names":["t","useI18n","$apiFetch","useNuxtApp","webPage","__temp","__restore","_withAsyncContext","useAsyncWebPageData","pending","ref","sent","errorMessage","contactForm","contactFormErrors","loadRecaptcha","useRecaptchaLoaded","onSubmit","event","resetErrors","token","error","violations","violation","hasErrors","computed","pageTitle","_a","pageText","metaClient","metaServer","usePageSeoMeta","useSeoMeta"],"ignoreList":[],"sources":["../../../../pages/espace-professionnels/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { FetchError } from 'ofetch'\nimport type { ConstraintViolationList } from '~/types/api'\nimport { InternalRouteName } from '~/constants/internal-route-name'\n\ndefinePageMeta({\n    layout: false,\n    name: InternalRouteName.PRO_INDEX,\n})\n\nconst { t } = useI18n()\nconst { $apiFetch } = useNuxtApp()\n\n/*\n * Find existing CMS page to complete the form\n */\nconst { webPage } = await useAsyncWebPageData('espace-professionnels', false)\n\nconst pending = ref(false)\nconst sent = ref(false)\nconst errorMessage = ref<string | null>(null)\nconst contactForm = ref<ProContactForm>({\n    email: '',\n    firstName: '',\n    lastName: '',\n    jobTitle: '',\n    companyName: '',\n    companyRegistrationNumber: '',\n    addressLocality: '',\n    duration: '1-30 days',\n    contactType: 'telephone',\n    vehicleType: undefined,\n    agency: undefined,\n    telephone: '',\n    message: '',\n    gdprConsent: false,\n})\nconst contactFormErrors = ref<Record<keyof ProContactForm, string | undefined>>({\n    email: undefined,\n    firstName: undefined,\n    lastName: undefined,\n    jobTitle: undefined,\n    companyName: undefined,\n    companyRegistrationNumber: undefined,\n    addressLocality: undefined,\n    duration: undefined,\n    contactType: undefined,\n    vehicleType: undefined,\n    agency: undefined,\n    telephone: undefined,\n    message: undefined,\n    gdprConsent: undefined,\n})\nconst { loadRecaptcha } = useRecaptchaLoaded()\n\nconst onSubmit = async (event: Event) => {\n    event.preventDefault()\n    pending.value = true\n    resetErrors()\n\n    try {\n        const token = await loadRecaptcha('pro_contact_form')\n        await $apiFetch('/pro_contact_forms', {\n            method: 'POST',\n            body: JSON.stringify(contactForm.value),\n            query: {\n                'g-recaptcha-response': token,\n            },\n        })\n        pending.value = false\n        sent.value = true\n    }\n    catch (error: unknown) {\n        pending.value = false\n        if ((error as FetchError).status === 429) {\n            // User not found, redirect to sign in page\n            errorMessage.value = t('too_many_form_submit_attempt')\n        }\n        else if ((error as FetchError).status === 422) {\n            const violations = (error as FetchError).data as ConstraintViolationList\n            if (violations['@type'] === 'ConstraintViolationList') {\n                for (const violation of violations.violations) {\n                    if (!violation.propertyPath) {\n                        errorMessage.value = violation.message\n                        continue\n                    }\n                    if (violation.propertyPath === 'g-recaptcha-response') {\n                        errorMessage.value = violation.message\n                        continue\n                    }\n                    contactFormErrors.value[violation.propertyPath as string] = violation.message\n                }\n            }\n        }\n    }\n}\nconst resetErrors = () => {\n    errorMessage.value = null\n    contactFormErrors.value = {\n        email: undefined,\n        firstName: undefined,\n        lastName: undefined,\n        jobTitle: undefined,\n        companyName: undefined,\n        companyRegistrationNumber: undefined,\n        addressLocality: undefined,\n        duration: undefined,\n        contactType: undefined,\n        vehicleType: undefined,\n        agency: undefined,\n        telephone: undefined,\n        message: undefined,\n        gdprConsent: undefined,\n    }\n}\nconst hasErrors = computed(() => {\n    if (errorMessage.value) {\n        return true\n    }\n    for (const error of Object.values(contactFormErrors.value)) {\n        if (error) {\n            return true\n        }\n    }\n    return false\n})\n\nconst pageTitle = computed(() => webPage.value?.title || t('pages.pro.index.title'))\nconst pageText = computed(() => webPage.value?.text || t('pages.pro.text'))\n\nconst { metaClient, metaServer } = usePageSeoMeta(webPage, { title: t('pages.pro.index.title') })\n\nuseSeoMeta(metaClient)\nuseServerSeoMeta(metaServer)\nuseCacheControl({\n    maxAge: 60 * 5, // 5 minutes\n    sMaxAge: 60 * 15, // 15 minutes\n    staleWhileRevalidate: 60 * 15,\n    public: true,\n})\n</script>\n\n<template>\n    <NuxtLayout name=\"default\">\n        <template #header>\n            <VWebPageHeader\n                :web-page=\"webPage\"\n                :title=\"pageTitle\"\n                img-src=\"/car-filigrane.webp\"\n                layout=\"gradient-mask\"\n            />\n        </template>\n        <template #default>\n            <VColumnedContent class=\"main-content-width--mobile-wider\">\n                <template #aside>\n                    <VAsideHead />\n                    <VMarkdown :content=\"pageText\" />\n                </template>\n                <template #default>\n                    <VPageStructuredData\n                        :web-page=\"webPage\"\n                        :title=\"pageTitle\"\n                    />\n                    <form\n                        v-if=\"!sent\"\n                        :class=\"[hasErrors && $style['has-errors'], $style.form]\"\n                        @submit=\"onSubmit\"\n                    >\n                        <div class=\"horizontal-input-group\">\n                            <VInput\n                                id=\"form_firstname\"\n                                v-model=\"contactForm.firstName\"\n                                :label=\"t('firstName')\"\n                                :error=\"contactFormErrors.firstName\"\n                                type=\"text\"\n                                autocomplete=\"given-name\"\n                                required\n                                :disabled=\"pending\"\n                            />\n                            <VInput\n                                id=\"form_lastname\"\n                                v-model=\"contactForm.lastName\"\n                                :label=\"t('lastName')\"\n                                :error=\"contactFormErrors.lastName\"\n                                type=\"text\"\n                                autocomplete=\"family-name\"\n                                required\n                                :disabled=\"pending\"\n                            />\n                        </div>\n                        <div class=\"horizontal-input-group\">\n                            <VInput\n                                id=\"form_company_name\"\n                                v-model=\"contactForm.companyName\"\n                                :label=\"t('companyName')\"\n                                :error=\"contactFormErrors.companyName\"\n                                type=\"text\"\n                                autocomplete=\"company-name\"\n                                required\n                                :disabled=\"pending\"\n                            />\n                            <VInput\n                                id=\"form_job_title\"\n                                v-model=\"contactForm.jobTitle\"\n                                :label=\"t('jobTitle')\"\n                                :error=\"contactFormErrors.jobTitle\"\n                                type=\"text\"\n                                required\n                                :disabled=\"pending\"\n                            />\n                        </div>\n                        <VInput\n                            id=\"form_company_registration_number\"\n                            v-model=\"contactForm.companyRegistrationNumber\"\n                            :label=\"t('company_registration_number')\"\n                            :error=\"contactFormErrors.companyRegistrationNumber\"\n                            type=\"text\"\n                            autocomplete=\"company-registration-number\"\n                            required\n                            :disabled=\"pending\"\n                        />\n\n                        <VInput\n                            id=\"form_email\"\n                            v-model=\"contactForm.email\"\n                            :label=\"t('email_address')\"\n                            :error=\"contactFormErrors.email\"\n                            type=\"email\"\n                            autocomplete=\"email\"\n                            required\n                            :disabled=\"pending\"\n                        />\n                        <div class=\"horizontal-input-group\">\n                            <VInput\n                                id=\"form_telephone\"\n                                v-model=\"contactForm.telephone\"\n                                :label=\"t('telephone')\"\n                                :error=\"contactFormErrors.telephone\"\n                                type=\"tel\"\n                                required\n                                autocomplete=\"tel\"\n                                :disabled=\"pending\"\n                            />\n\n                            <VInput\n                                id=\"form_address_locality\"\n                                v-model=\"contactForm.addressLocality\"\n                                :label=\"t('address_locality')\"\n                                :error=\"contactFormErrors.addressLocality\"\n                                type=\"text\"\n                                autocomplete=\"city\"\n                                required\n                                :disabled=\"pending\"\n                            />\n                        </div>\n                        <VAgencySelect\n                            id=\"agency\"\n                            v-model=\"contactForm.agency\"\n                            :error=\"contactFormErrors.agency\"\n                            value-field=\"@id\"\n                            :label=\"t('select_agency')\"\n                        />\n\n                        <hr>\n\n                        <div class=\"horizontal-input-group\">\n                            <VInput\n                                id=\"contact_by_email\"\n                                horizontal\n                                :label=\"t('preferred_contact_type.email')\"\n                                :error=\"contactFormErrors.contactType\"\n                                :disabled=\"pending\"\n                            >\n                                <input\n                                    id=\"contact_by_email\"\n                                    v-model=\"contactForm.contactType\"\n                                    :disabled=\"pending\"\n                                    required\n                                    value=\"email\"\n                                    type=\"radio\"\n                                    name=\"contact_by\"\n                                >\n                            </VInput>\n                            <VInput\n                                id=\"contact_by_telephone\"\n                                horizontal\n                                :label=\"t('preferred_contact_type.telephone')\"\n                                :error=\"contactFormErrors.contactType\"\n                                :disabled=\"pending\"\n                            >\n                                <input\n                                    id=\"contact_by_telephone\"\n                                    v-model=\"contactForm.contactType\"\n                                    :disabled=\"pending\"\n                                    required\n                                    value=\"telephone\"\n                                    type=\"radio\"\n                                    name=\"contact_by\"\n                                >\n                            </VInput>\n                        </div>\n\n                        <hr>\n\n                        <VInput\n                            id=\"contact_vehicle_type\"\n                            :label=\"t('form.vehicle_type')\"\n                            :error=\"contactFormErrors.vehicleType\"\n                            required\n                            :disabled=\"pending\"\n                        >\n                            <select\n                                id=\"contact_vehicle_type\"\n                                v-model=\"contactForm.vehicleType\"\n                                name=\"vehicle_type\"\n                            >\n                                <option :value=\"undefined\">\n                                    {{ t('form.vehicle_type_options.choose') }}\n                                </option>\n                                <option value=\"car\">\n                                    {{ t('form.vehicle_type_options.car') }}\n                                </option>\n                                <option value=\"utility\">\n                                    {{ t('form.vehicle_type_options.utility') }}\n                                </option>\n                                <option value=\"refrigerated\">\n                                    {{ t('form.vehicle_type_options.refrigerated') }}\n                                </option>\n                                <option value=\"minibus\">\n                                    {{ t('form.vehicle_type_options.minibus') }}\n                                </option>\n                            </select>\n                        </VInput>\n\n                        <VInput\n                            id=\"form_message\"\n                            v-model=\"contactForm.message\"\n                            :label=\"t('pro.vehicle_wanted')\"\n                            :error=\"contactFormErrors.message\"\n                            type=\"textarea\"\n                            required\n                            :disabled=\"pending\"\n                        />\n\n                        <div\n                            class=\"horizontal-input-group\"\n                            :class=\"$style['rental-duration']\"\n                        >\n                            <VInput\n                                id=\"duration_1_month\"\n                                horizontal\n                                :label=\"t('duration.1_month')\"\n                                :error=\"contactFormErrors.duration\"\n                                :disabled=\"pending\"\n                            >\n                                <input\n                                    id=\"duration_1_month\"\n                                    v-model=\"contactForm.duration\"\n                                    :disabled=\"pending\"\n                                    required\n                                    value=\"1-30 days\"\n                                    type=\"radio\"\n                                    name=\"rental_duration\"\n                                >\n                            </VInput>\n                            <VInput\n                                id=\"duration_1_12_months\"\n                                horizontal\n                                :label=\"t('duration.1_12_months')\"\n                                :error=\"contactFormErrors.duration\"\n                                :disabled=\"pending\"\n                            >\n                                <input\n                                    id=\"duration_1_12_months\"\n                                    v-model=\"contactForm.duration\"\n                                    :disabled=\"pending\"\n                                    required\n                                    value=\"2-12 months\"\n                                    type=\"radio\"\n                                    name=\"rental_duration\"\n                                >\n                            </VInput>\n                            <VInput\n                                id=\"duration_plus_12_months\"\n                                horizontal\n                                :label=\"t('duration.plus_12_months')\"\n                                :error=\"contactFormErrors.duration\"\n                                :disabled=\"pending\"\n                            >\n                                <input\n                                    id=\"duration_plus_12_months\"\n                                    v-model=\"contactForm.duration\"\n                                    :disabled=\"pending\"\n                                    required\n                                    value=\"+12 months\"\n                                    type=\"radio\"\n                                    name=\"rental_duration\"\n                                >\n                            </VInput>\n                        </div>\n\n                        <VInput\n                            id=\"form_gdpr_consent\"\n                            v-model=\"contactForm.gdprConsent\"\n                            horizontal\n                            :label=\"t('contact_form.gdpr_consent')\"\n                            :error=\"contactFormErrors.gdprConsent\"\n                            required\n                            :disabled=\"pending\"\n                            type=\"checkbox\"\n                            separator\n                        />\n\n                        <div :class=\"$style.form__bottom\">\n                            <LazyVSnackbar\n                                v-if=\"errorMessage\"\n                                type=\"error\"\n                                :message=\"errorMessage\"\n                            />\n                            <LazyVSnackbar\n                                v-if=\"hasErrors\"\n                                type=\"error\"\n                                :title=\"$t('form_was_not_sent')\"\n                                :message=\"$t('form_contains_errors')\"\n                            />\n                            <VButton\n                                size=\"xl\"\n                                filled\n                                :loading=\"pending\"\n                                theme=\"yellow\"\n                                type=\"submit\"\n                                :label=\"t('form.button.label')\"\n                            />\n                        </div>\n                    </form>\n\n                    <VNotificationContent\n                        v-else\n                        :title=\"$t('form_was_sent')\"\n                        icon-name=\"paperplane\"\n                        :content=\"$t('pages.pro.index.thank_you')\"\n                    />\n                </template>\n            </VColumnedContent>\n        </template>\n    </NuxtLayout>\n</template>\n\n<style lang=\"scss\" module>\n.form {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-2-xs);\n\n    @include media('>=lg') {\n        max-width: max(var(--form-max-width), 70%);\n    }\n}\n\n.rental-duration {\n    margin-block: rem(8) rem(12);\n}\n\n.form__bottom {\n    margin-top: rem(32 - 16);\n}\n</style>\n"],"file":"_nuxt/DXkkTBZx.js"}