https://keykorea.vercel.app/_next/static/chunks/pages/statistics-89a49db932af7f348da9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80],{29393:function(e,t,r){"use strict";var n=r(85893),a=(r(67294),r(68527)),s=r(47398),c=r(15193),i=r(72773),o=r(11391),l=r(59876);t.Z=function(e){var t=e.canPreviousPage,r=e.previousPage,u=e.pageIndex,d=e.pageOptions,x=e.pageSize,g=e.nextPage,p=e.canNextPage,f=e.pageCount,h=e.setPageSize,j=e.gotoPage;return(0,n.jsxs)(a.kC,{justifyContent:"space-between",m:4,alignItems:"center",children:[(0,n.jsxs)(a.kC,{children:[(0,n.jsx)(s.u,{label:"First Page",children:(0,n.jsx)(c.hU,{onClick:function(){return j(0)},isDisabled:!t,icon:(0,n.jsx)(l.Y4,{h:3,w:3}),mr:4})}),(0,n.jsx)(s.u,{label:"Previous Page",children:(0,n.jsx)(c.hU,{onClick:r,isDisabled:!t,icon:(0,n.jsx)(l.wy,{h:6,w:6})})})]}),(0,n.jsxs)(a.kC,{alignItems:"center",children:[(0,n.jsxs)(a.xv,{flexShrink:"0",mr:8,children:["Page"," ",(0,n.jsx)(a.xv,{fontWeight:"bold",as:"span",children:u+1})," ","of"," ",(0,n.jsx)(a.xv,{fontWeight:"bold",as:"span",children:d.length})]}),(0,n.jsx)(a.xv,{flexShrink:"0",children:"Go to page:"})," ",(0,n.jsxs)(i.Y2,{ml:2,mr:8,w:28,min:1,max:d.length,onChange:function(e){j(e?e-1:0)},defaultValue:u+1,children:[(0,n.jsx)(i.zu,{}),(0,n.jsxs)(i.Fi,{children:[(0,n.jsx)(i.WQ,{}),(0,n.jsx)(i.Y_,{})]})]}),(0,n.jsx)(o.Ph,{w:32,value:x,onChange:function(e){h(Number(e.target.value))},children:[10,20,30,40,50].map((function(e){return(0,n.jsxs)("option",{value:e,children:["Show ",e]},e)}))})]}),(0,n.jsxs)(a.kC,{children:[(0,n.jsx)(s.u,{label:"Next Page",children:(0,n.jsx)(c.hU,{onClick:g,isDisabled:!p,icon:(0,n.jsx)(l.XC,{h:6,w:6})})}),(0,n.jsx)(s.u,{label:"Last Page",children:(0,n.jsx)(c.hU,{onClick:function(){return j(f-1)},isDisabled:!p,icon:(0,n.jsx)(l.LZ,{h:3,w:3}),ml:4})})]})]})}},37162:function(e,t,r){"use strict";var n=r(85893),a=r(68527),s=r(49609);t.Z=function(){return(0,n.jsx)(a.xu,{pt:"8",w:"full",children:(0,n.jsx)(a.M5,{children:(0,n.jsx)(s.$,{color:"blue.400"})})})}},85133:function(e,t,r){"use strict"},98784:function(e,t,r){"use strict";r.d(t,{J:function(){return s}});var n=r(85893),a=r(68527),s=function(){return(0,n.jsxs)(a.xu,{maxH:"100px",maxW:"100px",as:"svg",id:"b21613c9-2bf0-4d37-bef0-3b193d34fc5d","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 647.63626 632.17383",children:[(0,n.jsx)("path",{d:"M687.3279,276.08691H512.81813a15.01828,15.01828,0,0,0-15,15v387.85l-2,.61005-42.81006,13.11a8.00676,8.00676,0,0,1-9.98974-5.31L315.678,271.39691a8.00313,8.00313,0,0,1,5.31006-9.99l65.97022-20.2,191.25-58.54,65.96972-20.2a7.98927,7.98927,0,0,1,9.99024,5.3l32.5498,106.32Z",transform:"translate(-276.18187 -133.91309)",fill:"#f2f2f2"}),(0,n.jsx)("path",{d:"M725.408,274.08691l-39.23-128.14a16.99368,16.99368,0,0,0-21.23-11.28l-92.75,28.39L380.95827,221.60693l-92.75,28.4a17.0152,17.0152,0,0,0-11.28028,21.23l134.08008,437.93a17.02661,17.02661,0,0,0,16.26026,12.03,16.78926,16.78926,0,0,0,4.96972-.75l63.58008-19.46,2-.62v-2.09l-2,.61-64.16992,19.65a15.01489,15.01489,0,0,1-18.73-9.95l-134.06983-437.94a14.97935,14.97935,0,0,1,9.94971-18.73l92.75-28.4,191.24024-58.54,92.75-28.4a15.15551,15.15551,0,0,1,4.40966-.66,15.01461,15.01461,0,0,1,14.32032,10.61l39.0498,127.56.62012,2h2.08008Z",transform:"translate(-276.18187 -133.91309)",fill:"#3f3d56"}),(0,n.jsx)("path",{d:"M398.86279,261.73389a9.0157,9.0157,0,0,1-8.61133-6.3667l-12.88037-42.07178a8.99884,8.99884,0,0,1,5.9712-11.24023l175.939-53.86377a9.00867,9.00867,0,0,1,11.24072,5.9707l12.88037,42.07227a9.01029,9.01029,0,0,1-5.9707,11.24072L401.49219,261.33887A8.976,8.976,0,0,1,398.86279,261.73389Z",transform:"translate(-276.18187 -133.91309)",fill:"#4299e1"}),(0,n.jsx)("circle",{cx:"190.15351",cy:"24.95465",r:"20",fill:"#4299e1"}),(0,n.jsx)("circle",{cx:"190.15351",cy:"24.95465",r:"12.66462",fill:"#fff"}),(0,n.jsx)("path",{d:"M878.81836,716.08691h-338a8.50981,8.50981,0,0,1-8.5-8.5v-405a8.50951,8.50951,0,0,1,8.5-8.5h338a8.50982,8.50982,0,0,1,8.5,8.5v405A8.51013,8.51013,0,0,1,878.81836,716.08691Z",transform:"translate(-276.18187 -133.91309)",fill:"#e6e6e6"}),(0,n.jsx)("path",{d:"M723.31813,274.08691h-210.5a17.02411,17.02411,0,0,0-17,17v407.8l2-.61v-407.19a15.01828,15.01828,0,0,1,15-15H723.93825Zm183.5,0h-394a17.02411,17.02411,0,0,0-17,17v458a17.0241,17.0241,0,0,0,17,17h394a17.0241,17.0241,0,0,0,17-17v-458A17.02411,17.02411,0,0,0,906.81813,274.08691Zm15,475a15.01828,15.01828,0,0,1-15,15h-394a15.01828,15.01828,0,0,1-15-15v-458a15.01828,15.01828,0,0,1,15-15h394a15.01828,15.01828,0,0,1,15,15Z",transform:"translate(-276.18187 -133.91309)",fill:"#3f3d56"}),(0,n.jsx)("path",{d:"M801.81836,318.08691h-184a9.01015,9.01015,0,0,1-9-9v-44a9.01016,9.01016,0,0,1,9-9h184a9.01016,9.01016,0,0,1,9,9v44A9.01015,9.01015,0,0,1,801.81836,318.08691Z",transform:"translate(-276.18187 -133.91309)",fill:"#4299e1"}),(0,n.jsx)("circle",{cx:"433.63626",cy:"105.17383",r:"20",fill:"#4299e1"}),(0,n.jsx)("circle",{cx:"433.63626",cy:"105.17383",r:"12.18187",fill:"#fff"})]})}},70837:function(e,t,r){"use strict";r.d(t,{n:function(){return n}});var n=function(e){var t=Math.floor(e/864e5),r=Math.floor(e%864e5/36e5),n=Math.floor(e%36e5/6e4),a=(e%6e4/1e3).toFixed(2);return"".concat(t?t+"d ":""," ").concat(r||t?r+"h ":""," ").concat(n||r?n+"m ":""," ").concat(a||n?a+"s":"0s")}},51310:function(e,t,r){"use strict";r.d(t,{c:function(){return n}});var n=function(e){return new Date(e).toDateString()}},41390:function(e,t,r){"use strict";r.d(t,{s:function(){return n}});var n=function(){return!1}},40078:function(e,t,r){"use strict";r.d(t,{a:function(){return c}});

