{"version":3,"sources":["webpack:///./src/components/page/SignEmail.vue?7d73","webpack:///src/components/page/SignEmail.vue","webpack:///./src/components/page/SignEmail.vue?ba71","webpack:///./src/components/page/SignEmail.vue?0c97","webpack:///./src/components/page/SignEmail.vue?0948"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","idx","key","class","step","_v","_s","staticStyle","attrs","signupValue","username","on","resend","_m","staticRenderFns","component"],"mappings":"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","file":"js/chunk-f769ff22.4d1963f8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-top bg\"},[_c('div',{staticClass:\"pc signup-container\"},[_c('div',{staticClass:\"flex-center\"},_vm._l((_vm.steps),function(item,idx){return _c('div',{key:'step-'+idx,staticClass:\"flex-align step\"},[_c('div',{staticClass:\"circle\",class:{'circle-select': _vm.step === idx}},[_vm._v(_vm._s(idx+1))]),_c('div',{staticClass:\"body2-medium\",class:{'main': _vm.step === idx, 'sub5': _vm.step !== idx}},[_vm._v(_vm._s(item))])])}),0),_c('div',{staticClass:\"signup-wrapper\"},[_c('div',{staticClass:\"subtitle3 main\",staticStyle:{\"margin-bottom\":\"16px\"}},[_vm._v(\"이메일 인증\")]),_c('img',{staticStyle:{\"margin-bottom\":\"40px\"},attrs:{\"src\":\"/static/img/img_email.svg\"}}),_c('div',{staticClass:\"body2-bold primary\"},[_vm._v(_vm._s(_vm.signupValue.username))]),_c('div',{staticClass:\"body2-medium sub2\",staticStyle:{\"margin-top\":\"8px\"}},[_vm._v(\"전송된 이메일을 확인하여 가입을 완료해주세요.\")]),_c('button',{staticClass:\"button is-primary-light\",staticStyle:{\"width\":\"100%\",\"margin\":\"40px 0\"},on:{\"click\":_vm.resend}},[_vm._v(\"재인증 요청\")]),_vm._m(0)])]),_c('div',{staticClass:\"mobile signup-container\"},[_c('div',{staticClass:\"flex-center\"},_vm._l((_vm.steps),function(item,idx){return _c('div',{key:'step-'+idx,staticClass:\"flex-align step\"},[_c('div',{staticClass:\"circle\",class:{'circle-select': _vm.step === idx}},[_vm._v(_vm._s(idx+1))]),_c('div',{staticClass:\"body2-medium\",class:{'main': _vm.step === idx, 'sub5': _vm.step !== idx}},[_vm._v(_vm._s(item))])])}),0),_c('div',{staticClass:\"signup-wrapper\"},[_c('div',{staticClass:\"h7 main\",staticStyle:{\"margin-bottom\":\"16px\"}},[_vm._v(\"이메일 인증\")]),_c('img',{staticStyle:{\"margin-bottom\":\"32px\",\"width\":\"140px\",\"height\":\"140px\"},attrs:{\"src\":\"/static/img/img_email.svg\"}}),_c('div',{staticClass:\"body2-bold primary\"},[_vm._v(_vm._s(_vm.signupValue.username))]),_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"margin-top\":\"8px\"}},[_vm._v(\"전송된 이메일을 확인하여 가입을 완료해주세요.\")]),_c('button',{staticClass:\"button is-primary-light\",staticStyle:{\"height\":\"48px\",\"width\":\"100%\",\"margin\":\"32px 0\"},on:{\"click\":_vm.resend}},[_vm._v(\"재인증 요청\")]),_vm._m(1)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"text-align\":\"left\"}},[_c('div',{staticClass:\"body2 sub2\",staticStyle:{\"margin-bottom\":\"16px\"}},[_vm._v(\"이메일 인증을 받으셔야 회원가입이 완료되며, 확인 메일이 오지 않는 경우 다음과 같이 시도해주세요.\")]),_c('div',{staticClass:\"body3 sub3\"},[_vm._v(\" -스팸 메일함을 확인합니다.\"),_c('br'),_vm._v(\" -재전송 요청 버튼을 통해 메일을 재전송 받으세요.\"),_c('br'),_vm._v(\" -재전송은 최대 3회까지만 가능합니다.\"),_c('br')])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"text-align\":\"left\"}},[_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"margin-bottom\":\"12px\"}},[_vm._v(\"이메일 인증을 받으셔야 회원가입이 완료되며, 확인 메일이 오지 않는 경우 다음과 같이 시도해주세요.\")]),_c('div',{staticClass:\"body4 sub3\"},[_vm._v(\" -스팸 메일함을 확인합니다.\"),_c('br'),_vm._v(\" -재전송 요청 버튼을 통해 메일을 재전송 받으세요.\"),_c('br'),_vm._v(\" -재전송은 최대 3회까지만 가능합니다.\"),_c('br')])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"container-top bg\">\r\n      <!-- pc -->\r\n      <div class=\"pc signup-container\">\r\n        <div class=\"flex-center\">\r\n          <div v-for=\"(item,idx) in steps\" :key=\"'step-'+idx\" class=\"flex-align step\">\r\n            <div class=\"circle\" :class=\"{'circle-select': step === idx}\">{{ idx+1 }}</div>\r\n            <div class=\"body2-medium\" :class=\"{'main': step === idx, 'sub5': step !== idx}\">{{ item }}</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"signup-wrapper\">\r\n          <div class=\"subtitle3 main\" style=\"margin-bottom: 16px\">이메일 인증</div>\r\n          <img src=\"/static/img/img_email.svg\" style=\"margin-bottom:40px\">\r\n          <div class=\"body2-bold primary\">{{ signupValue.username }}</div>\r\n          <div class=\"body2-medium sub2\" style=\"margin-top:8px\">전송된 이메일을 확인하여 가입을 완료해주세요.</div>\r\n          <button class=\"button is-primary-light\" style=\"width:100%;margin:40px 0\" @click=\"resend\">재인증 요청</button>\r\n          <div style=\"text-align: left\">\r\n            <div class=\"body2 sub2\" style=\"margin-bottom: 16px\">이메일 인증을 받으셔야 회원가입이 완료되며, 확인 메일이 오지 않는 경우 다음과 같이 시도해주세요.</div>\r\n            <div class=\"body3 sub3\">\r\n              -스팸 메일함을 확인합니다.<br>\r\n              -재전송 요청 버튼을 통해 메일을 재전송 받으세요.<br>\r\n              -재전송은 최대 3회까지만 가능합니다.<br>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- mobile -->\r\n      <div class=\"mobile signup-container\">\r\n        <div class=\"flex-center\">\r\n          <div v-for=\"(item,idx) in steps\" :key=\"'step-'+idx\" class=\"flex-align step\">\r\n            <div class=\"circle\" :class=\"{'circle-select': step === idx}\">{{ idx+1 }}</div>\r\n            <div class=\"body2-medium\" :class=\"{'main': step === idx, 'sub5': step !== idx}\">{{ item }}</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"signup-wrapper\">\r\n          <div class=\"h7 main\" style=\"margin-bottom: 16px\">이메일 인증</div>\r\n          <img src=\"/static/img/img_email.svg\" style=\"margin-bottom:32px;width:140px;height:140px\">\r\n          <div class=\"body2-bold primary\">{{ signupValue.username }}</div>\r\n          <div class=\"body4 sub2\" style=\"margin-top:8px\">전송된 이메일을 확인하여 가입을 완료해주세요.</div>\r\n          <button class=\"button is-primary-light\" style=\"height:48px;width:100%;margin:32px 0\" @click=\"resend\">재인증 요청</button>\r\n          <div style=\"text-align: left\">\r\n            <div class=\"body4 sub2\" style=\"margin-bottom: 12px\">이메일 인증을 받으셔야 회원가입이 완료되며, 확인 메일이 오지 않는 경우 다음과 같이 시도해주세요.</div>\r\n            <div class=\"body4 sub3\">\r\n              -스팸 메일함을 확인합니다.<br>\r\n              -재전송 요청 버튼을 통해 메일을 재전송 받으세요.<br>\r\n              -재전송은 최대 3회까지만 가능합니다.<br>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"SignEmail\",\r\n    created() {\r\n      this.signupValue.username = this.$route.query.email;\r\n    },\r\n    data() {\r\n      return {\r\n        step: 1,\r\n        steps: ['정보입력', '가입인증', '가입완료'],\r\n        signupValue: {\r\n          username: ''\r\n        },\r\n        emailSendCount: 0,\r\n        emailSendMessage: ''\r\n      }\r\n    },\r\n    methods: {\r\n      resend() {\r\n        if(this.emailSendCount >= 3) {\r\n          this.toast('이메일 인증 횟수를 초과하였습니다');\r\n          return;\r\n        }\r\n        this.$store.commit('setLoading', true);\r\n        this.$axios.get('auth/user/verify/resend', {\r\n          params: {username: this.signupValue.username}\r\n        }).then(() => {\r\n          this.emailSendCount++\r\n          this.toast('인증 이메일을 재전송하였습니다');\r\n          this.$store.commit('setLoading', false);\r\n        }).catch(()=>{\r\n          this.$store.commit('setLoading', false);\r\n        });\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .bg\r\n    background-color $gray4\r\n    display flex\r\n    justify-content center\r\n    align-items flex-start\r\n\r\n  .signup-container\r\n    margin-top 80px\r\n    width 448px\r\n    text-align center\r\n\r\n  .signup-wrapper\r\n    border 1px solid $gray2\r\n    border-radius 12px\r\n    background-color white\r\n    padding 40px\r\n    margin-top 24px\r\n\r\n  .signup-label\r\n    text-align left\r\n    margin-top 16px\r\n\r\n  .circle\r\n    width 24px\r\n    height 24px\r\n    border-radius 100%\r\n    line-height 24px\r\n    text-align center\r\n    background-color $sub5\r\n    color white\r\n    margin-right 4px\r\n\r\n  .circle-select\r\n    background-color $main\r\n\r\n  .step\r\n    margin-left 45px\r\n\r\n  .step:first-child\r\n    margin-left 0\r\n\r\n  @media (max-width:1024px)\r\n    .signup-container\r\n      margin 40px 16px\r\n    .signup-wrapper\r\n      padding 32px 20px\r\n    .signup-label\r\n      font-size 14px\r\n    .step\r\n      margin-left 0\r\n      width 33.33333%\r\n      justify-content center\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!./SignEmail.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!./SignEmail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SignEmail.vue?vue&type=template&id=224acd7c&scoped=true&\"\nimport script from \"./SignEmail.vue?vue&type=script&lang=js&\"\nexport * from \"./SignEmail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SignEmail.vue?vue&type=style&index=0&id=224acd7c&lang=stylus&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  \"224acd7c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignEmail.vue?vue&type=style&index=0&id=224acd7c&lang=stylus&scoped=true&\""],"sourceRoot":""}