{"version":3,"sources":["webpack:///./src/assets/exit.svg","webpack:///./src/views/PurchaseScreen.vue?c3bf","webpack:///./src/assets/optimize.svg","webpack:///./src/assets/learn.svg","webpack:///./src/views/PurchaseScreen.vue?9fc4","webpack:///./src/services/SendMailBeta.js","webpack:///src/views/PurchaseScreen.vue","webpack:///./src/views/PurchaseScreen.vue?098a","webpack:///./src/views/PurchaseScreen.vue?5bf9","webpack:///./src/assets/compare.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","showSendEmail","_e","on","sendEmail","staticRenderFns","attrs","version","isProdVersion","featureFlagFlags","DbManagerServiceVersionProd","getValue","DbManagerServiceVersionStaging","afterParser","response","SendMailBeta","gateway","api","createApi","authNotFound","error401Handler","error","Promise","reject","retriesLimit","http","defaults","timeout","params","templateId","process","post","url","Service","name","components","DsButton","data","date","nome","email","userGroup","created","dispatchMixpanelTrack","user_group","methods","component"],"mappings":"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","file":"js/chunk-1bb4a220.13df0de0.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/exit.199e331f.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./PurchaseScreen.vue?vue&type=style&index=0&id=4d2539e0&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/optimize.6fe9a4de.svg\";","module.exports = __webpack_public_path__ + \"img/learn.853d667e.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"purchaseScreen\"},[_c('div',{staticClass:\"purchaseScreen__content\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"purchaseScreen__footer\"},[_c('p',{staticClass:\"purchaseScreen__footer-text-helper text-center\"},[_vm._v(\"\\n        Chame nosso time de  Customer Success ou converse com a gente no chat para mais informações\\n      \")]),(!_vm.showSendEmail)?_c('DsButton',{staticClass:\"ds-button ds-button--primary ds-button--medium\",on:{\"click\":_vm.sendEmail}},[_vm._v(\"\\n        Solicitar contato\\n      \")]):_vm._e(),(_vm.showSendEmail)?_c('p',{staticClass:\"purchaseScreen__footer-send-email text-center\"},[_vm._v(\"\\n        Agora é só aguardar que entraremos em contato.\\n      \")]):_vm._e()],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"purchaseScreen__heading\"},[_c('h1',{staticClass:\"text-center\"},[_vm._v(\"\\n        Continue na frente da concorrência!\\n      \")]),_c('p',{staticClass:\"text-center\"},[_vm._v(\"\\n        O período de avaliação terminou, mas ainda dá tempo de assumir o controle da estratégia e ficar na liderança\\n      \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"purchaseScreen__body\"},[_c('p',{staticClass:\"purchaseScreen__body-description\"},[_vm._v(\"\\n        Conte com o \"),_c('strong',[_vm._v(\"STILINGUE Benchmarks\")]),_vm._v(\" para:\\n      \")]),_c('div',{staticClass:\"purchaseScreen__body-itens-what\"},[_c('div',{staticClass:\"purchaseScreen__body-item\"},[_c('img',{attrs:{\"src\":require(\"../assets/compare.svg\")}}),_c('p',[_c('strong',[_vm._v(\"Comparar redes sociais\")]),_vm._v(\" e ter visibilidade da estratégia de concorrentes\\n          \")])]),_c('div',{staticClass:\"purchaseScreen__body-item\"},[_c('img',{attrs:{\"src\":require(\"../assets/optimize.svg\")}}),_c('p',[_c('strong',[_vm._v(\"Otimizar\")]),_vm._v(\" sua estratégia digital com o que funciona de verdade!\\n          \")])]),_c('div',{staticClass:\"purchaseScreen__body-item\"},[_c('img',{attrs:{\"src\":require(\"../assets/learn.svg\")}}),_c('p',[_c('strong',[_vm._v(\"Aprender com insights\")]),_vm._v(\" valiosos através de engajamento, comunidades e conteúdos\\n          \")])]),_c('div',{staticClass:\"purchaseScreen__body-item\"},[_c('img',{attrs:{\"src\":require(\"../assets/exit.svg\")}}),_c('p',[_c('strong',[_vm._v(\"Sair na frente\")]),_vm._v(\" rumo à liderança no seu segmento!\\n          \")])])])])}]\n\nexport { render, staticRenderFns }","import { featureFlagFlags } from '@/plugins/rollout';\nimport { createApi } from '@stilingue/st-auth-utils';\nimport { isProdVersion } from '@stilingue/st-environment-controller-utils';\nimport Service from './Service';\nimport gateway from './Gateway';\n\nconst version = isProdVersion()\n  ? featureFlagFlags.DbManagerServiceVersionProd.getValue()\n  : featureFlagFlags.DbManagerServiceVersionStaging.getValue();\n\nconst afterParser = (response) => response;\n\nclass SendMailBeta extends Service {\n  constructor(gateway, version) {\n    const api = createApi(`email-service-dispatcher/${version}/`, gateway, {\n      authNotFound: () => true,\n      error401Handler: (error) => {\n        return Promise.reject(error);\n      },\n    });\n\n    super(api, {\n      afterParser,\n      retriesLimit: 3,\n    });\n\n    this.api.http.defaults.timeout = 300000;\n  }\n\n  sendMail(params) {\n    params.templateId = process.env.VUE_APP_SENDGRID_ID;\n\n    return this.api.post({ ...params, url: 'emails/send' });\n  }\n}\n\nexport default new SendMailBeta(gateway, version);\n","<template>\n  <div class=\"purchaseScreen\">\n    <div class=\"purchaseScreen__content\">\n      <div class=\"purchaseScreen__heading\">\n        <h1 class=\"text-center\">\n          Continue na frente da concorrência!\n        </h1>\n        <p class=\"text-center\">\n          O período de avaliação terminou, mas ainda dá tempo de assumir o controle da estratégia e ficar na liderança\n        </p>\n      </div>\n\n      <div class=\"purchaseScreen__body\">\n        <p class=\"purchaseScreen__body-description\">\n          Conte com o <strong>STILINGUE Benchmarks</strong> para:\n        </p>\n        <div class=\"purchaseScreen__body-itens-what\">\n          <div class=\"purchaseScreen__body-item\">\n            <img src=\"../assets/compare.svg\">\n            <p>\n              <strong>Comparar redes sociais</strong> e ter visibilidade da estratégia de concorrentes\n            </p>\n          </div>\n          <div class=\"purchaseScreen__body-item\">\n            <img src=\"../assets/optimize.svg\">\n            <p>\n              <strong>Otimizar</strong> sua estratégia digital com o que funciona de verdade!\n            </p>\n          </div>\n          <div class=\"purchaseScreen__body-item\">\n            <img src=\"../assets/learn.svg\">\n            <p>\n              <strong>Aprender com insights</strong> valiosos através de engajamento, comunidades e conteúdos\n            </p>\n          </div>\n          <div class=\"purchaseScreen__body-item\">\n            <img src=\"../assets/exit.svg\">\n            <p>\n              <strong>Sair na frente</strong> rumo à liderança no seu segmento!\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"purchaseScreen__footer\">\n        <p class=\"purchaseScreen__footer-text-helper text-center\">\n          Chame nosso time de  Customer Success ou converse com a gente no chat para mais informações\n        </p>\n        <DsButton\n          v-if=\"!showSendEmail\"\n          class=\"ds-button ds-button--primary ds-button--medium\"\n          @click=\"sendEmail\"\n        >\n          Solicitar contato\n        </DsButton>\n        <p\n          v-if=\"showSendEmail\"\n          class=\"purchaseScreen__footer-send-email text-center\"\n        >\n          Agora é só aguardar que entraremos em contato.\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { format } from 'date-fns';\nimport { DsButton } from '@ds/components';\nimport SendMailBeta from '@/services/SendMailBeta';\n\nimport { dispatchMixpanelTrack } from '@/utils';\n\nexport default {\n  name: 'PurchaseScreen',\n  components: {\n    DsButton,\n  },\n  data() {\n    return {\n      showSendEmail: false,\n      date: format(new Date(), 'dd/MM/yyyy'),\n      nome: this.$store.state.user.user.name,\n      email: this.$store.state.user.user.email,\n      userGroup: this.$store.state.user.user.userGroup,\n    };\n  },\n  created() {\n    dispatchMixpanelTrack('BM Sales Contact View', [], {\n      user_group: this.userGroup,\n      email: this.email,\n    });\n  },\n  methods: {\n    async sendEmail() {\n      dispatchMixpanelTrack('BM Sales Contact Click', [], {\n        user_group: this.userGroup,\n        email: this.email,\n      });\n\n      this.params = {\n        'subject': `${this.nome} - ${this.userGroup} - | Interesse de compra BENCHMARKS`,\n        'fromEmail': {\n          'name': 'Customer Acquisition',\n          'email': 'customeracquisition@stilingue.com.br',\n        },\n        'toEmails': [\n          {\n            'email': 'customeracquisition@stilingue.com.br',\n          },\n        ],\n        'data': {\n          'date': '',\n          'title': 'Segue as informações do cliente para Compra do STILINGUE Benchmarks.',\n          'paragraph1': `Data de interesse: ${this.date}`,\n          'paragraph2': `Nome do cliente: ${this.nome}`,\n          'paragraph3': `Email: ${this.email}`,\n          'paragraph4': `User group: ${this.userGroup}`,\n        },\n      };\n\n      await SendMailBeta.sendMail(this.params);\n      this.showSendEmail = true;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.purchaseScreen {\n  background: var(--ds-color-background);\n  min-width: 100%;\n  min-height: calc(100vh - 58px);\n\n  &__content {\n    width: 1320px;\n    padding-top: var(--ds-spacing-inline-lg);\n    margin: 0 auto;\n  }\n\n  .strong {\n    font-weight: var(--ds-font-weight-semibold);\n  }\n\n  &__heading {\n    h1 {\n      font-style: normal;\n      font-weight: var(--ds-font-weight-semibold);\n      font-size: var(--ds-font-size-xl);\n      color: var(--ds-color-text-1);\n      margin-bottom: var(--ds-spacing-stack-nano);\n    }\n\n    p {\n      font-weight: var(--ds-font-weight-regular);\n      font-size: var(--ds-font-size-baseline);\n      color: var(--ds-color-text-2);\n      margin-bottom: 0;\n    }\n  }\n\n  &__body {\n    width: 60%;\n    margin: var(--ds-spacing-inline-lg) auto;\n    text-align: center;\n\n    &-description {\n      font-weight: var(--ds-font-weight-regular);\n      font-size: var(--ds-font-size-baseline);\n      color: var(--ds-color-text-1);\n    }\n\n    &-itens-what {\n      display: grid;\n      grid-template-columns: auto auto;\n    }\n\n    &-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: var(--ds-spacing-stack-md);\n      padding-right: var(--ds-spacing-stack-xs);\n\n      img {\n        height: 85px;\n        width: 85px;\n        margin-right: var(--ds-spacing-stack-xs);\n      }\n\n      p {\n        color: var(--ds-color-brand-3);\n        font-size: var(--ds-font-size-sm);\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__footer {\n    text-align: center;\n\n    &-text-helper {\n      font-weight: var(--ds-font-weight-regular);\n      font-size: var(--ds-font-size-baseline);\n      color: var(--ds-color-text-1);\n    }\n\n    &-send-email {\n      font-weight: var(--ds-font-weight-semibold);\n      font-size: var(--ds-font-size-lg);\n      color: var(--ds-color-text-1);\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!./PurchaseScreen.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!./PurchaseScreen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PurchaseScreen.vue?vue&type=template&id=4d2539e0&scoped=true&\"\nimport script from \"./PurchaseScreen.vue?vue&type=script&lang=js&\"\nexport * from \"./PurchaseScreen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PurchaseScreen.vue?vue&type=style&index=0&id=4d2539e0&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  \"4d2539e0\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/compare.5a674f6a.svg\";"],"sourceRoot":""}