https://assets.metavv.com/prod/_next/static/chunks/4723-6bd42eb8713fc3b4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4723],{30447:function(e,t,n){"use strict";var r=n(59499),o=n(16835),s=n(19845),a=n.n(s),i=n(7063),c=n.n(i),l=n(52083),u=n(18943),d=n(3679),p=n(51473),m=n(84024),_=n(15111),f=n(6720),g=n(25675),h=n.n(g),v=n(11163),b=n(67294),k=n(2185),y=n(97234),w=n(85893),j=a().bind(c());t.Z=function(e){var t=e.baseColor,n=e.userRank,s=e.title,a=e.fontColor,i=e.rankType,c=void 0===i?"score":i,g=e.isShowTime,x=void 0===g||g,N=e.isBox,C=e.isShowResultButton,I=void 0!==C&&C,L=e.fetchData,P=e.isMy,S=e.version,O=(0,k.I0)(),U=(0,f.$G)().t,Z=(0,v.useRouter)(),M=(0,u.Z)(),R=(0,o.Z)(M,1)[0],A=(0,k.v9)(function(e){return{contentInform:e.contentReducer.contentInform,isApp:e.globalReducer.isApp,userInfo:e.globalReducer.userInfo}}),T=A.contentInform,F=A.isApp,D=A.userInfo,E=(0,b.useMemo)(function(){var e=(0,y.Z)(a);return e.setAlpha(.1),e.toRgbString()},[a]),H=function(e){var t=Math.floor(e/1e3),n=Math.floor(t/60);return t%=60,n%=60,"".concat(n>0?"".concat(U("content:minute",{min:n})," "):"").concat(t>0?"".concat(U("content:second",{sec:t})," "):"").concat(e%1e3)},q=function(e){var t;return(null===(t=JSON.parse((null==e?void 0:e.json_data)||"{}"))||void 0===t||null===(t=t.response)||void 0===t?void 0:t.user_name)||e.user_user_name},G=function(e,t){if(!(t===D.id||F)&&"prod"===_.or){O((0,d.AL)(l.F2.useApp));return}T&&Z.replace("/content/result/".concat(T.id,"?code=").concat(e))},z=n.length<1;return(0,w.jsxs)("div",{className:j("top-ten",(void 0===N||N)&&"box"),children:[(0,w.jsxs)("div",{className:j("top-ten-title-wrap"),children:[s&&(0,w.jsx)("p",{className:j("top-ten-title"),style:{color:a||"var(--metavv-color-base)"},children:s}),L&&(0,w.jsx)("button",{className:j("top-ten-refresh"),onClick:function(){O((0,d.AL)(l.F2.loadingSpinner));try{L&&L(function(){O((0,d.gP)({modalType:l.F2.close,options:{loadingState:{isDone:!0}}}))})}catch(e){alert(U("alert.failed"))}},children:(0,w.jsx)("i",{className:"icon-refresh",style:{color:a||"var(--metavv-color-base)"}})})]}),(0,w.jsxs)("ul",{className:j("top-ten-list"),children:[(0,w.jsxs)("li",{className:j("top-ten-header"),style:{color:a||"var(--metavv-color-base)",backgroundColor:E},children:[(0,w.jsx)("p",{className:j("user-rank"),children:U("content:user_ranking.rank",{lng:R})}),(0,w.jsx)("p",{className:j("user-name"),children:U("content:user_name",{lng:R})}),x&&(0,w.jsx)("p",{className:j("user-time"),children:U("content:record",{lng:R})}),(0,w.jsx)("p",{className:j("user-score"),children:U("content:".concat(c,"_title"),{lng:R})})]}),z&&(0,w.jsx)("li",{className:j("no-participation"),children:U("content:user_ranking.has_no_participation",{lng:R})}),n.map(function(e,n){var o,s=e.rank?e.rank-1:0;return(0,w.jsxs)("li",{style:{color:(0,m.kq)(t)},children:[3>(s||n)&&(0,w.jsx)("div",{className:j("medal"),children:(0,w.jsx)(h(),{src:"".concat(_.Dp,"/assets/images/viewer/rank-").concat(n+1,".png"),alt:"",width:22,height:22,style:{objectFit:"contain"}})}),(0,w.jsx)("span",{style:{backgroundColor:t,opacity:P?1:Math.max(100-15*(s||n),55)/100}}),(0,w.jsx)("p",{className:j("user-rank"),children:e.rank||n+1}),(0,w.jsx)(p.Z,{className:j("user-name"),variant:"horizontal",profile:{image:e.user_user_profile_img,size:22},userId:e.is_anonymous?"":e.user_id,creatorName:q(e),fontStyle:{fontSize:16},disableMediaQuery:!0}),x&&(0,w.jsx)("p",{className:j("user-time"),dangerouslySetInnerHTML:{__html:H(e.rank_rank2)}}),(0,w.jsx)("p",{className:j("user-score"),dangerouslySetInnerHTML:{__html:U("content:".concat(c,"_count"),(o={},(0,r.Z)(o,c,e.rank_rank1),(0,r.Z)(o,"lng",R),o))}}),I&&(0,w.jsx)("p",{className:j("user-answer-link"),children:(0,w.jsx)("button",{onClick:function(){G(e.rank_code,e.user_id)},children:U("content:user_ranking.answer",{lng:R})})})]},"".concat(n,"-").concat(e.user_id))})]}),1===S&&(0,w.jsx)("p",{className:j("rank-guide-info"),children:U("content:user_ranking.please_log_in_to_reach_the_ranking_board",{lng:R})})]})}},86847:function(e,t,n){"use strict";n.d(t,{Z:function(){return F}});var r=n(59499),o=n(16835),s=n(19845),a=n.n(s),i=n(79472),c=n.n(i),l=n(99223),u=n(47077),d=n(50135),p=n(40198),m=n(39775),_=n(12989),f=n(11163),g=n(67294),h=n(5370),v=n(48898),b=n(41609),k=n.n(b),y=n(84027),w=n.n(y),j=n(35283),x=n(63407),N=n(84024),C=n(87960),I=n(6720),L=n(25675),P=n.n(L),S=n(2185),O=n(97234),U=n(85893),Z=a().bind(w()),M=function(e){var t=e.documentCommon,n=e.sounds,r=e.step,s=e.cardScale,a=e.backgroundColor,i=e.selectPrevPage,c=(0,I.$G)().t,l=(0,f.useRouter)(),p=(0,S.I0)(),m=t.logoImage,g=l.query,h=g.contentId,v=g.version;(0,O.Z)(a||"#fff").isDark();var b=!k()(n),y=(0,S.v9)(function(e){return{isPreview:e.templateReducer.isPreview,isMute:e.templateReducer.isMute}},S.wU),w=y.isPreview,L=y.isMute,M=(0,d.Z)(u.Pk.QUESTION_BGM_INSERT),R=(0,o.Z)(M,1)[0];return(0,U.jsx)("div",{className:Z("viewer-header-wrap"),style:{width:"calc(".concat(C.n3,"px * ").concat(s,")"),height:"".concat("calc(".concat(C.iA,"px * ").concat(s,")"))},onClick:function(e){return e.stopPropagation()},children:(0,U.jsxs)("div",{className:Z("viewer-header"),style:{transform:"translateX(-50%) scale(".concat(s,")"),width:C.n3,height:C.iA},children:[["body","list-type"].includes(r)&&(0,U.jsxs)("button",{className:Z("prev-button",r),onClick:function(){return"body"===r||"list-type"===r?i():w?l.replace("/content/preview/".concat(h,"/").concat(v)):l.replace("/content/".concat(h))},style:"list-type"===r?{color:(0,N.kq)(a)}:{},children:[(0,U.jsx)("i",{className:"icon-navigate-before"}),c("prev")]}),!["body"].includes(r)&&m.src&&(0,U.jsx)(P(),{height:24,width:500,alt:"방구석연구소",src:(0,_.Uy)(m.src),style:{objectFit:"contain"}}),"body"===r&&b&&R&&(0,U.jsx)("button",{className:Z("mute-button"),onClick:function(){p((0,x.Hl)({params:{mute:!L}})),(0,_.oH)(j.JE,{isMute:!L})},children:(0,U.jsx)("i",{className:Z({"icon-music-on":!L,"icon-music-off":L}

