https://beautyin.io/_next/static/chunks/pages/my/talk/invite-25a05563ca10bace.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1932],{81202:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return I}});var i=r(23100),n=r(2962),o=r(67294),l=r(17674),a=r(50029),c=r(87794),d=r.n(c),s=r(57350),u=r(25559),h=r(68055),g=r(66946),p=r(33499),x=r(96272),b=r(88911),f=r(204),m=r(28129),v=r(91669),w=r(9740),y=r(14418),Z=r(56877),k=r(97822),C=r(31983),R=r(37887),S=r(73359),X=r(50319),z=r(11163),B=r(53215),E=r(96673),T=r(48669),_=r(27484),W=r.n(_),D=r(42936),A=r(61490),U=r(35944),H=function(){var e,t,r,n,c,_,H=(0,z.useRouter)(),I=(0,o.useState)(!1),j=(I[0],I[1]),N=(0,s.p)(),O=(0,R.a)(B.v0),F=O.data;O.loading;var Y=(0,R.a)(E.M),M=Y.data;Y.loading;var P=null==F?void 0:null===(r=F.myTalkReferralCodes)||void 0===r?void 0:r.find(function(e){return!e.isCompany});console.log(M,"jj");var Q=(e=(0,a.Z)(d().mark(function e(){return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,navigator.clipboard.writeText((null==P?void 0:P.code)||"");case 3:j(!0),N({title:"코드가 복사되었습니다",status:"success",duration:2e3}),setTimeout(function(){return j(!1)},2e3),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),N({title:"복사에 실패했습니다",status:"error",duration:2e3});case 11:case"end":return e.stop()}},e,null,[[0,8]])})),function(){return e.apply(this,arguments)});console.log(F,"j");var q=(0,R.a)(T.et,{variables:{isCompany:!1}}).data,G=(0,R.a)(T.VR,{variables:{isCompany:!1}}).data,J=function(e){var t=e.split("@"),r=(0,l.Z)(t,2),i=r[0],n=r[1],o=i.slice(0,2)+"*".repeat(i.length-2);return"".concat(o,"@").concat(n)},K=o.useState(""),V=(0,l.Z)(K,2),L=V[0],$=V[1],ee=(0,S.t)(D._d),et=(0,l.Z)(ee,1)[0],er=(0,X.D)(A.EO,{refetchQueries:[{query:E.M}]}),ei=(0,l.Z)(er,1)[0],en=(t=(0,a.Z)(d().mark(function e(t){var r;return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,et({variables:{code:t}});case 3:return r=e.sent.data,e.abrupt("return",r.talkReferralCodeCheck);case 8:return e.prev=8,e.t0=e.catch(0),console.error("추천코드 체크 실패:",e.t0),e.abrupt("return",!1);case 12:case"end":return e.stop()}},e,null,[[0,8]])})),function(e){return t.apply(this,arguments)});return(0,U.tZ)(i.xu,{px:"20px",py:["20px","20px","40px"],width:"100%",minH:"100vh",maxW:"1000px",m:[0,"auto"],children:(0,U.BX)(v.g,{spacing:8,align:"flex-start",width:"100%",children:[(0,U.BX)(f.k,{align:"center",gap:[4,6],flexDir:["column","column","row"],textAlign:["center","center","left"],w:"100%",children:[(0,U.tZ)(i.xu,{position:"relative",width:"64px",height:"64px",borderRadius:"xl",bg:"white",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"lg",mx:["auto","auto","0"],children:(0,U.tZ)(w.E,{src:"/images/talk-invite.svg",alt:"제안하기",width:"60%",height:"60%"})}),(0,U.BX)(i.xu,{children:[(0,U.tZ)(y.X,{as:"h1",fontSize:["lg","xl","2xl"],fontWeight:"800",color:"gray.900",letterSpacing:"-0.02em",mb:1.5,children:"뷰티인톡 초대하기"}),(0,U.tZ)(b.x,{fontSize:["sm","md"],color:"gray.500",fontWeight:"500",letterSpacing:"-0.01em",children:"직장동료나 친구들을 뷰티인톡으로 초대해보세요!"})]})]}),(0,U.BX)(v.g,{width:"100%",spacing:6,bg:"gray.50",p:6,borderRadius:"xl",children:[(0,U.tZ)(b.x,{fontSize:["md","xl"],fontWeight:"bold",color:"gray.900",w:"100%",textAlign:"center",children:"친구들을 뷰티인톡으로 초대해보세요!"}),(0,U.tZ)(i.xu,{position:"relative",width:"100%",display:"flex",justifyContent:"center",alignItems:"center",children:(0,U.BX)("picture",{children:[(0,U.tZ)("source",{media:"(min-width: 768px)",srcSet:"/images/beautyin-talk-event-pc.webp"}),(0,U.tZ)("img",{src:"/images/beautyin-talk-event-m.webp",alt:"뷰티인톡 이벤트",loading:"eager",style:{width:"100%",height:"100%",objectFit:"contain"}})]})})]}),(0,U.BX)(function(e){var t,r,n=e.children,o=null==M?void 0:null===(t=M.my)||void 0===t?void 0:null===(r=t.talkUser)||void 0===r?void 0:r.status;if("CONFIRM"===o||"RE_REQUEST"===o)return(0,U.tZ)(U.HY,{children:n});var l={UNAUTHORIZED:{title:"뷰티인톡 인증이 필요합니다",description:"초대코드를 생성하기 위해서는 뷰티인톡 인증이 필요합니다.",buttonText:"뷰티인톡 인증하기",bgColor:"#f7ecf1",iconColor:"#E8588C"},default:{title:"뷰티인톡 인증 진행중입니다",description:"인증완료후 초대코드확인이 가능합니다.",buttonText:"인증 현황 확인하기",bgColor:"#EDF2F7",iconColor:"#4A5568"}},a="UNAUTHORIZED"===o?l.UNAUTHORIZED:l.default;return(0,U.BX)(i.xu,{position:"relative",w:"100%",minH:"600px",children:[(0,U.tZ)(i.xu,{position:"absolute",top:0,left:0,right:0,bottom:0,bg:"white",opacity:.8,zIndex:1}),(0,U.BX)(u.b,{status:"warning",variant:"subtle",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",height:"300px",borderRadius:"xl",position:"absolute",top:"40%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,width:"90%",maxWidth:"600px",background:a.bgColor,children:[(0,U.tZ)(h.z,{boxSize:"40px",mr:0,color:a.iconColor}),(0,U.tZ)(g.C,{mt:4,mb:1,fontSize:"lg",children:a.title}),(0,U.tZ)(p.X,{maxWidth:"sm",mb:4,children:a.description}),(0,U.tZ)(x.z,{onClick:function(){return H.push("/my/talk/certification")},mt:4,background:a.iconColor,color:"white",_hover:{bg:"UNAUTHORIZED"===o?"#d94d7d":"#2D3748"},size:"md",height:"48px",width:"200px",children:a.buttonText})]}),n]})},{children:[(0,U.BX)(i.xu,{width:"100%",bg:"white",p:6,borderRadius:"xl",border:"1px solid",borderColor:"gray.200",children:[(0,U.tZ)(y.X,{as:"h3",fontSize:"lg",mb:4,children:"나의 초대코드"}),(0,U.tZ)(i.xu,{onClick:Q,bg:"white",p:4,borderRadius:"lg",width:"100%",position:"relative",curs