1var n=r(11163),a=r(41390),s=r(89789),c=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",t=(0,n.useRouter)(),r=(0,s.a)(),c=r.state,i=c.isLoading,o=c.user;return(0,a.s)()||(i||o||t.push(e),i||!o||o.isAdmin||t.push(e)),{isLoading:i}}},39662:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return B}});var n=r(85893),a=r(55645),s=r(809),c=r.n(s),i=r(30266),o=r(67294),l=r(68527),u=r(20949),d=r(56311),x=r(17233),g=function(e){var t=e.title,r=e.stat,a=e.time;(0,d.Z)(e,["title","stat","time"]);return(0,n.jsx)(l.xu,{border:"1px solid",borderColor:(0,u.ff)("gray.200","gray.700"),rounded:"lg",children:(0,n.jsx)(x.kN,{px:{base:2,md:4},py:"2",pt:"4",children:(0,n.jsxs)(l.xu,{children:[(0,n.jsx)(x.dw,{isTruncated:!0,children:t}),(0,n.jsx)(x.Jf,{children:r}),(0,n.jsx)(x.vh,{children:a})]})})})},p=r(33344),f=r(29009),h=r(1054),j=r(3023),m=r(65657),y=r(56880),v=function(e){var t=e.dataKey,r=e.data,a=e.name,s=(0,p.Fg)();return(0,n.jsxs)(l.xu,{border:"1px solid",borderColor:(0,u.ff)("gray.200","gray.700"),rounded:"md",padding:"4",children:[(0,n.jsx)(l.xu,{width:"100%",height:"300px",children:(0,n.jsx)(f.h,{children:(0,n.jsxs)(h.w,{width:500,height:200,data:r,children:[(0,n.jsx)(j.K,{dataKey:"date"}),(0,n.jsx)(m.u,{}),(0,n.jsx)(y.x,{name:a,label:!1,type:"monotone",dataKey:t,stroke:s.colors.blue[400],activeDot:{r:8}})]})})}),(0,n.jsx)(l.M5,{children:(0,n.jsxs)(l.xv,{children:[" All Time Average ",a," "]})})]})},b=r(92809),w=r(31570),P=r(81738),C=r(15193),_=r(59876),O=(r(85133),r(43366));function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){(0,b.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var S=function(e){var t=e.setCategory,r=(0,d.Z)(e,["setCategory"]),s=(0,O.N)(),c=s.data,i=s.isLoading||!c?[{category:"All Exercises",name:"All Exercises"},{category:"challenge",name:"Challenge Mode"}]:[{category:"All Exercises",name:"All Exercises"},{category:"challenge",name:"Challenge Mode"}].concat((0,w.Z)(Object.entries(c).map((function(e){var t=(0,a.Z)(e,2),r=(t[0],t[1]);return{category:r.exercise_slug,name:r.exercise_name}}))));return(0,n.jsxs)(P.v2,{children:[(0,n.jsx)(P.j2,k(k({},r),{},{as:C.zx,rightIcon:(0,n.jsx)(_.v4,{}),children:"Select Category"})),(0,n.jsx)(P.qy,{children:i.map((function(e){return(0,n.jsx)(P.sN,{onClick:function(){return t(e)},children:e.name})}))})]})},Z=r(88767),E=r(9669),M=r.n(E),N=r(58747),D=r(70837),H=r(7657),L=r(79042),T=r(41664),z=r(79521),F=r(51310),I=r(29393),K=r(37162),U=r(98784),W=function(){return(0,n.jsxs)(l.gC,{py:"5",children:[(0,n.jsx)(U.J,{}),(0,n.jsx)(l.X6,{pt:"2",size:"sm",children:"No attempts for this exercise yet"})]})};function q(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function X(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?q(Object(r),!0).forEach((function(t){(0,b.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var G=function(){var e=(0,i.Z)(c().mark((function e(t,r,n){var a,s;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("All Exercises"!==t){e.next=6;break}return e.next=3,M().get("".concat(N.M,"/api/questions/attempts/?page=").concat(r,"&limit=").concat(n));case 3:e.t0=e.sent,e.next=16;break;case 6:if("Challenge"!==t){e.next=12;break}return e.next=9,M().get("".concat(N.M,"/api/questions/attempts/?category=challenge&page=").concat(r,"&limit=").concat(n));case 9:e.t1=e.sent,e.next=15;break;case 12:return e.next=14,M().get("".concat(N.M,"/api/questions/attempts/?category=").concat(t,"&page=").concat(r,"&limit=").concat(n));case 14:e.t1=e.sent;case 15:e.t0=e.t1;case 16:return a=e.t0,s=a.data,e.abrupt("return",s);case 19:case"end":return e.stop()}}),e)})));return function(t,r,n){return e.apply(this,arguments)}}(),J=function(e){var t=e.category,r=o.useState({attempts:[],pages:0}),s=(0,a.Z)(r,2),c=s[0],i=s[1],u=o.useMemo((function(){return[{Header:"User",accessor:"user",Cell:function(e){var t=e.cell;return(0,n.jsxs)(l.Ug,{spacing:"4",children:[(0,n.jsx)(H.qE,{size:"sm",src:t.value.avatar}),(0,n.jsx)(T.default,{href:"/profile/".concat(t.value.username),children:(0,n.jsx)(l.rU,{_hover:{color:"blue.400",textDecoration:"underline"},children:t.value.username})})]})}},{Header:"Completed At",accessor:"created_at",Cell:function(e){return(0,F.c)(e.row.original.created_at)}},{Header:"Subexercise",Cell:function(e){var t=e.row.original.subexercise_slug;return t?t.subexercise_name:"N/A"},show:!1},{Header:"Score",accessor:"score",Cell:function(e){return e.row.original.score.toFixed(2)}},{Header:"WPM",accessor:"wpm",Cell:function(e){return e.row.original.wpm.toFixed(2)}},{Header:"Accuracy",accessor:"accuracy",Cell:function(e){return"".concat(e.row.original.accuracy.toFixed(2),"%")}},{Header:"Time Elapsed",accessor:"time_elapsed",Cell:function(e){return(0,D.n)(1e3*e.row.original.time_elapsed)}}]}),[]),d=(0,z.useTable)({columns:u,data:c.attempts,pageCount:c.pages,manualPagination:!0,initialState:{pageIndex:0}},z.usePagination),x=d.getTableProps,g=d.getTableBodyProps,p=d.headerGroups,f=d.prepareRow,h=d.page,

