"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[23],{43:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__spreadArray||function(e,n,t){if(t||2===arguments.length)for(var r,a=0,o=n.length;a<o;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),A=u(t(5954)),p=u(t(2287)),f=u(t(8331)),m=u(t(2313)),g=u(t(6283)),b=t(833),h=t(9218),C=t(4625);n.default=function(){var e=s((0,d.useState)(!0),2),n=e[0],t=e[1],r=s((0,d.useState)(null),2),a=r[0],o=r[1],u=s((0,d.useState)(""),2),v=u[0],x=u[1],y=s((0,d.useState)([]),2),w=y[0],k=y[1],E=s((0,d.useState)(new Set),2),$=E[0],B=E[1],S=(0,C.useHistory)(),_=(0,b.useAppSelector)((function(e){return e.user.id})),I=s((0,b.useActionless)(h.SET_ALERT),1)[0];(0,d.useEffect)((function(){D()}),[]);var D=function(){return i(void 0,void 0,void 0,(function(){var e,n,r,a;return l(this,(function(i){switch(i.label){case 0:return i.trys.push([0,3,4,5]),[4,m.default.get("/api/courses/user/".concat(_))];case 1:return e=i.sent(),n=c(c(c(c([],s(e.instructorCourses),!1),s(e.activeCourses),!1),s(e.pastCourses),!1),s(e.upcomingCourses),!1),[4,m.default.get("/api/courses")];case 2:return r=i.sent(),k(r),B(new Set(n.map((function(e){var n;return null!==(n=e.id)&&void 0!==n?n:-1})))),[3,5];case 3:return a=i.sent(),o(a),[3,5];case 4:return t(!1),[7];case 5:return[2]}}))}))},O=w.filter((function(e){return e.name.toLowerCase().includes(v.toLowerCase())||e.number.toLowerCase().includes(v.toLowerCase())}));return n?d.default.createElement(A.default,{delay:250}):a?d.default.createElement(f.default,{error:a}):d.default.createElement(p.default,null,d.default.createElement("div",{className:g.default.coursesListPage},d.default.createElement("h2",{className:g.default.pageTitle},"Join Course"),d.default.createElement("div",{className:g.default.searchSection},d.default.createElement("input",{type:"text",placeholder:"Search for courses by name or code",value:v,onChange:function(e){return x(e.target.value)}}),d.default.createElement("button",{className:"btnPrimary"},"Search"),d.default.createElement("button",{className:"btnSecondary ".concat(g.default.far_button),onClick:function(){return S.push("/join-course")}},"Join with Code")),d.default.createElement("div",{className:g.default.tableContainer},d.default.createElement("table",null,d.default.createElement("thead",null,d.default.createElement("tr",null,d.default.createElement("th",null,"Title"),d.default.createElement("th",null,"Course Code"),d.default.createElement("th",null,"Semester"),d.default.createElement("th",null,"Join"))),d.default.createElement("tbody",null,O.length>0?O.map((function(e){var n,t;return d.default.createElement("tr",{key:e.id},d.default.createElement("td",null,e.name),d.default.createElement("td",null,e.number),d.default.createElement("td",null,e.semester),d.default.createElement("td",null,d.default.createElement("button",{className:"btnPrimary",style:{width:"100%"},onClick:function(){return void 0!==e.id&&(n=e.id,i(void 0,void 0,void 0,(function(){var e,t;return l(this,(function(r){switch(r.label){case 0:e={userId:_,courseId:n,role:"student",dropped:!1},r.label=1;case 1:return r.trys.push([1,3,,4]),[4,m.default.post("/api/course/".concat(n,"/user-courses"),e)];case 2:return r.sent(),B((function(e){return new Set(e).add(n)})),I({autoDelete:!0,type:"success",message:"Course Joined"}),[3,4];case 3:return t=r.sent(),I({autoDelete:!1,type:"error",message:t.message}),[3,4];case 4:return[2]}}))})));var n},disabled:$.has(null!==(n=e.id)&&void 0!==n?n:-1)},$.has(null!==(t=e.id)&&void 0!==t?t:-1)?"Joined":"Join Course")))})):d.default.createElement("tr",null,d.default.createElement("td",{colSpan:4,className:g.default.noResults},"No courses found.")))))))}},73:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(1286);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},87:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(9402));n.default=function(e){var n=e.className,t=void 0===n?"":n,r=e.children,i=e.loading,l=void 0!==i&&i,s=e.onClick;return a.default.createElement("button",{disabled:l,className:"".concat(o.default.defaultButton," ").concat(l?o.default.isLoading:""," ").concat(t),onClick:s},a.default.createElement("span",{className:o.default.loading}),a.default.createElement("span",{className:o.default.buttonLabel},r))}},262:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540));t(596);var u=t(4625),d=s(t(2287)),A=s(t(2313)),p=t(833),f=s(t(6152)),m=s(t(8729)),g=s(t(5031)),b=t(9218),h=s(t(9158)),C=t(4208);n.default=function(){var e=l((0,p.useActionless)(b.SET_ALERT),1)[0],n=(0,u.useParams)(),t=n.courseId,a=n.assignmentId,o=(0,u.useHistory)(),i=l((0,c.useState)({assignmentId:a,problemName:"",maxScore:""}),2),s=i[0],v=i[1],x=l((0,c.useState)(new Map),2),y=x[0],w=x[1],k=function(e,n){var t=n.target.id,a=(0,C.removeClassFromField)(y,t);w(a),v((function(n){var a;return r(r({},n),((a={})[t]=e,a))}))};return c.default.createElement(d.default,null,c.default.createElement("div",{className:g.default.header},c.default.createElement("div",{className:g.default.smallLine}),c.default.createElement("h1",null,"Assignment Detail Update"),c.default.createElement("div",{className:g.default.largeLine})),c.default.createElement("div",{className:g.default.form},c.default.createElement("label",{htmlFor:"problemName"},"Problem Question *"),c.default.createElement(f.default,{id:"problemName",onChange:k,value:s.problemName,className:y.get("problemName")}),c.default.createElement("label",{htmlFor:"maxScore"},"Max Score *"),c.default.createElement(f.default,{id:"maxScore",onChange:k,value:s.maxScore,className:y.get("maxScore")}),c.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},c.default.createElement(m.default,{variant:"contained",onClick:function(){var n={assignmentId:parseInt(s.assignmentId),problemName:s.problemName,maxScore:parseInt(s.maxScore)};A.default.post("/api/course/".concat(t,"/assignment/").concat(a,"/assignment-problems/"),n).then((function(){e({autoDelete:!0,type:"success",message:"Assignment Problem Added"}),o.goBack()})).catch((function(n){var t=Array.isArray(n)?n.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):n.message,r=(0,C.applyStylesToErrorFields)(n,s,h.default.errorField);w(r),e({autoDelete:!1,type:"error",message:t})})).finally((function(){v({assignmentId:a,problemName:"",maxScore:""})}))},className:g.default.submitBtn},"Create Problem"))))}},339:function(e,n,t){var r=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},a=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},o=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var l=i(t(6540)),s=i(t(5892)),c=t(833),u=i(t(2313)),d=i(t(7623)),A=t(4625),p=t(9218),f=t(833),m=t(4625);n.default=function(){var e=(0,c.useAppSelector)((function(e){return e.user.preferredName||e.user.email})),n=(0,c.useAppSelector)((function(e){return e.user.id})),t=(0,A.useParams)().courseId,i=o((0,f.useActionless)(p.SET_ALERT),1)[0],g=(0,A.useHistory)();return l.default.createElement("div",{className:d.default.dropdown,tabIndex:1},l.default.createElement("button",{className:d.default.trigger},l.default.createElement("label",{className:d.default.name},e),l.default.createElement(s.default,{icon:"user-circle",className:d.default.userIcon}),l.default.createElement(s.default,{icon:"caret-down",className:d.default.caret})),l.default.createElement("div",{className:d.default.menu},l.default.createElement(m.Link,{className:d.default.option,to:"/user/".concat(n,"/update")},"Account"),t&&l.default.createElement("button",{className:d.default.option,onClick:function(){window.confirm("Are you sure you want to drop?")&&u.default.delete("/api/course/".concat(t,"/user-courses")).then((function(){i({autoDelete:!0,type:"success",message:"Course Dropped"}),g.push("/")})).catch((function(e){var n=e.message;i({autoDelete:!1,type:"error",message:n})}))}},"Drop Course"),l.default.createElement("button",{onClick:function(){return r(void 0,void 0,void 0,(function(){return a(this,(function(e){return u.default.get("/api/logout",{credentials:"include"},!0).finally((function(){return window.location.reload()})),[2]}))}))},className:d.default.option,style:{borderBottom:"none",borderBottomRightRadius:"7px",borderBottomLeftRadius:"7px"}},"Logout")))}},472:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=o(t(6540)),d=t(4625),A=c(t(2313)),p=c(t(2287)),f=c(t(2787)),m=c(t(3592)),g=c(t(4604)),b=c(t(401)),h=c(t(2486)),C=c(t(6838)),v=c(t(5153)),x=c(t(564)),y=t(833),w=c(t(7517)),k=t(6621),E=t(5127);n.default=function(){var e=(0,d.useParams)().courseId,n=s((0,u.useState)(null),2),t=n[0],r=n[1],a=s((0,u.useState)({}),2),o=a[0],c=a[1],$=(0,d.useHistory)(),B=(0,y.useAppSelector)((function(e){return e.roleMode})),S=s((0,u.useState)(!1),2),_=S[0],I=S[1],D=function(){return i(void 0,void 0,void 0,(function(){return l(this,(function(n){return A.default.get("/api/course/".concat(e,"/assignments/released")).then((function(e){var n={};e.forEach((function(e){e.categoryName in n?n[e.categoryName].push(e):n[e.categoryName]=[e]})),c(n)})),[2]}))}))};return(0,u.useEffect)((function(){i(void 0,void 0,void 0,(function(){return l(this,(function(n){return A.default.get("/api/courses/".concat(e)).then((function(e){r(e)})),D(),[2]}))}))}),[]),u.default.createElement(p.default,{className:x.default.pageWrapper},u.default.createElement("div",{className:x.default.courseDetailPage},t?u.default.createElement("div",null,u.default.createElement("div",{className:x.default.header},u.default.createElement("h1",{className:x.default.class_title},t.number,": ",t.name),B.isInstructor()&&u.default.createElement("button",{className:"btnPrimary",id:x.default.parallel_button,onClick:function(){$.push("/course/".concat(e,"/update"))}},"Edit Course")),u.default.createElement("div",{className:x.default.subheader},u.default.createElement("div",{className:x.default.meta_container},u.default.createElement("div",null,u.default.createElement("h4",null,"Instructor:")),u.default.createElement("div",null,u.default.createElement("h4",null,"Section:")),u.default.createElement("div",null,u.default.createElement("h4",null,"Semester: "),u.default.createElement("span",null,(0,k.prettyPrintSemester)(t.semester)))),u.default.createElement("div",null,u.default.createElement("h3",{className:x.default.meta_header},"Course Links"),u.default.createElement("div",{className:x.default.buttons_container},u.default.createElement("button",{className:"btnSecondary",onClick:function(){B.isInstructor()?$.push("/course/".concat(e,"/gradebook/instructor")):$.push("/course/".concat(e,"/gradebook"))}},"Gradebook"),u.default.createElement("button",{className:"btnSecondary",onClick:function(){B.isInstructor()?$.push("/course/".concat(e,"/attendance/instructor")):$.push("/course/".concat(e,"/attendance"))}}," Attendance")),u.default.createElement(w.default,{open:_,onClose:function(){D(),I(!1)}}))),u.default.createElement("div",{className:x.default.subheader},u.default.createElement("h3",{className:x.default.meta_header},"Assignments"),B.isInstructor()&&u.default.createElement("button",{className:"btnPrimary",id:x.default.parallel_button,onClick:function(){I(!0)}},"Add Assignment")),u.default.createElement("div",{className:x.default.coursesContainer},Object.keys(o).map((function(n,t){return u.default.createElement(f.default,{key:t,className:x.default.courseCard,style:{borderRadius:"15px",height:"fit-content",boxShadow:"none",backgroundColor:"var(--primary)"}},u.default.createElement(m.default,{sx:{padding:"0"}},u.default.createElement(g.default,{variant:"h5",className:x.default.categoryName,style:{textAlign:"center",fontWeight:600,fontSize:"1.2rem"}},n)),u.default.createElement(b.default,{disablePadding:!0,style:{backgroundColor:"var(--background)",transition:"ease .2s background-color"}},o[n].map((function(n,t){return u.default.createElement(h.default,{key:t,disablePadding:!0,className:x.default.border},u.default.createElement(C.default,{sx:{padding:0},onClick:function(){$.push("/course/".concat(e,"/assignment/").concat(n.id))}},u.default.createElement(v.default,{style:{margin:0},className:x.default.assignmentName,primary:u.default.createElement(g.default,null,n.name),secondary:u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:x.default.due_end},u.default.createElement("span",{style:{fontWeight:"700"}},"Due: "),(0,E.wordPrintDate)(n.dueDate),u.default.createElement("span",null," | "),u.default.createElement("span",{style:{fontWeight:"700"}},"End: "),(0,E.wordPrintDate)(n.endDate)))})))}))))}))),u.default.createElement("div",null,0===Object.keys(o).length&&u.default.createElement("div",{className:"no_items"},"No assignments yet"))):u.default.createElement("h1",null)))}},553:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(6814);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},564:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(7759);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},635:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__rest||function(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var i=o(t(6540)),l=o(t(5892)),s=o(t(553));n.default=function(e){var n=e.buttonClass,t=void 0===n?"":n,o=a(e,["buttonClass"]);return i.default.createElement("button",{onClick:o.onClick,className:"".concat(t," ").concat(s.default.button),"aria-label":o.icon||o.regularIcon},i.default.createElement(l.default,r({},o)))}},790:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(6422));n.default=function(e){var n=e.label;return a.default.createElement("div",{className:o.default.center},a.default.createElement("div",{className:o.default.squares},a.default.createElement("div",{className:o.default.border1},a.default.createElement("div",{className:o.default.core})),a.default.createElement("div",{className:o.default.border2},a.default.createElement("div",{className:o.default.core}))),n&&a.default.createElement("h1",null,n))}},829:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(1082);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},833:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.useAppSelector=n.useActionless=n.useActions=void 0;var r=t(6540),a=t(4993),o=t(8238);n.useActions=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];var t=(0,a.useDispatch)();return(0,r.useMemo)((function(){return e.map((function(e){return(0,o.bindActionCreators)(e,t)}))}),[])},n.useActionless=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];var t=(0,a.useDispatch)();return(0,r.useMemo)((function(){return e.map((function(e){return function(n){return t({type:e,payload:n})}}))}),[])},n.useAppSelector=a.useSelector},968:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__spreadArray||function(e,n,t){if(t||2===arguments.length)for(var r,a=0,o=n.length;a<o;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),A=t(4625),p=u(t(2313)),f=t(9986),m=t(9986),g=u(t(2287)),b=t(2847),h=u(t(7028)),C={"/api":"".concat(h.default.apiUrl)};m.pdfjs.GlobalWorkerOptions.workerSrc="//unpkg.com/pdfjs-dist@".concat(m.pdfjs.version,"/build/pdf.worker.min.mjs"),n.default=function(){var e=(0,A.useParams)(),n=e.courseId,t=e.assignmentId,r=e.submissionId,a=s((0,d.useState)(""),2),o=a[0],u=a[1],m=s((0,d.useState)(""),2),h=m[0],v=m[1],x=(0,b.getToken)(),y=s((0,d.useState)(null),2),w=y[0],k=y[1],E=s((0,d.useState)(0),2),$=E[0],B=E[1];(0,d.useEffect)((function(){S()}),[]),(0,d.useEffect)((function(){o&&h&&_()}),[o,h]);var S=function(){return i(void 0,void 0,void 0,(function(){var e;return l(this,(function(a){switch(a.label){case 0:return a.trys.push([0,2,,3]),[4,p.default.get("/api/course/".concat(n,"/assignment/").concat(t,"/submissions/").concat(r)).then((function(e){var n=JSON.parse(e.content),t=s(n.filepaths[0].split("/"),2),r=t[0],a=t[1];u(r),v(a)}))];case 1:return a.sent(),[3,3];case 2:return e=a.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},_=function(){return i(void 0,void 0,void 0,(function(){var e,t,r,a,i,s;return l(this,(function(l){switch(l.label){case 0:return l.trys.push([0,3,,4]),c="/api/course/".concat(n,"/file-upload/").concat(o,"/").concat(h),u=Object.keys(C).find((function(e){return!!c.startsWith(e)})),e=u?c.replace(u,C[u]):c,[4,fetch(e,{method:"GET",headers:{"Content-Type":"application/pdf",Authorization:"Bearer ".concat(x)}})];case 1:if(!(t=l.sent()).ok)throw new Error("HTTP error! status: ".concat(t.status));return[4,t.arrayBuffer()];case 2:return r=l.sent(),a=new Blob([r],{type:"application/pdf"}),i=new File([a],h,{type:"application/pdf"}),k(i),[3,4];case 3:return s=l.sent(),console.error(s),[3,4];case 4:return[2]}var c,u}))}))};return d.default.createElement(g.default,null,d.default.createElement("div",{style:{maxWidth:"900px",margin:"auto"}},w&&d.default.createElement(f.Document,{file:w,onLoadSuccess:function(e){var n=e.numPages;B(n)}},c([],s(Array($)),!1).map((function(e,n){return d.default.createElement("div",{style:{marginBottom:"20px"}},d.default.createElement(f.Page,{key:n,pageNumber:n+1,renderTextLayer:!1,renderAnnotationLayer:!1,scale:1.5}))})))),d.default.createElement("br",null))}},1029:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._5CyPZTy5hYR\\+NGs98Q1iew\\=\\=,.ESMr1FJI1Nm8UHBna3mmzQ\\=\\=,.XJOA6lCID\\+h\\+\\+7bTcsGKIA\\=\\=,.rlLIDkn4Tyqna6kR-gKS3A\\=\\=,.nwZhIZjavsn5Ti2j82IjYA\\=\\={display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.XJOA6lCID\\+h\\+\\+7bTcsGKIA\\=\\=,.rlLIDkn4Tyqna6kR-gKS3A\\=\\=,.nwZhIZjavsn5Ti2j82IjYA\\=\\={width:125px;height:125px;padding:3px;position:absolute}.ESMr1FJI1Nm8UHBna3mmzQ\\=\\={background-color:rgba(0,0,0,0);width:175px;height:175px}.nwZhIZjavsn5Ti2j82IjYA\\=\\={background:var(--red);animation:_1BuEbRQTkfiVSi8re\\+7mRw\\=\\= 3s ease-in-out 0s infinite}.rlLIDkn4Tyqna6kR-gKS3A\\=\\={background:var(--blue);transform:rotate(45deg);animation:_936mg6gTw0VfElgr\\+ja6wg\\=\\= 3s ease-in-out 0s infinite}.IIEAyB-021Zc6X1iJKLwpg\\=\\={width:100%;height:100%;background-color:var(--background)}.IL3d-RLb6IYGyjh-T2Zaiw\\=\\={color:var(--text-color)}@keyframes _1BuEbRQTkfiVSi8re\\+7mRw\\=\\={0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes _936mg6gTw0VfElgr\\+ja6wg\\=\\={0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}100%{transform:rotate(-315deg)}}","",{version:3,sources:["webpack://./src/components/shared/loaders/spinningSquares.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAQA,iJACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CACA,qBAAA,CAGF,uFAEE,WAdY,CAeZ,YAfY,CAgBZ,WAAA,CACA,iBAAA,CAGF,4BAEE,8BAAA,CACA,WAxBe,CAyBf,YAzBe,CA4BjB,4BAEE,qBCWI,CDVJ,iEAAA,CAGF,4BAEE,sBCCK,CAAA,uBAAA,CDCL,iEAAA,CAGF,4BACE,UAAA,CACA,WAAA,CACA,kCCxCW,CD2Cb,4BACE,uBC3CW,CD8Cb,wCACE,GACE,mBAAA,CAEF,IACE,uBAAA,CAEF,IACE,wBAAA,CAEF,IACE,wBAAA,CAEF,KACE,wBAAA,CAAA,CAIJ,wCACE,GACE,uBAAA,CAEF,IACE,wBAAA,CAEF,IACE,yBAAA,CAEF,IACE,yBAAA,CAEF,KACE,yBAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n$container-size: 175px;\n$square-size: 125px;\n\n$animation: 3s ease-in-out 0s infinite;\n\n.center {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  flex-direction: column;\n}\n\n.border {\n  @extend .center;\n  width: $square-size;\n  height: $square-size;\n  padding: 3px;\n  position: absolute;\n}\n\n.squares {\n  @extend .center;\n  background-color: transparent;\n  width: $container-size;\n  height: $container-size;\n}\n\n.border1 {\n  @extend .border;\n  background: $red;\n  animation: configure-clockwise $animation;\n}\n\n.border2 {\n  @extend .border;\n  background: $blue;\n  transform: rotate(45deg);\n  animation: configure-xclockwise $animation;\n}\n\n.core {\n  width: 100%;\n  height: 100%;\n  background-color: $background;\n}\n\n.label {\n  color: $text-color;\n}\n\n@keyframes configure-clockwise {\n  0% {\n    transform: rotate(0);\n  }\n  25% {\n    transform: rotate(90deg);\n  }\n  50% {\n    transform: rotate(180deg);\n  }\n  75% {\n    transform: rotate(270deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes configure-xclockwise {\n  0% {\n    transform: rotate(45deg);\n  }\n  25% {\n    transform: rotate(-45deg);\n  }\n  50% {\n    transform: rotate(-135deg);\n  }\n  75% {\n    transform: rotate(-225deg);\n  }\n  100% {\n    transform: rotate(-315deg);\n  }\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={center:"_5CyPZTy5hYR+NGs98Q1iew==",squares:"ESMr1FJI1Nm8UHBna3mmzQ==",border:"XJOA6lCID+h++7bTcsGKIA==",border2:"rlLIDkn4Tyqna6kR-gKS3A==",border1:"nwZhIZjavsn5Ti2j82IjYA==","configure-clockwise":"_1BuEbRQTkfiVSi8re+7mRw==","configure-xclockwise":"_936mg6gTw0VfElgr+ja6wg==",core:"IIEAyB-021Zc6X1iJKLwpg==",label:"IL3d-RLb6IYGyjh-T2Zaiw=="};const l=i},1058:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=o(t(6540)),d=c(t(304)),A=t(4625),p=c(t(2264)),f=c(t(2313)),m=function(e){var n=e.match,t=n.url.substr(n.url.lastIndexOf("/")+1),r=t.charAt(0).toUpperCase()+t.slice(1);return u.default.createElement(u.default.Fragment,null,r)},g=[{path:"/:home",breadcrumb:"Home"},{path:"/user/:userId",breadcrumb:function(e){var n=e.match,t=s((0,u.useState)(""),2),r=t[0],a=t[1];(0,u.useEffect)((function(){o()}),[]);var o=function(){return i(void 0,void 0,void 0,(function(){var e;return l(this,(function(t){switch(t.label){case 0:return[4,f.default.get("/api/users/".concat(n.params.userId))];case 1:return e=t.sent(),a(e.externalId),[2]}}))}))};return u.default.createElement(u.default.Fragment,null,r)}},{path:"/course/:courseId",breadcrumb:function(e){var n=e.match,t=s((0,u.useState)(""),2),r=t[0],a=t[1];(0,u.useEffect)((function(){o()}),[]);var o=function(){return i(void 0,void 0,void 0,(function(){var e;return l(this,(function(t){switch(t.label){case 0:return[4,f.default.get("/api/courses/".concat(n.params.courseId))];case 1:return e=t.sent(),a(e.name),[2]}}))}))};return u.default.createElement(u.default.Fragment,null,r)}},{path:"/course/:courseId/:path",breadcrumb:m},{path:"/course/:courseId/assignment/:assignmentId",breadcrumb:function(e){var n=e.match,t=s((0,u.useState)(""),2),r=t[0],a=t[1],o=(0,A.useParams)().courseId;(0,u.useEffect)((function(){c()}),[]);var c=function(){return i(void 0,void 0,void 0,(function(){var e;return l(this,(function(t){switch(t.label){case 0:return[4,f.default.get("/api/course/".concat(o,"/assignments/").concat(n.params.assignmentId))];case 1:return e=t.sent(),a(e.name),[2]}}))}))};return u.default.createElement(u.default.Fragment,null,r)}},{path:"/course/:courseId/assignment/:assignmentId/:path",breadcrumb:m},{path:"/course/:courseId/assignment/:assignmentId/submission/:submissionId",breadcrumb:"Submission"},{path:"/course/:courseId/assignment/:assignmentId/submission/:submissionId/feedback",breadcrumb:"Feedback"}];n.default=(0,d.default)(g,{disableDefaults:!0})((function(e){var n=e.breadcrumbs,t=["assignment","submission"];return u.default.createElement("div",{className:p.default.breadcrumbContainer},n.map((function(e,r){var a=e.breadcrumb,o=e.match,i=o.url;return t.includes(o.params.path)?null:(o.params.home&&(i="/"),u.default.createElement("span",{key:o.url},u.default.createElement(A.Link,{to:i,className:p.default.link}," ",a," "),r<n.length-1&&u.default.createElement("span",{className:p.default.separator}," > ")))})))}))},1082:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".qCd4hgmchuyAiy5yNdMqEQ\\=\\={height:100vh;display:flex;flex-direction:column;overflow-y:auto;padding:0vw}.yBeBC8HkNbvJn8PXdOPvoA\\=\\={flex-grow:1;padding:0px 100px 70px 100px}@media(max-width: 780px){.yBeBC8HkNbvJn8PXdOPvoA\\=\\={padding:0 25px 70px 25px}}","",{version:3,sources:["webpack://./src/components/shared/layouts/pageWrapper.scss"],names:[],mappings:"AAEA,4BAEE,YAAA,CAEA,YAAA,CACA,qBAAA,CAGA,eAAA,CACA,WAAA,CAGF,4BACE,WAAA,CACA,4BAAA,CAGF,yBACE,4BACE,wBAAA,CAAA",sourcesContent:["@import 'variables';\n\n.page {\n  // push footer to bottom of viewport when content doesn't fill viewport\n  height: 100vh;\n\n  display: flex;\n  flex-direction: column;\n\n  //navigation bar should be on top of the page each time\n  overflow-y: auto;\n  padding: 0vw;\n}\n\n.content {\n  flex-grow: 1;\n  padding: 0px $pagePadding 70px $pagePadding;\n}\n\n@media (max-width: $extreme){\n  .content{\n    padding: 0 $phonePadding 70px $phonePadding;\n  }\n}"],sourceRoot:""}]),i.locals={page:"qCd4hgmchuyAiy5yNdMqEQ==",content:"yBeBC8HkNbvJn8PXdOPvoA=="};const l=i},1090:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i};Object.defineProperty(n,"__esModule",{value:!0});var l=o(t(6540)),s=t(2217),c=t(8280);n.default=function(e){var n=e.title,t=e.children,r=e.buttonAction,a=e.open,o=e.onClose,u=e.isSubmittable,d=i((0,l.useState)(c.getCssVariables),2),A=d[0],p=d[1];return(0,l.useEffect)((function(){var e=new MutationObserver((function(){return p((0,c.getCssVariables)())}));return e.observe(document.body,{attributes:!0}),function(){return e.disconnect()}})),l.default.createElement(s.Dialog,{open:a,onClose:o,className:"modal",sx:{"& .MuiPaper-root":{minWidth:"350px",padding:"20px",display:"flex",flexDirection:"column",gap:"20px",borderRadius:"10px",border:"2px solid ".concat(A.primary),background:A.modalBackground}}},l.default.createElement("div",{className:"modal-header"},l.default.createElement("h3",null," ",n," "),l.default.createElement("button",{onClick:o,"aria-label":"close",title:"close",style:{fontWeight:"700px",background:"none"}},"✕")),t,l.default.createElement("button",{onClick:r,disabled:!!u&&!u(),className:"btnPrimary modalAction"},n))}},1112:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=t(4625),i=r(t(8780)),l=r(t(5892)),s=r(t(339)),c=r(t(7428)),u=r(t(4894));n.default=function(){return a.default.createElement("div",{className:c.default.bar},a.default.createElement(o.Link,{to:"/",className:c.default.header},"DevU"),a.default.createElement("div",{className:c.default.controls},a.default.createElement("div",{className:c.default.sidebar},a.default.createElement("button",{className:c.default.hamburger,"aria-label":"menu"},a.default.createElement(l.default,{icon:"bars"})),a.default.createElement("div",{className:c.default.menu},a.default.createElement(u.default,null),a.default.createElement(i.default,null))),a.default.createElement(s.default,null)))}},1197:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=o(t(6540)),d=t(4625),A=c(t(2287)),p=c(t(2313)),f=c(t(7359)),m=c(t(8729)),g=t(833);n.default=function(){var e=s((0,u.useState)(""),2),n=e[0],t=e[1],r=s((0,u.useState)(""),2),a=r[0],o=r[1],c=(0,d.useHistory)(),b=(0,g.useAppSelector)((function(e){return e.user.id}));return u.default.createElement(A.default,{className:f.default.pageWrapper},u.default.createElement("div",{className:f.default.joinCourseContainer},u.default.createElement("h2",null,"Enter course access code"),u.default.createElement("input",{type:"text",placeholder:"e.g. aj3auco9k",value:n,onChange:function(e){return t(e.target.value)},className:f.default.inputField}),a&&u.default.createElement("p",{className:f.default.error},a),u.default.createElement(m.default,{variant:"contained",className:f.default.joinButton,onClick:function(){return i(void 0,void 0,void 0,(function(){var e,t;return l(this,(function(r){switch(r.label){case 0:if(!n.trim())return o("Please enter a valid course code."),[2];r.label=1;case 1:return r.trys.push([1,4,,5]),[4,p.default.get("/api/courses/by-code/".concat(n))];case 2:return e=r.sent(),(t=e.id)?[4,p.default.post("/api/course/".concat(t,"/user-courses"),{userId:b,courseId:t,role:"student",dropped:!1})]:(o("Invalid course code or course not found."),[2]);case 3:return r.sent(),alert("Successfully joined the course!"),c.push("/"),[3,5];case 4:return r.sent(),o("Invalid code or course not found."),[3,5];case 5:return[2]}}))}))}},"Join")))}},1215:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__values||function(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")},u=this&&this.__spreadArray||function(e,n,t){if(t||2===arguments.length)for(var r,a=0,o=n.length;a<o;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))},d=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var A=o(t(6540)),p=d(t(2287)),f=d(t(5954)),m=d(t(8331)),g=d(t(5892)),b=d(t(2313)),h=d(t(5143)),C=t(4625),v=d(t(6152)),x=d(t(3428)),y=function(e){var n=e.user,t=e.assignments,r=e.assignmentScores,a=e.maxScores;return A.default.createElement("tr",{className:h.default.row},n.preferredName?A.default.createElement("td",{className:h.default.name,key:n.preferredName},n.preferredName):A.default.createElement("td",{className:h.default.noName},"No Name Set"),A.default.createElement("td",{className:h.default.email,key:n.email,style:{borderRight:"#ddd 2px solid"}},A.default.createElement("a",{href:"mailto:".concat(n.email)},n.email)),t.map((function(e){var n=r.find((function(n){return n.assignmentId===e.id}));return e.id&&n?n.createdAt?new Date(n.createdAt)>new Date(e.dueDate)?A.default.createElement("td",{className:h.default.late},n.score,"/",a.get(e.id)," ",A.default.createElement("strong",null,"!")):A.default.createElement("td",null,n.score,"/",a.get(e.id)):void 0:e.id&&a.has(e.id)?A.default.createElement("td",{className:h.default.no_submission},"0/",a.get(e.id)," ",A.default.createElement("strong",null,"-")):A.default.createElement("td",null,"N/A")})))},w=function(e){var n=e.users,t=e.assignments,r=e.assignmentScores,a=e.maxScores;return A.default.createElement("table",null,A.default.createElement("thead",null,A.default.createElement("tr",null,A.default.createElement("th",{className:h.default.name,key:"name_head"},"Name"),A.default.createElement("th",{className:h.default.email,key:"email_head"},"Email"),t.map((function(e){return A.default.createElement("th",{key:e.id+"_head"},e.name)})))),A.default.createElement("tbody",null,n.map((function(e){return A.default.createElement(y,{user:e,assignments:t,assignmentScores:r.filter((function(n){return n.userId===e.id})),maxScores:a})}))))};n.default=function(){var e=s((0,A.useState)(!0),2),n=e[0],t=e[1],r=s((0,A.useState)(null),2),a=r[0],o=r[1],d=s((0,A.useState)(new Array),2),y=d[0],k=d[1],E=s((0,A.useState)(new Array),2),$=E[0],B=E[1],S=s((0,A.useState)(new Map),2),_=S[0],I=S[1],D=s((0,A.useState)(new Map),2),O=D[0],P=D[1],j=s((0,A.useState)([]),2),F=j[0],M=j[1],N=s((0,A.useState)(new Array),2),T=N[0],G=N[1],Q=s((0,A.useState)(new Array),2),U=Q[0],W=Q[1],L=s((0,A.useState)(new Array),2),R=L[0],z=L[1],J=(0,C.useParams)().courseId;(0,A.useEffect)((function(){Y()}),[]),(0,A.useEffect)((function(){for(var e=function(e){b.default.get("/api/course/".concat(J,"/assignment/").concat(T[e].id,"/assignment-problems")).then((function(n){I((function(t){var r=new Map(t);return r.set(Number(T[e].id),n),r}))}))},n=0;n<T.length;n++)e(n)}),[T]),(0,A.useEffect)((function(){var e,n,t=function(e,n){if(0!=n.length){var t=n.reduce((function(e,n){return e+n.maxScore}),0);P((function(n){var r=new Map(n);return r.set(e,t),r}))}};try{for(var r=c(_.entries()),a=r.next();!a.done;a=r.next()){var o=s(a.value,2);t(o[0],o[1])}}catch(n){e={error:n}}finally{try{a&&!a.done&&(n=r.return)&&n.call(r)}finally{if(e)throw e.error}}}),[_]),(0,A.useEffect)((function(){var e=u([],s(new Set(T.map((function(e){return e.categoryName})))),!1).map((function(e){return{value:e,label:e}}));M(e)}),[T]);var Y=function(){return i(void 0,void 0,void 0,(function(){var e,n,r,a;return l(this,(function(i){switch(i.label){case 0:return i.trys.push([0,4,5,6]),[4,b.default.get("/api/users/course/".concat(J))];case 1:return e=i.sent(),B(e),k(e),[4,b.default.get("/api/course/".concat(J,"/assignments"))];case 2:return(n=i.sent()).sort((function(e,n){return Date.parse(e.startDate)-Date.parse(n.startDate)})),G(n),W(n),[4,b.default.get("/api/course/".concat(J,"/assignment-scores"))];case 3:return r=i.sent(),z(r),[3,6];case 4:return a=i.sent(),o(a),[3,6];case 5:return t(!1),[7];case 6:return[2]}}))}))};if(n)return A.default.createElement(f.default,{delay:250});if(a)return A.default.createElement(m.default,{error:a});var q=(0,C.useHistory)();return A.default.createElement(p.default,{className:h.default.pageWrapper},A.default.createElement("div",{className:h.default.header},A.default.createElement("h1",{className:h.default.pageTitle},"Instructor Gradebook"),A.default.createElement("div",{className:h.default.buttonContainer},A.default.createElement("button",{className:"btnSecondary",id:"createCoursBtn",onClick:function(){q.push("/course/".concat(J,"/gradebook"))}},"Student View"),A.default.createElement("button",{className:"btnPrimary",id:"backToCourse",onClick:function(){q.goBack()}},"Back to Course"))),A.default.createElement("div",{className:h.default.subheader},A.default.createElement("div",{className:h.default.key},"Key:",A.default.createElement("span",{className:h.default.late},A.default.createElement("strong",null," !")," ",A.default.createElement(g.default,{icon:"arrow-left"})," Late"),", ",A.default.createElement("span",{className:h.default.no_submission},A.default.createElement("strong",null,"- "),A.default.createElement(g.default,{icon:"arrow-left"})," No Submission")),A.default.createElement(v.default,{onChange:function(e){if(0!==e.length){var n=$.filter((function(n){var t;return(null===(t=n.preferredName)||void 0===t?void 0:t.toLowerCase().includes(e.toLowerCase()))||n.email.toLowerCase().includes(e.toLowerCase())}));k(n)}else k($)},className:h.default.textField,id:"name",placeholder:"Search students"}),A.default.createElement(x.default,{className:h.default.dropdown,options:F,onChange:function(e){if(e){var n=e.label,t=T.filter((function(e){return e.categoryName===n}));W(t)}else W(T)}})),A.default.createElement("div",{className:h.default.tableContainer},A.default.createElement(w,{users:y,assignments:U,assignmentScores:R,maxScores:O})))}},1252:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(1565);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},1256:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},s=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},c=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=i(t(6540)),A=t(4625),p=t(9218),f=t(833),m=u(t(2313)),g=u(t(1090));n.default=function(e){var n=e.open,t=e.onClose,a=c((0,f.useActionless)(p.SET_ALERT),1)[0],o=(0,A.useParams)().assignmentId,i=(0,A.useParams)().courseId,u=c((0,d.useState)({title:"",maxScore:"",correctAnswer:"",regex:!1}),2),b=u[0],h=u[1],C=function(){return!!(b.title&&b.maxScore&&b.correctAnswer)},v=function(e){var n=e.target.id,t=e.target.value;h((function(e){var a;return r(r({},e),((a={})[n]=t,a))}))};return d.default.createElement(g.default,{title:"Add Text Problem",buttonAction:function(){return l(void 0,void 0,void 0,(function(){var e,n,r,l;return s(this,(function(s){switch(s.label){case 0:return C?(e=new Date,n=e,r={assignmentId:parseInt(o),problemName:b.title,createdAt:n,maxScore:parseInt(b.maxScore)},l={assignmentId:parseInt(o),question:b.title,createdAt:n,correctString:b.correctAnswer,score:Number(b.maxScore),isRegex:b.regex,metadata:{type:"Text"}},[4,m.default.post("/api/course/".concat(i,"/assignment/").concat(o,"/assignment-problems"),r).then((function(){console.log("PROBLEM CREATED"),a({autoDelete:!0,type:"success",message:"Problem Added"})})).catch((function(e){var n=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message;a({autoDelete:!1,type:"error",message:n})}))]):[2];case 1:return s.sent(),[4,m.default.post("/api/course/".concat(i,"/assignment/").concat(o,"/non-container-auto-graders/"),l).then((function(){console.log("GRADER CREATED"),window.location.reload()})).catch((function(e){var n=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message;a({autoDelete:!1,type:"error",message:n})}))];case 2:return s.sent(),h({title:"",maxScore:"",correctAnswer:"",regex:!1}),t(),[2]}}))}))},open:n,onClose:t,isSubmittable:C},d.default.createElement("div",{className:"input-group"},d.default.createElement("label",{htmlFor:"title",className:"input-label"},"Problem Title:"),d.default.createElement("input",{type:"text",id:"title",onChange:v,placeholder:"e.g. What is the time complexity of MergeSort?"})),d.default.createElement("div",{className:"input-group"},d.default.createElement("label",{htmlFor:"correctAnswer",className:"input-label"},"Correct Answer:"),d.default.createElement("input",{type:"text",id:"correctAnswer",onChange:v,placeholder:"e.g. O(nlogn)"})),d.default.createElement("div",{className:"input-group"},d.default.createElement("label",{htmlFor:"maxScore",className:"input-label"},"Maximum Score:"),d.default.createElement("input",{type:"number",id:"maxScore",onChange:v,placeholder:"e.g. 10",min:"0"})),d.default.createElement("label",{htmlFor:"regex"},"Correct Answer is Regex ",d.default.createElement("input",{type:"checkbox",id:"regex"})))}},1274:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var o=t(2883),i=a(t(1829));n.default=function(e,n){switch(void 0===e&&(e=i.default),n.type){case o.SET_USER:return r({},n.payload);case o.UPDATE_USER:return r(r({},e),n.payload);default:return e}}},1286:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".f7SW5XzhOqYhU3F43eZH3A\\=\\={font-size:1.2rem;font-weight:600;margin:0;padding:15px;background:var(--primary);width:100%;text-align:center;color:#fff;border-radius:10px 10px 0 0;box-sizing:border-box;text-overflow:ellipsis;overflow-wrap:break-word}.MgoJ7Nf5pECxG9HGW64\\+YQ\\=\\={display:flex;justify-content:center;align-items:center;text-align:center;flex-grow:1;font-size:12px;font-weight:500;padding:15px;font-style:italic;flex-wrap:wrap;color:var(--text-color);text-overflow:ellipsis;overflow-wrap:break-word;border-bottom:1px solid #ddd}.f-2pNMNbKeitAB7FGsFShg\\=\\={display:flex;justify-content:center;cursor:default;margin-top:auto;padding:15px;gap:20px}.bFIC3beHkTw-rXsy32XGnw\\=\\={border:0;color:var(--primary);background:none;font-weight:600;margin:0 10px;cursor:pointer;font-size:16px}.fDS06ud3aFBg-yMACQGwdw\\=\\={min-height:8px;background-color:var(--primary);margin-right:10px}.dkws8x8ztIXGZn40800YrQ\\=\\={font-size:1rem;display:inline-block;justify-content:space-between;gap:1.5rem;width:100%}.fDS06ud3aFBg-yMACQGwdw\\=\\={font-size:.8rem;padding:.2rem .5rem;border-radius:.5rem;color:#fff;font-weight:700}.zvRLvnNt\\+4M03lwPa5UM1A\\=\\={font-size:1.125rem;text-decoration:none;margin-bottom:1rem}.fTigS9yVHBWSKum5iQ14ow\\=\\={display:flex;text-decoration:none;gap:1rem}.QtDQ8RXGsJB1z8LcAWgoCA\\=\\={text-decoration:none;border-radius:15px;border:solid 3px var(--primary);border-color:var(--primary);color:var(--text-color);background:none}@media(max-width: 1000px){.dkws8x8ztIXGZn40800YrQ\\=\\={display:block}.f-2pNMNbKeitAB7FGsFShg\\=\\={flex-direction:row;justify-content:space-between;margin-top:auto}}","",{version:3,sources:["webpack://./src/components/listItems/userCourseListItem.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,4BACE,gBAAA,CACA,eAAA,CACA,QAAA,CACA,YAAA,CACA,yBCGQ,CDFR,UAAA,CACA,iBAAA,CACA,UAAA,CACA,2BAAA,CACA,qBAAA,CACA,sBAAA,CACA,wBAAA,CAGF,6BACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CACA,WAAA,CACA,cAAA,CACA,eAAA,CACA,YAAA,CACA,iBAAA,CACA,cAAA,CAEA,uBCtBW,CDuBX,sBAAA,CACA,wBAAA,CACA,4BAAA,CAGF,4BACE,YAAA,CACA,sBAAA,CACA,cAAA,CACA,eAAA,CACA,YAAA,CACA,QAAA,CAGF,4BACE,QAAA,CACA,oBCpCQ,CDqCR,eAAA,CACA,eAAA,CACA,aAAA,CACA,cAAA,CACA,cAAA,CAGF,4BACE,cAAA,CACA,+BC9CQ,CD+CR,iBAAA,CAGF,4BACE,cAAA,CACA,oBAAA,CACA,6BAAA,CACA,UAAA,CACA,UAAA,CAGF,4BACE,eAAA,CACA,mBAAA,CACA,mBAAA,CACA,UAAA,CACA,eAAA,CAGF,6BACE,kBAAA,CACA,oBAAA,CACA,kBAAA,CAGF,4BACE,YAAA,CACA,oBAAA,CACA,QAAA,CAGF,4BACE,oBAAA,CACA,kBAAA,CACA,+BAAA,CACA,2BClFQ,CDmFR,uBCtFW,CDuFX,eAAA,CAIF,0BACE,4BACE,aAAA,CAGF,4BACE,kBAAA,CACA,6BAAA,CACA,eAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n.name {\n  font-size: 1.2rem;\n  font-weight: 600;\n  margin: 0;\n  padding: 15px;\n  background: $primary;\n  width: 100%;\n  text-align: center;\n  color: #FFF;\n  border-radius: 10px 10px 0 0;\n  box-sizing: border-box;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\n}\n\n.No_assignments {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  flex-grow: 1;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 15px;\n  font-style: italic;\n  flex-wrap: wrap;\n  // color: $primary;\n  color: $text-color;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\n  border-bottom: 1px solid #ddd;\n}\n\n.Buttons {\n  display: flex;\n  justify-content: center;\n  cursor: default;\n  margin-top: auto;\n  padding: 15px;\n  gap: 20px;\n}\n\n.sub_button {\n  border: 0;\n  color: $primary;\n  background: none;\n  font-weight: 600;\n  margin: 0 10px;\n  cursor: pointer;\n  font-size: 16px;\n}\n\n.tag {\n  min-height: 8px;\n  background-color: $primary;\n  margin-right: 10px;\n}\n\n.subText {\n  font-size: 1rem;\n  display: inline-block;\n  justify-content: space-between;\n  gap: 1.5rem;\n  width: 100%;\n}\n\n.tag {\n  font-size: 0.8rem;\n  padding: 0.2rem 0.5rem;\n  border-radius: 0.5rem;\n  color: white;\n  font-weight: 700;\n}\n\n.assignment {\n  font-size: 1.125rem;\n  text-decoration: none;\n  margin-bottom: 1rem;\n}\n\n.meta {\n  display: flex;\n  text-decoration: none;\n  gap: 1rem;\n}\n\n.container {\n  text-decoration: none;\n  border-radius: 15px;\n  border: solid 3px $primary;\n  border-color: $primary;\n  color: $text-color;\n  background:none;\n\n}\n\n@media (max-width: $medium) {\n  .subText {\n    display: block;\n  }\n\n  .Buttons {\n    flex-direction: row;\n    justify-content: space-between;\n    margin-top: auto;\n  }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={name:"f7SW5XzhOqYhU3F43eZH3A==",No_assignments:"MgoJ7Nf5pECxG9HGW64+YQ==",Buttons:"f-2pNMNbKeitAB7FGsFShg==",sub_button:"bFIC3beHkTw-rXsy32XGnw==",tag:"fDS06ud3aFBg-yMACQGwdw==",subText:"dkws8x8ztIXGZn40800YrQ==",assignment:"zvRLvnNt+4M03lwPa5UM1A==",meta:"fTigS9yVHBWSKum5iQ14ow==",container:"QtDQ8RXGsJB1z8LcAWgoCA=="};const l=i},1292:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},s=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},c=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=i(t(6540)),A=t(4625),p=u(t(2287)),f=u(t(2313)),m=t(833),g=u(t(6152)),b=u(t(2700)),h=t(9218),C=t(4208),v=u(t(1322));n.default=function(e){var n=c((0,m.useActionless)(h.SET_ALERT),1)[0],t=(0,A.useHistory)(),a=c((0,d.useState)({name:"",number:"",semester:"f0000",isPublic:!1}),2),o=a[0],i=a[1],u=c((0,d.useState)((new Date).toISOString()),2),x=u[0],y=u[1],w=c((0,d.useState)((new Date).toISOString()),2),k=w[0],E=w[1],$=c((0,d.useState)(""),2),B=$[0],S=$[1],_=c((0,d.useState)([]),2),I=_[0],D=_[1],O=c((0,d.useState)(new Map),2),P=O[0],j=O[1],F=c((0,d.useState)((new Date).toISOString().split("T")[0]),2),M=F[0],N=F[1],T=(0,A.useParams)().courseId;(0,d.useEffect)((function(){var e=!1;e||f.default.get("/api/courses/".concat(T)).then((function(n){i({name:n.name,number:n.number,semester:n.semester,isPublic:n.isPublic}),y(new Date(n.startDate).toISOString().split("T")[0]),E(new Date(n.endDate).toISOString().split("T")[0]),N(new Date(n.privateDate).toISOString().split("T")[0]),e=!0}))}),[]);var G=function(e,n){var t=n.target.id,a=(0,C.removeClassFromField)(P,t);j(a),"studentEmail"===t?S(e):i((function(n){var a;return r(r({},n),((a={})[t]=e,a))}))},Q=function(e){var t=e.split("\n"),r=[],a=t[0].toLowerCase().split(",").findIndex((function(e){return["email","e-mail","email address","e-mail address"].includes(e.trim())}));if(-1===a)return console.error("Email field not found in CSV file"),n({autoDelete:!1,type:"error",message:"Email field not found in CSV file"}),[];for(var o=1;o<t.length;o++){var i=t[o].split(",")[a].trim();i&&r.push(i)}return console.log("Parsed emails: ",r),r},U=function(e){return l(void 0,void 0,void 0,(function(){var n,t,r;return s(this,(function(a){switch(a.label){case 0:return a.trys.push([0,2,,3]),[4,f.default.get("/api/users/")];case 1:return n=a.sent(),(t=n.find((function(n){return n.email===e})))?[2,t.id]:(console.log("User not found"),[2,0]);case 2:return r=a.sent(),console.error("Error fetching users:",r),[2,0];case 3:return[2]}}))}))};return d.default.createElement(p.default,null,d.default.createElement("h1",null,"Update Course Form"),d.default.createElement("div",{className:v.default.courseFormWrapper},d.default.createElement("div",{className:v.default.updateDetailsForm},d.default.createElement("h2",null,"Course Details"),d.default.createElement("div",{className:v.default.inputContainer},d.default.createElement(g.default,{id:"name",label:"Course Name*",onChange:G,value:o.name,invalidated:!!P.get("name"),helpText:P.get("name"),defaultValue:o.name}),d.default.createElement(g.default,{id:"number",label:"Course Number*",onChange:G,value:o.number,invalidated:!!P.get("number"),helpText:P.get("number")})),d.default.createElement(b.default,{onDatesChange:function(e){var n=e.startDate,t=e.endDate;y(n),E(t)}}),d.default.createElement("div",{className:v.default.datepickerContainer},d.default.createElement("div",{className:v.default.fieldContainer},d.default.createElement("label",{htmlFor:"start-date"},"Start Date *"),d.default.createElement("input",{type:"date",id:"start-date",value:x,onChange:function(e){y(e.target.value)}})),d.default.createElement("div",{className:v.default.fieldContainer},d.default.createElement("label",{htmlFor:"end-date"},"End Date *"),d.default.createElement("input",{type:"date",id:"end-date",value:k,onChange:function(e){E(e.target.value)}})),d.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"5px"}},d.default.createElement("label",{htmlFor:"private-date"},"Private Date *"),d.default.createElement("input",{type:"date",id:"private-date",value:M,onChange:function(e){N(e.target.value)}})),d.default.createElement("div",null,d.default.createElement("label",null,d.default.createElement("input",{type:"checkbox",checked:o.isPublic,onChange:function(e){i((function(n){return r(r({},n),{isPublic:e.target.checked})}))}}),"Make this course public"))),d.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},d.default.createElement("button",{className:"btnPrimary",onClick:function(){var e={name:o.name,number:o.number,semester:o.semester,startDate:x+"T16:02:41.849Z",endDate:k+"T16:02:41.849Z",isPublic:o.isPublic,privateDate:M+"T16:02:41.849Z"};f.default.put("/api/courses/".concat(T),e).then((function(){n({autoDelete:!0,type:"success",message:"Course Updated"}),t.goBack()})).catch((function(e){var t=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message,r=new Map;Array.isArray(e)&&e.map((function(e){return(0,C.applyMessageToErrorFields)(r,e.param,e.msg)})),j(r),n({autoDelete:!1,type:"error",message:t})})).finally((function(){}))}},"Update Course"))),d.default.createElement("div",{className:v.default.addDropForm},d.default.createElement("h2",null,"Add/Drop Students"),d.default.createElement(g.default,{id:"studentEmail",label:"Email",onChange:G,placeholder:"e.g. hartloff@buffalo.edu",invalidated:!!P.get("studentEmail"),helpText:P.get("studentEmail")}),d.default.createElement("label",{htmlFor:"addDropFile"},"Add multiple students by uploading a CSV file below"),d.default.createElement("input",{type:"file",accept:".csv",id:"addDropFile",onChange:function(e){var n,t=(null===(n=e.target.files)||void 0===n?void 0:n[0])||null;t&&function(e){var n=new FileReader;n.onload=function(e){var n,t=null===(n=e.target)||void 0===n?void 0:n.result,r=Q(t);D(r)},n.readAsText(e)}(t)}}),d.default.createElement("div",{style:{display:"flex",justifyContent:"center",flexDirection:"column",marginTop:"auto",gap:"1rem"}},d.default.createElement("button",{className:"btnPrimary",onClick:function(){var e;console.log("emails: ",I),I.length<1?(console.log("adding single user"),e=B,l(void 0,void 0,void 0,(function(){var t,r,a,o;return s(this,(function(i){switch(i.label){case 0:return[4,U(e)];case 1:if(0==(t=i.sent()))return n({autoDelete:!1,type:"error",message:"userID not found"}),[2];r={userId:t,courseId:T,role:"student",dropped:!1},i.label=2;case 2:return i.trys.push([2,4,,5]),[4,f.default.post("/api/course/".concat(T,"/user-courses"),r)];case 3:return i.sent(),n({autoDelete:!0,type:"success",message:"".concat(e," added to course")}),[3,5];case 4:return a=i.sent(),o=a.message||"An unknown error occurred",n({autoDelete:!1,type:"error",message:o}),[3,5];case 5:return[2]}}))}))):(console.log("adding multiple users"),function(e){l(void 0,void 0,void 0,(function(){var t,r,a,o;return s(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),t={users:e},[4,f.default.post("/api/course/".concat(T,"/user-courses/students/add"),t)];case 1:return r=i.sent(),n({autoDelete:!0,type:"success",message:r.success}),[3,3];case 2:return a=i.sent(),o=a.message||"An unknown error occurred",n({autoDelete:!1,type:"error",message:o}),[3,3];case 3:return[2]}}))}))}(I))}},"Add Student"),d.default.createElement("button",{className:"btnDelete",onClick:function(){var e;I.length<1?(console.log("dropping single user"),e=B,l(void 0,void 0,void 0,(function(){var t,r,a;return s(this,(function(o){switch(o.label){case 0:return[4,U(e)];case 1:if(0==(t=o.sent()))return n({autoDelete:!1,type:"error",message:"userID not found"}),[2];o.label=2;case 2:return o.trys.push([2,4,,5]),[4,f.default.delete("/api/course/".concat(T,"/user-courses/").concat(t))];case 3:return o.sent(),n({autoDelete:!0,type:"success",message:"".concat(e," dropped from course")}),[3,5];case 4:return r=o.sent(),a=r.message||"An unknown error occurred",n({autoDelete:!1,type:"error",message:a}),[3,5];case 5:return[2]}}))}))):(console.log("dropping multiple users"),function(e){l(void 0,void 0,void 0,(function(){var t,r,a,o;return s(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),t={users:e},[4,f.default.post("/api/course/".concat(T,"/user-courses/students/drop"),t)];case 1:return r=i.sent(),n({autoDelete:!0,type:"success",message:r.success}),[3,3];case 2:return a=i.sent(),o=a.message||"An unknown error occurred",n({autoDelete:!1,type:"error",message:o}),[3,3];case 3:return[2]}}))}))}(I))}},"Drop Student")))))}},1322:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(8143);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},1455:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".dkcQNrynqsG26\\+U666Ryvg\\=\\={align-items:center}.FissLvzGnYXiFDicGRnE6A\\=\\={background-color:var(--list-item-background);padding:20px;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.qSW-lgYgdEYIsPfhYt4loA\\=\\={display:flex;flex-direction:column;padding:30px;margin-top:20px}.wrnN3LmBsu5zqPvE0hJVrA\\=\\={display:flex;justify-content:space-between;align-items:flex-start;background-color:var(--list-item-background);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s ease;padding:10px;margin-bottom:10px}.wrnN3LmBsu5zqPvE0hJVrA\\=\\=:hover{transform:scale(1.02)}._95S\\+1PXZUnU7F\\+cL6\\+n7KA\\=\\={color:var(--text-color);padding:10px}","",{version:3,sources:["webpack://./src/components/pages/webhookURLForm.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAIA,6BACI,kBAAA,CAGJ,4BACI,4CCQmB,CDPnB,YAAA,CACA,kBAAA,CACA,oCAAA,CAGJ,4BACI,YAAA,CACA,qBAAA,CACA,YAAA,CAEA,eAAA,CAGJ,4BACI,YAAA,CACH,6BAAA,CACA,sBAAA,CACG,4CCVmB,CDWnB,iBAAA,CACA,mCAAA,CACA,6BAAA,CACA,YAAA,CACA,kBAAA,CAGJ,kCACI,qBAAA,CAGJ,gCACI,uBChCS,CDiCT,YAAA",sourcesContent:["@import 'variables';\n\n\n\n.textField {\n    align-items: center;\n}\n\n.formBackground {\n    background-color: $list-item-background;\n    padding: 20px;\n    border-radius: 10px;\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n}\n\n.webhookURLContainer {\n    display: flex;\n    flex-direction: column;\n    padding: 30px;\n    // width: 100%; \n    margin-top: 20px;\n}\n\n.webhookURLCard {\n    display: flex;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n    background-color: $list-item-background;\n    border-radius: 8px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    transition: transform 0.2s ease; \n    padding: 10px;\n    margin-bottom: 10px;\n}\n\n.webhookURLCard:hover {\n    transform: scale(1.02); \n}\n\n.webhookURLHeading {\n    color: $text-color;\n    padding: 10px;\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={textField:"dkcQNrynqsG26+U666Ryvg==",formBackground:"FissLvzGnYXiFDicGRnE6A==",webhookURLContainer:"qSW-lgYgdEYIsPfhYt4loA==",webhookURLCard:"wrnN3LmBsu5zqPvE0hJVrA==",webhookURLHeading:"_95S+1PXZUnU7F+cL6+n7KA=="};const l=i},1456:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(2287));n.default=function(e){return a.default.createElement(o.default,null,"NotFoundPage Content")}},1536:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._5GLrVEfZAmzOYb1y48B71g\\=\\= .u\\+rfk7Fyk\\+KNM1rnxv720Q\\=\\={display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#fff}._5GLrVEfZAmzOYb1y48B71g\\=\\= h2{color:#000;font-size:24px;margin-bottom:20px}._5GLrVEfZAmzOYb1y48B71g\\=\\= ._1p4IDY0W3\\+\\+SAgwGFw-BLw\\=\\={width:300px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;margin-bottom:15px;text-align:center}._5GLrVEfZAmzOYb1y48B71g\\=\\= .o5WQxdjUlFK3Bnxy0HMARA\\=\\={color:red;font-size:14px;margin-bottom:10px}._5GLrVEfZAmzOYb1y48B71g\\=\\= .aKZqhix5e0rvblIkNs-7WQ\\=\\={background-color:#5645a9 !important;color:#fff !important;padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}._5GLrVEfZAmzOYb1y48B71g\\=\\= .aKZqhix5e0rvblIkNs-7WQ\\=\\=:hover{background-color:#5742d1 !important}","",{version:3,sources:["webpack://./src/components/pages/listPages/joinwithcodepage.scss"],names:[],mappings:"AAEI,2DACI,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,YAAA,CACA,qBAAA,CAGJ,gCACI,UAAA,CACA,cAAA,CACA,kBAAA,CAGJ,4DACI,WAAA,CACA,YAAA,CACA,cAAA,CACA,qBAAA,CACA,iBAAA,CACA,kBAAA,CACA,iBAAA,CAGJ,yDACI,SAAA,CACA,cAAA,CACA,kBAAA,CAGJ,yDACI,mCAAA,CACA,qBAAA,CACA,iBAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CACA,cAAA,CACA,2CAAA,CAGJ,+DACI,mCAAA",sourcesContent:["@import 'variables';\n.pageWrapper{\n    .joinCourseContainer {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        height: 100vh; \n        background-color: #ffffff; \n    }\n\n    h2 {\n        color: #000000;\n        font-size: 24px;\n        margin-bottom: 20px;\n    }\n\n    .inputField {\n        width: 300px;\n        padding: 10px;\n        font-size: 16px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n\n    .error {\n        color: red;\n        font-size: 14px;\n        margin-bottom: 10px;\n    }\n\n    .joinButton {\n        background-color: #5645a9 !important; \n        color: white !important;\n        padding: 10px 20px;\n        font-size: 16px;\n        border: none;\n        border-radius: 5px;\n        cursor: pointer;\n        transition: background-color 0.3s ease-in-out;\n    }\n\n    .joinButton:hover {\n        background-color: #5742d1 !important;\n    }\n}"],sourceRoot:""}]),i.locals={pageWrapper:"_5GLrVEfZAmzOYb1y48B71g==",joinCourseContainer:"u+rfk7Fyk+KNM1rnxv720Q==",inputField:"_1p4IDY0W3++SAgwGFw-BLw==",error:"o5WQxdjUlFK3Bnxy0HMARA==",joinButton:"aKZqhix5e0rvblIkNs-7WQ=="};const l=i},1565:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"h2{text-align:center}p{text-align:center;margin-left:0}._36ptdIRMcVmAPNf3WrhLIA\\=\\={padding:0 100px}._6vIkrPV7bFB89YQIQHGAUg\\=\\={background-color:var(--list-item-background);border-radius:20px;padding:30px;width:50%;height:fit-content}._6vIkrPV7bFB89YQIQHGAUg\\=\\=>h2{margin-top:0}.WKpW3skhkCEiHAKn228wCw\\=\\={width:100%;text-align:center;display:flex;justify-content:space-between;gap:10px}.n\\+ilDClD6PWtWgOz22YPcQ\\=\\={color:var(--text-color);display:flex;align-items:center}._4J57UDO8Ii-ov9xfgqvKxQ\\=\\={white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center}._58578Ek3xZPFk2qfMdUoVg\\=\\={background:none;border:none;color:var(--text-color);cursor:pointer;font-size:.9em}._58578Ek3xZPFk2qfMdUoVg\\=\\=:hover{text-decoration:dashed;color:red}.cG4sNnAxS6x5mltstrYbMQ\\=\\={display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.cG4sNnAxS6x5mltstrYbMQ\\=\\= label{font-weight:600;font-size:.9rem}.cG4sNnAxS6x5mltstrYbMQ\\=\\= input,.cG4sNnAxS6x5mltstrYbMQ\\=\\= select,.cG4sNnAxS6x5mltstrYbMQ\\=\\= textarea{padding:10px;border-radius:8px;border:1px solid #ccc;font-family:inherit;font-size:.95rem}.fHlGuHbTovPfA8XAwOGgAg\\=\\={display:flex;gap:10px}.fHlGuHbTovPfA8XAwOGgAg\\=\\= input{flex:1}.fHlGuHbTovPfA8XAwOGgAg\\=\\= ._2cOYG9OJCVVIf1U-YehOSg\\=\\={white-space:nowrap;padding:8px 15px;font-weight:600}@media(max-width: 1115px){._36ptdIRMcVmAPNf3WrhLIA\\=\\={padding:0 50px}}@media(max-width: 1015px){._36ptdIRMcVmAPNf3WrhLIA\\=\\={padding:0 100px}.cS6YsvFsqj0b6-shuumgmw\\=\\={flex-direction:column;align-items:center}._6vIkrPV7bFB89YQIQHGAUg\\=\\={width:100%}}@media(max-width: 670px){._36ptdIRMcVmAPNf3WrhLIA\\=\\={padding:0 50px}}@media(max-width: 560px){.WKpW3skhkCEiHAKn228wCw\\=\\={flex-direction:column;gap:15px}}","",{version:3,sources:["webpack://./src/components/pages/Attendence/attendancePage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAKA,GACE,iBAAA,CAGF,EACE,iBAAA,CACA,aAAA,CAGF,6BACE,eAAA,CAIF,6BACE,4CCHqB,CDIrB,kBAAA,CACA,YAAA,CACA,SAAA,CACA,kBAAA,CAGF,gCACE,YAAA,CAGF,4BACE,UAAA,CACA,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,QAAA,CAGF,6BACE,uBChCW,CDiCX,YAAA,CACA,kBAAA,CAIF,6BACE,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAGF,6BACE,eAAA,CACA,WAAA,CACA,uBClDW,CDmDX,cAAA,CACA,cAAA,CAGA,mCACE,sBAAA,CACA,SAAA,CAIJ,4BACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,kBAAA,CAEA,kCACE,eAAA,CACA,eAAA,CAGF,0GACE,YAAA,CACA,iBAAA,CACA,qBAAA,CACA,mBAAA,CACA,gBAAA,CAIJ,4BACE,YAAA,CACA,QAAA,CAEA,kCACE,MAAA,CAGF,yDACE,kBAAA,CACA,gBAAA,CACA,eAAA,CAKJ,0BACE,6BACE,cAAA,CAAA,CAIJ,0BACE,6BACE,eAAA,CAGF,4BACE,qBAAA,CACA,kBAAA,CAGF,6BACE,UAAA,CAAA,CAIJ,yBACE,6BACE,cAAA,CAAA,CAIJ,yBACE,4BACE,qBAAA,CACA,QAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n\n\nh2 {\n  text-align: center;\n}\n\np {\n  text-align: center;\n  margin-left: 0;\n}\n\n.pageWrapper {\n  padding: 0 100px;\n}\n\n\n.form {\n  background-color: $list-item-background;\n  border-radius: 20px;\n  padding: 30px;\n  width: 50%;\n  height: fit-content;\n}\n\n.form>h2 {\n  margin-top: 0;\n}\n\n.datepickerContainer {\n  width: 100%;\n  text-align: center;\n  display: flex;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.header {\n  color: $text-color;\n  display: flex;\n  align-items: center;\n}\n\n\n.fileName {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.fileRemovalButton {\n  background: none;\n  border: none;\n  color: $text-color;\n  cursor: pointer;\n  font-size: 0.9em;\n\n\n  &:hover {\n    text-decoration: dashed;\n    color: red;\n  }\n}\n\n.formRow {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-bottom: 15px;\n\n  label {\n    font-weight: 600;\n    font-size: 0.9rem;\n  }\n\n  input, select, textarea {\n    padding: 10px;\n    border-radius: 8px;\n    border: 1px solid #ccc;\n    font-family: inherit;\n    font-size: 0.95rem;\n  }\n}\n\n.code-input-row {\n  display: flex;\n  gap: 10px;\n\n  input {\n    flex: 1;\n  }\n\n  .btnPrimary {\n    white-space: nowrap;\n    padding: 8px 15px;\n    font-weight: 600;\n  }\n}\n\n\n@media (max-width: 1115px) {\n  .pageWrapper {\n    padding: 0 50px;\n  }\n}\n\n@media (max-width: 1015px) {\n  .pageWrapper {\n    padding: 0 100px;\n  }\n\n  .flex {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .form {\n    width: 100%;\n  }\n}\n\n@media (max-width: 670px) {\n  .pageWrapper {\n    padding: 0 50px;\n  }\n}\n\n@media (max-width: 560px) {\n  .datepickerContainer {\n    flex-direction: column;\n    gap: 15px;\n  }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={pageWrapper:"_36ptdIRMcVmAPNf3WrhLIA==",form:"_6vIkrPV7bFB89YQIQHGAUg==",datepickerContainer:"WKpW3skhkCEiHAKn228wCw==",header:"n+ilDClD6PWtWgOz22YPcQ==",fileName:"_4J57UDO8Ii-ov9xfgqvKxQ==",fileRemovalButton:"_58578Ek3xZPFk2qfMdUoVg==",formRow:"cG4sNnAxS6x5mltstrYbMQ==","code-input-row":"fHlGuHbTovPfA8XAwOGgAg==",btnPrimary:"_2cOYG9OJCVVIf1U-YehOSg==",flex:"cS6YsvFsqj0b6-shuumgmw=="};const l=i},1624:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._2Z7zP5hxNYhbRMEwe8Ly\\+g\\=\\={display:absolute;background-color:var(--list-item-background);border-radius:10px;padding:20px;width:50%;left:0;right:0;margin-left:auto;margin-right:auto}","",{version:3,sources:["webpack://./src/components/pages/forms/containers/nonContainerAutoGraderForm.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAIA,8BACI,gBAAA,CACF,4CCWqB,CDVnB,kBAAA,CACA,YAAA,CACA,SAAA,CACA,MAAA,CACA,OAAA,CACA,gBAAA,CACA,iBAAA",sourcesContent:["@import 'variables';\n\n\n\n.form {\n    display: absolute;\n  background-color: $list-item-background;\n    border-radius: 10px;\n    padding: 20px;\n    width: 50%;\n    left: 0; \n    right: 0; \n    margin-left: auto; \n    margin-right: auto; \n  }","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={form:"_2Z7zP5hxNYhbRMEwe8Ly+g=="};const l=i},1625:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._7S--Lnd5JJ3pO1bmu5nacQ\\=\\={display:flex;align-items:center;margin-left:100px;margin-top:10px}.I1geRSSpWPxYrugxF8P17w\\=\\={text-decoration:none;color:var(--text-color)}.I1geRSSpWPxYrugxF8P17w\\=\\=:hover{text-decoration:underline}.uixqRTzhuYvnEgy2TDZuJw\\=\\={color:#888;margin:0 5px}@media(max-width: 780px){._7S--Lnd5JJ3pO1bmu5nacQ\\=\\={margin-left:25px}}","",{version:3,sources:["webpack://./src/components/misc/navbar.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,6BACI,YAAA,CACA,kBAAA,CACA,iBCmFU,CDlFV,eAAA,CAGJ,4BACI,oBAAA,CACA,uBCJS,CDQb,kCACI,yBAAA,CAGJ,4BACI,UAAA,CACA,YAAA,CAGJ,yBACI,6BACI,gBC+DO,CAAA",sourcesContent:["@import 'variables';\n\n\n.breadcrumbContainer {\n    display: flex;\n    align-items: center;\n    margin-left: $pagePadding;\n    margin-top:10px;\n}\n\n.link {\n    text-decoration: none;\n    color: $text-color; /* Breadcrumb link color */\n}\n\n\n.link:hover {\n    text-decoration: underline;\n}\n\n.separator {\n    color: #888; /* Separator color */\n    margin: 0 5px; /* Add spacing between breadcrumbs */\n}\n\n@media (max-width: $extreme) {\n    .breadcrumbContainer{\n        margin-left: $phonePadding;\n    }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={breadcrumbContainer:"_7S--Lnd5JJ3pO1bmu5nacQ==",link:"I1geRSSpWPxYrugxF8P17w==",separator:"uixqRTzhuYvnEgy2TDZuJw=="};const l=i},1829:(e,n)=>{Object.defineProperty(n,"__esModule",{value:!0});n.default={id:void 0,accessToken:"",externalId:"",email:"",createdAt:"",updatedAt:"",preferredName:"",isAdmin:!1}},1935:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=t(8238),o=r(t(2411)),i=r(t(1274)),l=r(t(7697)),s=(0,a.combineReducers)({active:o.default,user:i.default,roleMode:l.default});n.default=s},1945:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(3854);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},2089:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(5864);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},2171:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=t(4625),i=r(t(6027)),l=r(t(5892)),s=r(t(73)),c=r(t(6440));n.default=function(e){var n=e.course,t=e.assignments,r=e.past,u=void 0!==r&&r,d=e.instructor,A=void 0!==d&&d,p=(0,o.useHistory)(),f=new Date;return a.default.createElement(i.default,{to:null,tag:n.number,containerStyle:s.default.container},a.default.createElement("div",{className:s.default.name},n.number+": "+n.name+" ",!0===A&&a.default.createElement(l.default,{icon:"chalkboardUser"})),a.default.createElement("div",{className:s.default.subText},t&&t.length>0?t.map((function(e){return new Date(e.dueDate)>f&&a.default.createElement(c.default,{assignment:e,key:e.id})})):u&&a.default.createElement("div",null),a.default.createElement("div",{className:s.default.Buttons},a.default.createElement("button",{className:s.default.sub_button,onClick:function(e){e.stopPropagation(),p.push("/course/".concat(n.id))}},"COURSE PAGE"),a.default.createElement("button",{className:s.default.sub_button,onClick:function(e){e.stopPropagation(),p.push("/course/".concat(n.id,"/gradebook"))}},"GRADEBOOK"))))}},2182:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(3776));n.default=function(e){var n=e.errors;return a.default.createElement(a.default.Fragment,null,a.default.createElement("label",null,"Validation Errors"),a.default.createElement("div",{className:o.default.errorContainer},!Array.isArray(n)&&n.message&&a.default.createElement("ul",null,a.default.createElement("li",null,n.message)),Array.isArray(n)&&n.map((function(e,n){return a.default.createElement("ul",{key:n},a.default.createElement("li",null,e.param," - ",e.msg))}))))}},2264:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(1625);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},2266:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=t(4625),d=t(9218),A=t(833),p=s(t(2313)),f=s(t(1090));n.default=function(e){var n=e.open,t=e.onClose,a=l((0,A.useActionless)(d.SET_ALERT),1)[0],o=(0,u.useParams)().assignmentId,i=(0,u.useParams)().courseId,s=l((0,c.useState)({title:"",maxScore:""}),2),m=s[0],g=s[1],b=function(){return!(!m.title||!m.maxScore)},h=function(){g({title:"",maxScore:""}),t()},C=function(e){var n=e.target.id,t=e.target.value;g((function(e){var a;return r(r({},e),((a={})[n]=t,a))}))};return c.default.createElement(f.default,{title:"Add Code/File Input Problem",buttonAction:function(){if(b){var e={assignmentId:parseInt(o),problemName:m.title,maxScore:parseInt(m.maxScore)};p.default.post("/api/course/".concat(i,"/assignment/").concat(o,"/assignment-problems"),e).then((function(){a({autoDelete:!0,type:"success",message:"Problem Added"})})).catch((function(e){var n=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message;a({autoDelete:!1,type:"error",message:n})})),h()}},open:n,onClose:h,isSubmittable:b},c.default.createElement("div",{className:"input-group"},c.default.createElement("label",{htmlFor:"title",className:"input-label"},"Problem Title:"),c.default.createElement("input",{type:"text",id:"title",placeholder:"e.g. Application Objective 3",onChange:C})),c.default.createElement("div",{className:"input-group"},c.default.createElement("label",{htmlFor:"maxScore",className:"input-label"},"Maximum Score:"),c.default.createElement("input",{type:"number",id:"maxScore",placeholder:"e.g. 10",min:"0",onChange:C})))}},2287:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(1112)),i=r(t(1058)),l=r(t(8925)),s=r(t(829));n.default=function(e){var n=e.children,t=e.className,r=void 0===t?"":t;return a.default.createElement("div",{className:s.default.page},a.default.createElement(o.default,null),a.default.createElement(i.default,null),a.default.createElement("div",{className:"".concat(s.default.content," ").concat(r)},n),a.default.createElement(l.default,null))}},2313:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},o=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var l=i(t(7028)),s=t(2847),c={"/api":"".concat(l.default.apiUrl)};function u(e){var n=Object.keys(c).find((function(n){return!!e.startsWith(n)}));return n?e.replace(n,c[n]):e}function d(e){var n=e.json().catch((function(n){return function(e,n){if(!n.ok||n.status>=400)throw e;if(e instanceof SyntaxError)return n;throw e}(n,e)}));if("true"===e.headers.get("x-nearing-expiration"))throw new Error("Forced token expiration");return e.ok?n:n.then((function(e){throw e}))}function A(e){throw console.error(e),e}function p(e,n){return fetch(e,n).then(d).catch(A)}n.default={get:function(e,n,t){return void 0===n&&(n={}),void 0===t&&(t=!1),a(this,void 0,void 0,(function(){var a,i,l;return o(this,(function(o){switch(o.label){case 0:return a=u(e),i=r({method:"GET",headers:{accept:"application/json","content-type":"application/json"}},n),t?[3,2]:[4,(0,s.getToken)()];case 1:(l=o.sent())&&(i.headers.authorization="Bearer ".concat(l)),o.label=2;case 2:return[2,p(a,i)]}}))}))},post:function(e,n,t,i){return void 0===t&&(t={}),void 0===i&&(i=!1),a(this,void 0,void 0,(function(){var a,l,c;return o(this,(function(o){switch(o.label){case 0:return a=u(e),l=r({method:"POST",headers:{accept:"application/json","content-type":"application/json"},body:JSON.stringify(n)},t),i?[3,2]:[4,(0,s.getToken)()];case 1:(c=o.sent())&&(l.headers.authorization="Bearer ".concat(c)),o.label=2;case 2:return[2,p(a,l)]}}))}))},put:function(e,n,t){return void 0===t&&(t={}),a(this,void 0,void 0,(function(){var a;return o(this,(function(o){switch(o.label){case 0:return[4,(0,s.getToken)()];case 1:return a=o.sent(),[2,p(u(e),r({method:"PUT",headers:{accept:"application/json","content-type":"application/json",authorization:"Bearer ".concat(a)},body:JSON.stringify(n)},t))]}}))}))},delete:function(e,n){return void 0===n&&(n={}),a(this,void 0,void 0,(function(){var t;return o(this,(function(a){switch(a.label){case 0:return[4,(0,s.getToken)()];case 1:return t=a.sent(),[2,p(u(e),r({method:"DELETE",headers:{accept:"application/json","content-type":"application/json",authorization:"Bearer ".concat(t)}},n))]}}))}))},postMultipart:function(e,n,t){return void 0===t&&(t={}),a(this,void 0,void 0,(function(){var a,i,l;return o(this,(function(o){switch(o.label){case 0:return a=u(e),[4,(0,s.getToken)()];case 1:return i=o.sent(),l=r({method:"POST",headers:{authorization:"Bearer ".concat(i)},body:n},t),[2,p(a,l)]}}))}))},putMultipart:function(e,n,t){return void 0===t&&(t={}),a(this,void 0,void 0,(function(){var a,i,l;return o(this,(function(o){switch(o.label){case 0:return a=u(e),[4,(0,s.getToken)()];case 1:return i=o.sent(),l=r({method:"PUT",headers:{authorization:"Bearer ".concat(i)},body:n},t),[2,p(a,l)]}}))}))},upload:function(e,n,t){return void 0===t&&(t={}),a(this,void 0,void 0,(function(){var a;return o(this,(function(o){switch(o.label){case 0:return[4,(0,s.getToken)()];case 1:return a=o.sent(),[2,p(u(e),r({method:"POST",headers:{authorization:"Bearer ".concat(a)},body:n},t))]}}))}))}}},2393:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=t(6347),d=s(t(7028)),A=s(t(2313)),p=s(t(5580)),f=s(t(5954)),m=s(t(6152)),g=s(t(2182)),b=s(t(6703)),h=function(e){var n=e.providers,t=e.onSelect;return c.default.createElement(c.default.Fragment,null,c.default.createElement("h1",{className:b.default.header},"Select a Login Provider"),c.default.createElement("div",{className:b.default.providerList},n.map((function(e,n){return c.default.createElement("button",{onClick:function(){return t(e)},key:n,className:b.default.providerButton},"Login with ",e.name)}))))},C=function(e){var n=e.provider;if(!n)return p.default.push("/"),null;var t=l((0,c.useState)({}),2),a=t[0],o=t[1],i=l((0,c.useState)(new Array),2),s=i[0],u=i[1],d=n.body,f=void 0===d?[]:d,h=function(e){e.preventDefault();var t=n.route;A.default.post("/api".concat(t),a,{credentials:"include"}).then((function(){window.location.href=window.location.origin})).catch(u)},C=Array.isArray(s)&&s.length>0||!Array.isArray(s)&&s.message;return c.default.createElement(c.default.Fragment,null,c.default.createElement("h1",{className:b.default.header},n.name),c.default.createElement("p",{className:b.default.description},n.description),c.default.createElement("form",{onSubmit:h,className:b.default.submitForm},c.default.createElement("div",{className:b.default.fields},f.map((function(e,n){return c.default.createElement(m.default,{id:"input-".concat(n),type:e,label:e,onChange:function(n){return function(e,n){var t;return o(r(r({},a),((t={})[e]=n,t)))}(e,n)},key:n})}))),C&&c.default.createElement(g.default,{errors:s}),c.default.createElement("button",{onSubmit:h,className:b.default.submit},"Submit")))};n.default=function(e){var n=l((0,c.useState)(!0),2),t=n[0],r=n[1],a=l((0,c.useState)(null),2),o=a[0],i=a[1],s=l((0,c.useState)(new Array),2),m=s[0],g=s[1],v=l((0,c.useState)(),2),x=v[0],y=v[1];return(0,c.useEffect)((function(){A.default.get("/api/login/providers").then(g).catch(i).finally((function(){return r(!1)}))}),[]),t?c.default.createElement(f.default,null):o?c.default.createElement("div",null,"error"):c.default.createElement(u.Router,{history:p.default},c.default.createElement("div",{className:b.default.page},c.default.createElement("div",{className:b.default.card},c.default.createElement(u.Switch,null,c.default.createElement(u.Route,{exact:!0,path:"/login"},c.default.createElement(C,{provider:x})),c.default.createElement(u.Route,null,c.default.createElement(h,{providers:m,onSelect:function(e){if("post"===e.method)return p.default.push("/login"),y(e);window.location.href=d.default.apiUrl+e.route}}))))))}},2411:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var s=i(t(9218)),c=l(t(6690));n.default=function(e,n){return void 0===e&&(e=c.default),n.type===s.SET_ALERT?r(r({},e),{alert:n.payload}):e}},2500:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(6031);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},2521:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=t(4625),i=r(t(6224)),l=r(t(6324)),s=r(t(472)),c=r(t(8664)),u=r(t(1292)),d=r(t(4037)),A=r(t(1456)),p=r(t(5336)),f=r(t(6072)),m=r(t(3973)),g=r(t(6623)),b=r(t(1215)),h=r(t(2534)),C=r(t(4885)),v=r(t(6389)),x=r(t(43)),y=r(t(262)),w=r(t(7609)),k=r(t(968)),E=r(t(43)),$=r(t(1197)),B=r(t(2527)),S=r(t(8939)),_=r(t(3144));n.default=function(){return a.default.createElement(o.Switch,null,a.default.createElement(o.Route,{exact:!0,path:"/",component:d.default}),a.default.createElement(o.Route,{exact:!0,path:"/courses",component:x.default}),a.default.createElement(o.Route,{exact:!0,path:"/addCoursesForm",component:c.default}),a.default.createElement(o.Route,{exact:!0,path:"/user/:userId/update",component:f.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId",component:s.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/preview",component:v.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/update",component:u.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/gradebook",component:g.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/gradebook/instructor",component:b.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId",component:i.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId/update",component:l.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId/createNCAG",component:m.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId/createCAG",component:C.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId/createProblem",component:y.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/webhooks",component:_.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/attendance/instructor",component:B.default}),a.default.createElement(o.Route,{path:"/matchingTable",component:S.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId/submission/:submissionId",component:p.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId/submissions",component:w.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId/submission/:submissionId/feedback",component:h.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId/submission/:submissionId/fileView",component:k.default}),a.default.createElement(o.Route,{path:"/join-course",component:$.default}),a.default.createElement(o.Route,{path:"/",component:E.default}),a.default.createElement(o.Route,{component:A.default}))}},2527:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var s=o(t(6540)),c=l(t(2287)),u=l(t(5195));n.default=function(){var e=i((0,s.useState)(!0),2),n=e[0],t=e[1];return s.default.createElement(c.default,null,s.default.createElement("div",{style:{padding:"2rem"}},s.default.createElement("h2",{style:{marginBottom:"1rem"}},"Instructor Attendance"),s.default.createElement(u.default,{open:n,onClose:function(){return t(!1)}})))}},2534:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=o(t(6540)),d=t(4625),A=c(t(2287)),p=c(t(5954)),f=c(t(8331)),m=c(t(2313));n.default=function(){var e=s((0,u.useState)(!0),2),n=e[0],t=e[1],r=s((0,u.useState)(null),2),a=r[0],o=r[1],c=(0,d.useParams)(),g=c.submissionId,b=c.assignmentId,h=c.courseId,C=s((0,u.useState)(null),2),v=C[0],x=C[1],y=s((0,u.useState)(new Array),2),w=y[0],k=y[1],E=s((0,u.useState)(new Array),2),$=E[0],B=E[1],S=s((0,u.useState)(),2),_=S[0],I=S[1];return(0,u.useEffect)((function(){i(void 0,void 0,void 0,(function(){var e,n,r,a,i,s;return l(this,(function(l){switch(l.label){case 0:return l.trys.push([0,5,6,7]),[4,m.default.get("/api/course/".concat(h,"/assignment/").concat(b,"/submission-scores?submission=").concat(g))];case 1:return e=null!==(s=l.sent().pop())&&void 0!==s?s:null,x(e),[4,m.default.get("/api/course/".concat(h,"/assignment/").concat(b,"/submission-problem-scores/submission/").concat(g))];case 2:return n=l.sent(),k(n),[4,m.default.get("/api/course/".concat(h,"/assignments/").concat(b))];case 3:return r=l.sent(),I(r),[4,m.default.get("/api/course/".concat(h,"/assignment/").concat(b,"/assignment-problems"))];case 4:return a=l.sent(),B(a),[3,7];case 5:return i=l.sent(),o(i),[3,7];case 6:return t(!1),[7];case 7:return[2]}}))}))}),[]),n?u.default.createElement(p.default,{delay:250}):a?u.default.createElement(f.default,{error:a}):u.default.createElement(A.default,null,u.default.createElement("h1",null,"Feedback for ",null==_?void 0:_.name),(null==v?void 0:v.feedback)?u.default.createElement("div",null,u.default.createElement("h2",null,"Overall Feedback:"),u.default.createElement("pre",null,v.feedback)):null," ",u.default.createElement("br",null),w.map((function(e){var n;return u.default.createElement("div",null,u.default.createElement("h2",null,"Feedback for ",null===(n=$.find((function(n){return n.id===e.assignmentProblemId})))||void 0===n?void 0:n.problemName,":"),u.default.createElement("pre",null,e.feedback))})),u.default.createElement(d.Link,{to:"/course/".concat(h,"/assignment/").concat(b,"/submission/").concat(g)},"View Submission Details"))}},2700:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var s=o(t(6540)),c=l(t(1322));n.default=function(e){var n=e.onDatesChange,t=i((0,s.useState)(""),2),r=t[0],a=t[1],o=i((0,s.useState)((new Date).getFullYear().toString()),2),l=o[0],u=o[1],d=i((0,s.useState)(""),2),A=d[0],p=d[1],f=i((0,s.useState)(""),2),m=f[0],g=f[1],b=i((0,s.useState)(""),2),h=b[0],C=b[1],v={2025:{Fall:{"15 week":{start:"2025-09-01",end:"2025-12-15"},"7 week":{start:"2025-09-01",end:"2025-10-20"}},Spring:{"15 week":{start:"2025-02-01",end:"2025-05-15"},"7 week":{start:"2025-02-01",end:"2025-03-20"}},Winter:{"15 days":{start:"2025-01-02",end:"2025-01-17"},"14 days":{start:"2025-01-02",end:"2025-01-16"}},Summer:{"Summer Session I (J)":{start:"2025-06-01",end:"2025-06-30"},"Summer Session II (K)":{start:"2025-07-01",end:"2025-07-31"},"Summer Session III (M)":{start:"2025-08-01",end:"2025-08-30"},"9 Weeks (L)":{start:"2025-06-01",end:"2025-08-01"},"10 Weeks (A)":{start:"2025-06-01",end:"2025-08-10"},"12 Weeks (I)":{start:"2025-05-20",end:"2025-08-10"}}},2026:{Fall:{"15 week":{start:"2026-09-01",end:"2026-12-15"},"7 week":{start:"2026-09-01",end:"2026-10-20"}},Spring:{"15 week":{start:"2026-02-01",end:"2026-05-15"},"7 week":{start:"2026-02-01",end:"2026-03-20"}},Winter:{"15 days":{start:"2026-01-02",end:"2026-01-17"},"14 days":{start:"2026-01-02",end:"2026-01-16"}},Summer:{"Summer Session I (J)":{start:"2026-06-01",end:"2026-06-30"},"Summer Session II (K)":{start:"2026-07-01",end:"2026-07-31"},"Summer Session III (M)":{start:"2026-08-01",end:"2026-08-30"},"9 Weeks (L)":{start:"2026-06-01",end:"2026-08-01"},"10 Weeks (A)":{start:"2026-06-01",end:"2026-08-10"},"12 Weeks (I)":{start:"2026-05-20",end:"2026-08-10"}}},2027:{Fall:{"15 week":{start:"2027-09-01",end:"2027-12-15"},"7 week":{start:"2027-09-01",end:"2027-10-20"}},Spring:{"15 week":{start:"2027-02-01",end:"2027-05-15"},"7 week":{start:"2027-02-01",end:"2027-03-20"}},Winter:{"15 days":{start:"2027-01-02",end:"2027-01-17"},"14 days":{start:"2027-01-02",end:"2027-01-16"}},Summer:{"Summer Session I (J)":{start:"2027-06-01",end:"2027-06-30"},"Summer Session II (K)":{start:"2027-07-01",end:"2027-07-31"},"Summer Session III (M)":{start:"2027-08-01",end:"2027-08-30"},"9 Weeks (L)":{start:"2027-06-01",end:"2027-08-01"},"10 Weeks (A)":{start:"2027-06-01",end:"2027-08-10"},"12 Weeks (I)":{start:"2027-05-20",end:"2027-08-10"}}},2028:{Fall:{"15 week":{start:"2028-09-01",end:"2028-12-15"},"7 week":{start:"2028-09-01",end:"2028-10-20"}},Spring:{"15 week":{start:"2028-02-01",end:"2028-05-15"},"7 week":{start:"2028-02-01",end:"2028-03-20"}},Winter:{"15 days":{start:"2028-01-02",end:"2028-01-17"},"14 days":{start:"2028-01-02",end:"2028-01-16"}},Summer:{"Summer Session I (J)":{start:"2028-06-01",end:"2028-06-30"},"Summer Session II (K)":{start:"2028-07-01",end:"2028-07-31"},"Summer Session III (M)":{start:"2028-08-01",end:"2028-08-30"},"9 Weeks (L)":{start:"2028-06-01",end:"2028-08-01"},"10 Weeks (A)":{start:"2028-06-01",end:"2028-08-10"},"12 Weeks (I)":{start:"2028-05-20",end:"2028-08-10"}}}};return(0,s.useEffect)((function(){!function(){var e,n;if(null===(n=null===(e=v[l])||void 0===e?void 0:e[r])||void 0===n?void 0:n[A]){var t=v[l][r][A],a=t.start,o=t.end;g(a),C(o)}else g(""),C("")}()}),[r,A,l]),(0,s.useEffect)((function(){if(r)switch(r){case"Fall":case"Spring":p("15 week");break;case"Winter":p("15 days");break;case"Summer":p("Summer Session I (J)");break;default:p("")}}),[r]),(0,s.useEffect)((function(){n({startDate:m,endDate:h,semester:r,year:l})}),[m,h,n]),s.default.createElement(s.default.Fragment,null,s.default.createElement("div",{className:"input-subgroup-2col"},s.default.createElement("div",{className:c.default.fieldContainer},s.default.createElement("label",{htmlFor:"season"},"Semester:"),s.default.createElement("select",{id:"season",value:r,onChange:function(e){return a(e.target.value)}},s.default.createElement("option",{value:""},"Select Semester"),s.default.createElement("option",{value:"Fall"},"Fall"),s.default.createElement("option",{value:"Winter"},"Winter"),s.default.createElement("option",{value:"Spring"},"Spring"),s.default.createElement("option",{value:"Summer"},"Summer"))),s.default.createElement("div",{className:c.default.fieldContainer},s.default.createElement("label",{htmlFor:"year"},"Year:"),s.default.createElement("select",{id:"year",value:l,onChange:function(e){return u(e.target.value)}},Array.from({length:4},(function(e,n){return((new Date).getFullYear()+n).toString()})).map((function(e){return s.default.createElement("option",{key:e,value:e},e)}))))),s.default.createElement("div",{className:c.default.fieldContainer},s.default.createElement("label",{htmlFor:"session"},"Session:"),s.default.createElement("select",{id:"session",value:A,onChange:function(e){return p(e.target.value)}},s.default.createElement("option",{value:""},"Select Session"),function(e){switch(e){case"Fall":case"Spring":return[{value:"15 week",label:"15 week"},{value:"7 week",label:"7 week"}];case"Winter":return[{value:"15 days",label:"15 days"},{value:"14 days",label:"14 days"}];case"Summer":return[{value:"Summer Session I (J)",label:"Summer Session I (J)"},{value:"Summer Session II (K)",label:"Summer Session II (K)"},{value:"Summer Session III (M)",label:"Summer Session III (M)"},{value:"9 Weeks (L)",label:"9 Weeks (L)"},{value:"10 Weeks (A)",label:"10 Weeks (A)"},{value:"12 Weeks (I)",label:"12 Weeks (I)"}];default:return[]}}(r).map((function(e){return s.default.createElement("option",{key:e.value,value:e.value},e.label)})))))}},2724:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(3659);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},2739:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=o(t(6540)),d=t(4625),A=c(t(2313)),p=c(t(6255)),f=c(t(5892));n.default=function(e){var n=e.problem,t=e.handleChange,r=e.disabled,a=(0,d.useParams)().courseId,o=s((0,u.useState)([]),2),c=o[0],m=o[1];(0,u.useEffect)((function(){i(void 0,void 0,void 0,(function(){return l(this,(function(e){switch(e.label){case 0:return[4,A.default.get("/api/course/".concat(a,"/assignment/").concat(n.assignmentId,"/non-container-auto-graders")).then((function(e){return m(e)}))];case 1:return e.sent(),[2]}}))}))}),[]);var g=function(){if(c&&c.length>0){var e=c.find((function(e){return e.question==n.problemName&&e.createdAt===n.createdAt}));if(!e||!e.metadata)return;return JSON.parse(e.metadata)}}();if(!g||!g.type)return u.default.createElement("div",{className:p.default.problem},u.default.createElement("div",null,"File Input Problems are not done yet pending backend changes! :D"));var b=g.type;if("Text"==b)return u.default.createElement("div",{key:n.id,className:p.default.problem},u.default.createElement("h4",{className:p.default.problem_header},n.problemName),u.default.createElement("input",{className:p.default.textField,type:"text",placeholder:"Answer",onChange:null!=t?t:void 0,disabled:null!=r&&r,id:n.problemName}));if("MCQ-mult"==b){var h=g.options;return h?u.default.createElement("div",{key:n.id,className:p.default.problem},u.default.createElement("h4",{className:p.default.problem_header},n.problemName),Object.keys(h).map((function(e){return u.default.createElement("label",{key:e,className:p.default.mcqLabel,style:r?{cursor:"default"}:void 0},u.default.createElement("input",{id:n.problemName,type:"checkbox",value:e,onChange:t,disabled:null!=r&&r})," ",h[e],u.default.createElement("span",{className:p.default.checkbox},u.default.createElement(f.default,{icon:"check",className:p.default.checkboxCheck})))}))):u.default.createElement("div",null)}if("MCQ-single"==b){var C=g.options;return C?u.default.createElement("div",{key:n.id,className:p.default.problem},u.default.createElement("h4",{className:p.default.problem_header},n.problemName),Object.keys(C).map((function(e){return u.default.createElement("label",{key:e,className:p.default.mcqLabel,style:r?{cursor:"default"}:void 0},u.default.createElement("input",{id:n.problemName,type:"radio",name:"".concat(n.id,"_answer"),value:e,onChange:t,disabled:null!=r&&r})," ",C[e],u.default.createElement("span",{className:p.default.radio}))}))):u.default.createElement("div",null)}return u.default.createElement("div",null,"Unknown type, something is wrong on the backend!")}},2760:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._3uMbZLNHkV2ZcEbo0g3fCg\\=\\={background-color:var(--primary);color:#fff;text-align:left;margin-top:auto;font-size:14px;font-size:16px;padding:10px 100px;display:flex;flex-direction:row;align-items:center;gap:84px}._3uMbZLNHkV2ZcEbo0g3fCg\\=\\= nav{display:flex;gap:15px;justify-content:flex-start;align-items:center}._3uMbZLNHkV2ZcEbo0g3fCg\\=\\= nav a{color:#fff;text-decoration:none;margin:0 10px}._3uMbZLNHkV2ZcEbo0g3fCg\\=\\= nav a:hover{text-decoration:underline}@media(max-width: 780px){._3uMbZLNHkV2ZcEbo0g3fCg\\=\\={padding:10px 25px}}","",{version:3,sources:["webpack://./src/components/misc/footer.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,6BACE,+BCQQ,CDPR,UAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CACA,cAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAGA,iCACE,YAAA,CACA,QAAA,CACA,0BAAA,CACA,kBAAA,CAEA,mCACE,UAAA,CACA,oBAAA,CACA,aAAA,CAEA,yCACE,yBAAA,CAKR,yBACE,6BACE,iBAAA,CAAA",sourcesContent:["@import 'variables';\n\n.footer {\n  background-color: $primary;\n  color: #fff;\n  text-align: left;\n  margin-top: auto;\n  font-size: 14px;\n  font-size: 16px;\n  padding: 10px $pagePadding;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 84px;\n\n\n  nav {\n    display: flex;\n    gap: 15px;\n    justify-content: flex-start; /* Ensure it aligns left */\n    align-items: center;\n\n    a {\n      color: #fff;\n      text-decoration: none;\n      margin: 0 10px;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n}\n@media (max-width: $extreme){\n  .footer{\n    padding: 10px $phonePadding;\n  }\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={footer:"_3uMbZLNHkV2ZcEbo0g3fCg=="};const l=i},2847:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.getToken=n.decodeAccessToken=void 0;var o=a(t(2313)),i=a(t(5772)),l=t(2883);function s(e){var n=e.split(".")[1].replace(/-/g,"+").replace(/_/g,"/"),t=decodeURIComponent(atob(n).split("").map((function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)})).join(""));return JSON.parse(t)}function c(e){var n=e.accessToken,t=i.default.getState(),a=r(r({},t.user),{accessToken:n});return i.default.dispatch({type:l.SET_USER,payload:a}),n}n.decodeAccessToken=s,n.getToken=function(){var e=i.default.getState().user.accessToken;if(!e)return"";var n=s(e);return n.exp&&Math.round(Date.now()/1e3)<n.exp-60?e:o.default.get("/api/login",{credentials:"include"}).then(c).catch((function(){return window.location.reload(),""}))}},2883:(e,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.UPDATE_USER=n.SET_USER=void 0,n.SET_USER="SET_USER",n.UPDATE_USER="UPDATE_USER"},3143:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".dC\\+AoCIYYbNw5OjDS6RhfQ\\=\\={display:flex;align-items:baseline;gap:20px;padding:20px;justify-content:center}._2hUwuBWyicJVNDdj-8EUnA\\=\\={display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.FaPpMFzphVw-1CEtvF\\+mFQ\\=\\={width:100%;text-align:left;flex-direction:column;overflow-wrap:anywhere;display:flex;align-items:flex-start}.S6W9qsc3VUh9MeiXAfUhWQ\\=\\={display:flex;flex-direction:column;gap:10px;margin-left:auto;padding:20px;width:100%;box-sizing:border-box;font-size:16px;transition:ease .2s background-color;background-color:var(--list-item-background-hover);border-radius:20px}.qFrUEgBMKYjFA0p5skXSUA\\=\\={display:inline-block;height:fit-content;word-wrap:break-word}.nSXPoXlSsZ1LdCFfAfJHTQ\\=\\={color:var(--text-color);display:grid;grid-template-columns:1fr 2.5fr 1fr;justify-items:center;align-items:center}.xYVLvB6X2sVVk71JO512pA\\=\\={width:100%;display:flex;justify-content:center;gap:20px}.LlALnMmInVG7ZoPKR1ahZQ\\=\\={display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.gZsnlJGs55uZfUE1JsvGFg\\=\\={width:30%}.pCtydvTR4f6T1VEgyDffhw\\=\\={width:50%;gap:10px}.YvhNNiitP\\+nsNfW6I5WYDQ\\=\\={font-style:italic;text-align:center;margin-top:10px}.wSzjRFDZ6zSl7S\\+QtF\\+SrA\\=\\={display:flex;flex-direction:column;align-items:center;width:100%}.ywXr9FiD-ezJQfXWHfViNg\\=\\={display:flex;align-items:center;margin-top:10px;align-self:flex-start;gap:10px;margin:auto}.qcIIns4yvOyhPW8uMMiS-Q\\=\\={color:var(--text-color);cursor:pointer}.zkgxa7j0tr8YhFlhs\\+TYeg\\=\\={text-decoration:underline;cursor:pointer}.zkgxa7j0tr8YhFlhs\\+TYeg\\=\\={text-decoration:underline;cursor:pointer}.GTg3BqjZc7iWdQ3V09bhPw\\=\\={border:none;height:2px;background-color:var(--list-item-background);width:100%;margin-top:10px}.fZrY2xudW1Y58eyKpGrRRw\\=\\={background-color:var(--list-item-background);border-radius:8px;padding:20px;width:300px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:20px}.QA4Mc5jU1hu3\\+nqC8qGPlQ\\=\\={font-size:20px;font-weight:550;margin-bottom:15px;color:var(--text-color);text-align:center}.o26PgjU5CX1l8APZmSXzFg\\=\\={display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}._0BXCDLSu0TQnLsgHuqpIdw\\=\\={color:var(--primary);background-color:var(--list-item-background);padding:10px 20px;border-radius:15px;cursor:pointer;font-size:15px;border:none;width:fit-content;text-align:center;margin-left:20px}._0BXCDLSu0TQnLsgHuqpIdw\\=\\=:hover{background-color:var(--list-item-background-hover)}._8wCKZJ7-C-5L\\+wYlBGhKCg\\=\\={background-color:var(--list-item-background);border-radius:8px;padding:20px;width:100%;box-shadow:0 4px 8px rgba(0,0,0,.1);width:800px}._0v65x9sH-AKFlRVuHnFs-A\\=\\={background-color:var(--list-item-background);box-shadow:none;border:1px solid #ddd;margin-bottom:10px}._51R2i7Sz2D9Rm3YPIRs4-g\\=\\={background-color:var(--list-item-background);padding:10px;border-top:1px solid #ddd}.uPZ-9BN\\+geu7pelh9x9IzQ\\=\\={font-size:16px;color:#333}.byZE\\+cT7\\+xEu3MK1ppatiA\\=\\={display:flex;justify-content:center;align-items:center;margin-top:20px;background-color:var(--list-item-background)}.B3YmEV3MnDVc\\+52XcqCzVQ\\=\\={margin-top:10px;margin-bottom:20px}._3pC5cXIczq6ADVBHiXx7Bg\\=\\={margin-bottom:15px;background-color:var(--list-item-background)}.qXWJ2NgVFUAV54-PKUIm4A\\=\\={margin-top:20px}.lhROzZG1KH6KcUnPiNkWwA\\=\\={font-size:14px;color:var(--text-color);margin-top:5px;margin-bottom:15px}.huMScBKyLKRXJLwE3-b4AQ\\=\\={display:flex;flex-direction:column;width:100%;margin-top:20px}._3pC5cXIczq6ADVBHiXx7Bg\\=\\={display:flex;justify-content:space-between;align-items:flex-start;border-radius:8px;background-color:var(--background);border:2px solid var(--primary);transition:all .2s ease;padding:10px;cursor:pointer}._3pC5cXIczq6ADVBHiXx7Bg\\=\\=:hover{background-color:var(--purple-lightest)}.H18EMryd8iaGFZc6l2ujCQ\\=\\={color:var(--primary);padding:10px}.gjGBD1Jb0y7v9BL0YMc79w\\=\\={font-size:14px;color:var(--text-color);margin-top:5px;padding:10px}@media(max-width: 780px){.dC\\+AoCIYYbNw5OjDS6RhfQ\\=\\={flex-direction:column;align-items:center;padding:15px}._8wCKZJ7-C-5L\\+wYlBGhKCg\\=\\={width:90%;max-width:500px;margin:0 auto;padding:20px}.o26PgjU5CX1l8APZmSXzFg\\=\\={flex-direction:column;justify-content:center;width:100%;gap:10px}._0BXCDLSu0TQnLsgHuqpIdw\\=\\={width:auto;padding:10px 20px;font-size:15px;margin:0}.fZrY2xudW1Y58eyKpGrRRw\\=\\={background-color:var(--list-item-background);border-radius:8px;padding:20px;width:200px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:20px}.pCtydvTR4f6T1VEgyDffhw\\=\\={width:100%}}@media(max-width: 370px){.nSXPoXlSsZ1LdCFfAfJHTQ\\=\\={align-items:center;padding:10px}.fZrY2xudW1Y58eyKpGrRRw\\=\\=,._8wCKZJ7-C-5L\\+wYlBGhKCg\\=\\={width:100%;max-width:100%;padding:15px}._0BXCDLSu0TQnLsgHuqpIdw\\=\\={padding:10px;font-size:14px}.huMScBKyLKRXJLwE3-b4AQ\\=\\={padding:10px}}","",{version:3,sources:["webpack://./src/components/pages/assignments/assignmentDetailPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,6BACC,YAAA,CACA,oBAAA,CACA,QAAA,CACA,YAAA,CACA,sBAAA,CAGD,6BACI,YAAA,CACA,6BAAA,CACA,QAAA,CACA,eAAA,CAGJ,6BACI,UAAA,CACA,eAAA,CACA,qBAAA,CACA,sBAAA,CACA,YAAA,CACA,sBAAA,CAGJ,4BACI,YAAA,CACA,qBAAA,CACA,QAAA,CACA,gBAAA,CACA,YAAA,CACA,UAAA,CACA,qBAAA,CACA,cAAA,CACA,oCAAA,CACA,kDCnByB,CDoBzB,kBAAA,CAGJ,4BACI,oBAAA,CACA,kBAAA,CACA,oBAAA,CAGJ,4BACI,uBCxCS,CDyCT,YAAA,CACA,mCAAA,CACA,oBAAA,CACA,kBAAA,CAGJ,4BACI,UAAA,CACA,YAAA,CAEA,sBAAA,CACA,QAAA,CAGJ,4BACI,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CACA,cAAA,CACA,wBAAA,CAGJ,4BACI,SAAA,CAGJ,4BACI,SAAA,CACA,QAAA,CAGJ,6BACI,iBAAA,CACA,iBAAA,CACA,eAAA,CAGJ,8BACC,YAAA,CACG,qBAAA,CACA,kBAAA,CACA,UAAA,CAEJ,4BACI,YAAA,CACA,kBAAA,CACA,eAAA,CACA,qBAAA,CACA,QAAA,CACA,WAAA,CAGJ,4BACI,uBC/FS,CDgGT,cAAA,CAGJ,6BACI,yBAAA,CACA,cAAA,CAGJ,6BACI,yBAAA,CACA,cAAA,CAIJ,4BACI,WAAA,CACA,UAAA,CACA,4CCxGmB,CDyGnB,UAAA,CACA,eAAA,CAGJ,4BACI,4CC9GmB,CD+GnB,iBAAA,CACA,YAAA,CACA,WAAA,CACA,mCAAA,CACH,WAAA,CAID,6BACI,cAAA,CACA,eAAA,CACA,kBAAA,CACA,uBCpIS,CDqIZ,iBAAA,CAID,4BACI,YAAA,CACA,qBAAA,CACH,kBAAA,CACA,sBAAA,CACG,QAAA,CAKJ,6BACI,oBCjJM,CDkJN,4CC5ImB,CD6InB,iBAAA,CACH,kBAAA,CACG,cAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CACH,iBAAA,CACA,gBAAA,CAID,mCACI,kDCxJyB,CD4J7B,8BACC,4CC9JsB,CD+JnB,iBAAA,CACA,YAAA,CACA,UAAA,CACA,mCAAA,CACH,WAAA,CAGD,6BACI,4CCvKmB,CDwKnB,eAAA,CACA,qBAAA,CACA,kBAAA,CAGJ,6BACI,4CC9KmB,CD+KnB,YAAA,CACA,yBAAA,CAEJ,6BACI,cAAA,CACA,UAAA,CAEJ,8BACI,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,eAAA,CACA,4CC3LmB,CD8LvB,6BACC,eAAA,CACG,kBAAA,CAGJ,6BACC,kBAAA,CACG,4CCrMmB,CDwMvB,4BACC,eAAA,CAGD,4BACI,cAAA,CACA,uBCvNS,CDwNT,cAAA,CACA,kBAAA,CAIJ,4BACI,YAAA,CACA,qBAAA,CACA,UAAA,CACA,eAAA,CAIJ,6BACC,YAAA,CACA,6BAAA,CACA,sBAAA,CACG,iBAAA,CACA,kCC3OS,CD4OT,+BAAA,CACA,uBAAA,CACA,YAAA,CACA,cAAA,CAGJ,mCACI,uCAAA,CAGJ,4BACI,oBCnPM,CDoPN,YAAA,CAIJ,4BACI,cAAA,CACA,uBC7PS,CD8PT,cAAA,CACA,YAAA,CAGJ,yBACI,6BACI,qBAAA,CACA,kBAAA,CACA,YAAA,CAGJ,8BACI,SAAA,CACA,eAAA,CACA,aAAA,CACA,YAAA,CAGJ,4BACI,qBAAA,CACA,sBAAA,CACA,UAAA,CACA,QAAA,CAGJ,6BACI,UAAA,CACA,iBAAA,CACA,cAAA,CACA,QAAA,CAEJ,4BACI,4CCrRe,CDsRf,iBAAA,CACA,YAAA,CACA,WAAA,CACA,mCAAA,CACH,WAAA,CAED,4BACI,UAAA,CAAA,CAIR,yBACI,4BACI,kBAAA,CACA,YAAA,CAGJ,0DACI,UAAA,CACA,cAAA,CACA,YAAA,CAGJ,6BACI,YAAA,CACA,cAAA,CAGJ,4BACI,YAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n.wrap {\n\tdisplay:flex;\n\talign-items: baseline;\n\tgap:20px;\n\tpadding:20px;\n\tjustify-content:center;\n}\n\n.details{\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    margin-top: 10px;\n}\n\n.assignmentDetails{\n    width: 100%;\n    text-align: left;\n    flex-direction: column;\n    overflow-wrap: anywhere;\n    display: flex;\n    align-items: flex-start;\n}\n\n.submissionDetails{\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    margin-left: auto;\n    padding: 20px;\n    width: 100%;\n    box-sizing: border-box;\n    font-size: 16px;\n    transition: ease .2s background-color;\n    background-color: $list-item-background-hover;\n    border-radius: 20px\n}\n\n.metaText{\n    display: inline-block;\n    height: fit-content;\n    word-wrap: break-word;\n}\n\n.header {\n    color: $text-color;\n    display: grid;\n    grid-template-columns: 1fr 2.5fr 1fr;\n    justify-items: center;\n    align-items: center;\n}\n\n.problems_section{\n    width: 100%;\n    display: flex;\n    // justify-content: space-between;\n    justify-content: center;\n    gap: 20px;\n}\n\n.options_section{\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap:10px;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n}\n\n.file_upload {\n    width: 30%;\n}\n\n.problems_list{\n    width: 50%;\n    gap: 10px;\n}\n\n.no_problems{\n    font-style: italic;\n    text-align: center;\n    margin-top: 10px;\n}\n\n.submit_container{\n\tdisplay: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%; \n}\n.affirmation{\n    display: flex;\n    align-items: center;\n    margin-top: 10px;\n    align-self: flex-start;\n    gap: 10px;\n    margin: auto;\n}\n\n.affirmText{\n    color: $text-color;\n    cursor: pointer;\n}\n\n.handinHistory{\n    text-decoration: underline;\n    cursor: pointer;\n}\n\n.handinHistory{\n    text-decoration: underline;\n    cursor: pointer\n}\n\n\n.line {\n    border: none;\n    height: 2px;\n    background-color: $list-item-background;\n    width: 100%;\n    margin-top: 10px;\n}\n\n.card {\n    background-color: $list-item-background;\n    border-radius: 8px;\n    padding: 20px;\n    width: 300px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n\tmargin: 20px;\n}\n\n\n.card_heading {\n    font-size: 20px;\n    font-weight: 550;\n    margin-bottom: 15px;\n    color: $text-color;\n\ttext-align: center;\n}\n\n\n.options_buttons {\n    display: flex;\n    flex-direction: column; \n\talign-items: center;\n\tjustify-content: center;\n    gap: 10px; \n    \n}\n\n\n.buttons {\n    color: $primary;\n    background-color: $list-item-background;\n    padding: 10px 20px;\n\tborder-radius:15px;\n    cursor: pointer;\n    font-size: 15px;\n    border: none;\n    width: fit-content;\n\ttext-align: center;\n\tmargin-left: 20px;\n}\n\n\n.buttons:hover {\n    background-color: $list-item-background-hover;\n\n}\n\n.assignment_card {\n\tbackground-color: $list-item-background;\n    border-radius: 8px;\n    padding: 20px;\n    width: 100%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n\twidth:800px;\n}\n\n.accordion {\n    background-color: $list-item-background;\n    box-shadow: none;\n    border: 1px solid #ddd;\n    margin-bottom: 10px; \n}\n\n.accordionDetails {\n    background-color:$list-item-background; \n    padding: 10px;\n    border-top: 1px solid #ddd;\n}\n.typography {\n    font-size: 16px;\n    color: #333;\n}\n.gridContainer {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 20px; \n    background-color: $list-item-background;\n}\n\n.textField {\n\tmargin-top: 10px;\n    margin-bottom: 20px; \n}\n\n.submissionCard {\n\tmargin-bottom : 15px;\n    background-color: $list-item-background;\n}\n\n.fileInput {\n\tmargin-top: 20px;\n}\n\n.due_date {\n    font-size: 14px;\n    color: $text-color; \n    margin-top: 5px; \n    margin-bottom: 15px; \n}\n\n\n.submissionsContainer {\n    display: flex;\n    flex-direction: column;\n    width: 100%; \n    margin-top: 20px;\n}\n\n\n.submissionCard {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n    border-radius: 8px;\n    background-color: $background;\n    border: 2px solid $primary;\n    transition: all 0.2s ease; \n    padding: 10px;\n    cursor: pointer;\n}\n\n.submissionCard:hover {\n    background-color: var(--purple-lightest);\n}\n\n.submissionHeading {\n    color: $primary;\n    padding: 10px;\n}\n\n\n.submissionTime {\n    font-size: 14px;\n    color: $text-color; \n    margin-top: 5px;\n    padding: 10px;\n}\n\n@media (max-width: $extreme) {\n    .wrap {\n        flex-direction: column;\n        align-items: center;\n        padding: 15px;\n    }\n\n    .assignment_card {\n        width: 90%;\n        max-width: 500px;\n        margin: 0 auto; \n        padding: 20px;\n    }\n\n    .options_buttons {\n        flex-direction: column;\n        justify-content: center; \n        width: 100%;\n        gap: 10px;\n    }\n\n    .buttons {\n        width: auto; \n        padding: 10px 20px;\n        font-size: 15px;\n        margin: 0;\n    }\n    .card {\n        background-color: $list-item-background;\n        border-radius: 8px;\n        padding: 20px;\n        width: 200px;\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n\t    margin: 20px;\n    }\n    .problems_list{\n        width: 100%;\n    }\n}\n\n@media (max-width: 370px) {\n    .header {\n        align-items: center;\n        padding: 10px;\n    }\n\n    .card, .assignment_card {\n        width: 100%;\n        max-width: 100%;\n        padding: 15px;\n    }\n\n    .buttons {\n        padding: 10px;\n        font-size: 14px;\n    }\n\n    .submissionsContainer {\n        padding: 10px;\n    }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={wrap:"dC+AoCIYYbNw5OjDS6RhfQ==",details:"_2hUwuBWyicJVNDdj-8EUnA==",assignmentDetails:"FaPpMFzphVw-1CEtvF+mFQ==",submissionDetails:"S6W9qsc3VUh9MeiXAfUhWQ==",metaText:"qFrUEgBMKYjFA0p5skXSUA==",header:"nSXPoXlSsZ1LdCFfAfJHTQ==",problems_section:"xYVLvB6X2sVVk71JO512pA==",options_section:"LlALnMmInVG7ZoPKR1ahZQ==",file_upload:"gZsnlJGs55uZfUE1JsvGFg==",problems_list:"pCtydvTR4f6T1VEgyDffhw==",no_problems:"YvhNNiitP+nsNfW6I5WYDQ==",submit_container:"wSzjRFDZ6zSl7S+QtF+SrA==",affirmation:"ywXr9FiD-ezJQfXWHfViNg==",affirmText:"qcIIns4yvOyhPW8uMMiS-Q==",handinHistory:"zkgxa7j0tr8YhFlhs+TYeg==",line:"GTg3BqjZc7iWdQ3V09bhPw==",card:"fZrY2xudW1Y58eyKpGrRRw==",card_heading:"QA4Mc5jU1hu3+nqC8qGPlQ==",options_buttons:"o26PgjU5CX1l8APZmSXzFg==",buttons:"_0BXCDLSu0TQnLsgHuqpIdw==",assignment_card:"_8wCKZJ7-C-5L+wYlBGhKCg==",accordion:"_0v65x9sH-AKFlRVuHnFs-A==",accordionDetails:"_51R2i7Sz2D9Rm3YPIRs4-g==",typography:"uPZ-9BN+geu7pelh9x9IzQ==",gridContainer:"byZE+cT7+xEu3MK1ppatiA==",textField:"B3YmEV3MnDVc+52XcqCzVQ==",submissionCard:"_3pC5cXIczq6ADVBHiXx7Bg==",fileInput:"qXWJ2NgVFUAV54-PKUIm4A==",due_date:"lhROzZG1KH6KcUnPiNkWwA==",submissionsContainer:"huMScBKyLKRXJLwE3-b4AQ==",submissionHeading:"H18EMryd8iaGFZc6l2ujCQ==",submissionTime:"gjGBD1Jb0y7v9BL0YMc79w=="};const l=i},3144:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},l=this&&this.__spreadArray||function(e,n,t){if(t||2===arguments.length)for(var r,a=0,o=n.length;a<o;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=o(t(6540)),u=s(t(6152)),d=s(t(87)),A=s(t(2287)),p=s(t(6544)),f=s(t(2313)),m=t(4625),g=t(9218),b=t(833),h=t(7028);n.default=function(){var e=i((0,c.useState)(),2),n=e[0],t=e[1],r=i((0,c.useState)([]),2),a=r[0],o=r[1],s=i((0,c.useState)(),2),C=s[0],v=s[1],x=(0,m.useParams)().courseId,y=i((0,b.useActionless)(g.SET_ALERT),1)[0];return c.default.createElement(A.default,null,c.default.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",marginTop:"30px"},className:p.default.formBackground},c.default.createElement(u.default,{id:"webhookURL",label:"Webhook URL",onChange:function(e){t(e)},sx:{width:.5},className:p.default.textField}),c.default.createElement(u.default,{id:"matcherUrl",label:"Match URL",helpText:"Url to watch for when sending the webhook ",onChange:function(e){v(e)},sx:{width:.5},className:p.default.textField}),c.default.createElement(d.default,{onClick:function(){n&&f.default.post("".concat(h.apiUrl,"/course/").concat(x,"/webhooks"),{destinationUrl:n,matcherUrl:C}).then((function(e){y({autoDelete:!0,type:"success",message:"Added webhook"}),o(l(l([],i(a),!1),[n],!1)),t(""),v("")})).catch((function(e){y({autoDelete:!0,type:"error",message:"Failed to add webhook ".concat(e.toString())})}))}},"Add Webhook URL")),c.default.createElement("div",{className:p.default.webhookURLContainer},a.map((function(e,n){return c.default.createElement("div",{className:p.default.webhookURLCard,key:n},c.default.createElement("div",{className:p.default.webhookURLHeading},e))}))))}},3327:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".ZdOE-757WC0RaoTr4unAfw\\=\\=,.JH\\+ybYMSTBhKc2KoUICQEg\\=\\=,.fcsSiS1q3IamuPvU\\+iZcmQ\\=\\=,.IOBzCitwsINi4ePzDxcMwA\\=\\=,.PUdrLgZBJLHba9uIPjR2kA\\=\\=,.x2Zkb6W5zMGlc6UlC2c9IQ\\=\\={display:flex;align-items:center;justify-content:center;gap:1.5rem}.x2Zkb6W5zMGlc6UlC2c9IQ\\=\\={text-decoration:none;color:#fff;font-size:16px;font-weight:500}.x2Zkb6W5zMGlc6UlC2c9IQ\\=\\=:hover{opacity:.7}.RZhV1DKDRocEBEYMO\\+9mWA\\=\\={font-size:32px;text-decoration:none;color:#fff;font-weight:700}.PUdrLgZBJLHba9uIPjR2kA\\=\\={min-height:60px;background-color:var(--primary);font-size:40px;color:#d9d9d9;font-weight:550;padding:0 100px;justify-content:space-between}._5d5uKjpcGBbzzLRys3MO8A\\=\\={visibility:hidden}@media(max-width: 500px){.ZdOE-757WC0RaoTr4unAfw\\=\\=,.x2Zkb6W5zMGlc6UlC2c9IQ\\=\\=,.PUdrLgZBJLHba9uIPjR2kA\\=\\=,.JH\\+ybYMSTBhKc2KoUICQEg\\=\\=,.fcsSiS1q3IamuPvU\\+iZcmQ\\=\\=,.IOBzCitwsINi4ePzDxcMwA\\=\\={gap:1rem}.IOBzCitwsINi4ePzDxcMwA\\=\\={flex-direction:column;position:fixed;height:100%;width:260px;background:var(--text-color);top:0;left:-260px;z-index:1;transition:.2s}._5d5uKjpcGBbzzLRys3MO8A\\=\\={visibility:visible;background:rgba(0,0,0,0);border:none;color:var(--yellow);font-size:16px}._5d5uKjpcGBbzzLRys3MO8A\\=\\=:hover{cursor:pointer;opacity:.7}.fcsSiS1q3IamuPvU\\+iZcmQ\\=\\=:focus-within .IOBzCitwsINi4ePzDxcMwA\\=\\={left:0}}@media(max-width: 780px){.PUdrLgZBJLHba9uIPjR2kA\\=\\={padding:0 25px}}@media(max-width: 300px){.ZdOE-757WC0RaoTr4unAfw\\=\\=,.x2Zkb6W5zMGlc6UlC2c9IQ\\=\\=,.PUdrLgZBJLHba9uIPjR2kA\\=\\=,.JH\\+ybYMSTBhKc2KoUICQEg\\=\\=,.fcsSiS1q3IamuPvU\\+iZcmQ\\=\\=,.IOBzCitwsINi4ePzDxcMwA\\=\\={gap:.3rem}}","",{version:3,sources:["webpack://./src/components/misc/globalToolbar.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAQA,0KACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CAGF,4BAGE,oBAAA,CACA,UAAA,CACA,cAdU,CAeV,eAAA,CAEA,kCACE,UAnBW,CAuBf,6BACE,cAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CAGF,4BACE,eAjCW,CAkCX,+BC1BQ,CD2BR,cAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CAGA,6BAAA,CASF,6BACE,iBAAA,CAKF,yBACE,0KACE,QAAA,CAIF,4BACE,qBAAA,CAEA,cAAA,CACA,WAAA,CACA,WAlEY,CAoEZ,4BChES,CDkET,KAAA,CACA,WAAA,CAEA,SAAA,CAEA,cAAA,CAGF,6BACE,kBAAA,CAEA,wBAAA,CACA,WAAA,CAEA,mBChCK,CDiCL,cAnFQ,CAqFR,mCACE,cAAA,CACA,UAxFS,CA6FX,sEACE,MAAA,CAAA,CAIN,yBACE,4BACE,cAAA,CAAA,CAIJ,yBACE,0KACE,SAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n$bar-height: 60px;\n$sidebar-width: 260px;\n$hover-effect: 0.7;\n$font-size: 16px;\n\n.flex {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1.5rem;\n}\n\n.link {\n  @extend .flex;\n\n  text-decoration: none;\n  color: #FFF;\n  font-size: $font-size;\n  font-weight: 500;\n\n  &:hover {\n    opacity: $hover-effect;\n  }\n}\n\n.header {\n  font-size: 32px;\n  text-decoration: none;\n  color: #FFF;\n  font-weight: 700;\n}\n\n.bar {\n  min-height: $bar-height;\n  background-color: $primary;\n  font-size: 40px;\n  color: #D9D9D9;\n  font-weight: 550;\n  padding: 0 $pagePadding;\n\n  @extend .flex;\n  justify-content: space-between;\n}\n\n.controls,\n.sidebar,\n.menu {\n  @extend .flex;\n}\n\n.hamburger {\n  visibility: hidden;\n}\n\n// Controls turning the menu options into a sidebar\n// As well as whether or not that sidebar is being shown\n@media (max-width: 500px) {\n  .flex {\n    gap: 1rem;\n   \n  }\n\n  .menu {\n    flex-direction: column;\n\n    position: fixed;\n    height: 100%;\n    width: $sidebar-width;\n\n    background: $text-color;\n\n    top: 0;\n    left: -$sidebar-width;\n\n    z-index: 1;\n\n    transition: 0.2s;\n  }\n\n  .hamburger {\n    visibility: visible;\n\n    background: transparent;\n    border: none;\n\n    color: $yellow;\n    font-size: $font-size;\n\n    &:hover {\n      cursor: pointer;\n      opacity: $hover-effect;\n    }\n  }\n\n  .sidebar:focus-within {\n    .menu {\n      left: 0;\n    }\n  }\n}\n@media (max-width: $extreme) {\n  .bar{\n    padding: 0 $phonePadding;\n  }\n}\n\n@media (max-width: 300px) {\n  .flex {\n    gap: 0.3rem;\n  }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={flex:"ZdOE-757WC0RaoTr4unAfw==",controls:"JH+ybYMSTBhKc2KoUICQEg==",sidebar:"fcsSiS1q3IamuPvU+iZcmQ==",menu:"IOBzCitwsINi4ePzDxcMwA==",bar:"PUdrLgZBJLHba9uIPjR2kA==",link:"x2Zkb6W5zMGlc6UlC2c9IQ==",header:"RZhV1DKDRocEBEYMO+9mWA==",hamburger:"_5d5uKjpcGBbzzLRys3MO8A=="};const l=i},3384:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=t(833),d=t(9218),A=s(t(2313)),p=s(t(6152)),f=s(t(87));n.default=function(e){var n=e.user,t=e.onSubmit,a=l((0,u.useActionless)(d.SET_ALERT),1)[0],o=l((0,c.useState)(n),2),i=o[0],s=o[1],m=l((0,c.useState)(!1),2),g=m[0],b=m[1];return c.default.createElement("div",null,c.default.createElement("h1",null,"User Information"),c.default.createElement(p.default,{onChange:function(e){return s(r(r({},i),{preferredName:e}))},label:"Preferred Name",id:"preferredName",defaultValue:n.preferredName}),c.default.createElement(p.default,{type:"email",label:"Email",id:"email",placeholder:n.email,disabled:!0}),c.default.createElement(p.default,{label:"Person Number",id:"externalId",placeholder:n.externalId,disabled:!0}),c.default.createElement(f.default,{onClick:function(){b(!0),A.default.put("/api/users/".concat(n.id),i).then((function(){t&&t(i),a({autoDelete:!0,type:"success",message:"User Preferences Updated"})})).catch((function(e){var n=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message;a({autoDelete:!1,type:"error",message:n})})).finally((function(){return b(!1)}))},loading:g},"Update"))}},3428:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=s(t(6005)),d=t(8280),A=s(t(6668));n.default=function(e){var n=e.options,t=e.onChange,a=e.placeholder,o=e.disabled,i=e.search,s=void 0!==i&&i,p=e.defaultOption,f=e.className,m=void 0===f?"":f,g=e.label,b=e.custom,h=l((0,c.useState)((0,d.getCssVariables)()),2),C=h[0],v=h[1];(0,c.useEffect)((function(){var e=new MutationObserver((function(){return v((0,d.getCssVariables)())}));return e.observe(document.body,{attributes:!0}),function(){return e.disconnect()}}));var x,y,w,k=C.textColor,E=C.background,$={menu:function(e){return r(r({},e),{backgroundColor:E,boxShadow:"none",border:"2px solid #ccc",borderRadius:"10px"})},input:function(e){return r(r({},e),{backgroundColor:E,borderRadius:"20px",color:k})},placeholder:function(e){return r(r({},e),{fontStyle:"italic",color:"#9c9c9c",margin:"0"})},control:function(e){return r(r({},e),{backgroundColor:E,cursor:"pointer",border:"2px solid #ccc",borderRadius:"20px",padding:"8px 2px"})},singleValue:function(e){return r(r({},e),{color:k})},option:function(e,n){return r(r({},e),{cursor:"pointer",color:k,borderBottom:"1px solid #ddd",backgroundColor:n.isFocused?"var(--list-item-background-hover)":E,"&:last-of-type":{borderBottom:"none"}})}};return c.default.createElement("div",{className:"".concat(A.default.dropdown," ").concat(m)},!!g&&c.default.createElement("label",null,g),c.default.createElement(u.default,{"aria-label":g,styles:b?(x=$,y=b,w={},Object.keys(x).forEach((function(e){var n=e;w[n]=function(e,t){var a,o;return r(r({},null===(a=x[n])||void 0===a?void 0:a.call(x,e,t)),null===(o=y[n])||void 0===o?void 0:o.call(y,e,t))}})),w):$,options:n,onChange:function(e){return t(e)},placeholder:a,isDisabled:o,isSearchable:s,components:{IndicatorSeparator:function(){return null}},defaultValue:p,isClearable:!0}))}},3600:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(8513);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},3615:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".vZRtz3MdNH4RaNLECOfDsg\\=\\={display:flex;justify-content:center}","",{version:3,sources:["webpack://./src/components/pages/users/userDetailPage.scss"],names:[],mappings:"AAAA,4BACE,YAAA,CACA,sBAAA",sourcesContent:[".container {\n  display: flex;\n  justify-content: center;\n}\n"],sourceRoot:""}]),i.locals={container:"vZRtz3MdNH4RaNLECOfDsg=="};const l=i},3659:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".nrRi4O4KHuLnwzcLcIlJXg\\=\\={height:40px;width:20px;color:#f8d487}","",{version:3,sources:["webpack://./src/components/utils/darkModeToggle.scss"],names:[],mappings:"AAAA,4BACE,WAAA,CACA,UAAA,CACA,aAAA",sourcesContent:[".toggle {\n  height: 40px;\n  width: 20px;\n  color: #F8D487;\n}\n\n"],sourceRoot:""}]),i.locals={toggle:"nrRi4O4KHuLnwzcLcIlJXg=="};const l=i},3776:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(8989);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},3786:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._9GaAj3ATh6PGpVnFiRU9bw\\=\\={height:90vh}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .xP79\\+1Zcal\\+P1yu2cSHW1A\\=\\={color:var(--text-color);font-size:1.25rem}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .b7SFyWJp3dktyMUifblZmg\\=\\={color:#876212}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .gtuJeBSphk2aZVBTotv04A\\=\\={color:#8a2626}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .t0w7ja7iroyfftT2RjtDqA\\=\\={padding:0 100px}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .ApORHFGoJEDw3GwJR\\+uLMg\\=\\={overflow:scroll;scrollbar-color:var(--primary);border-radius:10px;border:3px solid var(--primary);background:linear-gradient(var(--primary) 43px, var(--background) 0, var(--background))}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= table{border-radius:20px;gap:10px;border-collapse:collapse;width:100%;position:relative;text-wrap:nowrap}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .rW-HV4E741bPPdcKCxCi7w\\=\\={display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .Xt8NpsqqrwXtHDb5oD6QWQ\\=\\={margin-top:20px;width:fit-content;align-self:center;grid-column-start:2}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .mOvPGRZit7lvzPJ2\\+rQzUA\\=\\={display:flex;gap:10px;margin-left:auto;padding-left:20px}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .GucbDWReUaojOrD9olfbwQ\\=\\={display:flex;align-items:center;margin:20px 0;gap:10px}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .Yod6Nb5pxfp2MXZtCzxQsg\\=\\={width:300px;border-radius:20px;margin:0;border:2px solid #ccc}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= ._7VKdGitt3ST6OcBTzoqvWw\\=\\={width:300px;margin:0}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .xvyyjdYV3l8l4S8RfXPaCg\\=\\={margin-right:auto}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .pq4MY7k69TTHSdtjGAVhsg\\=\\={text-align:left;width:180px;min-width:180px}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .Wa8SrWQYadg2UQ0wJ\\+4FWw\\=\\={text-align:left;width:180px;min-width:180px;font-style:italic}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .Rgk39Sajw28hrI1TOCbmzA\\=\\={text-align:left;width:180px;min-width:180px}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= tr.TyG8k9kuqB89X88a5kUIKA\\=\\={border-bottom:1px solid #ddd}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= tr.TyG8k9kuqB89X88a5kUIKA\\=\\=:last-of-type{border-bottom:none}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= th{background-color:var(--primary);color:#fff;font-weight:600}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= td,._9GaAj3ATh6PGpVnFiRU9bw\\=\\= th{padding:10px 20px;text-align:center;min-width:100px}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= td{background-color:var(--background)}","",{version:3,sources:["webpack://./src/components/pages/gradebook/gradebookInstructorPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,6BACI,WAAA,CACA,2DACI,uBCGK,CDFL,iBAAA,CAGJ,yDACI,aAAA,CAGJ,yDACI,aAAA,CAEJ,yDACI,eAAA,CAGJ,0DACI,eAAA,CACA,8BCXE,CDYF,kBAAA,CACA,+BAAA,CACA,uFAAA,CAGJ,mCACI,kBAAA,CACA,QAAA,CAEA,wBAAA,CACA,UAAA,CACA,iBAAA,CACA,gBAAA,CAGJ,yDACI,YAAA,CACA,iCAAA,CACA,oBAAA,CACA,kBAAA,CAGJ,yDACI,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,mBAAA,CAGJ,0DACI,YAAA,CACA,QAAA,CACA,gBAAA,CACA,iBAAA,CAEJ,yDACI,YAAA,CACA,kBAAA,CACA,aAAA,CACA,QAAA,CAEJ,yDACI,WAAA,CACA,kBAAA,CACA,QAAA,CACA,qBAAA,CAEJ,0DACI,WAAA,CACA,QAAA,CAEJ,yDACI,iBAAA,CAEJ,yDAII,eAAA,CACA,WAAA,CACA,eAAA,CAEJ,0DACI,eAAA,CACA,WAAA,CACA,eAAA,CACA,iBAAA,CAGJ,yDAEI,eAAA,CACA,WAAA,CACA,eAAA,CAGJ,2DACI,4BAAA,CAGJ,wEACI,kBAAA,CAGJ,gCACI,+BCjGE,CDkGF,UAAA,CACA,eAAA,CAGJ,gEAEI,iBAAA,CACA,iBAAA,CACA,eAAA,CAGJ,gCACI,kCClHK",sourcesContent:["@import 'variables';\n\n.pageWrapper{\n    height: 90vh;\n    .categoryName {\n        color: $text-color;\n        font-size: 1.25rem;\n    }\n\n    .late {\n        color: #876212;\n    }\n\n    .no_submission{\n        color: #8A2626;\n    }\n    .tableWrapper {\n        padding: 0 100px;\n    }\n\n    .tableContainer {\n        overflow: scroll;\n        scrollbar-color: $primary;\n        border-radius: 10px;\n        border: 3px solid $primary;\n        background: linear-gradient($primary 43px, $background 0,  $background) // makes table header color consistent on rubberband\n    }\n\n    table {\n        border-radius: 20px;\n        gap:10px;\n        // margin: 15px auto;\n        border-collapse: collapse;\n        width: 100%;\n        position: relative;\n        text-wrap: nowrap;\n    }\n\n    .header{\n        display: grid;\n        grid-template-columns: 1fr 1fr 1fr;\n        justify-items: center;\n        align-items: center;\n    }\n\n    .pageTitle{\n        margin-top: 20px;\n        width: fit-content;\n        align-self: center;\n        grid-column-start: 2;\n    }\n\n    .buttonContainer{\n        display: flex;\n        gap: 10px;\n        margin-left: auto;\n        padding-left: 20px;\n    }\n    .subheader{\n        display: flex;\n        align-items: center;\n        margin: 20px 0;\n        gap: 10px;\n    }\n    .textField{\n        width: 300px;\n        border-radius: 20px;\n        margin: 0;\n        border: 2px solid #ccc;\n    }\n    .dropdown{\n        width: 300px;\n        margin: 0;\n    }\n    .key{\n        margin-right: auto;\n    }\n    .name{ //couldn't find a good way for these to stick without magic numbers that\n        // position: sticky; don't translate accross devices.\n        // left: 0;\n        // width: 100px;\n        text-align: left;\n        width:180px;\n        min-width: 180px;\n    } \n    .noName{\n        text-align: left;\n        width:180px;\n        min-width: 180px;\n        font-style: italic;\n    }\n\n    .email{\n        // position: sticky;\n        text-align: left;\n        width:180px;\n        min-width: 180px;\n    }\n\n    tr.row {\n        border-bottom: 1px solid #ddd;\n    }\n\n    tr.row:last-of-type {\n        border-bottom: none;\n    }\n\n    th {\n        background-color: $primary;\n        color: #FFF;\n        font-weight: 600;\n    }\n\n    td,\n    th {\n        padding: 10px 20px;\n        text-align: center;\n        min-width: 100px\n    }\n\n    td{\n        background-color: $background;\n    }\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={pageWrapper:"_9GaAj3ATh6PGpVnFiRU9bw==",categoryName:"xP79+1Zcal+P1yu2cSHW1A==",late:"b7SFyWJp3dktyMUifblZmg==",no_submission:"gtuJeBSphk2aZVBTotv04A==",tableWrapper:"t0w7ja7iroyfftT2RjtDqA==",tableContainer:"ApORHFGoJEDw3GwJR+uLMg==",header:"rW-HV4E741bPPdcKCxCi7w==",pageTitle:"Xt8NpsqqrwXtHDb5oD6QWQ==",buttonContainer:"mOvPGRZit7lvzPJ2+rQzUA==",subheader:"GucbDWReUaojOrD9olfbwQ==",textField:"Yod6Nb5pxfp2MXZtCzxQsg==",dropdown:"_7VKdGitt3ST6OcBTzoqvWw==",key:"xvyyjdYV3l8l4S8RfXPaCg==",name:"pq4MY7k69TTHSdtjGAVhsg==",noName:"Wa8SrWQYadg2UQ0wJ+4FWw==",email:"Rgk39Sajw28hrI1TOCbmzA==",row:"TyG8k9kuqB89X88a5kUIKA=="};const l=i},3854:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._3s\\+h-O3nYLNMoU--phMebQ\\=\\={min-width:8px;background-color:var(--primary);margin-right:10px}._9E4Y6AfVM9THr5yPhGCZ\\+A\\=\\={text-decoration:none;display:flex;flex-direction:row;background:var(--list-item-background);border-radius:20px;padding:1.5rem;margin-bottom:1rem;transition:background-color .2s linear;color:var(--text-color)}._9E4Y6AfVM9THr5yPhGCZ\\+A\\=\\=:hover,._9E4Y6AfVM9THr5yPhGCZ\\+A\\=\\=:focus{background:var(--list-item-background-hover)}@media(max-width: 1000px){._9E4Y6AfVM9THr5yPhGCZ\\+A\\=\\={padding:1rem}}@media(max-width: 780px){._9E4Y6AfVM9THr5yPhGCZ\\+A\\=\\={padding:.75rem}}","",{version:3,sources:["webpack://./src/components/shared/layouts/listItemWrapper.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAIA,8BACE,aAAA,CACA,+BCKQ,CDJR,iBAAA,CAGF,8BACE,oBAAA,CAEA,YAAA,CACA,kBAAA,CAEA,sCCCqB,CAAA,kBAAA,CDErB,cAAA,CAGA,kBAAA,CAEA,sCAAA,CAEA,uBClBW,CDoBX,wEAEE,4CCZyB,CDgB7B,0BACE,8BACE,YAAA,CAAA,CAIJ,yBACE,8BACE,cAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n\n.tag {\n  min-width: 8px;\n  background-color: $primary;\n  margin-right: 10px;\n}\n\n.container {\n  text-decoration: none;\n\n  display: flex;\n  flex-direction: row;\n\n  background: $list-item-background;\n  border-radius: 20px;\n\n  padding: 1.5rem;\n\n  // May want to remove in the future if this item gets removed\n  margin-bottom: 1rem;\n\n  transition: background-color 0.2s linear;\n\n  color: $text-color;\n\n  &:hover,\n  &:focus {\n    background: $list-item-background-hover;\n  }\n}\n\n@media (max-width: $medium) {\n  .container {\n    padding: 1rem;\n  }\n}\n\n@media (max-width: $extreme) {\n  .container {\n    padding: 0.75rem;\n  }\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={tag:"_3s+h-O3nYLNMoU--phMebQ==",container:"_9E4Y6AfVM9THr5yPhGCZ+A=="};const l=i},3900:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(961)),i=t(4993),l=r(t(5772)),s=r(t(5258));t(9898);var c=document.getElementById("main");o.default.render(a.default.createElement(i.Provider,{store:l.default},a.default.createElement(s.default,null)),c)},3973:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=s(t(2287)),d=s(t(5505)),A=s(t(6152)),p=t(833),f=t(9218),m=s(t(2313)),g=s(t(9158)),b=t(4208),h=t(4625),C=t(2217),v=s(t(8729));n.default=function(){var e=l((0,p.useActionless)(f.SET_ALERT),1)[0],n=l((0,c.useState)(new Map),2),t=n[0],a=n[1],o=(0,h.useParams)(),i=o.assignmentId,s=o.courseId,x=l((0,c.useState)(),2),y=x[0],w=x[1],k=(0,h.useHistory)(),E=l((0,c.useState)({assignmentId:i,question:"",correctString:"",score:"",isRegex:!1}),2),$=E[0],B=E[1],S=function(e){var n=/^[0-9]*$/;return console.log(n.test(e)),n.test(e)},_=function(e,n){var o=n.target.id,i=(0,b.removeClassFromField)(t,o);a(i),B((function(n){var t;return r(r({},n),((t={})[o]=e,t))}))};return(0,c.useEffect)((function(){m.default.get("/api/course/".concat(s,"/assignment/").concat(i,"/assignment-problems/")).then((function(e){w(e)}))}),[]),c.default.createElement(u.default,null,c.default.createElement("h1",null,"Non Container Auto Grader Form"),c.default.createElement("div",{className:d.default.form},c.default.createElement("p",null,"Required Fields *"),c.default.createElement("label",{htmlFor:"question"},"Question *"),c.default.createElement(A.default,{id:"question",onChange:_,value:$.question,className:t.get("question")}),c.default.createElement("label",{htmlFor:"correctString"},"Answer *"),c.default.createElement(A.default,{id:"correctString",onChange:_,value:$.correctString,className:t.get("correctString")}),c.default.createElement("label",{htmlFor:"score"},"Score *"),c.default.createElement(A.default,{id:"score",onChange:_,value:$.score,className:t.get("score")}),c.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},c.default.createElement("label",{htmlFor:"regex"},"Regex"),c.default.createElement("input",{id:"regex",type:"checkbox",checked:$.isRegex,onChange:function(e){B((function(n){return r(r({},n),{isRegex:e.target.checked})}))}})),c.default.createElement("br",null),c.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},c.default.createElement(v.default,{variant:"contained",onClick:function(){if(S($.assignmentId)&&S($.score)){var n={assignmentId:parseInt($.assignmentId),question:$.question,score:parseInt($.score),isRegex:$.isRegex,correctString:$.correctString};m.default.post("/api/course/".concat(s,"/assignment/").concat(i,"/non-container-auto-graders/"),n).then((function(){e({autoDelete:!0,type:"success",message:"Non-Container Auto-Grader Added"}),k.push("/course/".concat(s,"/assignment/").concat(i,"?refreshProblems=true"))})).catch((function(n){var t=Array.isArray(n)?n.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):n.message,r=(0,b.applyStylesToErrorFields)(n,$,g.default.errorField);a(r),e({autoDelete:!1,type:"error",message:t})})).finally((function(){})),B({assignmentId:i,question:"",correctString:"",score:"",isRegex:!1})}else e({autoDelete:!0,type:"error",message:"Assignment ID and Score must be a number"})}},"Add NCAG"))),c.default.createElement("div",{className:d.default.rightColumn},c.default.createElement("h1",null,"Existing Problems"),c.default.createElement("div",null,null==y?void 0:y.map((function(e,n){return c.default.createElement(C.Accordion,{className:d.default.accordion,key:n},c.default.createElement(C.AccordionSummary,null,c.default.createElement(C.Typography,null,"Assignment Problem Question ".concat(n+1))),c.default.createElement(C.AccordionDetails,{className:d.default.accordionDetails},c.default.createElement(C.Typography,null,"Problem Name:",e.problemName),c.default.createElement(C.Typography,null,"Max Score:",e.maxScore)))})))),c.default.createElement("br",null),c.default.createElement("br",null),c.default.createElement("br",null),c.default.createElement("br",null),c.default.createElement("br",null))}},4037:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=o(t(6540)),d=c(t(2287)),A=c(t(5954)),p=c(t(8331)),f=c(t(2089)),m=c(t(2171)),g=c(t(8911)),b=t(833),h=c(t(2313)),C=t(4625);n.default=function(){var e=(0,b.useAppSelector)((function(e){return e.user.id})),n=s((0,u.useState)(!0),2),t=n[0],r=n[1],a=s((0,u.useState)(null),2),o=a[0],c=a[1],v=s((0,u.useState)(new Array),2),x=v[0],y=v[1],w=s((0,u.useState)(new Array),2),k=w[0],E=w[1],$=s((0,u.useState)(new Array),2),B=$[0],S=$[1],_=s((0,u.useState)(new Map),2),I=_[0],D=_[1],O=s((0,u.useState)(new Array),2),P=O[0],j=O[1],F=s((0,u.useState)(!1),2),M=F[0],N=F[1];(0,u.useEffect)((function(){T()}),[]);var T=function(){return i(void 0,void 0,void 0,(function(){var n,t,a,o,i,u,d,A,p;return l(this,(function(l){switch(l.label){case 0:return l.trys.push([0,4,5,6]),n=new Map,[4,h.default.get("/api/courses/user/".concat(e))];case 1:return t=l.sent(),a=t.activeCourses,o=t.upcomingCourses,i=t.pastCourses,u=t.instructorCourses,d=a.map((function(e){var n=h.default.get("/api/course/".concat(e.id,"/assignments/released"));return Promise.all([e,n])})),[4,Promise.all(d)];case 2:return l.sent().forEach((function(e){var t=s(e,2),r=t[0],a=t[1];return n.set(r,a)})),A=u.map((function(e){var n=h.default.get("/api/course/".concat(e.id,"/assignments/released"));return Promise.all([e,n])})),[4,Promise.all(A)];case 3:return l.sent().forEach((function(e){var t=s(e,2),r=t[0],a=t[1];return n.set(r,a)})),D(n),S(i),y(a),j(u),E(o),[3,6];case 4:return p=l.sent(),c(p),[3,6];case 5:return r(!1),[7];case 6:return[2]}}))}))};if(t)return u.default.createElement(A.default,{delay:250});if(o)return u.default.createElement(p.default,{error:o});var G=(0,C.useHistory)(),Q=function(e){G.push("/course/".concat(e))};return u.default.createElement(d.default,null,u.default.createElement(g.default,{open:M,onClose:function(){N(!1),T()}}),u.default.createElement("div",{className:f.default.header},u.default.createElement("h1",{className:f.default.courses_title},"Courses"),u.default.createElement("div",{className:f.default.buttonContainer},u.default.createElement("button",{className:"btnSecondary",id:"createCoursBtn",onClick:function(){N(!0)}},"Create Course"),u.default.createElement("button",{className:"btnPrimary",id:"joinCoursBtn",onClick:function(){G.push("/courses")}},"Join Course"))),u.default.createElement("h2",{className:f.default.courses_heading},"Current Courses"),u.default.createElement("div",{className:f.default.coursesContainer},P.map((function(e){return u.default.createElement("div",{className:f.default.courseCard,key:e.id,onClick:function(){return Q(e.id)},style:{cursor:"pointer"}},u.default.createElement(m.default,{course:e,assignments:I.get(e),key:e.id,instructor:!0}))})),x&&x.map((function(e){return u.default.createElement("div",{className:f.default.courseCard,key:e.id,onClick:function(){return Q(e.id)},style:{cursor:"pointer"}},u.default.createElement(m.default,{course:e,assignments:I.get(e),key:e.id}))})),0===x.length&&0==P.length&&u.default.createElement("div",{className:"no_items"},"No current courses")),u.default.createElement("h2",{className:f.default.courses_heading},"Completed Courses"),u.default.createElement("div",{className:f.default.coursesContainer},B&&B.map((function(e){return u.default.createElement("div",{className:f.default.courseCard,key:e.id,onClick:function(){return Q(e.id)},style:{cursor:"pointer"}},u.default.createElement(m.default,{course:e,assignments:I.get(e),past:!0}))})),0===B.length&&u.default.createElement("div",{className:"no_items"},"No completed courses")),u.default.createElement("h2",{className:f.default.courses_heading},"Upcoming Courses"),u.default.createElement("div",{className:f.default.coursesContainer},k&&k.map((function(e){return u.default.createElement("div",{className:f.default.courseCard,key:e.id,onClick:function(){return Q(e.id)},style:{cursor:"pointer"}},u.default.createElement(m.default,{course:e,assignments:I.get(e),key:e.id}))})),0===k.length&&u.default.createElement("div",{className:"no_items"},"No upcoming courses")))}},4208:(e,n)=>{function t(e,n,t){return e.has(n)&&e.set(n,t),e}function r(e,n,r){var a=new Map(e);for(var o in n)a=t(e,n[o],r);return a}function a(e){return new Map(new Map(Object.keys(e).map((function(e){return[e,""]}))))}function o(e){return e instanceof Error?[]:e.map((function(e){return e.param}))}Object.defineProperty(n,"__esModule",{value:!0}),n.applyMessageToErrorFields=n.applyStylesToErrorFields=n.removeClassFromField=n.extractErrorFields=n.initializeFieldClasses=n.applyClassToMultipleFields=n.applyClassToField=void 0,n.applyClassToField=t,n.applyClassToMultipleFields=r,n.initializeFieldClasses=a,n.extractErrorFields=o,n.removeClassFromField=function(e,n){return e.has(n)&&e.set(n,""),e},n.applyStylesToErrorFields=function(e,n,t){var i=o(e);return r(a(n),i,t)},n.applyMessageToErrorFields=function(e,n,t){return e.set(n,t),e}},4238:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".r-ydwOu8QZucvZ7lKdRZiQ\\=\\={width:100%;height:100%;background-color:var(--background);display:flex;align-items:center;justify-content:center}.N4G1VoZ8ij-dRcxrhOlssA\\=\\={width:100%;background-color:var(--secondary-lighter);display:flex;align-items:center;justify-content:center}.G-hlhecSODZi4bRi-xD\\+Bg\\=\\={padding:30px;text-align:center}.-twtK1oxGRmRZ3n1sPgvZQ\\=\\={font-size:4rem;font-weight:700;margin:0;margin-bottom:10px;color:var(--text-color)}.Yt1KYJUXoBsC6SPhhEToBA\\=\\={font-size:1.2rem;font-weight:300;margin:0;color:var(--text-color-secondary)}","",{version:3,sources:["webpack://./src/components/pages/errorPage/errorPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAIA,4BACI,UAAA,CACA,WAAA,CACA,kCAAA,CAEA,YAAA,CACA,kBAAA,CACA,sBAAA,CAGF,4BACE,UAAA,CACA,yCCHgB,CDKhB,YAAA,CACA,kBAAA,CACA,sBAAA,CAGF,6BACE,YAAA,CACA,iBAAA,CAGF,4BACE,cAAA,CACA,eAAA,CACA,QAAA,CACA,kBAAA,CACA,uBCzBS,CD4BX,4BACE,gBAAA,CACA,eAAA,CACA,QAAA,CACA,iCC4BmB",sourcesContent:["@import 'variables';\n\n\n\n.errorBackground {\n    width: 100%;\n    height: 100%;\n    background-color: $background;\n  \n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .errorBar {\n    width: 100%;\n    background-color: $secondary-lighter;\n  \n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .errorContainer {\n    padding: 30px;\n    text-align: center;\n  }\n  \n  .error {\n    font-size: 4rem;\n    font-weight: 700;\n    margin: 0;\n    margin-bottom: 10px;\n    color: $text-color;\n  }\n  \n  .errorMessage {\n    font-size: 1.2rem;\n    font-weight: 300;\n    margin: 0;\n    color: $text-color-secondary;\n  }","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={errorBackground:"r-ydwOu8QZucvZ7lKdRZiQ==",errorBar:"N4G1VoZ8ij-dRcxrhOlssA==",errorContainer:"G-hlhecSODZi4bRi-xD+Bg==",error:"-twtK1oxGRmRZ3n1sPgvZQ==",errorMessage:"Yt1KYJUXoBsC6SPhhEToBA=="};const l=i},4323:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".VsQnx4pP\\+zBw-fllIv744w\\=\\={display:flex;flex-direction:column;width:100%}","",{version:3,sources:["webpack://./src/components/shared/inputs/dropdown.scss"],names:[],mappings:"AAAA,6BACE,YAAA,CACA,qBAAA,CAEA,UAAA",sourcesContent:[".dropdown {\n  display: flex;\n  flex-direction: column;\n\n  width: 100%;\n}\n"],sourceRoot:""}]),i.locals={dropdown:"VsQnx4pP+zBw-fllIv744w=="};const l=i},4384:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".-JaQBTFnmpIf6NROcoSAuA\\=\\={background-color:var(--btn-secondary-background);color:var(--btn-secondary-text);border:2px solid var(--btn-secondary-border);font-weight:700;min-width:20px}.-JaQBTFnmpIf6NROcoSAuA\\=\\=:hover{background-color:var(--hover-lighter)}.-JaQBTFnmpIf6NROcoSAuA\\=\\=:active{background-color:#c9bef9}.-JaQBTFnmpIf6NROcoSAuA\\=\\=:disabled{opacity:50%;cursor:not-allowed}.DZ2niYdEc5x8\\+b2ieTcvCg\\=\\={border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:1px solid var(--btn-secondary-border)}.uRksOcgLjbdMOqJjs\\+xIgg\\=\\={border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:1px solid var(--btn-secondary-border)}","",{version:3,sources:["webpack://./src/components/pages/forms/assignments/multipleChoiceModal.scss"],names:[],mappings:"AAGA,4BACI,gDAAA,CACA,+BAAA,CACA,4CAAA,CACA,eAAA,CACA,cAAA,CACA,kCACE,qCAAA,CAEF,mCACI,wBAAA,CAEJ,qCACI,WAAA,CACA,kBAAA,CAGR,6BACI,0BAAA,CACA,6BAAA,CACA,yBAAA,CACA,4BAAA,CACA,kDAAA,CAGJ,6BACI,wBAAA,CACA,2BAAA,CACA,2BAAA,CACA,8BAAA,CACA,iDAAA",sourcesContent:["\n@import 'variables';\n\n.btn{\n    background-color: var(--btn-secondary-background);\n    color: var(--btn-secondary-text);\n    border: 2px solid var(--btn-secondary-border);\n    font-weight: 700;\n    min-width: 20px;\n    &:hover {\n      background-color: var(--hover-lighter);\n    }\n    &:active{\n        background-color: #c9bef9;\n    }\n    &:disabled{\n        opacity: 50%;\n        cursor: not-allowed;\n    }\n}\n.addButton{\n    border-top-left-radius: 5px;\n    border-bottom-left-radius: 5px;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 1px solid var(--btn-secondary-border);;\n}\n\n.subtractButton{\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n    border-left: 1px solid var(--btn-secondary-border);;\n}"],sourceRoot:""}]),i.locals={btn:"-JaQBTFnmpIf6NROcoSAuA==",addButton:"DZ2niYdEc5x8+b2ieTcvCg==",subtractButton:"uRksOcgLjbdMOqJjs+xIgg=="};const l=i},4416:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(8527);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},4448:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"p{margin-left:0}.S-3ztsiR6pJgQd46gVsPXQ\\=\\={padding:0 100px}._8WSbIEbHIDFayyNn8KCqVA\\=\\={font-size:14px}.R-04mo6ISr1R0sTI6GcmFA\\=\\={display:flex;justify-content:space-between;gap:30px;margin-bottom:30px}.OqbKAR6nP1PkRHhMT4\\+VYg\\=\\={background-color:var(--list-item-background);border-radius:20px;padding:30px;width:50%;height:fit-content}.OqbKAR6nP1PkRHhMT4\\+VYg\\=\\=>h2{margin-top:0}.a7QZayWXmHYxqIvpDO2vpQ\\=\\={width:100%;text-align:center;display:flex;justify-content:space-between;gap:10px}.UBR1roaFsU9m6UTtX8NJ1A\\=\\={color:var(--text-color);display:flex;align-items:center}.f9XgCJUgEErzB5yajAtVXw\\=\\={display:flex;justify-content:space-between;gap:15px}.vlcxwhfb7M3pst9ZZJeePw\\=\\={white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center}.upgeaPqtyBUMXN5SOWroiA\\=\\={background:none;border:none;color:var(--text-color);cursor:pointer;font-size:.9em}.upgeaPqtyBUMXN5SOWroiA\\=\\=:hover{text-decoration:dashed;color:red}@media(max-width: 1115px){.S-3ztsiR6pJgQd46gVsPXQ\\=\\={padding:0 50px}}@media(max-width: 1015px){.S-3ztsiR6pJgQd46gVsPXQ\\=\\={padding:0 100px}.R-04mo6ISr1R0sTI6GcmFA\\=\\={flex-direction:column;align-items:center}.OqbKAR6nP1PkRHhMT4\\+VYg\\=\\={width:100%}}@media(max-width: 670px){.S-3ztsiR6pJgQd46gVsPXQ\\=\\={padding:0 50px}}@media(max-width: 560px){.a7QZayWXmHYxqIvpDO2vpQ\\=\\={flex-direction:column;gap:15px}}","",{version:3,sources:["webpack://./src/components/pages/forms/assignments/assignmentFormPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAIA,EAEE,aAAA,CAGF,4BACE,eAAA,CAGF,6BACE,cAAA,CAGF,4BACE,YAAA,CACA,6BAAA,CACA,QAAA,CACA,kBAAA,CAGF,6BACE,4CCRqB,CDSrB,kBAAA,CACA,YAAA,CACA,SAAA,CACA,kBAAA,CAGF,gCACE,YAAA,CAGF,4BACE,UAAA,CACA,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,QAAA,CAGF,4BACE,uBCrCW,CDsCX,YAAA,CACA,kBAAA,CAGF,4BACE,YAAA,CACA,6BAAA,CACA,QAAA,CAGF,4BACE,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAGF,4BACE,eAAA,CACA,WAAA,CACA,uBC5DW,CD6DX,cAAA,CACA,cAAA,CAGA,kCACE,sBAAA,CACA,SAAA,CAIJ,0BACE,4BACE,cAAA,CAAA,CAIJ,0BACE,4BACE,eAAA,CAGF,4BACE,qBAAA,CACA,kBAAA,CAGF,6BACE,UAAA,CAAA,CAIJ,yBACE,4BACE,cAAA,CAAA,CAIJ,yBACE,4BACE,qBAAA,CACA,QAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n\np {\n  //text-align: center; got rid of this since it's left aligned on home page, all good if we want to do this, but should probably change all pages to match\n  margin-left: 0;\n}\n\n.pageWrapper {\n  padding: 0 100px;\n}\n\n.input {\n  font-size: 14px;\n}\n\n.flex {\n  display: flex;\n  justify-content: space-between;\n  gap: 30px;\n  margin-bottom: 30px;\n}\n\n.form {\n  background-color: $list-item-background;\n  border-radius: 20px;\n  padding: 30px;\n  width: 50%;\n  height: fit-content;\n}\n\n.form>h2 {\n  margin-top: 0;\n}\n\n.datepickerContainer {\n  width: 100%;\n  text-align: center;\n  display: flex;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.header {\n  color: $text-color;\n  display: flex;\n  align-items: center;\n}\n\n.textFieldContainer {\n  display: flex;\n  justify-content: space-between;\n  gap: 15px;\n}\n\n.fileName {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.fileRemovalButton {\n  background: none;\n  border: none;\n  color: $text-color;\n  cursor: pointer;\n  font-size: 0.9em;\n\n\n  &:hover {\n    text-decoration: dashed;\n    color: red;\n  }\n}\n\n@media (max-width: 1115px) {\n  .pageWrapper {\n    padding: 0 50px;\n  }\n}\n\n@media (max-width: 1015px) {\n  .pageWrapper {\n    padding: 0 100px;\n  }\n\n  .flex {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .form {\n    width: 100%;\n  }\n}\n\n@media (max-width: 670px) {\n  .pageWrapper {\n    padding: 0 50px;\n  }\n}\n\n@media (max-width: 560px) {\n  .datepickerContainer {\n    flex-direction: column;\n    gap: 15px;\n  }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={pageWrapper:"S-3ztsiR6pJgQd46gVsPXQ==",input:"_8WSbIEbHIDFayyNn8KCqVA==",flex:"R-04mo6ISr1R0sTI6GcmFA==",form:"OqbKAR6nP1PkRHhMT4+VYg==",datepickerContainer:"a7QZayWXmHYxqIvpDO2vpQ==",header:"UBR1roaFsU9m6UTtX8NJ1A==",textFieldContainer:"f9XgCJUgEErzB5yajAtVXw==",fileName:"vlcxwhfb7M3pst9ZZJeePw==",fileRemovalButton:"upgeaPqtyBUMXN5SOWroiA=="};const l=i},4493:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__spreadArray||function(e,n,t){if(t||2===arguments.length)for(var r,a=0,o=n.length;a<o;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=i(t(6540)),d=t(4625),A=t(9218),p=t(833),f=c(t(2313)),m=c(t(1090)),g=c(t(5465));n.default=function(e){var n=e.open,t=e.onClose,a=l((0,p.useActionless)(A.SET_ALERT),1)[0],o=(0,d.useParams)().assignmentId,i=(0,d.useParams)().courseId,c=l((0,u.useState)(new Map([["a",""],["b",""],["c",""]])),2),b=c[0],h=c[1],C=l((0,u.useState)({type:"MCQ-mult",title:"",maxScore:"",correctAnswer:"",regex:!1}),2),v=C[0],x=C[1],y=l((0,u.useState)("checkbox"),2),w=y[0],k=y[1],E=function(){return!(!v.title||!v.maxScore||v.correctAnswer.length<=0)},$=function(){x({type:"MCQ-mult",title:"",maxScore:"",correctAnswer:"",regex:!1}),k("checkbox"),t()},B=function(e){var n=e.target.id,t=e.target.value;x((function(e){var a;return r(r({},e),((a={})[n]=t,a))}))},S=function(e){var n=e.target.id,t=e.target.value;h((function(e){var r=new Map(e);return r.set(n,t),r}))},_=function(e){var n=e.target.id;if("MCQ-mult"===v.type){var t=e.target.checked;x((function(e){var a=e.correctAnswer||"",o="";return o=(o=!0===t?a+n:a.replace(n,"")).split("").sort().join(""),r(r({},e),{correctAnswer:o})}))}else"MCQ-single"===v.type?x((function(e){return r(r({},e),{correctAnswer:n})})):a({autoDelete:!1,type:"error",message:"Unknown Type"})},I=function(e){return new Map([["a","e.g. Java"],["b","e.g. Python"],["c","e.g. C"],["d","e.g. JavaScript"],["e","e.g. C++"],["f","e.g. Rust"],["g","e.g. OCaml"],["h","e.g. FORTRAN"],["i","e.g. COBOL"],["j","e.g. ...MATLAB?"]]).get(e)};return u.default.createElement(m.default,{title:"Add Multiple Choice Problem",isSubmittable:E,buttonAction:function(){if(E){var e=new Date,n={assignmentId:parseInt(o),problemName:v.title,maxScore:parseInt(v.maxScore),createdAt:e},t={assignmentId:parseInt(o),question:v.title,correctString:v.correctAnswer,score:Number(v.maxScore),isRegex:v.regex,metadata:{type:v.type,options:Object.fromEntries(b)},createdAt:e};console.log(t),f.default.post("/api/course/".concat(i,"/assignment/").concat(o,"/assignment-problems"),n).then((function(){console.log("PROBLEM CREATED"),a({autoDelete:!0,type:"success",message:"Problem Added"})})).catch((function(e){var n=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message;a({autoDelete:!1,type:"error",message:n})})),f.default.post("/api/course/".concat(i,"/assignment/").concat(o,"/non-container-auto-graders/"),t).then((function(){console.log("GRADER CREATED")})).catch((function(e){var n=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message;a({autoDelete:!1,type:"error",message:n})})),$()}},open:n,onClose:$},u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"title",className:"input-label"},"Problem Title:"),u.default.createElement("input",{type:"text",id:"title",onChange:B,placeholder:"e.g. What is the best programming language?"})),u.default.createElement("div",{className:"input-group",style:{gap:"5px"}},u.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},u.default.createElement("label",null,"Answer Choices:"),u.default.createElement("div",null,u.default.createElement("button",{className:"".concat(g.default.btn," ").concat(g.default.addButton),onClick:function(){var e=b.size,n=String.fromCharCode("a".charCodeAt(0)+e);h((function(e){var t=new Map(e);return t.set(n,""),t}))},disabled:b.size>=10},"+"),u.default.createElement("button",{className:"".concat(g.default.btn," ").concat(g.default.subtractButton),onClick:function(){var e=b.size-1,n=String.fromCharCode("a".charCodeAt(0)+e);h((function(e){var t=new Map(e);return t.delete(n),t})),x((function(e){var t=(e.correctAnswer||"").replace(n,"");return t=t.split("").sort().join(""),r(r({},e),{correctAnswer:t})}))},disabled:b.size<=2},"-"))),s([],l(b),!1).map((function(e){var n=l(e,2),t=n[0],r=n[1];return u.default.createElement("div",{className:"input-group",style:{flexDirection:"row",alignItems:"center",width:"100%"}},u.default.createElement("label",{style:{width:"15px"}},t,"."),u.default.createElement("input",{type:"text",id:t,value:r,onChange:S,style:{width:"100%"},placeholder:I(t)}),u.default.createElement("input",{type:"".concat(w),id:t,onChange:_,name:"correct"}))}))),u.default.createElement("div",{style:{display:"flex",alignItems:"center"}},u.default.createElement("input",{type:"checkbox",onChange:function(e){!0===e.target.checked?(k("radio"),x((function(e){return r(r({},e),{type:"MCQ-single"})}))):(k("checkbox"),x((function(e){return r(r({},e),{type:"MCQ-mult"})})));for(var n=document.getElementsByTagName("input"),t=0;t<n.length;t++)"correct"==n[t].name&&(n[t].checked=!1);x((function(e){return r(r({},e),{correctAnswer:""})}))}}),u.default.createElement("label",null,"Allow only one answer")),u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"maxScore",className:"input-label"},"Maximum Score:"),u.default.createElement("input",{type:"number",id:"maxScore",onChange:B,placeholder:"e.g. 10",min:"0"})))}},4638:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},o=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var l=i(t(2313)),s=t(2847);n.default=function(){return a(this,void 0,void 0,(function(){var e,n,t,a;return o(this,(function(o){switch(o.label){case 0:return[4,l.default.get("/api/login",{credentials:"include"})];case 1:return e=o.sent(),n=(0,s.decodeAccessToken)(e.accessToken),t={headers:{accept:"application/json","content-type":"application/json",authorization:"Bearer ".concat(e.accessToken)}},[4,l.default.get("/api/users/".concat(n.userId),t,!0)];case 2:return a=o.sent(),[2,r(r({},e),a)]}}))}))}},4726:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,'.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#4d4d4d;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4d4d4d;border-radius:50%;background-color:#fafafa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{-webkit-box-shadow:0px 0px 3px 2px #0099e0;-moz-box-shadow:0px 0px 3px 2px #0099e0;box-shadow:0px 0px 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{-webkit-box-shadow:0px 0px 5px 5px #0099e0;-moz-box-shadow:0px 0px 5px 5px #0099e0;box-shadow:0px 0px 5px 5px #0099e0}html,body,#main{height:100%;position:relative}h1{margin:20px auto;text-align:center}h2{margin:10px 0;text-align:center}hr{border:1px solid #ddd;margin:0}a{color:var(--link-blue)}.btn,button.btnDelete,button.btnSecondary,button.btnPrimary,button.pageHeaderBtn{cursor:pointer;padding:5px 15px;border-radius:30px;border:none;font-weight:700;font-size:16px;transition:all .2s ease}.btn:disabled,button.btnDelete:disabled,button.btnSecondary:disabled,button.btnPrimary:disabled,button.pageHeaderBtn:disabled{opacity:60%;cursor:not-allowed}.no_items{font-style:italic;margin-right:auto;margin-bottom:20px}button.btnPrimary,button.pageHeaderBtn{background-color:var(--primary);border:3px solid var(--primary);color:#fff}button.btnPrimary:hover,button.pageHeaderBtn:hover{background-color:var(--hover-darker);border:3px solid var(--hover-darker)}button.btnSecondary{background-color:var(--btn-secondary-background);color:var(--btn-secondary-text);border:3px solid var(--btn-secondary-border)}button.btnSecondary:hover{background-color:var(--hover-lighter)}button.btnDelete{background-color:var(--btn-delete-background);color:var(--btn-delete-text);border:3px solid var(--btn-delete-border)}label{color:var(--text-color)}label>span{color:var(--input-field-label);margin-left:3px;font-style:italic}.input-group{display:flex;flex-direction:column;gap:7px;width:100%}.input-group>input,.input-group>textarea{padding:10px;border-radius:10px;border:none;background-color:var(--input-field-background);color:var(--text-color);font-family:"Source Sans Pro","Helvetica","Arial",sans-serif}.input-group>input::placeholder,.input-group>textarea::placeholder{color:var(--input-field-label)}.modal-header,.input-subgroup-2col{display:flex;justify-content:space-between;gap:20px}.modal-header>h3{color:var(--text-color);margin:0}.modal-header>button{background:var(--input-field-background);color:var(--text-color);border:none;border-radius:5px;cursor:pointer}button.modalAction{align-self:center}.pageHeader{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.pageHeader>h1{grid-column-start:2}.pageHeaderBtn{margin-left:auto}body{font-family:"Source Sans Pro","Helvetica","Arial",sans-serif;margin:0;padding:0;text-size-adjust:100%;background-color:var(--background);color:var(--text-color);--background: white;--text-color: black;--text-color-secondary: #363636;--focus: var(--blue);--primary: var(--purple);--secondary-lighter: #cfd1d1;--secondary: #a8abab;--secondary-darker: #686b6b;--list-item-background: #c5c5c5;--list-item-background-hover: #e9e9e9;--list-item-subtext: #4b4b4b;--list-simple-item-background: #9f9f9f4f;--list-simple-item-background-hover: #a0a0a0;--list-simple-item-subtext: #4b4b4b;--modal-background: var(--grey-lightest);--blue-lighter: #74b9ff;--blue: #0984e3;--blue-darker: #083967;--link-blue: #075D92;--btn-secondary-border: var(--primary);--btn-secondary-background: #FFF;--btn-secondary-text: var(--primary);--hover-darker: var(--purple-darker);--hover-lighter: var(--purple-lightest);--btn-delete-border: var(--red);--btn-delete-background: #FFF;--btn-delete-text: var(--red);--input-field-background: #fff;--input-field-label: var(--grey);--table-row-even: var(--background);--table-row-odd: var(--grey-lightest);--red-text: var(--red);--yellow-text: var(--yellow-dark);--grey-lightest: #efefef;--grey-lighter: #c5c5c5;--grey: #555555;--grey-darker: #444444;--grey-darkest: #333333;--blue-lighter: #78B7FF;--blue: #1F3D7A;--red-lighter: #FFA3A3;--red: #8A2626;--purple-lightest: #dcd5fb;--purple-lighterer: #9885f0;--purple-lighter: #7257EB;--purple: #52468A;--purple-darker: #2F2363;--green-lighter: #B0EEA2;--green: #306025;--yellow-dark: #664600;--yellow: #F8D487;transition:background-color 150ms linear}body.dark-mode{--background: #1e1e1e;--text-color: #FFF;--text-color-secondary: #9b9b9b;--focus: var(--blue-lighter);--primary: #7257EB;--secondary-lighter: #636666;--secondary: #3d3f3f;--secondary-darker: #1f2020;--link-blue: #0b8cdb;--list-item-background: #333333;--list-item-background-hover: #303030;--list-item-subtext: #e0e0e0;--list-simple-item-background: #464646;--list-simple-item-background-hover: #626262;--list-simple-item-subtext: #4b4b4b;--modal-background: var(--grey-darkest);--btn-secondary-border: var(--primary);--btn-secondary-background: var(--purple-darker);--btn-secondary-text: #FFF;--hover-darker: var(--purple-lighterer);--hover-lighter: var(--purple);--btn-text-color: var(--purple-lighter) --btn-delete-border: var(--red-lighter);--btn-delete-background: var(--red);--btn-delete-text: #FFF;--input-field-background: var(--grey);--input-field-label: var(--grey-lighter);--table-row-even: var(--grey-darker);--table-row-odd: var(--grey-darkest);--red-text: var(--red-lighter);--yellow-text: var(--yellow);background-color:var(--background);color:var(--text-color)}.error-message{color:var(--error-text);font-size:.875rem;font-weight:bold;margin-top:5px}.error-container{background-color:var(--error-background);border-left:5px solid var(--error-text);padding:10px;margin:10px 0;border-radius:5px}.error-page{background-color:var(--error-page-background);display:flex;align-items:center;justify-content:center;height:100vh}.error-heading{font-size:2rem;color:var(--error-text)}.error-description{font-size:1.2rem;color:var(--text-color)}.input-field{width:100%;padding:10px 15px;font-size:1rem;color:var(--text-color);background-color:var(--input-field-background);border:1px solid var(--input-border);border-radius:var(--border-radius);transition:border-color .3s ease}.input-field:focus{border-color:var(--focus);outline:none}.input-field:disabled{background-color:var(--grey-lightest);color:var(--grey-lighter);cursor:not-allowed}::placeholder{color:var(--text-color-secondary);font-style:italic}*:focus{outline-color:var(--focus)}',"",{version:3,sources:["webpack://./node_modules/react-toggle/style.css","webpack://./src/assets/global.scss"],names:[],mappings:"AAAA,cACE,kBAAA,CAEA,oBAAA,CACA,iBAAA,CACA,cAAA,CACA,4BAAA,CACA,QAAA,CACA,SAAA,CAEA,0BAAA,CACA,wBAAA,CACA,uBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,4CAAA,CACA,uCAAA,CAGF,gCACE,QAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CACA,SAAA,CACA,iBAAA,CACA,SAAA,CAGF,wBACE,kBAAA,CACA,UAAA,CACA,+BAAA,CACA,uBAAA,CAGF,oBACE,UAAA,CACA,WAAA,CACA,SAAA,CACA,kBAAA,CACA,wBAAA,CACA,+BAAA,CACA,4BAAA,CACA,uBAAA,CAGF,qEACE,qBAAA,CAGF,2CACE,wBAAA,CAGF,8EACE,wBAAA,CAGF,0BACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,OAAA,CACA,UAAA,CACA,eAAA,CACA,kBAAA,CACA,aAAA,CACA,QAAA,CACA,SAAA,CACA,oCAAA,CACA,iCAAA,CACA,4BAAA,CAGF,iDACE,SAAA,CACA,oCAAA,CACA,iCAAA,CACA,4BAAA,CAGF,sBACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,OAAA,CACA,UAAA,CACA,eAAA,CACA,kBAAA,CACA,aAAA,CACA,UAAA,CACA,SAAA,CACA,oCAAA,CACA,iCAAA,CACA,4BAAA,CAGF,6CACE,SAAA,CAGF,oBACE,qDAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,iBAAA,CACA,wBAAA,CAEA,6BAAA,CACA,0BAAA,CACA,qBAAA,CAEA,gCAAA,CACA,6BAAA,CACA,wBAAA,CAGF,2CACE,SAAA,CACA,oBAAA,CAGF,yCACE,0CAAA,CACA,uCAAA,CACA,kCAAA,CAGF,sEACE,0CAAA,CACA,uCAAA,CACA,kCAAA,CCpIA,gBAGE,WAAA,CAEA,iBAAA,CAGF,GACE,gBAAA,CACA,iBAAA,CAGF,GACE,aAAA,CACA,iBAAA,CAGF,GACE,qBAAA,CACA,QAAA,CAGF,EACE,sBAAA,CAIF,iFACE,cAAA,CACA,gBAAA,CACA,kBAAA,CACA,WAAA,CACA,eAAA,CACA,cAAA,CACA,uBAAA,CACA,8HACE,WAAA,CACA,kBAAA,CAIJ,UACE,iBAAA,CACA,iBAAA,CACA,kBAAA,CAGF,uCAEE,+BAAA,CACA,+BAAA,CACA,UAAA,CAEA,mDACE,oCAAA,CACA,oCAAA,CAIJ,oBAGE,gDAAA,CACA,+BAAA,CACA,4CAAA,CAEA,0BACE,qCAAA,CAIJ,iBAEE,6CAAA,CACA,4BAAA,CACA,yCAAA,CAGF,MACE,uBAAA,CAGF,WACE,8BAAA,CACA,eAAA,CACA,iBAAA,CAGF,aACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,UAAA,CAGF,yCAEE,YAAA,CACA,kBAAA,CAEA,WAAA,CACA,8CAAA,CACA,uBAAA,CACA,4DAAA,CAIF,mEAEE,8BAAA,CAGF,mCAEE,YAAA,CACA,6BAAA,CACA,QAAA,CAGF,iBACE,uBAAA,CACA,QAAA,CAGF,qBACE,wCAAA,CACA,uBAAA,CACA,WAAA,CACA,iBAAA,CACA,cAAA,CAGF,mBACE,iBAAA,CAGF,YACE,YAAA,CACA,iCAAA,CACA,kBAAA,CAGF,eACE,mBAAA,CAGF,eAEE,gBAAA,CAGF,KACE,4DAAA,CACA,QAAA,CACA,SAAA,CACA,qBAAA,CAEA,kCAAA,CACA,uBAAA,CAEA,mBAAA,CACA,mBAAA,CACA,+BAAA,CACA,oBAAA,CAEA,wBAAA,CAEA,4BAAA,CACA,oBAAA,CACA,2BAAA,CAEA,+BAAA,CACA,qCAAA,CACA,4BAAA,CAEA,wCAAA,CACA,4CAAA,CACA,mCAAA,CAEA,wCAAA,CAEA,uBAAA,CACA,eAAA,CACA,sBAAA,CACA,oBAAA,CACA,sCAAA,CACA,gCAAA,CACA,oCAAA,CAEA,oCAAA,CACA,uCAAA,CAGA,+BAAA,CACA,6BAAA,CACA,6BAAA,CAEA,8BAAA,CACA,gCAAA,CAEA,mCAAA,CACA,qCAAA,CAEA,sBAAA,CACA,iCAAA,CAGA,wBAAA,CACA,uBAAA,CACA,eAAA,CACA,sBAAA,CACA,uBAAA,CAEA,uBAAA,CACA,eAAA,CAEA,sBAAA,CACA,cAAA,CAEA,0BAAA,CACA,2BAAA,CACA,yBAAA,CACA,iBAAA,CACA,wBAAA,CAEA,wBAAA,CACA,gBAAA,CAEA,sBAAA,CACA,iBAAA,CAEA,wCAAA,CAGF,eACE,qBAAA,CACA,kBAAA,CACA,+BAAA,CACA,4BAAA,CAEA,kBAAA,CAEA,4BAAA,CACA,oBAAA,CACA,2BAAA,CAEA,oBAAA,CAEA,+BAAA,CACA,qCAAA,CACA,4BAAA,CAEA,sCAAA,CACA,4CAAA,CACA,mCAAA,CAEA,uCAAA,CAEA,sCAAA,CACA,gDAAA,CACA,0BAAA,CAEA,uCAAA,CACA,8BAAA,CAEA,+EAAA,CACA,mCAAA,CACA,uBAAA,CAEA,qCAAA,CACA,wCAAA,CAEA,oCAAA,CACA,oCAAA,CAEA,8BAAA,CACA,4BAAA,CAEA,kCAAA,CACA,uBAAA,CAIF,eACE,uBAAA,CACA,iBAAA,CACA,gBAAA,CACA,cAAA,CAIF,iBACE,wCAAA,CACA,uCAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CAIF,YACE,6CAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,YAAA,CAGF,eACE,cAAA,CACA,uBAAA,CAGF,mBACE,gBAAA,CACA,uBAAA,CAIF,aACE,UAAA,CACA,iBAAA,CACA,cAAA,CACA,uBAAA,CACA,8CAAA,CACA,oCAAA,CACA,kCAAA,CACA,gCAAA,CAEA,mBACE,yBAAA,CACA,YAAA,CAGF,sBACE,qCAAA,CACA,yBAAA,CACA,kBAAA,CAOJ,cACE,iCAAA,CACA,iBAAA,CAGF,QACE,0BAAA",sourcesContent:[".react-toggle {\n  touch-action: pan-x;\n\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-toggle-screenreader-only {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.react-toggle--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  -webkit-transition: opacity 0.25s;\n  transition: opacity 0.25s;\n}\n\n.react-toggle-track {\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  border-radius: 30px;\n  background-color: #4D4D4D;\n  -webkit-transition: all 0.2s ease;\n  -moz-transition: all 0.2s ease;\n  transition: all 0.2s ease;\n}\n\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: #000000;\n}\n\n.react-toggle--checked .react-toggle-track {\n  background-color: #19AB27;\n}\n\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\n  background-color: #128D15;\n}\n\n.react-toggle-track-check {\n  position: absolute;\n  width: 14px;\n  height: 10px;\n  top: 0px;\n  bottom: 0px;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  left: 8px;\n  opacity: 0;\n  -webkit-transition: opacity 0.25s ease;\n  -moz-transition: opacity 0.25s ease;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-check {\n  opacity: 1;\n  -webkit-transition: opacity 0.25s ease;\n  -moz-transition: opacity 0.25s ease;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle-track-x {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 0px;\n  bottom: 0px;\n  margin-top: auto;\n  margin-bottom: auto;\n  line-height: 0;\n  right: 10px;\n  opacity: 1;\n  -webkit-transition: opacity 0.25s ease;\n  -moz-transition: opacity 0.25s ease;\n  transition: opacity 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-track-x {\n  opacity: 0;\n}\n\n.react-toggle-thumb {\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border: 1px solid #4D4D4D;\n  border-radius: 50%;\n  background-color: #FAFAFA;\n\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n\n  -webkit-transition: all 0.25s ease;\n  -moz-transition: all 0.25s ease;\n  transition: all 0.25s ease;\n}\n\n.react-toggle--checked .react-toggle-thumb {\n  left: 27px;\n  border-color: #19AB27;\n}\n\n.react-toggle--focus .react-toggle-thumb {\n  -webkit-box-shadow: 0px 0px 3px 2px #0099E0;\n  -moz-box-shadow: 0px 0px 3px 2px #0099E0;\n  box-shadow: 0px 0px 2px 3px #0099E0;\n}\n\n.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {\n  -webkit-box-shadow: 0px 0px 5px 5px #0099E0;\n  -moz-box-shadow: 0px 0px 5px 5px #0099E0;\n  box-shadow: 0px 0px 5px 5px #0099E0;\n}\n","@import 'variables';\n\n:global {\n  // Libraries\n  // Import css libraries here as needed\n  @import '~react-toggle/style';\n\n  html,\n  body,\n  #main {\n    height: 100%;\n    //overflow: hidden;\n    position: relative;\n  }\n\n  h1 {\n    margin: 20px auto;\n    text-align: center;\n  }\n\n  h2 {\n    margin: 10px 0;\n    text-align: center;\n  }\n\n  hr{\n    border: 1px solid #ddd;\n    margin: 0;\n  }\n\n  a {\n    color: var(--link-blue);\n  }\n\n  // general button template, extends to 3 types of buttons - primary, secondary, delete\n  .btn {\n    cursor: pointer;\n    padding: 5px 15px;\n    border-radius: 30px;\n    border: none;\n    font-weight: 700;\n    font-size: 16px;\n    transition: all 0.2s ease;\n    &:disabled{\n      opacity: 60%;\n      cursor: not-allowed;\n    }\n  }\n\n  .no_items {\n    font-style: italic;\n    margin-right: auto; // Keeps text locked left after hitting 738px\n    margin-bottom: 20px;\n  }\n\n  button.btnPrimary {\n    @extend .btn;\n    background-color: var(--primary);\n    border: 3px solid var(--primary);\n    color: #fff; // primary button always white text\n\n    &:hover {\n      background-color: var(--hover-darker);\n      border: 3px solid var(--hover-darker);\n    }\n  }\n\n  button.btnSecondary {\n    @extend .btn;\n\n    background-color: var(--btn-secondary-background);\n    color: var(--btn-secondary-text);\n    border: 3px solid var(--btn-secondary-border);\n\n    &:hover {\n      background-color: var(--hover-lighter);\n    }\n  }\n\n  button.btnDelete {\n    @extend .btn;\n    background-color: var(--btn-delete-background);\n    color: var(--btn-delete-text);\n    border: 3px solid var(--btn-delete-border);\n  }\n\n  label {\n    color: var(--text-color);\n  }\n\n  label>span {\n    color: var(--input-field-label);\n    margin-left: 3px;\n    font-style: italic;\n  }\n\n  .input-group {\n    display: flex;\n    flex-direction: column;\n    gap: 7px;\n    width: 100%\n  }\n\n  .input-group>input,\n  .input-group>textarea {\n    padding: 10px;\n    border-radius: 10px;\n    // border: 1px solid var(--input-field-label);\n    border: none;\n    background-color: var(--input-field-background);\n    color: var(--text-color);\n    font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;\n    ;\n  }\n\n  .input-group>input::placeholder,\n  .input-group>textarea::placeholder {\n    color: var(--input-field-label);\n  }\n\n  .modal-header,\n  .input-subgroup-2col {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n  }\n\n  .modal-header>h3 {\n    color: var(--text-color);\n    margin: 0;\n  }\n\n  .modal-header>button {\n    background: var(--input-field-background);\n    color: var(--text-color);\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  button.modalAction {\n    align-self: center;\n  }\n\n  .pageHeader {\n    display: grid;\n    grid-template-columns: 1fr 2fr 1fr;\n    align-items: center;\n  }\n\n  .pageHeader > h1 {\n    grid-column-start: 2;\n  }\n\n  .pageHeaderBtn {\n    @extend .btnPrimary;\n    margin-left: auto;\n  }\n\n  body {\n    font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;\n    margin: 0;\n    padding: 0;\n    text-size-adjust: 100%;\n\n    background-color: var(--background);\n    color: var(--text-color);\n    \n    --background: white;\n    --text-color: black;\n    --text-color-secondary: #363636;\n    --focus: var(--blue);\n\n    --primary: var(--purple);\n\n    --secondary-lighter: #cfd1d1;\n    --secondary: #a8abab;\n    --secondary-darker: #686b6b;\n\n    --list-item-background: #c5c5c5;\n    --list-item-background-hover: #e9e9e9;\n    --list-item-subtext: #4b4b4b;\n\n    --list-simple-item-background: #9f9f9f4f;\n    --list-simple-item-background-hover: #a0a0a0;\n    --list-simple-item-subtext: #4b4b4b;\n\n    --modal-background: var(--grey-lightest);\n\n    --blue-lighter: #74b9ff;\n    --blue: #0984e3;\n    --blue-darker: #083967;\n    --link-blue: #075D92;\n    --btn-secondary-border: var(--primary);\n    --btn-secondary-background: #FFF;\n    --btn-secondary-text: var(--primary);\n\n    --hover-darker: var(--purple-darker);\n    --hover-lighter: var(--purple-lightest);\n\n\n    --btn-delete-border: var(--red);\n    --btn-delete-background: #FFF;\n    --btn-delete-text: var(--red);\n\n    --input-field-background: #fff;\n    --input-field-label: var(--grey);\n\n    --table-row-even: var(--background);\n    --table-row-odd: var(--grey-lightest);\n\n    --red-text: var(--red);\n    --yellow-text: var(--yellow-dark);\n\n    // Non theme colors - will not update with light/dark toggle\n    --grey-lightest: #efefef;\n    --grey-lighter: #c5c5c5;\n    --grey: #555555;\n    --grey-darker: #444444;\n    --grey-darkest: #333333;\n\n    --blue-lighter: #78B7FF;\n    --blue: #1F3D7A;\n\n    --red-lighter: #FFA3A3;\n    --red: #8A2626;\n\n    --purple-lightest: #dcd5fb;\n    --purple-lighterer: #9885f0;\n    --purple-lighter: #7257EB;\n    --purple: #52468A;\n    --purple-darker: #2F2363;\n\n    --green-lighter: #B0EEA2;\n    --green: #306025;\n\n    --yellow-dark: #664600;\n    --yellow: #F8D487;\n\n    transition: background-color 150ms linear;\n  }\n\n  body.dark-mode {\n    --background: #1e1e1e;\n    --text-color: #FFF;\n    --text-color-secondary: #9b9b9b;\n    --focus: var(--blue-lighter);\n\n    --primary: #7257EB;\n\n    --secondary-lighter: #636666;\n    --secondary: #3d3f3f;\n    --secondary-darker: #1f2020;\n\n    --link-blue: #0b8cdb;\n\n    --list-item-background: #333333;\n    --list-item-background-hover: #303030;\n    --list-item-subtext: #e0e0e0;\n\n    --list-simple-item-background: #464646;\n    --list-simple-item-background-hover: #626262;\n    --list-simple-item-subtext: #4b4b4b;\n\n    --modal-background: var(--grey-darkest);\n\n    --btn-secondary-border: var(--primary);\n    --btn-secondary-background: var(--purple-darker);\n    --btn-secondary-text: #FFF;\n\n    --hover-darker: var(--purple-lighterer);\n    --hover-lighter: var(--purple);\n\n    --btn-text-color: var(--purple-lighter) --btn-delete-border: var(--red-lighter);\n    --btn-delete-background: var(--red);\n    --btn-delete-text: #FFF;\n\n    --input-field-background: var(--grey);\n    --input-field-label: var(--grey-lighter);\n\n    --table-row-even: var(--grey-darker);\n    --table-row-odd: var(--grey-darkest);\n\n    --red-text: var(--red-lighter);\n    --yellow-text: var(--yellow);\n\n    background-color: var(--background);\n    color: var(--text-color);\n  }\n\n  // General Error Message\n  .error-message {\n    color: var(--error-text);\n    font-size: 0.875rem;\n    font-weight: bold;\n    margin-top: 5px;\n  }\n\n  // Validation Error Container\n  .error-container {\n    background-color: var(--error-background);\n    border-left: 5px solid var(--error-text);\n    padding: 10px;\n    margin: 10px 0;\n    border-radius: 5px;\n  }\n\n  // Error Page Styling (From `errorPage.scss`)\n  .error-page {\n    background-color: var(--error-page-background);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100vh;\n  }\n\n  .error-heading {\n    font-size: 2rem;\n    color: var(--error-text);\n  }\n\n  .error-description {\n    font-size: 1.2rem;\n    color: var(--text-color);\n  }\n\n  // Global Input Field Styles\n  .input-field {\n    width: 100%;\n    padding: 10px 15px;\n    font-size: 1rem;\n    color: var(--text-color);\n    background-color: var(--input-field-background);\n    border: 1px solid var(--input-border);\n    border-radius: var(--border-radius);\n    transition: border-color 0.3s ease;\n\n    &:focus {\n      border-color: var(--focus);\n      outline: none;\n    }\n\n    &:disabled {\n      background-color: var(--grey-lightest);\n      color: var(--grey-lighter);\n      cursor: not-allowed;\n    }\n  }\n\n\n\n  // Placeholder Styling\n  ::placeholder {\n    color: var(--text-color-secondary);\n    font-style: italic;\n  }\n\n  *:focus {\n    outline-color: var(--focus);\n  }\n}"],sourceRoot:""}]),i.locals={};const l=i},4868:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(3143);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},4885:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=t(833),d=t(9218),A=s(t(2313)),p=t(4625),f=s(t(1090));n.default=function(e){var n=e.open,t=e.onClose,a=l((0,u.useActionless)(d.SET_ALERT),1)[0],o=(0,p.useParams)(),i=o.assignmentId,s=o.courseId,m=l((0,c.useState)(),2),g=m[0],b=m[1],h=l((0,c.useState)(),2),C=h[0],v=h[1],x=l((0,c.useState)({assignmentId:i,autogradingImage:"",timeout:""}),2),y=x[0],w=x[1],k=function(e){var n=e.target.id,t=e.target.value;w((function(e){var a;return r(r({},e),((a={})[n]=t,a))}))};return c.default.createElement(f.default,{title:"Add Container Auto Grader",buttonAction:function(){if(g&&C){var e=new FormData;e.append("assignmentId",y.assignmentId),e.append("autogradingImage",y.autogradingImage),e.append("timeout",String(y.timeout)),g&&e.append("graderFile",g),C&&e.append("makefileFile",C),A.default.postMultipart("/api/course/".concat(s,"/assignment/").concat(i,"/container-auto-graders/"),e).then((function(){a({autoDelete:!0,type:"success",message:"Container Auto-Grader Added"})})).catch((function(e){var n=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message;a({autoDelete:!1,type:"error",message:n})})).finally((function(){})),w({assignmentId:i,autogradingImage:"",timeout:""}),t()}},open:n,onClose:t},c.default.createElement("div",{className:"input-group"},c.default.createElement("label",{htmlFor:"autogradingImage"},"Autograding Image*:"),c.default.createElement("input",{type:"text",id:"autogradingImage",onChange:k,placeholder:"e.g. Assignment 1 Image"})),c.default.createElement("div",{className:"input-group"},c.default.createElement("label",{htmlFor:"timeout"},"Timeout (ms):"),c.default.createElement("input",{type:"number",id:"timeout",placeholder:"e.g. 3000",onChange:k})),c.default.createElement("div",{className:"input-group"},c.default.createElement("label",{htmlFor:"graderFile"},"Graderfile*:"),c.default.createElement("input",{type:"file",id:"graderFile",onChange:function(e){var n;b(null===(n=e.target.files)||void 0===n?void 0:n.item(0))}})),c.default.createElement("div",{className:"input-group"},c.default.createElement("label",{htmlFor:"makefile"},"Makefile*:"),c.default.createElement("input",{type:"file",id:"makefile",onChange:function(e){var n;v(null===(n=e.target.files)||void 0===n?void 0:n.item(0))}})))}},4894:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var l=t(7697),s=t(4993),c=o(t(6540)),u=t(4625),d=i(t(2313));n.default=function(){var e=(0,s.useDispatch)(),n=(0,u.useParams)().courseId;return(0,c.useEffect)((function(){window.location.pathname.includes("/course/")&&d.default.get("/api/course/".concat(n,"/user-courses/users")).then((function(n){"instructor"===n.role?e((0,l.updateUserRole)("Instructor")):e((0,l.updateUserRole)("Student"))})).catch((function(e){console.error(e)}))}),[]),c.default.createElement("div",{hidden:!0})}},5031:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(4448);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},5127:(e,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.prettyPrintDateTime=n.fullWordPrintDate=n.wordPrintDate=n.prettyPrintDate=void 0,n.prettyPrintDate=function(e){return new Date(e).toLocaleDateString("en-us",{year:"numeric",month:"2-digit",day:"2-digit"})},n.wordPrintDate=function(e){return new Date(e).toLocaleString("en-us",{weekday:"short",month:"short",day:"2-digit",hour:"2-digit",minute:"2-digit"})},n.fullWordPrintDate=function(e){return new Date(e).toLocaleString("en-us",{weekday:"long",month:"long",day:"2-digit",hour:"2-digit",minute:"2-digit"})},n.prettyPrintDateTime=function(e){return new Date(e).toLocaleString(void 0,{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})}},5143:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(3786);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},5195:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var s=o(t(6540)),c=l(t(1090));t(1252),n.default=function(e){var n=e.open,t=e.onClose,r=i((0,s.useState)(""),2),a=r[0],o=r[1],l=i((0,s.useState)(""),2),u=l[0],d=l[1],A=i((0,s.useState)(""),2),p=A[0],f=A[1],m=i((0,s.useState)("15"),2),g=m[0],b=m[1],h=i((0,s.useState)(""),2),C=h[0],v=h[1];return s.default.createElement(c.default,{title:"Create Attendance",open:n,onClose:t,buttonAction:function(){var e={course:a,date:u,code:p,duration:g,description:C};console.log("Submitting attendance:",e),t()}},s.default.createElement("div",{className:"assignment-form"},s.default.createElement("div",{className:"formRow"},s.default.createElement("label",null,"Course:"),s.default.createElement("select",{value:a,onChange:function(e){return o(e.target.value)},required:!0},s.default.createElement("option",{value:"",disabled:!0},"Select course"),s.default.createElement("option",{value:"CSE 312"},"CSE 312: Web Applications"),s.default.createElement("option",{value:"CSE 443"},"CSE 443: Software Engineering"),s.default.createElement("option",{value:"CSE 331"},"CSE 331: Algorithms and Complexity"))),s.default.createElement("div",{className:"formRow"},s.default.createElement("label",null,"Session Date:"),s.default.createElement("input",{type:"date",value:u,onChange:function(e){return d(e.target.value)},required:!0})),s.default.createElement("div",{className:"formRow"},s.default.createElement("label",null,"Attendance Code:"),s.default.createElement("div",{className:"code-input-row"},s.default.createElement("input",{type:"text",value:p,onChange:function(e){return f(e.target.value.toUpperCase())},placeholder:"Enter or generate a code",required:!0}),s.default.createElement("button",{type:"button",className:"btnPrimary",onClick:function(){var e=Math.random().toString(36).substring(2,7).toUpperCase();f(e)}},"Generate"))),s.default.createElement("div",{className:"formRow"},s.default.createElement("label",null,"Duration (minutes):"),s.default.createElement("input",{type:"number",min:"1",value:g,onChange:function(e){return b(e.target.value)},required:!0})),s.default.createElement("div",{className:"formRow"},s.default.createElement("label",null,"Description (optional):"),s.default.createElement("textarea",{value:C,onChange:function(e){return v(e.target.value)},placeholder:"Details for this session",rows:3}))))}},5258:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var s=o(t(6540)),c=t(4625),u=t(833),d=t(2883),A=l(t(6187)),p=l(t(2521)),f=l(t(2393)),m=l(t(8331)),g=l(t(5954)),b=l(t(5580)),h=l(t(4638)),C=t(8280);n.default=function(){var e=i((0,u.useActionless)(d.SET_USER),1)[0],n=i((0,s.useState)(!0),2),t=n[0],r=n[1],a=i((0,s.useState)(null),2),o=a[0],l=a[1],v=i((0,s.useState)(!1),2),x=v[0],y=v[1];return(0,s.useEffect)((function(){(0,C.initializeTheme)(),(0,h.default)().then(e).then((function(){return y(!0)})).catch(l).finally((function(){return r(!1)}))}),[]),t?s.default.createElement(g.default,{delay:100}):x?o?s.default.createElement(m.default,{error:o}):s.default.createElement(c.Router,{history:b.default},s.default.createElement(A.default,null),s.default.createElement(p.default,null)):s.default.createElement(f.default,null)}},5336:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=o(t(6540)),d=t(833),A=c(t(2287)),p=c(t(5954)),f=c(t(8331)),m=c(t(2313)),g=t(4625),b=c(t(2500)),h=c(t(5720));n.default=function(){var e=s((0,u.useState)(!0),2),n=e[0],t=e[1],r=s((0,u.useState)(null),2),a=r[0],o=r[1],c=(0,g.useHistory)(),C=(0,g.useParams)(),v=C.submissionId,x=C.assignmentId,y=C.courseId,w=s((0,u.useState)(null),2),k=w[0],E=w[1],$=s((0,u.useState)(new Array),2),B=$[0],S=$[1],_=s((0,u.useState)(new Array),2),I=_[0],D=_[1],O=s((0,u.useState)(),2),P=O[0],j=O[1],F=s((0,u.useState)(!1),2),M=F[0],N=F[1],T=(0,d.useAppSelector)((function(e){return e.roleMode}));(0,u.useEffect)((function(){i(void 0,void 0,void 0,(function(){var e,n,r,a,i,s,c;return l(this,(function(l){switch(l.label){case 0:return l.trys.push([0,6,7,8]),[4,m.default.get("/api/course/".concat(y,"/assignment/").concat(x,"/submission-scores?submission=").concat(v))];case 1:return e=null!==(c=l.sent().pop())&&void 0!==c?c:null,E(e),console.log("SUBMISSION SCORE:",e),[4,m.default.get("/api/course/".concat(y,"/assignment/").concat(x,"/submissions/").concat(v))];case 2:return n=l.sent(),[4,m.default.get("/api/course/".concat(y,"/assignment/").concat(x,"/submission-problem-scores/submission/").concat(v))];case 3:return r=l.sent(),S(r),console.log("SUBMISSION PROBLEM SCORE:",r),[4,m.default.get("/api/course/".concat(y,"/assignments/").concat(n.assignmentId))];case 4:return a=l.sent(),j(a),[4,m.default.get("/api/course/".concat(y,"/assignment/").concat(a.id,"/assignment-problems"))];case 5:return i=l.sent(),D(i),[3,8];case 6:return s=l.sent(),o(s),[3,8];case 7:return t(!1),[7];case 8:return[2]}}))}))}),[]);var G=function(){N(!M)};return n?u.default.createElement(p.default,{delay:250}):a?u.default.createElement(f.default,{error:a}):u.default.createElement(A.default,null,u.default.createElement(h.default,{open:M,onClose:G,submissionScore:k,assignmentProblems:I,submissionProblemScores:B}),u.default.createElement("div",{className:"pageHeader"},u.default.createElement("h1",null,"View Feedback"),u.default.createElement("button",{className:"pageHeaderBtn",onClick:function(){c.push("/course/".concat(y,"/assignment/").concat(x))}},"Back to Assignment")),u.default.createElement("div",{className:b.default.container},u.default.createElement("div",{className:b.default.left},u.default.createElement("div",{className:b.default.feedback_header},u.default.createElement("h2",null,"Feedback for: ",u.default.createElement(g.Link,{to:"/course/".concat(y,"/assignment/").concat(x)},null==P?void 0:P.name))),u.default.createElement("p",null,u.default.createElement("strong",null,"Instructor Feedback:")),u.default.createElement("pre",{className:b.default.feedback},k?k.feedback:"no feedback provided"),u.default.createElement("p",null,u.default.createElement("strong",null,"Autograder Feedback:")),B.map((function(e){return u.default.createElement("pre",{className:b.default.feedback},e?e.feedback:"no feedback provided")}))),u.default.createElement("div",{className:b.default.right},u.default.createElement("div",{className:b.default.scores},u.default.createElement("div",{className:b.default.section_header},u.default.createElement("h2",null,"Scores")),I.map((function(e){var n=B.find((function(n){return n.assignmentProblemId===e.id}));return u.default.createElement("div",{key:e.id,className:b.default.score_item},u.default.createElement("span",{className:b.default.problem_name},e.problemName),u.default.createElement("span",null,n?n.score:"--"))})),u.default.createElement("div",{className:b.default.score_item},u.default.createElement("span",null,u.default.createElement("strong",null,"Assignment Score:")),u.default.createElement("span",null,u.default.createElement("strong",null,k?k.score:"--")))),u.default.createElement("button",{className:"btnSecondary",onClick:function(){c.push("/course/".concat(y,"/assignment/").concat(x,"/submission/").concat(v,"/fileView"))}},"View Source"),u.default.createElement("button",{className:"btnSecondary"},"Download Submission"),T.isInstructor()&&u.default.createElement("button",{className:"btnPrimary",onClick:G},"Manually Grade"))))}},5429:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=s(t(3503)),d=t(8280),A=s(t(6668));n.default=function(e){var n=e.options,t=e.onChange,a=e.onCreate,o=e.placeholder,i=e.disabled,s=e.defaultOption,p=e.className,f=void 0===p?"":p,m=e.label,g=e.value,b=e.custom,h=l((0,c.useState)((0,d.getCssVariables)()),2),C=h[0],v=h[1];(0,c.useEffect)((function(){var e=new MutationObserver((function(){return v((0,d.getCssVariables)())}));return e.observe(document.body,{attributes:!0}),function(){return e.disconnect()}}));var x,y,w,k=C.textColor,E=C.background,$=r(r({},b),{menu:function(e){return r(r({},e),{backgroundColor:E,boxShadow:"none",border:"2px solid #ccc",borderRadius:"10px"})},container:function(e){return r(r({},e),{width:"100%"})},input:function(e){return r(r({},e),{backgroundColor:E,color:k,fontWeight:"500",input:{fontFamily:"inherit"}})},placeholder:function(e){return r(r({},e),{color:"#ffffff"})},control:function(e){return r(r({},e),{backgroundColor:E,cursor:"pointer",borderRadius:"10px",padding:"8px 2px",border:"2px solid #ccc"})},singleValue:function(e){return r(r({},e),{color:k})},option:function(e,n){return r(r({},e),{cursor:"pointer",color:k,borderBottom:"1px solid #ccc",width:"inherit",backgroundColor:n.isFocused?"var(--list-item-background-hover)":E,"&:last-of-type":{borderBottom:"none"}})}});return c.default.createElement("div",{className:"".concat(A.default.dropdown," ").concat(f)},!!m&&c.default.createElement("label",null,m),c.default.createElement(u.default,{"aria-label":m,styles:b?(x=$,y=b,w={},Object.keys(x).forEach((function(e){var n=e;w[n]=function(e,t){var a,o;return r(r({},null===(a=x[n])||void 0===a?void 0:a.call(x,e,t)),null===(o=y[n])||void 0===o?void 0:o.call(y,e,t))}})),w):$,options:n,onChange:function(e){return t(e)},onCreateOption:function(e){return a(e)},placeholder:o,isDisabled:i,value:g,defaultValue:s,components:{IndicatorSeparator:function(){return null}}}))}},5465:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(4384);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},5505:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(1624);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},5580:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.updatePathname=n.removeUrlParam=n.updateUrlParams=void 0;var a=t(7929),o=r(t(6663)),i=r(t(7028)),l=(0,a.createBrowserHistory)({basename:i.default.rootPath});function s(e){void 0===e&&(e={});var n=Object.keys(e).map((function(n){return"".concat(n,"=").concat(e[n])})).join("&");l.push({search:"?".concat(n)})}n.updateUrlParams=s,n.removeUrlParam=function(e){var n=o.default.parse(window.location.search);delete n[e],s(n)},n.updatePathname=function(e){var n=window.location.search;l.push({pathname:e,search:n})},n.default=l},5720:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},s=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},c=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},u=this&&this.__values||function(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")},d=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var A=i(t(6540)),p=t(4625),f=t(833),m=t(9218),g=d(t(2313)),b=d(t(1090));n.default=function(e){var n=e.open,t=e.onClose,a=e.submissionScore,o=e.assignmentProblems,i=e.submissionProblemScores,d=c((0,f.useActionless)(m.SET_ALERT),1)[0],h=(0,p.useParams)(),C=h.assignmentId,v=h.courseId,x=c((0,A.useState)({}),2),y=x[0],w=x[1],k=c((0,A.useState)({submissionId:null==a?void 0:a.submissionId,score:null==a?void 0:a.score,feedback:null==a?void 0:a.feedback,releasedAt:"2024-10-05T14:48:00.00Z"}),2),E=k[0],$=k[1],B=function(e){var n=e.target.id,t=e.target.value;$((function(e){var a;return r(r({},e),((a={})[n]=t,a))}))},S=function(e){var n=e.target,t=n.id,o=n.value,i=Number(o);w((function(e){var n=r({},e);return n[t]?n[t].score=i:n[t]={submissionId:null==a?void 0:a.submissionId,assignmentProblemId:Number(t.split("_")[1]),score:i},n}))};return A.default.createElement(b.default,{title:"Grade Assignment",buttonAction:function(){return l(void 0,void 0,void 0,(function(){var e,n,t,o,l,A,p,f,m,b;return s(this,(function(h){switch(h.label){case 0:e="/api/course/".concat(v,"/assignment/").concat(C,"/submission-problem-scores"),$((function(e){var n;return r(r({},e),((n={}).releasedAt=(new Date).toISOString(),n))})),n=function(n,t){var r,a;return s(this,(function(o){switch(o.label){case 0:return r=Number(n.split("_")[1]),a=i.find((function(e){return e.assignmentProblemId===r})),t.releasedAt=(new Date).toISOString(),a?[4,g.default.put("".concat(e,"/").concat(a.id),t)]:[3,2];case 1:return o.sent(),[3,4];case 2:return[4,g.default.post(e,t)];case 3:o.sent(),o.label=4;case 4:return[2]}}))},h.label=1;case 1:h.trys.push([1,6,7,8]),t=u(Object.entries(y)),o=t.next(),h.label=2;case 2:return o.done?[3,5]:(l=c(o.value,2),A=l[0],p=l[1],[5,n(A,p)]);case 3:h.sent(),h.label=4;case 4:return o=t.next(),[3,2];case 5:return[3,8];case 6:return f=h.sent(),m={error:f},[3,8];case 7:try{o&&!o.done&&(b=t.return)&&b.call(t)}finally{if(m)throw m.error}return[7];case 8:return a?[4,g.default.put("/api/course/".concat(v,"/assignment/").concat(C,"/submission-scores/").concat(a.id),E).then((function(){d({autoDelete:!0,type:"success",message:"Submission Score Updated"}),window.location.reload()}))]:[3,10];case 9:return h.sent(),[3,12];case 10:return[4,g.default.post("/api/course/".concat(v,"/assignment/").concat(C,"/submission-scores"),E).then((function(){d({autoDelete:!0,type:"success",message:"Submission Score Created"}),window.location.reload()}))];case 11:h.sent(),h.label=12;case 12:return[2]}}))}))},open:n,onClose:t},o.map((function(e){var n,t,r=i.find((function(n){return n.assignmentProblemId===e.id}));return A.default.createElement("div",{key:e.id,className:"input-group"},A.default.createElement("label",{htmlFor:"problem_"+(null===(n=e.id)||void 0===n?void 0:n.toString())},e.problemName),A.default.createElement("input",{type:"number",id:"problem_"+(null===(t=e.id)||void 0===t?void 0:t.toString()),placeholder:String(r?r.score:"unanswered"),onChange:S}))})),A.default.createElement("div",{className:"input-group"},A.default.createElement("label",{htmlFor:"score",className:"input-label"},"Assignment Score:"),A.default.createElement("input",{type:"number",id:"score",value:Number(E.score),onChange:B})),A.default.createElement("div",{className:"input-group"},A.default.createElement("label",{htmlFor:"feedback",className:"input-label"},"Overall Feedback:"),A.default.createElement("textarea",{rows:4,id:"feedback",onChange:B,value:String(E.feedback),placeholder:"Provide assignment feedback..."})))}},5772:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.composeEnhancers=void 0;var a=t(8238),o=t(1966),i=r(t(9779)),l=r(t(1935));n.composeEnhancers=window&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;var s=(0,a.createStore)(l.default,i.default,(0,o.composeWithDevTools)());n.default=s},5789:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(7482);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},5864:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".LHF-SaHJw6ZQnrEPVsd3sQ\\=\\={text-align:left;margin:20px 0;margin:10px 0;color:var(--text-color)}.u37ROac0t0rIO4QALU613A\\=\\={display:grid;justify-items:center;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px;justify-content:flex-start}.LTKh-yFm4QF8I15-8Blf6Q\\=\\={display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;padding:0;overflow:hidden;margin-bottom:10px}.gN8DQrBZ1klly4ZEDIJT-g\\=\\={width:fit-content;align-self:center;grid-column-start:2}.XEMILw20tU3Q-vToFiZw6w\\=\\={color:var(--text-color);display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center}.eSDvBP93eJOYIVhjqzAKvA\\=\\={display:flex;gap:10px;margin-left:auto;padding:10px 20px}#aP-B-cMoWxqjFnMwn\\+1NeA\\=\\={display:block;margin-left:auto;border:2px solid var(--primary);background:rgba(0,0,0,0);color:var(--primary);padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:background-color .3s ease,color .3s ease;cursor:pointer}#aP-B-cMoWxqjFnMwn\\+1NeA\\=\\=:hover{background-color:--background;color:var(--primary)}@media(max-width: 1000px){.u37ROac0t0rIO4QALU613A\\=\\={display:flex;flex-direction:column;align-items:center}.XEMILw20tU3Q-vToFiZw6w\\=\\={display:flex;flex-direction:column;align-items:center}.eSDvBP93eJOYIVhjqzAKvA\\=\\={margin-left:0}}","",{version:3,sources:["webpack://./src/components/pages/homePage/homePage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAOA,4BACI,eAAA,CACA,aAAA,CAGA,aAAA,CACA,uBCLS,CDiBb,4BACI,YAAA,CACA,oBAAA,CACA,iCAAA,CAEA,QAAA,CACA,eAAA,CACA,0BAAA,CAIJ,4BACI,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,mBAAA,CACA,UAAA,CACA,SAAA,CACA,eAAA,CACA,kBAAA,CAaJ,4BACI,iBAAA,CACA,iBAAA,CACA,mBAAA,CAGJ,4BACI,uBCxDS,CDyDT,YAAA,CACA,iCAAA,CACA,oBAAA,CACA,kBAAA,CAGJ,4BACI,YAAA,CACA,QAAA,CACA,gBAAA,CACA,iBAAA,CAGJ,6BACI,aAAA,CACA,gBAAA,CACA,+BAAA,CACA,wBAAA,CACA,oBCxEM,CDyEN,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,mDAAA,CACA,cAAA,CAEA,mCACI,6BAAA,CACA,oBClFE,CDkGV,0BACI,4BACI,YAAA,CACA,qBAAA,CACA,kBAAA,CAEJ,4BACI,YAAA,CACA,qBAAA,CACA,kBAAA,CAEJ,4BACI,aAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n\n\n\n\n.courses_heading {\n    text-align: left;\n    margin: 20px 0;\n    // font-size: 30px;\n    // font-weight: 550;\n    margin: 10px 0;\n    color: $text-color;\n}\n\n// h1 {\n//     align-items:left;\n//     margin-left 20px;\n//     font-size: 30px;\n//     font-weight: 550;\n//     margin-bottom: 30px;\n// }\n\n\n.coursesContainer {\n    display: grid;\n    justify-items: center;\n    grid-template-columns: 1fr 1fr 1fr;\n    //flex-direction: row;\n    gap: 20px;\n    margin-top:20px;\n    justify-content: flex-start;\n    // margin: 20px;\n}\n\n.courseCard {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n    width: 100%;\n    padding: 0;\n    overflow: hidden;\n    margin-bottom: 10px;\n}\n\n// .create_course {\n//     border: 0;\n//     color: $primary;\n//     padding: 10px 20px;\n//     border-radius: 5px;\n//     text-decoration: none;\n//     font-weight: 600;\n//     transition: background-color 0.3s ease;\n//     margin: 20px\n// }\n.courses_title{\n    width: fit-content;\n    align-self: center;\n    grid-column-start: 2;\n}\n\n.header {\n    color: $text-color;\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    justify-items: center;\n    align-items: center;\n}\n\n.buttonContainer{\n    display: flex;\n    gap: 10px;\n    margin-left: auto;\n    padding: 10px 20px;\n}\n\n#joinCourseBtn {\n    display: block;\n    margin-left: auto;\n    border: 2px solid $primary;\n    background: transparent;\n    color: $primary;\n    padding: 10px 20px;\n    border-radius: 5px;\n    text-decoration: none;\n    font-weight: 600;\n    transition: background-color 0.3s ease, color 0.3s ease;\n    cursor: pointer;\n\n    &:hover {\n        background-color: --background;\n        color: $primary;\n    }\n\n}\n\n\n// .courses_heading::after {\n//     content: '';\n//     display: block;\n//     margin-top: 10px;\n//     width: 100%;\n//     height: 1px;\n//     font-weight: 600;\n//     background-color: $text-color;\n// }\n\n@media (max-width: 1000px) {\n    .coursesContainer {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n    .header {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n    .buttonContainer{\n        margin-left: 0;\n    }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={courses_heading:"LHF-SaHJw6ZQnrEPVsd3sQ==",coursesContainer:"u37ROac0t0rIO4QALU613A==",courseCard:"LTKh-yFm4QF8I15-8Blf6Q==",courses_title:"gN8DQrBZ1klly4ZEDIJT-g==",header:"XEMILw20tU3Q-vToFiZw6w==",buttonContainer:"eSDvBP93eJOYIVhjqzAKvA==",joinCourseBtn:"aP-B-cMoWxqjFnMwn+1NeA=="};const l=i},5892:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.RegularIconLibrary=n.IconLibrary=void 0;var l=i(t(6540)),s=t(982),c=o(t(8102)),u=o(t(7065));n.IconLibrary={eye:c.faEye,info:c.faInfoCircle,"arrow-up":c.faArrowUp,"arrow-down":c.faArrowDown,"arrow-right":c.faArrowRight,"arrow-left":c.faArrowLeft,sync:c.faSync,folder:c.faFolder,"folder-open":c.faFolderOpen,file:c.faFile,"file-image":c.faFileImage,"file-pdf":c.faFilePdf,"file-csv":c.faFileCsv,upload:c.faUpload,download:c.faDownload,trash:c.faTrash,eraser:c.faEraser,gift:c.faGift,share:c.faShare,"share-alt":c.faShareAlt,times:c.faTimes,spinner:c.faSpinner,bell:c.faBell,"chart-bar":c.faChartBar,"thumbs-up":c.faThumbsUp,"thumbs-down":c.faThumbsDown,check:c.faCheck,database:c.faDatabase,bars:c.faBars,clone:c.faClone,edit:c.faEdit,plus:c.faPlus,"external-link":c.faExternalLinkAlt,sun:c.faSun,moon:c.faMoon,"caret-down":c.faCaretDown,"user-circle":c.faUserCircle,chalkboard:c.faChalkboard,chalkboardUser:c.faChalkboardUser},n.RegularIconLibrary={clone:u.faClone,trash:u.faTrashAlt,edit:u.faEdit,smile:u.faSmile,frown:u.faFrown,meh:u.faMeh,save:u.faSave,sun:u.faSun,moon:u.faMoon},n.default=function(e){var t=e.icon,r=e.regularIcon,a=e.className,o=void 0===a?"":a;return l.default.createElement(l.default.Fragment,null,t&&l.default.createElement(s.FontAwesomeIcon,{className:o,icon:n.IconLibrary[t]}),r&&l.default.createElement(s.FontAwesomeIcon,{className:o,icon:n.RegularIconLibrary[r]}))}},5949:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(6530);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},5952:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(6315);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},5954:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var s=o(t(6540)),c=l(t(790)),u=l(t(3600)),d=["Failing Students","Organizing Classes","Feeding Professors","Shredding Papers","Sharpening Pencils"];n.default=function(e){var n=e.delay,t=void 0===n?0:n,r=e.className,a=void 0===r?"":r,o=i((0,s.useState)(!1),2),l=o[0],A=o[1];return(0,s.useEffect)((function(){var e=!1;return setTimeout((function(){e||A(!0)}),t),function(){e=!0}}),[]),l?s.default.createElement("div",{className:"".concat(u.default.container," ").concat(a)},s.default.createElement(c.default,{label:d[Math.floor(Math.random()*d.length)]})):null}},6027:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=t(4625),i=r(t(1945)),l=r(t(9291));n.default=function(e){var n,t=e.to,r=e.children,s=e.tag,c=e.className,u=void 0===c?"":c,d=e.tagStyle,A=e.containerStyle;return a.default.createElement(o.Link,{to:t,className:A||i.default.container},s&&a.default.createElement("div",{className:d||i.default.tag,style:{backgroundColor:(n=s,new l.default({hue:{min:90,max:270}}).hex(n))}}),a.default.createElement("div",{className:u},r))}},6031:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._3fxFbXdSRm2tXm6OLw9N0Q\\=\\={display:flex;justify-content:space-between;gap:20px}._8gGjc5\\+SSzNdvOVyCGtUXA\\=\\={width:70%;border:2px solid var(--primary);border-radius:10px;height:fit-content;padding-bottom:10px}.xXdeJEX1Txb\\+DnD0swe4XA\\=\\={width:30%;display:flex;flex-direction:column;gap:15px}.vLwsmY8p2j5F8qcHmJEJXg\\=\\={border:2px solid var(--primary);border-radius:10px;display:flex;flex-direction:column;padding-bottom:5px;margin-bottom:15px}.RRo42TKB1FiIfpzDqtcxbg\\=\\=,.ICQs-AOHMyC-Tsy\\+0cICaA\\=\\={color:#fff;background-color:var(--primary);padding:0 15px;border-top-left-radius:inherit;border-top-right-radius:inherit;margin-left:-2px;margin-right:-2px;margin-bottom:15px}.ICQs-AOHMyC-Tsy\\+0cICaA\\=\\={display:flex;justify-content:space-between;gap:20px}.ICQs-AOHMyC-Tsy\\+0cICaA\\=\\= a{color:#fff}.dcyekleIXN0ht-MdPXnIjQ\\=\\={display:flex;justify-content:space-between;padding:0px 15px 10px}.rZ-eOexyXEd72nk8jHs9vg\\=\\={max-width:90%;white-space:pre-wrap;overflow-wrap:break-word}.VkAutDv7JIfQWzi5sUs5fg\\=\\={padding:0px 15px 10px;margin:0;max-width:100%;white-space:pre-wrap;overflow-wrap:break-word}._8gGjc5\\+SSzNdvOVyCGtUXA\\=\\=>p{text-align:left;padding:0px 15px}","",{version:3,sources:["webpack://./src/components/pages/submissions/submissionDetailPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,6BACE,YAAA,CACA,6BAAA,CACA,QAAA,CAGF,8BACE,SAAA,CACA,+BAAA,CACA,kBAAA,CACA,kBAAA,CACA,mBAAA,CAGF,6BACE,SAAA,CACA,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,4BACE,+BAAA,CACA,kBAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,kBAAA,CAGF,yDACE,UAAA,CACA,+BCvBQ,CDwBR,cAAA,CAGA,8BAAA,CACA,+BAAA,CAGA,gBAAA,CACA,iBAAA,CACA,kBAAA,CAGF,6BAEE,YAAA,CACA,6BAAA,CACA,QAAA,CAGF,+BACE,UAAA,CAGF,4BACE,YAAA,CACA,6BAAA,CACA,qBAAA,CAGF,4BACE,aAAA,CACA,oBAAA,CACA,wBAAA,CAGF,4BACE,qBAAA,CACA,QAAA,CACA,cAAA,CACA,oBAAA,CACA,wBAAA,CAGF,gCACE,eAAA,CACA,gBAAA",sourcesContent:["@import 'variables';\n\n.container {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.left {\n  width: 70%;\n  border: 2px solid $primary;\n  border-radius: 10px;\n  height: fit-content;\n  padding-bottom: 10px; // for 20px from content\n}\n\n.right {\n  width: 30%;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n\n.scores {\n  border: 2px solid $primary;\n  border-radius: 10px;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 5px;\n  margin-bottom: 15px; // for 30px btwn scores section and buttons\n}\n\n.section_header {\n  color: #FFF;\n  background-color: $primary;\n  padding: 0 15px;\n  \n  // so header corners dont show\n  border-top-left-radius: inherit;\n  border-top-right-radius: inherit;\n\n  // adjust for 2px border\n  margin-left: -2px;\n  margin-right: -2px;\n  margin-bottom: 15px;\n}\n\n.feedback_header {\n  @extend .section_header;\n  display: flex;\n  justify-content: space-between;\n  gap: 20px; // so content does not mush together on smaller screen widths\n}\n\n.feedback_header a {\n  color: #FFF;\n}\n\n.score_item {\n  display: flex;\n  justify-content: space-between;\n  padding: 0px 15px 10px; // top l/r bottom\n}\n\n.problem_name {\n  max-width: 90%;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n}\n\n.feedback {\n  padding: 0px 15px 10px;\n  margin: 0;\n  max-width: 100%;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n}\n\n.left > p {\n  text-align: left;\n  padding: 0px 15px;\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={container:"_3fxFbXdSRm2tXm6OLw9N0Q==",left:"_8gGjc5+SSzNdvOVyCGtUXA==",right:"xXdeJEX1Txb+DnD0swe4XA==",scores:"vLwsmY8p2j5F8qcHmJEJXg==",section_header:"RRo42TKB1FiIfpzDqtcxbg==",feedback_header:"ICQs-AOHMyC-Tsy+0cICaA==",score_item:"dcyekleIXN0ht-MdPXnIjQ==",problem_name:"rZ-eOexyXEd72nk8jHs9vg==",feedback:"VkAutDv7JIfQWzi5sUs5fg=="};const l=i},6072:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var s=o(t(6540)),c=t(4625),u=t(833),d=t(2883),A=l(t(2313)),p=l(t(8331)),f=l(t(2287)),m=l(t(5954)),g=l(t(3384)),b=l(t(8588));n.default=function(e){var n=(0,c.useParams)().userId,t=i((0,u.useActionless)(d.UPDATE_USER),1)[0],r=i((0,s.useState)(!0),2),a=r[0],o=r[1],l=i((0,s.useState)({}),2),h=l[0],C=l[1],v=i((0,s.useState)(null),2),x=v[0],y=v[1];return(0,s.useEffect)((function(){A.default.get("/api/users/".concat(n)).then(C).catch(y).finally((function(){return o(!1)}))}),[]),a?s.default.createElement(m.default,{delay:250}):x?s.default.createElement(p.default,{error:x}):s.default.createElement(f.default,{className:b.default.container},s.default.createElement(g.default,{user:h,onSubmit:t}))}},6152:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=t(2217),d=t(8280),A=s(t(9158));n.default=function(e){var n=e.onChange,t=e.className,a=void 0===t?"":t,o=e.label,i=e.placeholder,s=e.id,p=e.disabled,f=e.defaultValue,m=e.value,g=e.invalidated,b=e.helpText,h=e.variant,C=void 0===h?"outlined":h,v=e.sx,x=e.multiline,y=e.rows,w=l((0,c.useState)((0,d.getCssVariables)()),2),k=w[0],E=w[1];return(0,c.useEffect)((function(){var e=new MutationObserver((function(){return E((0,d.getCssVariables)())}));return e.observe(document.body,{attributes:!0}),function(){return e.disconnect()}})),c.default.createElement("div",{className:"".concat(A.default.textField," ").concat(a)},c.default.createElement(u.TextField,r({},g&&{error:!0},{disabled:p,helperText:b,id:s,className:A.default.input,placeholder:i,variant:C,label:o,defaultValue:f,value:m,onChange:function(e){n&&n(e.target.value,e)},sx:r(r({},v),{"& .MuiOutlinedInput-input":{color:k.textColor,borderRadius:"10px",marginBottom:"0px",minHeight:"35px",padding:"10px"},"& .MuiInputLabel-outlined":{color:k.inputFieldLabel,"&.Mui-focused":{color:k.focus}},"& .MuiOutlinedInput-notchedOutline":{border:"none",padding:"0 10px"}})},x&&{multiline:!0},x&&y&&{minRows:y},x&&y&&{maxRows:y})))}},6187:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var s=o(t(6540)),c=t(833),u=t(9218),d=t(8280),A=l(t(5892)),p=l(t(9259));n.default=function(){var e=(0,c.useAppSelector)((function(e){return e.active.alert})),n=i((0,c.useActionless)(u.SET_ALERT),1)[0];if((0,s.useEffect)((function(){e&&e.autoDelete&&setTimeout((function(){return n(null)}),3500)}),[e]),!e)return null;var t=(0,d.getCssVariables)(),r=t.red;return"warning"===e.type?r=t.yellow:"info"===e.type?r=t.purple:"success"===e.type&&(r=t.green),s.default.createElement("div",{onClick:function(){return n(null)},className:p.default.container,style:{backgroundColor:r}},s.default.createElement(A.default,{icon:"times",className:p.default.icon}),s.default.createElement("p",{className:p.default.message},e.message||"Unknown Alert"))}},6224:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},s=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},c=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=i(t(6540)),A=t(4625),p=u(t(2287)),f=u(t(2739)),m=u(t(2313)),g=u(t(8331)),b=u(t(5954)),h=t(833),C=t(9218),v=u(t(4868)),x=t(5127),y=t(4625),w=u(t(9991));n.default=function(){var e=c((0,h.useActionless)(C.SET_ALERT),1)[0],n=(0,A.useHistory)(),t=(0,A.useParams)(),a=t.assignmentId,o=t.courseId,i=(0,h.useAppSelector)((function(e){return e.user.id})),u=(0,h.useAppSelector)((function(e){return e.roleMode})),k=c((0,d.useState)(null),2),E=k[0],$=k[1],B=c((0,d.useState)(!0),2),S=B[0],_=B[1],I=c((0,d.useState)({}),2),D=I[0],O=I[1],P=c((0,d.useState)(),2),j=P[0],F=(P[1],c((0,d.useState)(new Array),2)),M=F[0],N=F[1],T=c((0,d.useState)(new Array),2),G=T[0],Q=T[1],U=c((0,d.useState)(),2),W=U[0],L=U[1],R=c((0,d.useState)(),2),z=R[0],J=R[1],Y=c((0,d.useState)(!0),2),q=Y[0],V=Y[1],H=c((0,d.useState)(new Array),2),X=(H[0],H[1]),Z=c((0,d.useState)(!1),2),K=Z[0],ee=(Z[1],(0,y.useLocation)());(0,d.useEffect)((function(){ne()}),[ee]);var ne=function(){return l(void 0,void 0,void 0,(function(){var n,t,r,i,l,c;return s(this,(function(s){switch(s.label){case 0:return s.trys.push([0,6,7,8]),[4,m.default.get("/api/course/".concat(o,"/assignments/").concat(a))];case 1:return n=s.sent(),L(n),[4,m.default.get("/api/courses/".concat(o))];case 2:return t=s.sent(),J(t),[4,m.default.get("/api/course/".concat(o,"/assignment/").concat(a,"/assignment-problems/"))];case 3:return r=s.sent(),N(r),[4,m.default.get("/api/course/".concat(o,"/assignment/").concat(a,"/submissions/"))];case 4:return(i=s.sent()).sort((function(e,n){var t,r;return Date.parse(null!==(t=n.createdAt)&&void 0!==t?t:"")-Date.parse(null!==(r=e.createdAt)&&void 0!==r?r:"")})),Q(i),[4,m.default.get("/api/course/".concat(o,"/assignment/").concat(a,"/non-container-auto-graders"))];case 5:return l=s.sent(),X(l),[3,8];case 6:return c=s.sent(),$(c),e({autoDelete:!1,type:"error",message:"Submission past due date"}),[3,8];case 7:return _(!1),[7];case 8:return[2]}}))}))};if(S)return d.default.createElement(b.default,{delay:250});if(E)return d.default.createElement(g.default,{error:E});var te=function(e){var n=e.target.type,t=e.target.value,a=e.target.id;if("checkbox"===n){var o=e.target.checked;O((function(e){var n,i=e[a]||"",l="";return l=(l=o?i+t:i.replace(t,"")).split("").sort().join(""),r(r({},e),((n={})[a]=l,n))}))}else O((function(e){var n;return r(r({},e),((n={})[a]=t,n))})),console.log(D)};return d.default.createElement(p.default,null,d.default.createElement("div",{className:v.default.header},d.default.createElement("h1",{style:{gridColumnStart:2}},"Submit Assignment"),d.default.createElement("button",{style:{marginLeft:"auto"},className:"btnPrimary",onClick:function(){n.push("/course/".concat(o))}},"Back to Course")),d.default.createElement("div",{className:v.default.details},d.default.createElement("div",{className:v.default.assignmentDetails},d.default.createElement("h2",{style:{textAlign:"left"}},null==z?void 0:z.number," - ",null==W?void 0:W.name),d.default.createElement("div",null,null==W?void 0:W.description)),d.default.createElement("div",{className:v.default.submissionDetails},d.default.createElement("span",{className:v.default.metaText},d.default.createElement("strong",null,"Due Date: "),(null==W?void 0:W.dueDate)?(0,x.fullWordPrintDate)(null==W?void 0:W.dueDate):"N/A"),d.default.createElement("span",{className:v.default.metaText},d.default.createElement("strong",null,"Available Until: "),(null==W?void 0:W.endDate)?(0,x.fullWordPrintDate)(null==W?void 0:W.endDate):"N/A"),d.default.createElement("span",{className:v.default.metaText},d.default.createElement("strong",null,"Submissions Made: "),G.length+"/"+(null==W?void 0:W.maxSubmissions)),d.default.createElement("span",null,d.default.createElement("a",{onClick:function(){return n.push("/course/".concat(o,"/assignment/").concat(a,"/submissions"))},className:v.default.handinHistory},"View Handin History")))),d.default.createElement("div",{className:v.default.details,style:{marginTop:"20px"}},d.default.createElement("div",{className:v.default.assignmentDetails},d.default.createElement("span",{className:v.default.metaText},d.default.createElement("strong",null,"Assignment Category: "),null==W?void 0:W.categoryName),d.default.createElement("span",{className:v.default.metaText},d.default.createElement("strong",null,"Attachments: "),null==W?void 0:W.attachmentsFilenames," ")),u.isInstructor()&&d.default.createElement("div",{className:v.default.options_section},d.default.createElement("button",{className:"btnPrimary ".concat(v.default.parallel_button),onClick:function(){n.push("/course/".concat(o,"/assignment/").concat(a,"/update"))}},"Edit Assignment"),d.default.createElement("button",{className:"btnPrimary ".concat(v.default.parallel_button)},"Grade Submissions"),d.default.createElement("button",{className:"btnPrimary ".concat(v.default.parallel_button)},"Scoreboard"))),d.default.createElement("h3",{style:{textAlign:"center"}},"Problems"),d.default.createElement("div",{className:v.default.problems_section},d.default.createElement("div",{className:v.default.problems_list},d.default.createElement("h2",null,"Problems"),0!=M.length?M.map((function(e){return d.default.createElement(d.default.Fragment,null,d.default.createElement(f.default,{problem:e,handleChange:te}),d.default.createElement("hr",null))})):d.default.createElement("div",{style:{fontStyle:"italic",textAlign:"center",marginTop:"10px"}}," No problems yet..."),!function(){if(null==W?void 0:W.endDate){var e=new Date(W.endDate);return new Date>e}return!1}()&&M&&M.length>0?d.default.createElement("div",{className:v.default.submit_container},d.default.createElement("div",{className:v.default.affirmation},d.default.createElement("input",{type:"checkbox",id:"ai-check",onClick:function(){V(!q)}}),d.default.createElement("label",{htmlFor:"ai-check",className:v.default.affirmText},"I affirm that I have complied with this course’s academic integrity policy as defined in the syllabus.")),d.default.createElement("button",{className:"btnPrimary",style:{marginTop:"40px"},onClick:function(){return l(void 0,void 0,void 0,(function(){var n,t,r,l,c,u;return s(this,(function(s){switch(s.label){case 0:t={filepaths:[],form:D},r={userId:i,assignmentId:a,courseId:o,content:JSON.stringify(t)},console.log(t),_(!0),s.label=1;case 1:return s.trys.push([1,8,9,11]),j?((l=new FormData).append("userId",String(i)),l.append("assignmentId",a),l.append("courseId",o),l.append("content",JSON.stringify(t)),l.append("files",j),[4,m.default.postMultipart("/api/course/".concat(o,"/assignment/").concat(a,"/submissions"),l)]):[3,3];case 2:return n=s.sent(),[3,5];case 3:return[4,m.default.post("/api/course/".concat(o,"/assignment/").concat(a,"/submissions"),r)];case 4:n=s.sent(),s.label=5;case 5:return e({autoDelete:!0,type:"success",message:"Submission Sent"}),[4,m.default.post("/api/course/".concat(o,"/grade/").concat(n.id),{})];case 6:return s.sent(),e({autoDelete:!0,type:"success",message:"Submission Graded"}),[4,ne()];case 7:return s.sent(),[3,11];case 8:return c=s.sent(),u=Array.isArray(c)?c.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):c.message,e({autoDelete:!1,type:"error",message:u}),[3,11];case 9:return _(!1),[4,ne()];case 10:return s.sent(),[7];case 11:return[2]}}))}))},disabled:q},"Submit Assignment")):null)),d.default.createElement("div",null,d.default.createElement("div",{className:v.default.submissionsContainer},G.map((function(e,t){return d.default.createElement("div",{className:v.default.submissionCard,key:t},d.default.createElement("div",{onClick:function(){n.push("/course/".concat(o,"/assignment/").concat(a,"/submission/").concat(e.id))}},d.default.createElement("div",null,d.default.createElement("div",{className:v.default.submissionHeading},"Submission ".concat(G.length-t)),d.default.createElement("div",{className:v.default.submissionTime},"Submitted at: ".concat(e.createdAt&&(0,x.prettyPrintDateTime)(e.createdAt))))))})),K&&d.default.createElement("div",{className:v.default.scoreboardContainer},d.default.createElement(w.default,{courseId:o,assignmentId:a})))))}},6255:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(7134);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},6283:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(7478);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},6315:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".WONLYPr7dawMMgpH\\+0irVw\\=\\={display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;width:100%}.KD4u2kCcroQ2WTc0yEu9zw\\=\\={display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.GAYUGvwd\\+R6Qk2Y3SPYHBw\\=\\={margin-left:auto}.wxPicw2HD1dfTdjOs8---A\\=\\={width:80%;height:fit-content}.GywpvZ\\+1tq3btliJ8FENnw\\=\\={display:flex;flex-direction:column;font-size:16px;gap:10px;margin-bottom:10px}.-CKNS7b970KtAIeg7tthpg\\=\\={align-items:center;margin-bottom:0;border:2px solid #ccc;width:inherit}.vdjOmVZInMB8QwjMGK1fHA\\=\\={margin:5px 0}.VMSFf3ANoWLnRp\\+tU\\+Gk6Q\\=\\={display:grid;grid-template-columns:1fr 1fr;font-size:16px;gap:10px;margin-bottom:10px}.WzpEcXr3T7is3FZGSXa\\+MQ\\=\\={display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);grid-template-rows:1fr 1fr;grid-column-gap:10px;align-items:center;text-align:left;margin-bottom:15px}.WzpEcXr3T7is3FZGSXa\\+MQ\\=\\= .c7k9j\\+p83xCzPxqR4zWPPw\\=\\={grid-area:1/1/2/2}.WzpEcXr3T7is3FZGSXa\\+MQ\\=\\= .SyvEm2EMUBwn3I90dW05Pg\\=\\={grid-area:1/2/2/3}.WzpEcXr3T7is3FZGSXa\\+MQ\\=\\= .Aooc8p5r7Z4EjsnVrLV7CA\\=\\={grid-area:1/3/2/4}input[type=datetime-local]{color:var(--input-field-label);border:2px solid #ccc;padding:10px;max-width:1/3;border-radius:8px;background:none}.pWwM45DEm429H2TPGBYiUQ\\=\\={display:flex;flex-direction:column;align-items:left;gap:10px;margin-bottom:10px}.CwSjMv91E87QW9KNLUvjag\\=\\={display:flex;margin:10px 0}.PzIREwUnAS2iKMHltm3I\\+Q\\=\\={margin:0 0 10px 0}._5ZrdOtBjEdMiVBYEpGT18g\\=\\={background-color:rgba(0,0,0,0);background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none}._5ZrdOtBjEdMiVBYEpGT18g\\=\\=:hover{background-color:var(--list-item-background-hover);border-radius:10px}.VemeQoohnM6vXaiyK8LlTw\\=\\={text-align:left;margin:5px 0;color:var(--text-color)}.z8n4uSvwqczAacdZQdd2mg\\=\\={margin-right:5px;color:var(--link-blue);padding:0;background:none;text-decoration:underline}.A-QV4kesqoxTZC4wV3\\+Z2A\\=\\={margin-left:5px;color:var(--red);padding:0;background:none;text-decoration:underline}.dqyri10i0pzJyD-AeGug9A\\=\\={display:flex;gap:20px}._7FFqXVzGG1tsy8CEs1nwqA\\=\\={text-transform:none;border:3px solid var(--primary);background-color:var(--primary);border-radius:100px;font-weight:700;font-size:14px;color:#fff;padding:3px 14px;font-style:normal;max-width:fit-content;transition:all .2s ease}._7FFqXVzGG1tsy8CEs1nwqA\\=\\=:hover{border:3px solid var(--hover-darker);background-color:var(--hover-darker)}@media(max-width: 1000px){.WONLYPr7dawMMgpH\\+0irVw\\=\\={display:grid;grid-template-columns:1fr;grid-column-gap:0px;grid-row-gap:10px;width:100%}.wxPicw2HD1dfTdjOs8---A\\=\\={width:100%}}@media(max-width: 450px){.WzpEcXr3T7is3FZGSXa\\+MQ\\=\\={display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3, 1fr);grid-column-gap:0px;grid-row-gap:10px;width:100%;justify-content:center;align-items:center;text-align:center}.c7k9j\\+p83xCzPxqR4zWPPw\\=\\={grid-area:1/1/2/2}.SyvEm2EMUBwn3I90dW05Pg\\=\\={grid-area:2/1/3/2}.Aooc8p5r7Z4EjsnVrLV7CA\\=\\={grid-area:3/1/4/2}}","",{version:3,sources:["webpack://./src/components/pages/forms/assignments/assignmentUpdatePage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,6BACI,YAAA,CACA,6BAAA,CACA,oBAAA,CACA,iBAAA,CACA,UAAA,CAGJ,4BACI,YAAA,CACA,iCAAA,CACA,kBAAA,CAGJ,6BACI,gBAAA,CAOJ,4BACI,SAAA,CACA,kBAAA,CAIJ,6BACI,YAAA,CACA,qBAAA,CACA,cAAA,CACA,QAAA,CACA,kBAAA,CAGJ,4BACI,kBAAA,CACA,eAAA,CACA,qBAAA,CACA,aAAA,CAGJ,4BACI,YAAA,CAGJ,8BACI,YAAA,CACA,6BAAA,CACA,cAAA,CACA,QAAA,CACA,kBAAA,CAGJ,6BACI,YAAA,CACA,kEAAA,CACA,0BAAA,CACA,oBAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,0DAAA,iBAAA,CACA,yDAAA,iBAAA,CACA,yDAAA,iBAAA,CAIJ,2BACI,8BC9CgB,CD+ChB,qBAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CACA,eAAA,CAGJ,4BACI,YAAA,CACA,qBAAA,CACA,gBAAA,CACA,QAAA,CACA,kBAAA,CAEJ,4BACI,YAAA,CACA,aAAA,CAEJ,6BACI,iBAAA,CAcJ,6BACI,8BAAA,CACA,2BAAA,CACA,WAAA,CACA,cAAA,CACA,eAAA,CACA,YAAA,CAGJ,mCACI,kDClGyB,CDmGzB,kBAAA,CAIJ,4BACI,eAAA,CACA,YAAA,CACA,uBCpHS,CDuHb,4BACI,gBAAA,CACA,sBCxFQ,CDyFR,SAAA,CACA,eAAA,CACA,yBAAA,CAGJ,6BACI,eAAA,CACA,gBC7FE,CD8FF,SAAA,CACA,eAAA,CACA,yBAAA,CAIJ,4BACI,YAAA,CACA,QAAA,CAGJ,6BACI,mBAAA,CACA,+BAAA,CACA,+BAAA,CACA,mBAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,qBAAA,CACA,uBAAA,CAEJ,mCACI,oCAAA,CACA,oCAAA,CAIJ,0BACI,6BACI,YAAA,CACA,yBAAA,CACA,mBAAA,CACA,iBAAA,CACA,UAAA,CAGJ,4BACI,UAAA,CAAA,CAKR,yBACI,6BACI,YAAA,CACA,yBAAA,CACA,iCAAA,CACA,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CAGA,6BAAA,iBAAA,CACA,4BAAA,iBAAA,CACA,4BAAA,iBAAA,CAAA",sourcesContent:["@import 'variables';\n\n.grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-column-gap: 10px;\n    grid-row-gap: 10px;\n    width: 100%;\n}\n\n.pageHeader {\n    display: grid;\n    grid-template-columns: 1fr 2fr 1fr;\n    align-items: center;\n}\n\n.backToCourse{\n    margin-left: auto;\n}\n\n// .assignmentsList {grid-area: 1 / 1 / 3 / 2;}\n// .problemsList {grid-area: 1 / 3 / 2 / 4;}\n// .attachments {grid-area: 2 / 2 / 3 / 4;}\n\n.form {\n    width: 80%;\n    height: fit-content;\n}\n\n\n.textFieldContainer {\n    display:flex;\n    flex-direction: column;\n    font-size: 16px;\n    gap:10px;\n    margin-bottom: 10px;\n}\n\n.textField {\n    align-items: center;\n    margin-bottom: 0;\n    border: 2px solid #ccc;\n    width: inherit;\n}\n\n.textFieldHeader{\n    margin: 5px 0;\n}\n\n.submissionsContainer{\n    display:grid;\n    grid-template-columns: 1fr 1fr;    \n    font-size: 16px;\n    gap:10px;\n    margin-bottom: 10px;\n}\n\n.datepickerContainer {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\n    grid-template-rows: 1fr 1fr;\n    grid-column-gap: 10px;\n    align-items: center;\n    text-align: left;\n    margin-bottom: 15px;\n    .datepicker_start {grid-area: 1 / 1 / 2 / 2;}\n    .datepicker_due {grid-area: 1 / 2 / 2 / 3;}\n    .datepicker_end {grid-area: 1 / 3 / 2 / 4;}\n}\n\n\ninput[type='datetime-local'] {\n    color: $input-field-label;\n    border: 2px solid #ccc;\n    padding: 10px;\n    max-width: 1/3;\n    border-radius: 8px;\n    background: none;\n}\n\n.problemsList {\n    display:flex;\n    flex-direction: column;\n    align-items: left;\n    gap:10px;\n    margin-bottom: 10px;\n}\n.filesList{\n    display: flex;\n    margin: 10px 0;\n}\n.problemName{\n    margin: 0 0 10px 0;\n}\n// .assignment {\n//     padding: 10px;\n//     font-weight: bold;\n//     cursor: pointer;\n//     :hover {\n//         padding: 10px;\n//         background-color: $list-item-background-hover;\n//         border-radius: 10px;\n//     }\n// }\n\n\n.assignmentBtn {\n    background-color: transparent;\n    background-repeat: no-repeat;\n    border: none;\n    cursor: pointer;\n    overflow: hidden;\n    outline: none;\n}\n\n.assignmentBtn:hover {\n    background-color: $list-item-background-hover;\n    border-radius: 10px;\n}\n\n\n.header {\n    text-align: left;\n    margin: 5px 0;\n    color: $text-color;\n}\n\n.editProblem {\n    margin-right: 5px;\n    color: $link-blue;\n    padding: 0;\n    background: none;\n    text-decoration: underline;\n}\n\n.deleteButton {\n    margin-left: 5px;\n    color: $red;\n    padding: 0;\n    background: none;\n    text-decoration: underline;\n\n}\n\n.buttonContainer{\n    display: flex;\n    gap: 20px;\n}\n\n.fileUpload{\n    text-transform: none;\n    border: 3px solid var(--primary);\n    background-color: var(--primary);\n    border-radius: 100px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n    padding: 3px 14px;\n    font-style: normal;\n    max-width: fit-content;\n    transition: all 0.2s ease;\n}\n.fileUpload:hover{\n    border: 3px solid var(--hover-darker);\n    background-color: var(--hover-darker)\n}\n\n\n@media (max-width:1000px) {\n    .grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        grid-column-gap: 0px;\n        grid-row-gap: 10px;\n        width: 100%;\n        }\n\n    .form {\n        width: 100%;\n    }\n\n}\n\n@media (max-width:450px) {\n    .datepickerContainer {\n        display: grid;\n        grid-template-columns: 1fr;\n        grid-template-rows: repeat(3, 1fr);\n        grid-column-gap: 0px;\n        grid-row-gap: 10px;\n        width: 100%;\n        justify-content: center;\n        align-items: center;\n        text-align: center;    \n        }\n        \n        .datepicker_start { grid-area: 1 / 1 / 2 / 2; }\n        .datepicker_due { grid-area: 2 / 1 / 3 / 2; }\n        .datepicker_end { grid-area: 3 / 1 / 4 / 2; } \n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={grid:"WONLYPr7dawMMgpH+0irVw==",pageHeader:"KD4u2kCcroQ2WTc0yEu9zw==",backToCourse:"GAYUGvwd+R6Qk2Y3SPYHBw==",form:"wxPicw2HD1dfTdjOs8---A==",textFieldContainer:"GywpvZ+1tq3btliJ8FENnw==",textField:"-CKNS7b970KtAIeg7tthpg==",textFieldHeader:"vdjOmVZInMB8QwjMGK1fHA==",submissionsContainer:"VMSFf3ANoWLnRp+tU+Gk6Q==",datepickerContainer:"WzpEcXr3T7is3FZGSXa+MQ==",datepicker_start:"c7k9j+p83xCzPxqR4zWPPw==",datepicker_due:"SyvEm2EMUBwn3I90dW05Pg==",datepicker_end:"Aooc8p5r7Z4EjsnVrLV7CA==",problemsList:"pWwM45DEm429H2TPGBYiUQ==",filesList:"CwSjMv91E87QW9KNLUvjag==",problemName:"PzIREwUnAS2iKMHltm3I+Q==",assignmentBtn:"_5ZrdOtBjEdMiVBYEpGT18g==",header:"VemeQoohnM6vXaiyK8LlTw==",editProblem:"z8n4uSvwqczAacdZQdd2mg==",deleteButton:"A-QV4kesqoxTZC4wV3+Z2A==",buttonContainer:"dqyri10i0pzJyD-AeGug9A==",fileUpload:"_7FFqXVzGG1tsy8CEs1nwqA=="};const l=i},6324:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},s=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},c=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},u=this&&this.__spreadArray||function(e,n,t){if(t||2===arguments.length)for(var r,a=0,o=n.length;a<o;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))},d=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var A=i(t(6540));t(596);var p=t(4625),f=d(t(2287)),m=d(t(2313)),g=t(833),b=d(t(6152)),h=d(t(87)),C=d(t(5952)),v=t(9218),x=t(4208),y=d(t(4598)),w=d(t(3992)),k=d(t(2514)),E=t(8280),$=t(2217),B=d(t(5429)),S=d(t(4885)),_=d(t(1256)),I=d(t(2266)),D=d(t(4493)),O=d(t(2739));n.default=function(){var e=(0,p.useParams)().assignmentId,n=(0,p.useParams)().courseId,t=c((0,g.useActionless)(v.SET_ALERT),1)[0],a=parseInt(e),o=c((0,A.useState)([]),2),i=o[0],d=o[1],P=c((0,A.useState)([]),2),j=P[0],F=P[1],M=c((0,A.useState)(!1),2),N=M[0],T=M[1],G=c((0,A.useState)([]),2),Q=G[0],U=G[1],W=c((0,A.useState)([]),2),L=W[0],R=W[1],z=c((0,A.useState)([]),2),J=z[0],Y=z[1],q=c((0,A.useState)(),2),V=q[0],H=q[1],X=c((0,A.useState)(new Map),2),Z=X[0],K=X[1],ee=c((0,A.useState)(!1),2),ne=ee[0],te=ee[1],re=c((0,A.useState)([]),2),ae=re[0],oe=re[1],ie=(0,p.useHistory)(),le=c((0,A.useState)((0,E.getCssVariables)()),2),se=le[0],ce=le[1];(0,A.useEffect)((function(){var e=new MutationObserver((function(){return ce((0,E.getCssVariables)())}));return e.observe(document.body,{attributes:!0}),function(){return e.disconnect()}}));var ue=c((0,A.useState)({courseId:parseInt(n),name:"",categoryName:"",description:"",maxFileSize:0,maxSubmissions:0,disableHandins:!1,dueDate:"",endDate:"",startDate:""}),2),de=ue[0],Ae=ue[1],pe=c((0,A.useState)({assignmentId:a,problemName:"",maxScore:-1}),2),fe=pe[0],me=pe[1],ge=function(){te(!1)};(0,A.useEffect)((function(){-1!==fe.maxScore&&te(!0)}),[fe]);var be=function(){return l(void 0,void 0,void 0,(function(){return s(this,(function(t){switch(t.label){case 0:return[4,m.default.get("/api/course/".concat(n,"/assignment/").concat(e,"/non-container-auto-graders")).then((function(e){F(e)}))];case 1:return t.sent(),[4,m.default.get("/api/course/".concat(n,"/assignment/").concat(a,"/assignment-problems")).then((function(e){d(e)}))];case 2:return t.sent(),[2]}}))}))};(0,A.useEffect)((function(){m.default.get("/api/course/".concat(n,"/assignments/").concat(e)).then((function(e){Ae(e)}))}),[]),(0,A.useEffect)((function(){m.default.get("/api/course/".concat(n,"/assignment/").concat(e,"/assignment-problems")).then((function(e){d(e)}))}),[]),(0,A.useEffect)((function(){m.default.get("/api/course/".concat(n,"/assignment/").concat(e,"/non-container-auto-graders")).then((function(e){F(e)}))}),[]),(0,A.useEffect)((function(){m.default.get("/api/course/".concat(n,"/assignment/").concat(e,"/container-auto-graders")).then((function(e){U(e)}))}),[]),(0,A.useEffect)((function(){m.default.get("/api/course/".concat(n,"/assignments")).then((function(e){R(e)}))}),[de]),(0,A.useEffect)((function(){var e=u([],c(new Set(L.map((function(e){return e.categoryName})))),!1).map((function(e){return{value:e,label:e}}));Y(e),H(J.find((function(e){return e.value===de.categoryName})))}),[L]);var he=c((0,A.useState)(!1),2),Ce=he[0],ve=he[1],xe=c((0,A.useState)(!1),2),ye=xe[0],we=xe[1],ke=c((0,A.useState)(!1),2),Ee=ke[0],$e=ke[1],Be=function(e,n){var t=n.target.id,a=(0,x.removeClassFromField)(Z,t);K(a),Ae((function(n){var a;return r(r({},n),((a={})[t]=e,a))}))},Se=function(e,n){var t=n.target.id;me((function(n){var a;return r(r({},n),((a={})[t]=e,a))}))};return A.default.createElement(A.default.Fragment,null,A.default.createElement(S.default,{open:N,onClose:function(){return T(!1)}}),A.default.createElement(f.default,null,A.default.createElement(y.default,{open:ne,onClose:ge},A.default.createElement(k.default,{sx:{bgcolor:se.listItemBackground}},A.default.createElement("h3",{className:C.default.header},"Edit Problem"),A.default.createElement(b.default,{id:"problemName",label:"Problem Name",onChange:Se,value:fe?fe.problemName:""}),A.default.createElement(b.default,{id:"maxScore",label:"Max Score",onChange:Se,value:fe?fe.maxScore.toString():""}),A.default.createElement(w.default,null,A.default.createElement(h.default,{onClick:function(){var e={assignmentId:fe.assignmentId,problemName:fe.problemName,maxScore:fe.maxScore};m.default.put("/api/course/".concat(n,"/assignment/").concat(a,"/assignment-problems/").concat(fe.id),e).then((function(){t({autoDelete:!0,type:"success",message:"Problem Updated"}),te(!1),be()}))}},"Save"),A.default.createElement(h.default,{onClick:ge},"Close")))),A.default.createElement(_.default,{open:Ce,onClose:function(){ve(!1),be()}}),A.default.createElement(I.default,{open:ye,onClose:function(){we(!1),be()}}),A.default.createElement(D.default,{open:Ee,onClose:function(){$e(!1),be()}}),A.default.createElement("div",{className:C.default.pageHeader},A.default.createElement("h1",{style:{gridColumnStart:2}},"Edit Assignment"),A.default.createElement(h.default,{className:"btnPrimary ".concat(C.default.backToCourse),onClick:function(){ie.goBack()}},"Back to Course")),A.default.createElement("div",{className:C.default.grid},A.default.createElement("div",{className:C.default.form},A.default.createElement("h2",{className:C.default.header},"Edit Info"),A.default.createElement("div",{className:C.default.textFieldContainer},A.default.createElement("div",null,A.default.createElement("div",{className:C.default.textFieldHeader},"Assignment Category: "),A.default.createElement(B.default,{onChange:function(e){Ae((function(n){return r(r({},n),{categoryName:e.label})})),H(e)},onCreate:function(e){var n={value:e,label:e};Y((function(e){var t=e;return t.push(n),t})),Ae((function(n){return r(r({},n),{categoryName:e})})),H(n)},options:J,value:V,defaultOption:V})),A.default.createElement("div",null,A.default.createElement("div",{className:C.default.textFieldHeader},"Assignment Name: "),A.default.createElement(b.default,{id:"name",onChange:Be,invalidated:!!Z.get("name"),helpText:Z.get("name"),className:C.default.textField,value:de.name,sx:{width:"100%","& .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input":{padding:"15px"}}})),A.default.createElement("div",null,A.default.createElement("div",{className:C.default.textFieldHeader},"Description: ",A.default.createElement("span",{style:{fontStyle:"italic",color:"var(--grey)"}},"(optional)")," "),A.default.createElement(b.default,{id:"description",onChange:Be,multiline:!0,rows:3,invalidated:!!Z.get("description"),className:C.default.textField,placeholder:"Provide an optional description...",helpText:Z.get("description"),value:de.description?de.description:"",sx:{width:"100%","& .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input":{padding:"15px"},"& .MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.MuiInputBase-formControl.MuiInputBase-multiline.css-dpjnhs-MuiInputBase-root-MuiOutlinedInput-root":{padding:"0px"}}}))),A.default.createElement("div",{className:C.default.submissionsContainer},A.default.createElement("div",null,A.default.createElement("div",{className:C.default.textFieldHeader},"Max Submissions: "),A.default.createElement(b.default,{id:"maxSubmissions",onChange:Be,invalidated:!!Z.get("maxSubmission"),className:C.default.textField,helpText:Z.get("maxSubmission"),value:de.maxSubmissions?de.maxSubmissions.toString():"",sx:{width:"100%",marginLeft:.1}})),A.default.createElement("div",null,A.default.createElement("div",{className:C.default.textFieldHeader},"Max File Size (kb): "),A.default.createElement(b.default,{id:"maxFileSize",onChange:Be,invalidated:!!Z.get("maxFileSize"),className:C.default.textField,helpText:Z.get("maxFileSize"),value:de.maxFileSize?de.maxFileSize.toString():"",sx:{width:"100%",marginLeft:.1}}))),A.default.createElement("div",{className:C.default.datepickerContainer},A.default.createElement("label",{htmlFor:"start_date"},"Start Date *"),A.default.createElement("label",{htmlFor:"due_date"},"Due Date *"),A.default.createElement("label",{htmlFor:"end_date"},"End Date *"),A.default.createElement("input",{type:"datetime-local",id:"start_date",value:de.startDate.slice(0,-1),onChange:function(e){Ae((function(n){return r(r({},n),{startDate:e.target.value+"Z"})}))}}),A.default.createElement("input",{type:"datetime-local",id:"due_date",value:de.dueDate.slice(0,-1),onChange:function(e){Ae((function(n){return r(r({},n),{dueDate:e.target.value+"Z"})}))}}),A.default.createElement("input",{type:"datetime-local",id:"end_date",value:de.endDate.slice(0,-1),onChange:function(e){Ae((function(n){return r(r({},n),{endDate:e.target.value+"Z"})}))}})),A.default.createElement("h2",{className:C.default.header},"Attachments"),0!=ae.length?A.default.createElement("div",{className:C.default.filesList},A.default.createElement("span",null,"Files:"),ae.slice(0,-1).map((function(e,n){return A.default.createElement("div",{key:n},A.default.createElement("span",null," ","".concat(e.name,",")))})),A.default.createElement("div",{key:ae.length-1},A.default.createElement("span",null," ","".concat(ae[ae.length-1].name)))):A.default.createElement("div",{className:C.default.filesList,style:{fontStyle:"italic"}},"No files attached"),A.default.createElement("input",{type:"file",id:"fileUp",onChange:function(e){if(e.target.files){var n=e.target.files[0];ae.length<5&&oe(u(u([],c(ae),!1),[n],!1)),console.log(ae)}},hidden:!0}),A.default.createElement("label",{htmlFor:"fileUp"},A.default.createElement($.StyledEngineProvider,{injectFirst:!0},A.default.createElement($.Button,{disableRipple:!0,component:"span",className:C.default.fileUpload},"Choose Files")))),A.default.createElement("div",{className:C.default.problemsList},A.default.createElement("h2",{className:C.default.header},"Add Problems"),A.default.createElement("div",{className:C.default.buttonContainer},A.default.createElement(h.default,{onClick:function(){return we(!0)},className:"btnSecondary"},"Code/File Input"),A.default.createElement(h.default,{onClick:function(){return ve(!0)},className:"btnSecondary"},"Text Input"),A.default.createElement(h.default,{onClick:function(){return $e(!0)},className:"btnSecondary"},"Multiple Choice")),A.default.createElement("h2",{className:C.default.header},"Add Graders"),A.default.createElement("div",{className:C.default.buttonContainer},A.default.createElement(h.default,{onClick:function(){return T(!0)},className:"btnSecondary"},"Code Grader"),A.default.createElement(h.default,{onClick:function(){ie.push("createNCAG")},className:"btnSecondary"},"Non-code Grader")),A.default.createElement("h2",{className:C.default.header},"Graders"),0!=j.length&&j.map((function(e){return A.default.createElement("div",null,A.default.createElement("span",{style:{fontStyle:"italic"}},e.question)," -",A.default.createElement("span",{style:{color:"var(--grey)"}}," Non-Code Grader"))})),0!=Q.length&&Q.map((function(e){return A.default.createElement("div",null,A.default.createElement("span",{style:{fontStyle:"italic"}},"Code Grader ",e.id)," -",A.default.createElement("span",{style:{color:"var(--grey)"}}," Code Grader"))})),0==j.length&&0==Q.length&&A.default.createElement("div",{style:{fontStyle:"italic"}},"No graders yet"),A.default.createElement("h2",{className:C.default.header},"Problems"),A.default.createElement("div",null,0!=i.length?i.map((function(e){return A.default.createElement("div",null,A.default.createElement(O.default,{problem:e,disabled:!0}),A.default.createElement("div",{style:{margin:"5px 0 10px 0"}},A.default.createElement(h.default,{className:C.default.editProblem,onClick:function(){void 0!==e&&function(e){e===fe?te(!0):me(e)}(e)}},"Edit"),"|",A.default.createElement(h.default,{className:C.default.deleteButton,onClick:function(){var r;void 0!==e&&void 0!==e.id&&(r=e.id,m.default.delete("/api/course/".concat(n,"/assignment/").concat(a,"/assignment-problems/").concat(r)).then((function(){t({autoDelete:!0,type:"success",message:"Problem Deleted"}),be()})))}},"Delete")),A.default.createElement("hr",null))})):A.default.createElement("div",{style:{fontStyle:"italic"}},"No problems yet")))),A.default.createElement("div",{style:{display:"flex",justifyContent:"center",margin:"20px"}},A.default.createElement(h.default,{onClick:function(){var e={courseId:de.courseId,name:de.name,startDate:de.startDate,dueDate:de.dueDate,endDate:de.endDate,categoryName:de.categoryName,description:de.description,maxFileSize:de.maxFileSize,maxSubmissions:de.maxSubmissions,disableHandins:de.disableHandins},r=new FormData;r.append("courseId",e.courseId.toString()),r.append("name",e.name),r.append("startDate",e.startDate),r.append("dueDate",e.dueDate),r.append("endDate",e.endDate),r.append("categoryName",e.categoryName),null!==e.description&&r.append("description",e.description),r.append("maxFileSize",e.maxFileSize.toString()),null!==e.maxSubmissions&&r.append("maxSubmissions",e.maxSubmissions.toString()),r.append("disableHandins",e.disableHandins.toString());for(var o=0;o<ae.length;o++)r.append("files",ae[o]);m.default.putMultipart("/api/course/".concat(n,"/assignments/").concat(a),r).then((function(){t({autoDelete:!0,type:"success",message:"Assignment Updated"}),ie.goBack()})).catch((function(e){var n=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message,r=new Map;Array.isArray(e)&&e.map((function(e){return(0,x.applyMessageToErrorFields)(r,e.param,e.msg)})),K(r),t({autoDelete:!1,type:"error",message:n})}))},className:"btnPrimary"},"Save & Exit"))))}},6389:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=o(t(6540)),d=c(t(2287)),A=t(833),p=c(t(2313)),f=t(9218),m=t(4625),g=c(t(5954)),b=c(t(8729)),h=c(t(564));n.default=function(){var e=s((0,u.useState)(!0),2),n=e[0],t=e[1],r=s((0,A.useActionless)(f.SET_ALERT),1)[0],a=(0,m.useParams)().courseId,o=s((0,u.useState)(!1),2),c=o[0],C=o[1],v=s((0,u.useState)(),2),x=v[0],y=v[1],w=s((0,u.useState)(),2),k=w[0],E=w[1],$=(0,A.useAppSelector)((function(e){return e.user.id})),B=(0,m.useHistory)();return(0,u.useEffect)((function(){i(void 0,void 0,void 0,(function(){return l(this,(function(e){return p.default.get("/api/course/".concat(a,"/user-courses/users")).then((function(e){E(e)})),[2]}))}))}),[]),(0,u.useEffect)((function(){k?C(!0):p.default.get("/api/courses/".concat(a)).then((function(e){y(e)})).catch((function(e){r({autoDelete:!1,type:"error",message:e.message})})).finally((function(){return t(!1)}))}),[k]),n?u.default.createElement(g.default,{delay:250}):(c&&B.push("/course/".concat(a)),u.default.createElement(d.default,null,u.default.createElement("h1",null,"Course Preview Page"),u.default.createElement("h2",null,null==x?void 0:x.name),u.default.createElement("p",null,null==x?void 0:x.number),u.default.createElement("p",null,null==x?void 0:x.semester),u.default.createElement(b.default,{variant:"contained",className:h.default.buttons,onClick:function(){var e={userId:$,courseId:a,role:"student",dropped:!1};p.default.post("/api/course/".concat(a,"/user-courses"),e).catch((function(e){var n=e.message;r({autoDelete:!1,type:"error",message:n})})).catch((function(e){var n=e.message;r({autoDelete:!1,type:"error",message:n})})).finally((function(){r({autoDelete:!0,type:"success",message:"Course Joined"}),B.goBack()}))}},"Join Course")))}},6398:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".u1jY\\+Ltin3DxOGgQu6r65A\\=\\={display:flex;justify-content:center;align-items:center;position:fixed;bottom:12px;left:12px;z-index:1;margin:.25rem;border-radius:3px;height:50px;width:780px;transition:transform .25s ease-in;animation:_49-mupDAkNju6eURbXoRxg\\=\\= .25s;color:#fff;padding:10px 15px 10px 10px}.u1jY\\+Ltin3DxOGgQu6r65A\\=\\=:hover{box-shadow:0 0 10px;cursor:pointer}@media(max-width: 600px){.u1jY\\+Ltin3DxOGgQu6r65A\\=\\={width:225px}}.UIBatTnh1KshwkBjDaB2kw\\=\\={position:absolute;top:.5rem;right:.75rem}.NxiwM8syISlrblDnA01v8w\\=\\={overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes _49-mupDAkNju6eURbXoRxg\\=\\={from{transform:translateX(-100%)}to{transform:translateX(0)}}","",{version:3,sources:["webpack://./src/components/shared/alerts/alert.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,6BACE,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,cAAA,CACA,WAAA,CACA,SAAA,CAEA,SAAA,CAEA,aAAA,CAEA,iBCgEc,CD9Dd,WAAA,CACA,WCqEQ,CDnER,iCAAA,CACA,0CAAA,CAEA,UAAA,CACA,2BAAA,CAEA,mCACE,mBAAA,CACA,cAAA,CAIJ,yBACE,6BACE,WAAA,CAAA,CAIJ,4BACE,iBAAA,CACA,SAAA,CACA,YAAA,CAGF,4BACE,eAAA,CACA,sBAAA,CACA,kBAAA,CAGF,uCACE,KACE,2BAAA,CAGF,GACE,uBAAA,CAAA",sourcesContent:["@import 'variables';\n\n.container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  position: fixed;\n  bottom: 12px;\n  left: 12px;\n\n  z-index: 1;\n\n  margin: 0.25rem;\n\n  border-radius: $border-radius;\n\n  height: 50px;\n  width: $extreme;\n\n  transition: transform 0.25s ease-in;\n  animation: alert-in-left 0.25s;\n\n  color: #fff;\n  padding: 10px 15px 10px 10px;\n\n  &:hover {\n    box-shadow: 0 0 10px;\n    cursor: pointer;\n  }\n}\n\n@media (max-width: $small) {\n  .container {\n    width: 225px;\n  }\n}\n\n.icon {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.75rem;\n}\n\n.message {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n@keyframes alert-in-left {\n  from {\n    transform: translateX(-100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={container:"u1jY+Ltin3DxOGgQu6r65A==","alert-in-left":"_49-mupDAkNju6eURbXoRxg==",icon:"UIBatTnh1KshwkBjDaB2kw==",message:"NxiwM8syISlrblDnA01v8w=="};const l=i},6422:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(1029);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},6440:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(6027)),i=t(5127),l=r(t(4416));n.default=function(e){var n=e.assignment;return a.default.createElement("div",{onClick:function(e){return e.stopPropagation()}}," ",a.default.createElement(o.default,{to:"/course/".concat(n.courseId,"/assignment/").concat(n.id),tag:n.name,className:l.default.title,tagStyle:l.default.tag,containerStyle:l.default.container},a.default.createElement("div",{className:l.default.subText},n.name),a.default.createElement("div",{className:l.default.meta},a.default.createElement("span",{style:{fontWeight:"700"}},"Due: "),(0,i.wordPrintDate)(n.dueDate),a.default.createElement("span",null," | "),a.default.createElement("span",{style:{fontWeight:"700"}},"End: "),(0,i.wordPrintDate)(n.endDate))))}},6530:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".sY8amDm2RbAbyyFab0bQ1w\\=\\={width:100%;border-collapse:collapse;margin-top:20px}.sY8amDm2RbAbyyFab0bQ1w\\=\\= th,.sY8amDm2RbAbyyFab0bQ1w\\=\\= td{border:1px solid #ddd;padding:8px;text-align:left}.sY8amDm2RbAbyyFab0bQ1w\\=\\= th{background-color:#639}.sY8amDm2RbAbyyFab0bQ1w\\=\\= .iMWKnX7u3Onm0ygbpiPdpA\\=\\={margin-top:20px;border:1px solid #ddd;padding:5px}","",{version:3,sources:["webpack://./src/components/pages/assignments/scoreboard.scss"],names:[],mappings:"AAIA,4BACE,UAAA,CACA,wBAAA,CACA,eAAA,CAEA,8DACE,qBAAA,CACA,WAAA,CACA,eAAA,CAGF,+BACE,qBAAA,CAIF,wDACE,eAAA,CACA,qBAAA,CACA,WAAA",sourcesContent:["@import 'variables';\n\n\n\n.scoreboardTable {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 20px;\n\n  th, td {\n    border: 1px solid #ddd;\n    padding: 8px;\n    text-align: left;\n  }\n\n  th {\n    background-color: rebeccapurple;\n\n\n  }\n  .scoreboardContainer {\n    margin-top: 20px;\n    border: 1px solid #ddd;\n    padding: 5px;\n  }\n}"],sourceRoot:""}]),i.locals={scoreboardTable:"sY8amDm2RbAbyyFab0bQ1w==",scoreboardContainer:"iMWKnX7u3Onm0ygbpiPdpA=="};const l=i},6544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(1455);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},6621:(e,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.prettyPrintSemester=void 0,n.prettyPrintSemester=function(e){var n=e.substring(0,1),t=e.substring(1),r="";switch(n){case"f":r="Fall";break;case"s":r="Spring";break;case"w":r="Winter";break;case"u":r="Summer"}return r+" "+t}},6623:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__values||function(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")},u=this&&this.__spreadArray||function(e,n,t){if(t||2===arguments.length)for(var r,a=0,o=n.length;a<o;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))},d=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var A=o(t(6540)),p=t(4625),f=t(833),m=d(t(2287)),g=d(t(5954)),b=d(t(8331)),h=d(t(2313)),C=d(t(5789));n.default=function(){var e=s((0,A.useState)(!0),2),n=e[0],t=e[1],r=s((0,A.useState)(null),2),a=r[0],o=r[1],d=s((0,A.useState)([]),2),v=d[0],x=d[1],y=s((0,A.useState)([]),2),w=y[0],k=y[1],E=(0,f.useAppSelector)((function(e){return e.roleMode})),$=(0,p.useParams)().courseId,B=(0,f.useAppSelector)((function(e){return e.user.id})),S=(0,p.useHistory)(),_=s((0,A.useState)(""),2),I=_[0],D=_[1],O=s((0,A.useState)([]),2),P=O[0],j=O[1],F=s((0,A.useState)(new Map),2),M=F[0],N=F[1],T=s((0,A.useState)(new Map),2),G=T[0],Q=T[1];(0,A.useEffect)((function(){U()}),[]),(0,A.useEffect)((function(){for(var e=function(e){h.default.get("/api/course/".concat($,"/assignment/").concat(v[e].id,"/assignment-problems")).then((function(n){N((function(t){var r=new Map(t);return r.set(Number(v[e].id),n),r}))}))},n=0;n<v.length;n++)e(n)}),[v]),(0,A.useEffect)((function(){var e,n,t=function(e,n){if(0!=n.length){var t=n.reduce((function(e,n){return e+n.maxScore}),0);Q((function(n){var r=new Map(n);return r.set(e,t),r}))}};try{for(var r=c(M.entries()),a=r.next();!a.done;a=r.next()){var o=s(a.value,2);t(o[0],o[1])}}catch(n){e={error:n}}finally{try{a&&!a.done&&(n=r.return)&&n.call(r)}finally{if(e)throw e.error}}}),[M]);var U=function(){return i(void 0,void 0,void 0,(function(){var e,n,r,a,i;return l(this,(function(l){switch(l.label){case 0:return l.trys.push([0,4,5,6]),[4,h.default.get("/api/course/".concat($,"/assignments/released"))];case 1:return e=l.sent(),x(e),[4,h.default.get("/api/course/".concat($,"/assignment-scores/user/").concat(B))];case 2:return n=l.sent(),k(n),[4,h.default.get("/api/courses/".concat($))];case 3:return r=l.sent(),D(r.name),a=u([],s(new Set(e.map((function(e){return e.categoryName})))),!1),j(a),[3,6];case 4:return i=l.sent(),o(i),[3,6];case 5:return t(!1),[7];case 6:return[2]}}))}))};return n?A.default.createElement(g.default,{delay:250}):a?A.default.createElement(b.default,{error:a}):A.default.createElement(m.default,{className:C.default.pageWrapper},A.default.createElement("div",{className:C.default.header},A.default.createElement("h1",{className:C.default.pageTitle},I," Gradebook"),A.default.createElement("div",{className:C.default.buttonContainer},E.isInstructor()&&A.default.createElement("button",{className:"btnSecondary",id:"createCoursBtn",onClick:function(){S.push("/course/".concat($,"/gradebook/instructor"))}},"Instructor View"),A.default.createElement("button",{className:"btnPrimary",id:"backToCourse",onClick:function(){S.goBack()}},"Back to Course"))),A.default.createElement("div",{className:C.default.gradebookGrid},P.map((function(e){var n=v.filter((function(n){return n.categoryName===e}));return A.default.createElement("div",{className:C.default.section},A.default.createElement("table",null,A.default.createElement("thead",null,A.default.createElement("tr",null,A.default.createElement("th",{style:{minWidth:"80%"}},e),A.default.createElement("th",{className:C.default.centered},"Late Days"),A.default.createElement("th",{className:C.default.centered},"Score"))),A.default.createElement("tbody",null,n.map((function(e){var n=w.find((function(n){return n.assignmentId===e.id})),t=!(!n||!n.createdAt)&&new Date(n.createdAt)>new Date(e.dueDate),r=t&&n&&n.createdAt?Math.floor((new Date(n.createdAt).getTime()-new Date(e.dueDate).getTime())/864e5):0,a=e.id&&G.has(e.id);return A.default.createElement("tr",{key:e.id},A.default.createElement("td",null,A.default.createElement("a",{href:"assignment/".concat(e.id),className:C.default.assignmentLink},e.name)),A.default.createElement("td",{className:C.default.centered},r)," ",n?t?A.default.createElement("td",{className:"".concat(C.default.centered," ").concat(C.default.late)},n.score," / ",e.id&&G.get(e.id)):A.default.createElement("td",{className:C.default.centered},n.score," / ",e.id&&G.get(e.id)):a?A.default.createElement("td",{className:"".concat(C.default.centered," ").concat(C.default.no_submission)},"0 / ",e.id&&G.get(e.id)):A.default.createElement("td",{className:C.default.centered},"N/A"))})),A.default.createElement("tr",{className:C.default.categoryRow},A.default.createElement("td",{className:C.default.categoryText},"Category Average"),A.default.createElement("td",{className:C.default.noBorder}),A.default.createElement("td",{className:"".concat(C.default.categoryValue," ").concat(C.default.centered)},function(e){var n=e.reduce((function(e,n){var t;return e+((null===(t=w.find((function(e){return e.assignmentId===n.id})))||void 0===t?void 0:t.score)||0)}),0);return(n/e.length).toFixed(1)}(n))))))}))),A.default.createElement("div",{className:C.default.courseAverage},A.default.createElement("span",null,"Course Average"),A.default.createElement("span",null,0===w.length?0:(w.reduce((function(e,n){return e+(n.score||0)}),0)/Array.from(G.values()).reduce((function(e,n){return e+n}),0)*100).toFixed(1),"%")))}},6668:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(4323);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},6690:(e,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.default={alert:null}},6703:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(7532);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},6814:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".npW6hPYsEAl\\+IYJmf\\+1BvA\\=\\={background:rgba(0,0,0,0);border:none;color:var(--text-color);font-size:20px}.npW6hPYsEAl\\+IYJmf\\+1BvA\\=\\=:hover:enabled{cursor:pointer;opacity:.7}","",{version:3,sources:["webpack://./src/components/shared/inputs/faIconButton.scss"],names:[],mappings:"AAIA,8BACE,wBAAA,CACA,WAAA,CAEA,uBAAA,CACA,cAAA,CAEA,4CACE,cAAA,CACA,UAAA",sourcesContent:["@import 'variables';\n\n\n\n.button {\n  background: transparent;\n  border: none;\n\n  color: $text-color;\n  font-size: 20px;\n\n  &:hover:enabled {\n    cursor: pointer;\n    opacity: 0.7;\n  }\n}\n"],sourceRoot:""}]),i.locals={button:"npW6hPYsEAl+IYJmf+1BvA=="};const l=i},7028:(e,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.apiUrl=n.rootPath=void 0,n.rootPath="/",n.apiUrl="https://cupid442.com",n.default={rootPath:n.rootPath,apiUrl:n.apiUrl}},7134:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,'.KwCj7KOaRmgyAPlW5v9u3g\\=\\={font-size:16px;margin:0 0 10px 0}.ODo8FoDBYOsCqvikYPxiNg\\=\\={gap:10px;padding:10px 0}.YGeeZ-qttbYbH7pJ2UqKHg\\=\\={font-family:"Open Sans","Helvetica","Arial",sans-serif;font-size:16px;background:none;border:2px solid #ccc;color:var(--text-color);border-radius:10px;padding:10px;box-sizing:border-box;width:100%}.lP9TISMmpsj5wFWM-ueA-A\\=\\={display:block;position:relative;padding-left:25px;margin-bottom:5px;cursor:pointer;width:fit-content}.lP9TISMmpsj5wFWM-ueA-A\\=\\= input{position:absolute;opacity:0;height:0;width:0}.lP9TISMmpsj5wFWM-ueA-A\\=\\= .MPQx9deu5hICFgzC\\+xps4w\\=\\={position:absolute;transition:all .1s ease;top:3px;left:0;height:18px;width:18px;background-color:var(--background);border:1px solid #999;border-radius:100px;margin-left:0}.lP9TISMmpsj5wFWM-ueA-A\\=\\= .MPQx9deu5hICFgzC\\+xps4w\\=\\=::after{width:12px;height:12px;border-radius:100%;content:"";position:absolute;display:none}.lP9TISMmpsj5wFWM-ueA-A\\=\\= .wjW28aFz-fKLf3QQ2GPdEQ\\=\\={position:absolute;transition:all .2s ease;top:3px;left:0;height:18px;width:18px;background-color:var(--background);border:1px solid #999;border-radius:5px;margin-left:0}.lP9TISMmpsj5wFWM-ueA-A\\=\\= .wjW28aFz-fKLf3QQ2GPdEQ\\=\\= .nTifGzuWCjU6x5QW0g4D5Q\\=\\={opacity:0;width:15px;left:2px;top:2px;height:15px;border-radius:5px;color:#fff;position:absolute}.lP9TISMmpsj5wFWM-ueA-A\\=\\= input:checked~.MPQx9deu5hICFgzC\\+xps4w\\=\\={background-color:var(--primary);border:1px solid var(--primary)}.lP9TISMmpsj5wFWM-ueA-A\\=\\= input:checked~.wjW28aFz-fKLf3QQ2GPdEQ\\=\\={background-color:var(--primary);border:1px solid var(--primary)}.lP9TISMmpsj5wFWM-ueA-A\\=\\= input:checked~.wjW28aFz-fKLf3QQ2GPdEQ\\=\\= .nTifGzuWCjU6x5QW0g4D5Q\\=\\={opacity:100%}.lP9TISMmpsj5wFWM-ueA-A\\=\\= input:checked~.MPQx9deu5hICFgzC\\+xps4w\\=\\=::after{display:block;border:3px solid #fff}.lP9TISMmpsj5wFWM-ueA-A\\=\\=:last-of-type{margin-bottom:0}',"",{version:3,sources:["webpack://./src/components/listItems/assignmentProblemListItem.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,4BACI,cAAA,CACA,iBAAA,CAGJ,4BACI,QAAA,CACA,cAAA,CAIJ,4BACI,sDCoEU,CDnEV,cAAA,CACA,eAAA,CACA,qBAAA,CACA,uBCXS,CDYT,kBAAA,CACA,YAAA,CACA,qBAAA,CACA,UAAA,CAGJ,4BACI,aAAA,CACA,iBAAA,CACA,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,iBAAA,CAEA,kCACI,iBAAA,CACA,SAAA,CACA,QAAA,CACA,OAAA,CAGJ,yDACI,iBAAA,CACA,uBAAA,CACA,OAAA,CACA,MAAA,CACA,WAAA,CACA,UAAA,CACA,kCCzCK,CD0CL,qBAAA,CACA,mBAAA,CACA,aAAA,CAKJ,gEACI,UAAA,CACA,WAAA,CACA,kBAAA,CACA,UAAA,CACA,iBAAA,CACA,YAAA,CAGF,wDACE,iBAAA,CACA,uBAAA,CACA,OAAA,CACA,MAAA,CACA,WAAA,CACA,UAAA,CACA,kCCjEK,CDkEL,qBAAA,CACA,iBAAA,CACA,aAAA,CACA,oFACI,SAAA,CACA,UAAA,CACA,QAAA,CACA,OAAA,CACA,WAAA,CACA,iBAAA,CACA,UAAA,CACA,iBAAA,CAQJ,uEACI,+BClFF,CDmFE,+BAAA,CAGJ,sEACI,+BCvFF,CDwFE,+BAAA,CACA,kGACI,YAAA,CAMR,8EACI,aAAA,CACA,qBAAA,CAIR,yCACI,eAAA",sourcesContent:["@import 'variables';\n\n\n.problem_header{\n    font-size:16px;\n    margin: 0 0 10px 0;\n}\n\n.problem{\n    gap: 10px;\n    padding: 10px 0;\n}\n\n\n.textField{\n    font-family: $font-family;\n    font-size: 16px;\n    background: none;\n    border: 2px solid #ccc;\n    color: $text-color;\n    border-radius: 10px;\n    padding: 10px;\n    box-sizing: border-box;\n    width: 100%;\n}\n\n.mcqLabel{\n    display: block;\n    position: relative;\n    padding-left: 25px;\n    margin-bottom: 5px;\n    cursor: pointer;\n    width: fit-content;\n\n    input {\n        position: absolute;\n        opacity: 0;\n        height: 0;\n        width: 0;\n    }\n\n    .radio {\n        position: absolute;\n        transition: all .1s ease;\n        top: 3px;\n        left: 0;\n        height: 18px;\n        width: 18px;\n        background-color: $background;\n        border: 1px solid #999;\n        border-radius: 100px;\n        margin-left: 0;\n      }\n\n\n    \n    .radio::after {\n        width: 12px;\n        height: 12px;\n        border-radius: 100%;\n        content: \"\";\n        position: absolute;\n        display: none;\n    }\n\n      .checkbox {\n        position: absolute;\n        transition: all .2s ease;\n        top: 3px;\n        left: 0;\n        height: 18px;\n        width: 18px;\n        background-color: $background;\n        border: 1px solid #999;\n        border-radius: 5px;\n        margin-left: 0;\n        .checkboxCheck {\n            opacity: 0;\n            width: 15px;\n            left: 2px;\n            top: 2px;\n            height: 15px;\n            border-radius: 5px;\n            color: #fff;\n            position: absolute;\n          }\n      }\n\n      \n\n\n    input:checked {\n        ~ .radio  {\n            background-color: $primary;\n            border: 1px solid $primary;\n        }\n\n        ~ .checkbox{\n            background-color: $primary;\n            border: 1px solid $primary;\n            .checkboxCheck{\n                opacity: 100%;\n            }\n        }\n\n       \n\n        ~ .radio::after {\n            display: block;\n            border: 3px solid #fff;\n        }\n    }\n\n    &:last-of-type{\n        margin-bottom: 0;\n    }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={problem_header:"KwCj7KOaRmgyAPlW5v9u3g==",problem:"ODo8FoDBYOsCqvikYPxiNg==",textField:"YGeeZ-qttbYbH7pJ2UqKHg==",mcqLabel:"lP9TISMmpsj5wFWM-ueA-A==",radio:"MPQx9deu5hICFgzC+xps4w==",checkbox:"wjW28aFz-fKLf3QQ2GPdEQ==",checkboxCheck:"nTifGzuWCjU6x5QW0g4D5Q=="};const l=i},7359:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(1536);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},7428:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(3327);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},7478:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,'.MOtaunUscfCmZgIUdswqBQ\\=\\={font-family:"Open Sans","Helvetica","Arial",sans-serif;color:var(--text-color);display:flex;flex-direction:column;align-items:center}.MOtaunUscfCmZgIUdswqBQ\\=\\= .-DYvu4j8h5aqkehNN090CA\\=\\={display:flex;align-items:center;width:80%;max-width:1000px;justify-content:space-between;margin:15px 0}.MOtaunUscfCmZgIUdswqBQ\\=\\= .-DYvu4j8h5aqkehNN090CA\\=\\= .GywuePwQOAXwfbkJJr-GlQ\\=\\={font-size:1rem;font-weight:bold;color:var(--primary);text-decoration:none;transition:.2s}.MOtaunUscfCmZgIUdswqBQ\\=\\= .-DYvu4j8h5aqkehNN090CA\\=\\= .GywuePwQOAXwfbkJJr-GlQ\\=\\=:hover{color:var(--secondary)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .-DYvu4j8h5aqkehNN090CA\\=\\= .S0qdpgvl507RNOPY5q1CGA\\=\\={font-size:.9rem;color:var(--text-color-secondary)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .apPHeFRbKu4JKAFV5u8rDg\\=\\={font-size:2.5rem;font-weight:bold;text-align:center;margin-bottom:20px}.MOtaunUscfCmZgIUdswqBQ\\=\\= .\\-4cjphlQ2cs0KSaSsMmIeQ\\=\\={display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;gap:12px}.MOtaunUscfCmZgIUdswqBQ\\=\\= .\\-4cjphlQ2cs0KSaSsMmIeQ\\=\\= input{flex-grow:1;padding:10px;border:2px solid #999;background-color:var(--input-field-background);color:var(--text-color);border-radius:12px;width:100%;max-width:1000px;font-size:1rem}.MOtaunUscfCmZgIUdswqBQ\\=\\= .\\-4cjphlQ2cs0KSaSsMmIeQ\\=\\= .JOh7exlvdzP1o9vIxkj3Yg\\=\\={margin-left:auto}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\={width:100%;margin:10px 20px;border-radius:10px;overflow:hidden}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table{width:100%;border-collapse:collapse;border:2px solid var(--primary);border-radius:10px}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table th,.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table td{text-align:center;padding:12px;border-bottom:1px solid var(--grey)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table th{background-color:var(--primary);color:#fff;font-weight:bold;text-transform:capitalize}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table tr{background-color:var(--primary)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table tr:nth-child(even) td{background-color:var(--table-row-even)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table tr:nth-child(odd) td{background-color:var(--table-row-odd)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table tr:last-of-type td:first-of-type{border-bottom-left-radius:11px 12px}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table tr:last-of-type td:last-of-type{border-bottom-right-radius:11px 12px}@media(max-width: 1000px){.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\={width:100%;overflow-x:auto}.MOtaunUscfCmZgIUdswqBQ\\=\\= .\\-4cjphlQ2cs0KSaSsMmIeQ\\=\\={flex-direction:column;align-items:flex-start}.MOtaunUscfCmZgIUdswqBQ\\=\\= .\\-4cjphlQ2cs0KSaSsMmIeQ\\=\\= .JOh7exlvdzP1o9vIxkj3Yg\\=\\={margin-left:0}}',"",{version:3,sources:["webpack://./src/components/pages/listPages/courses/coursesListPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,4BACE,sDCgFY,CD/EZ,uBCIW,CDHX,YAAA,CACA,qBAAA,CACA,kBAAA,CAGA,wDACE,YAAA,CACA,kBAAA,CACA,SAAA,CACA,gBAAA,CACA,6BAAA,CACA,aAAA,CAEA,oFACE,cAAA,CACA,gBAAA,CACA,oBCVI,CDWJ,oBAAA,CACA,cAAA,CAEA,0FACE,sBCZI,CDgBR,oFACE,eAAA,CACA,iCCoCiB,CD/BrB,wDACE,gBAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CAIF,yDACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,UAAA,CACA,kBAAA,CACA,QAAA,CAEA,+DACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,8CCUmB,CDTnB,uBClDO,CDmDP,kBAAA,CACA,UAAA,CACA,gBAAA,CAEA,cAAA,CAEF,qFACE,gBAAA,CAOJ,wDACE,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAEA,8DACI,UAAA,CACA,wBAAA,CACA,+BAAA,CACA,kBAAA,CACA,kIACI,iBAAA,CACA,YAAA,CACA,mCAAA,CAGJ,iEACI,+BChFF,CDiFE,UAAA,CACA,gBAAA,CACA,yBAAA,CAGJ,iEACE,+BCvFA,CD2FA,oFACE,sCC3EK,CDgFP,mFACE,qCChFI,CDqFN,+FACE,mCAAA,CAEF,8FACE,oCAAA,CAUV,0BACE,wDACE,UAAA,CACA,eAAA,CAGF,yDACE,qBAAA,CACA,sBAAA,CACA,qFACE,aAAA,CAAA",sourcesContent:["@import 'variables';\n\n.coursesListPage {\n  font-family: $font-family;\n  color: $text-color;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  /* Breadcrumbs & Navigation */\n  .navigation {\n    display: flex;\n    align-items: center;\n    width: 80%;\n    max-width: 1000px;\n    justify-content: space-between;\n    margin: 15px 0;\n\n    .homeLink {\n      font-size: 1rem;\n      font-weight: bold;\n      color: $primary;\n      text-decoration: none;\n      transition: 0.2s;\n\n      &:hover {\n        color: $secondary;\n      }\n    }\n\n    .breadcrumbs {\n      font-size: 0.9rem;\n      color: $text-color-secondary;\n    }\n  }\n\n  /* Page Title */\n  .pageTitle {\n    font-size: 2.5rem;\n    font-weight: bold;\n    text-align: center;\n    margin-bottom: 20px;\n  }\n\n  /* Search Section */\n  .searchSection {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    margin-bottom: 20px;\n    gap: 12px;\n\n    input {\n      flex-grow: 1;\n      padding: 10px;\n      border: 2px solid #999;\n      background-color: $input-field-background;\n      color: $text-color;\n      border-radius: 12px;\n      width: 100%;\n      max-width: 1000px;\n\n      font-size: 1rem;\n    }\n    .far_button{\n      margin-left:auto;\n    }\n\n    \n  }\n\n  /* Table Styling */\n  .tableContainer {\n    width: 100%;\n    margin: 10px 20px;\n    border-radius: 10px;\n    overflow: hidden;\n\n    table {\n        width: 100%;\n        border-collapse: collapse;\n        border: 2px solid $primary;\n        border-radius: 10px;\n        th, td {\n            text-align: center;\n            padding: 12px;\n            border-bottom: 1px solid $grey;\n        }\n\n        th {\n            background-color: $primary;\n            color: white;\n            font-weight: bold;\n            text-transform: capitalize;\n        }\n\n        tr{\n          background-color: $primary;\n        }\n\n        tr:nth-child(even) {\n          td{\n            background-color: $table-row-even;\n          } \n        }\n        \n        tr:nth-child(odd) {\n          td{\n            background-color: $table-row-odd;\n          } \n        }\n\n        tr:last-of-type{\n          td:first-of-type{\n            border-bottom-left-radius: 11px 12px;\n          }\n          td:last-of-type{\n            border-bottom-right-radius: 11px 12px;\n          }\n        }\n    }\n\n    /* Join Button */\n\n  }\n\n  /* Responsive Design */\n  @media (max-width: $medium) {\n    .tableContainer {\n      width: 100%;\n      overflow-x: auto;\n    }\n\n    .searchSection {\n      flex-direction: column;\n      align-items: flex-start;\n      .far_button{\n        margin-left:0;\n      }\n    }\n\n  }\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={coursesListPage:"MOtaunUscfCmZgIUdswqBQ==",navigation:"-DYvu4j8h5aqkehNN090CA==",homeLink:"GywuePwQOAXwfbkJJr-GlQ==",breadcrumbs:"S0qdpgvl507RNOPY5q1CGA==",pageTitle:"apPHeFRbKu4JKAFV5u8rDg==",searchSection:"-4cjphlQ2cs0KSaSsMmIeQ==",far_button:"JOh7exlvdzP1o9vIxkj3Yg==",tableContainer:"XqQOD2VLs33pw9oRVQNZHg=="};const l=i},7482:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".SjsJhgDI2slmQguvBXUMmg\\=\\= .ErmZlt7EdjgpeCoiAFVf5Q\\=\\={color:var(--text-color);font-size:1.25rem}.SjsJhgDI2slmQguvBXUMmg\\=\\= .k59fFXQP8sz9ZjBcxc3iuQ\\=\\={padding:0 100px}.SjsJhgDI2slmQguvBXUMmg\\=\\= ._3yg9xJqnqSZlSVgm\\+Pwcrg\\=\\={overflow-x:scroll;scrollbar-color:var(--primary)}.SjsJhgDI2slmQguvBXUMmg\\=\\= table{border-radius:20px;gap:10px;border-collapse:collapse;width:100%;position:relative;text-wrap:nowrap}.SjsJhgDI2slmQguvBXUMmg\\=\\= th{background-color:var(--primary);color:#fff;font-weight:600}.SjsJhgDI2slmQguvBXUMmg\\=\\= td,.SjsJhgDI2slmQguvBXUMmg\\=\\= th{padding:10px;max-width:50%;text-align:left}.SjsJhgDI2slmQguvBXUMmg\\=\\= td{border-right:1px solid #ddd;border-left:1px solid #ddd;background-color:var(--background)}.SjsJhgDI2slmQguvBXUMmg\\=\\= td:first-of-type{border-left:none}.SjsJhgDI2slmQguvBXUMmg\\=\\= td:last-of-type{border-right:none}.SjsJhgDI2slmQguvBXUMmg\\=\\= .LQvZfb\\+0UPmFc4UU50y\\+pg\\=\\={border-right:none;border-left:none}.SjsJhgDI2slmQguvBXUMmg\\=\\= tr{border-bottom:1px solid #ddd}.SjsJhgDI2slmQguvBXUMmg\\=\\= tr:last-of-type{border-bottom-right-radius:10px;border-bottom:none}.SjsJhgDI2slmQguvBXUMmg\\=\\= th:first-of-type{border-top-left-radius:8px}.SjsJhgDI2slmQguvBXUMmg\\=\\= th:last-of-type{border-top-right-radius:8px}.SjsJhgDI2slmQguvBXUMmg\\=\\= tr:last-of-type{border-radius:0 0 20px 20px;border-bottom:none}.SjsJhgDI2slmQguvBXUMmg\\=\\= ._9a\\+h9DPcWx657vztDNqMXQ\\=\\={color:#876212}.SjsJhgDI2slmQguvBXUMmg\\=\\= ._8bMMngIApxaoC3QTvhgxzw\\=\\={color:#8a2626}.SjsJhgDI2slmQguvBXUMmg\\=\\= ._9gZtebAU0X5oOvcBp-jZVQ\\=\\={display:grid;grid-template-columns:1fr 2fr 1fr;justify-items:center;align-items:center}.SjsJhgDI2slmQguvBXUMmg\\=\\= .rC2F9SvXKF-nfVYM0pmfbA\\=\\={margin-top:20px;width:fit-content;align-self:center;grid-column-start:2}.SjsJhgDI2slmQguvBXUMmg\\=\\= .L5SyN2AKMKD4cUBE\\+bXNnw\\=\\={display:flex;gap:10px;margin-left:auto;padding:10px 20px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .SFIXO496Y-N6\\+C80h7TVfg\\=\\={background-color:var(--primary);width:inherit;border-radius:10px;height:fit-content;overflow:scroll;border:2px solid var(--primary)}.SjsJhgDI2slmQguvBXUMmg\\=\\= .yu-V\\+t2QoLvIs0aoHEYnxg\\=\\={font-weight:bold}.SjsJhgDI2slmQguvBXUMmg\\=\\= ._9b0ZuzCEF4UduNeOexebxg\\=\\={border-bottom-right-radius:8px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .j7dpa4iIV5unuRbOAFEBdw\\=\\={border-bottom-left-radius:8px;border-right:none}.SjsJhgDI2slmQguvBXUMmg\\=\\= .XCQLrjrch5lkMyDcts29Yg\\=\\={text-align:center;max-width:80px;min-width:80px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .WmDUHkoKDb9cJGkOaGzmnA\\=\\={text-decoration:none}.SjsJhgDI2slmQguvBXUMmg\\=\\= .WmDUHkoKDb9cJGkOaGzmnA\\=\\=:hover{text-decoration:underline}.SjsJhgDI2slmQguvBXUMmg\\=\\= ._95TbQpX4XvT8OHu3wokUww\\=\\={font-size:14px;text-align:right;padding:10px;font-weight:bold;margin-top:10px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .k5FJkFk9LuJZohqwCsNepA\\=\\={text-align:center;font-size:2rem;font-weight:bold}.SjsJhgDI2slmQguvBXUMmg\\=\\= .NtaFW9wFFidHWruqG5gOyA\\=\\={display:flex;gap:20px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .a6a69uD3MXzoI31uMNrFRQ\\=\\={display:grid;margin-top:10px;grid-template-columns:1fr 1fr;grid-gap:20px;width:100%}.SjsJhgDI2slmQguvBXUMmg\\=\\= ._6LZEL07RB3Weeeu8h4ezrg\\=\\={text-align:center;padding:10px;font-style:italic}.SjsJhgDI2slmQguvBXUMmg\\=\\= .BlxO4HumyHu8NYHs0FZjXQ\\=\\={border:2px solid #5a3d8a;padding:14px;display:flex;justify-content:space-between;font-weight:bold;width:inherit;grid-column:span 2;margin-top:20px;border-radius:10px}@media(max-width: 1000px){.SjsJhgDI2slmQguvBXUMmg\\=\\= .SjsJhgDI2slmQguvBXUMmg\\=\\={padding:0 20px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .V\\+BdPRUcVYY3OtdEZflQIA\\=\\={width:calc(50% - 14px)}.SjsJhgDI2slmQguvBXUMmg\\=\\= .a6a69uD3MXzoI31uMNrFRQ\\=\\={display:flex;flex-direction:column}}@media(max-width: 450px){.SjsJhgDI2slmQguvBXUMmg\\=\\= .V\\+BdPRUcVYY3OtdEZflQIA\\=\\={width:100%}.SjsJhgDI2slmQguvBXUMmg\\=\\= .dNkFy6FLO\\+XVi0aP5eoDrw\\=\\={position:relative;margin-top:10px}}","",{version:3,sources:["webpack://./src/components/pages/gradebook/gradebookStudentPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGE,wDACE,uBCIS,CDHT,iBAAA,CAIF,wDACE,eAAA,CAGF,0DACE,iBAAA,CACA,8BCJM,CDOR,kCACM,kBAAA,CACA,QAAA,CAEA,wBAAA,CACA,UAAA,CACA,iBAAA,CACA,gBAAA,CAKN,+BACE,+BCpBM,CDqBN,UAAA,CACA,eAAA,CAGF,8DAEE,YAAA,CACA,aAAA,CACA,eAAA,CAGF,+BACE,2BAAA,CACA,0BAAA,CACA,kCCvCS,CDyCX,6CACE,gBAAA,CAEF,4CACE,iBAAA,CAGF,0DACE,iBAAA,CACA,gBAAA,CAGF,+BACE,4BAAA,CAGF,4CACE,+BAAA,CACA,kBAAA,CAIF,6CACE,0BAAA,CAGF,4CACE,2BAAA,CAGF,4CACE,2BAAA,CACA,kBAAA,CAIF,0DACE,aAAA,CAGF,yDACI,aAAA,CAGJ,yDACE,YAAA,CACA,iCAAA,CACA,oBAAA,CACA,kBAAA,CAEF,wDACE,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,mBAAA,CAGF,yDACE,YAAA,CACA,QAAA,CACA,gBAAA,CACA,iBAAA,CAKF,yDACE,+BCxGM,CDyGN,aAAA,CACA,kBAAA,CACA,kBAAA,CACA,eAAA,CACA,+BAAA,CAGF,yDACE,gBAAA,CAGF,yDACE,8BAAA,CAGF,wDACE,6BAAA,CACA,iBAAA,CAGF,wDACE,iBAAA,CACA,cAAA,CACA,cAAA,CAGF,wDACE,oBAAA,CAGF,8DACE,yBAAA,CAIF,yDACE,cAAA,CACA,gBAAA,CACA,YAAA,CACA,gBAAA,CACA,eAAA,CAIF,wDACE,iBAAA,CACA,cAAA,CACA,gBAAA,CAIF,wDACE,YAAA,CACA,QAAA,CAIF,wDACE,YAAA,CACA,eAAA,CACA,6BAAA,CACA,aAAA,CACA,UAAA,CAOF,yDACE,iBAAA,CACA,YAAA,CACA,iBAAA,CAIF,wDACE,wBAAA,CACA,YAAA,CACA,YAAA,CACA,6BAAA,CACA,gBAAA,CACA,aAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CAIF,0BACE,wDACE,cAAA,CAGF,yDACE,sBAAA,CAGF,wDACE,YAAA,CACA,qBAAA,CAAA,CAIJ,yBACE,yDACE,UAAA,CAGF,yDACE,iBAAA,CACA,eAAA,CAAA",sourcesContent:["@import 'variables';\n.pageWrapper{\n  // Category Styling\n  .categoryName {\n    color: $text-color;\n    font-size: 1.25rem;\n  }\n\n  // Table Wrapper for layout consistency\n  .tableWrapper {\n    padding: 0 100px;\n  }\n\n  .tableContainer {\n    overflow-x: scroll;\n    scrollbar-color: $primary;\n  }\n\n  table {\n        border-radius: 20px;\n        gap:10px;\n        // margin: 15px auto;\n        border-collapse: collapse;\n        width: 100%;\n        position: relative;\n        text-wrap: nowrap;\n  }\n\n\n  // Table Header & Cell Styling\n  th {\n    background-color: $primary;\n    color: #FFF;\n    font-weight: 600;\n  }\n\n  td,\n  th {\n    padding: 10px;\n    max-width: 50%;\n    text-align: left;\n  }\n\n  td{\n    border-right: 1px solid #ddd;\n    border-left: 1px solid #ddd;\n    background-color: $background;\n  }\n  td:first-of-type{\n    border-left: none\n  }\n  td:last-of-type{\n    border-right: none;\n  }\n\n  .noBorder{\n    border-right: none;\n    border-left: none;\n  }\n\n  tr{\n    border-bottom: 1px solid #ddd;\n  }\n\n  tr:last-of-type{\n    border-bottom-right-radius: 10px;\n    border-bottom: none;\n  }\n\n  // Table Borders & Rounded Corners\n  th:first-of-type {\n    border-top-left-radius: 8px;\n  }\n\n  th:last-of-type {\n    border-top-right-radius: 8px;\n  }\n\n  tr:last-of-type {\n    border-radius: 0 0 20px 20px;\n    border-bottom: none;\n  }\n\n  \n  .late {\n    color: #876212;\n  }\n\n  .no_submission{\n      color: #8A2626;\n  }\n\n  .header{\n    display: grid;\n    grid-template-columns: 1fr 2fr 1fr;\n    justify-items: center;\n    align-items: center; }\n\n  .pageTitle{\n    margin-top: 20px;\n    width: fit-content;\n    align-self: center;\n    grid-column-start: 2;\n  }\n\n  .buttonContainer{\n    display: flex;\n    gap: 10px;\n    margin-left: auto;\n    padding: 10px 20px;\n  }\n\n\n  // Section Styling\n  .section {\n    background-color: $primary;\n    width: inherit;\n    border-radius: 10px;\n    height:fit-content;\n    overflow: scroll;\n    border: 2px solid $primary;\n  }\n\n  .categoryRow {\n    font-weight: bold;\n  }\n\n  .categoryValue {\n    border-bottom-right-radius: 8px;\n  }\n\n  .categoryText {\n    border-bottom-left-radius: 8px;\n    border-right: none;\n  }\n\n  .centered{\n    text-align: center;\n    max-width: 80px;\n    min-width: 80px;\n  }\n\n  .assignmentLink{\n    text-decoration: none;\n  }\n\n  .assignmentLink:hover {\n    text-decoration: underline;\n  }\n\n  // Category Average Styling (Adjusted for spacing)\n  .categoryAverage {\n    font-size: 14px;\n    text-align: right;\n    padding: 10px;\n    font-weight: bold;\n    margin-top: 10px;  // 🟢 FIX: Added spacing so it doesn’t overlap\n  }\n\n\n  .gradebookTitle {\n    text-align: center;\n    font-size: 2rem;\n    font-weight: bold;\n  }\n\n\n  .headerRight {\n    display: flex;\n    gap: 20px;  // 🟢 FIX: Adds spacing between Late Days and Score\n  }\n\n  // Gradebook Layout (Using Grid)\n  .gradebookGrid {\n    display: grid;\n    margin-top: 10px;\n    grid-template-columns: 1fr 1fr;\n    grid-gap: 20px;\n    width: 100%;  // 🟢 FIX: Ensures the grid container spans full width\n  }\n\n  // 🟢 FIX: Project Section Width Adjusted\n  \n\n  // Empty Assignments Text\n  .noAssignments {\n    text-align: center;\n    padding: 10px;\n    font-style: italic;\n  }\n\n  // Course Average Box Styling\n  .courseAverage {\n    border: 2px solid #5a3d8a;\n    padding: 14px;\n    display: flex;\n    justify-content: space-between;  // 🟢 FIX: Pushes the value to the rightmost side\n    font-weight: bold;\n    width: inherit;\n    grid-column: span 2;\n    margin-top: 20px;\n    border-radius: 10px;\n  }\n\n  // 🟢 FIX: Mobile Responsive Adjustments\n  @media (max-width: $medium) {\n    .pageWrapper {\n      padding: 0 20px;\n    }\n\n    .category {\n      width: calc(100% / 2 - 14px);\n    }\n\n    .gradebookGrid {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  @media (max-width: 450px) {\n    .category {\n      width: 100%;\n    }\n\n    .backToCourseButton {\n      position: relative;  // 🟢 FIX: Prevents it from overlapping content on small screens\n      margin-top: 10px;\n    }\n  }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={pageWrapper:"SjsJhgDI2slmQguvBXUMmg==",categoryName:"ErmZlt7EdjgpeCoiAFVf5Q==",tableWrapper:"k59fFXQP8sz9ZjBcxc3iuQ==",tableContainer:"_3yg9xJqnqSZlSVgm+Pwcrg==",noBorder:"LQvZfb+0UPmFc4UU50y+pg==",late:"_9a+h9DPcWx657vztDNqMXQ==",no_submission:"_8bMMngIApxaoC3QTvhgxzw==",header:"_9gZtebAU0X5oOvcBp-jZVQ==",pageTitle:"rC2F9SvXKF-nfVYM0pmfbA==",buttonContainer:"L5SyN2AKMKD4cUBE+bXNnw==",section:"SFIXO496Y-N6+C80h7TVfg==",categoryRow:"yu-V+t2QoLvIs0aoHEYnxg==",categoryValue:"_9b0ZuzCEF4UduNeOexebxg==",categoryText:"j7dpa4iIV5unuRbOAFEBdw==",centered:"XCQLrjrch5lkMyDcts29Yg==",assignmentLink:"WmDUHkoKDb9cJGkOaGzmnA==",categoryAverage:"_95TbQpX4XvT8OHu3wokUww==",gradebookTitle:"k5FJkFk9LuJZohqwCsNepA==",headerRight:"NtaFW9wFFidHWruqG5gOyA==",gradebookGrid:"a6a69uD3MXzoI31uMNrFRQ==",noAssignments:"_6LZEL07RB3Weeeu8h4ezrg==",courseAverage:"BlxO4HumyHu8NYHs0FZjXQ==",category:"V+BdPRUcVYY3OtdEZflQIA==",backToCourseButton:"dNkFy6FLO+XVi0aP5eoDrw=="};const l=i},7517:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__spreadArray||function(e,n,t){if(t||2===arguments.length)for(var r,a=0,o=n.length;a<o;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=i(t(6540)),d=t(4625);t(596);var A=c(t(2313)),p=t(833),f=t(9218),m=t(4208),g=t(4625),b=c(t(5031)),h=c(t(1090)),C=c(t(5429));n.default=function(e){var n=e.open,t=e.onClose,a=(0,g.useParams)().courseId,o=l((0,p.useActionless)(f.SET_ALERT),1)[0],i=l((0,u.useState)(""),2),c=i[0],v=i[1],x=l((0,u.useState)(""),2),y=x[0],w=x[1],k=l((0,u.useState)(""),2),E=k[0],$=k[1],B=l((0,u.useState)([]),2),S=B[0],_=B[1],I=l((0,u.useState)(),2),D=I[0],O=I[1],P=l((0,u.useState)([]),2),j=P[0],F=P[1],M=(0,d.useHistory)(),N=l((0,u.useState)({courseId:a,name:"",categoryName:"",description:"",maxFileSize:100,maxSubmissions:1,disableHandins:!1}),2),T=N[0],G=N[1],Q=function(e){var n=e.target.id,t=e.target.value;G((function(e){var a;return r(r({},e),((a={})[n]=t,a))}))};return(0,u.useEffect)((function(){A.default.get("/api/course/".concat(a,"/assignments")).then((function(e){F(e)}))}),[T]),(0,u.useEffect)((function(){var e=s([],l(new Set(j.map((function(e){return e.categoryName})))),!1).map((function(e){return{value:e,label:e}}));_(e)}),[j]),u.default.createElement(h.default,{title:"Add Assignment",buttonAction:function(){var e={courseId:a,name:T.name,startDate:E,dueDate:y,endDate:c,categoryName:T.categoryName,description:T.description,maxFileSize:T.maxFileSize,maxSubmissions:T.maxSubmissions,disableHandins:T.disableHandins};O(void 0);var n=new FormData;n.append("courseId",e.courseId),n.append("name",e.name),n.append("startDate",e.startDate),n.append("dueDate",e.dueDate),n.append("endDate",e.endDate),n.append("categoryName",e.categoryName),null!==e.description&&n.append("description",e.description),n.append("maxFileSize",e.maxFileSize.toString()),null!==e.maxSubmissions&&n.append("maxSubmissions",e.maxSubmissions.toString()),n.append("disableHandins",e.disableHandins.toString()),A.default.postMultipart("/api/course/".concat(a,"/assignments/"),n).then((function(e){t(),M.push("/course/".concat(a,"/assignment/").concat(e.id,"/update"))})).catch((function(e){var n=Array.isArray(e)?e.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):e.message,t=new Map;Array.isArray(e)&&e.map((function(e){return(0,m.applyMessageToErrorFields)(t,e.param,e.msg)})),o({autoDelete:!1,type:"error",message:n})}))},open:n,onClose:t},u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"categoryName",className:"input-label"},"Assignment Category:"),u.default.createElement(C.default,{onChange:function(e){G((function(n){return r(r({},n),{categoryName:e.label})})),O(e)},onCreate:function(e){var n={value:e,label:e};G((function(n){return r(r({},n),{categoryName:e})})),O(n)},options:S,custom:{control:function(){return{border:"none",padding:"3px 0",backgroundColor:"var(--input-field-background)"}},placeholder:function(){return{color:"var(--input-field-label)"}},input:function(){return{fontSize:"14px",backgroundColor:"var(--input-field-background)"}},option:function(e,n){return{backgroundColor:n.isFocused?"var(--list-item-background-hover)":"var(--input-field-background)"}},menu:function(){return{backgroundColor:"var(--input-field-background)",overflow:"hidden"}},singleValue:function(){return{fontSize:"14px"}}},value:null!=D?D:void 0})),u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"name",className:"input-label"},"Assignment Name:"),u.default.createElement("input",{type:"text",id:"name",onChange:Q,className:b.default.input,placeholder:"e.g. PA3"})),u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"description",className:"input-label"},"Description: ",u.default.createElement("span",null,"(optional)")),u.default.createElement("textarea",{rows:4,id:"description",onChange:Q,className:b.default.input,placeholder:"Provide an optional assignment description"})),u.default.createElement("div",{className:"input-subgroup-2col"},u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"maxSubmissions",className:"input-label"},"Maximum Submissions:"),u.default.createElement("input",{type:"number",id:"maxSubmissions",onChange:Q,className:b.default.input,placeholder:"e.g. 1",value:T.maxSubmissions,min:"0"})),u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"maxFileSize",className:"input-label"},"Maximum File Size (KB):"),u.default.createElement("input",{type:"number",id:"maxFileSize",onChange:Q,className:b.default.input,placeholder:"e.g. 100",value:T.maxFileSize,min:"0"}))),u.default.createElement("div",{className:b.default.datepickerContainer},u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"start_date"},"Start Date:"),u.default.createElement("br",null),u.default.createElement("input",{type:"date",id:"start_date",onChange:function(e){$(e.target.value)}})),u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"due_date"},"Due Date:"),u.default.createElement("br",null),u.default.createElement("input",{type:"date",id:"due_date",onChange:function(e){w(e.target.value),c||v(e.target.value)}})),u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"end_date"},"End Date:"),u.default.createElement("br",null),u.default.createElement("input",{type:"date",id:"end_date",value:c,onChange:function(e){v(e.target.value)}}))),u.default.createElement("label",{htmlFor:"disableHandins"},"Disable Submissions?",u.default.createElement("input",{type:"checkbox",id:"disableHandins"})))}},7532:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._6MZeAs7GaUkPYZXECENS7w\\=\\={display:flex;justify-content:center;align-items:center;height:100%;background:var(--background)}.ywRgT5yQuqXMu7-rydbxRw\\=\\={padding:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background:var(--primary)}.xVEiz7lOReqLqZ\\+lMPqCLg\\=\\={margin-top:0}.O4jEINKyfiz3dIMc4v7brQ\\=\\={display:flex;flex-direction:column;gap:10px}.epVGNNp-kUXwHqLo1DZ\\+-Q\\=\\={width:100%;padding:10px}.epVGNNp-kUXwHqLo1DZ\\+-Q\\=\\=:hover:enabled{cursor:pointer}.c\\+NSMn5Zgpn3sgp4SXuwcA\\=\\={max-width:300px}.DkiNJ9YpxwwR-PsevGpRRA\\=\\={width:300px;font-weight:300}.hk94vUTWDL7YT08bVpjFeQ\\=\\={margin-bottom:30px}.VIFkgNQ5RvPBHbsGkQ4Nfg\\=\\={width:100%;background:var(--green);color:#fff;padding:10px;text-align:center;border:none;border-radius:3px;font-size:18px}.VIFkgNQ5RvPBHbsGkQ4Nfg\\=\\=:hover:enabled{cursor:pointer}","",{version:3,sources:["webpack://./src/components/pages/authProvider.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,6BACE,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,WAAA,CAEA,4BCHW,CDMb,4BACE,YAAA,CACA,8DCkEW,CDjEX,yBCLQ,CDQV,6BACE,YAAA,CAGF,4BACE,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,6BACE,UAAA,CACA,YAAA,CAEA,2CACE,cAAA,CAIJ,6BACE,eAAA,CAGF,4BACE,WAAA,CACA,eAAA,CAGF,4BACE,kBAAA,CAGF,4BACE,UAAA,CACA,uBAAA,CACA,UAAA,CAEA,YAAA,CACA,iBAAA,CAEA,WAAA,CACA,iBCmBc,CDjBd,cAAA,CAEA,0CACE,cAAA",sourcesContent:["@import 'variables';\n\n\n.page {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  height: 100%;\n\n  background: $background;\n}\n\n.card {\n  padding: 20px;\n  box-shadow: $box-shadow;\n  background: $primary;\n}\n\n.header {\n  margin-top: 0;\n}\n\n.providerList {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.providerButton {\n  width: 100%;\n  padding: 10px;\n\n  &:hover:enabled {\n    cursor: pointer;\n  }\n}\n\n.submitForm {\n  max-width: 300px;\n}\n\n.description {\n  width: 300px;\n  font-weight: 300;\n}\n\n.fields {\n  margin-bottom: 30px;\n}\n\n.submit {\n  width: 100%;\n  background: $green;\n  color: white;\n\n  padding: 10px;\n  text-align: center;\n\n  border: none;\n  border-radius: $border-radius;\n\n  font-size: 18px;\n\n  &:hover:enabled {\n    cursor: pointer;\n  }\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={page:"_6MZeAs7GaUkPYZXECENS7w==",card:"ywRgT5yQuqXMu7-rydbxRw==",header:"xVEiz7lOReqLqZ+lMPqCLg==",providerList:"O4jEINKyfiz3dIMc4v7brQ==",providerButton:"epVGNNp-kUXwHqLo1DZ+-Q==",submitForm:"c+NSMn5Zgpn3sgp4SXuwcA==",description:"DkiNJ9YpxwwR-PsevGpRRA==",fields:"hk94vUTWDL7YT08bVpjFeQ==",submit:"VIFkgNQ5RvPBHbsGkQ4Nfg=="};const l=i},7609:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(a,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}s((r=r.apply(e,n||[])).next())}))},l=this&&this.__generator||function(e,n){var t,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(s){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((a=(a=i.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}},s=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=o(t(6540)),d=t(4625),A=c(t(2287)),p=c(t(5954)),f=c(t(8331)),m=c(t(2313)),g=c(t(9508)),b=c(t(6152)),h=function(e){var n,t=e.user,r=e.submission,a=e.submissionScore;return u.default.createElement("tr",null,u.default.createElement("td",null,t.email),u.default.createElement("td",null,t.externalId),u.default.createElement("td",null,null!==(n=null==a?void 0:a.score)&&void 0!==n?n:"N/A"),u.default.createElement("td",null,u.default.createElement("a",{href:"/course/".concat(r.courseId,"/assignment/").concat(r.assignmentId,"/submission/").concat(r.id,"/feedback")},"View Feedback")))},C=function(e){var n=e.users,t=e.submissions,r=e.submissionScores,a=e.assignment;return u.default.createElement("table",{className:g.default.submissionsTable},u.default.createElement("thead",null,u.default.createElement("tr",null,u.default.createElement("th",null,"Email"),u.default.createElement("th",null,"External ID"),u.default.createElement("th",null,a.name," Score"),u.default.createElement("th",null,"Feedback"))),u.default.createElement("tbody",null,t.map((function(e){var t=n.find((function(n){return n.id===e.userId})),a=r.find((function(n){return n.submissionId===e.id}));return t?u.default.createElement(h,{key:e.id,user:t,submission:e,submissionScore:a}):null}))))};n.default=function(){var e=s((0,u.useState)(!0),2),n=e[0],t=e[1],r=s((0,u.useState)(null),2),a=r[0],o=r[1],c=s((0,u.useState)([]),2),h=c[0],v=c[1],x=s((0,u.useState)([]),2),y=x[0],w=x[1],k=s((0,u.useState)([]),2),E=k[0],$=k[1],B=s((0,u.useState)(null),2),S=B[0],_=B[1],I=(0,d.useParams)(),D=I.assignmentId,O=I.courseId;return(0,u.useEffect)((function(){i(void 0,void 0,void 0,(function(){var e,n,r,i,s;return l(this,(function(l){switch(l.label){case 0:return l.trys.push([0,5,6,7]),O?[4,m.default.get("/api/users")]:(console.error("courseId is undefined. Cannot fetch users.",a),o(a),[2]);case 1:return e=l.sent(),v(e),[4,m.default.get("/api/course/".concat(O,"/assignment/").concat(D,"/submissions"))];case 2:return n=l.sent(),w(n),[4,m.default.get("/api/course/".concat(O,"/assignment/").concat(D,"/submission-scores"))];case 3:return r=l.sent(),$(r),[4,m.default.get("/api/course/".concat(O,"/assignments/").concat(D))];case 4:return i=l.sent(),_(i),[3,7];case 5:return s=l.sent(),console.error("Error fetching data:",s),o(s),[3,7];case 6:return t(!1),[7];case 7:return[2]}}))}))}),[O,D]),n?u.default.createElement(p.default,{delay:250}):a?u.default.createElement(f.default,{error:a}):S?u.default.createElement(A.default,null,u.default.createElement("div",{className:g.default.header},u.default.createElement("h1",null,"Instructor Submissions Page")),u.default.createElement("div",null,u.default.createElement(b.default,{onChange:function(e){console.log("Search term:",e);var n=h.filter((function(n){var t=n.email.toLowerCase().includes(e.toLowerCase())||n.externalId.toLowerCase().includes(e.toLowerCase());return console.log("User ".concat(n.email," matches:"),t),t}));console.log("Filtered Users:",n),v(n)},label:"Search",id:"email",placeholder:"search students"}),u.default.createElement(C,{users:h,submissions:y,submissionScores:E,assignment:S}))):u.default.createElement(f.default,{error:new Error("Assignment not found")})}},7623:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(9398);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},7646:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".uRupd7VKFnv5gTBBzaS6Fw\\=\\={width:100%;margin:1.5rem 0;overflow-x:auto;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);background:var(--background)}.MjsiWVf8mam7W8s8aqxStA\\=\\={width:100%;border-collapse:collapse;font-family:\"Source Sans Pro\",\"Helvetica\",\"Arial\",sans-serif;color:var(--text-color)}.MjsiWVf8mam7W8s8aqxStA\\=\\= thead{background-color:var(--purple)}.MjsiWVf8mam7W8s8aqxStA\\=\\= thead th{padding:12px 16px;text-align:left;font-weight:600;color:#fff;font-size:1rem}.MjsiWVf8mam7W8s8aqxStA\\=\\= thead th:first-child{border-top-left-radius:10px}.MjsiWVf8mam7W8s8aqxStA\\=\\= thead th:last-child{border-top-right-radius:10px}.MjsiWVf8mam7W8s8aqxStA\\=\\= tbody tr{border-bottom:1px solid var(--grey-lightest);transition:background-color .2s ease}.MjsiWVf8mam7W8s8aqxStA\\=\\= tbody tr:nth-child(even){background-color:var(--table-row-even)}.MjsiWVf8mam7W8s8aqxStA\\=\\= tbody tr:nth-child(odd){background-color:var(--table-row-odd)}.MjsiWVf8mam7W8s8aqxStA\\=\\= tbody tr:hover{background-color:var(--list-item-background-hover)}.MjsiWVf8mam7W8s8aqxStA\\=\\= tbody tr:last-child{border-bottom:none}.MjsiWVf8mam7W8s8aqxStA\\=\\= tbody tr.UJzTzWwFSmHjvvB9wj-mtg\\=\\={background-color:rgba(48,96,37,.1)}.MjsiWVf8mam7W8s8aqxStA\\=\\= tbody tr.kk0k13Dx0dGWoXV5XSM3dw\\=\\={background-color:rgba(138,38,38,.1)}.MjsiWVf8mam7W8s8aqxStA\\=\\= tbody td{padding:12px 16px;vertical-align:middle}.MjsiWVf8mam7W8s8aqxStA\\=\\= .WQZ1w3nJ6qkKwsb2fveSaA\\=\\={width:45%}.MjsiWVf8mam7W8s8aqxStA\\=\\= .kfWcr7\\+QAlLJ99pc2xWbwg\\=\\={width:35%}.MjsiWVf8mam7W8s8aqxStA\\=\\= .sKa-fJm\\+sMsHYY6pyf41mA\\=\\={width:20%}.MjsiWVf8mam7W8s8aqxStA\\=\\= ._34uBiMiJManyWvM4TyL1FA\\=\\={font-weight:500}.MjsiWVf8mam7W8s8aqxStA\\=\\= .AeYimp31tLUEGNZ8I35rhg\\=\\= .zekJHFnEP3SiLMyd6qKORg\\=\\={width:100%;padding:8px 12px;border-radius:5px;border:1px solid var(--input-field-label);background-color:var(--input-field-background);color:var(--text-color);font-family:\"Source Sans Pro\",\"Helvetica\",\"Arial\",sans-serif;font-size:.95rem;cursor:pointer;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:30px}.MjsiWVf8mam7W8s8aqxStA\\=\\= .AeYimp31tLUEGNZ8I35rhg\\=\\= .zekJHFnEP3SiLMyd6qKORg\\=\\=:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 2px rgba(82,70,138,.1)}.MjsiWVf8mam7W8s8aqxStA\\=\\= .AeYimp31tLUEGNZ8I35rhg\\=\\= .uVMZAPDllID1-aHUQ9fuMg\\=\\={padding:6px 10px;background-color:var(--grey-lightest);border-radius:5px;font-size:.95rem;display:inline-block;max-width:100%;word-break:break-word}.MjsiWVf8mam7W8s8aqxStA\\=\\= ._0B7dJ0L7AvQHG14Hc-OXnQ\\=\\= .pnyxVTcpmYC2G1LxFXqa1w\\=\\={display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:8px;font-weight:bold}.MjsiWVf8mam7W8s8aqxStA\\=\\= ._0B7dJ0L7AvQHG14Hc-OXnQ\\=\\= .pnyxVTcpmYC2G1LxFXqa1w\\=\\=.UJzTzWwFSmHjvvB9wj-mtg\\=\\={background-color:rgba(48,96,37,.2);color:var(--green)}.MjsiWVf8mam7W8s8aqxStA\\=\\= ._0B7dJ0L7AvQHG14Hc-OXnQ\\=\\= .pnyxVTcpmYC2G1LxFXqa1w\\=\\=.kk0k13Dx0dGWoXV5XSM3dw\\=\\={background-color:rgba(138,38,38,.2);color:var(--red)}.MjsiWVf8mam7W8s8aqxStA\\=\\= ._0B7dJ0L7AvQHG14Hc-OXnQ\\=\\= .L2DDoIBm8bNrSIS7dYUeVA\\=\\={display:block;font-size:.85rem;color:var(--text-color-secondary);margin-top:4px;margin-left:32px}.MjsiWVf8mam7W8s8aqxStA\\=\\= ._0B7dJ0L7AvQHG14Hc-OXnQ\\=\\= .yij5UArseeEG\\+4jznz7lWQ\\=\\={color:var(--text-color-secondary);font-style:italic;font-size:.9rem}@media screen and (max-width: 768px){.MjsiWVf8mam7W8s8aqxStA\\=\\= thead th,.MjsiWVf8mam7W8s8aqxStA\\=\\= tbody td{padding:10px 12px;font-size:.9rem}.MjsiWVf8mam7W8s8aqxStA\\=\\= .sKa-fJm\\+sMsHYY6pyf41mA\\=\\=,.MjsiWVf8mam7W8s8aqxStA\\=\\= ._0B7dJ0L7AvQHG14Hc-OXnQ\\=\\={display:none}.MjsiWVf8mam7W8s8aqxStA\\=\\= .WQZ1w3nJ6qkKwsb2fveSaA\\=\\={width:50%}.MjsiWVf8mam7W8s8aqxStA\\=\\= .kfWcr7\\+QAlLJ99pc2xWbwg\\=\\={width:50%}}body.vRgifDgfPHOxv7WlCn1zsg\\=\\= .MjsiWVf8mam7W8s8aqxStA\\=\\= .zekJHFnEP3SiLMyd6qKORg\\=\\={background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5c5c5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\")}body.vRgifDgfPHOxv7WlCn1zsg\\=\\= .MjsiWVf8mam7W8s8aqxStA\\=\\= tbody tr.UJzTzWwFSmHjvvB9wj-mtg\\=\\={background-color:rgba(176,238,162,.1)}body.vRgifDgfPHOxv7WlCn1zsg\\=\\= .MjsiWVf8mam7W8s8aqxStA\\=\\= tbody tr.kk0k13Dx0dGWoXV5XSM3dw\\=\\={background-color:rgba(255,163,163,.1)}body.vRgifDgfPHOxv7WlCn1zsg\\=\\= .MjsiWVf8mam7W8s8aqxStA\\=\\= ._0B7dJ0L7AvQHG14Hc-OXnQ\\=\\= .pnyxVTcpmYC2G1LxFXqa1w\\=\\=.UJzTzWwFSmHjvvB9wj-mtg\\=\\={background-color:rgba(176,238,162,.2);color:var(--green-lighter)}body.vRgifDgfPHOxv7WlCn1zsg\\=\\= .MjsiWVf8mam7W8s8aqxStA\\=\\= ._0B7dJ0L7AvQHG14Hc-OXnQ\\=\\= .pnyxVTcpmYC2G1LxFXqa1w\\=\\=.kk0k13Dx0dGWoXV5XSM3dw\\=\\={background-color:rgba(255,163,163,.2);color:var(--red-lighter)}","",{version:3,sources:["webpack://./src/components/pages/Multiplechoice/matchingTable.scss"],names:[],mappings:"AAEA,4BACE,UAAA,CACA,eAAA,CACA,eAAA,CACA,kBAAA,CACA,mCAAA,CACA,4BAAA,CAGF,4BACE,UAAA,CACA,wBAAA,CACA,4DAAA,CACA,uBAAA,CAEA,kCACE,8BAAA,CAEA,qCACE,iBAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CACA,cAAA,CAEA,iDACE,2BAAA,CAGF,gDACE,4BAAA,CAMJ,qCACE,4CAAA,CACA,oCAAA,CAEA,qDACE,sCAAA,CAGF,oDACE,qCAAA,CAGF,2CACE,kDAAA,CAGF,gDACE,kBAAA,CAGF,gEACE,kCAAA,CAGF,gEACE,mCAAA,CAIJ,qCACE,iBAAA,CACA,qBAAA,CAIJ,wDACE,SAAA,CAGF,yDACE,SAAA,CAGF,yDACE,SAAA,CAGF,yDACE,eAAA,CAIA,oFACE,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,yCAAA,CACA,8CAAA,CACA,uBAAA,CACA,4DAAA,CACA,gBAAA,CACA,cAAA,CACA,eAAA,CACA,uQAAA,CACA,2BAAA,CACA,qCAAA,CACA,oBAAA,CACA,kBAAA,CAEA,0FACE,YAAA,CACA,0BAAA,CACA,uCAAA,CAIJ,oFACE,gBAAA,CACA,qCAAA,CACA,iBAAA,CACA,gBAAA,CACA,oBAAA,CACA,cAAA,CACA,qBAAA,CAKF,qFACE,mBAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,gBAAA,CACA,gBAAA,CAEA,gHACE,kCAAA,CACA,kBAAA,CAGF,gHACE,mCAAA,CACA,gBAAA,CAIJ,qFACE,aAAA,CACA,gBAAA,CACA,iCAAA,CACA,cAAA,CACA,gBAAA,CAGF,sFACE,iCAAA,CACA,iBAAA,CACA,eAAA,CAMN,qCAEI,0EACE,iBAAA,CACA,eAAA,CAGF,kHACE,YAAA,CAGF,wDACE,SAAA,CAGF,yDACE,SAAA,CAAA,CAQF,wFACE,uQAAA,CAIA,gGACE,qCAAA,CAGF,gGACE,qCAAA,CAMA,gJACE,qCAAA,CACA,0BAAA,CAGF,gJACE,qCAAA,CACA,wBAAA",sourcesContent:["@import 'variables';\n\n.matching-table-container {\n  width: 100%;\n  margin: 1.5rem 0;\n  overflow-x: auto;\n  border-radius: 10px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n  background: var(--background);\n}\n\n.matching-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;\n  color: var(--text-color);\n\n  thead {\n    background-color: var(--purple);\n    \n    th {\n      padding: 12px 16px;\n      text-align: left;\n      font-weight: 600;\n      color: white;\n      font-size: 1rem;\n\n      &:first-child {\n        border-top-left-radius: 10px;\n      }\n\n      &:last-child {\n        border-top-right-radius: 10px;\n      }\n    }\n  }\n\n  tbody {\n    tr {\n      border-bottom: 1px solid var(--grey-lightest);\n      transition: background-color 0.2s ease;\n\n      &:nth-child(even) {\n        background-color: var(--table-row-even);\n      }\n\n      &:nth-child(odd) {\n        background-color: var(--table-row-odd);\n      }\n\n      &:hover {\n        background-color: var(--list-item-background-hover);\n      }\n\n      &:last-child {\n        border-bottom: none;\n      }\n\n      &.correct {\n        background-color: rgba(48, 96, 37, 0.1);\n      }\n\n      &.incorrect {\n        background-color: rgba(138, 38, 38, 0.1);\n      }\n    }\n\n    td {\n      padding: 12px 16px;\n      vertical-align: middle;\n    }\n  }\n\n  .prompt-column {\n    width: 45%;\n  }\n\n  .response-column {\n    width: 35%;\n  }\n\n  .status-column {\n    width: 20%;\n  }\n\n  .prompt-cell {\n    font-weight: 500;\n  }\n\n  .response-cell {\n    .answer-select {\n      width: 100%;\n      padding: 8px 12px;\n      border-radius: 5px;\n      border: 1px solid var(--input-field-label);\n      background-color: var(--input-field-background);\n      color: var(--text-color);\n      font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;\n      font-size: 0.95rem;\n      cursor: pointer;\n      appearance: none;\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-position: right 10px center;\n      background-size: 16px;\n      padding-right: 30px;\n\n      &:focus {\n        outline: none;\n        border-color: var(--purple);\n        box-shadow: 0 0 0 2px rgba(82, 70, 138, 0.1);\n      }\n    }\n\n    .selected-answer {\n      padding: 6px 10px;\n      background-color: var(--grey-lightest);\n      border-radius: 5px;\n      font-size: 0.95rem;\n      display: inline-block;\n      max-width: 100%;\n      word-break: break-word;\n    }\n  }\n\n  .status-cell {\n    .status-icon {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\n      margin-right: 8px;\n      font-weight: bold;\n\n      &.correct {\n        background-color: rgba(48, 96, 37, 0.2);\n        color: var(--green);\n      }\n\n      &.incorrect {\n        background-color: rgba(138, 38, 38, 0.2);\n        color: var(--red);\n      }\n    }\n\n    .correct-answer {\n      display: block;\n      font-size: 0.85rem;\n      color: var(--text-color-secondary);\n      margin-top: 4px;\n      margin-left: 32px;\n    }\n\n    .status-unanswered {\n      color: var(--text-color-secondary);\n      font-style: italic;\n      font-size: 0.9rem;\n    }\n  }\n}\n\n/* Responsive adjustments */\n@media screen and (max-width: 768px) {\n  .matching-table {\n    thead th, tbody td {\n      padding: 10px 12px;\n      font-size: 0.9rem;\n    }\n\n    .status-column, .status-cell {\n      display: none;\n    }\n\n    .prompt-column {\n      width: 50%;\n    }\n\n    .response-column {\n      width: 50%;\n    }\n  }\n}\n\n/* Dark mode adjustments */\nbody.dark-mode {\n  .matching-table {\n    .answer-select {\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5c5c5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\");\n    }\n\n    tbody tr {\n      &.correct {\n        background-color: rgba(176, 238, 162, 0.1);\n      }\n\n      &.incorrect {\n        background-color: rgba(255, 163, 163, 0.1);\n      }\n    }\n\n    .status-cell {\n      .status-icon {\n        &.correct {\n          background-color: rgba(176, 238, 162, 0.2);\n          color: var(--green-lighter);\n        }\n\n        &.incorrect {\n          background-color: rgba(255, 163, 163, 0.2);\n          color: var(--red-lighter);\n        }\n      }\n    }\n  }\n}"],sourceRoot:""}]),i.locals={"matching-table-container":"uRupd7VKFnv5gTBBzaS6Fw==","matching-table":"MjsiWVf8mam7W8s8aqxStA==",correct:"UJzTzWwFSmHjvvB9wj-mtg==",incorrect:"kk0k13Dx0dGWoXV5XSM3dw==","prompt-column":"WQZ1w3nJ6qkKwsb2fveSaA==","response-column":"kfWcr7+QAlLJ99pc2xWbwg==","status-column":"sKa-fJm+sMsHYY6pyf41mA==","prompt-cell":"_34uBiMiJManyWvM4TyL1FA==","response-cell":"AeYimp31tLUEGNZ8I35rhg==","answer-select":"zekJHFnEP3SiLMyd6qKORg==","selected-answer":"uVMZAPDllID1-aHUQ9fuMg==","status-cell":"_0B7dJ0L7AvQHG14Hc-OXnQ==","status-icon":"pnyxVTcpmYC2G1LxFXqa1w==","correct-answer":"L2DDoIBm8bNrSIS7dYUeVA==","status-unanswered":"yij5UArseeEG+4jznz7lWQ==","dark-mode":"vRgifDgfPHOxv7WlCn1zsg=="};const l=i},7697:function(e,n){var t=this&&this.__assign||function(){return t=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},t.apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.updateUserRole=void 0,n.updateUserRole=function(e){return{type:"UPDATE_USER_ROLE",payload:e}};var r={userRole:localStorage.getItem("userRole")||"Student",isInstructor:function(){return"Instructor"===this.userRole}};n.default=function(e,n){return void 0===e&&(e=r),"UPDATE_USER_ROLE"===n.type?(localStorage.setItem("userRole",n.payload),t(t({},e),{userRole:n.payload})):e}},7730:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,'.\\+LwkcjZWKmsEdkz5h5e5XQ\\=\\={background-color:var(--primary);color:var(--text-color);border:0px;padding:10px 40px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer}.\\+LwkcjZWKmsEdkz5h5e5XQ\\=\\=:disabled{cursor:not-allowed}._687GnozfexomxYJnDdXolA\\=\\={position:relative;display:flex;justify-content:center;align-items:center}._687GnozfexomxYJnDdXolA\\=\\= .x47YJ3BOX\\+Cpuw\\+T8LFncA\\=\\={opacity:0}._687GnozfexomxYJnDdXolA\\=\\= ._3uBqLBZhR\\+rMVq1wFRPuBQ\\=\\=:after{display:block}._3uBqLBZhR\\+rMVq1wFRPuBQ\\=\\={font-size:14px;position:absolute}._3uBqLBZhR\\+rMVq1wFRPuBQ\\=\\=:after{overflow:hidden;display:none;vertical-align:bottom;-webkit-animation:HU4IBL0Ks1sIjIWIWSJvSA\\=\\= steps(4, end) 1000ms infinite;animation:HU4IBL0Ks1sIjIWIWSJvSA\\=\\= steps(4, end) 1000ms infinite;content:"…";width:0px}@keyframes HU4IBL0Ks1sIjIWIWSJvSA\\=\\={to{width:1.25em}}@-webkit-keyframes HU4IBL0Ks1sIjIWIWSJvSA\\=\\={to{width:1.25em}}',"",{version:3,sources:["webpack://./src/components/shared/inputs/button.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAAA,6BAIA,+BCOU,CAAA,uBAHG,CAAA,UDDZ,CAAA,iBACA,CAAA,kBACA,CAAA,cACA,CAAA,eACA,CAAA,cACA,CAAA,sCAGD,kBACC,CAAA,6BAID,iBACC,CAAA,YACA,CAAA,sBACA,CAAA,kBACA,CAAA,2DACA,SACC,CAAA,iEAED,aACC,CAAA,8BAKF,cACE,CAAA,iBACA,CAAA,oCAGF,eACE,CAAA,YACA,CAAA,qBACA,CAAA,0EACA,CAAA,kEACA,CAAA,WACA,CAAA,SACA,CAAA,sCAGF,GACE,YACE,CAAA,CAAA,8CAIJ,GACE,YACE,CAAA",sourcesContent:["@import 'variables';\n\n\n\n.defaultButton {\n\tbackground-color: $primary;\n\tcolor: $text-color;\n\tborder: 0px;\n\tpadding: 10px 40px;\n\tborder-radius: 50px;\n\tfont-size: 14px;\n\tfont-weight: 700;\n\tcursor: pointer;\n}\n\n.defaultButton:disabled{\n\tcursor: not-allowed;\n}\n\n\n.isLoading {\n\tposition:relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\t.buttonLabel{\n\t\topacity: 0;\n\t}\n\t.loading:after {\n\t\tdisplay: block;\n\t}\n\n}\n\n.loading {\n  font-size: 14px;\n  position: absolute;\n}\n\n.loading:after {\n  overflow: hidden;\n  display: none;\n  vertical-align: bottom;\n  -webkit-animation: ellipsis steps(4,end) 1000ms infinite;      \n  animation: ellipsis steps(4,end) 1000ms infinite;\n  content: \"\\2026\"; /* ascii code for the ellipsis character */\n  width: 0px;\n}\n\n@keyframes ellipsis {\n  to {\n    width: 1.25em;    \n  }\n}\n\n@-webkit-keyframes ellipsis {\n  to {\n    width: 1.25em;    \n  }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={defaultButton:"+LwkcjZWKmsEdkz5h5e5XQ==",isLoading:"_687GnozfexomxYJnDdXolA==",buttonLabel:"x47YJ3BOX+Cpuw+T8LFncA==",loading:"_3uBqLBZhR+rMVq1wFRPuBQ==",ellipsis:"HU4IBL0Ks1sIjIWIWSJvSA=="};const l=i},7759:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".V\\+6MtXl6syngWML4NNPzaQ\\=\\= h3{font-size:24px;margin:10px 0 0 0}.V\\+6MtXl6syngWML4NNPzaQ\\=\\= h4{font-size:1rem;margin:0;display:inline}.XsgKOOVbGmgv2Obnton7yg\\=\\={display:flex;margin:16px 50px;gap:30px}.jp963KcIqBRgsbHywHiqDA\\=\\={display:grid;grid-template-rows:repeat(3, 1fr);gap:20px;margin-bottom:20px;min-height:200px;max-height:500px}.uDyaUzHx1lDnzn3Mqdjqsg\\=\\={padding:15px 0;background:var(--primary);width:100%;color:#fff;border-radius:10px 10px 0 0;box-sizing:border-box;text-overflow:ellipsis;overflow-wrap:break-word}.\\+QW0Zo7ihuBlmCqsKSnV1g\\=\\={background-color:var(--primary);color:#fff;width:100%;padding:20px;text-align:center;font-size:1.2em;border-radius:10px 10px 0 0}.TLU-ZVuLi-Cf\\+0h85p\\+NiA\\=\\={display:grid;justify-items:center;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px;justify-content:flex-start}._3WjZABOIrp-O3fnblgBg8g\\=\\={display:flex;width:100%;flex-direction:column;height:100%;padding:0;overflow:hidden;text-decoration:none;border-radius:200px;border:3px solid var(--primary);border-color:var(--primary);color:var(--text-color);background:none}.DCA6xkjIm4I0X40a1girSA\\=\\={color:var(--text-color);display:grid;grid-template-columns:1fr 2fr 1fr;justify-items:center;align-items:center}.-JM2P9qtTWwOd7c1RlvN1g\\=\\={color:var(--text-color);display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:20px}.wGQ4MWSibwr3lye8b2-tJw\\=\\={grid-column-start:2;padding:0 20px}.pmM2lqpQOYN0jQCmOvLc3A\\=\\={display:flex;flex-direction:column;align-items:flex-start}.tbz6\\+G01I0nXni\\+axdplGw\\=\\={display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:10px}#_92NgNHlnLcU1nkaJ5ThmRg\\=\\={margin-left:auto}._2J6Ras8HFNNEJ-ce3lPXOA\\=\\={padding:10px;color:var(--text-color);display:block;width:100%;margin:5px auto}.jXgeEAD1FQN2MCEqFGqqhQ\\=\\={border-bottom:1px solid #ddd}.jXgeEAD1FQN2MCEqFGqqhQ\\=\\=:last-of-type{border-bottom:none}.ZyjPls0ws18vWcQh8FV7qg\\=\\={text-decoration:none;display:flex;flex-direction:row;font-size:11px;flex-wrap:wrap;color:var(--text-color-secondary);font-family:monospace;font-weight:500}@media(max-width: 1000px){.TLU-ZVuLi-Cf\\+0h85p\\+NiA\\=\\={display:flex;align-items:center;flex-direction:column;gap:20px;margin-top:20px;justify-content:flex-start}}","",{version:3,sources:["webpack://./src/components/pages/courses/courseDetailPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGI,gCACI,cAAA,CACA,iBAAA,CAGJ,gCACI,cAAA,CACA,QAAA,CACA,cAAA,CAIR,4BACI,YAAA,CACA,gBAAA,CACA,QAAA,CAGJ,4BACI,YAAA,CACA,iCAAA,CACA,QAAA,CAEA,kBAAA,CACA,gBAAA,CACA,gBAAA,CAEJ,4BACI,cAAA,CAEA,yBCtBM,CDuBN,UAAA,CACA,UAAA,CACA,2BAAA,CACA,qBAAA,CACA,sBAAA,CACA,wBAAA,CAIJ,6BACI,+BCjCM,CDkCN,UAAA,CACA,UAAA,CACA,YAAA,CACA,iBAAA,CACA,eAAA,CACA,2BAAA,CAGJ,8BACI,YAAA,CACA,oBAAA,CACA,iCAAA,CAEA,QAAA,CACA,eAAA,CACA,0BAAA,CAGJ,6BACI,YAAA,CACA,UAAA,CACA,qBAAA,CACA,WAAA,CACA,SAAA,CACA,eAAA,CACA,oBAAA,CACA,mBAAA,CACA,+BAAA,CACA,2BC9DM,CD+DN,uBClES,CDmET,eAAA,CAGJ,4BACI,uBCvES,CDwET,YAAA,CACA,iCAAA,CACA,oBAAA,CACA,kBAAA,CAEJ,4BACI,uBC9ES,CD+ET,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,kBAAA,CAKJ,4BACI,mBAAA,CACA,cAAA,CAGJ,4BACI,YAAA,CACA,qBAAA,CACA,sBAAA,CAGJ,8BACI,YAAA,CACA,cAAA,CACA,0BAAA,CACA,QAAA,CACA,eAAA,CAEJ,6BACI,gBAAA,CAGJ,6BACI,YAAA,CACA,uBC/GS,CDgHT,aAAA,CACA,UAAA,CACA,eAAA,CAGJ,4BACI,4BAAA,CACA,yCACI,kBAAA,CAIR,4BACI,oBAAA,CACF,YAAA,CACA,kBAAA,CACA,cAAA,CACA,cAAA,CACA,iCCtEqB,CDuErB,qBAAA,CACA,eAAA,CAIF,0BACI,8BACI,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,QAAA,CACA,eAAA,CACA,0BAAA,CAAA",sourcesContent:["@import 'variables';\n\n.pageWrapper{\n    h3 {\n        font-size: 24px;\n        margin: 10px 0 0 0;\n    }\n    \n    h4 {\n        font-size: 1.0rem;\n        margin: 0;\n        display: inline;\n    }\n}\n\n.courseFormWrapper {\n    display: flex;\n    margin: 16px 50px;\n    gap: 30px;\n}\n\n.categoriesContainer {\n    display: grid;\n    grid-template-rows: repeat(3, 1fr);\n    gap: 20px; /* adjust this value to set the space between the cards */\n\n    margin-bottom: 20px;\n    min-height: 200px;\n    max-height: 500px;\n}\n.categoryName{\n    padding: 15px 0;\n    /* Add padding to the text inside the name block */\n    background: $primary;\n    width: 100%;\n    color: #FFF;\n    border-radius: 10px 10px 0 0;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n    overflow-wrap: break-word;\n      \n}\n\n.color {\n    background-color: $primary;\n    color: #FFF; // White text on purple background\n    width: 100%;\n    padding: 20px;\n    text-align: center;\n    font-size: 1.2em;\n    border-radius: 10px 10px 0 0;\n}\n\n.coursesContainer {\n    display: grid;\n    justify-items: center;\n    grid-template-columns: 1fr 1fr 1fr;\n    //flex-direction: row;\n    gap: 20px;\n    margin-top: 20px;\n    justify-content: flex-start;\n}\n\n.courseCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    height: 100%;\n    padding: 0;\n    overflow: hidden;\n    text-decoration: none;\n    border-radius: 200px;\n    border: 3px solid $primary;\n    border-color: $primary;\n    color: $text-color;\n    background:none;\n    }\n\n.header {\n    color: $text-color;\n    display: grid;\n    grid-template-columns: 1fr 2fr 1fr;\n    justify-items: center;\n    align-items: center;\n}\n.subheader{\n    color: $text-color;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    margin-bottom: 20px;\n}\n\n\n\n.class_title{\n    grid-column-start: 2;\n    padding: 0 20px;\n}\n\n.meta_container{\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.buttons_container {\n    display: flex; \n    flex-wrap: wrap; \n    justify-content: flex-start; \n    gap: 10px;\n    margin-top: 10px;\n}\n#parallel_button{\n    margin-left: auto;\n}\n\n.assignmentName {\n    padding: 10px;\n    color: $text-color;\n    display: block;\n    width: 100%;\n    margin: 5px auto;\n}\n\n.border{\n    border-bottom: 1px solid #ddd;\n    &:last-of-type{\n        border-bottom: none;\n    }\n}\n\n.due_end{\n    text-decoration: none;\n  display: flex;\n  flex-direction: row;\n  font-size:11px;\n  flex-wrap: wrap;\n  color: $text-color-secondary;\n  font-family: monospace;\n  font-weight: 500;\n\n}\n\n@media (max-width: $medium) {\n    .coursesContainer {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        gap: 20px;\n        margin-top:20px;\n        justify-content: flex-start;\n    }\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={pageWrapper:"V+6MtXl6syngWML4NNPzaQ==",courseFormWrapper:"XsgKOOVbGmgv2Obnton7yg==",categoriesContainer:"jp963KcIqBRgsbHywHiqDA==",categoryName:"uDyaUzHx1lDnzn3Mqdjqsg==",color:"+QW0Zo7ihuBlmCqsKSnV1g==",coursesContainer:"TLU-ZVuLi-Cf+0h85p+NiA==",courseCard:"_3WjZABOIrp-O3fnblgBg8g==",header:"DCA6xkjIm4I0X40a1girSA==",subheader:"-JM2P9qtTWwOd7c1RlvN1g==",class_title:"wGQ4MWSibwr3lye8b2-tJw==",meta_container:"pmM2lqpQOYN0jQCmOvLc3A==",buttons_container:"tbz6+G01I0nXni+axdplGw==",parallel_button:"_92NgNHlnLcU1nkaJ5ThmRg==",assignmentName:"_2J6Ras8HFNNEJ-ce3lPXOA==",border:"jXgeEAD1FQN2MCEqFGqqhQ==",due_end:"ZyjPls0ws18vWcQh8FV7qg=="};const l=i},7783:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".pxE1oVsTdyVEj2ft10pirQ\\=\\={display:flex;flex-direction:column;background-color:var(--background);border-radius:10px;margin-bottom:30px;width:100%;transition:background-color .2s ease}._0eTwaniIcTp67ys3kA0uhg\\=\\={padding:5px}.JnVT\\+ycep07FcfYPqOuhOg\\=\\={color:red}.JnVT\\+ycep07FcfYPqOuhOg\\=\\= ._0eTwaniIcTp67ys3kA0uhg\\=\\={border-color:red}","",{version:3,sources:["webpack://./src/components/shared/inputs/textField.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,4BACE,YAAA,CACA,qBAAA,CACA,kCCEW,CDDX,kBAAA,CACA,kBAAA,CACA,UAAA,CACA,oCAAA,CAGF,6BACE,WAAA,CAGF,6BACE,SAAA,CAEA,0DACE,gBAAA",sourcesContent:["@import 'variables';\n\n.textField {\n  display: flex;\n  flex-direction: column;\n  background-color: $background;\n  border-radius: 10px;\n  margin-bottom: 30px;\n  width: 100%;\n  transition: background-color 0.2s ease;\n}\n\n.input {\n  padding: 5px;\n}\n\n.errorField {\n  color: red;\n\n  .input {\n    border-color: red;\n  }\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={textField:"pxE1oVsTdyVEj2ft10pirQ==",input:"_0eTwaniIcTp67ys3kA0uhg==",errorField:"JnVT+ycep07FcfYPqOuhOg=="};const l=i},8143:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".vgj2tNL2GD7r08Cchscdaw\\=\\={display:flex;margin:16px 50px;gap:30px}._7Xc2c\\+ECzJ3wb9x3b8l49g\\=\\=,.oYGWETkd6d399Gv\\+QbYjkw\\=\\=,.H0VyI5PY9O8HfblQ-gHNgg\\=\\=,.XqPNLhwd6msmZPwqPX-bJA\\=\\={background-color:var(--list-item-background);border-radius:20px;width:70%;padding:30px;margin:0 auto}.XqPNLhwd6msmZPwqPX-bJA\\=\\={max-width:900px;margin:0}.H0VyI5PY9O8HfblQ-gHNgg\\=\\={margin:auto;max-width:900px}.oYGWETkd6d399Gv\\+QbYjkw\\=\\={width:30%;margin:0;display:flex;flex-direction:column}.BRFDJ68Q-ZYzXmTW12GIkQ\\=\\={display:flex;flex-direction:column;gap:15px}.ogv0OwSeDOLC1ALB1H18tw\\=\\={display:flex;justify-content:space-between;margin:10px auto;gap:10px}._5LoETcDWJnhHPD6OKh4xTw\\=\\={font:inherit;letter-spacing:inherit;box-sizing:content-box;background:none;height:1.4375em;-webkit-tap-highlight-color:rgba(0,0,0,0);display:block;animation-duration:10ms;border:1px solid #bbb;border-radius:4px}input[type=date]{height:20px;background-color:var(--input-field-background);color:var(--input-field-label);padding:.625rem 1rem;border:none;border-radius:100px}.Dtu3XdL1gGKoy3UhrGZzMg\\=\\={display:flex;justify-content:space-between}.S8WsLr79n-oa5USAeH2ezw\\=\\={display:flex;justify-content:center;flex-direction:column;gap:5px}select{background:var(--input-field-background);color:var(--input-field-label);padding:10px;border:none;border-radius:10px;width:100%}input[type=file]::file-selector-button{background-color:var(--primary);border-radius:100px;color:#fff;border:none;padding:5px 10px}@media(max-width: 800px){.vgj2tNL2GD7r08Cchscdaw\\=\\={margin:16px;flex-direction:column}.XqPNLhwd6msmZPwqPX-bJA\\=\\=,.oYGWETkd6d399Gv\\+QbYjkw\\=\\={width:auto}.Dtu3XdL1gGKoy3UhrGZzMg\\=\\={flex-direction:column}select{width:100%}}@media(max-width: 575px){.ogv0OwSeDOLC1ALB1H18tw\\=\\={flex-direction:column}}","",{version:3,sources:["webpack://./src/components/pages/forms/courses/coursesFormPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,4BACE,YAAA,CACA,gBAAA,CACA,QAAA,CAGF,mHACE,4CCOqB,CDNrB,kBAAA,CACA,SAAA,CACA,YAAA,CACA,aAAA,CAGF,4BAEE,eAAA,CACA,QAAA,CAGF,4BAEE,WAAA,CACA,eAAA,CAGF,6BAEE,SAAA,CACA,QAAA,CACA,YAAA,CACA,qBAAA,CAGF,4BACE,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,4BACE,YAAA,CACA,6BAAA,CACA,gBAAA,CACA,QAAA,CAGF,6BACE,YAAA,CACA,sBAAA,CACA,sBAAA,CACA,eAAA,CACA,eAAA,CACA,yCAAA,CACA,aAAA,CAEA,uBAAA,CACA,qBAAA,CACA,iBAAA,CAGF,iBACE,WAAA,CACA,8CCCuB,CAAA,8BAzCL,CD0ClB,oBAAA,CACA,WAAA,CACA,mBAAA,CAGF,4BACE,YAAA,CACA,6BAAA,CAGF,4BACE,YAAA,CACA,sBAAA,CACA,qBAAA,CACA,OAAA,CAGF,OACE,wCCnBuB,CDoBvB,8BC7DkB,CD8DlB,YAAA,CACA,WAAA,CACA,kBAAA,CACA,UAAA,CAGF,uCACE,+BCpFQ,CDqFR,mBAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CAIF,yBACE,4BACE,WAAA,CACA,qBAAA,CAGF,yDACE,UAAA,CAGF,4BACE,qBAAA,CAGF,OACE,UAAA,CAAA,CAIJ,yBACE,4BACE,qBAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n.courseFormWrapper {\n  display: flex;\n  margin: 16px 50px;\n  gap: 30px;\n}\n\n.form {\n  background-color: $list-item-background;\n  border-radius: 20px;\n  width: 70%;\n  padding: 30px;\n  margin: 0 auto;\n}\n\n.updateDetailsForm {\n  @extend .form;\n  max-width: 900px;\n  margin: 0;\n}\n\n.createDetailsForm {\n  @extend .form;\n  margin: auto;\n  max-width: 900px;\n}\n\n.addDropForm {\n  @extend .form;\n  width: 30%;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.inputContainer {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n\n.datepickerContainer {\n  display: flex;\n  justify-content: space-between;\n  margin: 10px auto;\n  gap: 10px\n}\n\n.datepicker {\n  font: inherit;\n  letter-spacing: inherit;\n  box-sizing: content-box;\n  background: none;\n  height: 1.4375em;\n  -webkit-tap-highlight-color: transparent;\n  display: block;\n\n  animation-duration: 10ms;\n  border: 1px solid #bbbbbb;\n  border-radius: 4px;\n}\n\ninput[type='date'] {\n  height: 20px;\n  background-color: $input-field-background;\n  color: $input-field-label;\n  padding: 0.625rem 1rem;\n  border: none;\n  border-radius: 100px;\n}\n\n.semesterOptions {\n  display: flex;\n  justify-content: space-between;\n}\n\n.fieldContainer {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  gap: 5px;\n}\n\nselect {\n  background: $input-field-background;\n  color: $input-field-label;\n  padding: 10px;\n  border: none;\n  border-radius: 10px;\n  width: 100%;\n}\n\ninput[type='file']::file-selector-button {\n  background-color: $primary;\n  border-radius: 100px;\n  color: #fff;\n  border: none;\n  padding: 5px 10px;\n}\n\n// MEDIA QUERIES\n@media (max-width: 800px) {\n  .courseFormWrapper {\n    margin: 16px;\n    flex-direction: column;\n  }\n\n  .updateDetailsForm, .addDropForm {\n    width: auto; // take up full container\n  }\n\n  .semesterOptions {\n    flex-direction: column;\n  }\n\n  select {\n    width: 100%;\n  }\n}\n\n@media (max-width: 575px) {\n  .datepickerContainer {\n    flex-direction: column;\n  }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={courseFormWrapper:"vgj2tNL2GD7r08Cchscdaw==",form:"_7Xc2c+ECzJ3wb9x3b8l49g==",addDropForm:"oYGWETkd6d399Gv+QbYjkw==",createDetailsForm:"H0VyI5PY9O8HfblQ-gHNgg==",updateDetailsForm:"XqPNLhwd6msmZPwqPX-bJA==",inputContainer:"BRFDJ68Q-ZYzXmTW12GIkQ==",datepickerContainer:"ogv0OwSeDOLC1ALB1H18tw==",datepicker:"_5LoETcDWJnhHPD6OKh4xTw==",semesterOptions:"Dtu3XdL1gGKoy3UhrGZzMg==",fieldContainer:"S8WsLr79n-oa5USAeH2ezw=="};const l=i},8263:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(4238);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},8280:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.getCssVariables=n.initializeTheme=n.setDarkModeCss=n.setLightModeCss=n.setDarkModeFlag=n.setLightModeFlag=n.setLightMode=n.setDarkMode=n.isDarkMode=n.LOCALSTORAGE_THEME_KEY=void 0;var a=r(t(8844));n.LOCALSTORAGE_THEME_KEY="Theme";var o="light",i="dark",l="dark-mode";n.isDarkMode=function(){var e=a.default.get(n.LOCALSTORAGE_THEME_KEY);return e?i===e:window.matchMedia("(prefers-color-scheme: dark)").matches||!1},n.setDarkMode=function(){(0,n.setDarkModeFlag)(),(0,n.setDarkModeCss)()},n.setLightMode=function(){(0,n.setLightModeFlag)(),(0,n.setLightModeCss)()},n.setLightModeFlag=function(){return a.default.set(n.LOCALSTORAGE_THEME_KEY,o)},n.setDarkModeFlag=function(){return a.default.set(n.LOCALSTORAGE_THEME_KEY,i)},n.setLightModeCss=function(){return document.body.classList.remove(l)},n.setDarkModeCss=function(){return document.body.classList.add(l)},n.initializeTheme=function(){(0,n.isDarkMode)()?(0,n.setDarkModeCss)():(0,n.setLightModeCss)()},n.getCssVariables=function(){var e=getComputedStyle(document.body);return{textColor:e.getPropertyValue("--text-color"),background:e.getPropertyValue("--background"),listItemBackground:e.getPropertyValue("--list-item-background"),primary:e.getPropertyValue("--primary"),secondary:e.getPropertyValue("--secondary"),secondaryDarker:e.getPropertyValue("--secondary-darker"),inputFieldBackground:e.getPropertyValue("--input-field-background"),inputFieldLabel:e.getPropertyValue("--input-field-label"),focus:e.getPropertyValue("--focus"),modalBackground:e.getPropertyValue("--modal-background"),greyLightest:e.getPropertyValue("--grey-lightest"),greyLighter:e.getPropertyValue("--grey-lighter"),grey:e.getPropertyValue("--grey"),greyDark:e.getPropertyValue("--grey-dark"),blueLighter:e.getPropertyValue("--blue-lighter"),blue:e.getPropertyValue("--blue"),redLighter:e.getPropertyValue("--red-lighter"),red:e.getPropertyValue("--red"),purpleLighter:e.getPropertyValue("--purple-lighter"),purple:e.getPropertyValue("--purple"),purpleDarker:e.getPropertyValue("--purple-darker"),greenLighter:e.getPropertyValue("--green-lighter"),green:e.getPropertyValue("--green"),yellowDark:e.getPropertyValue("--yellow-dark"),yellow:e.getPropertyValue("--yellow")}}},8331:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(2287)),i=r(t(8263));n.default=function(e){var n=e.error;return a.default.createElement(o.default,null,a.default.createElement("div",{className:i.default.errorBackground},a.default.createElement("div",{className:i.default.errorContainer},a.default.createElement("h1",{className:i.default.error},"Error"),a.default.createElement("p",{className:i.default.errorMessage},(null==n?void 0:n.message)||"Something went wrong"))))}},8513:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".E8l3oU4qxI89xsuvEocO7g\\=\\={position:absolute;width:100%;height:100%;z-index:2;display:flex;justify-content:center;align-items:center;background-color:var(--background)}","",{version:3,sources:["webpack://./src/components/shared/loaders/loadingOverlay.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,4BACE,iBAAA,CAEA,UAAA,CACA,WAAA,CAEA,SAAA,CAEA,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,kCCRW",sourcesContent:["@import 'variables';\n\n\n.container {\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n\n  z-index: 2;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  background-color: $background;\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={container:"E8l3oU4qxI89xsuvEocO7g=="};const l=i},8527:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".\\-6wOgE1ypI7Mop5CpI0n0w\\=\\={display:flex;flex-direction:column;justify-content:space-between;transition:background-color .2s linear;border-bottom:1px solid #ddd;color:var(--text-color);padding:10px}.L8Kh19bBnV-aai\\+0nF\\+qFw\\=\\={text-decoration:none;display:flex;flex-direction:row;font-size:11px;flex-wrap:wrap;color:var(--text-color-secondary);font-family:monospace;font-weight:500}.ebidfl1t72IDfFR5BTwbIQ\\=\\={font-size:18px;font-weight:500;display:grid;justify-content:space-between;gap:1.5rem;width:100%;margin-bottom:8px;line-height:100%}.OBjh3bHKfFfHjfBIQuvJZA\\=\\={display:flex;min-width:8px;background-color:var(--primary)}.iPOm05u866JWht0iYdEadw\\=\\={text-decoration:none;display:flex;flex-direction:column;transition:all .2s ease;color:var(--text-color)}.iPOm05u866JWht0iYdEadw\\=\\=:hover,.iPOm05u866JWht0iYdEadw\\=\\=:focus{background-color:var(--list-item-background-hover)}","",{version:3,sources:["webpack://./src/components/listItems/simpleAssignmentListItem.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAIA,6BACE,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,sCAAA,CAEA,4BAAA,CACA,uBCHW,CDIX,YAAA,CAGF,8BACE,oBAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,cAAA,CACA,iCC+CqB,CD9CrB,qBAAA,CACA,eAAA,CAIF,4BACE,cAAA,CACA,eAAA,CACA,YAAA,CACA,6BAAA,CACA,UAAA,CACA,UAAA,CACA,iBAAA,CACA,gBAAA,CAGF,4BACE,YAAA,CACA,aAAA,CACA,+BC9BQ,CDiCV,4BACE,oBAAA,CAEA,YAAA,CACA,qBAAA,CAGA,uBAAA,CAIA,uBC/CW,CDgDX,oEAEC,kDCxC0B",sourcesContent:["@import 'variables';\n\n\n\n.title {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: background-color 0.2s linear;\n  // color:$primary;\n  border-bottom: 1px solid #ddd;\n  color: $text-color;\n  padding: 10px;\n}\n\n.meta {\n  text-decoration: none;\n  display: flex;\n  flex-direction: row;\n  font-size:11px;\n  flex-wrap: wrap;\n  color: $text-color-secondary;\n  font-family: monospace;\n  font-weight: 500;\n}\n\n\n.subText {\n  font-size: 18px;\n  font-weight: 500;\n  display: grid;\n  justify-content: space-between;\n  gap: 1.5rem;\n  width: 100%;\n  margin-bottom: 8px;\n  line-height: 100%\n}\n\n.tag {\n  display: flex;\n  min-width: 8px;\n  background-color: $primary;\n}\n\n.container {\n  text-decoration: none;\n\n  display: flex;\n  flex-direction: column;\n\n\n  transition: all 0.2s ease;\n\n  // color: $primary;\n\n  color: $text-color;\n  &:hover,\n  &:focus {\n   background-color: $list-item-background-hover;\n  }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={title:"-6wOgE1ypI7Mop5CpI0n0w==",meta:"L8Kh19bBnV-aai+0nF+qFw==",subText:"ebidfl1t72IDfFR5BTwbIQ==",tag:"OBjh3bHKfFfHjfBIQuvJZA==",container:"iPOm05u866JWht0iYdEadw=="};const l=i},8588:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(3615);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},8664:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=t(4625),d=s(t(2287)),A=s(t(2313)),p=t(833),f=s(t(6152)),m=t(9218),g=s(t(1322)),b=s(t(2700)),h=t(4208);n.default=function(){var e=l((0,p.useActionless)(m.SET_ALERT),1)[0],n=(0,u.useHistory)(),t=l((0,c.useState)({name:"",number:"",semester:"f0000",isPublic:!1}),2),a=t[0],o=t[1],i=l((0,c.useState)((new Date).toISOString().split("T")[0]),2),s=i[0],C=i[1],v=l((0,c.useState)((new Date).toISOString().split("T")[0]),2),x=v[0],y=v[1],w=l((0,c.useState)((new Date).toISOString().split("T")[0]),2),k=w[0],E=w[1],$=l((0,c.useState)(new Map),2),B=$[0],S=$[1],_=function(e,n){var t=n.target.id;o((function(n){var a;return r(r({},n),((a={})[t]=e,a))}));var a=(0,h.removeClassFromField)(B,t);S(a)},I=function(e){return new Date(e).toISOString()};return c.default.createElement(d.default,null,c.default.createElement("h1",null,"Create Course"),c.default.createElement("div",{className:g.default.courseFormWrapper},c.default.createElement("div",{className:g.default.createDetailsForm},c.default.createElement(f.default,{id:"name",label:"Course Name*",onChange:_,value:a.name,invalidated:!!B.get("name"),helpText:B.get("name")}),c.default.createElement(f.default,{id:"number",label:"Course Number*",onChange:_,value:a.number,invalidated:!!B.get("number"),helpText:B.get("number")}),c.default.createElement(b.default,{onDatesChange:function(e){var n=e.startDate,t=e.endDate;C(n),y(t)}}),c.default.createElement("div",{className:g.default.datepickerContainer},c.default.createElement("div",{className:g.default.fieldContainer},c.default.createElement("label",{htmlFor:"start-date"},"Start Date *"),c.default.createElement("input",{type:"date",id:"start-date",value:s,onChange:function(e){C(e.target.value)}})),c.default.createElement("div",{className:g.default.fieldContainer},c.default.createElement("label",{htmlFor:"end-date"},"End Date *"),c.default.createElement("input",{type:"date",id:"end-date",value:x,onChange:function(e){y(e.target.value)}})),c.default.createElement("div",null,c.default.createElement("label",{htmlFor:"private-date"},"Private Date *"),c.default.createElement("input",{type:"date",id:"private-date",value:k,onChange:function(e){E(e.target.value)}}))),c.default.createElement("div",null,c.default.createElement("label",null,c.default.createElement("input",{type:"checkbox",checked:a.isPublic,onChange:function(e){o((function(n){return r(r({},n),{isPublic:e.target.checked})}))}}),"Make this course public")),c.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},c.default.createElement("button",{className:"btnPrimary",onClick:function(){var t={name:a.name,number:a.number,semester:a.semester,startDate:I(s),endDate:I(x),isPublic:a.isPublic,privateDate:I(k)};A.default.post("/api/courses/instructor",t).then((function(){e({autoDelete:!0,type:"success",message:"Course Added"}),n.goBack()})).catch((function(n){e({autoDelete:!1,type:"error",message:n.message})}))},disabled:!(a.name&&a.number&&a.semester&&s&&x)},"Create Course")))))}},8780:function(e,n,t){var r=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),a=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&r(n,e,t);return a(n,e),n},i=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var s=o(t(6540)),c=l(t(635)),u=t(8280),d=l(t(2724));n.default=function(){var e=i((0,s.useState)((0,u.isDarkMode)()),2),n=e[0],t=e[1];return s.default.createElement(c.default,{onClick:function(){n?(0,u.setLightMode)():(0,u.setDarkMode)(),t(!n)},icon:n?"sun":"moon",className:d.default.toggle})}},8844:(e,n)=>{function t(e,n){localStorage.setItem(e,n)}function r(e){return localStorage.getItem(e)||null}function a(e,n){var t=JSON.stringify(n);localStorage.setItem(e,t)}function o(e){var n=localStorage.getItem(e);if(!n)return null;try{return JSON.parse(n)}catch(e){return console.error(e),null}}function i(e){localStorage.removeItem(e)}Object.defineProperty(n,"__esModule",{value:!0}),n.remove=n.getObject=n.setObject=n.get=n.set=void 0,n.set=t,n.get=r,n.setObject=a,n.getObject=o,n.remove=i,n.default={set:t,get:r,setObject:a,getObject:o,remove:i}},8911:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),u=t(833),d=t(9218),A=t(4625),p=s(t(2313)),f=s(t(1090)),m=s(t(2700));n.default=function(e){var n=e.open,t=e.onClose,a=l((0,u.useActionless)(d.SET_ALERT),1)[0],o=l((0,c.useState)(""),2),i=o[0],s=o[1],g=l((0,c.useState)(""),2),b=g[0],h=g[1],C=l((0,c.useState)(""),2),v=C[0],x=C[1],y=(0,A.useHistory)(),w=l((0,c.useState)({name:"",number:"",session:"",isPublic:!1}),2),k=w[0],E=w[1],$=function(e){var n=e.target.id,t=e.target.value;E((function(e){var a;return r(r({},e),((a={})[n]=t,a))}))};return c.default.createElement(f.default,{title:"Create Course",buttonAction:function(){if(i&&k.name&&k.number){var e=function(e){return new Date(e).toISOString()},n={name:k.name,number:k.number,semester:v,startDate:e(i),endDate:e(b),isPublic:k.isPublic,privateDate:e(b)};p.default.post("/api/courses/instructor",n).then((function(e){a({autoDelete:!0,type:"success",message:"Course Added"}),t(),y.push("/course/".concat(e.id))})).catch((function(e){a({autoDelete:!1,type:"error",message:e.message})}))}},open:n,onClose:t},c.default.createElement("div",{className:"input-group"},c.default.createElement("label",{htmlFor:"name",className:"input-label"},"Course Title:"),c.default.createElement("input",{type:"text",id:"name",onChange:$,placeholder:"e.g. Web Applications"})),c.default.createElement("div",{className:"input-group"},c.default.createElement("label",{htmlFor:"number",className:"input-label"},"Course Code:"),c.default.createElement("input",{type:"text",id:"number",onChange:$,placeholder:"e.g. CSE 312"})),c.default.createElement(m.default,{onDatesChange:function(e){var n=e.startDate,t=e.endDate,r=e.semester,a=e.year;s(n),h(t);var o=r.toLowerCase().charAt(0)+a;"Summer"===r&&(o="u"+o.slice(1)),x(o)}}),c.default.createElement("label",{htmlFor:"isPublic"},"Make course public?",c.default.createElement("input",{type:"checkbox",id:"isPublic"})))}},8925:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(9809));n.default=function(){return a.default.createElement("footer",{className:o.default.footer},a.default.createElement("nav",null,a.default.createElement("a",{href:"/docs"},"Documentation")," | ",a.default.createElement("a",{href:"/guide"},"User Guide")))}},8939:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,n,t,r){void 0===r&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);a&&!("get"in a?!n.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]}),o=this&&this.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&a(n,e,t);return o(n,e),n},l=this&&this.__read||function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i},s=this&&this.__spreadArray||function(e,n,t){if(t||2===arguments.length)for(var r,a=0,o=n.length;a<o;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540));t(9265),n.default=function(e){var n=e.items,t=void 0===n?[]:n,a=e.isInstructorView,o=void 0!==a&&a,i=e.onAnswerChange,u=e.readOnly,d=void 0!==u&&u,A=l((0,c.useState)(t),2),p=A[0],f=A[1],m=s([],l(new Set(t.flatMap((function(e){return e.options})))),!1);(0,c.useEffect)((function(){f(t)}),[t]);var g=function(e){return e.studentAnswer===e.correctAnswer},b=function(e){return o&&e.studentAnswer?g(e)?"correct":"incorrect":""};return c.default.createElement("div",{className:"matching-table-container"},c.default.createElement("table",{className:"matching-table"},c.default.createElement("thead",null,c.default.createElement("tr",null,c.default.createElement("th",{className:"prompt-column"},"Prompt"),c.default.createElement("th",{className:"response-column"},"Response"),o&&c.default.createElement("th",{className:"status-column"},"Status"))),c.default.createElement("tbody",null,p.map((function(e){return c.default.createElement("tr",{key:e.id,className:b(e)},c.default.createElement("td",{className:"prompt-cell"},e.prompt),c.default.createElement("td",{className:"response-cell"},d?c.default.createElement("div",{className:"selected-answer"},e.studentAnswer||"Not answered"):c.default.createElement("select",{value:e.studentAnswer||"",onChange:function(n){return t=e.id,a=n.target.value,o=p.map((function(e){return e.id===t?r(r({},e),{studentAnswer:a}):e})),f(o),void(i&&i(t,a));var t,a,o},className:"answer-select"},c.default.createElement("option",{value:""},"Select an answer"),m.map((function(e){return c.default.createElement("option",{key:e,value:e},e)})))),o&&c.default.createElement("td",{className:"status-cell"},e.studentAnswer?g(e)?c.default.createElement("span",{className:"status-icon correct"},"✓"):c.default.createElement(c.default.Fragment,null,c.default.createElement("span",{className:"status-icon incorrect"},"✗"),c.default.createElement("span",{className:"correct-answer"},"Correct: ",e.correctAnswer)):c.default.createElement("span",{className:"status-unanswered"},"Not answered")))})))))}},8989:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".DY20n5fpOGqRaapb3GgsBw\\=\\={background:var(--red);border:2px solid var(--red-lighter);border-radius:3px;padding:5px;margin-bottom:15px}","",{version:3,sources:["webpack://./src/components/shared/errors/validationErrorViewer.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAIA,4BACE,qBCuCI,CDtCJ,mCAAA,CAEA,iBCuEc,CDrEd,WAAA,CACA,kBAAA",sourcesContent:["@import 'variables';\n\n\n\n.errorContainer {\n  background: $red;\n  border: 2px solid $red-lighter;\n\n  border-radius: $border-radius;\n\n  padding: 5px;\n  margin-bottom: 15px;\n}\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={errorContainer:"DY20n5fpOGqRaapb3GgsBw=="};const l=i},9029:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,"._1CrMf7zyGEhLUB25lLTwyQ\\=\\={width:100%;border-collapse:collapse;margin-top:20px}._1CrMf7zyGEhLUB25lLTwyQ\\=\\= th,._1CrMf7zyGEhLUB25lLTwyQ\\=\\= td{border:1px solid var(--text-color);padding:8px;text-align:left}._1CrMf7zyGEhLUB25lLTwyQ\\=\\= th{background-color:var(--primary);font-weight:bold}","",{version:3,sources:["webpack://./src/components/pages/submissions/Submissionspage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,6BACE,UAAA,CACA,wBAAA,CACA,eAAA,CAEA,gEACE,kCAAA,CACA,WAAA,CACA,eAAA,CAGF,gCACE,+BCJM,CDKN,gBAAA",sourcesContent:["@import 'variables';\n\n\n.submissionsTable {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 20px;\n\n  th, td {\n    border: 1px solid $text-color;\n    padding: 8px;\n    text-align: left;\n  }\n\n  th {\n    background-color:$primary;\n    font-weight: bold;\n  }\n}","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={submissionsTable:"_1CrMf7zyGEhLUB25lLTwyQ=="};const l=i},9158:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(7783);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},9218:(e,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.SET_ALERT=void 0,n.SET_ALERT="SET_ALERT"},9259:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(6398);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},9265:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(7646);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},9398:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(4991),a=t.n(r),o=t(6314),i=t.n(o)()(a());i.push([e.id,".TZ2otoHPkVnDjJOiHIiXTw\\=\\={display:flex;flex-direction:column;position:relative;min-width:100px;outline:none}.TZ2otoHPkVnDjJOiHIiXTw\\=\\=:focus-within .tKPPG3Ez\\+UWVyLLpAzbk7w\\=\\={visibility:visible;opacity:1}.ip9TKu21P1HZImaSa\\+q-MQ\\=\\=,.lL8osF1yzQSSebS50QgtJA\\=\\=,.ta9DU-qYi\\+ROXe8uZ0zSDw\\=\\={border:none;font-size:16px;background:rgba(0,0,0,0)}.ip9TKu21P1HZImaSa\\+q-MQ\\=\\=:hover,.lL8osF1yzQSSebS50QgtJA\\=\\=:hover,.ta9DU-qYi\\+ROXe8uZ0zSDw\\=\\=:hover{cursor:pointer}.ta9DU-qYi\\+ROXe8uZ0zSDw\\=\\={color:#fff;height:60px;margin:0;padding:0 10px;transition:background-color .2s ease}.ta9DU-qYi\\+ROXe8uZ0zSDw\\=\\=:hover{background-color:var(--hover-darker)}._4ypfhXD5Off7Nyp5UB7biw\\=\\={cursor:pointer;color:#fff}.PP4PK2oSTbOgmXl2w7aotw\\=\\={font-size:14px;cursor:pointer}.p3PlDS68oHERYF7wHApROg\\=\\={margin-left:5px;color:#fff}.tKPPG3Ez\\+UWVyLLpAzbk7w\\=\\={min-width:97%;width:inherit;position:absolute;top:60px;display:flex;flex-direction:column;border:3px solid var(--primary);border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;visibility:hidden;opacity:0;transition:opacity .2s ease-in-out;z-index:1}.lL8osF1yzQSSebS50QgtJA\\=\\={display:flex;align-items:center;padding:0 10px;background-color:var(--background);color:var(--text-color);height:50px;text-align:left;border-bottom:1px solid #ddd;text-decoration:none;transition:background-color .2s ease}.lL8osF1yzQSSebS50QgtJA\\=\\=:hover{background-color:var(--hover-lighter)}@media(max-width: 600px){._4ypfhXD5Off7Nyp5UB7biw\\=\\={display:none}.tKPPG3Ez\\+UWVyLLpAzbk7w\\=\\={width:120px !important;right:-10px}}@media(min-width: 600px){.PP4PK2oSTbOgmXl2w7aotw\\=\\={display:none}}","",{version:3,sources:["webpack://./src/components/utils/userOptionsDropdown.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,4BACE,YAAA,CACA,qBAAA,CACA,iBAAA,CAEA,eAAA,CAGA,YAAA,CAGE,sEACE,kBAAA,CACA,SAAA,CAKN,sFACE,WAAA,CAEA,cAAA,CACA,wBAAA,CAEA,wGACE,cAAA,CAIJ,6BAGE,UAAA,CACA,WAAA,CACA,QAAA,CACA,cAAA,CAEA,oCAAA,CAEA,mCACE,oCAAA,CAIJ,6BACE,cAAA,CACA,UAAA,CAGF,4BACE,cAAA,CACA,cAAA,CAGF,4BACE,eAAA,CACA,UAAA,CAGF,6BACE,aAAA,CACA,aAAA,CACA,iBAAA,CACA,QAAA,CAEA,YAAA,CACA,qBAAA,CACA,+BAAA,CACA,eAAA,CAEA,+BAAA,CACA,8BAAA,CAGA,iBAAA,CACA,SAAA,CAEA,kCAAA,CAEA,SAAA,CAGF,4BAGE,YAAA,CACA,kBAAA,CACA,cAAA,CAEA,kCCrFW,CDsFX,uBCrFW,CDuFX,WAAA,CACA,eAAA,CACA,4BAAA,CAEA,oBAAA,CACA,oCAAA,CAEA,kCACI,qCAAA,CAoBN,yBACE,6BACE,YAAA,CAGF,6BACE,sBAAA,CACA,WAAA,CAAA,CAIJ,yBACE,4BACE,YAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n.dropdown {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  //padding: 0 10px;\n  min-width: 100px;\n\n\n  outline: none;\n\n  &:focus-within {\n    .menu {\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n}\n\n.button {\n  border: none;\n\n  font-size: 16px;\n  background: transparent;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.trigger {\n  @extend .button;\n\n  color: #fff;\n  height: 60px;\n  margin: 0;\n  padding: 0 10px;\n\n  transition: background-color 0.2s ease;\n\n  &:hover {\n    background-color: var(--hover-darker);\n  }\n}\n\n.name {\n  cursor: pointer;\n  color:#fff;\n}\n\n.userIcon {\n  font-size: 14px;\n  cursor: pointer;\n}\n\n.caret {\n  margin-left: 5px;\n  color:#fff;\n}\n\n.menu {\n  min-width: 97%;\n  width: inherit;\n  position: absolute;\n  top: 60px;\n\n  display: flex;\n  flex-direction: column;\n  border: 3px solid $primary;\n  border-top: none;\n\n  border-bottom-right-radius: 10px;\n  border-bottom-left-radius: 10px;\n\n\n  visibility: hidden;\n  opacity: 0;\n\n  transition: opacity 0.2s ease-in-out;\n\n  z-index: 1;\n}\n\n.option {\n  @extend .button;\n\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n\n  background-color: $background;\n  color: $text-color;\n\n  height: 50px;\n  text-align: left;\n  border-bottom: 1px solid #ddd;\n\n  text-decoration: none;\n  transition: background-color 0.2s ease;\n\n  &:hover {\n      background-color: var(--hover-lighter);\n  }\n  \n}\n\n// .dropCourse {\n//   @extend .option;\n//   background-color: $primary; /* Same as Account and Logout */\n//   color: $background; /* Matching the text color */\n//   border: none;\n//   font-size: 16px;\n//   height: 50px;\n//   text-align: left;\n//   text-decoration: none;\n\n//   &:hover {\n//     background: $purple-darker;\n//   }\n// }\n\n@media (max-width: $small) {\n  .name {\n    display: none;\n  }\n\n  .menu {\n    width: 120px !important;\n    right: -10px;\n  }\n}\n\n@media (min-width: $small) {\n  .userIcon {\n    display: none;\n  }\n}\n\n","// These vars are defined and pulled from global.scss\n// scss by definition cannot be dynamic and therefor the dynamic vars need to\n// be controlled via css\n\n// Defining them in CSS also allows us to read the variables in JS as well as CSS and SCSS\n\n// Theme colors\n$background: var(--background);\n$text-color: var(--text-color);\n$text-color-secondary: var(--text-color-secondary);\n\n$primary: var(--primary);\n\n$secondary-lighter: var(--secondary-lighter);\n$secondary: var(--secondary);\n$secondary-darker: var(--secondary-darker);\n\n$list-item-background: var(--list-item-background);\n$list-item-background-hover: var(--list-item-background-hover);\n$list-item-subtext: var(--list-item-subtext);\n\n$list-simple-item-background: var(--list-simple-item-background);\n$list-simple-item-background-hover: var(--list-simple-item-background-hover);\n$list-simple-item-subtext: var(--list-item-subtext);\n\n$input-field-background: var(--input-field-background);\n$input-field-label: var(--input-field-label);\n\n$table-row-even: var(--table-row-even);\n$table-row-odd: var(--table-row-odd);\n\n$focus: var(--focus);\n\n\n// These variables WILL NOT update with dark vs light theme\n$grey-lightest: var(--grey-lightest);\n$grey-lighter: var(--grey-lighter);\n$grey: var(--grey);\n\n$blue-lighter: var(--blue-lighter);\n$blue: var(--blue);\n$link-blue: var(--link-blue);\n\n$red-lighter: var(--red-lighter);\n$red: var(--red);\n\n$brown-lighter: var(--brown-lighter);\n\n$purple-lighter: var(--purple-lighter);\n$purple: var(--purple);\n$purple-darker: var(--purple-darker);\n\n$green-lighter: var(--green-lighter);\n$green: var(--green);\n\n$yellow-dark: var(--yellow-dark);\n$yellow: var(--yellow);\n\n$redText: var(--red-text);\n$yellowText: var(--yellow-text);\n\n$maroon: var(--maroon);\n$cyan: var(--cyan);\n\n\n// Text Input Colors\n$input-border: var(--input-border);\n$input-field-background: var(--input-field-background);\n$text-color-secondary: var(--text-color-secondary);\n\n// Error Colors\n$error-text: var(--error-text);\n$error-background: var(--error-background);\n$error-page-background: var(--error-page-background);\n\n\n\n// Non color CSS variables\n\n$border-radius: 3px;\n\n$box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n\n$font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;\n\n$medium: 1000px;\n$small: 600px;\n$extreme: 780px;\n\n$pagePadding: 100px;\n$phonePadding: 25px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={dropdown:"TZ2otoHPkVnDjJOiHIiXTw==",menu:"tKPPG3Ez+UWVyLLpAzbk7w==",button:"ip9TKu21P1HZImaSa+q-MQ==",option:"lL8osF1yzQSSebS50QgtJA==",trigger:"ta9DU-qYi+ROXe8uZ0zSDw==",name:"_4ypfhXD5Off7Nyp5UB7biw==",userIcon:"PP4PK2oSTbOgmXl2w7aotw==",caret:"p3PlDS68oHERYF7wHApROg=="};const l=i},9402:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(7730);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},9508:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(9029);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},9779:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6690)),o=r(t(1829));n.default={active:a.default,user:o.default}},9809:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(2760);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},9898:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(4726);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},9991:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var a=r(t(6540)),o=r(t(5949));n.default=function(e){var n=e.courseId,t=e.assignmentId;return a.default.createElement("div",null,a.default.createElement("h3",null,"Scoreboard for Assignment ".concat(t," in Course ").concat(n)),a.default.createElement("table",{className:o.default.scoreboardTable},a.default.createElement("thead",null,a.default.createElement("tr",null,a.default.createElement("th",null,"UBit"),a.default.createElement("th",null,"Score"),a.default.createElement("th",null,"Runtime"))),a.default.createElement("tbody",null,[{UBit:"ashwa",score:95,runtime:"1.2s"},{UBit:"yessicaq",score:88,runtime:"1.5s"},{UBit:"neemo",score:76,runtime:"2.1s"},{UBit:"alex",score:29,runtime:"17.2s"},{UBit:"jesse",score:56,runtime:"9.5s"},{UBit:"kevin",score:7,runtime:"100s"}].map((function(e){return a.default.createElement("tr",{key:e.UBit},a.default.createElement("td",null,e.UBit),a.default.createElement("td",null,e.score),a.default.createElement("td",null,e.runtime))})))))}}},e=>{e.O(0,[939],(()=>e(e.s=3900))),e.O()}]);
//# sourceMappingURL=bundle-d8a33.js.map