https://www.cindythink.com/_next/static/chunks/pages/ranking/puzzleStar-7acadb388aa9c325.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[409],{93470:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ranking/puzzleStar",function(){return t(51827)}])},17932:function(n,e,t){"use strict";var r=t(85893);t(67294);var i=t(41664),a=t.n(i),s=t(62094),o=t(44012),u=t(75136);let l=s.hb.withComponent("a");e.Z=()=>(0,r.jsx)(s.xu,{width:"max-content",m:2,bg:"preset.button.bg",borderRadius:2,children:(0,r.jsx)(a(),{href:"/ranking",passHref:!0,children:(0,r.jsx)(l,{p:1,color:"preset.button.fg",children:(0,r.jsx)(o.Z,{...u.Z.back})})})})},89603:function(n,e,t){"use strict";t.d(e,{WN:function(){return i},c5:function(){return a},gK:function(){return r},rD:function(){return s}});let r=20,i=n=>{let e=n?new Date(n):new Date;return e.getDate()>15?(e.setDate(1),e.setMonth(e.getMonth()-1)):(e.setDate(1),e.setMonth(e.getMonth()-2)),{year:e.getFullYear(),month:e.getMonth()}},a={m:2,flexWrap:"wrap",borderRadius:2,border:"5px double",borderColor:"preset.rankingpanel.ac",bg:"preset.rankingpanel.bg"},s={p:2,fontSize:"1.2em",bg:"preset.rankingpaneltitle.bg",color:"preset.rankingpaneltitle.fg"}},23887:function(n,e,t){"use strict";t.d(e,{NT:function(){return a},PX:function(){return r},eN:function(){return i}});let r={shouldLoadMore:!1},i={shouldLoadMore:!1},a={shouldLoadMore:!1}},36152:function(n,e,t){"use strict";t.d(e,{df:function(){return d},gK:function(){return c},q2:function(){return g}});var r=t(82729),i=t(87838),a=t(1275),s=t(37917);function o(){let n=(0,r._)(["\n  query UserDialogueRankingQuery(\n    $limit: Int!\n    $offset: Int!\n    $year: Int!\n    $month: Int!\n  ) {\n    userDialogueRanking(\n      limit: $limit\n      offset: $offset\n      year: $year\n      month: $month\n    ) {\n      user {\n        ...UserBrief\n      }\n      valueCount\n    }\n  }\n  ","\n"]);return o=function(){return n},n}function u(){let n=(0,r._)(["\n  query UserPuzzleRankingQuery(\n    $limit: Int!\n    $offset: Int!\n    $year: Int!\n    $month: Int!\n  ) {\n    userPuzzleRanking(\n      limit: $limit\n      offset: $offset\n      year: $year\n      month: $month\n    ) {\n      user {\n        ...UserBrief\n      }\n      valueCount\n    }\n  }\n  ","\n"]);return u=function(){return n},n}function l(){let n=(0,r._)(["\n  query PuzzleStarRankingQuery(\n    $limit: Int!\n    $offset: Int!\n    $year: Int!\n    $month: Int!\n  ) {\n    puzzleStarRanking(\n      limit: $limit\n      offset: $offset\n      year: $year\n      month: $month\n    ) {\n      ...PuzzleAggregate\n      content\n    }\n  }\n  ","\n"]);return l=function(){return n},n}let g=(0,i.ZP)(o(),s.v),d=(0,i.ZP)(u(),s.v),c=(0,i.ZP)(l(),a.d$)},27489:function(n,e,t){"use strict";var r=t(54490);let i=(0,r.vU)({title:{id:"ranking.title",defaultMessage:"Ranking"},description:{id:"ranking.description",defaultMessage:"Ranking board for users"},header:{id:"ranking.header",defaultMessage:"Ranking"},rank:{id:"ranking.rank",defaultMessage:"Rank {rank}"},monthlyRanking:{id:"ranking.monthlyRanking",defaultMessage:"Monthly Ranking"},weeklyRanking:{id:"ranking.weeklyRanking",defaultMessage:"Weekly Ranking"},puzzleStarRankingWithMonth:{id:"ranking.puzzleStarRankingWithMonth",defaultMessage:"Puzzles with most stars in {date}"},puzzleStarRanking:{id:"ranking.puzzleStarRanking",defaultMessage:"Puzzle Ranking by Stars"},userDialogueRankingWithMonth:{id:"ranking.userDialogueRankingWithMonth",defaultMessage:"Users with most questions in {date}"},userDialogueRanking:{id:"ranking.userDialogueRanking",defaultMessage:"User Ranking by Questions"},userPuzzleRankingWithMonth:{id:"ranking.userPuzzleRankingWithMonth",defaultMessage:"Users with most puzzles in {date}"},userPuzzleRanking:{id:"ranking.userPuzzleRanking",defaultMessage:"User Ranking by Puzzles"}});e.Z=i},51827:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return J}});var r,i,a=t(85893),s=t(67294),o=t(9008),u=t.n(o),l=t(14416),g=t(30211),d=t(86896),c=t(44012),f=t(27489),h=t(62094),m=t(72132),k=t(48325),x=t(83228),p=t(7986),z=t(14452),j=t(41664),b=t.n(j),y=t(999),R=t(40725),Z=t(31614),C=t(55150),M=t(9702),w=t(22676),S=t(18461),P=t(32458),$=t(40587),D=t(11677),v=t(5143),I=t(6919),W=t.n(I),_=t(6027),N=t.n(_),E=t(99154),U=t.n(E);(r=i||(i={}))[r.star=0]="star",r[r.comment=1]="comment",r[r.bookmark=2]="bookmark";var q=t(81417);let H=(0,l.$j)(n=>({showGenreImage:g.Du(n).puzzleGenreImg}));var K=H(n=>{let{puzzle:e,showGenreImage:t,rank:r,display:s}=n;return(0,a.jsxs)(h.s_,{width:1,minHeight:"8em",children:[(0,a.jsxs)(h.kC,{width:[1/4,1/6],bg:"preset.rankingpaneltitle.bg",borderRadius:2,alignItems:"center",justifyContent:"center",color:"preset.rankingpaneltitle.fg",flexDirection:"column",children:[(0,a.jsx)(h.xu,{fontSize:"1.3em",fontWeight:"bold",children:(0,a.jsx)(c.Z,{...f.Z.rank,values:{rank:r}})}),s===i.star&&"number"==typeof e.starCount&&e.starCount>0&&"number"==typeof e.starSum&&(0,a.jsxs)(h.xu,{fontWeight:"bold",children:[(0,a.jsx)(h.Ei,{size:"0.9em",pr:"1px",src:W()}),e.starCount,"(",e.starSum,")"]}),s===i.comment&&"number"==typeof e.commentCount&&e.commentCount>0&&(0,a.jsxs)(h.xu,{fontWeight:"bold",children:[(0,a.jsx)(h.Ei,{size:"1.25em",pr:1,src:N()})," ",e.commentCount]}),s===i.bookmark&&"number"==typeof e.bookmarkCount&&e.bookmarkCount>0&&(0,a.jsxs)(h.xu,{fontWeight:"bold",children:[(0,a.jsx)(h.Ei,{size:"0.8em",pr:1,src:U()}),e.bookmarkCount]})]}),(0,a.jsxs)(h.xu,{width:[3/4,5/6],px:2,children:[t?(0,a.jsxs)(h.kC,{mb:1,alignItems:"center",justifyContent:"center",children:[(0,a.jsx)(Z.ZP,{genre:e.genre}),(0,a.jsx)(C.ZP,{yami:e.yami}),(0,a.jsx)(h.xu,{width:1,children:(0,a.jsx)(b(),{href:"/puzzle/[id]",as:"/puzzle/".concat(e.id),passHref:!0,children:(0,a.jsx)(M.Dx,{children:e.title})})})]}):(0,a.jsxs)(h.xu,{mb:1,children:[(0,a.jsx)(Z.ZP,{genre:e.genre}),(0,a.jsx)(C.ZP,{yami:e.yami}),(0,a.jsx)(b(),{href:"/puzzle/[id]",as:"/puzzle/".concat(e.id),passHref:!0,children:(0,a.jsx)(M.Dx,{children:e.title})})]}),(0,a.jsxs)(h.xu,{textAlign:"right",children:[(0,a.jsx)(c.Z,{...y.Z.creator}),":"," ",(0,a.jsx)(R.Z,{user:e.user})]}),(0,a.jsx)(M.Hr,{}),(0,a.jsxs)(h.kC,{p:1,flexWrap:"wrap",alignItems:"center",children:[e.status!==q.qb.UNDERGOING&&e.anonymous&&(0,a.jsx)(v.Z,{}),(0,a.jsx)(w.ZP,{status:e.status}),"number"==typeof e.dialogueCount&&(0,a.jsx)(S.ZP,{count:e.dialogueCount}),"number"==typeof e.starCount&&e.starCount>0&&"number"==typeof e.starSum&&(0,a.jsx)(P.Z,{count:e.starCount,sum:e.starSum}),"number"==typeof e.commentCount&&e.commentCount>0&&(0,a.jsx)($.Z,{puzzleId:e.id,count:e.commentCount}),"number"==typeof e.bookmarkCount&&e.bookmarkCount>0&&(0,a.jsx)(D.Z,{count:e.bookmarkCount})]})]})]})}),X=t(23887),L=t(37887),G=t(36152),Q=t(89603);let A=(0,a.jsx)(k.Z,{minHeight:"8em",width:1,children:(0,a.jsx)(x.Z,{centered:!0})}),B=n=>{let{shouldLoadMore:e,year:t,month:r}=n,{year:o,month:u}=(0,Q.WN)(),{loading:l,error:g,data:d,refetch:c,fetchMore:f}=(0,L.a)(G.gK,{variables:{limit:Q.gK,offset:0,year:t||o,month:r||u}}