1j=d.canPreviousPage,m=d.canNextPage,y=d.pageOptions,v=d.pageCount,b=d.gotoPage,w=d.nextPage,P=d.previousPage,C=d.setPageSize,_=d.state,O=_.pageIndex,A=_.pageSize,k=(0,Z.useQuery)(["stats","attempts",t,{limit:A,page:O}],(function(){return G(t,O,A)}),{keepPreviousData:!0,retry:3,retryDelay:0}),S=k.data,E=k.isLoading,M=k.isError;return o.useEffect((function(){i(S||{attempts:[],pages:0})}),[S]),(0,n.jsxs)(l.xu,{overflowX:"auto",children:[(0,n.jsxs)(L.iA,X(X({},x()),{},{children:[(0,n.jsx)(L.hr,{children:p.map((function(e){return(0,n.jsx)(L.Tr,X(X({},e.getHeaderGroupProps()),{},{children:e.headers.map((function(e){return(0,n.jsx)(L.Th,X(X({isNumeric:"User"!=e.render("Header")&&"Subexercise"!=e.render("Header")&&"Completed At"!=e.render("Header")},e.getHeaderProps()),{},{children:e.render("Header")}))}))}))}))}),(0,n.jsx)(L.p3,X(X({},g()),{},{children:h.map((function(e,t){return f(e),(0,n.jsx)(L.Tr,X(X({},e.getRowProps()),{},{children:e.cells.map((function(e){return(0,n.jsx)(L.Td,X(X({isNumeric:"User"!=e.column.render("Header")&&"Subexercise"!=e.column.render("Header")&&"Completed At"!=e.column.render("Header")},e.getCellProps()),{},{children:e.render("Cell")}))}))}))}))}))]})),M?(0,n.jsxs)(l.gC,{my:"8",children:[(0,n.jsx)(l.X6,{size:"md",textAlign:"center",children:"Sorry, something went wrong."}),(0,n.jsx)(l.xv,{textAlign:"center",children:"Could not fetch attempts data."})]}):E?(0,n.jsx)(K.Z,{}):S.attempts&&S.attempts.length<=0?(0,n.jsx)(W,{}):S.attempts&&S.attempts.length>0?(0,n.jsx)(I.Z,{pageOptions:y,pageCount:v,canNextPage:m,nextPage:w,previousPage:P,canPreviousPage:j,pageSize:A,pageIndex:O,setPageSize:C,gotoPage:b}):null]})},Q=r(40078),R=r(14428),Y=function(){var e=(0,i.Z)(c().mark((function e(t){var r,n;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("All Exercises"!==t){e.next=6;break}return e.next=3,M().get("".concat(N.M,"/api/questions/stats/"));case 3:e.t0=e.sent,e.next=16;break;case 6:if("Challenge"!==t){e.next=12;break}return e.next=9,M().get("".concat(N.M,"/api/questions/stats/?category=challenge"));case 9:e.t1=e.sent,e.next=15;break;case 12:return e.next=14,M().get("".concat(N.M,"/api/questions/stats/?category=").concat(t));case 14:e.t1=e.sent;case 15:e.t0=e.t1;case 16:return r=e.t0,n=r.data,e.abrupt("return",n);case 19:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),B=function(){(0,R.Z)("KeyKorea - Exercise Statistics");var e=(0,Q.a)("/").isLoading,t=o.useState({category:"All Exercises",name:"All Exercises"}),r=(0,a.Z)(t,2),s=r[0],c=r[1],i=(0,Z.useQuery)(["statistics",s.category],(function(){return Y(s.category)}),{retry:3,retryDelay:0}),d=i.data,x=i.isLoading,p=i.isError;return e?(0,n.jsx)(K.Z,{}):(0,n.jsx)(l.W2,{pt:"8",maxW:"container.xl",children:(0,n.jsxs)(l.gC,{spacing:4,width:"100%",align:"stretch",children:[(0,n.jsxs)(l.xu,{display:{base:"",md:"flex"},alignItems:{base:"",md:"flex"},justifyContent:{base:"",md:"space-between"},children:[(0,n.jsxs)(l.X6,{children:[s.name," Statistics"]}),(0,n.jsx)(S,{width:{base:"100%",md:"48"},setCategory:c})]}),p?(0,n.jsxs)(l.gC,{mt:"8",children:[(0,n.jsx)(l.X6,{size:"md",textAlign:"center",children:"Sorry, something went wrong."}),(0,n.jsx)(l.xv,{textAlign:"center",children:"Could not fetch statistics data."})]}):x?(0,n.jsx)(K.Z,{}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(l.MI,{columns:{base:1,md:3},spacing:"4",children:[(0,n.jsx)(g,{title:"Average WPM",stat:"number"==typeof d.recent_stats.wpm__avg?d.recent_stats.wpm__avg.toFixed(2):"N/A",time:"Last 30 days"}),(0,n.jsx)(g,{title:"Average Accuracy",stat:"number"==typeof d.recent_stats.accuracy__avg?"".concat(d.recent_stats.accuracy__avg.toFixed(2),"%"):"N/A",time:"Last 30 days"}),(0,n.jsx)(g,{title:"Average Time Elapsed",stat:"number"==typeof d.recent_stats.time_elapsed__avg?(0,D.n)(1e3*d.recent_stats.time_elapsed__avg):"N/A",time:"Last 30 days"})]}),(0,n.jsxs)(l.MI,{columns:{base:1,md:3},spacing:"4",children:[(0,n.jsx)(v,{data:d.charts,dataKey:"wpm",name:"WPM"}),(0,n.jsx)(v,{data:d.charts,dataKey:"accuracy",name:"Accuracy"}),(0,n.jsx)(v,{data:d.charts,dataKey:"time_elapsed",name:"Time Elapsed"})]}),(0,n.jsx)(l.xu,{border:"1px solid",borderColor:(0,u.ff)("gray.200","gray.700"),rounded:"lg",children:(0,n.jsx)(J,{category:s.category})})]})]})})}},53654:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/statistics",function(){return r(39662)}])}},function(e){e.O(0,[407,301,773,707,774,888,179],(function(){return t=53654,e

1(e.s=t);var t}));var t=e.O();_N_E=t}]);