https://collexx.io/_next/static/chunks/pages/event/game-coupon-c2e82e2985486598.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[955],{50701:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return v}});var r=n(50029),i=n(59499),o=n(16835),u=n(87794),c=n.n(u),a=n(67294),p=n(47213),s=n(80051),l=n(20816),h=n(87196),d=n(62043),f=n(57826),g=n(92292),b=n(68036),x=n(20442),Z=n(11163),m=n(67421),O=n(35944);function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach(function(t){(0,i.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function v(e){e.title;var t=(0,b.ZA)().setHeaderTitle,n=(0,m.$G)().t,i=function(){var e=(0,b.ZA)().confirmModal,t=(0,Z.useRouter)(),n=a.useMemo(function(){return null==t?void 0:t.query.gameAuth},[null==t?void 0:t.query]),i=a.useState(!1),u=(0,o.Z)(i,2),p=u[0],s=u[1],l=a.useState(!1),h=(0,o.Z)(l,2),d=h[0],f=h[1],x=a.useState(!1),m=(0,o.Z)(x,2),O=m[0],y=m[1],v=a.useReducer(function(){return!0},!1),k=(0,o.Z)(v,2),w=k[0],D=k[1],S=a.useReducer(function(e){return e+1},0),R=(0,o.Z)(S,2),B=R[0],P=R[1],_=a.useState({phone:"",code:""}),j=(0,o.Z)(_,2),E=j[0],N=j[1],X=a.useRef("");function L(){return(L=(0,r.Z)(c().mark(function e(){return c().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,g.Z.paymentUserInfo.sendSmsOtp({phoneNumber:E.phone,phoneCountryCode:"+82"});case 2:X.current=E.phone,y(!0);case 4:case"end":return e.stop()}},e)}))).apply(this,arguments)}function q(){return(q=(0,r.Z)(c().mark(function e(){return c().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(X.current){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,g.Z.paymentUserInfo.confirmSmsOtp({phoneNumber:X.current,phoneCountryCode:"+82",otp:E.code});case 4:201===e.sent.status&&D();case 7:case"end":return e.stop()}},e)}))).apply(this,arguments)}function A(){return(A=(0,r.Z)(c().mark(function r(){return c().wrap(function(r){for(;;)switch(r.prev=r.next){case 0:if(!(!X.current||!n)){r.next=2;break}return r.abrupt("return");case 2:return r.next=4,g.Z.event.registerCoupon({gameId:n,type:"amount",phone:X.current,route:"game"});case 4:return r.next=6,e.open({title:"알림",contents:"쿠폰 등록이 완료 되었습니다.",skipCancel:!0});case 6:t.replace("/");case 7:case"end":return r.stop()}},r)}))).apply(this,arguments)}return{form:E,tryCount:B,isDisabledSendOtpButton:!p||O||w,isDisableOtpInput:!O,isDisableCheckOtpButton:!d||w,isDisableRegisterCouponButton:!w,isOnCertificating:O,isCompletedCertificating:w,handleChangePhoneNumber:function(e){var t=e.value;s(11===t.length),N(function(e){return C(C({},e),{},{phone:t})})},handleRequestOtp:function(){return L.apply(this,arguments)},handleChangeOtp:function(e){var t=e.value;f(6===t.length),N(function(e){return C(C({},e),{},{code:t})})},handleExpireOtp:function(){P(),y(!1)},handleVerifyOtp:function(){return q.apply(this,arguments)},handleRegisterCoupon:function(){return A.apply(this,arguments)}}}(),u=i.form,y=i.tryCount,v=i.isDisabledSendOtpButton,k=i.isDisableOtpInput,w=i.isOnCertificating,D=i.isDisableCheckOtpButton,S=i.isDisableRegisterCouponButton,R=i.isCompletedCertificating,B=i.handleChangePhoneNumber,P=i.handleRequestOtp,_=i.handleChangeOtp,j=i.handleExpireOtp,E=i.handleVerifyOtp,N=i.handleRegisterCoupon,X=(0,x.u)().colors;return a.useEffect(function(){return t(n("쿠폰등록")),function(){t(null)}},[]),(0,O.BX)(p.Kq,{width:"100%",maxWidth:"420px",margin:"0 auto",children:[(0,O.tZ)(s.Z,{}),(0,O.tZ)(p.M5,{padding:"30px 0 34px 0",children:(0,O.tZ)(p.Ee,{src:"https://user-images.githubusercontent.com/11402468/202161548-0a482721-58a8-460f-8cb4-870d440226b4.png",width:"161px"})}),(0,O.BX)(p.xu,{border:"1px solid #4981D4",borderRadius:"10px",backgroundColor:"#4981D419",padding:"17px 20px",color:"#444444",fontSize:"14px",lineHeight:"22px",children:["컬렉스 옥션 할인쿠폰을 등록하세요. ",(0,O.tZ)("br",{}),"컬렉스 경매 낙찰 후 해당 쿠폰금액만큼의 할인을 받으실 수 있습니다."]}),(0,O.tZ)(h.xv,{fontWeight:600,fontSize:"16px",lineHeight:"19px",color:X.gray[600],marginTop:"35px",children:"할인쿠폰 받는 방법"}),(0,O.BX)(h.xv,{as:"div",fontSize:"14px",lineHeight:"24px",color:X.gray[600],marginTop:"16px",children:[(0,O.tZ)("p",{children:"1. 휴대전화번호 등록(컬렉스옥션에서 사용하실 전화번호를 등록하세요)"}),(0,O.tZ)("p",{children:"2. 인증하기 후 인증번호 입력"}),(0,O.tZ)("p",{children:"3. 할인쿠폰 등록하기 버튼 클릭"})]}),(0,O.tZ)(p.LZ,{height:"24px"}),(0,O.BX)(p.xu,{padding:"35px 0 80px 0",children:[(0,O.tZ)(h.xv,{fontSize:"16px",lineHeight:"19px",fontWeight:600,color:"#444444",children:"휴대전화번호 등록"}),(0,O.tZ)(p.LZ,{height:"16px"}),(0,O.tZ)(f.Rn,{name:"phone",value:u.phone,format:"(###) - #### - ####",placeholder:"휴대폰 번호",floating:!1,onValueChange:B}),(0,O.tZ)(p.LZ,{height:"10px"}),(0,O.tZ)(d.Z,{type:"secondary",block:!0,disabled:v,onClick:P,children:0===y?"인증번호 전송":"인증번호 재전송"}),(0,O.tZ)(p.LZ,{height:"20px"}),(0,O.BX)(p.xu,{position:"relative",children:[(0,O.tZ)(f.Rn,{name:"code",value:u.code,placeholder:"인증 코드",format:"######",floating:!1,disabled:k,onValueChange:_}),(0,O.BX)(p.xu,{position:"absolute",top:"50%",right:"17px",transform:"translate(0, -50%)",children:[w&&!R&&(0,O.tZ)(l.Z,{minute:3,second:0,expireAction:j}),R&&(0,O.tZ)(h.xv,{color:X.blackAlpha[500],children:"인증완료"})]})]}),(0,O.tZ)(p.LZ,{height:"10px"}),(0,O.tZ)(d.Z,{type:"secondary",block:!0,disabled:D,onClick:E,children:"인증하기"}),(0,O.tZ)(p.LZ,{height:"30px"}),(0,O.tZ)(d.Z,{type:"primary",block:!0,disabled:S,onClick:N,children:"할인쿠폰 등록하기"})]})]})}},33314:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/event/game-coupon",function(){return n(50701)}])}},function(e){e.O(0,[9001,9774,2888,179],function(){return e(e.s=33314)}),_N_E=e.O()}]);