1),[h,k]=(0,s.useState)(!0);if((0,s.useEffect)(()=>{c({limit:Q.gK,offset:0,year:t||o,month:r||u})},[t,r]),g)return m.Am.error(g.message),(0,a.jsx)(p.Z,{error:g,refetch:c});if(!d||!d.puzzleStarRanking)return l?(0,a.jsx)(x.Z,{centered:!0}):null;let j=d.puzzleStarRanking;return(0,a.jsxs)(s.Fragment,{children:[j.map((n,e)=>(0,a.jsx)(K,{display:i.star,rank:e+1,puzzle:n},n.id)),e&&h&&(0,a.jsx)(z.Z,{wait:0,loadMore:()=>f({variables:{offset:d.puzzleStarRanking.length}}).then(n=>{let{data:e}=n;e&&e.puzzleStarRanking&&e.puzzleStarRanking.length<Q.gK&&k(!1)}),children:A})]})};B.defaultProps=X.PX;var F=t(17932),O=t(9198),T=t.n(O),Y=t(54009),J=()=>{let{year:n,month:e}=(0,Q.WN)(),[t,r]=(0,s.useState)(()=>new Date(n,e)),i=t.getFullYear(),o=t.getMonth(),m=(0,l.v9)(n=>g.Du(n).language),{formatMessage:k}=(0,d.Z)(),x=(0,s.forwardRef)((n,e)=>{let{onClick:r}=n;return(0,a.jsx)(h.zx,{fontSize:2,backgroundColor:"preset.rankingpaneltitle.bg",color:"preset.rankingpaneltitle.fg",borderBottom:"1px solid",onClick:r,ref:e,children:t.toLocaleDateString(m||void 0,{month:"long",year:"numeric"})})});return(0,a.jsxs)("div",{children:[(0,a.jsxs)(u(),{children:[(0,a.jsxs)("title",{children:[k(f.Z.title)," - ",k(f.Z.puzzleStarRanking)," | Cindy"]}),(0,a.jsx)("meta",{name:"description",content:k(f.Z.description)})]}),(0,a.jsx)(h.X6,{children:(0,a.jsx)(c.Z,{...f.Z.header})}),(0,a.jsx)(h.X6,{fontSize:4,pt:0,children:(0,a.jsx)(c.Z,{...f.Z.puzzleStarRanking})}),(0,a.jsx)(F.Z,{}),(0,a.jsx)(h.kC,{width:1,flexWrap:"wrap",children:(0,a.jsxs)(h.kC,{width:1,...Q.c5,children:[(0,a.jsx)(h.xu,{width:1,...Q.rD,children:(0,a.jsx)(c.Z,{...f.Z.puzzleStarRankingWithMonth,values:{date:(0,a.jsx)(T(),{selected:t,onChange:t=>r(t||new Date(n,e)),minDate:Y.Mm,maxDate:new Date(n,e),locale:(0,Y.n3)(m||"en")(),customInput:(0,a.jsx)(x,{}),showMonthYearPicker:!0})}})}),(0,a.jsx)(B,{year:i,month:o+1,shouldLoadMore:!0})]})})]})}}},function(n){n.O(0,[487,968,702,774,888,179],function(){return n(n.s=93470)}),_N_E=n.O()}]);