https://4cut-ranking.com/_next/static/chunks/6998-9a18308eef51020f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6998],{70828:function(t,e){e.Z={src:"/_next/static/media/card-bg-effect.925005fe.webp",height:708,width:1298,blurDataURL:"data:image/webp;base64,UklGRoAAAABXRUJQVlA4WAoAAAAQAAAABwAAAwAAQUxQSCEAAAAAAAUFBQUFBQAADhkZGRkOAAAINzo6NwgAAAdTg4NTBwEAVlA4IDgAAADQAQCdASoIAAQAAkA4JZgC7AD0gdCMAAD+0aUbQPRvtXWK4w8o8XA6AjJ/meVx3B94HzLAAJQAAA==",blurWidth:8,blurHeight:4}},89497:function(t,e){e.Z={src:"/_next/static/media/avatar.015a579f.png",height:180,width:180,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAJ1BMVEXc3ObX1+Lf3+na2uRMaXHd3ef39/np6e/39/nu7vP+/v7o6PHw8PZF8c2JAAAACnRSTlP+LbD3AOrt+K4t8Um6pwAAAAlwSFlzAAAhOAAAITgBRZYxYAAAADZJREFUeJwFwYkBACAIxLDyqgf7z2tCmke4JVYDU4YPEuMEIw1FBLtQ+J7ds461JLWR73bflx8sAgFodQicqQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},5315:function(t,e){e.Z={src:"/_next/static/media/4cut-ranking-game-background.083b9313.webp",height:1720,width:750,blurDataURL:"data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACQAQCdASoDAAgAAkA4JZwAAudZuFQA/v5OuDCvuiaMbq8sZxQAAA==",blurWidth:3,blurHeight:8}},77790:function(t,e,n){var i=n(90187);let postOriginPhoto=async t=>i.Z.post("/api/ranking/v2/photo-cards/photos/origin",t,{headers:{"Content-Type":"multipart/form-data"}}),postThumbnailPhoto=async t=>i.Z.post("/api/ranking/v2/photo-cards/photos/thumbnail",t,{headers:{"Content-Type":"multipart/form-data"}}),postPhotoCard=async t=>i.Z.post("/api/ranking/v2/photo-cards",t),getPhotoCardDetail=async t=>i.Z.get("/api/ranking/v2/photo-cards/".concat(t.photoCardId)),getExifValidation=async t=>i.Z.get("/api/ranking/v2/photo-cards/validate",{params:t}),postReportPhotoCard=async t=>i.Z.post("/api/ranking/v2/photo-cards/report",t),getHallOfFameCards=async t=>i.Z.get("/api/ranking/v2/photo-cards/hall-of-fame",{params:t}),getMyPhotoCards=async t=>i.Z.get("/api/ranking/v2/photo-cards/me",{params:t}),getOtherUserPhotoCards=async t=>i.Z.get("/api/ranking/v2/photo-cards/users/".concat(t.userId),{params:t}),deleteMyPhotoCard=async t=>i.Z.delete("/api/ranking/v2/photo-cards/me/".concat(t.photoCardId)),getHotPhotoCardRandom=async function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return i.Z.get("/api/ranking/v2/games/hot/random",{params:t})},patchPhotoCardRejectedList=async()=>i.Z.patch("/api/ranking/v2/photo-cards/me/rejected");e.Z={postOriginPhoto,postThumbnailPhoto,postPhotoCard,getPhotoCardDetail,getExifValidation,postReportPhotoCard,getHallOfFameCards,getMyPhotoCards,getOtherUserPhotoCards,deleteMyPhotoCard,getHotPhotoCardRandom,patchPhotoCardRejectedList}},42819:function(t,e,n){var i=n(41412),o=n(60659),a=n(77790),r=n(10712);e.Z=t=>{let{photoCardId:e}=t;return(0,i.a)({queryKey:[o.E1,e],queryFn:async()=>{let t=await a.Z.getPhotoCardDetail({photoCardId:e});return t.data},enabled:!!e&&(0,r.Z)(e),retry:1})}},66658:function(t,e,n){n.d(e,{Z:function(){return common_PhotoCardSnsLinks}});var i=n(21262),o=n(11527);n(50959);var a=n(81828),r=n(23874),l=n.n(r),d=n(88352);let c=["1cc848ca-dd3a-4e9d-b177-24647d4722b3"];var p=n(9663),s=n(17021),u=n(54917),g=n(85951),h=n(71979),m=n(94755),A=n(54501),x=n(43282);function _templateObject(){let t=(0,i._)(["\n  background: ",";\n  width: 100%;\n  padding: ",";\n  border-radius: 12px;\n"]);return _templateObject=function(){return t},t}function _templateObject1(){let t=(0,i._)(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  > div {\n    display: flex;\n    flex-direction: column;\n  }\n"]);return _templateObject1=function(){return t},t}function _templateObject2(){let t=(0,i._)(["\n  display: flex;\n  flex-direction: column;\n\n  > div {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n\n    > p {\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      color: ",";\n    }\n  }\n"]);return _templateObject2=function(){return t},t}function _templateObject3(){let t=(0,i._)(["\n  background: ",";\n  border: 1px solid ",";\n  color: ",";\n  padding: 4px 8px;\n  border-radius: 999px;\n  ",";\n  margin-left: auto;\n"]);return _templateObject3=function(){return t},t}

