https://groupby.kr/_next/static/chunks/pages/landing/referral/reward-8b1bc1e71bb2ac2a.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2e9b0d8f-5763-44b8-9509-f16e4a6a5531",e._sentryDebugIdIdentifier="sentry-dbid-2e9b0d8f-5763-44b8-9509-f16e4a6a5531")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2403],{28585:(e,t,n)=>{"use strict";n.d(t,{H:()=>l,l:()=>d});var i=n(14232),o=n(29454),r=n(37444),a=n(10313);let s=null,l=(e,t)=>{if("view"===e){let e=Date.now();if((null==s?void 0:s.source)===t&&e-s.at<2e3)return;s={source:t,at:e}}fetch("".concat(r.eoz,"/referral/actions"),{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",keepalive:!0,body:JSON.stringify({action:"view"===e?"loginGateView":"loginGateClick",code:(0,a.$p)()||void 0,data:{source:t}})}).catch(()=>{})},d=function(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],t=arguments.length>1?arguments[1]:void 0,n=(0,i.useRef)(!1);(0,i.useEffect)(()=>{!e||n.current||o.A.get(r.Ndo)||(n.current=!0,l("view",null!=t?t:window.location.pathname))},[e,t])}},54918:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>eH});var i=n(37876),o=n(14232),r=n(83469),a=n(57561),s=n(37444),l=n(74162),d=n(89099),c=n(68827),f=n.n(c),p=n(43078),h=n(70294),g=n(29454),x=n(81667),u=n(79308),m=n(98051),b=n(23682),w=n(98654),y=n(18831),v=n(28585),j=n(95938),k=n(73310),C=n(33125),A=n(75670);let I={green:"#24D59E",green2:"#0BAE76",cta:"#009D59",teal:"#2CCFC3",mint:"#2BDDA6",ink:"#002115",body:"#4A5565",body2:"#3A4742",sub:"#5C6B66",sub2:"#6A7282",hint:"#749592",darkLabel:"#9DBDB2",mintSoft:"#7FE7C4",line:"#E9E9E9",line2:"#EAEFEC",line3:"#F1F3F2",tint:"#F8FBFA",tint2:"#E0F8EE",dotOff:"rgba(0,0,0,0.14)",redMark:"#E5443A",numGray:"#8A958F",night1:"#23262A",night2:"#0C0D0F"},E=e=>(0,C.ZV)(e),F=e=>{let t=e/1e4;return Number.isInteger(t)?t:Number(t.toFixed(1))},z=[50,145,240,335,430,430,335,240,145,50],D=[66,66,66,66,66,184,184,184,184,184],_=[{count:5,x:430,y:32},{count:10,x:50,y:218}],M=(e,t)=>"".concat((e/t*100).toFixed(2),"%"),S=(0,l.PA)(()=>{var e,t;let n=(0,d.useRouter)(),a=(0,o.useRef)(null),[l,c]=(0,o.useState)(!1),p=(0,o.useRef)(!1),S=(0,o.useRef)(null),L=(0,o.useRef)(null),[R,V]=(0,o.useState)(0),[ea,eH]=(0,o.useState)(null),[e$,eO]=(0,o.useState)(0),eX=(0,o.useRef)(0),eY=(0,o.useRef)(),eW=(0,o.useRef)([]),eJ=(0,o.useRef)(!1),eU=(0,o.useRef)(()=>void 0),{data:eG}=(0,w.MY)(),eK=null==eG?void 0:eG.rewardConfig,eV=(null==eK?void 0:eK.platformJoinedReferrer)||A.XC.perJoin,eQ=(null==eK?void 0:eK.profileCompletedReferrer)||A.XC.joinAndProfile-A.XC.perJoin,eZ=((null==eK?void 0:eK.platformJoinedReferrer)||0)+((null==eK?void 0:eK.profileCompletedReferrer)||0)||A.XC.joinAndProfile,e0=(null==eK?void 0:eK.placementHired)||A.XC.placementHired,e1=(null==eK?void 0:eK.placementRetention)||A.XC.placementRetention,e2=(null==eG||null==(e=eG.inviteMilestones)?void 0:e.length)?eG.inviteMilestones:A.pz,e3=eZ+e0+e1,e5=null==eG?void 0:eG.campaign,e8=e5?Math.floor(F(e5.cap)):300,e4=e5?Math.floor(F(Math.max(0,e5.cap-e5.used))):82,e6=e5?Math.max(2,Math.max(0,e5.cap-e5.used)/e5.cap*100):27.333333333333332,e9=null==eG?void 0:eG.recentActivity,e7=e=>{var t,n;return null!=(n=null==(t=e2.find(t=>t.count===e))?void 0:t.amount)?n:0},te=_.filter(e=>e7(e.count)>0),tt=R*eZ+te.reduce((e,t)=>R>=t.count?e+e7(t.count):e,0),tn=te.length?"".concat(te.map(e=>"".concat(e.count,"명")).join("\xb7"),"을 채").concat(te.length>1?"울 때마다":"우면"," 보너스까지 더해드려요."):"",ti=(0,x.DE)(),to=ti&&!!g.A.get(s.Ndo),{data:tr}=(0,w.zS)(),ta=null==tr?void 0:tr.referralCode,{data:ts}=(0,w.Jd)({ssr:!1}),tl=(0,o.useMemo)(()=>ta?(0,j.Yr)(ta,null==eK?void 0:eK.platformJoinedReferree,null==ts?void 0:ts.name):"",[ta,null==eK?void 0:eK.platformJoinedReferree,null==ts?void 0:ts.name]);(0,w.xN)(),(0,v.l)(ti&&!to,"/landing/referral/reward");let td=(0,o.useCallback)(()=>{if(eJ.current)return;eJ.current=!0;let e=350;for(let t=0;t<10;t++){let n=e,i=window.setTimeout(()=>{V(t+1),eH(t)},n);eW.current.push(i),e+=120,t+1===5&&(e+=2e3)}let t=window.setTimeout(()=>eH(null),e+480);eW.current.push(t)},[]);(0,o.useEffect)(()=>{eU.current=td},[td]),(0,o.useEffect)(()=>()=>eW.current.forEach(clearTimeout),[]),(0,o.useEffect)(()=>{let e=eX.current;if(e===tt)return;let t=performance.now(),n=i=>