1or:"pointer",border:"1px solid",borderColor:"gray.200",mb:4,children:(0,U.BX)(f.k,{justify:"space-between",align:"center",children:[(0,U.tZ)(b.x,{fontSize:"lg",fontWeight:"semibold",children:(null==P?void 0:P.code)||""}),(0,U.tZ)(Z.J,{as:C.T,w:5,h:5,color:"gray.500"})]})}),(0,U.tZ)(function(){if(null!=M&&null!==(t=M.my)&&void 0!==t&&null!==(r=t.talkUser)&&void 0!==r&&r.talkReferralReceive)return(0,U.BX)(i.xu,{width:"100%",bg:"white",p:4,borderRadius:"lg",border:"1px solid",borderColor:"gray.200",children:[(0,U.tZ)(b.x,{fontSize:"sm",color:"gray.600",fontWeight:"bold",children:"초대코드 등록 완료!"}),(0,U.BX)(b.x,{fontSize:"sm",color:"gray.600",mt:1,children:["나를 초대한 사람:"," ",M.my.talkUser.talkReferralReceive.inviter.name]})]});var e,t,r,n=(e=(0,a.Z)(d().mark(function e(){return d().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(L){e.next=3;break}return N({title:"추천코드를 입력해주세요",status:"warning",duration:3e3,isClosable:!0}),e.abrupt("return");case 3:return e.prev=3,e.next=6,en(L);case 6:if(e.sent){e.next=10;break}return N({title:"유효하지 않은 추천코드",description:"올바른 추천코드를 입력해주세요.",status:"error",duration:3e3,isClosable:!0}),e.abrupt("return");case 10:return e.next=12,ei({variables:{input:{referralCode:L,isCompany:!1}}});case 12:N({title:"추천코드 등록 완료",description:"추천코드가 성공적으로 등록되었습니다.",status:"success",duration:3e3,isClosable:!0}),$(""),e.next=20;break;case 16:e.prev=16,e.t0=e.catch(3),console.error("추천코드 등록 실패:",e.t0),N({title:"추천코드 등록 실패",description:"추천코드 등록에 실패했습니다. 다시 시도해주세요.",status:"error",duration:3e3,isClosable:!0});case 20:case"end":return e.stop()}},e,null,[[3,16]])})),function(){return e.apply(this,arguments)});return(0,U.BX)(i.xu,{width:"100%",children:[(0,U.tZ)(b.x,{mb:2,fontSize:"sm",color:"gray.600",children:"추천인 코드 (선택)"}),(0,U.BX)(f.k,{gap:2,children:[(0,U.tZ)(m.I,{background:"white",placeholder:"추천인 코드를 입력해주세요",value:L,onChange:function(e){return $(e.target.value)}}),(0,U.tZ)(x.z,{onClick:n,background:"#E8588C",color:"white",_hover:{bg:"#d94d7d"},minW:"120px",children:"코드 인증"})]})]})},{}),(0,U.tZ)(y.X,{as:"h3",fontSize:"lg",my:4,children:"누적 초대 완료"}),(0,U.tZ)(i.xu,{bg:"gray.50",p:6,borderRadius:"xl",mb:6,children:(0,U.BX)(f.k,{justify:"space-around",align:"center",children:[(0,U.BX)(i.xu,{textAlign:"center",children:[(0,U.tZ)(b.x,{color:"gray.500",fontSize:"sm",mb:2,children:"이번달 초대"}),(0,U.BX)(b.x,{fontSize:"2xl",fontWeight:"bold",color:"#E8588C",children:[(null==q?void 0:null===(n=q.myTalkReferralData)||void 0===n?void 0:n.currentMonth)||0,"명"]})]}),(0,U.BX)(i.xu,{textAlign:"center",children:[(0,U.tZ)(b.x,{color:"gray.500",fontSize:"sm",mb:2,children:"총 초대"}),(0,U.BX)(b.x,{fontSize:"2xl",fontWeight:"bold",color:"#E8588C",children:[(null==q?void 0:null===(c=q.myTalkReferralData)||void 0===c?void 0:c.total)||0,"명"]})]})]})}),(0,U.tZ)(i.xu,{maxH:"400px",px:4,overflowY:"auto",sx:{"&::-webkit-scrollbar":{width:"4px"},"&::-webkit-scrollbar-track":{width:"6px",background:"gray.50"},"&::-webkit-scrollbar-thumb":{background:"gray.200",borderRadius:"24px"},"&::-webkit-scrollbar-thumb:hover":{background:"gray.300"}},children:(null==G?void 0:null===(_=G.myTalkReferralReceivers)||void 0===_?void 0:_.length)>0?(0,U.tZ)(v.g,{spacing:2,width:"100%",align:"stretch",children:G.myTalkReferralReceivers.map(function(e){return(0,U.tZ)(i.xu,{p:4,bg:"white",borderRadius:"lg",border:"1px solid",borderColor:"gray.200",children:(0,U.BX)(f.k,{justify:"space-between",align:"center",gap:2,children:[(0,U.BX)(i.xu,{flex:"1",minW:"0",children:[(0,U.tZ)(b.x,{fontSize:"sm",fontWeight:"bold",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",children:J(e.receiver.user.email)}),(0,U.tZ)(b.x,{fontSize:"xs",color:"gray.500",children:W()(e.receiver.updatedAt).format("YYYY.MM.DD HH:mm")})]}),(0,U.tZ)(b.x,{fontSize:"sm",color:"#E8588C",bg:"pink.50",px:2,py:1,borderRadius:"md",whiteSpace:"nowrap",children:"초대완료"})]})},e.id)})}):(0,U.tZ)(b.x,{textAlign:"center",color:"gray.400",children:"친구, 직장동료를 초대해보세요!"})})]}),(0,U.BX)(i.xu,{width:"100%",bg:"gray.50",p:6,borderRadius:"xl",children:[(0,U.tZ)(b.x,{fontSize:"lg",fontWeight:"semibold",mb:4,children:"꼭 읽어보세요!"}),(0,U.BX)(v.g,{align:"stretch",spacing:4,children:[(0,U.tZ)(b.x,{color:"gray.600",children:"1. 뷰티인톡 인증을 진행해 초대코드를 생성합니다."}),(0,U.tZ)(b.x,{color:"gray.600",children:"2. 초대코드를 복사하여 친구에게 전달합니다. (초대코드를 직접 복사해 보내주세요.)"}),(0,U.tZ)(b.x,{color:"gray.600",children:"3. 초대받은 친구가 뷰티인톡 인증 단계에 초대코드를 입력하고 인증을 완료하면 초대완료 카운트로 집계됩니다."}),(0,U.tZ)(k.i,{}),(0,U.tZ)(b.x,{fontSize:"sm",color:"gray.500",children:"* 최초 인증 시에만 초대완료 카운트에 정상 반영됩니다."}),(0,U.tZ)(b.x,{fontSize:"sm",color:"gray.500",children:"* 같은 회사 뿐 아니라 다른 회사에 재직중인 사람도 초대할 수 있습니다."}),(0,U.tZ)(b.x,{fontSize:"sm",color:"gray.500",children:"* 초대코드의 상품은 변경될수 있습니다."}),(0,U.tZ)(b.x,{fontSize:"sm",color:"gray.500",children:"* 초대코드의 인정횟수는 1달 최대 5회이며, 추가초대분은 이월되지 않습니다."})]})]})]})]})})},I=function(e){return(0,U.BX)(U.HY,{children:[(0,U.tZ)(n.PB,{title:"뷰티인 | 뷰티인톡 친구초대하기",canonical:"https://beautyin.io/my/talk/invite",description:"인증기반 미용 커뮤니티 뷰티인톡 헤어, 네일, 애견미용, 메이크업, 피부관리 등 다양한 미용구인 정보 뷰티인. 미용구인구직 전문 뷰티인.",openGraph:{type:"website",locale:"k

1o_KR",title:"뷰티인 | 뷰티인톡 친구초대하기",description:"인증기반 미용 커뮤니티 뷰티인톡 헤어, 네일, 애견미용, 메이크업, 피부관리 등 다양한 미용구인 정보 뷰티인. 미용구인구직 전문 뷰티인.",images:[{url:"https://beautyin.io/talk-og-image.png",width:800,height:600,alt:"뷰티인"}]}}),(0,U.tZ)(i.xu,{backgroundColor:"#F1F4F6",width:"100%",children:(0,U.tZ)(H,{})})]})}},53138:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/my/talk/invite",function(){return r(81202)}])}},function(e){e.O(0,[2962,2168,9774,2888,179],function(){return e(e.s=53138)}),_N_E=e.O()}]);