https://static.unpa.me/af134fec9cb683cd/_next/static/chunks/pages/quiz-4458e84c2fc1d22f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[498],{73604:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/quiz",function(){return i(54726)}])},63172:function(e,t,i){"use strict";var n=i(85893),o=i(46473),r=i(85444);t.Z=e=>{let{className:t,width:i,height:o,rounded:r=!0}=e;return(0,n.jsx)(a,{className:t,width:i,height:o,rounded:r})};let a=r.ZP.div.withConfig({displayName:"SkeletonBox__StyledBox",componentId:"sc-8792e8d0-0"})(["border-radius:",";background-color:var(--color-black-400);"," "," ",""],e=>{let{rounded:t}=e;return t?"4px":"0"},e=>{let{width:t}=e;return t&&(0,r.iv)(["width:","px;"],t)},e=>{let{height:t}=e;return t&&(0,r.iv)(["height:","px;"],t)},e=>{let{animate:t=!0}=e;return t&&o.r})},64022:function(e,t,i){"use strict";var n=i(85893),o=i(63172),r=i(85444);t.Z=e=>{let{removeWrapperPadding:t=!1}=e;return(0,n.jsxs)(a,{$removeWrapperPadding:t,children:[(0,n.jsx)(o.Z,{width:"100%",height:47}),Array.from({length:3}).map((e,t)=>(0,n.jsxs)(s,{children:[(0,n.jsx)(o.Z,{width:50,height:50}),(0,n.jsxs)("div",{style:{display:"flex",flexGrow:1,height:"74px",flexDirection:"column",justifyContent:"space-between"},children:[(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"6px",flexGrow:1},children:[(0,n.jsx)(o.Z,{width:"100%",height:17}),(0,n.jsx)(o.Z,{width:156,height:17})]}),(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,n.jsx)(o.Z,{width:97,height:17}),(0,n.jsx)(o.Z,{width:97,height:17})]})]})]},t))]})};let a=r.ZP.div.withConfig({displayName:"HomeQuizSectionSkeleton__StyledWrapper",componentId:"sc-27ee6dd1-0"})(["display:flex;flex-direction:column;gap:20px;padding:",";"],e=>e.$removeWrapperPadding?"0px":"20px"),s=r.ZP.div.withConfig({displayName:"HomeQuizSectionSkeleton__SkeletonItemWrapper",componentId:"sc-27ee6dd1-1"})(["display:flex;gap:12px;padding:12px 0;"])},44598:function(e,t,i){"use strict";var n=i(85893),o=i(11163),r=i(85444);t.Z=()=>{let e=(0,o.useRouter)();return(0,n.jsx)(a,{onClick:()=>e.push("/quiz/partnership"),children:"제휴 문의"})};let a=r.ZP.button.withConfig({displayName:"PartnershipButton__StyledButton",componentId:"sc-6dfc182e-0"})(["color:var(--color-black-700);font-size:14px;"])},91803:function(e,t,i){"use strict";i.d(t,{Z:function(){return f}});var n=i(85893),o=i(85444),r=i(4772),a=i(11163),s=i(41768),d=i(54465),l=e=>{var t;let{quiz:i}=e,o=(0,a.useRouter)(),r=0===i.lock;return(0,n.jsxs)(c,{onClick:()=>{o.push("/quiz/".concat(i.id,"?from_home=true"))},children:[(0,n.jsx)(p,{width:40,height:40,src:i.iconImageUrl||"",alt:i.title,unoptimized:!0}),(0,n.jsxs)(h,{$inProgress:r,children:[(0,n.jsxs)(g,{$inProgress:r,children:[r?(0,n.jsx)(u,{children:"진행중"}):null,(0,n.jsx)("h3",{className:"line-clamp-2",children:i.title})]}),(0,n.jsxs)(x,{$inProgress:r,children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(s.Z,{id:"/allowance/images/icon/img_people.svg",width:14,height:14}),(0,n.jsx)("p",{children:"".concat(null===(t=i.winner)||void 0===t?void 0:t.toLocaleString(),"명 참여")})]}),(0,n.jsxs)("div",{children:[r?(0,n.jsx)("img",{src:"/noneSpriteIcon/allowance/img-cash.svg",alt:"캐시",width:14,height:14}):(0,n.jsx)(n.Fragment,{}),(0,n.jsx)("p",{children:r?"".concat(i.point.toLocaleString()," 언파캐시 남음"):"종료된 퀴즈"})]})]})]})]})};let c=o.ZP.div.withConfig({displayName:"QuizHomeItem__StyledWrapper",componentId:"sc-ed27d229-0"})(["display:flex;gap:12px;padding:12px 0;"]),p=(0,o.ZP)(r.Z).withConfig({displayName:"QuizHomeItem__StyledImage",componentId:"sc-ed27d229-1"})(["border:solid 1px #f5f5f5;border-radius:4px;background-color:var(--white);"]),h=o.ZP.div.withConfig({displayName:"QuizHomeItem__StyledItemInfo",componentId:"sc-ed27d229-2"})(["display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;height:",";"],e=>{let{$inProgress:t}=e;return t?"87px":"66px"}),u=o.ZP.div.withConfig({displayName:"QuizHomeItem__StatusBadge",componentId:"sc-ed27d229-3"})(["width:fit-content;padding:4px 5px 3px;color:#ff5527;font-weight:bold;font-size:12px;border-radius:4px;background-color:#fff2ee;"]),g=o.ZP.div.withConfig({displayName:"QuizHomeItem__QuizTitleAndStatus",componentId:"sc-ed27d229-4"})(["display:flex;flex-direction:column;gap:3px;h3{color:",";font-weight:500;font-size:15px;line-height:1.47;}"],e=>{let{$inProgress:t}=e;return t?"#333":"#999"}),x=o.ZP.div.withConfig({displayName:"QuizHomeItem__QuizParticipantsAndReward",componentId:"sc-ed27d229-5"})(["display:flex;justify-content:space-between;align-items:center;div{display:flex;gap:4px;align-items:center;p{color:",";font-size:12px;@media ","{margin-top:2px;}@media ","{margin-top:2.5px;}}}div:first-of-type{p{color:",";}}"],e=>{let{$inProgress:t}=e;return t?"#333":"#999"},d.B.pc.min_width_1024,d.B.mobile.max_width_1024,e=>{let{$inProgress:t}=e;return t?"#777":"#999"});var f=e=>{let{quizList:t}=e;return(0,n.jsx)(m,{children:t.map(e=>1===e.show&&(0,n.jsx)(l,{quiz:e},"[".concat(e.type,"]").concat(e.id,"}")))})};let m=o.ZP.div.withConfig({displayName:"QuizList__StyledWrapper",componentId:"sc-4f0481ee-0"})(["display:flex;flex-direction:column;> div:not(:last-child){border-bottom:1px solid #f5f5f5;}"])},40027:function(e,t,i){"use strict";var n=i(85893),o=i(85444),r=i(41768),a=i(54465),s=i(76521),d=i(27484),l=i.n(d);t.Z=e=>{let{className:t,comming:i}=e,{hours:o,minutes:a,seconds:d}=(0,s.Z)({targetTime:l()(i)});return(0,n.jsxs)(c,{className:t,children:[(0,n.jsx)("p",{children:"다음 퀴즈 오픈까지 남은 시간"}),(0,n.jsxs)(p,{children:[(0,n.jsx)(r.Z,{id:"/allowance/images/icon/img_clock.svg",width:20,height:20}),(0,n.jsx)("p",{children:"".concat(o,":").concat(a,":").concat(d)})]})]})};let c=o.ZP.div.withConfig({displayName:"QuizRemainTimer__StyledWrapper",componentId:"sc-708a8b99-0"})(["display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:8px;padding:7px 19px;border-radius:4px;background-color:var(--color-bg);> p{color:#555;font-weight:500;font-size:13px;line-height:18px;}"]),p=o.ZP.div.withConfig({displayName:"QuizRemainTimer__StyledTimer",componentId:"sc-708a8b99-1"})(["display:flex;gap:4px;align-items:center;padding:6px 16px;border-radius:4px;background-color:white;p{color:#333;font-weight:bold;font-size:16px;width:67px;@media ","{margin-top:2px;}@media ","{margin-top:2.5px;}@media screen and (width <= 360px){font-size:4vw;width:12vw;}}"],a.B.pc.min_width_1024,a.B.mobile.max_width_1024)},76521:function(e,t,i){"use strict";var n=i(27484),o=i.n(n),r=i(67294);function a(e){let t=o()(),i=e.diff(t),n=o().duration(i);return i<=0?{hours:"00",minutes:"00",seconds:"00"}

