https://fossilsketch.org/_next/static/chunks/pages/instructor/add_instructor-fde78c09a101b1e1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2513],{8289:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/instructor/add_instructor",function(){return r(7069)}])},7444:function(e,t,r){"use strict";var n=r(2322),i=(r(2784),r(9094)),s=r(6577),a=r.n(s);t.Z=function(e){var t=e.width,r=void 0===t?400:t,s=e.height,c=void 0===s?140:s,o=e.link,l=void 0===o?"/":o;return(0,n.jsx)(i.M,{children:(0,n.jsx)("a",{href:l,children:(0,n.jsx)(a(),{src:"/logos/logo.png",alt:"FossilSketch logo",width:r,height:c})})})}},1783:function(e,t,r){"use strict";var n=r(2322),i=r(2784),s=r(7001),a=r(4736),c=r(7973),o=r(7648),l=r(5092),u=r(3341),d=r(8454),_=r(2183),m=r(5166),h=r(8890),f=r(7444),x=r(4621),v=r.n(x),g=r(9097),p=r.n(g),j=r(5632),b=[{path:"/home",text:"Home",icon:o.Z,visibleTo:[0,1,2]},{path:"/database",text:"Database",icon:l.Z,visibleTo:[0,1,2]},{path:"/progress",text:"Progress",icon:u.Z,visibleTo:[0]}],N=[{path:"/instructor/student_stats",text:"Student Statistics",icon:d.Z,visibleTo:[1,2]},{path:"/instructor/game_builder",text:"Game Builder",icon:_.Z,visibleTo:[2]},{path:"/instructor/new_fossil",text:"New Microfossil",icon:d.Z,visibleTo:[1,2]},{path:"/instructor/new_class",text:"New Class",icon:d.Z,visibleTo:[1,2]},{path:"/instructor/game_builder?tab=matching",text:"Matching Games",icon:d.Z,visibleTo:[2]},{path:"/instructor/add_instructor",text:"Add Instructor",icon:d.Z,visibleTo:[2]},{path:"/instructor/select_content",text:"Select Content",icon:d.Z,visibleTo:[1,2]}];t.Z=function(e){var t=e.handleLogout,r=(0,j.useRouter)(),o=(0,i.useContext)(c.Z),l=o.role,u=o.currentClass,d=o.setRole,_=(0,i.useState)(null!==l&&void 0!==l?l:-1),x=_[0],g=_[1];(0,i.useEffect)((function(){var e=localStorage.getItem("role");if(null!==e){var t=parseInt(e,10);if(!Number.isNaN(t))return g(t),void d(t)}void 0!==l&&null!==l&&l>=0&&g(l)}),[l,d]);var k=(0,i.useState)(!1),w=k[0],C=k[1],S=function(e){var t=e.split("?")[0];return r.pathname===t?"".concat(v().link_icon," ").concat(v().active):v().link_icon},y=function(e){var t=e.split("?")[0];return r.pathname===t?"".concat(v().link," ").concat(v().active):v().link};return(0,n.jsxs)("div",{children:[(0,n.jsxs)(s.d,{opened:w,onClose:function(){return C(!1)},size:"md",padding:"xl",overlayOpacity:.3,classNames:{drawer:v().drawer},children:[(0,n.jsx)("div",{className:v().logo,children:(0,n.jsx)(f.Z,{width:270,height:100,link:"/home"})}),b.map((function(e){return e.visibleTo.includes(x)&&(0,n.jsxs)("div",{className:v().link_container,children:[(0,n.jsx)(e.icon,{className:S(e.path)}),(0,n.jsx)(p(),{href:e.path,children:(0,n.jsx)("a",{className:y(e.path),children:e.text})})]},e.path)})),x>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:v().link_container,children:[(0,n.jsx)(m.Z,{className:v().link_icon}),(0,n.jsx)("div",{className:v().link,style:{cursor:"default"},children:"Manage"})]}),(0,n.jsx)("div",{className:v().instructor_container,children:N.filter((function(e){return"/instru

