https://assets.metavv.com/prod/_next/static/chunks/pages/creator/[creatorId]-dd0ceab5fb4abea9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2222],{67872:function(e,n,t){"use strict";var r=t(23493),o=t.n(r),c=t(67294),i=t(12989);n.Z=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=(0,c.useState)(0),t=n[0],r=n[1],a=(0,c.useState)(0),s=a[0],l=a[1],_=(0,c.useState)("up"),u=_[0],d=_[1];return(0,c.useEffect)(function(){var n;if((null===(n=e[0])||void 0===n?void 0:n.current)!==null||0===e.length){var t,c=null!==(t=e[0])&&void 0!==t&&t.current?e[0].current:window,a=o()(function(){r((null==c?void 0:c.scrollX)||(null==c?void 0:c.scrollLeft)),l(function(e){var n=(null==c?void 0:c.scrollY)||(null==c?void 0:c.scrollTop);return d(e<n?"down":"up"),n})},i.Jz);return c.addEventListener("scroll",a),function(){return c.removeEventListener("scroll",a)}}},e),{scrollX:t,scrollY:s,scrollDirection:u}}},90092:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return U},default:function(){return V}});var r=t(50029),o=t(64687),c=t.n(o),i=t(89677),a=t.n(i),s=t(23337),l=t.n(s),_=t(35283),u=t(52083),d=t(59499),f=t(6720),p=t(2962),m=t(67294),g=t(85893);function y(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function v(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?y(Object(t),!0).forEach(function(n){(0,d.Z)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var h=function(e){var n=e.title,t=e.description,r=e.ogOptions,o=e.children,c=(0,f.$G)().t,i=t||c("profile");return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(p.PB,{title:n,description:i,openGraph:v(v({},r),{},{description:i})}),o]})},b=t(97556),x=t(2080),w=t(61946),k=t(50018),M=t(51473),j=t(67872),C=t(15111),N=t(41664),T=t.n(N),B=t(11163),S=t(2185),I=[{_c:"content",active:C.Dp+"/assets/images/icon/icon_onContent.svg",inactive:C.Dp+"/assets/images/icon/icon_offContent.svg"},{_c:"bookmark",active:C.Dp+"/assets/images/icon/icon_onSelect.svg",inactive:C.Dp+"/assets/images/icon/icon_offSelect.svg"}],P=function(e){var n=e.isTopBannerStyle,t=(0,B.useRouter)(),r=(0,m.useRef)(null);(0,S.v9)(function(e){return e.globalReducer.userInfo});var o=(0,m.useState)(0),c=o[0],i=o[1],s=(0,j.Z)().scrollY,_=(0,m.useState)(!1),u=_[0],d=_[1];(0,m.useEffect)(function(){var e;u||i(null===(e=r.current)||void 0===e?void 0:e.offsetTop)},[u]),(0,m.useEffect)(function(){(s||c)&&(s>c-55?d(!0):d(!1))},[s]);var f=[l().fixedMCate,n?a().top_banner_body_margin:""],p=function(e){};return(0,g.jsx)("div",{className:u?f.join(" "):l().mCate,ref:r,children:(0,g.jsx)("div",{children:I.map(function(e,n){return(0,g.jsx)(T(),{href:"/creator/".concat(t.query.creatorId,"?_c=").concat(e._c),className:"".concat(l().mNavi," ").concat(t.query._c===e._c?l().active:""),onClick:function(){return p(e._c)},children:(0,g.jsx)("img",{src:t.query._c===e._c?e.active:e.inactive,className:l().cateImg,alt:""})},n)})})})};function W(e){var n=e.isTopBannerStyle;return(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(P,{isTopBannerStyle:n})})}var E=t(27590),Z=t(74292),O=t(21905),F=t(35556),R=t(67104),D=t(16e3),L=t(12989),A=t(74855),H=t(86523);t(66761),t(67555),t(60853),t(84752),H.ZP.use([H.tl]);var U=!0,V=function(e){var n,t,o,i=e.creator,s=e.referer,d=e.error;if(d)return(0,g.jsx)(E.Z,{errorCode:d.code});var p=(0,D.GJ)(),y=(0,B.useRouter)();(0,S.I0)();var v=(0,f.$G)(["common","user"]).t,j=(0,m.useRef)(null),N=y.query._c,T=i.content_count||i.userCount.content_count,I=(0,S.v9)(function(e){return{userInfo:e.globalReducer.userInfo,topBannerType:e.globalReducer.topBannerType,isApp:e.globalReducer.isApp}},S.wU),P=I.userInfo,H=I.topBannerType,U=I.isApp,V=(0,m.useState)(i),G=V[0],z=V[1],X=(0,m.useState)(null),K=X[0],Q=X[1],J=(0,m.useState)([]),q=J[0],Y=J[1],$=(0,m.useState)(!1),ee=$[0],en=$[1],et=(0,m.useState)(!0),er=et[0],eo=et[1],ec=(0,m.useState)(!1),ei=ec[0],ea=ec[1],es=(0,m.useState)(!1),el=es[0],e_=es[1],eu=(0,m.useRef)(null),ed=(0,m.useRef)(null);(0,m.useEffect)(function(){e_(!0)}