1function _templateObject4(){let t=(0,i._)(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  border-top: 1px solid ",";\n  color: ",";\n  margin-top: 14px;\n  padding-top: 12px;\n"]);return _templateObject4=function(){return t},t}let f=a.ZP.div.withConfig({componentId:"sc-7ce51ed-0"})(_templateObject(),(0,m.R)("gray90"),t=>{let{$isSns:e}=t;return e?"12px 16px":"16px"}),b=a.ZP.div.withConfig({componentId:"sc-7ce51ed-1"})(_templateObject1()),v=a.ZP.div.withConfig({componentId:"sc-7ce51ed-2"})(_templateObject2(),(0,m.R)("gray60")),j=(0,a.ZP)(l()).withConfig({componentId:"sc-7ce51ed-3"})(_templateObject3(),(0,m.R)("gray80"),(0,m.R)("gray70"),(0,m.R)("white"),(0,m.L)("caption2_medium")),C=a.ZP.div.withConfig({componentId:"sc-7ce51ed-4"})(_templateObject4(),(0,m.R)("gray80"),(0,m.R)("gray40"));var common_PhotoCardSnsLinks=t=>{var e;let{photoCardInfo:n,triggerClickProfileGTM:i,triggerClickSnsGTM:a,winCountType:r="DEFAULT"}=t,[l]=(0,d.Z)(),[m]=(0,s.Z)(),y=!!(null==m?void 0:m.deviceToken);if((null==n?void 0:n.userId)&&c.includes(n.userId))return(0,o.jsx)(o.Fragment,{});let _=!!((null==n?void 0:n.instagramProfile)||(null==n?void 0:n.tiktokProfile));return(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(f,{$isSns:_,children:[(0,o.jsxs)(b,{children:[(0,o.jsx)(g.Z,{profileImage:null==n?void 0:n.userProfileImage,width:36,height:36}),(0,o.jsxs)(v,{children:[(0,o.jsx)(h.Z,{typo:"body1_semiBold",color:"white",children:null==n?void 0:n.photoCardName}),(0,o.jsxs)("div",{children:[(0,o.jsxs)("p",{children:[(0,o.jsx)(x.Z,{name:"card-crown",width:14,height:14}),(0,o.jsxs)(h.Z,{typo:"caption1_medium",color:"gray60",children:["우승"," ","HALL-OF-FAME"===r?null==n?void 0:null===(e=n.hallOfFameWinCount)||void 0===e?void 0:e.toLocaleString():null==n?void 0:n.winCount.toLocaleString(),"회"]})]}),(0,o.jsxs)("p",{children:[(0,o.jsx)(x.Z,{name:"card-heart",width:14,height:14}),(0,o.jsxs)(h.Z,{typo:"caption1_medium",color:"gray60",children:["Pick ",null==n?void 0:n.pickCount.toLocaleString(),"회"]})]})]})]}),(null==n?void 0:n.userId)&&n.userId!==(null==l?void 0:l.userId)&&(0,o.jsx)(j,{href:"/profile/".concat(null==n?void 0:n.userId),onClick:i,children:"프로필보기"})]}),_&&(0,o.jsxs)(C,{onClick:()=>{if((null==n?void 0:n.instagramProfile)&&(null==n?void 0:n.tiktokProfile)){(0,u.l)({instagramProfile:n.instagramProfile,tiktokProfile:n.tiktokProfile});return}return(null==n?void 0:n.instagramProfile)?(null==a||a("instagram"),y?(0,p.q)({cmd:A.e.SNS_CONNECT,type:"external",url:null==n?void 0:n.instagramProfile}):window.open(null==n?void 0:n.instagramProfile)):(null==n?void 0:n.tiktokProfile)?(null==a||a("tiktok"),y?(0,p.q)({cmd:A.e.SNS_CONNECT,type:"external",url:null==n?void 0:n.tiktokProfile}):window.open(null==n?void 0:n.tiktokProfile)):void 0},children:[(null==n?void 0:n.instagramProfile)&&(0,o.jsx)(x.Z,{name:"instagram",width:16,height:16}),(null==n?void 0:n.tiktokProfile)&&(0,o.jsx)(x.Z,{name:"tiktok",width:16,height:16}),(0,o.jsx)(h.Z,{typo:"body2_medium",children:"SNS 방문하기"}),(0,o.jsx)(x.Z,{name:"arrow-right",width:16,height:16})]})]})})}},9004:function(t,e,n){n.d(e,{Z:function(){return PhotoCardCarousel}});var i=n(21262),o=n(11527);n(50959);var a=n(33857),r=n(98353),l=n(71979),d=n(764),c=n(41412),p=n(76838),s=n(77790),u=n(60659),g=n(463),h=n(98072),m=n(81828),A=n(94755),x=n(43282);function _templateObject(){let t=(0,i._)(["\n  > div.photo-cards-carousel {\n    display: flex;\n    gap: 8px;\n    overflow-x: scroll;\n    padding: 0 20px 20px;\n    ",";\n  }\n"]);return _templateObject=function(){return t},t}function _templateObject1(){let t=(0,i._)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 20px;\n\n  > button {\n    display: flex;\n    align-items: center;\n    ",";\n    color: ",";\n  }\n"]);return _templateObject1=function(){return t},t}let f=m.ZP.div.withConfig({componentId:"sc-d49d75e-0"})(_templateObject(),t=>{let{theme:e}=t;return e.hiddenScroll}),b=m.ZP.div.withConfig({componentId:"sc-d49d75e-1"})(_templateObject1(),(0,A.L)("caption2"),(0,A.R)("gray60"));function PhotoCardCarousel(t){let{triggerClickPhotoCardGTM:e,triggerClickMoreButtonGTM:n}=t,i=(0,a.Z)(),{region:m,data:A}=function(){let t=p.Z.getQueryData(["randomRegion"]),e=(0,c.a)({queryKey:[u.wU,t],queryFn:()=>s.Z.getHotPhotoCardRandom(null!==t?{region:t}:{}).then(t=>t.data),staleTime:3e5,gcTime:3e5});return{region:t,...e}}(),{updateRegion:v}=(0,g.J)();return A&&(null==A?void 0:A.length)!==0?(0,o.jsxs)(f,{children:[(0,o.jsxs)(b,{children:[(0,o.jsxs)(l.Z,{typo:"heading2_bold",color:"white",children:["실시간 ‘",(0,h.dR)(m),"’ 지역 인기 참가자"]}),(0,o.jsxs)("button",{type:"button",onClick:()=>{null==n||n(),v(m),i.push("/ranking")},children:[(0,o.jsx)(l.Z,{color:"gray60",typo:"caption2_regular",children:"전체보기"}),(0,o.jsx)(x.Z,{name:"arrow-right",width:12,height:12})]})]}),(0,o.jsx)(d.Z,{size:16}),(0,o.jsx)("div",{className:"photo-cards-carousel",children:A.map(t=>(0,o.jsx)(r.Z,{photoCardInfo:t,size:"S",handleClick:()=>{null==e||e(),i.push("/photo-card/".concat(t.photoCardId))}},t.photoCardId))})]}):(0,o.jsx)(o.Fragment,{})}},27044:function(t,e,n){var i=n(21262),o=n(11527);n(50959);var a=n(81828),r=n(98353),l=n(94671),d=n(71979),c=n(94755),p=n(27924),s=n(43282);

1function _templateObject(){let t=(0,i._)(["\n    margin: 4px 4px 5px;\n    border-radius: 10px 10px 14px 14px;\n  "]);return _templateObject=function(){return t},t}function _templateObject1(){let t=(0,i._)(["\n    margin: 4px;\n    border-radius: 10px 10px 14px 14px;\n  "]);return _templateObject1=function(){return t},t}function _templateObject2(){let t=(0,i._)(["\n    margin: 6px;\n    border-radius: 13px 13px 18px 18px;\n  "]);return _templateObject2=function(){return t},t}function _templateObject3(){let t=(0,i._)(["\n    margin: 6px;\n    border-radius: 13px 13px 18px 18px;\n  "]);return _templateObject3=function(){return t},t}function _templateObject4(){let t=(0,i._)(["\n  pointer-events: none;\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0) 0%,\n    rgba(0, 0, 0, 0) 75%,\n    rgba(17, 17, 17, 0.5) 100%\n  );\n  ",";\n  display: flex;\n  margin-top: auto;\n  justify-content: space-between;\n  align-items: flex-end;\n  padding: 0 6px 12px 12px;\n  z-index: ",";\n\n  > div {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    text-align: left;\n\n    > label {\n      width: fit-content;\n      background: #2c2c34;\n      border: 1px solid #8f5ee9;\n      color: ",";\n      padding: 4px 8px 4px 6px;\n      border-radius: 99px;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n    }\n  }\n"]);return _templateObject4=function(){return t},t}let u={XS:(0,a.iv)(_templateObject()),S:(0,a.iv)(_templateObject1()),M:(0,a.iv)(_templateObject2()),L:(0,a.iv)(_templateObject3())},g=a.ZP.div.withConfig({componentId:"sc-65b8867e-0"})(_templateObject4(),t=>{let{size:e}=t;return u[e]},t=>{let{theme:e}=t;return e.zIndex.photoCard.dimmed},(0,c.R)("dark.lightPurple01"));e.Z=t=>{let{photoCardInfo:e,size:n="L",handleClick:i,dimmed:a=!1,lazy:c=!0,isAnimated:u=!1,hasAchievementInfoBottomSheet:h=!1,enableZoom:m,...A}=t,handleClickAchievementBadge=async t=>{t.stopPropagation(),h&&await (0,p.b)()};return(0,o.jsx)(r.Z,{photoCardInfo:e,size:n,handleClick:i,showBottomLogo:!1,dimmed:a,lazy:c,enableZoom:m,additionalContent:(0,o.jsxs)(g,{size:n,children:[(0,o.jsxs)("div",{children:[(0,o.jsxs)("label",{children:[(0,o.jsx)(s.Z,{name:"pin",width:14,height:14}),(0,o.jsx)(d.Z,{typo:"caption2_medium",color:"dark.lightPurple01",children:(null==e?void 0:e.region)||"기타"})]}),(0,o.jsx)(d.Z,{typo:"body1_semiBold",color:"white",children:null==e?void 0:e.photoCardName})]}),!!(null==e?void 0:e.winCount)&&(0,o.jsx)(l.Z.Win,{count:e.winCount,isAnimated:u,onClick:handleClickAchievementBadge}),(null==e?void 0:e.winCount)===0&&(null==e?void 0:e.enterSemiFinal)&&(0,o.jsx)(l.Z.Semifinal,{size:"small",isAnimated:u,onClick:handleClickAchievementBadge})]}),...A})}},85951:function(t,e,n){var i=n(21262),o=n(11527);n(50959);var a=n(59581),r=n.n(a),l=n(81828),d=n(89497);function _templateObject(){let t=(0,i._)(["\n  border-radius: 50%;\n  object-fit: cover;\n  margin-right: 12px;\n"]);return _templateObject=function(){return t},t}let c=(0,l.ZP)(r()).withConfig({componentId:"sc-78ed4529-0"})(_templateObject());e.Z=t=>{let{profileImage:e,width:n=52,height:i=52}=t;return(0,o.jsx)(c,{"data-testid":"profile-image",className:"profile-image",src:e&&e.startsWith("https")?e:d.Z,alt:"",width:n,height:i,style:{minWidth:n},unoptimized:!0,onError:t=>{t.currentTarget.src="/icons/avatar.png"}})}},463:function(t,e,n){n.d(e,{J:function(){return o},x:function(){return a}});var i=n(62893);let o=(0,i.Ue)(t=>({region:null,updateRegion:e=>t(()=>({region:e}))})),a=(0,i.Ue)(t=>({category:"FEMALE",updateCategory:e=>t(()=>({category:e}))}))}}]);
2//# sourceMappingURL=6998-9a18308eef51020f.js.map