{"version":3,"sources":["webpack:///./src/pages/Contato.vue","webpack:///src/pages/Contato.vue","webpack:///./src/pages/Contato.vue?ced8","webpack:///./src/pages/Contato.vue?ae69","webpack:///./src/pages/Contato.vue?3868"],"names":["render","_vm","this","_c","_self","staticClass","domProps","_s","$config","strings","attrs","errors","nome","on","$event","resetarErro","model","value","callback","$$v","expression","directives","name","rawName","telefone","email","mensagem","colors","primary","enviar","ref","scopedSlots","_u","key","fn","proxy","loading","staticRenderFns","mask","components","TInput","TButton","TDialog","TLoading","data","methods","_objectSpread","resetarInputs","_this","forEach","$data","validar","_this2","validations","v","test","every","element","document","getElementById","concat","input","getElementsByClassName","validation","error","$set","focus","resetarTodosOsErros","_this3","t","setTimeout","postContato","then","$refs","dialog","open","catch","console","log","errorDialog","finally","clearTimeout","mapActions","component"],"mappings":"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","file":"js/chunk-6973686a.acddb3ba.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-contato\"},[_c('h1',{staticClass:\"page-title\",domProps:{\"innerHTML\":_vm._s(_vm.$config.strings['contact-title'])}}),_c('div',{staticClass:\"input-container\"},[_c('t-input',{attrs:{\"id\":\"input-nome\",\"label\":_vm.$config.strings['contact-formField-name-1'],\"error\":_vm.errors.nome},on:{\"input\":function($event){return _vm.resetarErro('nome')}},model:{value:(_vm.nome),callback:function ($$v) {_vm.nome=$$v},expression:\"nome\"}}),_c('t-input',{directives:[{name:\"mask\",rawName:\"v-mask\",value:(['(##) ####-####', '(##) #####-####']),expression:\"['(##) ####-####', '(##) #####-####']\"}],attrs:{\"id\":\"input-telefone\",\"label\":_vm.$config.strings['contact-formField-name-3'],\"type\":\"tel\",\"error\":_vm.errors.telefone},on:{\"input\":function($event){return _vm.resetarErro('telefone')}},model:{value:(_vm.telefone),callback:function ($$v) {_vm.telefone=$$v},expression:\"telefone\"}}),_c('t-input',{attrs:{\"id\":\"input-email\",\"label\":_vm.$config.strings['contact-formField-name-2'],\"type\":\"email\",\"error\":_vm.errors.email},on:{\"input\":function($event){return _vm.resetarErro('email')}},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1),_c('t-input',{attrs:{\"id\":\"input-mensagem\",\"area\":true,\"label\":_vm.$config.strings['contact-formField-name-4'],\"error\":_vm.errors.mensagem},on:{\"input\":function($event){return _vm.resetarErro('mensagem')}},model:{value:(_vm.mensagem),callback:function ($$v) {_vm.mensagem=$$v},expression:\"mensagem\"}}),_c('div',{staticClass:\"btn-enviar-container\"},[_c('t-button',{attrs:{\"background-color\":_vm.$config.colors.primary,\"color\":_vm.$config.colors.on.primary,\"size\":'lg'},domProps:{\"innerHTML\":_vm._s(_vm.$config.strings['contact-formField-btn'])},on:{\"click\":_vm.enviar}})],1),_c('t-dialog',{ref:\"dialog\",attrs:{\"fullscreen\":false},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$config.strings['contact-formField-success-title'])}})]},proxy:true},{key:\"text\",fn:function(){return [_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$config.strings['contact-formField-success-description'])}})]},proxy:true}])}),_c('t-dialog',{ref:\"errorDialog\",scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$config.strings['contact-formField-error-title'])}})]},proxy:true},{key:\"text\",fn:function(){return [_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$config.strings['contact-formField-error-description'])}})]},proxy:true}])}),_c('t-loading',{attrs:{\"visible\":_vm.loading}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page-contato\">\r\n    <h1 class=\"page-title\" v-html=\"$config.strings['contact-title']\"/>\r\n    <div class=\"input-container\">\r\n      <t-input\r\n        id=\"input-nome\"\r\n        v-model=\"nome\"\r\n        :label=\"$config.strings['contact-formField-name-1']\"\r\n        :error=\"errors.nome\"\r\n        @input=\"resetarErro('nome')\"\r\n      />\r\n      <t-input\r\n        id=\"input-telefone\"\r\n        v-model=\"telefone\"\r\n        v-mask=\"['(##) ####-####', '(##) #####-####']\"\r\n        :label=\"$config.strings['contact-formField-name-3']\"\r\n        type=\"tel\"\r\n        :error=\"errors.telefone\"\r\n        @input=\"resetarErro('telefone')\"\r\n      />\r\n      <t-input\r\n        id=\"input-email\"\r\n        v-model=\"email\"\r\n        :label=\"$config.strings['contact-formField-name-2']\"\r\n        type=\"email\"\r\n        :error=\"errors.email\"\r\n        @input=\"resetarErro('email')\"\r\n      />\r\n    </div>\r\n    <t-input\r\n      id=\"input-mensagem\"\r\n      v-model=\"mensagem\"\r\n      :area=\"true\"\r\n      :label=\"$config.strings['contact-formField-name-4']\"\r\n      :error=\"errors.mensagem\"\r\n      @input=\"resetarErro('mensagem')\"\r\n    />\r\n    <div class=\"btn-enviar-container\">\r\n      <t-button\r\n        :background-color=\"$config.colors.primary\"\r\n        :color=\"$config.colors.on.primary\"\r\n        :size=\"'lg'\"\r\n        @click=\"enviar\"\r\n        v-html=\"$config.strings['contact-formField-btn']\"\r\n      />\r\n    </div>\r\n    <t-dialog ref=\"dialog\" :fullscreen=\"false\">\r\n      <template v-slot:title>\r\n        <span v-html=\"$config.strings['contact-formField-success-title']\" />\r\n      </template>\r\n      <template v-slot:text>\r\n        <span v-html=\"$config.strings['contact-formField-success-description']\" />\r\n      </template>\r\n    </t-dialog>\r\n    <t-dialog ref=\"errorDialog\">\r\n      <template v-slot:title>\r\n        <span v-html=\"$config.strings['contact-formField-error-title']\" />\r\n      </template>\r\n      <template v-slot:text>\r\n        <span v-html=\"$config.strings['contact-formField-error-description']\" />\r\n      </template>\r\n    </t-dialog>\r\n    <t-loading :visible=\"loading\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { TInput, TButton, TDialog, TLoading } from '@/components/base'\r\nimport { mask } from 'vue-the-mask'\r\nimport { mapActions } from 'vuex'\r\n\r\nexport default {\r\n  name: 'PageContato',\r\n  directives: { mask },\r\n  components: { TInput, TButton, TDialog, TLoading },\r\n  data () {\r\n    return {\r\n      nome: '',\r\n      email: '',\r\n      telefone: '',\r\n      mensagem: '',\r\n      errors: {\r\n        nome: '',\r\n        email: '',\r\n        telefone: '',\r\n        mensagem: ''\r\n      },\r\n      loading: false\r\n    }\r\n  },\r\n  methods: {\r\n    resetarInputs () {\r\n      ['nome', 'telefone', 'email', 'mensagem'].forEach(key => {\r\n        this.$data[key] = ''\r\n      })\r\n    },\r\n    validar () {\r\n      const validations = {\r\n        nome: [v => !v && 'Digite seu nome por favor'],\r\n        telefone: [v => !v && 'Digite seu telefone por favor', v => !/^\\(\\d{2}\\)\\s\\d{4,5}-\\d{4}$/.test(v) && 'O formato do telefone está incorreto'],\r\n        email: [v => !v && 'Digite seu e-mail por favor', v => !/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(v) && 'O formato do e-mail está incorreto'],\r\n        mensagem: [v => !v && 'Digite sua mensagem por favor']\r\n      }\r\n      return ['nome', 'telefone', 'email', 'mensagem'].every(key => {\r\n        const element = document.getElementById(`input-${key}`)\r\n        const input = element.getElementsByClassName('input')[0]\r\n        const value = input.value\r\n        return validations[key].every(validation => {\r\n          const error = validation(value)\r\n          this.$set(this.errors, key, error)\r\n          input.focus()\r\n          return !error\r\n        })\r\n      })\r\n    },\r\n    resetarErro (key) {\r\n      this.$set(this.errors, key, '')\r\n    },\r\n    resetarTodosOsErros () {\r\n      ['nome', 'telefone', 'email', 'mensagem'].forEach(this.resetarErro)\r\n    },\r\n    enviar () {\r\n      const t = setTimeout(() => {\r\n        this.loading = true\r\n      }, 250)\r\n      this.resetarTodosOsErros()\r\n      if (this.validar()) {\r\n        this.postContato(this.$data).then(() => {\r\n          this.$refs.dialog.open()\r\n          this.resetarInputs()\r\n        }).catch(error => {\r\n          console.log(error)\r\n          this.$refs.errorDialog.open()\r\n        }).finally(() => {\r\n          clearTimeout(t)\r\n          this.loading = false\r\n        })\r\n      } else {\r\n        clearTimeout(t)\r\n        this.loading = false\r\n      }\r\n    },\r\n    ...mapActions(['postContato'])\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.page-contato {\r\n  @include container-element;\r\n  padding-bottom: 30px;\r\n  color: var(--on-secondary-light);\r\n  background-color: var(--secondary-light);\r\n\r\n  .endereco-container {\r\n    margin-top: 40px;\r\n    font-size: 16px;\r\n\r\n    @include for-size(desktop-up) {\r\n      font-size: 21px;\r\n    }\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n\r\n    .logo {\r\n      flex-grow: 1;\r\n      margin-bottom: 15px;\r\n\r\n      .blue {\r\n        fill: $blue-woli-color;\r\n      }\r\n\r\n      .red {\r\n        fill: $red-woli-color;\r\n      }\r\n    }\r\n\r\n    .endereco {\r\n      flex-grow: 1;\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 30px;\r\n    }\r\n  }\r\n\r\n  .t-input {\r\n    padding: 0 0 7.5px;\r\n    width: 100%;\r\n\r\n    @include for-size(desktop-up) {\r\n      padding: 0 15px 50px;\r\n    }\r\n  }\r\n\r\n  .input-container {\r\n    display: flex;\r\n    flex-flow: row wrap;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    padding-top: 20px;\r\n\r\n    #input {\r\n      width: 100%;\r\n\r\n      @include for-size(desktop-up) {\r\n        &-nome {\r\n          width: 100%;\r\n          padding: 0 0 15px 0;\r\n        }\r\n        &-telefone,\r\n        &-email {\r\n          width: 49%;\r\n          padding: 0 0 15px 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  #input-mensagem {\r\n    padding: 0\r\n  }\r\n\r\n  .btn-enviar-container {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    padding: 0 15px;\r\n\r\n    > button {\r\n      font-size: 16px;\r\n\r\n      @include for-size(desktop-only) {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\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!./Contato.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!./Contato.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Contato.vue?vue&type=template&id=7db862f7&scoped=true\"\nimport script from \"./Contato.vue?vue&type=script&lang=js\"\nexport * from \"./Contato.vue?vue&type=script&lang=js\"\nimport style0 from \"./Contato.vue?vue&type=style&index=0&id=7db862f7&prod&lang=scss&scoped=true\"\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  \"7db862f7\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contato.vue?vue&type=style&index=0&id=7db862f7&prod&lang=scss&scoped=true\""],"sourceRoot":""}