{"version":3,"sources":["webpack:///./src/pages/Contato.vue?8ff8","webpack:///src/pages/Contato.vue","webpack:///./src/pages/Contato.vue?7911","webpack:///./src/pages/Contato.vue","webpack:///./src/pages/Contato.vue?75f1"],"names":["render","_vm","this","_h","$createElement","_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","secondary","enviar","ref","scopedSlots","_u","key","fn","proxy","loading","staticRenderFns","components","data","methods","resetarInputs","forEach","validar","every","validations","input","focus","error","$set","resetarTodosOsErros","postContato","$data","then","console","log","clearTimeout","t","component"],"mappings":"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","file":"js/chunk-b587c80c.6e1b64a1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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.secondary,\"color\":_vm.$config.colors.on.secondary,\"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)}\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.secondary\"\r\n        :color=\"$config.colors.on.secondary\"\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=5912f09c&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=5912f09c&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  \"5912f09c\",\n  null\n  \n)\n\nexport default component.exports","import mod 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=5912f09c&lang=scss&scoped=true&\"; export default mod; 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=5912f09c&lang=scss&scoped=true&\""],"sourceRoot":""}