https://keykorea.vercel.app/_next/static/chunks/pages/users-5c5726010d0339d5d9e6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[892],{6886:function(e,r,n){"use strict";n.d(r,{bZ:function(){return g},X:function(){return m},zM:function(){return x},Cd:function(){return j}});var t=n(33344),s=n(44592),o=n(26450),i=n(67294),a=n(10894);function c(){return(c=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}var u=function(e){return i.createElement(a.JO,c({viewBox:"0 0 24 24"},e),i.createElement("path",{fill:"currentColor",d:"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"}))},l=["status"],p={info:{icon:function(e){return i.createElement(a.JO,c({viewBox:"0 0 24 24"},e),i.createElement("path",{fill:"currentColor",d:"M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z"}))},colorScheme:"blue"},warning:{icon:u,colorScheme:"orange"},success:{icon:function(e){return i.createElement(a.JO,c({viewBox:"0 0 24 24"},e),i.createElement("path",{fill:"currentColor",d:"M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"}))},colorScheme:"green"},error:{icon:u,colorScheme:"red"}},f=(0,o.kr)({name:"AlertContext",errorMessage:"useAlertContext: `context` is undefined. Seems you forgot to wrap alert components in `<Alert />`"}),d=f[0],h=f[1],g=(0,t.Gp)((function(e,r){var n,o=(0,t.Lr)(e),a=o.status,u=void 0===a?"info":a,f=function(e,r){if(null==e)return{};var n,t,s={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||(s[n]=e[n]);return s}(o,l),h=null!=(n=e.colorScheme)?n:p[u].colorScheme,g=(0,t.jC)("Alert",c({},e,{colorScheme:h})),j=c({width:"100%",display:"flex",alignItems:"center",position:"relative",overflow:"hidden"},g.container);return i.createElement(d,{value:{status:u}},i.createElement(t.Fo,{value:g},i.createElement(t.m$.div,c({role:"alert",ref:r},f,{className:(0,s.cx)("chakra-alert",e.className),__css:j}))))})),j=(0,t.Gp)((function(e,r){var n=(0,t.yK)();return i.createElement(t.m$.div,c({ref:r},e,{className:(0,s.cx)("chakra-alert__title",e.className),__css:n.title}))})),m=(0,t.Gp)((function(e,r){var n=c({display:"inline"},(0,t.yK)().description);return i.createElement(t.m$.div,c({ref:r},e,{className:(0,s.cx)("chakra-alert__desc",e.className),__css:n}))})),x=function(e){var r=h().status,n=p[r].icon,o=(0,t.yK)();return i.createElement(t.m$.span,c({display:"inherit"},e,{className:(0,s.cx)("chakra-alert__icon",e.className),__css:o.icon}),i.createElement(n,{w:"100%",h:"100%"}))}},11391:function(e,r,n){"use strict";n.d(r,{Ph:function(){return j}});var t=n(79762),s=n(33344),o=n(94244),i=n(44592),a=n(38554),c=n.n(a),u=n(67294);function l(){return(l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}function p(e,r){if(null==e)return{};var n,t,s={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||(s[n]=e[n]);return s}var f=["children","placeholder","className"],d=["rootProps","placeholder","icon","color","height","h","minH","minHeight","iconColor","iconSize","isFullWidth"],h=["children"],g=(0,s.Gp)((function(e,r){var n=e.children,t=e.placeholder,o=e.className,a=p(e,f);return u.createElement(s.m$.select,l({},a,{ref:r,className:(0,i.cx)("chakra-select",o)}),t&&u.createElement("option",{value:""},t),n)}));i.Ts&&(g.displayName="SelectField");var j=(0,s.Gp)((function(e,r){var n=(0,s.jC)("Select",e),a=(0,s.Lr)(e),f=a.rootProps,h=a.placeholder,j=a.icon,m=a.color,x=a.height,O=a.h,v=a.minH,y=a.minHeight,w=a.iconColor,P=a.iconSize;a.isFullWidth;var C=p(a,d),E=(0,i.Vl)(C,o.oE),S=E[0],_=E[1],k=(0,t.Yp)(_),D={width:"100%",height:"fit-content",position:"relative",color:m},Z=c()({paddingEnd:"2rem"},n.field,{_focus:{zIndex:"unset"}});return u.createElement(s.m$.div,l({className:"chakra-select__wrapper",__css:D},S,f),u.createElement(g,l({ref:r,height:null!=O?O:x,minH:null!=v?v:y,placeholder:h},k,{__css:Z}),e.children),u.createElement(b,l({"data-disabled":(0,i.PB)(k.disabled)},(w||m)&&{color:w||m},{__css:n.icon},P&&{fontSize:P}