1ctor/add_instructor"!==e.path||"47"!==u&&"48"!==u})).map((function(e){return e.visibleTo.includes(x)&&(0,n.jsxs)("div",{className:"".concat(v().link_container," ").concat(v().manage_link),children:[(0,n.jsx)(e.icon,{className:S(e.path)}),(0,n.jsx)(p(),{href:e.path,children:(0,n.jsx)("a",{className:y(e.path),children:e.text})})]},e.path)}))})]}),(0,n.jsxs)("div",{className:v().link_container,children:[(0,n.jsx)(h.Z,{className:v().link_icon}),(0,n.jsx)("a",{className:v().link,onClick:function(){return t()},children:"Logout"})]})]}),(0,n.jsx)(a.k,{onClick:function(){return C(!0)},children:(0,n.jsx)("div",{className:v().toggle_menu})})]})}},7069:function(e,t,r){"use strict";r.r(t);var n=r(8788),i=r(865),s=r(6670),a=r(6383),c=r(2970),o=r(2322),l=r(2784),u=r(9094),d=r(1017),_=r(5117),m=r(50),h=r(6720),f=r(7841),x=r(61),v=r(9236),g=r(6991),p=r(9834),j=r(7804),b=r(1019),N=r(9759),k=r(8060),w=r(3575),C=r(1835),S=r(2246),y=r(6324),E=r(1783),Z=r(6329),T=r.n(Z),R=r(2589),I=function(e,t,r,n){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:5e3;(0,w.c0)({id:e,title:t,message:r,color:n,autoClose:i})};t.default=function(e){var t=e.handleLogout,r=(0,b.c)({initialValues:{email:""}}),w=(0,a.Z)((0,N.c)(r.values.email,500),1)[0],Z=(0,k.V)({timeout:500}),z=(0,l.useState)(new Set),M=z[0],A=z[1],D=(0,l.useState)(1),B=D[0],P=D[1],L=(0,l.useState)(""),F=L[0],Q=L[1],O=(0,l.useState)("timestamp"),q=O[0],J=O[1],U=(0,l.useState)("desc"),X=U[0],K=U[1],Y=R.S.useQuery(["register.isRegistered",{email:w,checkInstructorInvitation:!0}],{enabled:Boolean(w),onSuccess:function(e){e.isEmailRegistered&&r.setFieldError("email","Email already in use")}}),H=Y.data,V=void 0===H?{}:H,G=V.isInstructorInvited,W=V.isEmailRegistered,$=R.S.useMutation(["register.instructorRegistrationInvite"]).mutate,ee=R.S.useQuery(["user.getInstructors"]),te=ee.data,re=ee.refetch,ne=(0,l.useMemo)((function(){var e=F.trim().toLowerCase(),t=(te||[]).filter((function(t){var r,n;return!e||((null===(r=t.instructorName)||void 0===r?void 0:r.toLowerCase().includes(e))||(null===(n=t.email)||void 0===n?void 0:n.toLowerCase().includes(e)))}));return t=t.slice().sort((function(e,t){var r="asc"===X?1:-1,n=function(e,t){switch(e){case"name":return t.instructorName||"";case"email":return t.email||"";case"status":return t.status||"";case"referrer":return t.referrerName||"";default:return new Date(t.timestamp).getTime()}},i=n(q,e),s=n(q,t);return i<s?-1*r:i>s?1*r:0}))}),[te,F,q,X]),ie=(0,l.useMemo)((function(){var e=10*(B-1);return ne.slice(e,e+10)}),[ne,B]),se=function(e){J(e),K((function(t){return q===e&&"asc"===t?"desc":"asc"}))},ae=function(){var e=(0,n.Z)((function(e){var t,n;return(0,c.__generator)(this,(function(i){return t={},n={},G?(I("instructorAlreadyInvited","Error","Invitation already sent for this email","red"),[2]):W?(I("exisitingEmail","Error","Cannot invite an already registered email. Update the role of the account from the list","red"),[2]):($((t.email=e.email,t),(n.onSuccess=function(){I("emailSentSuccess","Success","Email invitation has been sent on the email","green"),r.reset(),re()},n.onError=function(e){var t=e.message||"An error occurred while sending instructor registration email",r=e.data;r&&"BAD_REQUEST"===r.code&&I("instructorRegistrationInviteBadRequest","Bad Request",t,"red")},n)),[2])}))}));return function(t){return e.apply(this,arguments)}}(),ce=function(e){var t=e.getDate(),r=["January","February","March","April","May","June","July","August","September","October","November","December"][e.getMonth()],n=e.getFullYear(),i=t%10===1&&11!==t?"st":t%10===2&&12!==t?"nd":t%10===3&&13!==t?"rd":"th",s=e.getHours(),a=e.getMinutes(),c="".concat(s%12||12,":").concat(a.toString().padStart(2,"0")," ").concat(s>=12?"PM":"AM");return"".concat(t).concat(i," ").concat(r," ").concat(n," ").concat(c)};return(0,o.jsxs)("div",{className:T().background,children:[(0,o.jsx)(E.Z,{handleLogout:t}),(0,o.jsx)(u.M,{children:(0,o.jsxs)(d.Z,{className:T().form_card,children:[(0,o.jsxs)("form",{onSubmit:r.onSubmit(ae),children:[(0,o.jsx)(_.x,{className:T().input_label,weight:600,size:"sm",color:"#c8f7f7",children:"Invite an instructor"}),(0,o.jsxs)(m.r,{children:[(0,o.jsx)(m.r.Col,{span:9,children:(0,o.jsx)(h.I,(0,s.Z)((0,i.Z)({size:"sm",name:"email",type:"email"},r.getInputProps("email")),{required:!0,variant:"unstyled",className:T().input_text,placeholder:"[email protected]"}))}),(0,o.jsx)(m.r.Col,{span:3,children:(0,o.jsx)(f.z,{type:"submit",size:"sm",radiu

