https://static.unpa.me/af134fec9cb683cd/_next/static/chunks/572-a7ed32bc7dc36593.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[572],{4772:function(e,n,t){var i=t(85893),l=t(67294),o=t(25675),s=t.n(o);let r=e=>"string"==typeof e&&e.startsWith("/images")?"/n"+e:e;n.Z=e=>{let{fallbackSrc:n,src:t,...o}=e,[a,c]=(0,l.useState)(null),d=t?r(t):null,x=n?r(n):"/n/images/unpa-ic-image-error.svg";return(0,i.jsx)(s(),{placeholder:Number(o.width)>=40?"blur":"empty",blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mN8Wg8AAk8BZuQcWLwAAAAASUVORK5CYII=",src:a||!d?x:d,onError:c,...o})}},99495:function(e,n,t){var i=t(85893),l=t(3544),o=t(87798),s=t(85444);n.Z=e=>{let{title:n,description:t,closeText:o,onClose:s,confirmText:a,onConfirm:c,children:d}=e;return(0,i.jsx)(r,{children:(0,i.jsx)("div",{className:"modal-wrapper",children:(0,i.jsx)("div",{className:"modal-body",children:(0,i.jsxs)(l.e5,{children:[(n||t)&&(0,i.jsxs)("div",{className:"modal-content",children:[n&&(0,i.jsx)("h1",{className:"title",children:n}),t&&(0,i.jsx)("p",{className:"description",children:t})]}),d,(0,i.jsxs)("div",{className:"modal-in-button",children:[(0,i.jsx)("button",{className:"close",type:"button",onClick:s,children:o}),a&&(0,i.jsx)("button",{className:"confirm",type:"button",onClick:c,children:a})]})]})})})})};let r=(0,s.ZP)(o.Z).withConfig({displayName:"LegacyModalTemplate__StyledWrapper",componentId:"sc-1448ac53-0"})(["position:relative;z-index:1000;box-shadow:0 11px 15px -7px rgb(0 0 0 / 20%);"])},7140:function(e,n,t){var i=t(11163);n.Z=()=>{let e=(0,i.useRouter)();return["true"===e.query.open,n=>{e.replace({query:{...e.query,open:n.toString()}},void 0,{shallow:!0})}]}},84718:function(e,n,t){t.d(n,{Z:function(){return B}});var i=t(85893),l=t(47091),o=t(7140),s=t(99495),r=t(3544),a=t(87798),c=t(85444),d=t(81794),x=t(35959),p=e=>{let{point:n,onClose:t}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.zd,{}),(0,i.jsxs)(h,{children:[(0,i.jsx)(d.Z,{point:n,title:"라이브 방송 참여!",useNumberUpAnimation:!0}),(0,i.jsx)("p",{children:"당첨된 언파캐시가 지급됩니다."}),(0,i.jsx)(x.Z,{children:(0,i.jsx)(x.Z.Button,{text:"닫기",onClick:t})})]})]})};let h=(0,c.ZP)(a.Z).withConfig({displayName:"BroadcastRewardModal__StyledModal",componentId:"sc-3eea7132-0"})(["display:flex;flex-direction:column;align-items:center;> p{margin-bottom:20px;color:#777;font-size:14px;}"]);var m=e=>{let{onClose:n}=e;return(0,i.jsxs)(u,{children:[(0,i.jsx)("img",{src:"/noneSpriteIcon/allowance/img_emptycoin.svg",alt:"캐시 소진",width:67,height:67}),(0,i.jsx)("h3",{children:"이미 언파캐시를 받으셨어요"}),(0,i.jsx)("p",{children:"다음 방송도 기대해 주세요!"}),(0,i.jsx)(x.Z,{children:(0,i.jsx)(x.Z.Button,{text:"확인",onClick:n})})]})};let u=(0,c.ZP)(a.Z).withConfig({displayName:"DuplicateParticipationModal__StyledModal",componentId:"sc-f82463eb-0"})(["display:flex;flex-direction:column;align-items:center;> img{margin:24px 0 5px;}> h3{font-weight:bold;font-size:16px;}> p{margin:12px 0 28px;color:#777;font-size:14px;}"]);var g=e=>{let{onClose:n}=e;return(0,i.jsxs)(f,{children:[(0,i.jsx)("img",{src:"/noneSpriteIcon/allowance/img_emptycoin.svg",alt:"캐시 소진",width:67,height:67}),(0,i.jsx)("h3",{children:"아쉽게도 캐시가 모두 소진되었어요"}),(0,i.jsx)("p",{children:"다음 방송도 기대해 주세요!"}),(0,i.jsx)(x.Z,{children:(0,i.jsx)(x.Z.Button,{text:"확인",onClick:n})})]})};let f=(0,c.ZP)(a.Z).withConfig({displayName:"CashExhaustionModal__StyledModal",componentId:"sc-86c7c3c6-0"})(["display:flex;flex-direction:column;align-items:center;> img{margin:24px 0 5px;}> h3{font-weight:bold;font-size:16px;}> p{margin:12px 0 28px;color:#777;font-size:14px;}"]);var j=t(15289),C=e=>{let{onClose:n}=e;return(0,i.jsxs)(Z,{children:[(0,i.jsx)("img",{src:"/noneSpriteIcon/allowance/img_liveend.svg",alt:"방송 종료",width:67,height:67}),(0,i.jsx)("h3",{children:"아쉽게도 방송이 종료되었어요"}),(0,i.jsx)("p",{children:"다음 방송도 기대해 주세요!"}),(0,i.jsx)(x.Z,{children:(0,i.jsx)(x.Z.Button,{text:"확인",onClick:n})})]})};let Z=(0,c.ZP)(a.Z).withConfig({displayName:"EndedBroadcastModal__StyledModal",componentId:"sc-8b6fd0f6-0"})(["display:flex;flex-direction:column;align-items:center;> img{margin:24px 0 5px;}> h3{font-weight:bold;font-size:16px;}> p{margin:12px 0 28px;

