https://pivotmedia.co.jp/_next/static/chunks/5172.b0a59cb91d21222f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5172],{25181:(e,t,a)=>{a.d(t,{C:()=>i});var n=a(37876),s=a(5746),l=a(21257);let i=e=>{let{title:t,onClick:a,isActive:i,className:r}=e;return(0,n.jsx)(s.$,{onClick:a,variant:i?"light":"dark",size:"xsmall",shape:"pill",width:"auto",role:"tab","aria-selected":i,className:(0,l.cn)("tw-flex-shrink-0 tw-px-8",r),children:t})}},39510:(e,t,a)=>{a.d(t,{E:()=>i});var n=a(37876),s=a(29910),l=a(4292);let i=e=>{let{icon:t,message:a}=e;return(0,n.jsx)("div",{className:"tw-flex tw-min-h-[320px] tw-w-full tw-items-center tw-justify-center tw-py-12",children:(0,n.jsxs)(s.B,{spacing:"md",align:"center",children:[(0,n.jsx)("div",{className:"tw-flex tw-h-16 tw-w-16 tw-items-center tw-justify-center tw-rounded-full tw-bg-neutral-night",children:(0,n.jsx)(l.In,{icon:t,className:"tw-h-8 tw-w-8 tw-text-neutral-pale"})}),(0,n.jsx)("p",{className:"tw-text-center tw-text-sm tw-leading-relaxed tw-text-neutral-pale",children:a})]})})}},45782:(e,t,a)=>{a.d(t,{J:()=>c});var n=a(87840),s=a(36830),l=a(85769),i=a(99553);let r=async e=>{var t,a;let n=await i.ut.listRankingEpisodes({period:(0,l.$)(e.rankingType),count:e.count});return{episodes:(null!=(t=n.episodes)?t:[]).map(s.Zr),hasMore:null!=(a=n.hasMore)&&a}},c=e=>(0,n.j)({queryKey:["listRankingEpisodes",e],queryFn:()=>r(e)})},65172:(e,t,a)=>{a.r(t),a.d(t,{OverallRankingAreaContainer:()=>k});var n=a(37876),s=a(85270),l=a(45782),i=a(74359),r=a(14232),c=a(45868),o=a(36814),d=a(29910),w=a(39510),p=a(21257),u=a(50138),h=a(14070),x=a(4636),m=a(25181);let g=e=>{var t;let{ranking:a,isLoading:s=!1,hasError:l=!1,selectedRankingType:i,onSelectRankingType:r,episodeUserStateMap:g,eventData:k,withoutBackground:v=!1}=e,{isSp:j}=(0,h.P)(),y=j?232:384,N=u.D_[i];return(0,n.jsxs)(d.B,{spacing:v?"lg":"3xl",className:(0,p.cn)(!v&&"tw-bg-neutral-dark/50",j?"t

1w-px-4":"tw-pl-10"),paddingY:v?"lg":"3xl",children:[(0,n.jsxs)(o.z,{align:"center",spacing:"md",children:[(0,n.jsx)(c.D,{size:"2L",className:"tw-shrink-0 tw-whitespace-nowrap",children:"総合ランキング"}),(0,n.jsx)(o.z,{className:"tw-min-w-0 tw-flex-1 tw-flex-nowrap tw-overflow-x-auto tw-whitespace-nowrap",spacing:"md",role:"tablist",children:u.Td.map(e=>(0,n.jsx)(m.C,{title:u.D_[e],onClick:()=>null==r?void 0:r(e),isActive:i===e,className:j?"tw-h-7 tw-px-4 tw-text-xs":void 0},e))})]}),s?(0,n.jsx)(x.c4,{minThumbnailWidthPx:y}):l?(0,n.jsx)(w.E,{icon:"material-symbols:trophy",message:"ランキングを取得できませんでした"}):a&&0===a.episodes.length?(0,n.jsx)(w.E,{icon:"material-symbols:trophy",message:"この期間のランキングはまだありません"}):(0,n.jsx)(x.BY,{uniqueKey:"overall-ranking-".concat(i),episodes:null!=(t=null==a?void 0:a.episodes)?t:[],episodeUserStateMap:g,withRanking:!0,minThumbnailWidthPx:y,watchMoreLink:(null==a?void 0:a.hasMore)?"/ranking/overall?ranking_type=".concat(i):void 0,eventData:{sectionName:"".concat(N,"ランキング"),screenName:k.screenName,homeTab:k.homeTab}})]})}

1,k=e=>{var t;let{eventData:a,withoutBackground:c}=e,[o,d]=(0,r.useState)("DAILY"),{data:w,isPending:p,isError:u}=(0,i.I)((0,l.J)({rankingType:o,count:10})),h=null!=(t=null==w?void 0:w.episodes.map(e=>e.id))?t:[],{data:x}=(0,i.I)({...(0,s.v)({episodeIds:h}),enabled:h.length>0,refetchOnMount:!0});return(0,n.jsx)(g,{ranking:w,isLoading:p,hasError:u,selectedRankingType:o,onSelectRankingType:e=>{d(e)},episodeUserStateMap:null!=x?x:new Map,eventData:a,withoutBackground:c})}}}]);