{"version":3,"sources":["webpack:///./src/app/shared/components/basic/ontick-success.component.vue","webpack:///src/app/shared/components/basic/ontick-success.component.vue","webpack:///./src/app/shared/components/basic/ontick-success.component.vue?7983","webpack:///./src/app/shared/components/basic/ontick-success.component.vue?f22e","webpack:///./src/app/shared/components/basic/ontick-success.component.vue?480a","webpack:///./src/app/assets/imagens/fundo.png","webpack:///./src/app/modules/auth/pages/email.component.vue","webpack:///src/app/modules/auth/pages/email.component.vue","webpack:///./src/app/modules/auth/pages/email.component.vue?0735","webpack:///./src/app/modules/auth/pages/email.component.vue?9956","webpack:///./src/app/modules/auth/pages/email.component.vue?eef5"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_s","title","staticRenderFns","props","type","String","default","active","Boolean","size","Number","component","module","exports","domProps","$icons","logo_public","_m","tag","on","enter","leave","success","key","directives","name","rawName","value","expression","errors","first","model","code","callback","$$v","has","nativeOn","$event","validateEmail","require","data","user","form_state","components","PincodeInput","SuccessIcon","methods","el","done","TweenMax","fromTo","autoAlpha","scale","transformOrigin","ease","Power4","easeOut","onComplete","$validator","validate","then","valid","Auth","verifyCurrentUserAttributeSubmit","sessionStorage","setItem","EventBus","$emit","setTimeout","$router","push","query","$route","catch","error","$swal","message","icon","timer"],"mappings":"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","file":"js/chunk-a544117e.f2967df7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex justify-center\"},[_c('div',[_c('div',{staticClass:\"flex justify-center\"},[_c('div',{staticClass:\"check-container\"},[_c('div',{staticClass:\"check-background\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 65 51\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M7 25L27.3077 44L58.5 7\",\"stroke\":\"white\",\"stroke-width\":\"13\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])]),_c('div',{staticClass:\"check-shadow\"})])]),_c('h2',{staticClass:\"text-center text-2xl font-semibold text-gray-300\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex justify-center\">\n    <div>\n      <div class=\"flex justify-center\">\n        <div class=\"check-container\">\n          <div class=\"check-background\">\n            <svg\n              viewBox=\"0 0 65 51\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M7 25L27.3077 44L58.5 7\"\n                stroke=\"white\"\n                stroke-width=\"13\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n          <div class=\"check-shadow\"></div>\n        </div>\n      </div>\n      <h2 class=\"text-center text-2xl font-semibold text-gray-300\">\n        {{ title }}\n      </h2>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    title: { type: String, default: \"Compra realizada com sucesso\" },\n    active: { type: Boolean, default: false },\n    size: { type: Number, default: 100 },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// Main CSS\n.check-container {\n  width: 6.25rem;\n  height: 7.5rem;\n  display: flex;\n  flex-flow: column;\n  align-items: center;\n  justify-content: space-between;\n\n  .check-background {\n    width: 100%;\n    height: calc(100% - 1.25rem);\n    background: linear-gradient(to bottom right, #19d684, #17c177);\n    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n    transform: scale(0.84);\n    border-radius: 50%;\n    animation: animateContainer 0.75s ease-out forwards 0.75s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n\n    svg {\n      width: 65%;\n      transform: translateY(0.25rem);\n      stroke-dasharray: 80;\n      stroke-dashoffset: 80;\n      animation: animateCheck 0.35s forwards 1.25s ease-out;\n    }\n  }\n\n  .check-shadow {\n    bottom: calc(-15% - 5px);\n    left: 0;\n    border-radius: 50%;\n    background: radial-gradient(closest-side, rgba(45, 55, 72, 1), transparent);\n    animation: animateShadow 0.75s ease-out forwards 0.75s;\n  }\n}\n\n@keyframes animateContainer {\n  0% {\n    opacity: 0;\n    transform: scale(0);\n    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n  }\n  25% {\n    opacity: 1;\n    transform: scale(0.9);\n    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n  }\n  43.75% {\n    transform: scale(1.15);\n    box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n  }\n  62.5% {\n    transform: scale(1);\n    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;\n  }\n  81.25% {\n    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n  }\n  100% {\n    opacity: 1;\n    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n  }\n}\n\n@keyframes animateCheck {\n  from {\n    stroke-dashoffset: 80;\n  }\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes animateShadow {\n  0% {\n    opacity: 0;\n    width: 100%;\n    height: 15%;\n  }\n  25% {\n    opacity: 0.25;\n  }\n  43.75% {\n    width: 40%;\n    height: 7%;\n    opacity: 0.35;\n  }\n  100% {\n    width: 85%;\n    height: 15%;\n    opacity: 0.25;\n  }\n}\n\n:root {\n  --hue: 223;\n  --bg: hsl(var(--hue), 90%, 20%);\n  --fg: hsl(var(--hue), 10%, 90%);\n  --primary: hsl(var(--hue), 90%, 55%);\n  --primary-dn: hsl(var(--hue), 90%, 45%);\n  font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1280 - 320));\n}\n\n.check-spinner__worm-a,\n.check-spinner__worm-b {\n  visibility: hidden;\n}\n.check-spinner {\n  margin-bottom: 3em;\n  overflow: visible;\n  width: 6.25em;\n  height: 6.25em;\n}\n.check-spinner__worm-a {\n  animation: worm-a 1.2s linear;\n}\n.check-spinner__worm-b {\n  animation: worm-b 1.2s 1.2s linear forwards;\n  stroke-dashoffset: 0.01;\n}\n.check-spinner__circle {\n  animation: circle 0.2s 2.3s cubic-bezier(0, 0, 0.42, 1.33) forwards;\n}\n\n/* Animations */\n@keyframes worm-a {\n  from {\n    stroke-dashoffset: 36.1;\n    visibility: visible;\n  }\n  to {\n    stroke-dashoffset: -252.9;\n    visibility: visible;\n  }\n}\n@keyframes worm-b {\n  from {\n    animation-timing-function: linear;\n    stroke-dasharray: 0 0 72.2 341.3;\n    visibility: visible;\n  }\n  69.7% {\n    animation-timing-function: ease-out;\n    stroke-dasharray: 0 207 45 341.3;\n    visibility: visible;\n  }\n  to {\n    animation-timing-function: ease-out;\n    stroke-dasharray: 0 297 45 341.3;\n    visibility: visible;\n  }\n}\n@keyframes circle {\n  from {\n    r: 0;\n  }\n  to {\n    r: 50px;\n  }\n}\n@keyframes reappear {\n  from {\n    visibility: hidden;\n  }\n  to {\n    visibility: visible;\n  }\n}\n</style>\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ontick-success.component.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ontick-success.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ontick-success.component.vue?vue&type=template&id=970a6c5e&scoped=true\"\nimport script from \"./ontick-success.component.vue?vue&type=script&lang=js\"\nexport * from \"./ontick-success.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./ontick-success.component.vue?vue&type=style&index=0&id=970a6c5e&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"970a6c5e\",\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/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ontick-success.component.vue?vue&type=style&index=0&id=970a6c5e&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/fundo.df8e34bc.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"relative flex min-h-screen w-screen overflow-hidden\"},[_c('div',{staticClass:\"animate move-remember bg-ontick-carbon-500 absolute inset-y-0 z-10 flex w-full max-w-lg flex-col items-center justify-center overflow-hidden overflow-y-auto bg-opacity-90 py-12 px-6 backdrop-blur-sm backdrop-opacity-90 backdrop-filter duration-300 lg:px-20 xl:px-24\"},[_c('div',{staticClass:\"flex justify-center text-center\"},[_c('div',[_c('div',{staticClass:\"flex justify-center\"},[_c('span',{staticClass:\"mx-auto\",domProps:{\"innerHTML\":_vm._s(_vm.$icons.logo_public)}})]),_vm._m(0)])]),_c(\"transition\",{tag:\"div\",attrs:{\"css\":false,\"appear\":\"\",\"mode\":\"out-in\"},on:{\"enter\":_vm.enter,\"leave\":_vm.leave}},[(!_vm.success)?_c('div',{key:1},[_c('div',{staticClass:\"relative whitespace-nowrap pt-6 pb-3\"},[_c('label',{staticClass:\"block text-sm font-medium text-gray-300\",attrs:{\"for\":\"code\"}},[_vm._v(\" Código \")]),_c('div',{staticClass:\"mt-1\"},[_c('PincodeInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"secure\":false,\"characterPreview\":false,\"length\":6,\"name\":\"code\",\"error\":_vm.errors.first('code')},model:{value:(_vm.code),callback:function ($$v) {_vm.code=$$v},expression:\"code\"}}),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('code')),expression:\"errors.has('code')\"}],staticClass:\"text-ontick-red-500 text-xs\"},[_vm._v(\" Campo obrigatório \")])],1)]),_c('div',[_c('ontick-button',{staticClass:\"w-full\",nativeOn:{\"click\":function($event){return _vm.validateEmail()}}},[_vm._v(\"Validar\")])],1)]):_c('div',{key:2,staticClass:\"flex justify-center\"},[_c('div',{staticClass:\"py-16\"},[_c('success-icon',{attrs:{\"active\":_vm.success,\"title\":\"Email verificado com sucesso\"}})],1)])])],1),_vm._m(1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h2',{staticClass:\"mt-6 text-3xl font-extrabold text-gray-300\"},[_vm._v(\" Verificação de email \")]),_c('p',{staticClass:\"mt-2 whitespace-normal text-sm text-gray-400\"},[_vm._v(\" Um código será enviado para seu email cadastro na Ontick. \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"relative w-0 flex-1 lg:block\"},[_c('img',{staticClass:\"absolute inset-0 h-full w-full object-cover\",attrs:{\"src\":require(\"@/app/assets/imagens/fundo.png\"),\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"relative flex min-h-screen w-screen overflow-hidden\">\n    <div\n      class=\"animate move-remember bg-ontick-carbon-500 absolute inset-y-0 z-10 flex w-full max-w-lg flex-col items-center justify-center overflow-hidden overflow-y-auto bg-opacity-90 py-12 px-6 backdrop-blur-sm backdrop-opacity-90 backdrop-filter duration-300 lg:px-20 xl:px-24\"\n    >\n      <div class=\"flex justify-center text-center\">\n        <div>\n          <div class=\"flex justify-center\">\n            <span class=\"mx-auto\" v-html=\"$icons.logo_public\"></span>\n          </div>\n          <div>\n            <h2 class=\"mt-6 text-3xl font-extrabold text-gray-300\">\n              Verificação de email\n            </h2>\n            <p class=\"mt-2 whitespace-normal text-sm text-gray-400\">\n              Um código será enviado para seu email cadastro na Ontick.\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div\n        is=\"transition\"\n        v-on:enter=\"enter\"\n        v-on:leave=\"leave\"\n        v-bind:css=\"false\"\n        appear\n        mode=\"out-in\"\n      >\n        <div :key=\"1\" v-if=\"!success\">\n          <div class=\"relative whitespace-nowrap pt-6 pb-3\">\n            <label for=\"code\" class=\"block text-sm font-medium text-gray-300\">\n              Código\n            </label>\n            <div class=\"mt-1\">\n              <PincodeInput\n                v-model=\"code\"\n                :secure=\"false\"\n                :characterPreview=\"false\"\n                :length=\"6\"\n                name=\"code\"\n                v-validate=\"'required'\"\n                :error=\"errors.first('code')\"\n              />\n              <p\n                class=\"text-ontick-red-500 text-xs\"\n                v-show=\"errors.has('code')\"\n              >\n                Campo obrigatório\n              </p>\n            </div>\n          </div>\n\n          <div>\n            <ontick-button @click.native=\"validateEmail()\" class=\"w-full\"\n              >Validar</ontick-button\n            >\n          </div>\n        </div>\n        <div :key=\"2\" v-else class=\"flex justify-center\">\n          <div class=\"py-16\">\n            <success-icon\n              :active=\"success\"\n              title=\"Email verificado com sucesso\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"relative w-0 flex-1 lg:block\">\n      <img\n        class=\"absolute inset-0 h-full w-full object-cover\"\n        src=\"@/app/assets/imagens/fundo.png\"\n        alt=\"\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport PincodeInput from \"vue-pincode-input\";\nimport SuccessIcon from \"@/app/shared/components/basic/ontick-success.component.vue\";\nimport { Auth } from \"aws-amplify\";\nimport EventBus from \"../../../shared/utils/event_bus\";\n\nexport default {\n  data() {\n    return {\n      user: {},\n      code: \"\",\n      form_state: true,\n      success: false,\n    };\n  },\n  components: {\n    PincodeInput,\n    SuccessIcon,\n  },\n\n  methods: {\n    enter(el, done) {\n      TweenMax.fromTo(\n        el,\n        1,\n        {\n          autoAlpha: 0,\n          scale: 1.5,\n        },\n        {\n          autoAlpha: 1,\n          scale: 1,\n          transformOrigin: \"50% 50%\",\n          ease: Power4.easeOut,\n          onComplete: done,\n        }\n      );\n    },\n    leave(el, done) {\n      TweenMax.fromTo(\n        el,\n        1,\n        {\n          autoAlpha: 1,\n          scale: 1,\n        },\n        {\n          autoAlpha: 0,\n          scale: 0.8,\n          ease: Power4.easeOut,\n          onComplete: done,\n        }\n      );\n    },\n    validateEmail() {\n      this.$validator.validate().then((valid) => {\n        if (valid) {\n          Auth.verifyCurrentUserAttributeSubmit(\"email\", this.code)\n            .then(() => {\n              this.success = true;\n              sessionStorage.setItem(\"bypassCache\", true);\n              EventBus.$emit(\"LOGIN_SUCCESSFUL\");\n              setTimeout(() => {\n                this.$router.push({\n                  name: \"Dashboard\",\n                  query: { ...this.$route.query },\n                });\n              }, 5000);\n            })\n            .catch((error) => {\n              this.$swal({\n                title: error.message,\n                icon: \"error\",\n                timer: 5000,\n              });\n            });\n        }\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.animate {\n  left: 0;\n}\n\n.move {\n  left: 100%;\n  transform: translate(-100%, 0);\n}\n.move-remember {\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\ndiv.vue-pincode-input-wrapper {\n  @apply flex justify-center space-x-5;\n}\n\ninput.vue-pincode-input {\n  @apply bg-ontick-graphite-500 text-xl font-medium text-gray-300 shadow-lg;\n  max-width: 43px;\n  max-height: 43px;\n  margin: 0px;\n  transition: all 0.3s ease;\n  &:focus {\n    border: 2px solid #07a4ff;\n  }\n}\n.input-tel__input {\n  cursor: pointer;\n  -webkit-transition-duration: 0.3s;\n  transition-duration: 0.3s;\n  position: relative;\n  width: 100%;\n  padding: 0 12px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  outline: none;\n  z-index: 0;\n  margin-left: -1px;\n  height: 40px;\n  min-height: 40px;\n  @apply border-ontick-carbon-500  bg-ontick-steel-500 border text-sm font-medium text-gray-300 #{!important};\n}\n</style>\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./email.component.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./email.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./email.component.vue?vue&type=template&id=97edd27e\"\nimport script from \"./email.component.vue?vue&type=script&lang=js\"\nexport * from \"./email.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./email.component.vue?vue&type=style&index=0&id=97edd27e&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/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","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/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./email.component.vue?vue&type=style&index=0&id=97edd27e&prod&lang=scss\""],"sourceRoot":""}