1{let o=Math.min(1,(i-t)/340),r=Math.round(e+(tt-e)*(1-Math.pow(1-o,3)));eX.current=r,eO(r),o<1&&(eY.current=requestAnimationFrame(n))};return eY.current&&cancelAnimationFrame(eY.current),eY.current=requestAnimationFrame(n),()=>{eY.current&&cancelAnimationFrame(eY.current)}},[tt]);let tc=e=>{ta&&(p.current=!0,r.z.track("reward_share_invite",{code:ta,channel:e}),(0,y.CIz)({action:"shareClick",code:ta,data:{channel:e,source:"landing"}}).catch(()=>{}))};return(0,o.useEffect)(()=>{let e=a.current;if(!e)return;let t=e.querySelector("[data-scroller]");if(!t)return;let n=Array.from(t.querySelectorAll("[data-section]")),i=e.querySelector("[data-progressbar]"),o=Array.from(e.querySelectorAll("[data-dot]")),r=e.querySelector("[data-counter]"),s=e=>{if(e.dataset.done)return;e.dataset.done="1";let t=parseFloat(e.dataset.countup||"0"),n=!Number.isInteger(t),i="1"===e.dataset.group,o=e=>n?e.toFixed(1):i?Math.round(e).toLocaleString("ko-KR"):String(Math.round(e)),r=performance.now(),a=n=>{let i=Math.min(1,(n-r)/1e3);e.textContent=o(t*(1-Math.pow(1-i,3))),i<1&&requestAnimationFrame(a)};requestAnimationFrame(a),window.setTimeout(()=>{e.textContent=o(t)},1200)},l=new Set,d=(e,t)=>{!l.has(t)&&(l.add(t),e.querySelectorAll("[data-reveal]").forEach(e=>e.setAttribute("data-in","")),e.querySelectorAll("[data-countup]").forEach(s),e.querySelector("[data-feed]")&&(e=>{e.dataset.fed||(e.dataset.fed="1",Array.from(e.querySelectorAll("[data-feed-row]")).forEach((e,t)=>{window.setTimeout(()=>e.setAttribute("data-show",""),400+480*t)}))})(e),e.querySelector("[data-stamps]")&&eU.current())},c=-1,f=e=>{e!==c&&!(e<0)&&(c=e,o.forEach((t,n)=>{let i=n===e;t.style.height=i?"20px":"6px",t.style.background=i?I.green:I.dotOff}),r&&(r.textContent=String(e+1).padStart(2,"0")))},p=()=>{let e=t.scrollTop,o=t.clientHeight;

1n.forEach((t,n)=>{t.offsetTop-e<.78*o&&d(t,n)});let r=t.scrollHeight-o;i&&(i.style.transform="scaleX(".concat(Math.max(.02,Math.min(1,r>0?e/r:0)),")"));let a=0;for(let t=0;t<n.length;t++)n[t].offsetTop-e<=.5*o&&(a=t);f(a)};t.addEventListener("scroll",p,{passive:!0});let h=o.map((e,i)=>{let o=()=>{let e=n[i];e&&t.scrollTo({top:e.offsetTop,behavior:"smooth"})};return e.addEventListener("click",o),()=>e.removeEventListener("click",o)}),g=Array.from(t.querySelectorAll("[data-next]")).map(e=>{let i=()=>{let e=n[Math.min(n.length-1,c+1)]||n[1];e&&t.scrollTo({top:e.offsetTop,behavior:"smooth"})};return e.addEventListener("click",i),()=>e.removeEventListener("click",i)});return n[0]&&d(n[0],0),f(0),p(),()=>{t.removeEventListener("scroll",p),h.forEach(e=>e()),g.forEach(e=>e())}},[]),(0,o.useEffect)(()=>{let e,t=S.current,n=null!=e9?e9:[];if(!t||0===n.length)return;let i=[{bg:"#B4EDD4",fg:"#006B35"},{bg:"#CDE9FF",fg:"#1F6FB2"},{bg:"#FFE6BF",fg:"#B5760F"},{bg:"#D8D2FF",fg:"#5A4BC4"},{bg:"#FFD6DE",fg:"#C24A66"},{bg:"#C7F0DD",fg:"#047C53"},{bg:"#FFE0C2",fg:"#C0641A"},{bg:"#CFE4FF",fg:"#2D6CB5"}],o=(e,t)=>{var n;let o,r=e.maskedName||"익명",a=i[(r.charCodeAt(0)||0)%i.length],s=document.createElement("div");return s.style.cssText="display:flex; align-items:center; gap:11px; background:"+I.tint+"; border-radius:13px; padding:11px 14px; overflow:hidden;"+(t?"":" max-height:0; padding-top:0; padding-bottom:0; opacity:0; transform:translateY(-6px); transition:max-height .4s ease, opacity .4s ease, transform .4s ease, padding .4s ease;"),s.innerHTML='<div style="width:32px; height:32px; border-radius:9999px; background:'+a.bg+"; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; color:"+a.fg+'; flex-shrink:0;">'+r.charAt(0)+'</div><span style="flex:1; min-width:0; font-size:13px; font-weight:600; color:'+I.body2+'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">'+r+"님 \xb7 "+e.label+'</span><span style="flex-shrink:0; font-size:13px; font-weight:800; color:'+I.cta+';">+'+(o=e.amount,(0,C.ZV)(o))+(null!=(n=e.suffix)?n:"")+"</span>",s},r=0,a=new IntersectionObserver(i=>{i.some(e=>e.isIntersecting)&&((()=>{if(e)return;t.replaceChildren();let i=Math.min(3,n.length);for(let e=0;e<i;e++)t.appendChild(o(n[r%n.length],!0)),r++;e=window.setInterval(()=>{let e=o(n[r%n.length],!1);r++,t.insertBefore(e,t.firstChild),e.offsetHeight,e.style.maxHeight="60px",e.style.paddingTop="11px",e.style.paddingBottom="11px",e.style.opacity="1",e.style.transform="none";let i=L.current;for(i&&(i.style.transition="transform .2s ease",i.style.transform="scale(1.8)",window.setTimeout(()=>{i.style.transform="scale(1)"},200));t.children.length>5;){let e=t.lastChild;e&&t.removeChild(e)}},2600)})(),a.disconnect())},{threshold:.2});return a.observe(t),()=>{a.disconnect(),e&&clearInterval(e)}},[e9]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(B,{}),(0,i.jsxs)(T,{ref:a,children:[(0,i.jsxs)(N,{"data-scroller":!0,children:[(0,i.jsxs)(P,{children:[(0,i.jsxs)(q,{"data-reveal":!0,children:["링크를 공유하면",(0,i.jsx)("br",{}),"포인트가 쌓여요"]}),(0,i.jsxs)($,{"data-reveal":!0,style:{transitionDelay:".12s"},children:["친구가 가입하면 ",(0,i.jsxs)(H,{children:[E(eV),"P"]}),", 프로필 공개 시 ",(0,i.jsxs)(H,{children:[E(eQ),"P"]})," 보너스까지."]}),(0,i.jsx)(O,{children:(0,i.jsx)(X,{"data-reveal":!0,"data-feed":!0,style:{transitionDelay:".18s"},children:[{ava:"지",bg:"#B4EDD4",fg:"#006B35",name:"지민",pub:!0},{ava:"현",bg:"#CDE9FF",fg:"#1F6FB2",name:"현우",pub:!1},{ava:"서",bg:"#FFE6BF",fg:"#B5760F",name:"서연",pub:!0}].flatMap(e=>[{...e,action:"들어왔어요",gain:eV},...e.pub?[{...e,action:"프로필을 공개했어요",gain:eQ}]:[]]).map(e=>(0,i.jsxs)(Y,{"data-feed-row":!0,children:[(0,i.jsx)(W,{style:{background:e.bg,color:e.fg},children:e.ava}),(0,i.jsxs)(J,{children:[e.name,"님이 ",e.action]}),(0,i.jsxs)(U,{children:["+",E(e.gain),"P"]})]},"".concat(e.name,"-").concat(e.action)))})}),(0,i.jsxs)(G,{"data-next":!0,children:[(0,i.jsx)("span",{children:"아래로 넘기며 확인하기"}),(0,i.jsx)(K,{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{d:"M6 9l6 6 6-6",stroke:I.green,strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})]})]}),(0,i.jsxs)(P,{children:[(0,i.jsxs)(q,{"data-reveal":!0,children:["초대할수록",(0,i.jsx)("br",{}),"보너스가 커져요"]}),(0,i.jsxs)($,{"data-reveal":!0,style:{transitionDelay:".12s"},children:["친구가 가입하고 프로필을 공개하면 한 명당"," ",(0,i.jsxs)(H,{children:[E(eZ),"P"]}),tn&&(0,i.jsxs)(i.Fragment,{children:[",",(0,i.jsx)("br",{}),tn]})]}),(0,i.jsxs)(Q,{"data-reveal":!0,"data-stamps":!0,style:{transitionDelay:".18s"},children:[(0,i.jsxs)(Z,{children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(ee,{children:"이렇게 받아요"}),(0,i.jsxs)(et,{children:[E(e$),(0,i.jsx)("small",{children:"P"})]})]}),(0,i.jsxs)(en,{children:[(0,i.jsx)("strong",{children:R})," / ",10,"명"]})]}),(0,i.jsxs)(ei,{children:[(0,i.jsxs)("svg",{viewBox:"0 0 480 250",preserveAspectRatio:"xMidYMid meet",children:[(0,i.jsx)("path",{d:"M50,66 H430 C468,66 468,184 430,184 H50",fill:"none",stroke:"#CFDAD4",strokeWidth:"13",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M50,66 H430 C468,66 468,184 430,184 H50",fill:"none",stroke:I.green,strokeWidth:"13",strokeLinecap:"round",strokeLinejoin:"round",pathLength:100,strokeDasharray:100,strokeDashoffset:0===R?100:100*(1-(R-1)/9),style:{transition:"stroke-dashoffset .3s cubic-bezier(0.2, 0.7, 0.2, 1)"}})]}),z.map((e,t)=>{let n=t+1,o=t<R,r=te.some(e=>e.count===n);return(0,i.jsx)(eo,{$on:o,$mile:r,$pop:ea===t,style:{left:M(z[t],480),top:M(D[t],250)},children:r?(0,i.jsxs)("svg",{width:"23",height:"23",viewBox:"0 0 24 24",fill:"none",stroke:o?"#fff":"#C97F00",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,i.jsx)("polyline",{points:"20 12 20 22 4 22 4 12"}),(0,i.jsx)("rect",{x:"2",y:"7",width:"20",height:"5"}),(0,i.jsx)("line",{x1:"12",y1:"22",x2:"12",y2:"7"}),(0,i.jsx)("path",{d:"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"}),(0,i.jsx)("path",{d:"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"})]}):o?(0,i.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:(0,i.jsx)("path",{d:"M5 13l4 4L19 7"})}):(0,i.jsx)(er,{$mile:r,children:n})},n)}),te.map(e=>{let t=e7(e.count);return(0,i.jsxs)(es,{$reached:R>=e.count,style:{left:M(e.x,480),top:M(e.y,250)},children:["+",E(t),"P"]},e.count)})]})]})]}),(0,i.jsxs)(P,{style:{overflow:"hidden"},children:[(0,i.jsxs)(q,{"data-reveal":!0,children:["친구가 합격하고",(0,i.jsx)("br",{}),"오래 다닐수록 커져요"]}),(0,i.jsxs)($,{"data-reveal":!0,style:{transitionDelay:".06s"},children:["친구 한 명이 합격까지 가면",(0,i.jsx)("br",{}

1),"단계마다 보상이 쌓여 ",(0,i.jsxs)(H,{children:["최대 ",E(e3),"P"]}),"이에요."]}),(0,i.jsx)(el,{"aria-hidden":!0,children:(0,i.jsx)("svg",{width:"0",height:"0",children:(0,i.jsx)("defs",{children:(0,i.jsxs)("filter",{id:"pencil",x:"-20%",y:"-20%",width:"140%",height:"140%",children:[(0,i.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.9",numOctaves:"2",seed:"7",result:"noise"}),(0,i.jsx)("feDisplacementMap",{in:"SourceGraphic",in2:"noise",scale:"2.2",xChannelSelector:"R",yChannelSelector:"G"})]})})})}),(0,i.jsxs)(ed,{"data-reveal":!0,style:{transitionDelay:".12s"},children:[(0,i.jsxs)(ec,{children:[(0,i.jsxs)(ef,{children:[(0,i.jsx)(ep,{children:"1"}),(0,i.jsx)(eh,{children:"친구 가입"}),(0,i.jsxs)(eg,{children:["+",E(eV),"P"]})]}),(0,i.jsxs)(ef,{children:[(0,i.jsx)(ep,{children:"2"}),(0,i.jsx)(eh,{children:"친구 프로필 공개"}),(0,i.jsxs)(eg,{children:["+",E(eQ),"P"]})]}),(0,i.jsxs)(ef,{children:[(0,i.jsx)(ep,{children:"3"}),(0,i.jsx)(eh,{children:"친구 최종 합격"}),(0,i.jsxs)(eg,{children:["+",E(e0),"P"]})]}),(0,i.jsxs)(ef,{children:[(0,i.jsx)(ep,{className:"hl",children:"4"}),(0,i.jsx)(eh,{children:"친구 3개월 초과 재직"}),(0,i.jsxs)(eg,{className:"hl",children:["+",E(e1),"P",(0,i.jsx)(ex,{width:"122",height:"58",viewBox:"0 0 122 58",fill:"none",children:(0,i.jsx)("path",{d:"M18 31 C9 15 42 7 68 9 C99 11 115 19 111 31 C107 45 72 51 46 49 C23 47 11 41 15 29",stroke:I.redMark,strokeWidth:"2.6",strokeLinecap:"round",opacity:"0.92"})}),(0,i.jsx)(eu,{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{d:"M12 2.5l2.7 7.1 7.3.5-5.6 4.7 1.8 7.2L12 18.2 5.8 22l1.8-7.2L2 10.1l7.3-.5z",stroke:I.redMark,strokeWidth:"2.1",strokeLinejoin:"round",strokeLinecap:"round",opacity:"0.92"})})]})]})]}),(0,i.jsxs)(em,{children:[(0,i.jsx)(eb,{children:"총 받는 포인트"}),(0,i.jsxs)(ew,{children:[(0,i.jsx)("span",{"data-countup":e3,"data-group":"1",children:"0"}),(0,i.jsx)("small",{children:"P"})]})]})]})]}),(0,i.jsxs)(P,{style:{overflow:"hidden"},children:[(0,i.jsxs)(q,{"data-reveal":!0,style:{position:"relative"},children:["이번 캠페인,",(0,i.jsx)("br",{}),"마감되기 전에 받으세요"]}),(0,i.jsxs)($,{"data-reveal":!0,style:{transitionDelay:".06s",position:"relative"},children:["한도가 모두 소진되면 보상이 마감돼요.",(0,i.jsx)("br",{}),"회원님도 링크 하나면 바로 시작할 수 있어요."]}),(0,i.jsxs)(ey,{"data-reveal":!0,style:{transitionDelay:".12s"},children:[(0,i.jsxs)(ev,{children:[(0,i.jsx)("span",{children:"이번 캠페인 남은 한도"}),(0,i.jsxs)("strong",{children:["총 ",e8,"만원"]})]}),(0,i.jsxs)(ej,{children:[(0,i.jsx)("span",{children:e4}),(0,i.jsx)("small",{children:"만원 남음"})]}),(0,i.jsx)(ek,{children:(0,i.jsx)(eC,{style:{width:"".concat(e6,"%")}})})]}),(null!=(t=null==e9?void 0:e9.length)?t:0)>0&&(0,i.jsxs)(eA,{children:[(0,i.jsxs)(eI,{"data-reveal":!0,style:{transitionDelay:".18s"},children:[(0,i.jsx)("span",{children:"실시간 적립"}),(0,i.jsxs)(eE,{children:[(0,i.jsx)(eF,{ref:L}),"LIVE"]})]}),(0,i.jsx)(ez,{ref:S})]})]})]}),(0,i.jsxs)(eD,{children:[(0,i.jsx)(e_,{children:(0,i.jsx)(eM,{"data-progressbar":!0})}),(0,i.jsxs)(eS,{children:[(0,i.jsxs)(eL,{children:[(0,i.jsx)(eR,{type:"button","aria-label":"뒤로",onClick:()=>{window.history.length>1?n.back():n.push((0,b.lS)())},children:(0,i.jsx)(h.irw,{size:22})}),(0,i.jsx)(f(),{src:"/logo.svg",alt:"그룹바이",width:22,height:22}),(0,i.jsx)("span",{children:"레퍼럴"})]}),(0,i.jsx)(eB,{type:"button",onClick:()=>n.push(m.AY.REWARD),children:"친구 초대 페이지 가기"})]})]}),(0,i.jsx)(eT,{children:Array.from({length:4}).map((e,t)=>(0,i.jsx)(eN,{"data-dot":!0,className:0===t?"on":void 0},t))}),(0,i.jsx)(eP,{children:(0,i.jsx)(eq,{"data-share":!0,type:"button",onClick:()=>{if(!to){r.z.track("click_kakao_login_button"),u.OV.login("".concat(window.location.origin).concat(m.AY.LANDING_REFERRAL_REWARD));return}if(!ta)return void n.push(m.AY.LANDING_SCOUT_MATCH);r.z.track("referral_landing_start_logged_in"),c(!0)},children:"내 초대 링크 공유하기"})})]}),l&&ta&&(0,i.jsx)(k.g,{inviteMessage:tl,referralLink:(0,j.Wd)(ta),referralCode:ta,onKakaoShare:()=>{ta&&(u.OV.share((0,j.L1)(ta,null==eK?void 0:eK.platformJoinedReferree,null==ts?void 0:ts.name)),tc("kakao"))},onShare:tc,onCopied:e=>{p.current=!0,r.z.track("referral_copy_link",{code:ta,target:e,source:"landing"}),(0,y.CIz)({action:"linkCopy",code:ta,data:{source:"landing"}}).catch(()=>{})},onClose:()=>{c(!1),p.current&&n.push(m.AY.REWARD)}})]})}),L=(0,p.i7)(["0%,100%{transform:translateY(0);opacity:.45;}50%{transform:translateY(7px);opacity:1;}"]),R=(0,p.AH)(["opacity:0;transform:translateY(22px);transition:all 0.7s cubic-bezier(0.16,1,0.3,1);&[data-in]{opacity:1;transform:none;}"]),B=(0,p.DU)(["html,body{background:#fff !important;-webkit-font-smoothing:antialiased;}@media (prefers-reduced-motion:reduce){*{animation:none !important;}}"]),T=p.Ay.div.withConfig({componentId:"sc-ff32be81-0"})(["position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:460px;background:#fff;overflow:hidden;color:",";font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;"],I.ink),N=p.Ay.div.withConfig({componentId:"sc-ff32be81-1"})(["position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;&::-webkit-scrollbar{display:none;}"]),P=p.Ay.section.attrs({"data-section":""}).withConfig({componentId:"sc-ff32be81-2"})(["min-height:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:flex-start;padding:92px 28px 104px;background:#fff;position:relative;"]),q=p.Ay.h2.withConfig({componentId:"sc-ff32be81-3"})(["",";margin:0;font-size:27px;font-weight:800;line-height:1.34;letter-spacing:-0.03em;color:",";"],R,I.ink),H=p.Ay.span.withConfig({componentId:"sc-ff32be81-4"})(["font-size:1.13em;font-weight:800;color:",";"],I.cta),$=p.Ay.p.withConfig({componentId:"sc-ff32be81-5"})(["",";margin:14px 0 24px;font-size:15px;line-height:1.6;color:",";font-weight:500;"],R,I.body),O=p.Ay.div.withConfig({componentId:"sc-ff32be81-6"})(["margin-top:0;margin-bottom:auto;"]),X=p.Ay.div.withConfig({componentId:"sc-ff32be81-7"})(["background:#fff;border:1px solid ",";border-radius:16px;padding:16px 18px;box-shadow:0 4px 40px rgba(0,0,0,0.04);display:flex;flex-direction:column;gap:8px;"],I.line),Y=p.Ay.div.withConfig({componentId:"sc-ff32be81-8"})(["opacity:0;transform:translateY(10px);transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1),transform 0.4s cubic-bezier(0.16,1,0.3,1);display:flex;align-items:center;gap:11px;background:",";border-radius:12px;padding:10px 12px;&[data-show]{opacity:1;transform:none;}"],I.tint),W=p.Ay.div.withConfig({componentId:"sc-ff32be81-9"})(["width:34px;height:34px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;"]),J=p.Ay.span.withConfig({componentId:"sc-ff32be81-10"})(["flex:1;font-size:14px;font-weight:700;color:",";"],I.ink),U=p.Ay.span.withConfig({componentId:"sc-ff32be81-11"})(["font-size:15px;font-weight:800;color:",";"],I.cta),G=p.Ay.div.withConfig({componentId:"sc-ff32be81-12"})(["margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;span{font-size:12px;color:",";font-weight:600;}"],I.hint),K=p.Ay.svg.withConfig({componentId:"sc-ff32be81-13"})(["animation:"," 1.8s ease-in-out infinite;"],L),V=(0,p.i7)(["0%{transform:translate(-50%,-50%) scale(.4) rotate(-12deg);}65%{transform:translate(-50%,-50%) scale(1.12) rotate(3deg);}100%{transform:translate(-50%,-50%) scale(1) rotate(0);}"]),Q=p.Ay.div.withConfig({componentId:"sc-ff32be81-14"})(["",";margin-top:auto;margin-bottom:auto;background:#fff;border:1px solid ",";border-radius:18px;padding:20px 20px 22px;"],R,I.line),Z=p.Ay.div.withConfig({componentId:"sc-ff32be81-15"})(["display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px;"]),ee=p.Ay.span.withConfig({componentId:"sc-ff32be81-16"})(["display:block;font-size:12px;font-weight:600;color:",";"],I.sub),et=p.Ay.div.withConfig({componentId:"sc-ff32be81-17"})(["margin-top:3px;font-size:32px;font-weight:800;line-height:1;letter-spacing:-0.8px;color:",";font-variant-numeric:tabular-nums;small{font-size:16px;margin-left:1px;}"],I.cta),en=p.Ay.span.withConfig({componentId:"sc-ff32be81-18"})(["display:inline-flex;align-items:baseline;gap:2px;border:2px solid ",";border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;color:",";strong{font-size:16px;font-weight:800;color:",";font-variant-numeric:tabular-nums;}"],I.line,I.sub2,I.cta),ei=p.Ay.div.withConfig({componentId:"sc-ff32be81-19"})(["position:relative;width:100%;aspect-ratio:480 / 250;margin-top:14px;& > svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}"]),eo=p.Ay.div.withConfig({componentId:"sc-ff32be81-20"})(["position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:",";border:",";animation:",";"],e=>e.$mile?e.$on?"#F5A300":"#FFF8E6":e.$on?"#009d59":"#eff4f1",e=>e.$mile?e.$on?"2.5px solid #D98E00":"2.5px solid #FBD477":e.$on?"2.5px solid #008a4e":"2.5px dashed #9db2a8",e=>e.$pop?(0,p.AH)([""," 0.55s cubic-bezier(0.2,0.9,0.3,1.3)"],V):"none"),er

1=p.Ay.span.withConfig({componentId:"sc-ff32be81-21"})(["font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;color:",";"],e=>e.$mile?"#B57400":I.sub),ea=(0,p.i7)(["0%{transform:translate(-50%,-50%) scale(0.8);}55%{transform:translate(-50%,-50%) scale(1.22);}100%{transform:translate(-50%,-50%) scale(1);}"]),es=p.Ay.span.withConfig({componentId:"sc-ff32be81-22"})(["position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:12.5px;font-weight:800;border-radius:999px;padding:4px 12px;background:",";color:",";border:2px solid ",";box-shadow:",";animation:",";"],e=>e.$reached?I.cta:"#fff",e=>e.$reached?"#fff":I.cta,I.cta,e=>e.$reached?"0 6px 18px rgba(0, 157, 89, 0.5)":"0 2px 8px rgba(0, 0, 0, 0.1)",e=>e.$reached?(0,p.AH)([""," 0.5s cubic-bezier(0.2,0.9,0.3,1.3)"],ea):"none"),el=p.Ay.div.withConfig({componentId:"sc-ff32be81-23"})(["position:absolute;width:0;height:0;"]),ed=p.Ay.div.withConfig({componentId:"sc-ff32be81-24"})(["",";margin-top:auto;margin-bottom:auto;background:#fff;border:1px solid ",";border-radius:20px;padding:8px 22px 18px;box-shadow:0 4px 40px rgba(0,0,0,0.04);"],R,I.line),ec=p.Ay.div.withConfig({componentId:"sc-ff32be81-25"})([""]),ef=p.Ay.div.withConfig({componentId:"sc-ff32be81-26"})(["display:flex;align-items:center;gap:14px;padding:16px 2px;& + &{border-top:1px solid ",";}"],I.line3),ep=p.Ay.span.withConfig({componentId:"sc-ff32be81-27"})(["width:34px;height:34px;border-radius:11px;background:",";color:",";font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;&.hl{background:",";color:",";}"],I.line2,I.numGray,I.tint2,I.cta),eh=p.Ay.span.withConfig({componentId:"sc-ff32be81-28"})(["flex:1;font-size:15px;font-weight:600;color:",";"],I.body2),eg=p.Ay.span.withConfig({componentId:"sc-ff32be81-29"})(["position:relative;font-size:16px;font-weight:700;color:",";font-variant-numeric:tabular-nums;white-space:nowrap;&.hl{font-size:19px;font-weight:800;color:",";}"],I.body,I.cta),ex=p.Ay.svg.withConfig({componentId:"sc-ff32be81-30"})(["position:absolute;top:50%;left:50%;width:142px;height:50px;transform:translate(-52%,-50%);overflow:visible;pointer-events:none;filter:url(#pencil);"]),eu=p.Ay.svg.withConfig({componentId:"sc-ff32be81-31"})(["position:absolute;top:-15px;right:-13px;width:25px;height:25px;overflow:visible;pointer-events:none;filter:url(#pencil);"]),em=p.Ay.div.withConfig({componentId:"sc-ff32be81-32"})(["display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;background:",";border-radius:16px;padding:16px 20px;"],I.ink),eb=p.Ay.div.withConfig({componentId:"sc-ff32be81-33"})(["font-size:14px;font-weight:600;color:",";"],I.darkLabel),ew=p.Ay.div.withConfig({componentId:"sc-ff32be81-34"})(["display:flex;align-items:flex-end;gap:3px;flex-shrink:0;white-space:nowrap;span{font-weight:800;font-size:30px;line-height:0.9;color:",";font-variant-numeric:tabular-nums;}small{font-size:16px;font-weight:800;color:",";padding-bottom:2px;}"],I.mint,I.mint),ey=p.Ay.div.withConfig({componentId:"sc-ff32be81-35"})(["",";position:relative;overflow:hidden;background:linear-gradient(150deg,",",",");border-radius:18px;padding:20px 22px;"],R,I.night1,I.night2),ev=p.Ay.div.withConfig({componentId:"sc-ff32be81-36"})(["position:relative;display:flex;align-items:center;justify-content:space-between;span{font-size:13px;font-weight:600;color:",";}strong{font-size:12px;font-weight:600;color:",";}"],I.darkLabel,I.mintSoft),ej=p.Ay.div.withConfig({componentId:"sc-ff32be81-37"})(["position:relative;display:flex;align-items:flex-end;gap:3px;margin-top:8px;span{font-weight:800;font-size:34px;line-height:0.9;letter-spacing:-1px;color:",";font-variant-numeric:tabular-nums;}small{font-size:18px;font-weight:800;color:",";padding-bottom:3px;}"],I.green,I.green),ek=p.Ay.div.withConfig({componentId:"sc-ff32be81-38"})(["position:relative;margin-top:14px;height:8px;border-radius:9999px;background:rgba(255,255,255,0.12);overflow:hidden;"]),eC=p.Ay.div.withConfig({componentId:"sc-ff32be81-39"})(["height:100%;border-radius:9999px;background:linear-gradient(90deg,",",",");transition:width 0.5s ease;"],I.mint,I.green),eA=p.Ay.div.withConfig({componentId:"sc-ff32be81-40"})(["margin-top:20px;position:relative;flex:1;display:flex;flex-direction:column;min-height:0;"]),eI=p.Ay.div.withConfig({componentId:"sc-ff32be81-41"})(["",";display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;> span{font-size:13px;font-weight:700;color:",";}"],R,I.ink),eE=p.Ay.span.withConfig({componentId:"sc-ff32be81-42"})(["display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:",";"],I.sub2),eF=p.Ay.span.withConfig({componentId:"sc-ff32be81-43"})(["width:6px;height:6px;border-radius:9999px;background:",";"],I.green),ez=p.Ay.div.withConfig({componentId:"sc-ff32be81-44"})(["display:flex;flex-direction:column;gap:9px;"]),eD=p.Ay.div.withConfig({componentId:"sc-ff32be81-45"})(["position:absolute;top:0;left:0;right:0;z-index:30;background:#fff;"]),e_=p.Ay.div.withConfig({componentId:"sc-ff32be81-46"}

1)(["height:3px;background:rgba(0,0,0,0.05);overflow:hidden;"]),eM=p.Ay.div.withConfig({componentId:"sc-ff32be81-47"})(["height:100%;background:linear-gradient(90deg,",",",");transform:scaleX(0.02);transform-origin:left center;transition:transform 0.15s linear;"],I.green,I.teal),eS=p.Ay.div.withConfig({componentId:"sc-ff32be81-48"})(["height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;"]),eL=p.Ay.div.withConfig({componentId:"sc-ff32be81-49"})(["display:flex;align-items:center;gap:9px;span{font-weight:700;font-size:16px;color:",";letter-spacing:-0.02em;}"],I.ink),eR=p.Ay.button.withConfig({componentId:"sc-ff32be81-50"})(["display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:-6px;border:none;background:transparent;color:",";cursor:pointer;"],I.ink),eB=p.Ay.button.withConfig({componentId:"sc-ff32be81-51"})(["border:1px solid ",";background:#fff;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700;color:",";letter-spacing:-0.02em;cursor:pointer;white-space:nowrap;&:active{transform:scale(0.96);}"],I.line,I.cta),eT=p.Ay.div.withConfig({componentId:"sc-ff32be81-52"})(["position:absolute;top:50%;right:9px;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;z-index:25;"]),eN=p.Ay.div.withConfig({componentId:"sc-ff32be81-53"})(["width:6px;height:6px;border-radius:9999px;background:",";transition:all 0.3s;cursor:pointer;&.on{height:20px;background:",";}"],I.dotOff,I.green),eP=p.Ay.div.withConfig({componentId:"sc-ff32be81-54"})(["position:absolute;bottom:0;left:0;right:0;z-index:30;background:#fff;padding:12px 20px max(20px,env(safe-area-inset-bottom));box-shadow:0 -1px 0 rgba(0,0,0,0.05);"]),eq=p.Ay.button.withConfig({componentId:"sc-ff32be81-55"})(["width:100%;height:56px;border:none;border-radius:15px;background:linear-gradient(135deg,",",",");color:#fff;font-family:inherit;font-weight:700;font-size:17px;cursor:pointer;box-shadow:0 10px 18px rgba(36,213,158,0.32),0 4px 6px rgba(0,0,0,0.06);transition:transform 0.2s,box-shadow 0.2s;&:hover{transform:translateY(-2px);box-shadow:0 16px 26px rgba(36,213,158,0.38);}&:active{transform:translateY(0);}"],I.green2,I.cta),eH=()=>((0,o.useEffect)(()=>{r.z.traffic("referral_event_reward")},[]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.G,{title:"그룹바이 \xb7 친구 초대 안내",image:s.V2J,imageAlt:"그룹바이 친구 초대 이벤트 안내 이미지",noindex:!0}),(0,i.jsx)(S,{})]}))},75728:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/landing/referral/reward",function(){return n(54918)}])},79308:(e,t,n)=>{"use strict";n.d(t,{Ng:()=>l,OV:()=>c});var i=n(37444),o=n(28585),r=n(10313),a=n(50429);let s=/CriOS|FxiOS|EdgiOS|Whale/i,l=e=>{let{title:t,description:n,imageUrl:o,imageWidth:r,imageHeight:a,link:s,btnTitle:l}=e;return{title:t,description:n,imageUrl:"".concat(i.XQx).concat(o),imageWidth:r,imageHeight:a,link:"".concat(i.XQx).concat(s),btnTitle:l}};class d{login(e,t){if(!i.e5l||!i.U2G)return void window.alert("[kakao] Missing required environment variables for login");let n=(0,a.Pj)((e=>{let t=(0,r.bB)();if(!t)return e;let[n,i]=e.split("#");if(/[?&]ref=/.test(n))return e;let o=n.includes("?")?"&":"?";return"".concat(n).concat(o,"ref=").concat(encodeURIComponent(t)).concat(i?"#".concat(i):"")})(e||window.location.href)),s=new URLSearchParams({response_type:"code",client_id:i.e5l,redirect_uri:i.U2G,state:n});(null==t?void 0:t.prompt)&&s.set("prompt",t.prompt),(null==t?void 0:t.authType)&&s.set("auth_type",t.authType),(null==t?void 0:t.skipGateLog)||(0,o.H)("click",window.location.pathname);let l="https://kauth.kakao.com/oauth/authorize?".concat(s.toString());window.location.href=l}logout(){if(!i.e5l||!i.XQx)return void window.alert("[kakao] Missing required environment variables for logout");window.location.href="https://kauth.kakao.com/oauth/logout?client_id=".concat(i.e5l,"&logout_redirect_uri=").concat(encodeURIComponent(i.XQx))}share(e){var t;let{title:n,description:o,imageUrl:r,imageWidth:a,imageHeight:l,link:d,btnTitle:c}=e,f=(()=>{let e=i.KJZ?window.Kakao:void 0;

1if(e){if(!e.isInitialized()){if(!i._mn)return console.warn("[kakao] Missing NEXT_PUBLIC_KAKAO_JS_KEY for SDK init"),e;e.init(i._mn)}return e}})();(null==f||null==(t=f.Share)?void 0:t.sendDefault)&&f.Share.sendDefault({objectType:"feed",content:{title:n,description:o,imageUrl:r,...a&&l?{imageWidth:a,imageHeight:l}:{},link:{mobileWebUrl:d,webUrl:d}},buttons:[{title:c,link:{mobileWebUrl:d,webUrl:d}}],throughTalk:!(i.KJZ&&/iphone|ipad|ipod/i.test(window.navigator.userAgent)&&!/kakaotalk/i.test(window.navigator.userAgent)&&s.test(window.navigator.userAgent))})}}let c=new d}},e=>{e.O(0,[2710,3302,9590,636,6593,8792],()=>e(e.s=75728)),_N_E=e.O()}]);
2//# sourceMappingURL=reward-8b1bc1e71bb2ac2a.js.map