https://nicoft.io/_next/static/chunks/8484.6dc29aead6849302.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8484],{10078:(e,a,n)=>{n.d(a,{n:()=>t.n});var t=n(64106)},60283:(e,a,n)=>{n.d(a,{F:()=>t});let t=(0,n(30825).YK)({defaultName:{id:"constants.domains.defaultName",defaultMessage:"unnamed",description:"ユーザーの表示名が未設定の場合のデフォルト名"},yen:{id:"constants.domains.yen",defaultMessage:"円",description:"日本円の通貨単位"}})},64106:(e,a,n)=>{n.d(a,{n:()=>u});var t=n(28567),r=n(19621),i=n.n(r),o=n(62544),s=n(75333),l=n(60283),d=n(96853),c=n(56813);let u=({user:e,size:a=128,...n})=>{let{formatMessage:r}=(0,s.A)(),u=(0,o.useMemo)(()=>"originalIconUrl"in e?d.M:d.u,[e]);return(0,t.Y)("div",{style:{width:a,height:a},className:(0,c.AH)({position:"relative"}),title:e.displayName||r(l.F.defaultName),...n,children:(0,t.Y)(i(),{src:e.iconUrl??u,alt:"thumbnail",fill:!0,sizes:"100%",className:(0,c.AH)({borderRadius:"full",objectFit:"cover"})})})}},78484:(e,a,n)=>{n.r(a),n.d(a,{Header:()=>O});var t=n(28567),r=n(13157),i=n(56813),o=n(48107),s=n(30632),l=n.n(s),d=n(62544),c=n(75333),u=n(37702),p=n(11805),m=n(93449),h=n(40281),f=n(62163),g=n(89514),A=n(54538);function b({enabled:e}){let a=(0,g.N)(),n=(0,d.useMemo)(()=>f.EF.partnerPassCollection,[]),{data:t,isLoading:r,error:i}=(0,h.I)({queryKey:n,queryFn:async()=>{try{let{data:e}=await a.getPartnerPassCollection();return e}catch(e){if(404===(0,A.C)(e))return{nftCollection:null,totalPartnerPassCount:0};throw e}},enabled:e});return{nftCollection:t?.nftCollection??null,totalPartnerPassCount:t?.totalPartnerPassCount??0,isFetching:r,isFetched:void 0!==t||!!i,error:i}}var H=n(3830),w=n(5847),C=n(60283);let x=(0,n(30825).YK)({menuAboutNicoFT:{id:"features.shared.components.Header.menuAboutNicoFT",defaultMessage:"ニコニコパートナーパスとは？",description:"ヘッダーメニューの「ニコニコパートナーパスとは？」のリンク"},menuLoginOrRegister:{id:"features.shared.components.Header.menuLoginOrRegister",defaultMessage:"新規登録・ログイン",description:"ヘッダーメニューの新規登録・ログインへのリンク"},menuAccount:{id:"features.shared.components.Header.menuAccount",defaultMessage:"アカウント",description:"ヘッダーメニューのアカウントページへのリンク"},menuNotifications:{id:"features.shared.components.Header.menuNotifications",defaultMessage:"通知",description:"ヘッダーメニューの通知ページへのリンク"},menuLogout:{id:"features.shared.components.Header.menuLogout",defaultMessage:"ログアウト",description:"ヘッダーメニューのログアウトボタン"},menuPartnerBoard:{id:"features.shared.components.Header.menuPartnerBoard",defaultMessage:"パートナーボード",description:"ヘッダーメニューのパートナーボードページへのリンク"},menuCreatePartnerPass:{id:"features.shared.components.Header.menuCreatePartnerPass",defaultMessage:"パートナーパス発行",description:"ヘッダーメニューのパートナーパス発行へのリンク"},menuCreateCollection:{id:"features.shared.components.Header.menuCreateCollection",defaultMessage:"クリエイター登録",description:"ヘッダーメニューのクリエイター登録へのリンク"}});var k=n(91670);let Y={containerBase:i.AH.raw({width:"max-content",minWidth:"[132px]",backgroundColor:"header.menu.background.default",borderRadius:"m",zIndex:"pullDownMenuZindex",filter:"[drop-shadow(0px 0px 8px {colors.shadow.base})]"}),containerOpened:i.AH.raw({display:"block"}),containerClosed:i.AH.raw({display:"none"}),pullDownListItem:i.AH.raw({cursor:"pointer",display:"flex",fontSize:"base",backgroundColor:"header.menu.background.default",listStyle:"none",transition:"[background-color 0.3s ease]","&:first-of-type":{borderRadius:"[{radii.m} {radii.m} 0 0]"},"&:last-of-type":{borderRadius:"[0 0 {radii.m} {radii.m}]"},"&:not(:first-of-type)":{position:"relative",_before:{content:'""',position:"absolute",top:0,left:"16px",width:"calc(100% - ({spacing.x2} * 2))",height:"1px",backgroundColor:"header.menu.border.default"}},_focusVisible:{backgroundColor:"header.menu.background.hover"},"&:hover":{backgroundColor:"header.menu.background.hover"}}),linkContent:i.AH.raw({color:"header.menu.text.default",width:"100%"}),content:i.AH.raw({padding:"x2",width:"fit-content"})},N=(0,d.forwardRef)(({isOpened:e,menus:a,onClose:n,style:r,...o},s)=>{let d,c=()=>(0,i.AH)(Y.content);return(0,t.Y)(k.W1.bL,{children:(0,t.Y)(k.W1.YJ,{...o,className:(d=void 0===e||e?Y.containerOpened:Y.containerClosed,(0,i.AH)(Y.containerBase,d,r)),ref:s,children:a.map((e,a)=>(0,t.Y)(k.W1.q7,{className:(0,i.AH)(Y.pullDownListItem),onClick:()=>{"onClick"in e&&e.onClick(),n&&n()},children:"href"in e?(0,t.Y)(l(),{href:e.href,className:(0,i.AH)(Y.linkContent),children:(0,t.Y)("div",{className:c(),children:e.label})}):(0,t.Y)("div",{className:c(),children:e.label})},a))})})});var v=n(10078);let y={container:i.AH.raw({width:"100%",height:"headerHeight",backgroundColor:"header.background.default",boxShadow:"0px 0px 8px 0px {colors.shadow.base}"}),inner:i.AH.raw({marginX:"auto",width:"100%",height:"100%",maxWidth:"[1440p

