{"version":3,"sources":["webpack:///./src/views/Contact.vue?85e9","webpack:///src/views/Contact.vue","webpack:///./src/views/Contact.vue?5b1c","webpack:///./src/views/Contact.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","contactFormData","isContactFormReady","on","$event","preventDefault","onFormSubmit","model","value","callback","$$v","$set","expression","counties","agreement","_v","emailPending","onSubmitClick","formValid","submitBtnFired","_e","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d210c47.1-2-34-1696585091.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"o-contact\"},[_c('m-title',{attrs:{\"title\":\"Formularz kontaktowy\"}}),_c('div',{staticClass:\"l-row\"},[_c('div',{staticClass:\"l-row__column\"},[(_vm.contactFormData && _vm.isContactFormReady)?_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.onFormSubmit($event)}}},[_c('m-control',{attrs:{\"label\":\"Imię\",\"name\":\"name\",\"placeholder\":\"Imię\"},model:{value:(_vm.contactFormData.name),callback:function ($$v) {_vm.$set(_vm.contactFormData, \"name\", $$v)},expression:\"contactFormData.name\"}}),_c('m-control',{attrs:{\"label\":\"Nazwisko\",\"name\":\"surname\",\"placeholder\":\"Nazwisko\"},model:{value:(_vm.contactFormData.surname),callback:function ($$v) {_vm.$set(_vm.contactFormData, \"surname\", $$v)},expression:\"contactFormData.surname\"}}),_c('m-control',{attrs:{\"label\":\"Nazwa firmy\",\"name\":\"companyName\",\"placeholder\":\"Nazwa firmy\",\"required\":\"\"},model:{value:(_vm.contactFormData.companyName),callback:function ($$v) {_vm.$set(_vm.contactFormData, \"companyName\", $$v)},expression:\"contactFormData.companyName\"}}),_c('m-control',{attrs:{\"type\":\"search\",\"label\":\"Powiat\",\"placeholder\":\"Powiat\",\"name\":\"counties\",\"value\":_vm.contactFormData.counties,\"object\":true,\"multiple\":true},on:{\"input\":function($event){_vm.contactFormData.counties = $event}}}),_c('m-tags',{attrs:{\"value\":_vm.contactFormData.counties}}),_c('m-control',{attrs:{\"label\":\"Ilość hektarów\",\"name\":\"area\",\"placeholder\":\"hektary\"},model:{value:(_vm.contactFormData.area),callback:function ($$v) {_vm.$set(_vm.contactFormData, \"area\", $$v)},expression:\"contactFormData.area\"}}),_c('m-control',{attrs:{\"type\":\"text\",\"id\":\"phone\",\"name\":\"phone\",\"label\":\"Telefon\",\"placeholder\":\"Telefon\"},model:{value:(_vm.contactFormData.phone),callback:function ($$v) {_vm.$set(_vm.contactFormData, \"phone\", $$v)},expression:\"contactFormData.phone\"}}),_c('m-control',{attrs:{\"type\":\"textarea\",\"label\":\"Wiadomość\",\"name\":\"message\",\"placeholder\":\"Wpisz treść\"},model:{value:(_vm.contactFormData.message),callback:function ($$v) {_vm.$set(_vm.contactFormData, \"message\", $$v)},expression:\"contactFormData.message\"}}),_c('div',{staticClass:\"m-control\"},[_c('a-checkbox',{attrs:{\"checked\":_vm.contactFormData.agreement},on:{\"update:checked\":function($event){return _vm.$set(_vm.contactFormData, \"agreement\", $event)}}},[_c('span',{staticClass:\"m-control__label\"},[_vm._v(\" Zgadzam się na przetwarzanie moich danych w celu odpowiedzi na wysłane zapytanie. \"),_c('span',{staticClass:\"requiredStar\"},[_vm._v(\"*\")])])])],1),_c('div',{staticClass:\"l-row\"},[_c('div',{staticClass:\"l-row__column\"},[_c('a-button',{attrs:{\"submit\":\"\",\"type\":\"fullwidth\",\"is-processing\":_vm.emailPending,\"disabled\":_vm.emailPending},on:{\"click\":_vm.onSubmitClick}},[_vm._v(\" Wyślij \")]),(!_vm.formValid && _vm.submitBtnFired)?_c('div',[_c('div',{staticClass:\"o-contact__formError\"},[_vm._v(\" Formularz zawiera błędy \")])]):_vm._e()],1)])],1):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"o-contact\">\r\n        <m-title title=\"Formularz kontaktowy\" />\r\n\r\n        <div class=\"l-row\">\r\n            <div class=\"l-row__column\">\r\n                <form\r\n                    v-if=\"contactFormData && isContactFormReady\"\r\n                    @submit.prevent=\"onFormSubmit\"\r\n                >\r\n                    <m-control\r\n                        label=\"Imię\"\r\n                        name=\"name\"\r\n                        placeholder=\"Imię\"\r\n                        v-model=\"contactFormData.name\"\r\n                    />\r\n\r\n                    <m-control\r\n                        label=\"Nazwisko\"\r\n                        name=\"surname\"\r\n                        placeholder=\"Nazwisko\"\r\n                        v-model=\"contactFormData.surname\"\r\n                    />\r\n\r\n                    <m-control\r\n                        label=\"Nazwa firmy\"\r\n                        name=\"companyName\"\r\n                        placeholder=\"Nazwa firmy\"\r\n                        v-model=\"contactFormData.companyName\"\r\n                        required\r\n                    />\r\n\r\n                    <m-control\r\n                        type=\"search\"\r\n                        label=\"Powiat\"\r\n                        placeholder=\"Powiat\"\r\n                        name=\"counties\"\r\n                        :value=\"contactFormData.counties\"\r\n                        :object=\"true\"\r\n                        :multiple=\"true\"\r\n                        @input=\"contactFormData.counties = $event\"\r\n                    />\r\n                    <m-tags :value=\"contactFormData.counties\" />\r\n\r\n                    <m-control\r\n                        label=\"Ilość hektarów\"\r\n                        name=\"area\"\r\n                        placeholder=\"hektary\"\r\n                        v-model=\"contactFormData.area\"\r\n                    />\r\n                    <m-control\r\n                        type=\"text\"\r\n                        id=\"phone\"\r\n                        name=\"phone\"\r\n                        label=\"Telefon\"\r\n                        placeholder=\"Telefon\"\r\n                        v-model=\"contactFormData.phone\"\r\n                    />\r\n                    <m-control\r\n                        type=\"textarea\"\r\n                        label=\"Wiadomość\"\r\n                        name=\"message\"\r\n                        placeholder=\"Wpisz treść\"\r\n                        v-model=\"contactFormData.message\"\r\n                    />\r\n\r\n                    <div class=\"m-control\">\r\n                        <a-checkbox :checked.sync=\"contactFormData.agreement\">\r\n                            <span class=\"m-control__label\">\r\n                                Zgadzam się na przetwarzanie moich danych w celu\r\n                                odpowiedzi na wysłane zapytanie.\r\n                                <span class=\"requiredStar\">*</span></span\r\n                            >\r\n                        </a-checkbox>\r\n                    </div>\r\n\r\n                    <div class=\"l-row\">\r\n                        <div class=\"l-row__column\">\r\n                            <a-button\r\n                                @click=\"onSubmitClick\"\r\n                                submit\r\n                                type=\"fullwidth\"\r\n                                :is-processing=\"emailPending\"\r\n                                :disabled=\"emailPending\"\r\n                            >\r\n                                Wyślij\r\n                            </a-button>\r\n                            <div v-if=\"!formValid && submitBtnFired\">\r\n                                <div class=\"o-contact__formError\">\r\n                                    Formularz zawiera błędy\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport ACheckbox from '../components/global/ACheckbox.vue'\r\nimport { EmailStatuses } from '../store/contact.module'\r\n\r\nexport default {\r\n    name: 'ContactForm',\r\n    components: { ACheckbox },\r\n    data() {\r\n        return {\r\n            isContactFormReady: false,\r\n            submitBtnFired: false,\r\n            emptyFormData: {\r\n                name: '',\r\n                surname: '',\r\n                companyName: '',\r\n                counties: [],\r\n                area: '',\r\n                message: '',\r\n                phone: '',\r\n                agreement: false\r\n            },\r\n            contactFormData: null\r\n        }\r\n    },\r\n    async mounted() {\r\n        if (!this.userProfile) {\r\n            await this.$store.dispatch('fetchUserProfile')\r\n        }\r\n\r\n        if (this.userProfile) {\r\n            this.emptyFormData.name = this.userProfile.first_name || ''\r\n            this.emptyFormData.surname = this.userProfile.last_name || ''\r\n            this.emptyFormData.phone = this.userProfile.phone || ''\r\n            this.emptyFormData.counties = this.userProfile.counties || ''\r\n        }\r\n\r\n        this.fillFormWithInitialData()\r\n        this.isContactFormReady = true\r\n    },\r\n    computed: {\r\n        userProfile() {\r\n            return this.$store.getters.userProfile\r\n        },\r\n        emailPending() {\r\n            return (\r\n                this.$store.getters['contact/getStatus'] ===\r\n                EmailStatuses.PENDING\r\n            )\r\n        },\r\n        formValid() {\r\n            const { companyName, agreement } = this.contactFormData\r\n            return !!companyName && !!agreement\r\n        }\r\n    },\r\n\r\n    methods: {\r\n        fillFormWithInitialData() {\r\n            this.contactFormData = Object.assign(\r\n                {},\r\n                JSON.parse(JSON.stringify(this.emptyFormData))\r\n            )\r\n        },\r\n        resetForm() {\r\n            this.contactFormData = null\r\n            this.submitBtnFired = false\r\n\r\n            this.$nextTick(() => {\r\n                this.fillFormWithInitialData()\r\n            })\r\n        },\r\n        onSubmitClick() {\r\n            this.submitBtnFired = true\r\n            if (!this.contactFormData.companyName) {\r\n                this.$store.dispatch('addNotification', {\r\n                    type: 'danger',\r\n                    content: 'Uzupełnij nazwę firmy'\r\n                })\r\n                return\r\n            }\r\n            if (!this.contactFormData.agreement) {\r\n                this.$store.dispatch('addNotification', {\r\n                    type: 'danger',\r\n                    content: 'Zaznacz wymaganą zgodę'\r\n                })\r\n            }\r\n        },\r\n        onFormSubmit() {\r\n            if (!this.formValid) return\r\n\r\n            const counties = this.contactFormData.counties.map(e => e.id)\r\n            const formData = Object.assign({}, this.contactFormData)\r\n            formData.counties = { _ids: counties }\r\n\r\n            this.$store\r\n                .dispatch('contact/sendEmail', formData)\r\n                .then(() => {\r\n                    this.$store.dispatch('addNotification', {\r\n                        type: 'success',\r\n                        content: 'Wiadomość została wysłana'\r\n                    })\r\n                    this.resetForm()\r\n                })\r\n                .catch(() => {\r\n                    this.$store.dispatch('addNotification', {\r\n                        type: 'danger',\r\n                        content: 'Wystąpił błąd. Spróbuj ponownie później.'\r\n                    })\r\n                })\r\n        }\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=d619c836&\"\nimport script from \"./Contact.vue?vue&type=script&lang=js&\"\nexport * from \"./Contact.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}