1s:"md",variant:"filled",children:"Invite"})})]}),(0,o.jsx)(_.x,{className:T().input_error,children:r.errors.email||""})]}),(0,o.jsxs)(_.x,{className:T().instruction,children:["Type in the email of the user and they will receive a link to register as an instructor",(0,o.jsx)("span",{style:{color:"#ff6b6b"},children:"*"})]})]})}),(0,o.jsxs)(d.Z,{className:T().instructor_list_card,children:[(0,o.jsx)("div",{style:{marginBottom:12},children:(0,o.jsx)(x.o,{placeholder:"Search by name or email...",value:F,size:"md",onChange:function(e){Q(e.currentTarget.value),P(1)}})}),(0,o.jsxs)(m.r,{className:"".concat(T().instructor_details," ").concat(T().header_row),children:[(0,o.jsxs)(m.r.Col,{span:3,className:T().header_cell,onClick:function(){return se("name")},children:["Name ","name"===q?"asc"===X?"\u2191":"\u2193":""]}),(0,o.jsxs)(m.r.Col,{span:2,className:T().header_cell,onClick:function(){return se("status")},children:["Status ","status"===q?"asc"===X?"\u2191":"\u2193":""]}),(0,o.jsxs)(m.r.Col,{span:3,className:T().header_cell,onClick:function(){return se("referrer")},children:["Referrer ","referrer"===q?"asc"===X?"\u2191":"\u2193":""]}),(0,o.jsxs)(m.r.Col,{span:3,className:T().header_cell,onClick:function(){return se("timestamp")},children:["Date ","timestamp"===q?"asc"===X?"\u2191":"\u2193":""]}),(0,o.jsx)(m.r.Col,{span:1})]}),ie.map((function(e){return(0,o.jsxs)(m.r,{className:T().instructor_details,children:[(0,o.jsxs)(m.r.Col,{span:3,children:[(0,o.jsx)(v.D,{order:5,color:"black",children:e.instructorName}),(0,o.jsxs)(_.x,{className:T().instructor_email,children:[e.email," ",(0,o.jsx)("span",{className:T().clipboard,onClick:function(){return t=e.email,Z.copy(t),A((function(e){return new Set(e).add(t)})),void setTimeout((function(){A((function(e){var r=new Set(e);return r.delete(t),r}))}),2e3);var t},children:M.has(e.email)?(0,o.jsx)(C.Z,{size:16}):(0,o.jsx)(S.Z,{size:16})})]})]}),(0,o.jsxs)(m.r.Col,{span:2,children:[(0,o.jsx)(_.x,{className:T().label,children:"status"}),(0,o.jsx)(_.x,{style:{color:"Registered"===e.status?"green":"orange"},children:e.status})]}),(0,o.jsxs)(m.r.Col,{span:3,children:[(0,o.jsx)(_.x,{className:T().label,children:"referrer"}),(0,o.jsx)(_.x,{color:"#df9f63",weight:500,children:e.referrerName})]}),(0,o.jsxs)(m.r.Col,{span:3,children:[(0,o.jsx)(_.x,{className:T().label,children:"Registered"===e.status?"registered on":"invited on"}),(0,o.jsx)(_.x,{color:"black",children:ce(new Date(e.timestamp))})]}),(0,o.jsx)(m.r.Col,{span:1,style:{display:"flex",justifyContent:"flex-end",alignItems:"center"},children:(0,o.jsxs)(g.v,{position:"bottom-end",withinPortal:!0,children:[(0,o.jsx)(g.v.Target,{children:(0,o.jsx)(p.A,{variant:"light",size:"sm","aria-label":"Actions",children:(0,o.jsx)(y.Z,{size:18})})}),(0,o.jsx)(g.v.Dropdown,{children:(0,o.jsx)(g.v.Item,{onClick:function(){return t=e.email,void $({email:t},{onSuccess:function(){I("emailResentSuccess","Success","Invitation email resent","green"),re()},onError:function(e){var t=e.message||"An error occurred while resending the invitation email",r=e.data;I("instructorResendInviteError","BAD_REQUEST"===(null===r||void 0===r?void 0:r.code)?"Bad Request":"Error",t,"red")}});var t},disabled:"Registered"===e.status,children:"Resend invite"})})]})})]},e.email)})),(0,o.jsx)(j.t,{className:T().pagination,page:B,onChange:P,total:Math.ceil(ne.length/10)})]})]})}},6329:function(e){e.exports={background:"add_instructor_background__EKP_K",form_card:"add_instructor_form_card__RJ69Q",input_label:"add_instructor_input_label__fE0Tu",input_text:"add_instructor_input_text__CozcY",input_error:"add_instructor_input_error__zyQIq",instruction:"add_instructor_instruction__NHQ0y",instructor_list_card:"add_instructor_instructor_list_card__6Ng6B",instructor_details:"add_instructor_instructor_details__bYz9C",header_row:"add_instructor_header_row__FzcPJ",header_cell:"add_instructor_header_cell__hP4_p",instructor_email:"add_instructor_instructor_email__hY4cP",clipboard:"add_instructor_clipboard__jez0F",label:"add_instructor_label___UU8T",pagination:"add_instructor_pagination___3upg"}},4621:function(e){e.exports={drawer:"sidebar_drawer__KpNLV",logo:"sidebar_logo__3EwEr",link_container:"sidebar_link_container__pZwwX",link_icon:"sidebar_link_icon___D4fO",active:"sidebar_active__zubOB",link:"sidebar_link__gXfrl",instructor_container:"sidebar_instructor_container__K4glu",manage_link:"sidebar_manage_link__MXySh",toggle_menu:"sidebar_toggle_menu__dg0Az"}},9759:function(e,t,r){"use strict";r.d(t,{c:function(){return i}});var n=r(2784);function i(e,t,r={leading:!1}

1){const[i,s]=(0,n.useState)(e),a=(0,n.useRef)(!1),c=(0,n.useRef)(null),o=(0,n.useRef)(!1),l=()=>window.clearTimeout(c.current);return(0,n.useEffect)((()=>{a.current&&(!o.current&&r.leading?(o.current=!0,s(e)):(l(),c.current=window.setTimeout((()=>{o.current=!1,s(e)}),t)))}),[e,r.leading,t]),(0,n.useEffect)((()=>(a.current=!0,l)),[]),[i,l]}}},function(e){e.O(0,[6577,443,7301,5944,7216,3977,8423,9774,2888,179],(function(){return t=8289,e(e.s=t);var t}));var t=e.O();_N_E=t}]);