1)})})]})})};function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach(function(t){(0,r.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var T=a().bind(c()),F=function(e){var t,n=e.doc,r=e.pageStep,s=e.pageKey,a=e.useFade,i=e.selectNextPage,c=e.selectPrevPage,b=e.children,k=(0,f.useRouter)(),y=(0,g.useRef)(null),w=(0,p.Z)(y),j=(0,g.useState)(""),x=j[0],N=j[1],C=(0,g.useState)(!1),I=C[0],L=C[1],P=(0,g.useState)("empty"),S=P[0],O=P[1],Z=(0,d.Z)(u.Pk.BACKGROUND_IMAGE_INSERT,u.Pk.COUPANG_AD_HIDE),R=(0,o.Z)(Z,2),F=R[0],D=R[1]&&(null===(t=n.result)||void 0===t?void 0:t.isHideCoupangAd),E=(0,g.useMemo)(function(){switch(r){case"intro":case"body":return n[r].theme;case"result":case"list-type":return n.result.theme;default:return{fontColor:"",fontFamily:"",backgroundColor:"",pointColor:""}}},[n,r]),H=(0,g.useMemo)(function(){switch(r){case"intro":return n[r].theme;case"body":return n[r].pages[s].theme;case"result":case"list-type":return Object.values(n.result.pages)[0].theme;default:return{fontColor:"",fontFamily:"",backgroundColor:"",pointColor:""}}},[n,s,r]),q={backgroundColor:H.backgroundColor||E.backgroundColor,backgroundImage:H.backgroundImage||E.backgroundImage,fontFamily:H.fontFamily||E.fontFamily,pointColor:H.pointColor||E.pointColor,fontColor:H.fontColor||E.fontColor};(0,g.useEffect)(function(){L("true"===(0,_.q9)("data-is-recommendation-hidden"))},[]),(0,g.useEffect)(function(){var e;if(null!==(e=q.backgroundImage)&&void 0!==e&&e.src){var t=new Image;t.src=(0,_.Uy)(q.backgroundImage.src),t.onload=function(){N(t.src)}}else N("")},[q.backgroundImage]);var G=q.backgroundColor,z=q.fontFamily;return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{style:A(A({position:"fixed",left:"50%",top:0,transform:"translateX(-50%)",maxWidth:500,width:"100%",height:"100%",paddingBottom:15,boxSizing:"content-box",backgroundRepeat:"no-repeat",backgroundImage:F?"url(".concat(x,")"):void 0,backgroundPosition:"center center",backgroundSize:"100% auto"},G&&{backgroundColor:G}),a&&{transition:"background var(--metavv-slide-time) linear"})}),(0,U.jsx)("div",{style:{position:"relative",flex:1},children:(0,U.jsxs)("div",{className:T("metavv-viewer-wrap"),style:{fontFamily:z},onClick:i,children:[(0,U.jsx)(M,{documentCommon:n.common,sounds:n.sound.body||{},step:r,cardScale:w,backgroundColor:G,selectPrevPage:c}),(0,U.jsx)(v.Z,{ref:y,children:b}),"result"===r&&!I&&k.query.contentId&&(0,U.jsx)(h.Z,{contentId:k.query.contentId,isAdminManually:!0}),"result"===r&&!D&&k.query.contentId&&(0,U.jsx)("div",{className:T({"has-padding":"success"===S}),children:(0,U.jsx)(m.Z,{slotName:l.T.RESULT_FOOTER,onAdLoaded:function(e){O(e)}})})]})})]})}},7063:function(e){e.exports={"top-ten":"topUserList_top-ten__wOuys",box:"topUserList_box__dk8b0","top-ten-title-wrap":"topUserList_top-ten-title-wrap__JGFwV","top-ten-title":"topUserList_top-ten-title__Tc_Ij","top-ten-refresh":"topUserList_top-ten-refresh__7axP5","top-ten-list":"topUserList_top-ten-list__ZHD8v",medal:"topUserList_medal__oJIzZ","user-rank":"topUserList_user-rank__JGk98","user-name":"topUserList_user-name__yfOWP","user-score":"topUserList_user-score__69q8w","user-time":"topUserList_user-time__33qPJ","top-ten-header":"topUserList_top-ten-header__lNj2D","user-answer-link":"topUserList_user-answer-link__iV5Md","no-participation":"topUserList_no-participation__ockwX","rank-guide-info":"topUserList_rank-guide-info__eR8wk",rightToLeft:"topUserList_rightToLeft__mdc34"}},79472:function(e){e.exports={"metavv-viewer-wrap":"viewerWrapper_metavv-viewer-wrap__thSAF","has-padding":"viewerWrapper_has-padding__r1K0g",rightToLeft:"viewerWrapper_rightToLeft__L6kDK"}},84027:function(e){e.exports={"viewer-header-wrap":"viewerHeader_viewer-header-wrap__IaGPv","viewer-header":"viewerHeader_viewer-header__kYdSm","prev-button":"viewerHeader_prev-button__itumf","list-type":"viewerHeader_list-type__pByyM","mute-button":"viewerHeader_mute-button__3Q7hg",rightToLeft:"viewerHeader_rightToLeft__SmAfe"}}}]);