1,[]),(0,m.useEffect)(function(){el&&(0,L.oH)(_.pS);var e=function(e){try{var n=JSON.parse(e.data);n.type===_.EN?ep():n.type===_.Vy?((0,F.V)(i.id,y.locale).then(function(e){return Y(e)}),ep()):n.type===_.pS&&ea(!0)}catch(e){console.log("rnListener error ===>",e)}};return U&&(document.addEventListener("message",e),window.addEventListener("message",e)),function(){document.removeEventListener("message",e),window.removeEventListener("message",e)}},[el]),(0,m.useEffect)(function(){var e=new ResizeObserver(function(){er&&en(j.current.scrollHeight-1>j.current.offsetHeight)});return e.observe(j.current),function(){e.disconnect()}},[j,i.id]),(0,m.useEffect)(function(){ep()},[i.id]);var ef=(n=(0,r.Z)(c().mark(function e(){return c().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,Z.jG)();case 3:if(!e.sent){e.next=8;break}y.push("/my/modifyProfile"),e.next=9;break;case 8:throw Error(R.U);case 9:e.next=14;break;case 11:e.prev=11,e.t0=e.catch(0),p(e.t0,(0,D.nH)(y,P.id));case 14:case"end":return e.stop()}},e,null,[[0,11]])})),function(){return n.apply(this,arguments)}),ep=function(){(0,O.U1)(i.id).then(function(e){return z(e.user)}),(0,O.m9)(i,y.locale).then(function(e){return Q(e)}),(0,F.V)(i.id,y.locale).then(function(e){return Y(e)})},em=null!==H,eg=[a().app_contents_body,em?a().top_banner_common_header_body:"",l()["creator-wrap"]],ey=(t=(0,r.Z)(c().mark(function e(){return c().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!el){e.next=13;break}if(!navigator.share){e.next=12;break}return e.prev=2,e.next=5,navigator.share({title:v("banggooso_creator_page",{name:i.user_name}),url:window.location.href});case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(2),"prod"!==C.or&&console.error(e.t0);case 10:e.next=13;break;case 12:ed.current.onClick();case 13:case"end":return e.stop()}},e,null,[[2,7]])})),function(){return t.apply(this,arguments)});return(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(h,{title:(0,L.iT)("".concat(v("app_title")," - ").concat(v("profile"))),description:(0,L.iT)(i.introduction),ogOptions:{url:"".concat((0,L.mg)(),"/").concat(y.locale,"/creator/").concat(i.id),title:(0,L.iT)("".concat(v("app_title")," - ").concat(v("profile"))),description:(0,L.iT)(i.introduction),site_name:"방구석연구소",images:[{url:(o=L.sk.sm,i.user_profile_img?(0,L.hw)((0,L.Uy)(i.user_profile_img),o):C.Dp+"/assets/images/icon/icon_login.svg"),alt:(0,L.iT)(i.user_name)+" thumbnail image",type:"image/jpeg"}]},children:(0,g.jsxs)("div",{className:a().untiedContainer,children:[(0,g.jsx)(b.Z,{isFixed:!0,left:{referer:s,action:U&&ei?function(){return(0,L.oH)(_.z9,{action:"BACK"})}:void 0},middle:{creatorName:i.user_name},right:{hamMenu:!ei}}),(0,g.jsxs)("div",{className:eg.join(" "),ref:eu,children:[(0,g.jsx)("div",{className:l().mProfile,children:(0,g.jsxs)("div",{className:l().backgroundProfileWrap,children:[(0,g.jsx)("div",{className:l().backgroundProfile,style:{backgroundColor:"".concat(i.user_profile_background?"transparent":"var(--metavv-color-bg-sub)"),backgroundImage:i.user_profile_background?"url('".concat((0,L.Uy)(i.user_profile_background),"')"):""}}),(0,g.jsxs)("div",{className:l().mainProfiles,children:[(0,g.jsx)("div",{className:l().profileImgWrap,children:(0,g.jsx)(M.Z.img,{userId:i.id,profileImage:i.user_profile_img,profileSize:100,style:{width:"100%",border:"3px solid #fff"}})}),(0,g.jsxs)("div",{className:l().profileBtnWrap,children:[i.id===P.id?(0,g.jsx)("button",{type:"button",onClick:ef,className:"".concat(l().modifyBtn," ").concat(a().btnPrimary),children:v("edit")}):(0,g.jsx)(g.Fragment,{children:(null==G?void 0:G.block_info)&&(0,g.jsx)(k.Z,{creatorName:i.user_name,creatorId:i.id,unblockCallback:function(){ep()}})}),(0,g.jsx)("button",{className:l().profileBtn,onClick:ey,children:(0,g.jsx)("i",{className:"icon-share"})})]}),(0,g.jsxs)("div",{className:l().profileWrap,children:[(0,g.jsx)("p",{className:l().profileUserName,children:i.user_name}),(0,g.jsx)("div",{ref:j,className:"".concat(l().introduction," ").concat(er?l().isHide:l().showAll),children:i.introduction}),i.introduction&&ee&&(0,g.jsx)("button",{className:l().moreView,onClick:function(){en(!1),eo(!1)},children:v("see_more")}),i.website&&(0,g.jsx)("div",{className:l().introductionWebsite,children:(0,g.jsx)("div",{onClick:function(){return(0,L.SC)(_.hm,i.website)},style:{color:"black",cursor:"pointer",display:"inline-block"},children:i.website})})]})]})]})}),(0,g.jsx)(W,{isTopBannerStyle:em}),(0,g.jsxs)("div",{className:l()["creator-content-wrap"],children:["content"===N&&(0,g.jsxs)(g.Fragment,{children:[0===T&&(P.id===i.id?(0,g.jsx)(w.Z,{noContentText:{title:v("user:no_content.post_your_content"),subText:v("user:no_content.post_your_content_desc")},link:{text:v("user:no_content.go_create_content"),onClick:function(){y.push("/custom")}}}):(0,g.jsx)(w.Z,{noContentText:{title:v("user:no_content.no_posts_

1yet"),subText:v("user:no_content.no_posts_yet_desc")}})),T>0&&(0,g.jsx)("div",{className:l()["creator-content-inner"],children:(0,g.jsx)("div",{className:a().contentW,children:(K||[,,,,].fill(void 0)).map(function(e,n){return(0,g.jsx)(x.Z,{styleType:"col2",content:e,shuffleType:u.lP.CREATOR_CONTENT},"content-item-".concat(n))})})})]}),"bookmark"===N&&(0,g.jsxs)(g.Fragment,{children:[0===q.length&&(P.id===i.id?(0,g.jsx)(w.Z,{noContentText:{title:v("user:no_content.save_your_content"),subText:v("user:no_content.save_your_content_desc")}}):(0,g.jsx)(w.Z,{noContentText:{title:v("user:no_content.no_posts_yet"),subText:v("user:no_content.no_posts_yet_desc_bookmark")}})),0!==q.length&&(0,g.jsx)("div",{className:l()["creator-content-inner"],children:(0,g.jsx)("div",{className:a().contentW,children:q.map(function(e,n){return(0,g.jsx)(x.Z,{styleType:"col2",content:e,shuffleType:u.lP.CREATOR_KEEP,creatorId:i.id},"keep-content-item-".concat(n))})})})]})]})]}),(0,g.jsx)(A.CopyToClipboard,{text:el&&window.location.href,ref:ed,onCopy:function(){alert(v("alert.its_copied"))},children:(0,g.jsx)("button",{style:{display:"none"},children:"copy"})})]})})})}},61946:function(e,n,t){"use strict";var r=t(27812),o=t(19845),c=t.n(o),i=t(1748),a=t.n(i),s=t(85893),l=c().bind(a());n.Z=function(e){var n=e.noContentImage,t=e.noContentImageSize,o=e.noContentText,c=e.link,i=e.classes;return(0,s.jsxs)("div",{className:l(["no-content"].concat((0,r.Z)(void 0===i?[]:i))),children:[n&&(0,s.jsx)("img",{src:n,style:{width:t||"auto"},alt:""}),(0,s.jsxs)("div",{className:l("text-wrap"),children:[(0,s.jsx)("h3",{children:o.title}),o.subText&&(0,s.jsx)("p",{children:o.subText}),c&&(0,s.jsx)("button",{onClick:c.onClick,children:c.text})]})]})}},50018:function(e,n,t){"use strict";var r=t(50029),o=t(16835),c=t(64687),i=t.n(c),a=t(19845),s=t.n(a),l=t(79830),_=t.n(l),u=t(21905),d=t(16e3),f=t(26125),p=t(6720),m=t(67294),g=t(85893),y=s().bind(_());n.Z=function(e){var n,t=e.creatorName,c=e.creatorId,a=e.unblockCallback;e.style;var s=(0,d.GJ)(),l=(0,f.r)(u.Ag),_=(0,o.Z)(l,2),v=_[0],h=_[1],b=(0,p.$G)("common").t;(0,m.useEffect)(function(){v.success&&a(),v.error&&s(v.error,d.k9.popup)},[v]);var x=(n=(0,r.Z)(i().mark(function e(){return i().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,h(c);case 2:case"end":return e.stop()}},e)})),function(){return n.apply(this,arguments)}),w="".concat(b("are_you_sure_you_want_to_unblock_it",{name:t}),"\n").concat(b("when_you_unblock_it",{name:t})),k=function(){window.confirm(w)&&x()};return(0,g.jsx)("button",{className:y("unblock-btn"),onClick:function(){return k()},children:b("unblock")})}},27590:function(e,n,t){"use strict";var r=t(68418),o=t.n(r),c=t(19845),i=t.n(c),a=t(35283),s=t(28729),l=t(31121),_=t(12989),u=t(6720),d=t(11163),f=t(67294),p=t(2185),m=t(84024),g=t(15111),y=t(85893),v=i().bind(o()),h={ko:l,en:s};n.Z=function(e){var n=e.errorCode,t=void 0===n?500:n,r=(0,d.useRouter)();u.ag.addResourceBundle(r.locale,"common",h[r.locale]);var o=(0,p.v9)(function(e){return e.globalReducer.isApp});return(0,f.useEffect)(function(){if(o)return(0,_.oH)(a.WJ)},[o]),(0,y.jsx)("div",{className:v("container","etcPageWrap"),children:(0,y.jsxs)("div",{children:[404===t?(0,y.jsx)("img",{src:"".concat(g.Dp,"/assets/images/error/404.svg")}):(0,y.jsx)("img",{src:"".concat(g.Dp,"/assets/images/error/500.svg")}),(0,y.jsx)("h1",{children:String(u.ag.t("error.".concat(t,".title")))}),(0,y.jsx)("p",{children:String(u.ag.t("error.".concat(t,".desc")))}),(0,y.jsxs)("div",{children:[(0,y.jsx)("button",{onClick:function(){if((0,m.TQ)("return_metavv_".concat(t,"_click")),o){var e={url:"".concat((0,_.mg)(),"#").concat(new Date().getTime())};return(0,_.oH)(a.lZ,e)}window.location.href="/"},children:String(u.ag.t("error.back_to_banggooso"))}),503===t&&(0,y.jsx)("button",{onClick:function(){(0,m.TQ)("check_live__503_click"),(0,_.SC)(a.hm,"http://bit.ly/41Mve1A")},children:String(u.ag.t("error.check_real_time_response"))}),![503,404].includes(t)&&(0,y.jsx)("button",{onClick:function(){(0,_.SC)(a.hm,"https://guide.metavv.com/feedback")},children:String(u.ag.t("error.send_feedback"))})]})]})})}},99746:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/creator/[creatorId]",function(){return t(90092)}])},1748:function(e){e.exports={"no-content":"noContent_no-content__XecNK","text-wrap":"noContent_text-wrap__GWnaC",rightToLeft:"noContent_rightToLeft__FHubx"}},79830:function(e){e.exports={"unblock-btn":"unblockButton_unblock-btn__KU5gm",inactive:"unblockButton_inactive__tRFjK",rightToLeft:"unblockButton_rightToLeft__EF7

1Il"}},23337:function(e){e.exports={"creator-wrap":"My_creator-wrap__DT90z","creator-content-wrap":"My_creator-content-wrap__TnwaQ","creator-content-inner":"My_creator-content-inner__51XsS",mProfile:"My_mProfile__Sf8_N",backgroundProfileWrap:"My_backgroundProfileWrap__vMLOW",backgroundProfile:"My_backgroundProfile__Ka_VK",mainProfiles:"My_mainProfiles__HcrqB",mainImgs:"My_mainImgs__RpWY8",profileImgWrap:"My_profileImgWrap__sp_HA",profileBtnWrap:"My_profileBtnWrap__U_S0W",profileBtn:"My_profileBtn__teMgu",moreBtn:"My_moreBtn__TLeDu",modifyBtn:"My_modifyBtn__iubed",CfollowBtn:"My_CfollowBtn__bcCFc",CfollowingBtn:"My_CfollowingBtn__bOWa6",userName:"My_userName__CexnQ",profileUserName:"My_profileUserName__JHTnQ",introduction:"My_introduction__VUW9M",introductionWebsite:"My_introductionWebsite__FfUDF",isHide:"My_isHide__ywKN2",showAll:"My_showAll__Ei0Aw",moreView:"My_moreView__pAXHw",fixedMCate:"My_fixedMCate__om04b",mCate:"My_mCate__uNK7o",mNavi:"My_mNavi__ZriTb",active:"My_active__GOZvC",cateImg:"My_cateImg__sZfU2",noContent:"My_noContent__A_tH_",creatorMoreButtons:"My_creatorMoreButtons__m2dsg",moreButtons:"My_moreButtons__bEV4_",cancelBtn:"My_cancelBtn__IpuQD",fixed_cateWrap:"My_fixed_cateWrap__EReYr",cateWrap:"My_cateWrap__gvX7X",followNavi:"My_followNavi__kz2bB",cont:"My_cont__V3Mui",innerCont:"My_innerCont__MqfI2",profileImg2:"My_profileImg2__9bvK9",userIcon:"My_userIcon__xIXyk",followName:"My_followName__wbmrF",creatorFindFriendBannerWrap:"My_creatorFindFriendBannerWrap__xwaSH",followfindFriendBannerWrap:"My_followfindFriendBannerWrap___mTqU",follower:"My_follower__51Fdw",following:"My_following__M8dZQ",update_mProfile:"My_update_mProfile__JSkMQ",profileBg:"My_profileBg__T2P0O",update_profileImg:"My_update_profileImg__tsiGV",header:"My_header__3kAVi",submitBtn:"My_submitBtn__Zn8Cr",content:"My_content__DeNkk",inputT:"My_inputT__ZWha_",loginInput:"My_loginInput__0FNFe",shortinput:"My_shortinput__k2Zp3",small:"My_small__5M8mA",shortWrap:"My_shortWrap__7yZS1",conbox:"My_conbox__j1820",contentP:"My_contentP__7Nt5X",btnP:"My_btnP__HGuIe",inputWrap:"My_inputWrap__0h40o",textareaInput:"My_textareaInput__mm4Q3",shareModal:"My_shareModal__Ogw7_",shareDialog:"My_shareDialog__a_JZL",shareBackdrop:"My_shareBackdrop__yi9gk",likesUser:"My_likesUser__Qvl_k",userImgContainer:"My_userImgContainer__GaN__",swiperSlide:"My_swiperSlide__Wwwop",rightToLeft:"My_rightToLeft__DozWT"}},68418:function(e){e.exports={container:"etc-page_container__ce4Fh","with-app-banner":"etc-page_with-app-banner__wfzVn",etcPageWrap:"etc-page_etcPageWrap__fzRis",rightToLeft:"etc-page_rightToLeft__ZJzwg"}}},function(e){e.O(0,[788,8469,5346,7556,2080,891,4655,2888,9774,179],function(){return e(e.s=99746)}),_N_E=e.O()}]);