{"version":3,"sources":["webpack:///./src/views/Contato.vue?ce25","webpack:///src/views/Contato.vue","webpack:///./src/views/Contato.vue?c15f","webpack:///./src/views/Contato.vue","webpack:///./src/views/Contato.vue?d1c1"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","t","directives","name","rawName","value","form","expression","domProps","on","$event","target","composing","$set","warningMessage","sendForm","loading","staticRenderFns","components","Header","data","message","formSent","methods","http","component"],"mappings":"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","file":"js/chunk-dbb8921a.8a793971.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Header',{attrs:{\"showBackButton\":true,\"showSearchIcon\":false,\"customPageName\":\" \",\"smallContainer\":true}}),_c('section',{staticClass:\"page-content page-anim2\"},[_c('div',{staticClass:\"container pb-2\"},[_c('h1',{staticClass:\"title text-blue my-1 section-title\"},[_vm._v(_vm._s(_vm.t(\"Contato\")))]),_c('p',{staticClass:\"text-desc text-brown desktop6\"},[_vm._v(\" \"+_vm._s(_vm.t( \"Opine, sugira posts que você considera importantes e reporte erros que você constatou em nosso aplicativo! Estamos aqui para resolver e te trazer as melhores soluções.\" ))+\" \")]),_c('div',{staticClass:\"textarea-holder\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.message),expression:\"form.message\"}],attrs:{\"placeholder\":_vm.t('Sua mensagem') + '...'},domProps:{\"value\":(_vm.form.message)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"message\", $event.target.value)}}})]),_c('transition',{attrs:{\"enter-active-class\":\"animated fadeIn\"}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.warningMessage != ''),expression:\"warningMessage != ''\"}],staticClass:\"text-desc text-red text-center mt-1\"},[_vm._v(\" \"+_vm._s(_vm.warningMessage)+\" \")])]),_c('transition',{attrs:{\"enter-active-class\":\"animated fadeIn\"}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.formSent),expression:\"formSent\"}],staticClass:\"text-desc text-blue text-bold text-center mt-1\"},[_vm._v(\" \"+_vm._s(_vm.t(\"Obrigado pela mensagem!\"))+\" \")])]),_c('button',{staticClass:\"default mt-2\",on:{\"click\":function($event){return _vm.sendForm()}}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"loading-spinner\"}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loading),expression:\"!loading\"}]},[_vm._v(_vm._s(_vm.t(\"Enviar\")))])]),_c('div',{staticClass:\"text-desc text-bold text-blue text-center other-contacts\"},[_vm._v(\" \"+_vm._s(_vm.t(\"Outros canais de contato:\"))+\" \")]),_c('div',{staticClass:\"page-footer\"},[_c('a',{staticClass:\"email\",attrs:{\"href\":\"https://api.whatsapp.com/send?phone=5567998859874&text=Olá\",\"target\":\"_blank\"}},[_c('font-awesome-icon',{attrs:{\"icon\":['fab', 'whatsapp']}}),_c('span',{staticClass:\"text-blue\"},[_vm._v(_vm._s(_vm.t(\"Clique aqui e fale com nosso suporte via WhatsApp!\")))])],1),_c('div',{staticClass:\"social\"},[_c('a',{attrs:{\"href\":\"https://www.instagram.com/app.doit/\",\"target\":\"_blank\"}},[_c('font-awesome-icon',{attrs:{\"icon\":['fab', 'instagram']}})],1),_c('a',{attrs:{\"href\":\"https://www.facebook.com/appdoit.com.br/\",\"target\":\"_blank\"}},[_c('font-awesome-icon',{attrs:{\"icon\":['fab', 'facebook']}})],1),_c('a',{attrs:{\"href\":\"mailto:contato@appdoit.com.br\"}},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'envelope']}})],1)])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Header\r\n      :showBackButton=\"true\"\r\n      :showSearchIcon=\"false\"\r\n      customPageName=\" \"\r\n      :smallContainer=\"true\"\r\n    />\r\n\r\n    <section class=\"page-content page-anim2\">\r\n      <div class=\"container pb-2\">\r\n        <h1 class=\"title text-blue my-1 section-title\">{{ t(\"Contato\") }}</h1>\r\n        <p class=\"text-desc text-brown desktop6\">\r\n          {{\r\n            t(\r\n              \"Opine, sugira posts que você considera importantes e reporte erros que você constatou em nosso aplicativo! Estamos aqui para resolver e te trazer as melhores soluções.\"\r\n            )\r\n          }}\r\n        </p>\r\n\r\n        <div class=\"textarea-holder\">\r\n          <textarea\r\n            v-model=\"form.message\"\r\n            :placeholder=\"t('Sua mensagem') + '...'\"\r\n          ></textarea>\r\n        </div>\r\n\r\n        <transition enter-active-class=\"animated fadeIn\">\r\n          <p\r\n            v-show=\"warningMessage != ''\"\r\n            class=\"text-desc text-red text-center mt-1\"\r\n          >\r\n            {{ warningMessage }}\r\n          </p>\r\n        </transition>\r\n\r\n        <transition enter-active-class=\"animated fadeIn\">\r\n          <p\r\n            v-show=\"formSent\"\r\n            class=\"text-desc text-blue text-bold text-center mt-1\"\r\n          >\r\n            {{ t(\"Obrigado pela mensagem!\") }}\r\n          </p>\r\n        </transition>\r\n\r\n        <button @click=\"sendForm()\" class=\"default mt-2\">\r\n          <div v-show=\"loading\" class=\"loading-spinner\"></div>\r\n          <span v-show=\"!loading\">{{ t(\"Enviar\") }}</span>\r\n        </button>\r\n\r\n        <div class=\"text-desc text-bold text-blue text-center other-contacts\">\r\n          {{ t(\"Outros canais de contato:\") }}\r\n        </div>\r\n        <div class=\"page-footer\">\r\n          <a\r\n            class=\"email\"\r\n            href=\"https://api.whatsapp.com/send?phone=5567998859874&text=Olá\"\r\n            target=\"_blank\"\r\n          >\r\n            <font-awesome-icon :icon=\"['fab', 'whatsapp']\" />\r\n            <span class=\"text-blue\">{{\r\n              t(\"Clique aqui e fale com nosso suporte via WhatsApp!\")\r\n            }}</span>\r\n          </a>\r\n          <div class=\"social\">\r\n            <a href=\"https://www.instagram.com/app.doit/\" target=\"_blank\">\r\n              <font-awesome-icon :icon=\"['fab', 'instagram']\" />\r\n            </a>\r\n            <a href=\"https://www.facebook.com/appdoit.com.br/\" target=\"_blank\">\r\n              <font-awesome-icon :icon=\"['fab', 'facebook']\" />\r\n            </a>\r\n            <a href=\"mailto:contato@appdoit.com.br\">\r\n              <font-awesome-icon :icon=\"['fas', 'envelope']\" />\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n<script>\r\nimport http from \"@/http\";\r\nimport Header from \"../components/Header\";\r\nimport authentication from \"../util/authentication\";\r\nexport default {\r\n  name: \"Contato\",\r\n  components: {\r\n    Header,\r\n  },\r\n  data() {\r\n    return {\r\n      form: {\r\n        message: \"\",\r\n      },\r\n      loading: false,\r\n      warningMessage: \"\",\r\n      formSent: false,\r\n    };\r\n  },\r\n  methods: {\r\n    sendForm() {\r\n      if (!this.form.message) {\r\n        this.warningMessage =\r\n          this.$translate.locale[\"Por favor, digite a sua mensagem\"];\r\n        return;\r\n      }\r\n\r\n      this.warningMessage = \"\";\r\n      this.loading = true;\r\n\r\n      http\r\n        .post(\r\n          \"user/message\",\r\n          JSON.stringify(this.form.message),\r\n          authentication.getHeaders()\r\n        )\r\n        .then(() => {\r\n          this.form.message = \"\";\r\n          this.formSent = true;\r\n        })\r\n        .catch((err) => {\r\n          console.error(err);\r\n        })\r\n        .finally(() => {\r\n          this.loading = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\ntextarea {\r\n  position: relative;\r\n  font-family: fontRegular;\r\n  display: block;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 190px;\r\n  padding: 10px 15px;\r\n  margin: 15px auto 0 auto;\r\n  font-size: 1.4em;\r\n  border-radius: 15px;\r\n  outline: none;\r\n  resize: none;\r\n  border: 1px solid #e2b6a1;\r\n  color: #0f2651;\r\n  letter-spacing: 1px;\r\n}\r\nbutton.default {\r\n  max-width: 300px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.other-contacts {\r\n  margin-top: 58px;\r\n}\r\n\r\n.page-footer {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 20px;\r\n  a {\r\n    &.email {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0 14px;\r\n      svg {\r\n        margin-left: 0;\r\n      }\r\n      span {\r\n        font-size: 1.4em;\r\n      }\r\n    }\r\n    svg {\r\n      font-size: 1.8em;\r\n      color: var(--blue);\r\n      margin-left: 15px;\r\n    }\r\n  }\r\n}\r\n\r\n@media only screen and (min-width: 1140px) {\r\n  .page-footer {\r\n    margin-top: 50px;\r\n    a {\r\n      &.email {\r\n        gap: 0 18px;\r\n        svg {\r\n          margin-left: 0;\r\n        }\r\n        span {\r\n          font-size: 1.8em;\r\n        }\r\n      }\r\n      svg {\r\n        font-size: 2.2em;\r\n        color: var(--blue);\r\n        margin-left: 15px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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=68d84476&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=68d84476&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  \"68d84476\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contato.vue?vue&type=style&index=0&id=68d84476&lang=scss&scoped=true&\""],"sourceRoot":""}