https://nicoft.io/_next/static/chunks/pages/collections/[collectio…/commemorative_badges-62e30c89e754c6e4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4690],{55259:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSP:()=>ee,default:()=>et});var a=i(28567),n=i(48107),o=i(62544),s=i(75333),r=i(90166),l=i(11805),c=i(30632),m=i.n(c);let d=(0,i(30825).YK)({metaTitle:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.metaTitle",defaultMessage:"{name}の記念バッジ年表",description:"記念バッジ年表のヘッダーのタイトル"},achievementChronologicalListEmpty:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.AchievementChronologicalListEmpty",defaultMessage:"クリエイターが実績を獲得すると年表に表示されます",description:"実績がない場合の文言"},achievementChronologicalListEmptyServiceName:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.AchievementChronologicalListEmptyServiceName",defaultMessage:"NicoFT",description:"実績がない場合の説明文のサービス名"},achievementChronologicalListEmptyDescription:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.AchievementChronologicalListEmptyDescription",defaultMessage:"で記念されるクリエイターの実績とは",description:"実績がない場合の実績に関する説明文言"},achievementFetchError:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.achievementFetchError",defaultMessage:"記念情報の取得に失敗しました",description:"実績取得失敗時のエラー文言"},achievementResultHeader:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.achievementResultHeader",defaultMessage:"記念バッジ対象の実績",description:"記念バッジ年表の説明文言"},badgeIssuanceLabel:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.badgeIssuanceLabel",defaultMessage:"発行数",description:"記念バッジの発行数文言"},badgeIssuanceUnit:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.badgeIssuanceUnit",defaultMessage:"枚",description:"記念バッジの発行数の単位"},commemorativeBadgesDescription:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.commemorativeBadgesDescription",defaultMessage:"{displayName} さんが実績を獲得すると、パートナーパス保有者に記念バッジが配布されます。",description:"記念バッジ年表の説明文言"},commemorativeBadgesEmpty:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.commemorativeBadgesEmpty",defaultMessage:"記念バッジの発行はありません",description:"記念バッジ年表の空の説明文言"},commemorativeBadgesError:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.commemorativeBadgesError",defaultMessage:"記念バッジの情報の取得に失敗しました",description:"記念バッジ年表のエラー文言"},commemorativeBadgesErrorRetryButton:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.commemorativeBadgesErrorRetryButton",defaultMessage:"再読み込み",description:"記念バッジ年表のエラーのボタン文言"},errorRetryDescription:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.errorRetryDescription",defaultMessage:"しばらくしてからもう一度お試しください",description:"エラー時の説明文言"},floatingActionButtonPrimaryText:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.floatingActionButtonPrimaryText",defaultMessage:"パートナーボード",description:"フローティングアクションボタンの主テキスト"},floatingActionButtonSecondaryText:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.floatingActionButtonSecondaryText",defaultMessage:"自分の保有バッジを見る",description:"フローティングアクションボタンのサブテキスト"},niconicoAchievementPageLinkText:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.niconicoAchievementPageLinkText",defaultMessage:"実績ページはこちら",description:"記念バッジ年表ページにおく、ニコニコの実績ページへのリンクテキスト"},collectionNftItemsPageLinkText:{id:"features.collection-commemorative-badges.CollectionCommemorativeBadgesPage.collectionNftItemsPageLinkText",defaultMessage:"パートナーパスの購入はこちら",description:"記念バッジ年表ページにおく、アイテム一覧ページへのリンクテキスト"}});var p=i(3035),g=i(56813),h=i(52584),x=i(22777),u=i(62163),f=i(2978),b=i(13157),v=i(63071),y=i(14540),A=i(5847),C=i(3830),N=i(83170);let Y={container:(0,g.AH)({position:"relative",width:"100%"}),thumbnailContainer:(0,g.AH)({position:"relative",margin:"[0 auto]",width:"100%",aspectRatio:"1/1"}),thumbnailWrapper:(0,g.AH)({position:"absolute",left:"50%",top:"50%",width:"90%",height:"90%",transform:"translate(-50%, -50%)"}),issueInfo:(0,g.AH)({display:"flex",alignItems:"center",color:"textOnLayer.highEm"}),issueInfoDescription:(0,g.AH)({fontSize:{base:"s",tablet:"base"},fontWeight:"regular",lineHeight:"base",marginRight:"x0_5"}),issueInfoCount:(0,g.AH)({fontSize:{base:"s",tablet:"base"},fontWeight:"bold",lineHeight:"base"}),infoRow:(0,g.AH)({display:"flex",flexDirection:{base:"column",tablet:"row"},alignItems:{base:"flex-start",tablet:"center"},width:"100%",marginTop:"base",padding:{base:"[{spacing.x0_5} {spacing.base}]",tablet:"[{spacing.base} {spacing.base}]"},gap:{base:"x0_5",tablet:"x0"}}),iconListWrapper:(0,g.AH)({marginLeft:{base:"x0",tablet:"[auto]"}})}