1x]",paddingX:"x3",paddingY:"base",display:"flex",justifyContent:"space-between",alignItems:"center"}),leftArea:i.AH.raw({display:"flex",alignItems:"center"}),logo:i.AH.raw({color:"serviceColor.nicoftMono",height:"20px",display:"flex",alignItems:"center"}),rightArea:i.AH.raw({display:"flex",justifyContent:"flex-end",alignItems:"center",flexGrow:1,columnGap:"x3",flexShrink:0}),userIconWrapper:i.AH.raw({position:"relative",display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer"}),userIconLink:i.AH.raw({display:"flex",alignItems:"center",justifyContent:"center"}),pullDownMenuContainer:i.AH.raw({position:"absolute",top:"calc(100% + 4px)",right:"-8px",width:"176px"}),menuUserDetailWrapper:i.AH.raw({display:"flex",alignItems:"center",gap:"base"}),menuUserName:i.AH.raw({fontSize:"base",fontWeight:"bold",color:"header.menu.text.default",overflow:"hidden",lineHeight:"none",width:"112px"})},D=({account:e})=>{let{formatMessage:a}=(0,c.A)(),{pushEvent:n}=(0,p.u8)(),[r,s]=(0,d.useState)(!1),{notifications:m,isFetching:h}=(0,p.E$)({enabled:!!e}),{nftCollection:f,totalPartnerPassCount:g}=b({enabled:!!e}),A=(0,d.useMemo)(()=>!!e&&!h&&m.length>0&&m[0].createdAt>e.lastNotificationReadAt,[e,h,m]),k=(0,d.useCallback)(()=>s(!0),[]),Y=(0,d.useCallback)(()=>s(!1),[]),D=(0,d.useCallback)(()=>n("nicoft_tap_header_signup_login"),[n]),I=(0,d.useCallback)(()=>n("nicoft_tap_header_partnerpass"),[n]),_=(0,d.useMemo)(()=>e?[{label:(0,t.FD)("div",{className:(0,i.AH)(y.menuUserDetailWrapper),children:[(0,t.Y)(v.n,{user:e,size:24}),(0,t.Y)("span",{className:(0,i.AH)(y.menuUserName),children:e.displayName??a(C.F.defaultName)})]}),href:w.D.userDetail(e.screenName||e.walletAddress)},...e.creator.status===o.CreatorStatusEnum.None?[{label:a(x.menuCreateCollection),href:w.D.createCollection()}]:[],...f&&e.creator.maxPartnerPassCount!==g?[{label:a(x.menuCreatePartnerPass),href:w.D.createPartnerPass(f.key)}]:[],{label:a(x.menuPartnerBoard),href:w.D.partnerBoard(e.screenName||e.walletAddress)},{label:a(x.menuAccount),href:w.D.account()}]:[],[e,a,f,g]);return(0,t.FD)(t.FK,{children:[(0,t.Y)(H.p3,{color:"base",size:"l",href:w.k.landingPage(),noBackground:!0,onClick:I,children:(0,t.Y)(u.A,{...x.menuAboutNicoFT})}),e?(0,t.FD)(t.FK,{children:[(0,t.Y)(H.Gt,{size:"l",href:w.D.notifications(),icon:(0,t.Y)(H.m5,{}),noBackground:!0,badge:A,component:l()}),(0,t.FD)("div",{className:(0,i.AH)(y.userIconWrapper),onMouseEnter:k,onMouseLeave:Y,children:[(0,t.Y)("div",{style:{position:"absolute",top:"-8px",right:"-8px",bottom:"-8px",left:"-8px"}}),(0,t.Y)(l(),{href:w.D.userDetail(e.screenName||e.walletAddress),className:(0,i.AH)(y.userIconLink),children:(0,t.Y)(v.n,{user:e,size:40})}),r&&(0,t.Y)("div",{className:(0,i.AH)(y.pullDownMenuContainer),children:(0,t.Y)(N,{menus:_,onClose:Y,isOpened:r})})]})]}):(0,t.Y)(H.p3,{color:"primaryGrape",size:"l",href:w.D.login(),icon:(0,t.Y)(H.wv,{}),onClick:D,component:l(),children:(0,t.Y)(u.A,{...x.menuLoginOrRegister})})]})},I=({style:e,...a})=>{let[n]=(0,m.u4)(),[r]=(0,m.ZA)();return(0,t.Y)("div",{className:(0,i.AH)(y.container,e),...a,children:(0,t.FD)("div",{className:(0,i.AH)(y.inner),children:[(0,t.Y)("div",{className:(0,i.AH)(y.leftArea),children:(0,t.Y)(l(),{href:w.D.top(),children:(0,t.Y)(H.S_,{className:(0,i.AH)(y.logo)})})}),(0,t.Y)("div",{className:(0,i.AH)(y.rightArea),children:r?(0,t.Y)(D,{account:n}):(0,t.Y)(t.FK,{})})]})})},_={container:i.AH.raw({width:"40px",height:"40px",padding:"[2px]",display:"flex",justifyContent:"center",alignItems:"center",border:"none",backgroundColor:"transparent"}),svg:i.AH.raw({}),bar:i.AH.raw({transitionProperty:"[transform, opacity]",transitionDuration:"0.15s",transitionTimingFunction:"linear",transformOrigin:"center",stroke:"[{colors.header.menu.icon.default}]"}),bar1_initial:i.AH.raw({opacity:1}),bar2_initial:i.AH.raw({transform:"translateY(-8px)"}),bar3_initial:i.AH.raw({transform:"translateY(8px)"}),opened_bar1:i.AH.raw({opacity:0}),opened_bar2:i.AH.raw({transform:"rotate(45deg)"}),opened_bar3:i.AH.raw({transform:"rotate(-45deg)"})},F=({isOpened:e,onClick:a,style:n,...r})=>(0,t.Y)("button",{type:"button",onClick:a,className:(0,i.AH)(_.container,n),...r,children:(0,t.FD)("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:(0,i.AH)(_.svg),children:[(0,t.Y)("path",{className:(0,i.AH)(_.bar,e?_.opened_bar1:_.bar1_initial),d:"M12 20H28",strokeWidth:"3",strokeLinecap:"round"}),(0,t.Y)("path",{className:(0,i.AH)(_.bar,e?_.opened_bar2:_.bar2_initial),d:"M12 20H28",strokeWidth:"3",strokeLinecap:"round"}),(0,t.Y)("path",{className:(0,i.AH)(_.bar,e?_.opened_bar3:_.bar3_initial),d:"M12 20H28",strokeWidth:"3",strokeLinecap:"round"})]})}),P={container:i.AH.raw({position:"relative",display:"flex",justifyContent:"space-between",alignItems:"center",paddingY:"base",paddingX:"x2",width:"100%",height:"headerHeight",backgroundColor:"header.background.default",boxShadow:"0px 0px 8px 0px {colors.shadow.base}"}),logo:i.AH.raw({display:"block",height:"20px",color:"serviceColor.

1nicoftMono"}),menuContainer:i.AH.raw({position:"fixed",top:"{spacing.headerHeight}",left:"0",width:"100vw",transition:"[height 0.25s ease-in-out]",overflowX:"hidden"}),menuItems:i.AH.raw({position:"absolute",inset:"[0]",margin:"auto",zIndex:"[2]"}),menuOverlay:i.AH.raw({position:"absolute",inset:"[0]",margin:"auto",backgroundColor:"layer.surfaceOverlay",zIndex:"[1]"}),menuLinkItem:i.AH.raw({paddingX:"x3",paddingY:"x2",width:"100%",backgroundColor:"header.background.default",display:"flex",justifyContent:"flex-start",alignItems:"center",color:"header.menu.text.default",fontSize:"base","& > *":{opacity:1,transition:"[opacity 0.3s ease]"},"&:hover":{opacity:1,"& > *":{opacity:.8}},"&:last-of-type":{borderRadius:"[0 0 {radii.m} {radii.m}]"},"&:not(:first-of-type)":{position:"relative",_before:{content:'""',position:"absolute",top:0,left:"{spacing.x3}",width:"calc(100% - ({spacing.x3} * 2))",height:"1px",backgroundColor:"header.menu.border.default"}}}),menuIconWrapper:i.AH.raw({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"base"}),userIcon:i.AH.raw({width:"24px",height:"24px",color:"header.menu.text.grape"}),userNameText:i.AH.raw({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})},M=({account:e,isOpened:a,isCompleteOpen:n,onClose:r,onTransitionEnd:s})=>{let{formatMessage:m}=(0,c.A)(),{pushEvent:h}=(0,p.u8)(),{nftCollection:f,totalPartnerPassCount:g}=b({enabled:!!e}),A=(0,d.useCallback)(()=>{h("nicoft_tap_header_partnerpass"),r()},[h,r]),k=(0,d.useCallback)(()=>{h("nicoft_tap_header_signup_login"),r()},[h,r]);return(0,t.FD)("div",{"data-menu-container":!0,className:(0,i.AH)(P.menuContainer),style:{height:a?"calc(100vh - 56px)":0,overflowY:n?"auto":"hidden"},onTransitionEnd:s,children:[(0,t.Y)("div",{className:(0,i.AH)(P.menuOverlay)}),(0,t.FD)("div",{className:(0,i.AH)(P.menuItems),children:[e?(0,t.FD)(t.FK,{children:[(0,t.Y)(l(),{href:w.D.userDetail(e.screenName||e.walletAddress),onClick:r,className:(0,i.AH)(P.menuLinkItem),children:(0,t.FD)("div",{className:(0,i.AH)(P.menuIconWrapper),children:[(0,t.Y)(v.n,{size:32,user:e}),(0,t.Y)("p",{className:(0,i.AH)(P.userNameText),children:e.displayName||m(C.F.defaultName)})]})}),e.creator.status===o.CreatorStatusEnum.None&&(0,t.Y)(l(),{href:w.D.createCollection(),onClick:r,className:(0,i.AH)(P.menuLinkItem),children:(0,t.Y)("span",{children:(0,t.Y)(u.A,{...x.menuCreateCollection})})}),f&&e.creator.maxPartnerPassCount!==g&&(0,t.Y)(l(),{href:w.D.createPartnerPass(f.key),onClick:r,className:(0,i.AH)(P.menuLinkItem),children:(0,t.Y)("span",{children:(0,t.Y)(u.A,{...x.menuCreatePartnerPass})})}),(0,t.Y)(l(),{href:w.D.partnerBoard(e.screenName||e.walletAddress),onClick:r,className:(0,i.AH)(P.menuLinkItem),children:(0,t.Y)("span",{children:(0,t.Y)(u.A,{...x.menuPartnerBoard})})}),(0,t.Y)(l(),{href:w.D.account(),onClick:r,className:(0,i.AH)(P.menuLinkItem),children:(0,t.Y)("span",{children:(0,t.Y)(u.A,{...x.menuAccount})})})]}):(0,t.Y)(l(),{href:w.D.login(),onClick:k,className:(0,i.AH)(P.menuLinkItem),children:(0,t.FD)("div",{className:(0,i.AH)(P.menuIconWrapper),children:[(0,t.Y)(H.wv,{className:(0,i.AH)(P.userIcon)}),(0,t.Y)("span",{className:(0,i.AH)({color:"header.menu.text.grape"}),children:(0,t.Y)(u.A,{...x.menuLoginOrRegister})})]})}),(0,t.Y)(l(),{href:w.k.landingPage(),onClick:A,className:(0,i.AH)(P.menuLinkItem),children:(0,t.Y)("span",{children:(0,t.Y)(u.A,{...x.menuAboutNicoFT})})})]})]})},L=({account:e})=>{let[a,n]=(0,d.useState)(!1),{notifications:r,isFetching:o}=(0,p.E$)({enabled:!!e}),[s,c]=(0,d.useState)(!1),u=(0,d.useMemo)(()=>!!e&&!o&&r.length>0&&r[0].createdAt>e.lastNotificationReadAt,[e,o,r]),m=(0,d.useCallback)(()=>{n(!1),c(!s)},[s]),h=(0,d.useCallback)(()=>{n(!1),c(!1)},[]),f=(0,d.useCallback)(e=>{e.target instanceof HTMLDivElement&&e.target.dataset.menuContainer&&n(!0)},[]);return(0,t.FD)(t.FK,{children:[(0,t.FD)("div",{className:(0,i.AH)({display:"flex",alignItems:"center",gap:"base"}),children:[e&&(0,t.Y)(H.Gt,{size:"l",icon:(0,t.Y)(H.m5,{}),noBackground:!0,href:w.D.notifications(),badge:u,component:l()}),(0,t.Y)(F,{isOpened:s,onClick:m})]}),(0,t.Y)(M,{account:e,isOpened:s,isCompleteOpen:a,onClose:h,onTransitionEnd:f})]})},W=({style:e,...a})=>{let[n]=(0,m.u4)(),[r]=(0,m.ZA)();return(0,t.FD)("div",{className:(0,i.AH)(P.container,e),...a,children:[(0,t.Y)(l(),{href:w.D.top(),children:(0,t.Y)(H.S_,{className:(0,i.AH)(P.logo)})}),r&&(0,t.Y)(L,{account:n})]})},O=({...e})=>"smartphone"===(0,r.QA)()?(0,t.Y)(W,{...e}):(0,t.Y)(I,{...e})},96853:(e,a,n)=>{n.d(a,{M:()=>i,u:()=>r});var t=n(5847);let r=t.D.publicAsset("/assets/png/default-user-icon.png"),i=t.D.publicAsset("/assets/png/default-user-icon_small.png")}}]);