1color:#777;font-size:14px;}"]);var v=t(85945),y=t(74156),b=e=>{let{onConfirm:n,onClose:t}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(w,{children:(0,i.jsx)("div",{className:"background",children:(0,i.jsx)("div",{className:"mask"})})}),(0,i.jsxs)(N,{children:[(0,i.jsxs)("div",{className:"modal-content",children:[(0,i.jsx)("p",{className:"title",children:"아쉽게도 캐시가 모두 소진되었어요"}),(0,i.jsxs)("div",{className:"description-wrapper",children:[(0,i.jsx)("p",{className:"description",children:"캐시는 지급되지 않지만,"}),(0,i.jsx)("p",{className:"description",children:"방송은 시청하실 수 있어요."})]})]}),(0,i.jsxs)(x.Z,{children:[(0,i.jsx)(x.Z.Button,{text:"취소",onClick:t}),(0,i.jsx)(x.Z.Button,{text:"방송보기",color:"main",onClick:()=>{n(),t()}})]})]})]})};let w=c.ZP.div.withConfig({displayName:"BroadcastFilledOutModal__StyledMask",componentId:"sc-d476486f-0"})(["position:fixed;top:0;left:0;width:100%;height:100%;.background{position:relative;top:0;width:100%;height:0;height:100%;background-color:white;.mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(51 51 51 / 60%);}}"]),N=(0,c.ZP)(a.Z).withConfig({displayName:"BroadcastFilledOutModal__StyledModal",componentId:"sc-d476486f-1"})([".modal-content{display:flex;flex-direction:column;gap:12px;align-items:center;padding:24px 32px;text-align:center;.title{height:24px;color:#333;font-weight:bold;font-size:16px;line-height:normal;}.description-wrapper{display:flex;flex-direction:column;gap:6px;align-items:center;.description{color:#777;font-size:14px;}}}"]);var A=t(39119),_=t(1771),k=t(65489);let S=["알림권한요청","알림설정실패","캐시소진","중복참여","캐시획득","종료라방","미지원버전","마감된라방"];var B=e=>{let{initialChannel:n,point:t,setPoint:r,broadCastData:a}=e,{goToNotificationSettings:c,openBroadcast:d}=(0,j.e)(),{appVersion:x}=(0,k.Z)(),[h,u]=(0,o.Z)(),[f,Z]=(0,l.Z)(S,{initialChannel:n}),w=(0,v.NL)(),N=()=>{u(!1)},B=async()=>{var e;if(!a)return;let{data:n}=await A.ZP.GET({url:_._m});d(a.url,a.id,n,a.broadcastTime,null!==(e=a.filledOut)&&void 0!==e&&e,x)};return(0,i.jsxs)(f,{children:[(0,i.jsx)(f.Channel,{channel:"알림권한요청",children:(0,i.jsx)(s.Z,{title:"설정에서 권한을 허용해 주세요",description:"원활한 서비스 이용을 위해\n'알림' 권한을 켜주세요.",closeText:"취소",onClose:N,confirmText:"설정하기",onConfirm:()=>{c(),N()}})}),(0,i.jsx)(f.Channel,{channel:"알림설정실패",children:(0,i.jsx)(s.Z,{description:"알림 설정에 실패했어요.\n잠시 후 다시 시도해 주세요.",closeText:"확인",onClose:N})}),(0,i.jsx)(f.Channel,{channel:"캐시소진",children:(0,i.jsx)(g,{onClose:N})}),(0,i.jsx)(f.Channel,{channel:"중복참여",children:(0,i.jsx)(m,{onClose:N})}),(0,i.jsx)(f.Channel,{channel:"캐시획득",children:t&&(0,i.jsx)(p,{point:t,onClose:()=>{r&&(u(!1),r(0))}})}),(0,i.jsx)(f.Channel,{channel:"종료라방",children:(0,i.jsx)(C,{onClose:()=>{w.invalidateQueries((0,y.F)("/broadcasts/live")),u(!1)}})}),(0,i.jsx)(f.Channel,{channel:"미지원버전",children:(0,i.jsx)(s.Z,{description:"선택하신 라이브 방송은\nOS 8.0 이상에서만 시청 가능해요.\nOS 업데이트 후 이용해 주세요.",closeText:"확인",onClose:N})}),(0,i.jsx)(f.Channel,{channel:"마감된라방",children:(0,i.jsx)(b,{onConfirm:B,onClose:N})})]})}},35959:function(e,n,t){t.d(n,{Z:function(){return r}});var i=t(85893),l=t(85444);let o=l.ZP.button.withConfig({displayName:"ModalFooterButton__StyledButton",componentId:"sc-4fb44bc9-0"})(["display:flex;flex:1;justify-content:center;align-items:center;height:100%;font-weight:500;font-size:16px;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:center;border-radius:8px;padding:16px 0px;",""],e=>{let{$color:n}=e;return"default"===n?(0,l.iv)(["color:var(--color-black);background-color:var(--color-white);border:1px solid #cccccc;"]):(0,l.iv)(["color:var(--color-white);background-color:var(--color-main);"])}),s=e=>{let{children:n}=e;return n?(0,i.jsx)(a,{children:n}):null};var r=s;

1s.Button=e=>{let{color:n="default",text:t,onClick:l}=e;return(0,i.jsx)(o,{$color:n,onClick:l,children:t})};let a=l.ZP.div.withConfig({displayName:"ModalFooter__StyledWrapper",componentId:"sc-87b97eb8-0"})(["display:flex;justify-content:center;align-items:center;width:100%;padding:0 16px 16px;gap:8px;"])},60649:function(e,n,t){var i=t(10952),l=t(5356),o=t(55476),s=t(67294);n.Z=e=>{let n=(0,l.Z)(e);(0,s.useEffect)(()=>{n||i.Z.confirm({title:"앱 업데이트가 필요해요",description:"서비스를 이용하기 위해서는\n언니의파우치 앱 업데이트가 필요해요 \uD83D\uDE42",confirmText:"앱 업데이트 하러가기",isMaskClose:!1,onConfirm:()=>{(0,o.Z0)()}})},[])}}}]);