{"version":3,"sources":["webpack:///./src/pages/sto/callback.vue?cee8","webpack:///./src/pages/sto/callback.vue?8cf3","webpack:///src/pages/sto/callback.vue","webpack:///./src/pages/sto/callback.vue?c39c","webpack:///./src/pages/sto/callback.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","sended","key","_s","errorMessages","name","directives","rawName","value","expression","domProps","on","$event","target","composing","userName","phoneTranslations","model","callback","$$v","phone","submit","requestStatus","_e","_m","staticRenderFns","data","year","Date","getFullYear","yearsOptions","index","push","toString","smartToken","countrySelectorLabel","countrySelectorError","phoneNumberLabel","example","methods","showError","field","message","component"],"mappings":"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","file":"js/chunk-764a5708.07bf63b6.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./callback.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content sto-callback-page\"},[_c('div',{staticClass:\"content__title text_40_b\"},[_vm._v(\"Заказ звонка\")]),_c('div',{staticClass:\"form\"},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(!_vm.sended)?_c('div',{key:\"1\",staticClass:\"form__content\"},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-field form-field--wide\"},[_c('div',{staticClass:\"form-field__label\"},[_vm._v(\" Ваше имя: \"),_c('span',{staticClass:\"error\"},[_vm._v(_vm._s(_vm.errorMessages.name))])]),_c('div',{staticClass:\"form-field__component\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userName),expression:\"userName\"}],staticClass:\"form-group__input\",attrs:{\"type\":\"text\",\"required\":\"\"},domProps:{\"value\":(_vm.userName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.userName=$event.target.value}}})])])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-field form-field--wide\"},[_c('div',{staticClass:\"form-field__label\"},[_vm._v(\"Ваш телефон:\")]),_c('div',{staticClass:\"form-field__component\"},[_c('vue-phone-number-input',{attrs:{\"no-flags\":\"\",\"preferred-countries\":['RU'],\"translations\":_vm.phoneTranslations},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}})],1)])]),_c('div',{staticClass:\"form-group form-group--lg-offset\"},[_c('div',{staticClass:\"form-field form-field--centered\"},[_c('div',{staticClass:\"button button--blue\",on:{\"click\":function($event){return _vm.submit()}}},[_vm._v(\" Отправить \"),(_vm.requestStatus === 'loading')?_c('div',{staticClass:\"loader\"}):_vm._e()])])]),(_vm.requestStatus === 'error')?_c('div',{staticClass:\"text_24_b tac submit-error\"},[_vm._v(\" Произошла ошибка отправки формы, \"),_c('br'),_vm._v(\"позвоните по номеру телефона \"),_c('a',{attrs:{\"href\":\"tel:+78482713013\"}},[_vm._v(\"8 (8482) 713 - 013\")])]):_vm._e()]):_c('div',{key:\"2\",staticClass:\"form__content\"},[_c('div',{staticClass:\"text_24_b tac\"},[_vm._v(\"Заявка отправлена, менеджер свяжется с вами в ближайшее время\")])])]),_vm._m(0)],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form__footer text_12\"},[_vm._v(\" Отправляя данную форму, я даю согласие на \"),_c('a',{attrs:{\"href\":\"https://arlan-auto.ru/public-oferta\",\"target\":\"_blank\"}},[_vm._v(\"обработку персональных данных\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"content sto-callback-page\">\n        <div class=\"content__title text_40_b\">Заказ звонка</div>\n        <div class=\"form\">\n            <transition name=\"fade\" mode=\"out-in\">\n                <div v-if=\"!sended\" key=\"1\" class=\"form__content\">\n                    <div class=\"form-group\">\n                        <div class=\"form-field form-field--wide\">\n                            <div class=\"form-field__label\">\n                                Ваше имя: <span class=\"error\">{{ errorMessages.name }}</span>\n                            </div>\n                            <div class=\"form-field__component\">\n                                <input class=\"form-group__input\" type=\"text\" required v-model=\"userName\" />\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"form-group\">\n                        <div class=\"form-field form-field--wide\">\n                            <div class=\"form-field__label\">Ваш телефон:</div>\n                            <div class=\"form-field__component\">\n                                <vue-phone-number-input\n                                    no-flags\n                                    :preferred-countries=\"['RU']\"\n                                    :translations=\"phoneTranslations\"\n                                    v-model=\"phone\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"form-group form-group--lg-offset\">\n                        <div class=\"form-field form-field--centered\">\n                            <div class=\"button button--blue\" @click=\"submit()\">\n                                Отправить\n                                <div class=\"loader\" v-if=\"requestStatus === 'loading'\"></div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"text_24_b tac submit-error\" v-if=\"requestStatus === 'error'\">\n                        Произошла ошибка отправки формы, <br />позвоните по номеру телефона\n                        <a href=\"tel:+78482713013\">8 (8482) 713 - 013</a>\n                    </div>\n                </div>\n                <div class=\"form__content\" key=\"2\" v-else>\n                    <div class=\"text_24_b tac\">Заявка отправлена, менеджер свяжется с вами в ближайшее время</div>\n                </div>\n            </transition>\n            <div class=\"form__footer text_12\">\n                Отправляя данную форму, я даю согласие на\n                <a href=\"https://arlan-auto.ru/public-oferta\" target=\"_blank\">обработку персональных данных</a>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\n// import axios from \"axios\";\nexport default {\n    name: \"Index\",\n    data() {\n        const year = new Date().getFullYear();\n        const yearsOptions = [];\n\n        for (let index = 1991; index <= year; index++) {\n            yearsOptions.push({ name: index.toString(), value: index.toString() });\n        }\n        return {\n            requestStatus: \"\",\n            sended: false,\n            errorMessages: {\n                name: \"\",\n            },\n            userName: \"\",\n            phone: \"\",\n            smartToken: \"\",\n            phoneTranslations: {\n                countrySelectorLabel: \"Код\",\n                countrySelectorError: \"Ошибка\",\n                phoneNumberLabel: \"Номер телефона\",\n                example: \"Например:\",\n            },\n        };\n    },\n    methods: {\n        showError(field) {\n            let message = \"заполните это поле\";\n            if (field == \"name\") {\n                message = \"заполните имя\";\n            }\n            this.errorMessages[field] = message;\n        },\n        async submit() {\n            return false;\n\n            // if (!this.userName) {\n            //     this.showError(\"name\");\n            //     return false;\n            // }\n\n            // this.requestStatus = \"loading\";\n            // window.smartCaptcha.execute();\n            // setTimeout(async () => {\n            //     this.smartToken = window.smartCaptcha.getResponse();\n            //     if (!this.smartToken) {\n            //         console.error(`не получен токен капчи =>`);\n            //         this.requestStatus = \"error\";\n            //         return;\n            //     }\n            //     axios.defaults.withCredentials = true;\n            //     axios\n            //         .get(\"https://api.arlan-auto.ru/api/v1/csrf_token\")\n            //         .then(() => {\n            //             axios\n            //                 .post(\"https://api.arlan-auto.ru/api/v1/amo/create/lead/sto/form-callback\", {\n            //                     name: this.userName,\n            //                     phone: \"+7 \" + this.phone,\n            //                     \"smart-token\": this.smartToken,\n            //                 })\n            //                 .then(() => {\n            //                     this.sended = true;\n            //                     this.requestStatus = \"\";\n            //                 })\n            //                 .catch((e) => {\n            //                     console.log(`e =>`, e);\n            //                     this.requestStatus = \"error\";\n            //                 });\n            //         })\n            //         .catch((e) => {\n            //             console.log(`e =>`, e);\n            //             this.requestStatus = \"error\";\n            //         });\n            // }, 300);\n        },\n    },\n};\n</script>\n<style lang=\"less\">\n@import url(\"../../assets/less/vars.less\");\n.sto-callback-page {\n    width: 60%;\n    margin: 0 auto;\n    margin-top: 60px;\n    @media @sm {\n        width: 100%;\n        margin-top: 20px;\n    }\n    .form__content {\n        padding-top: 64px;\n        @media @sm {\n            padding-top: 32px;\n        }\n    }\n}\n</style>\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!./callback.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!./callback.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./callback.vue?vue&type=template&id=0ab7fcde&\"\nimport script from \"./callback.vue?vue&type=script&lang=js&\"\nexport * from \"./callback.vue?vue&type=script&lang=js&\"\nimport style0 from \"./callback.vue?vue&type=style&index=0&lang=less&\"\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":""}