1),j))}));i.Ts&&(j.displayName="Select");var m=function(e){return u.createElement("svg",l({viewBox:"0 0 24 24"},e),u.createElement("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))},x=(0,s.m$)("div",{baseStyle:{position:"absolute",display:"inline-flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",top:"50%",transform:"translateY(-50%)"}}),b=function(e){var r=e.children,n=void 0===r?u.createElement(m,null):r,t=p(e,h),s=u.cloneElement(n,{role:"presentation",className:"chakra-select__icon",focusable:!1,"aria-hidden":!0,style:{width:"1em",height:"1em",color:"currentColor"}});return u.createElement(x,l({},t,{className:"chakra-select__icon-wrapper"}),u.isValidElement(n)?s:null)};i.Ts&&(b.displayName="SelectIcon")},29393:function(e,r,n){"use strict";var t=n(85893),s=(n(67294),n(68527)),o=n(47398),i=n(15193),a=n(72773),c=n(11391),u=n(59876);r.Z=function(e){var r=e.canPreviousPage,n=e.previousPage,l=e.pageIndex,p=e.pageOptions,f=e.pageSize,d=e.nextPage,h=e.canNextPage,g=e.pageCount,j=e.setPageSize,m=e.gotoPage;return(0,t.jsxs)(s.kC,{justifyContent:"space-between",m:4,alignItems:"center",children:[(0,t.jsxs)(s.kC,{children:[(0,t.jsx)(o.u,{label:"First Page",children:(0,t.jsx)(i.hU,{onClick:function(){return m(0)},isDisabled:!r,icon:(0,t.jsx)(u.Y4,{h:3,w:3}),mr:4})}),(0,t.jsx)(o.u,{label:"Previous Page",children:(0,t.jsx)(i.hU,{onClick:n,isDisabled:!r,icon:(0,t.jsx)(u.wy,{h:6,w:6})})})]}),(0,t.jsxs)(s.kC,{alignItems:"center",children:[(0,t.jsxs)(s.xv,{flexShrink:"0",mr:8,children:["Page"," ",(0,t.jsx)(s.xv,{fontWeight:"bold",as:"span",children:l+1})," ","of"," ",(0,t.jsx)(s.xv,{fontWeight:"bold",as:"span",children:p.length})]}),(0,t.jsx)(s.xv,{flexShrink:"0",children:"Go to page:"})," ",(0,t.jsxs)(a.Y2,{ml:2,mr:8,w:28,min:1,max:p.length,onChange:function(e){m(e?e-1:0)},defaultValue:l+1,children:[(0,t.jsx)(a.zu,{}),(0,t.jsxs)(a.Fi,{children:[(0,t.jsx)(a.WQ,{}),(0,t.jsx)(a.Y_,{})]})]}),(0,t.jsx)(c.Ph,{w:32,value:f,onChange:function(e){j(Number(e.target.value))},children:[10,20,30,40,50].map((function(e){return(0,t.jsxs)("option",{value:e,children:["Show ",e]},e)}))})]}),(0,t.jsxs)(s.kC,{children:[(0,t.jsx)(o.u,{label:"Next Page",children:(0,t.jsx)(i.hU,{onClick:d,isDisabled:!h,icon:(0,t.jsx)(u.XC,{h:6,w:6})})}),(0,t.jsx)(o.u,{label:"Last Page",children:(0,t.jsx)(i.hU,{onClick:function(){return m(g-1)},isDisabled:!h,icon:(0,t.jsx)(u.LZ,{h:3,w:3}),ml:4})})]})]})}},37162:function(e,r,n){"use strict";var t=n(85893),s=n(68527),o=n(49609);r.Z=function(){return(0,t.jsx)(s.xu,{pt:"8",w:"full",children:(0,t.jsx)(s.M5,{children:(0,t.jsx)(o.$,{color:"blue.400"})})})}},84144:function(e,r,n){"use strict";n.d(r,{h:function(){return a}});var t=n(55645),s=n(85893),o=n(6886),i=n(68527),a=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"6";return e&&e.response&&e.response.data?e.response.data.detail?(0,s.jsxs)(o.bZ,{marginBottom:r,status:"error",children:[(0,s.jsx)(o.zM,{})," ",e.response.data.detail]}):"object"!==typeof e.response.data||Array.isArray(e.response.data)||null==e.response.data?(0,s.jsxs)(o.bZ,{marginBottom:r,status:"error",children:[(0,s.jsx)(o.zM,{})," Internal Server Error"]}):(0,s.jsx)(o.bZ,{marginBottom:r,status:"error",children:(0,s.jsxs)(i.Kq,{children:[(0,s.jsxs)(i.Ug,{ml:"0",pl:"0",children:[(0,s.jsx)(o.zM,{}),(0,s.jsx)(i.xv,{children:"Errors in the following fields"})]}),(0,s.jsx)(i.QI,{children:Object.entries(e.response.data).map((function(e){var r=(0,t.Z)(e,2),n=r[0],o=r[1];return(0,s.jsxs)(i.HC,{ml:"14",children:[(n.charAt(0).toUpperCase()+n.slice(1)).split("_").join(" ")," ","- ",o[0]||"Unknown Error"]})}))})]})}):(0,s.jsxs)(o.bZ,{marginBottom:r,status:"error",children:[(0,s.jsx)(o.zM,{})," Internal Server Error"]})}},51310:function(e,r,n){"use strict";n.d(r,{c:function(){return t}});var t=function(e){return new Date(e).toDateString()}},41390:function(e,r,n){"use strict";n.d(r,{s:function(){return t}});var t=function(){return!1}},40078:function(e,r,n){"use strict";n.d(r,{a:function(){return i}});var t=n(11163),s=n(41390),o=n(89789),i=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",r=(0,t.useRouter)(),n=(0,o.a)(),i=n.state,a=i.isLoading,c=i.user;return(0,s.s)()||(a||c||r.push(e),a||!c||c.isAdmin||r.push(e)),{isLoading:a}}},85271:function(e,r,n){"use strict";n.r(r),n.d(r,{default:function(){return se}});

1var t=n(85893),s=n(55645),o=n(67294),i=n(68527),a=n(4612),c=n(59876),u=n(92809),l=n(809),p=n.n(l),f=n(30266),d=n(7657),h=n(15193),g=n(79042),j=n(88767),m=n(9669),x=n.n(m),b=n(58747),O=n(41664),v=n(79521),y=n(56311),w=n(97375),P=n(55667),C=function(e,r){return e.getQueryCache().getAll().map((function(e){return e.queryKey})).filter((function(e){return Array.isArray(e)?e.includes(r):e===r}))},E=n(84144);function S(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function _(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?S(Object(n),!0).forEach((function(r){(0,u.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var k=function(){var e=(0,f.Z)(p().mark((function e(r){var n,t;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,x().patch("".concat(b.M,"/api/user/").concat(r,"/promote/"));case 2:return n=e.sent,t=n.data,e.abrupt("return",t);case 5:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}(),D=function(e){var r=e.username,n=e.userId,s=e.isOpen,o=e.onClose,i=e.finalRef,a=(0,j.useQueryClient)(),c=(0,j.useMutation)((function(){return k(n)}),{onSuccess:function(e){C(a,"users").forEach((function(r){return a.setQueryData(r,(function(r){return _(_({},r),{},{users:r.users.map((function(r){return r.id===n?e:r}))})}))})),o()}}),u=c.mutate,l=c.isLoading,p=c.isError,f=c.error;return(0,t.jsxs)(P.u_,{isCentered:!0,finalFocusRef:i,isOpen:s,onClose:o,children:[(0,t.jsx)(P.ZA,{}),(0,t.jsxs)(P.hz,{children:[(0,t.jsxs)(P.xB,{children:['Promote "',r,'"']}),(0,t.jsx)(P.ol,{}),(0,t.jsxs)(P.fe,{children:[p&&(0,E.h)(f),'Are you sure you want to promote "',r,'"?']}),(0,t.jsx)(P.mz,{children:(0,t.jsxs)(h.hE,{children:[(0,t.jsx)(h.zx,{onClick:o,children:"Cancel"}),(0,t.jsxs)(h.zx,{isLoading:l,variant:"solid",bgColor:"blue.400",color:"white",type:"submit",onClick:u,_hover:{bgColor:"blue.500"},children:['Promote "',r,'"']})]})})]})]})};function Z(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function z(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?Z(Object(n),!0).forEach((function(r){(0,u.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var I=function(e){var r=e.username,n=e.userId,s=(0,y.Z)(e,["username","userId"]),o=(0,w.qY)(),i=o.isOpen,a=o.onOpen,c=o.onClose;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h.zx,z(z({size:"sm",variant:"ghost",color:"blue.400",onClick:a},s),{},{children:"Promote"})),(0,t.jsx)(D,{username:r,userId:n,isOpen:i,onClose:c})]})};function A(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function N(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?A(Object(n),!0).forEach((function(r){(0,u.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var M=function(){var e=(0,f.Z)(p().mark((function e(r){var n,t;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,x().patch("".concat(b.M,"/api/user/").concat(r,"/demote/"));case 2:return n=e.sent,t=n.data,e.abrupt("return",t);case 5:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}(),B=function(e){var r=e.username,n=e.userId,s=e.isOpen,o=e.onClose,i=e.finalRef,a=(0,j.useQueryClient)(),c=(0,j.useMutation)((function(){return M(n)}),{onSuccess:function(e){C(a,"users").forEach((function(r){return a.setQueryData(r,(function(r){return N(N({},r),{},{users:r.users.map((function(r){return r.id===n?e:r}))})}))})),o()}}),u=c.mutate,l=c.isLoading,p=c.isError,f=c.error;return(0,t.jsxs)(P.u_,{isCentered:!0,finalFocusRef:i,isOpen:s,onClose:o,children:[(0,t.jsx)(P.ZA,{}),(0,t.jsxs)(P.hz,{children:[(0,t.jsxs)(P.xB,{children:['Demote "',r,'"']}),(0,t.jsx)(P.ol,{}),(0,t.jsxs)(P.fe,{children:[p&&(0,E.h)(f),'Are you sure you want to demote "',r,'"?']}),(0,t.jsx)(P.mz,{children:(0,t.jsxs)(h.hE,{children:[(0,t.jsx)(h.zx,{onClick:o,children:"Cancel"}),(0,t.jsxs)(h.zx,{isLoading:l,variant:"solid",bgColor:"blue.400",color:"white",type:"submit",onClick:u,_hover:{bgColor:"blue.500"},children:['Demote "',r,'"']})]})})]})]})};function L(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function H(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};

1r%2?L(Object(n),!0).forEach((function(r){(0,u.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var T=function(e){var r=e.username,n=e.userId,s=(0,y.Z)(e,["username","userId"]),o=(0,w.qY)(),i=o.isOpen,a=o.onOpen,c=o.onClose;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h.zx,H(H({size:"sm",variant:"ghost",color:"blue.400",onClick:a},s),{},{children:"Demote"})),(0,t.jsx)(B,{isOpen:i,username:r,userId:n,onClose:c})]})};function U(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function F(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?U(Object(n),!0).forEach((function(r){(0,u.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var R=function(){var e=(0,f.Z)(p().mark((function e(r){var n,t;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,x().delete("".concat(b.M,"/api/user/").concat(r,"/ban/"));case 2:return n=e.sent,t=n.data,e.abrupt("return",t);case 5:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}(),Q=function(e){var r=e.isOpen,n=e.onClose,s=e.cancelRef,o=e.username,i=e.userId,a=(0,j.useQueryClient)(),c=(0,j.useMutation)((function(){return R(i)}),{onSuccess:function(){C(a,"users").forEach((function(e){return a.setQueryData(e,(function(e){return F(F({},e),{},{users:e.users.filter((function(e){return e.id!==i}))})}))})),n()}}),u=c.mutate,l=c.isLoading,p=c.isError,f=c.error;return(0,t.jsx)(P.aR,{isCentered:!0,isOpen:r,leastDestructiveRef:s,onClose:n,children:(0,t.jsx)(P.dh,{children:(0,t.jsxs)(P._T,{children:[(0,t.jsxs)(P.fY,{fontSize:"lg",fontWeight:"bold",children:['Ban "',o,'"']}),(0,t.jsxs)(P.iP,{children:[p&&(0,E.h)(f),'Are you sure you want to permanently ban "',o,"\"? You can't undo this action afterwards."]}),(0,t.jsxs)(P.xo,{children:[(0,t.jsx)(h.zx,{ref:s,onClick:n,children:"Cancel"}),(0,t.jsxs)(h.zx,{colorScheme:"red",ml:3,onClick:u,isLoading:l,children:['Ban "',o,'"']})]})]})})})};function Y(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function W(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?Y(Object(n),!0).forEach((function(r){(0,u.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var G=function(e){var r=e.username,n=e.userId,s=(0,y.Z)(e,["username","userId"]),o=(0,w.qY)(),i=o.isOpen,a=o.onOpen,c=o.onClose;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h.zx,W(W({size:"sm",variant:"ghost",color:"red.400",onClick:a},s),{},{children:"Ban"})),(0,t.jsx)(Q,{isOpen:i,onClose:c,username:r,userId:n})]})},$=n(51310),K=n(29393),X=n(37162),q=n(89789);function J(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function V(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?J(Object(n),!0).forEach((function(r){(0,u.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var ee=function(){var e=(0,f.Z)(p().mark((function e(r,n,t){var s,o;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,x().get("".concat(b.M,"/api/users/?page=").concat(r,"&limit=").concat(n,"&search=").concat(t));case 2:return s=e.sent,o=s.data,e.abrupt("return",o);case 5:case"end":return e.stop()}}),e)})));return function(r,n,t){return e.apply(this,arguments)}}(),re=function(e){var r=e.search,n=(e.setRefetch,o.useState({users:[],pages:0})),a=(0,s.Z)(n,2),c=a[0],u=a[1],l=(0,q.a)().state,p=o.useMemo((function(){return[{Header:"User",Cell:function(e){var r=e.cell;return(0,t.jsxs)(i.Ug,{spacing:"4",children:[(0,t.jsx)(d.qE,{size:"sm",src:r.row.original.avatar}),(0,t.jsx)(O.default,{href:"/profile/".concat(r.row.original.username),children:(0,t.jsx)(i.rU,{_hover:{color:"blue.400",textDecoration:"underline"},children:r.row.original.username})})]})}},{Header:"Date Joined",accessor:"created_at",Cell:function(e){var r=e.cell;return(0,$.c)(r.value)}},{Header:"Email",accessor:"email"},{Header:"Role",Cell:function(e){var r=e.cell;return(0,t.jsx)(t.Fragment,{children:r.row.original.is_superuser?"Super Admin":r.row.original.is_staff?"Admin":"Student"})}},{Header:"",accessor:"buttons",Cell:function(e){var r=e.cell;return l.user.id==r.row.original.id||r.row.original.is_staff&&!l.user.isSuperAdmin?null:r.row.original.is_staff&&l.user.isSuperAdmin?(0,t.jsxs)(h.hE,{float:"right",children:[(0,t.jsx)(T,{username:r.row.original.username,userId:r.row.original.id}),(0,t.jsx)(G,{username:r.row.original.username,userId:r.row.original.id})]}):!r.row.original.is_staff&&l.user.isSuperAdmin?(0,t.jsxs)(h.hE,{float:"right",children:[(0,t.jsx)(I,{username:r.row.original.username,userId:r.row.original.id}),(0,t.jsx)(G,{username:r.row.original.username,userId:r.row.original.id})]}):(0,t.jsx)(h.hE,{float:"right",children:(0,t.jsx)(G,{username:r.row.original.username,userId:r.row.original.id})})}}]}),[]),f=(0,v.useTable)({columns:p,data:c.users,pageCount:c.pages,manualPagination:!0,initialState:{pageIndex:0}},v.usePagination),m=f.getTableProps,x=f.getTableBodyProps,b=f.headerGroups,y=f.prepareRow,w=f.page,P=f.canPreviousPage,C=f.canNextPage,E=f.pageOptions,S=f.pageCount,_=f.gotoPage,k=f.nextPage,D=f.previousPage,Z=f.setPageSize,z=f.state,A=z.pageIndex,N=z.pageSize,M=(0,j.useQuery)(["users",{pageSize:N,pageIndex:A,search:r}],(function(){return ee(A,N,r)}),{keepPreviousData:!0,retry:3,retryDelay:0}),B=M.data,L=M.isLoading,H=M.isError;return o.useEffect((function(){u(B||{users:[],pages:0})}),[B]),(0,t.jsxs)(i.xu,{overflowX:"auto",children:[(0,t.jsxs)(g.iA,V(V({},m()),{},{children:[(0,t.jsx)(g.hr,{children:b.map((function(e){return(0,t.jsx)(g.Tr,V(V({},e.getHeaderGroupProps()),{},{children:e.headers.map((function(e){return(0,t.jsx)(g.Th,V(V({},e.getHeaderProps()),{},{children:e.render("Header")}))}))}))}))}),(0,t.jsx)(g.p3,V(V({},x()),{},{children:w.map((function(e,r){return y(e),(0,t.jsx)(g.Tr,V(V({},e.getRowProps()),{},{children:e.cells.map((function(e){return(0,t.jsx)(g.Td,V(V({},e.getCellProps()),{},{children:e.render("Cell")}))}))}))}))}))]})),H?(0,t.jsxs)(i.gC,{my:"8",children:[(0,t.jsx)(i.X6,{size:"md",textAlign:"center",children:"Sorry, something went wrong."}),(0,t.jsx)(i.xv,{textAlign:"center",children:"Could not fetch user data."})]}):L?(0,t.jsx)(X.Z,{}):(0,t.jsx)(K.Z,{pageOptions:E,pageCount:S,canNextPage:C,nextPage:k,previousPage:D,canPreviousPage:P,pageSize:N,pageIndex:A,setPageSize:Z,gotoPage:_})]})},ne=n(14428),te=n(40078),se=function(){(0,ne.Z)("KeyKorea - User Management");var e=(0,te.a)("/").isLoading,r=o.useState(""),n=(0,s.Z)(r,2),u=n[0],l=n[1];return e?(0,t.jsx)(X.Z,{}):(0,t.jsx)(i.W2,{pt:"8",maxW:"container.xl",children:(0,t.jsxs)(i.gC,{spacing:2,width:"100%",align:"stretch",children:[(0,t.jsxs)(i.xu,{display:{base:"",md:"flex"},alignItems:{base:"",md:"flex"}

1,justifyContent:{base:"",md:"space-between"},children:[(0,t.jsx)(i.xu,{children:(0,t.jsx)(i.X6,{children:"User Management"})}),(0,t.jsx)(i.Ug,{spacing:-8,children:(0,t.jsxs)(a.BZ,{children:[(0,t.jsx)(a.Z8,{pointerEvents:"none",children:(0,t.jsx)(c.W1,{})}),(0,t.jsx)(a.II,{width:{base:"100%",md:"xs"},mr:"4",placeholder:"Search users",value:u,onChange:function(e){l(e.target.value)}})]})})]}),(0,t.jsx)(re,{search:u})]})})}},1556:function(e,r,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/users",function(){return n(85271)}])},56311:function(e,r,n){"use strict";function t(e,r){if(null==e)return{};var n,t,s=function(e,r){if(null==e)return{};var n,t,s={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||(s[n]=e[n]);return s}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(s[n]=e[n])}return s}n.d(r,{Z:function(){return t}})}},function(e){e.O(0,[729,667,301,773,774,888,179],(function(){return r=1556,e(e.s=r);var r}));var r=e.O();_N_E=r}]);