1,H=({achievementKey:e,nftCollection:t,commemorativeBadgeVariation:i,...r})=>{let{formatMessage:c}=(0,s.A)(),p=(0,b.QA)(),{pushEvent:h}=(0,l.u8)(),x=(0,o.useMemo)(()=>(0,b.GF)(A.D.collectionNftItems(t.key),{nft_type:n.ListCollectionNftItemsNftTypeEnum.CommemorativeBadge,achievement_key:e}),[t,e]),u=(0,o.useCallback)(()=>{h("nicoft_tap_cbadgetl-cbadget")},[h]);return(0,a.Y)("div",{...r,children:(0,a.FD)("div",{className:Y.container,children:[(0,a.Y)(m(),{href:x,onClick:u,children:(0,a.Y)(C.M$,{ornamentText:t.key,children:(0,a.Y)("div",{className:Y.thumbnailContainer,children:(0,a.Y)("div",{className:Y.thumbnailWrapper,children:(0,a.Y)(y.M,{imageUrl:i.imageUrl,creatorIconUrl:t.user.iconUrl,styleParameters:i.styleParameters,disabledTilt:!0})})})})}),(0,a.FD)("div",{className:Y.infoRow,children:[(0,a.FD)("div",{className:Y.issueInfo,children:[(0,a.Y)("div",{className:Y.issueInfoDescription,children:c(d.badgeIssuanceLabel)}),(0,a.FD)("div",{className:Y.issueInfoCount,children:[i.issueCount,c(d.badgeIssuanceUnit)]})]}),(0,a.Y)("div",{className:Y.iconListWrapper,children:(0,a.Y)(N.L,{users:i.owners,size:"smartphone"===p?18:28,gap:"smartphone"===p?-10:-20,borderWidth:"smartphone"===p?1:2,className:(0,g.AH)({display:"flex",justifyContent:"flex-start"})})})]})]})})},k={container:(0,g.AH)({display:"flex",flexWrap:"wrap",width:"100%",gap:{base:"[{spacing.x3} {spacing.x3}]",pc:"[{spacing.x3} {spacing.x4}]"}}),item:(0,g.AH)({position:"relative",width:{base:"calc((100% - {spacing.x3}) / 2)",tablet:"204px",pc:"256px"}})},w=({badges:e,nftCollection:t,userAchievement:i})=>(0,a.Y)("div",{className:k.container,children:e.map(e=>(0,a.Y)("div",{className:k.item,children:(0,a.Y)(H,{commemorativeBadgeVariation:e,nftCollection:t,achievementKey:i.achievement.key})}))}),L={container:e=>(0,g.AH)({width:"100%",position:"relative",paddingBottom:"x1_5",...e}),thumbnailWrapper:(0,g.AH)({width:"100%",marginX:"auto",position:"relative","&::before":{content:'""',display:"block",width:"100%",paddingTop:{base:"[calc(103px + 100% - 16px)]",tablet:"[calc(105px + 100% - 24px)]"}}}),textArea:(0,g.AH)({width:"100%",marginY:"x1_5"}),userInfoSkeletonArea:(0,g.AH)({marginTop:"x1_5",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",gap:"base",tablet:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"}})},E=({style:e})=>(0,a.FD)("div",{className:L.container(e),children:[(0,a.Y)("div",{className:L.thumbnailWrapper,children:(0,a.Y)(C.EA,{style:g.AH.raw({position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:"s"})})}),(0,a.FD)("div",{className:L.userInfoSkeletonArea,children:[(0,a.Y)(C.EA,{style:g.AH.raw({width:"66%",height:"12px",borderRadius:"[2px]"})}),(0,a.Y)(C.EA,{style:g.AH.raw({width:"24px",height:"24px",borderRadius:"full"})})]})]}),F={container:(0,g.AH)({display:"flex",flexWrap:"wrap",width:"100%",gap:{base:"[{spacing.x3} {spacing.x2}]",tablet:"[{spacing.x3} {spacing.x3}]",pc:"[{spacing.x3} {spacing.x4}]"}}),item:(0,g.AH)({position:"relative",width:{base:"calc((100% - {spacing.x2}) / 2)",tablet:"204px",pc:"256px"}})},T=()=>(0,a.Y)("div",{className:F.container,children:Array.from({length:4}).map((e,t)=>(0,a.Y)(o.Fragment,{children:(0,a.Y)("div",{className:F.item,children:(0,a.Y)(E,{})})},t))}),I={container:e=>(0,g.AH)({paddingY:{base:"x5",tablet:"x7",pc:"x8"},display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},e),title:(0,g.AH)({fontSize:{base:"base",tablet:"l"},fontWeight:"bold",lineHeight:"base",color:"textOnLayer.highEm",textAlign:"center"}),description:(0,g.AH)({marginTop:"base",fontSize:{base:"s",tablet:"base"},fontWeight:"regular",lineHeight:"base",color:"textOnLayer.mediumEm",textAlign:"center"}),button:g.AH.raw({marginTop:"x2"})},B=({onReload:e,style:t})=>{let{formatMessage:i}=(0,s.A)();return(0,a.FD)("div",{className:I.container(t),children:[(0,a.Y)("div",{className:I.title,children:i(d.commemorativeBadgesError)}),(0,a.Y)("div",{className:I.description,children:i(d.errorRetryDescription)}),(0,a.Y)(C.rA,{style:I.button,color:"base",size:"l",onClick:e,children:i(d.commemorativeBadgesErrorRetryButton)})]})},D={container:e=>

1(0,g.AH)({paddingY:{base:"x5",tablet:"x7",pc:"x8"},display:"flex",justifyContent:"center",alignItems:"center"},e),text:(0,g.AH)({fontSize:{base:"base",tablet:"l"},fontWeight:"bold",lineHeight:"base",color:"textOnLayer.highEm"})},P=({style:e})=>{let{formatMessage:t}=(0,s.A)();return(0,a.Y)("div",{className:D.container(e),children:(0,a.Y)("div",{className:D.text,children:t(d.commemorativeBadgesEmpty)})})},M={badgesListContent:(0,g.AH)({maxWidth:{tablet:"[888px]",pc:"[1120px]"},display:"flex",justifyContent:"center",alignItems:"flex-start",marginTop:"x3"})},S=({nftCollection:e,userAchievement:t,...i})=>{let n=(0,o.useRef)(null),{isFetched:s,isError:r,allVariations:c,onReload:m}=function({intersectionRef:e,nftCollection:t,userAchievement:i}){let a=(0,f.jE)(),[n,s]=(0,o.useState)(!1),r=(0,b.v1)(e,{root:null,rootMargin:"-40% 0px",threshold:0}),{isFetched:c,commemorativeBadgeVariations:m,error:d}=(0,l.FO)({key:t.key,achievementKey:i.achievement.key,enabled:n}),p=(0,o.useMemo)(()=>c,[c]),g=(0,o.useMemo)(()=>!!d,[d]),h=(0,o.useCallback)(()=>{a.invalidateQueries({queryKey:u.tO.list({key:t.key,achievementKey:i.achievement.key})})},[t.key,i.achievement.key]);return(0,o.useEffect)(()=>{!n&&r?.isIntersecting&&s(!0)},[n,r?.isIntersecting]),{isFetched:p,isError:g,allVariations:m,onReload:h}}({intersectionRef:n,nftCollection:e,userAchievement:t}),d=(0,o.useMemo)(()=>0===c.length,[c]);return(0,a.Y)("div",{...i,ref:n,children:(0,a.Y)("div",{className:M.badgesListContent,children:s?r?(0,a.Y)(B,{onReload:m}):d?(0,a.Y)(P,{}):(0,a.Y)(w,{badges:c,nftCollection:e,userAchievement:t}):(0,a.Y)(T,{})})})},_={container:e=>(0,g.AH)({width:"100%",marginTop:{base:"x7",pc:"x9"},paddingY:{base:"x5",tablet:"x7",pc:"x8"},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",gap:"x1_5"},e),message:(0,g.AH)({color:"textOnLayer.highEm",fontSize:{base:"base",tablet:"l"},fontWeight:"bold",lineHeight:"base"}),descContainer:(0,g.AH)({display:"flex",alignItems:"center",gap:"x0_5"}),descText:(0,g.AH)({color:"textOnLayer.mediumEm",fontSize:{base:"s",tablet:"l"},fontWeight:"regular",lineHeight:"base",transform:"translateY(1px)"}),descTextServiceName:(0,g.AH)({color:"textOnLayer.mediumEm",fontFamily:"metaNumber",fontSize:{base:"s",tablet:"l"},fontWeight:"[500]",lineHeight:"base"})},W=({style:e})=>{let{formatMessage:t}=(0,s.A)(),i=(0,b.QA)();return(0,a.FD)("div",{className:_.container(e),children:[(0,a.Y)("p",{className:_.message,children:t(d.achievementChronologicalListEmpty)}),(0,a.FD)("div",{className:_.descContainer,children:[(0,a.FD)("p",{className:_.descText,children:[(0,a.Y)("span",{className:_.descTextServiceName,children:t(d.achievementChronologicalListEmptyServiceName)}),t(d.achievementChronologicalListEmptyDescription)]}),(0,a.Y)(C.Gt,{size:"smartphone"===i?"s":"m",href:A.k.helpAchievementList(),target:"_blank",rel:"noopener noreferrer",icon:(0,a.Y)(C.EP,{}),noBackground:!0})]})]})},R=({style:e})=>{let{formatMessage:t}=(0,s.A)();return(0,a.FD)("div",{className:(0,g.AH)(e),children:[(0,a.Y)("p",{className:(0,g.AH)({color:"textOnLayer.highEm",fontSize:"l",fontWeight:"bold",lineHeight:"base",marginBottom:"x0_5"}),children:t(d.achievementFetchError)}),(0,a.Y)("p",{className:(0,g.AH)({color:"textOnLayer.highEm",fontSize:"base",fontWeight:"regular",lineHeight:"base"}),children:t(d.errorRetryDescription)})]})},z=({...e})=>(0,a.Y)("div",{...e,children:(0,a.FD)("div",{className:(0,g.AH)({width:"100%"}),children:[(0,a.FD)("div",{className:(0,g.AH)({display:"flex",flexDirection:{base:"column",tablet:"row"},gap:"base",width:"100%"}),children:[(0,a.Y)(C.EA,{style:{width:"100%",maxWidth:{base:"[104px]",tablet:"[84px]"},height:"24px",borderRadius:"[2px]"}}),(0,a.Y)(C.EA,{style:{width:"100%",maxWidth:{base:"[312px]",tablet:"[436px]",pc:"[784px]"},height:"24px",borderRadius:"[2px]"}})]}),(0,a.Y)("div",{className:(0,g.AH)({marginTop:"x3"}),children:(0,a.Y)(T,{})})]})}),O={skeletonItem:(0,g.AH)({"& + &":{marginTop:"x15"}}),initialSkeletonTitle:(0,g.AH)({maxWidth:"[180px]",height:"24px",borderRadius:"[2px]",marginTop:"[68px]"}

1),initialSkeletonWrapper:(0,g.AH)({marginLeft:{base:"[26px]",tablet:"x5",pc:"x5",wide:"[140px]"},marginTop:"x5","@media (min-width: 1024px)":{marginLeft:"[140px]"}}),nextPageSkeletonWrapper:(0,g.AH)({marginLeft:{base:"[26px]",tablet:"x5",pc:"x5",wide:"[140px]"},marginTop:{base:"x6",pc:"x7"},"@media (min-width: 1024px)":{marginLeft:"[140px]"}})},U=({isInitialLoading:e=!0,style:t})=>(0,a.Y)("div",{className:(0,g.AH)(t),children:e?(0,a.FD)(a.FK,{children:[(0,a.Y)(C.EA,{style:{maxWidth:"[180px]",height:"24px",borderRadius:"[2px]",marginTop:"[60px]"}}),(0,a.Y)("div",{className:O.initialSkeletonWrapper,children:[void 0,void 0,void 0,void 0].map((e,t)=>(0,a.Y)("div",{className:O.skeletonItem,children:(0,a.Y)(z,{})},t))})]}):(0,a.Y)("div",{className:O.nextPageSkeletonWrapper,children:[void 0,void 0,void 0,void 0].map((e,t)=>(0,a.Y)("div",{className:O.skeletonItem,children:(0,a.Y)(z,{})},t))})});var j=i(82005);let K=({onFetchNextPage:e,style:t})=>{let i,n=(0,o.useRef)(null),{intersectedOnce:s}=(0,j.C)(n);return(0,o.useEffect)(()=>{s&&e()},[s,e]),(0,a.Y)("div",{ref:n,className:(i=t,(0,g.AH)({width:"100%",height:"1px"},i))})},X={content:(0,g.AH)({position:"relative",marginTop:{base:"x4",pc:"x5"},"&::before":{content:'""',position:"absolute",top:{base:"calc({spacing.x2} - {spacing.x4})",pc:"calc({spacing.x2} - {spacing.x5})"},left:{base:"6px",tablet:"6px",pc:"10px",wide:"calc(10px + 52px)"},"@media (min-width: 1024px)":{left:"calc(6px + 52px)"},width:"4px",height:"calc(100% + {spacing.footerMargin})",background:"[linear-gradient(to bottom, rgba(143,140,255, 0) 0%, rgba(143,140,255, 0.75) 5%, rgba(143,140,255, 1) 50%, rgba(143,140,255, 0.75) 95%, rgba(143,140,255, 0) 100%)]"}}),header:(0,g.AH)({marginTop:"x4",color:"textOnLayer.highEm",fontSize:"xl",fontWeight:"bold",lineHeight:"base"}),headerCount:(0,g.AH)({color:"textOnLayer.highEm",fontFamily:"metaNumber",fontSize:"xl",fontWeight:"bold",lineHeight:"base"}),listItemSubsequent:(0,g.AH)({marginTop:{base:"x6",pc:"x7"}}),achievementItemWrapper:(0,g.AH)({paddingLeft:{base:"[calc(18px + {spacing.base})]",tablet:"[calc(18px + {spacing.x3})]",pc:"[calc(28px + {spacing.x3})]",wide:"[calc(52px + 28px + {spacing.x8})]"},"@media (min-width: 1024px)":{paddingLeft:"[calc(52px + 18px + {spacing.x8})]"}})},q=({nftCollection:e,onChangeInitialFetching:t,onChangeIsEmpty:i,...n})=>{let{formatMessage:r}=(0,s.A)(),{isFetching:c,isAllFetched:m,isError:p,userAchievements:f,totalCount:b,onFetchNextPage:y}=function({nftCollection:e,errorDialogDescription:t}){let i=(0,l.Nz)(),{openErrorDialog:a}=(0,l.sp)(),n=(0,o.useMemo)(()=>u.OS.list({key:e.key}),[e.key]),{data:s,error:r,fetchNextPage:c,hasNextPage:m,isFetchingNextPage:d,isFetching:p}=(0,h.q)({queryKey:n,queryFn:async({pageParam:t})=>{let{data:a}=await i.listCollectionAchievements({key:e.key,page:t,limit:10});return a},initialPageParam:1,getNextPageParam:(e,t)=>{if(t.length<Math.ceil(e.totalCount/10))return t.length+1}}),g=(0,o.useMemo)(()=>s?.pages.flatMap(({userAchievements:e})=>e)??[],[s]),f=(0,o.useMemo)(()=>s?.pages[0].totalCount??0,[s]);return(0,o.useEffect)(()=>{r&&(x.V.error(r),a(t))},[r]),{userAchievements:g,totalCount:f,isFetching:p||d,isAllFetched:!m,isError:!!r,onFetchNextPage:c,onReload:c}}({nftCollection:e,errorDialogDescription:(0,a.Y)(R,{})}),A=(0,o.useMemo)(()=>!c&&0===b,[c,b]),C=(0,o.useMemo)(()=>c&&0===b,[c,b]),N=(0,o.useMemo)(()=>p&&0===b,[p,b]),Y=(0,o.useMemo)(()=>c&&b>0,[c,b]),H=(0,o.useMemo)(()=>p&&b>0,[p,b]);return(0,o.useEffect)(()=>{t(C)},[C]),(0,o.useEffect)(()=>{i(A)},[A]),(0,a.Y)("div",{...n,children:C?(0,a.Y)(U,{isInitialLoading:!0}):N?(0,a.Y)(a.FK,{}):A?(0,a.Y)(W,{}):(0,a.FD)(a.FK,{children:[(0,a.FD)("div",{className:X.header,children:[r(d.achievementResultHeader),"\xa0",(0,a.Y)("span",{className:X.headerCount,children:b})]}),(0,a.FD)("div",{className:X.content,children:[f.map((t,i)=>(0,a.Y)("div",{className:0===i?"":X.listItemSubsequent,children:(0,a.FD)("div",{className:X.achievementItemWrapper,children:[(0,a.Y)(v.I,{userAchievement:t,dotStyle:g.AH.raw({_before:{content:'""',position:"absolute",left:{base:"calc(-18px - {spacing.base})",tablet:"calc(-18px - {spacing.x3})",pc:"calc(-28px - {spacing.x3})",wide:"calc(-28px - {spacing.x8})"},top:"50%",transform:"translateY(-50%)",width:{base:"16px",pc:"24px"},height:{base:"16px",pc:"24px"},border:{base:"1px solid {colors.monotone.L100}",pc:"2px solid {colors.monotone.L100}"},backgroundColor:"indigo.L70",borderRadius:"full",zIndex:"[2]","@media (min-width: 1024px)":{left:"calc(-18px - {spacing.x8})"}}})}),(0,a.Y)(S,{userAchievement:t,nftCollection:e})]})},i)),m||H?(0,a.Y)(a.FK,{}):Y?(0,a.Y)(U,{isInitialLoading:!1}):(0,a.Y)(K,{onFetchNextPage:y})]})]})})};var V=i(85800),G=i(43100),J=i(10078),Q=i(60283);let $={background:(0,g.AH)({backgroundColor:"layer.background"}

1),container:(0,g.AH)({width:"100%",maxWidth:"[1440px]",marginX:"auto",paddingY:"x0",paddingX:{base:"x2",pc:"x3"},paddingBottom:"footerMargin",paddingTop:"x3",overflowX:"clip",overflowY:"visible"}),content:(0,g.AH)({marginLeft:{base:"x0",pc:"x5"},width:{base:"calc(100% - {spacing.base})",pc:"calc(100% - {spacing.x5})"}}),descriptionArea:(0,g.AH)({display:"flex",justifyContent:"flex-start",alignItems:"flex-start",gap:"base","& > *:first-of-type":{flexShrink:"0"}}),descriptionTexts:(0,g.AH)({color:"textOnLayer.highEm",fontSize:"base",fontWeight:"regular",lineHeight:"base"}),description:(0,g.AH)({wordBreak:"break-all","& > span":{fontWeight:"bold"}}),niconicoAchievementLinksContainer:(0,g.AH)({display:"flex",justifyContent:"flex-start",alignItems:"flex-start",flexDirection:{base:"column",tablet:"row"},gap:{base:"base",tablet:"x3"},marginTop:"base"}),niconicoAchievementLink:(0,g.AH)({color:"textOnLayer.accentGrape",fontSize:"base",fontWeight:"regular",lineHeight:"base"}),niconicoAchievementLinkArrow:(0,g.AH)({display:"inline-block",verticalAlign:"middle",marginLeft:"x0_5"}),floatingButtonContainer:(0,g.AH)({position:"fixed",bottom:{base:"x2",pc:"x3"},right:{base:"x2",tablet:"x3",pc:"72px"},zIndex:"[99]"})},Z=({nftCollectionJson:e,...t})=>{let{formatMessage:i}=(0,s.A)(),[c,p]=(0,o.useState)(!1),[h,x]=(0,o.useState)(!1),{account:u,isFetched:f}=(0,l.F7)(),{pushEvent:b}=(0,l.u8)(),v=(0,o.useMemo)(()=>(0,n.NftCollectionFromJSON)(e),[e]),y=(0,o.useMemo)(()=>f&&u?.walletAddress===v.user.walletAddress,[f,u,v]),{publishedCount:N,isFetching:Y,failed:H}=(0,V.U)(v.key,(0,a.Y)(R,{})),k=(0,o.useMemo)(()=>u?u.creator.maxPartnerPassCount-N:0,[u,N]),w=(0,o.useMemo)(()=>v.collectionTags.filter(e=>!e.isAdminOnly),[v]),L=(0,o.useMemo)(()=>w.length>0&&null!==v.headerUrl,[v]),E=(0,o.useCallback)(()=>{b("nicoft_tap_cbadgetl-achievement")},[b]);return(0,a.FD)("div",{...t,className:$.background,children:[(0,a.Y)(r.p,{title:i(d.metaTitle,{name:v.name})}),y&&!Y&&(0,a.Y)("div",{children:(0,a.Y)(G.j,{collectionKey:v.key,remainCount:k,fetchFailed:H,isCollectionSettingsComplete:L})}),(0,a.Y)("div",{className:$.container,children:(0,a.FD)("div",{className:$.content,children:[(0,a.FD)("div",{className:$.descriptionArea,children:[(0,a.Y)(J.n,{user:v.user,size:32}),(0,a.FD)("div",{className:$.descriptionTexts,children:[(0,a.Y)("div",{className:$.description,children:i(d.commemorativeBadgesDescription,{displayName:(0,a.Y)("span",{children:v.user.displayName??i(Q.F.defaultName)})})}),v.user.niconicoConnection&&!h&&!c&&N>0&&(0,a.FD)("div",{className:$.niconicoAchievementLinksContainer,children:[(0,a.FD)(m(),{href:A.k.niconicoUserAchievement(v.user.niconicoConnection.niconicoUserId),target:"_blank",rel:"noopener noreferrer",className:$.niconicoAchievementLink,onClick:E,children:[i(d.niconicoAchievementPageLinkText),(0,a.Y)("span",{className:$.niconicoAchievementLinkArrow,children:(0,a.Y)(C.y1,{className:(0,g.AH)({width:"16px",height:"16px"})})})]}),(0,a.FD)(m(),{href:A.D.collectionNftItems(v.key,{nftType:"partner_pass",order:"-id"}),className:$.niconicoAchievementLink,children:[i(d.collectionNftItemsPageLinkText),(0,a.Y)("span",{className:$.niconicoAchievementLinkArrow,children:(0,a.Y)(C.Cr,{className:(0,g.AH)({width:"16px",height:"16px"})})})]})]})]})]}),(0,a.Y)(q,{nftCollection:v,onChangeInitialFetching:e=>p(e),onChangeIsEmpty:e=>x(e)})]})}),u&&(0,a.Y)("div",{className:$.floatingButtonContainer,children:(0,a.Y)(C.bR,{href:A.D.partnerBoard(u.walletAddress),primaryText:i(d.floatingActionButtonPrimaryText),secondaryText:i(d.floatingActionButtonSecondaryText),component:m()})})]})};Z.getLayout=(e,t)=>(0,a.Y)(p.U,{nftCollectionJson:t.nftCollectionJson,children:e});var ee=!0;let et=Z},68830:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/collections/[collection_key]/commemorative_badges",function(){return i(55259)}])},85800:(e,t,i)=>{"use strict";i.d(t,{U:()=>r});var a=i(48107),n=i(62544),o=i(11805),s=i(22777);function r(e,t){let{openErrorDialog:i}=(0,o.sp)(),[r,l]=(0,n.useState)(!1),{isFetching:c,totalCount:m,error:d}=(0,o._)({key:e,limit:1,nftType:a.ListCollectionNftItemsNftTypeEnum.PartnerPass,enabled:!0}),p=(0,n.useMemo)(()=>c,[c]),g=(0,n.useMemo)(()=>d,[d]);return(0,n.useEffect)(()=>{g&&!r&&(s.V.error(g),l(!0),i(t))},[g]),{failed:r,isFetching:p,publishedCount:m}}}},e=>{e.O(0,[1131,3693,9289,636,6593,8792],()=>e(e.s=68830)),_N_E=e.O()}]);