1:{hours:Math.floor(n.asHours()).toString().padStart(2,"0"),minutes:n.minutes().toString().padStart(2,"0"),seconds:n.seconds().toString().padStart(2,"0")}}t.Z=e=>{let{targetTime:t}=e,[i,n]=(0,r.useState)({hours:"--",minutes:"--",seconds:"--"});return(0,r.useEffect)(()=>{n(a(t));let e=setInterval(()=>{n(a(t))},1e3);return()=>clearInterval(e)},[]),i}},33803:function(e,t,i){"use strict";i.d(t,{Z:function(){return o}});var n=i(67294);function o(e){let{root:t=null,target:i,onIntersect:o,onUnintersect:r,threshold:a=.5,rootMargin:s="0px",enabled:d=!1}=e;(0,n.useEffect)(()=>{try{if(!d)return;let e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting?o():null==r||r()})},{root:t&&t.current,rootMargin:s,threshold:a}),n=i&&i.current;if(!n)return;return e.observe(n),()=>{e.unobserve(n),e.disconnect()}}catch(e){}},[d,o,r,a,t,s,i])}},46473:function(e,t,i){"use strict";i.d(t,{r:function(){return n}});let n=(0,i(85444).iv)(["animation:skeleton-animation 4s infinite;@keyframes skeleton-animation{0%{opacity:1;}25%{opacity:0.5;}50%{opacity:1;}75%{opacity:0.5;}100%{opacity:1;}}"])},54726:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return q},default:function(){return A}});var n=i(85893),o=i(44598),r=i(54465),a=i(85444),s=i(40027),d=i(91803),l=i(99684),c=i(64022),p=i(27484),h=i.n(p),u=i(65489),g=i(39119),x=i(1771),f=i(15289),m=i(91372),w=e=>{let{id:t,title:i,url:o,remainingCash:r,imageUrl:a,width:s="200px",broadcastTime:d,plan:l,filledOut:c=!1,endDate:p,openClosedBroadcastModal:w,openNotSupportedVersionModal:P,openFilledOutBroadcastModal:S}=e,{openBroadcast:N}=(0,f.e)(),{os:Z,osVersion:I,appVersion:k}=(0,u.Z)(),C=async()=>{if("android"===Z&&I&&!(0,m.H)(I,"8.0.0")){P();return}if("basic"===l&&c){S({url:o,id:t,broadcastTime:d,filledOut:c});return}if(h()().isAfter(h()(p))){w();return}let{data:e}=await g.ZP.GET({url:x._m});N(o,t,e,d,null!=c&&c,k)};return(0,n.jsxs)("button",{type:"button",onClick:C,style:{position:"relative",width:"200px"===s?"200px":"100%",cursor:"pointer"},children:[(0,n.jsxs)(v,{$width:s,$imageUrl:a,children:[(0,n.jsxs)(b,{children:[(0,n.jsx)("img",{src:"/noneSpriteIcon/allowance/live_badge.svg",alt:"라이브",width:37,height:22}),(0,n.jsxs)(y,{children:[(0,n.jsx)("img",{src:"/noneSpriteIcon/allowance/img-cash.svg",alt:"캐시",width:14,height:14}),"basic"===l&&c?(0,n.jsx)("p",{children:"캐시 지급 마감"}):(0,n.jsx)("p",{children:"".concat(r.toLocaleString()," 캐시 남음")})]})]}),(0,n.jsx)(_,{children:(0,n.jsx)("h2",{className:"line-clamp-2",children:i})})]}),(0,n.jsx)(j,{$width:s,children:(0,n.jsx)("img",{src:"/noneSpriteIcon/allowance/playbtn.svg",alt:"재생",width:36,height:36})})]})};let v=a.ZP.div.withConfig({displayName:"LiveBroadcastItem__StyledWrapper",componentId:"sc-4b8cc237-0"})(["display:flex;flex-direction:column;flex-shrink:1;justify-content:space-between;align-items:center;width:",";height:200px;border-radius:8px;background-image:url(",");background-position:center;background-size:cover;"],e=>e.$width,e=>e.$imageUrl),b=a.ZP.div.withConfig({displayName:"LiveBroadcastItem__StyledTopWrapper",componentId:"sc-4b8cc237-1"})(["display:flex;justify-content:space-between;width:100%;padding:6px;"]),y=a.ZP.div.withConfig({displayName:"LiveBroadcastItem__StyledCashWrapper",componentId:"sc-4b8cc237-2"})(["display:flex;gap:2px;align-items:center;padding:3px 6px;color:white;font-weight:500;font-size:13px;line-height:1.23;letter-spacing:-0.8px;border-radius:4px;background-color:rgb(17 17 17 / 30%);"]),_=a.ZP.div.withConfig({displayName:"LiveBroadcastItem__StyledTitle",componentId:"sc-4b8cc237-3"})(["z-index:99;display:flex;align-items:center;width:100%;height:48px;margin-bottom:12px;padding:0 12px;> h2{display:-webkit-box;width:100%;color:white;font-weight:bold;font-size:18px;line-height:1.33;text-align:start;}"]),j=a.ZP.div.withConfig({displayName:"LiveBroadcastItem__StyledItemMask",componentId:"sc-4b8cc237-4"})(["position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:",";height:200px;border-radius:8px;background:linear-gradient( to bottom,rgb(255 255 255 / 0%),rgb(85 85 85 / 30%) 38%,rgb(0 0 0 / 80%) 97% );"],e=>e.$width);var P=i(67294),S=i(11163),N=i(59403),Z=i(37575);let I=()=>{var e;let t=(0,Z.Z)(),i=async e=>{let{pageParam:i=1}=e,{data:n}=await t.GET({url:"/broadcasts/live",data:{page:i,pageSize:10}});return n},n=(0,N.N)(["/broadcasts/live"],i,{getNextPageParam:(e,t)=>0!==e.length&&t.length+1});return{mergePages:null===(e=n.data)||void 0===e?void 0:e.pages.flatMap(e=>e),...n}};var k=i(33803),C=e=>{let{openClosedBroadcastModal:t,openNotSupportedVersionModal:i,openFilledOutBroadcastModal:o}=e,r=(0,S.useRouter)(),{mergePages:a=[],isFetching:s,hasNextPage:d,fetchNextPage:l}=I(),c=(0,P.useRef)(null);(0,k.Z)({target:c,enabled:d&&!s,onIntersect:l});let p=null==a?void 0:a.filter(e=>"1730102111868"!==e.id&&"1730102620228"!==e.id&&"1730185222583"!==e.id&&"1730185420427"!==e.id&&"1730359942890"!==e.id&&"1730445033972"!==e.id&&"1731047430933"!==e.id);return(0,n.jsxs)(z,{$isLive:(null!=a?a:[]).length>0,children:[(0,n.jsxs)(L,{children:[(0,n.jsx)("button",{onClick:()=>r.push("/broadcast?type=PLAN"),children:"방송 예정"}),(0,n.jsx)("button",{onClick:()=>r.push("/broadcast?type=PAST"),children:"지난 방송"})]}),(0,n.jsxs)(B,{children:[p.map(e=>(0,n.jsx)(w,{id:e.id,title:e.title,url:e.url,remainingCash:e.remainingCash||0,imageUrl:e.imageUrl,broadcastTime:e.broadcastTime,endDate:e.endDate,plan:e.plan,filledOut:null==e?void 0:e.filledOut,width:1===p.length?"100%":"200px",openClosedBroadcastModal:t,openNotSupportedVersionModal:i,openFilledOutBroadcastModal:o},e.id)),(0,n.jsx)("div",{ref:c,className:"horizontal-infinity-point"})]})]})};let z=a.ZP.div.withConfig({displayName:"BroadcastSection__BroadcastSectionWrapper",componentId:"sc-c2b3a00-0"})(["display:flex;flex-direction:column;gap:",";padding:",";border-bottom:",";"],e=>e.$isLive?"20px":"0",e=>e.$isLive?"20px 0":"20px 0 0 0",e=>e.$isLive?"9px solid var(--color-bg)":""),B=a.ZP.div.withConfig({displayName:"BroadcastSection__LiveBroadcastSectionWrapper",componentId:"sc-c2b3a00-1"})(["display:flex;position:relative;flex-wrap:nowrap;gap:12px;width:100%;padding:0 16px;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;::-webkit-scrollbar{display:none;}div{flex:0 0 auto;}"]),L=a.ZP.div.withConfig({displayName:"BroadcastSection__StyledButtonWrapper",componentId:"sc-c2b3a00-2"})(["display:flex;gap:12px;padding:0 16px;button{display:flex;flex-grow:1;justify-content:center;align-items:center;padding:16px 0;color:#5e5050;font-weight:500;font-size:15px;border:solid 1px #ddd;border-radius:8px;}"]);var M=i(84718),Q=i(7140),T=i(31504),E=i(60649),W=()=>{var e;let[t,i]=(0,P.useState)(null),{data:o,isLoading:r}=(0,l.XD)("/allowance-quiz/with-coming",{params:{query:{live:!1,coming:!0}}}),a=[...null!==(e=null==o?void 0:o.list)&&void 0!==e?e:[]],{checkBroadcastRewardPopup:p}=(0,f.e)(),[u,g]=(0,Q.Z)(),[x,m]=(0,P.useState)(0),[w,v]=(0,P.useState)(null);return(0,E.Z)(T.Pc),(0,P.useEffect)(()=>{p(async(e,t)=>{let n="string"==typeof e?Number(e):e;if(isNaN(n),0!==n&&"POINT"===t)m(n),i("캐시획득");else switch(t){case"ALREADY":i("중복참여");break;case"END":i("종료라방");break;case"DEPLETION":i("캐시소진")}g(!0)})},[]),(0,n.jsxs)($,{children:[(0,n.jsx)("img",{src:"/images/allowance/quiz-banner.webp",alt:"용돈퀴즈 배너",width:360,height:136}),(0,n.jsx)(C,{openClosedBroadcastModal:()=>{i("종료라방"),g(!0)},openNotSupportedVersionModal:()=>{i("미지원버전"),g(!0)},openFilledOutBroadcastModal:e=>{i("마감된라방"),v(e),g(!0)}}),(0,n.jsx)(O,{children:r?(0,n.jsx)(c.Z,{removeWrapperPadding:!0}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{comming:(null==o?void 0:o.coming)||h()().toString()}),(0,n.jsx)(d.Z,{quizList:a})]})}),u&&t&&(0,n.jsx)(M.Z,{point:x,setPoint:m,initialChannel:t,broadCastData:w})]})};let $=a.ZP.div.withConfig({displayName:"ScreenQuiz__StyledWrapper",componentId:"sc-8ab962fd-0"})(["> img{width:100%;height:auto;}@media ","{max-width:768px;margin:60px auto;background-color:#fff;}"],r.B.pc.min_width_1024),O=a.ZP.div.withConfig({displayName:"ScreenQuiz__QuizSection",componentId:"sc-8ab962fd-1"})(["padding:20px 16px;"]);var R=i(9008),H=i.n(R);let D=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(H(),{children:(0,n.jsx)("title",{children:"용돈퀴즈 - 언니의파우치"})}),(0,n.jsx)(W,{})]});var q=!0,A=D;D.getLayoutProps=()=>({header:{title:"용돈퀴즈",children:(0,n.jsx)(o.Z,{})},main:{backgroundColor:"white"},footer:{hiddenMobile:!0}})},59403:function(e,t,i){"use strict";i.d(t,{N:function(){return d}});var n=i(32161),o=i(52924),r=i(9499);class a extends o.z{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e,t){super.setOptions({...e,behavior:(0,r.Gm)()},t)}getOptimisticResult(e){return e.behavior=(0,r.Gm)(),super.getOptimisticResult(e)}fetchNextPage({pageParam:e,...t}={}

1){return this.fetch({...t,meta:{fetchMore:{direction:"forward",pageParam:e}}})}fetchPreviousPage({pageParam:e,...t}={}){return this.fetch({...t,meta:{fetchMore:{direction:"backward",pageParam:e}}})}createResult(e,t){var i,n,o,a,s,d;let{state:l}=e,c=super.createResult(e,t),{isFetching:p,isRefetching:h}=c,u=p&&(null==(i=l.fetchMeta)?void 0:null==(n=i.fetchMore)?void 0:n.direction)==="forward",g=p&&(null==(o=l.fetchMeta)?void 0:null==(a=o.fetchMore)?void 0:a.direction)==="backward";return{...c,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:(0,r.Qy)(t,null==(s=l.data)?void 0:s.pages),hasPreviousPage:(0,r.ZF)(t,null==(d=l.data)?void 0:d.pages),isFetchingNextPage:u,isFetchingPreviousPage:g,isRefetching:h&&!u&&!g}}}var s=i(67187);function d(e,t,i){let o=(0,n._v)(e,t,i);return(0,s.r)(o,a)}}},function(e){e.O(0,[296,9260,5675,9135,572,532,2888,9774,179],function(){return e(e.s=73604)}),_N_E=e.O()}]);