{"version":3,"sources":["webpack:///./src/views/startup/PhoneVerify.vue?0482","webpack:///./src/views/startup/PhoneVerify.vue","webpack:///./src/views/startup/PhoneVerify.vue?6d85"],"names":["class","_createElementVNode","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_ctx","$t","_hoisted_5","onClick","_cache","args","$options","onVerify","onExit","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","name","components","data","myInfo","this","$store","getters","me","methods","requestPost","uid","response","window","addEventListener","onVerifyResult","niceAuthForm","document","createElement","target","method","action","mInput","type","value","appendChild","encDataInput","enc_data","body","niceAuthWindow","open","submit","removeChild","code","msg","showToast","close","event","origin","$root","onTab","__exports__","render"],"mappings":"2IAAA,W,uJCCOA,MAAM,wB,GACJA,MAAM,Q,QACTC,gCAAyB,OAApBD,MAAM,OAAM,MAAE,I,GACdA,MAAM,W,GAQJA,MAAM,a,GAMVA,MAAM,Q,QACiCC,gCAAK,oB,QACLA,gCAAK,oB,QACLA,gCAAK,oB,wDApBnDC,gCAsBM,MAtBNC,EAsBM,CArBJF,gCAeM,MAfNG,EAeM,CAdJC,EACAJ,gCAYM,MAZNK,EAYM,CAXJL,gCAA+C,UAAAM,6BAAxCC,EAAAC,GAAG,+BAAD,GACTR,gCAEI,SAAAM,6BADCC,EAAAC,GAAG,iCAAD,GAEPR,gCAEI,SAAAM,6BADCC,EAAAC,GAAG,iCAAD,GAEPR,gCAGM,MAHNS,EAGM,CAFJT,gCAA2D,UAAlDU,QAAKC,EAAA,KAAAA,EAAA,OAAAC,IAAEC,EAAAC,UAAAD,EAAAC,YAAAF,K,6BAAaL,EAAAC,GAAG,iBAAD,GAC/BR,gCAAuD,UAA9CU,QAAKC,EAAA,KAAAA,EAAA,OAAAC,IAAEC,EAAAE,QAAAF,EAAAE,UAAAH,K,6BAAWL,EAAAC,GAAG,eAAD,SAInCR,gCAIM,MAJNgB,EAIM,C,6BAJY,MACdV,6BAAGC,EAAAC,GAAG,iCAAD,GAAmCS,E,6BAAK,MAC7CX,6BAAGC,EAAAC,GAAG,iCAAD,GAAmCU,E,6BAAK,MAC7CZ,6BAAGC,EAAAC,GAAG,iCAAD,GAAmCW,M,gBASjC,GACbC,KAAM,cACNC,WAAY,GACZC,OACE,MAAO,CACLC,OAAQC,KAAKC,OAAOC,QAAQC,KAGhCC,QAAS,CACPd,WACEe,eACE,sBACA,CACEC,IAAKN,KAAKD,OAAOO,KAEnBC,IACEC,OAAOC,iBAAiB,UAAWT,KAAKU,gBAAgB,GAExD,IAAIC,EAAeC,SAASC,cAAc,QAC1CF,EAAaG,OAAS,WACtBH,EAAaI,OAAS,OACtBJ,EAAaK,OAAS,+DAEtB,IAAIC,EAASL,SAASC,cAAc,SACpCI,EAAOC,KAAO,SACdD,EAAOrB,KAAO,IACdqB,EAAOE,MAAQ,mBACfR,EAAaS,YAAYH,GAEzB,IAAII,EAAeT,SAASC,cAAc,SAC1CQ,EAAaH,KAAO,SACpBG,EAAazB,KAAO,aACpByB,EAAaF,MAAQZ,EAASe,SAC9BX,EAAaS,YAAYC,GAEzBT,SAASW,KAAKH,YAAYT,GAE1B,IAAIa,EAAiBhB,OAAOiB,KAAK,GAAI,YAEjCD,IACFb,EAAae,SACbd,SAASW,KAAKI,YAAYhB,KAG9B,CAACiB,EAAMC,KACLC,eAAUD,MAKhBtC,SACEiB,OAAOuB,SAGTrB,eAAesB,GACQ,qCAAjBA,EAAMC,SAIS,YAAfD,EAAMlC,KACRE,KAAKkC,MAAMC,MAAM,GAEjBL,eAAU,oB,iCCrFlB,MAAMM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/chunk-532d03d5.12ecdbee.js","sourcesContent":["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-v16/dist/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-v16/dist/index.js??ref--1-1!./PhoneVerify.vue?vue&type=style&index=0&id=60881700&lang=scss&scoped=true\"","<template>\r\n  <div class=\"phone-verify-content\">\r\n    <div class=\"info\">\r\n      <div class=\"age\">19</div>\r\n      <div class=\"content\">\r\n        <h2>{{ $t('phone.str_adult_auth_title') }}</h2>\r\n        <p>\r\n          {{ $t('phone.str_adult_auth_text1_1') }}\r\n        </p>\r\n        <p>\r\n          {{ $t('phone.str_adult_auth_text1_2') }}\r\n        </p>\r\n        <div class=\"btn-group\">\r\n          <button @click=\"onVerify\">{{ $t('phone.verify') }}</button>\r\n          <button @click=\"onExit\">{{ $t('phone.exit') }}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"desc\">\r\n      - {{ $t('phone.str_adult_auth_text3_1') }}<br/>\r\n      - {{ $t('phone.str_adult_auth_text3_2') }}<br/>\r\n      - {{ $t('phone.str_adult_auth_text3_3') }}<br/>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport { requestPost, showToast } from \"../../lib/util\";\r\n\r\nexport default {\r\n  name: 'PhoneVerify',\r\n  components: {},\r\n  data() {\r\n    return {\r\n      myInfo: this.$store.getters.me,\r\n    };\r\n  },\r\n  methods: {\r\n    onVerify() {\r\n      requestPost(\r\n        'nice/getNiceEncData',\r\n        {\r\n          uid: this.myInfo.uid\r\n        },\r\n        response => {\r\n          window.addEventListener('message', this.onVerifyResult, false);\r\n\r\n          var niceAuthForm = document.createElement(\"form\");\r\n          niceAuthForm.target = \"niceAuth\";\r\n          niceAuthForm.method = \"POST\";\r\n          niceAuthForm.action = \"https://nice.checkplus.co.kr/CheckPlusSafeModel/checkplus.cb\";\r\n\r\n          var mInput = document.createElement(\"input\");\r\n          mInput.type = \"hidden\";\r\n          mInput.name = \"m\";\r\n          mInput.value = \"checkplusSerivce\";\r\n          niceAuthForm.appendChild(mInput);\r\n\r\n          var encDataInput = document.createElement(\"input\");\r\n          encDataInput.type = \"hidden\";\r\n          encDataInput.name = \"EncodeData\";\r\n          encDataInput.value = response.enc_data;\r\n          niceAuthForm.appendChild(encDataInput);\r\n\r\n          document.body.appendChild(niceAuthForm);\r\n\r\n          let niceAuthWindow = window.open(\"\", \"niceAuth\");\r\n\r\n          if (niceAuthWindow) {\r\n            niceAuthForm.submit();\r\n            document.body.removeChild(niceAuthForm);\r\n          }\r\n        },\r\n        (code, msg) => {\r\n          showToast(msg);\r\n        }\r\n      );\r\n    },\r\n\r\n    onExit() {\r\n      window.close();\r\n    },\r\n\r\n    onVerifyResult(event) {\r\n      if (event.origin !== 'https://api.camtalkaws.com:38750') {\r\n        return;\r\n      }\r\n\r\n      if (event.data === 'success') {\r\n        this.$root.onTab(0);\r\n      } else {\r\n        showToast('인증이 실패하였습니다.');\r\n      }\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\nbody {\r\n  margin: 0;\r\n}\r\n\r\ndiv:not(.carousel__viewport) {\r\n  display: flex;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n  outline: none;\r\n  border: none;\r\n}\r\n\r\n.phone-verify-content {\r\n  background-color: white;\r\n  width: 1100px;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  @media (max-width: 768px) {\r\n    width: 100%;\r\n  }\r\n\r\n  .info {\r\n    margin-top: 105px;\r\n    padding: 0 32px;\r\n    align-items: center;\r\n\r\n    @media (max-width: 768px) {\r\n      margin-top: 58px;\r\n      padding: 0 44px;\r\n      flex-direction: column;\r\n      align-items: inherit;\r\n    }\r\n\r\n    .age {\r\n      width: 297px;\r\n      height: 297px;\r\n      border: 15px solid #f25c62;\r\n      border-radius: 149px;\r\n      color: #000000;\r\n      font-size: 130px;\r\n      font-weight: bold;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      @media (max-width: 768px) {\r\n        width: 114px;\r\n        height: 114px;\r\n        border-radius: 57px;\r\n        border-width: 6px;\r\n        font-size: 54px;\r\n        align-self: center;\r\n      }\r\n    }\r\n\r\n    .content {\r\n      flex: 1;\r\n      flex-direction: column;\r\n      margin-left: 100px;\r\n\r\n      @media (max-width: 768px) {\r\n        margin-left: 0;\r\n        margin-top: 32px;\r\n\r\n        h2, p {\r\n          padding: 0 4px;\r\n        }\r\n      }\r\n\r\n      h2 {\r\n        color: #f25c62;\r\n        font-weight: bold;\r\n        font-size: 45px;\r\n\r\n        @media (max-width: 768px) {\r\n          font-size: 24px;\r\n        }\r\n      }\r\n\r\n      p {\r\n        margin-top: 60px;\r\n        font-size: 28px;\r\n\r\n        @media (max-width: 768px) {\r\n          margin-top: 28px;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n\r\n      h2 + p {\r\n        color: #000000;\r\n      }\r\n\r\n      p + p {\r\n        color: #f25c62;\r\n        font-weight: bold;\r\n      }\r\n\r\n      .btn-group {\r\n        height: 85px;\r\n        margin-top: 50px;\r\n\r\n        @media (max-width: 768px) {\r\n          height: 40px;\r\n          margin-top: 36px;\r\n        }\r\n\r\n        button {\r\n          flex: 1;\r\n          height: 100%;\r\n          outline: none;\r\n          font-size: 36px;\r\n\r\n          @media (max-width: 768px) {\r\n            font-size: 18px;\r\n          }\r\n        }\r\n\r\n        > button {\r\n          background-color: #f25c62;\r\n          color: #ffffff;\r\n        }\r\n\r\n        button + button {\r\n          background-color: #ffffff;\r\n          color: #979797;\r\n          border: 4px solid #808080;\r\n          margin-left: 16px;\r\n\r\n          @media (max-width: 768px) {\r\n            margin-left: 7px;\r\n            border: 2px solid #acacac;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .desc {\r\n    margin-top: 120px;\r\n    padding: 0 45px;\r\n    font-size: 20px;\r\n\r\n    @media (max-width: 768px) {\r\n      margin-top: 26px;\r\n      padding: 0 40px;\r\n      font-size: 9px;\r\n      color: #404040;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./PhoneVerify.vue?vue&type=template&id=60881700&scoped=true\"\nimport script from \"./PhoneVerify.vue?vue&type=script&lang=js\"\nexport * from \"./PhoneVerify.vue?vue&type=script&lang=js\"\n\nimport \"./PhoneVerify.vue?vue&type=style&index=0&id=60881700&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/viewchat/public_html/web-v2/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-60881700\"]])\n\nexport default __exports__"],"sourceRoot":""}