"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},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 c=o(t(6540)),A=d(t(5954)),p=d(t(2287)),f=d(t(8331)),g=d(t(2313)),m=d(t(6283)),b=t(833),C=t(9218),h=d(t(8729)),v=t(4625);n.default=function(){var e=s((0,c.useState)(!0),2),n=e[0],t=e[1],r=s((0,c.useState)(null),2),a=r[0],o=r[1],d=s((0,c.useState)(""),2),x=d[0],y=d[1],w=s((0,c.useState)([]),2),k=w[0],E=w[1],$=s((0,c.useState)(new Set),2),B=$[0],S=$[1],_=(0,v.useHistory)(),D=(0,b.useAppSelector)((function(e){return e.user.id})),I=s((0,b.useActionless)(C.SET_ALERT),1)[0];(0,c.useEffect)((function(){O()}),[]);var O=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,g.default.get("/api/courses/user/".concat(D))];case 1:return e=i.sent(),n=u(u(u(u([],s(e.instructorCourses),!1),s(e.activeCourses),!1),s(e.pastCourses),!1),s(e.upcomingCourses),!1),[4,g.default.get("/api/courses")];case 2:return r=i.sent(),E(r),S(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]}}))}))},P=k.filter((function(e){return e.name.toLowerCase().includes(x.toLowerCase())||e.number.toLowerCase().includes(x.toLowerCase())}));return n?c.default.createElement(A.default,{delay:250}):a?c.default.createElement(f.default,{error:a}):c.default.createElement(p.default,null,c.default.createElement("div",{className:m.default.coursesListPage},c.default.createElement("h1",{className:m.default.pageTitle},"Join Course"),c.default.createElement("div",{className:m.default.searchSection},c.default.createElement("input",{type:"text",placeholder:"Search for courses by name or code",value:x,onChange:function(e){return y(e.target.value)}}),c.default.createElement("button",{className:m.default.searchButton},"Search"),c.default.createElement("button",{className:m.default.joinWithCodeButton,onClick:function(){return _.push("/join-course")}},"Join with Code")),c.default.createElement("div",{className:m.default.tableContainer},c.default.createElement("table",null,c.default.createElement("thead",null,c.default.createElement("tr",null,c.default.createElement("th",null,"Title"),c.default.createElement("th",null,"Course Code"),c.default.createElement("th",null,"Semester"),c.default.createElement("th",null,"Join"))),c.default.createElement("tbody",null,P.length>0?P.map((function(e){var n,t;return c.default.createElement("tr",{key:e.id},c.default.createElement("td",null,e.name),c.default.createElement("td",null,e.number),c.default.createElement("td",null,e.semester),c.default.createElement("td",null,c.default.createElement(h.default,{variant:"contained",className:m.default.joinButton,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:D,courseId:n,role:"student",dropped:!1},r.label=1;case 1:return r.trys.push([1,3,,4]),[4,g.default.post("/api/course/".concat(n,"/user-courses"),e)];case 2:return r.sent(),S((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:B.has(null!==(n=e.id)&&void 0!==n?n:-1)},B.has(null!==(t=e.id)&&void 0!==t?t:-1)?"Joined":"Join Course")))})):c.default.createElement("tr",null,c.default.createElement("td",{colSpan:4,className:m.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 console.log(l?o.default.isLoading:""),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 u=i(t(6540));t(596);var d=t(4625),c=s(t(2287)),A=s(t(2313)),p=t(833),f=s(t(6152)),g=s(t(8729)),m=s(t(5031)),b=t(9218),C=s(t(9158)),h=t(4208);n.default=function(){var e=l((0,p.useActionless)(b.SET_ALERT),1)[0],n=(0,d.useParams)(),t=n.courseId,a=n.assignmentId,o=(0,d.useHistory)(),i=l((0,u.useState)({assignmentId:a,problemName:"",maxScore:""}),2),s=i[0],v=i[1],x=l((0,u.useState)(new Map),2),y=x[0],w=x[1],k=function(e,n){var t=n.target.id,a=(0,h.removeClassFromField)(y,t);w(a),v((function(n){var a;return r(r({},n),((a={})[t]=e,a))}))};return u.default.createElement(c.default,null,u.default.createElement("div",{className:m.default.header},u.default.createElement("div",{className:m.default.smallLine}),u.default.createElement("h1",null,"Assignment Detail Update"),u.default.createElement("div",{className:m.default.largeLine})),u.default.createElement("div",{className:m.default.form},u.default.createElement("label",{htmlFor:"problemName"},"Problem Question *"),u.default.createElement(f.default,{id:"problemName",onChange:k,value:s.problemName,className:y.get("problemName")}),u.default.createElement("label",{htmlFor:"maxScore"},"Max Score *"),u.default.createElement(f.default,{id:"maxScore",onChange:k,value:s.maxScore,className:y.get("maxScore")}),u.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},u.default.createElement(g.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,h.applyStylesToErrorFields)(n,s,C.default.errorField);w(r),e({autoDelete:!1,type:"error",message:t})})).finally((function(){v({assignmentId:a,problemName:"",maxScore:""})}))},className:m.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=t(4625),u=i(t(5892)),d=t(833),c=i(t(2313)),A=i(t(7623)),p=t(4625),f=t(9218),g=t(833);n.default=function(){var e=(0,d.useAppSelector)((function(e){return e.user.preferredName||e.user.email})),n=(0,d.useAppSelector)((function(e){return e.user.id})),t=(0,p.useParams)().courseId,i=o((0,g.useActionless)(f.SET_ALERT),1)[0],m=(0,p.useHistory)();return l.default.createElement("div",{className:A.default.dropdown,tabIndex:1},l.default.createElement("button",{className:A.default.trigger},l.default.createElement("label",{className:A.default.name},e),l.default.createElement(u.default,{icon:"user-circle",className:A.default.userIcon}),l.default.createElement(u.default,{icon:"caret-down",className:A.default.caret})),l.default.createElement("div",{className:A.default.menu},l.default.createElement(s.Link,{to:"/user/".concat(n,"/update"),className:A.default.option},"Account"),l.default.createElement("button",{className:A.default.option,onClick:function(){window.confirm("Are you sure you want to drop?")&&c.default.delete("/api/course/".concat(t,"/user-courses")).then((function(){i({autoDelete:!0,type:"success",message:"Course Dropped"}),m.push("/courses")})).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 c.default.get("/api/logout",{credentials:"include"},!0).finally((function(){return window.location.reload()})),[2]}))}))},className:A.default.option},"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},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),c=t(4625),A=u(t(2313)),p=u(t(2287)),f=u(t(2787)),g=u(t(3592)),m=u(t(4604)),b=u(t(401)),C=u(t(2486)),h=u(t(6838)),v=u(t(5153)),x=u(t(564)),y=t(833),w=u(t(7517)),k=t(6621),E=t(5127);n.default=function(){var e=(0,c.useParams)().courseId,n=s((0,d.useState)(null),2),t=n[0],r=n[1],a=s((0,d.useState)({}),2),o=a[0],u=a[1],$=(0,c.useHistory)(),B=(0,y.useAppSelector)((function(e){return e.roleMode})),S=s((0,d.useState)(!1),2),_=S[0],D=S[1],I=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]})),u(n)})),[2]}))}))};return(0,d.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)})),I(),[2]}))}))}),[]),d.default.createElement(p.default,null,d.default.createElement("div",{className:x.default.courseDetailPage},t?d.default.createElement("div",null,d.default.createElement("div",{className:x.default.header},d.default.createElement("h1",{className:x.default.class_title},t.number,": ",t.name),B.isInstructor()&&d.default.createElement("button",{className:"btnPrimary",id:x.default.parallel_button,onClick:function(){$.push("/course/".concat(e,"/update"))}},"Edit Course")),d.default.createElement("div",{className:x.default.subheader},d.default.createElement("div",{className:x.default.meta_container},d.default.createElement("div",null,d.default.createElement("h4",null,"Instructor:")),d.default.createElement("div",null,d.default.createElement("h4",null,"Section:")),d.default.createElement("div",null,d.default.createElement("h4",null,"Semester: "),d.default.createElement("span",null,(0,k.prettyPrintSemester)(t.semester)))),d.default.createElement("div",null,d.default.createElement("h3",null,"Course Links"),d.default.createElement("div",{className:x.default.buttons_container},d.default.createElement("button",{className:"btnSecondary",onClick:function(){B.isInstructor()?$.push("/course/".concat(e,"/gradebook/instructor")):$.push("/course/".concat(e,"/gradebook"))}},"Gradebook")),d.default.createElement(w.default,{open:_,onClose:function(){I(),D(!1)}}))),d.default.createElement("div",{className:x.default.subheader},d.default.createElement("h3",null,"Assignments"),B.isInstructor()&&d.default.createElement("button",{className:"btnPrimary",id:x.default.parallel_button,onClick:function(){D(!0)}},"Add Assignment")),d.default.createElement("div",{className:x.default.coursesContainer},Object.keys(o).map((function(n,t){return d.default.createElement(f.default,{key:t,className:x.default.courseCard,style:{borderRadius:"15px",height:"fit-content",boxShadow:"none",backgroundColor:"var(--primary)"}},d.default.createElement(g.default,{sx:{padding:"0"}},d.default.createElement(m.default,{variant:"h5",className:x.default.categoryName,style:{textAlign:"center",fontWeight:600,fontSize:"1.2rem"}},n)),d.default.createElement(b.default,{disablePadding:!0,style:{backgroundColor:"var(--background)"}},o[n].map((function(n,t){return d.default.createElement(C.default,{key:t,disablePadding:!0},d.default.createElement(h.default,{sx:{padding:0},onClick:function(){$.push("/course/".concat(e,"/assignment/").concat(n.id))}},d.default.createElement(v.default,{style:{margin:0},className:x.default.assignmentName,primary:d.default.createElement(m.default,null,n.name),secondary:d.default.createElement(d.default.Fragment,null,d.default.createElement("div",{className:x.default.due_end},d.default.createElement("span",{style:{fontWeight:"700"}},"Due: "),(0,E.wordPrintDate)(n.dueDate)," |  ",d.default.createElement("span",{style:{fontWeight:"700"}},"End: "),(0,E.wordPrintDate)(n.endDate)))})))}))))}))),d.default.createElement("div",null,0===Object.keys(o).length&&d.default.createElement("div",{className:"no_items"},"No assignments yet"))):d.default.createElement("h1",null,"Error fetching Course Information")))}},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},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 c=o(t(6540)),A=t(4625),p=d(t(2313)),f=t(9986),g=t(9986),m=d(t(2287)),b=t(2847),C=d(t(7028)),h={"/api":"".concat(C.default.apiUrl)};g.pdfjs.GlobalWorkerOptions.workerSrc="//unpkg.com/pdfjs-dist@".concat(g.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,c.useState)(""),2),o=a[0],d=a[1],g=s((0,c.useState)(""),2),C=g[0],v=g[1],x=(0,b.getToken)(),y=s((0,c.useState)(null),2),w=y[0],k=y[1],E=s((0,c.useState)(0),2),$=E[0],B=E[1];(0,c.useEffect)((function(){S()}),[]),(0,c.useEffect)((function(){o&&C&&_()}),[o,C]);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];d(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]),u="/api/course/".concat(n,"/file-upload/").concat(o,"/").concat(C),d=Object.keys(h).find((function(e){return!!u.startsWith(e)})),e=d?u.replace(d,h[d]):u,[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],C,{type:"application/pdf"}),k(i),[3,4];case 3:return s=l.sent(),console.error(s),[3,4];case 4:return[2]}var u,d}))}))};return c.default.createElement(m.default,null,c.default.createElement("div",{style:{maxWidth:"900px",margin:"auto"}},w&&c.default.createElement(f.Document,{file:w,onLoadSuccess:function(e){var n=e.numPages;B(n)}},u([],s(Array($)),!1).map((function(e,n){return c.default.createElement("div",{style:{marginBottom:"20px"}},c.default.createElement(f.Page,{key:n,pageNumber:n+1,renderTextLayer:!1,renderAnnotationLayer:!1,scale:1.5}))})))),c.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,qBCUI,CDTJ,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\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: 50px;\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},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),c=u(t(304)),A=t(4625),p=u(t(2264)),f=u(t(2313)),g=function(e){var n=e.match,t=n.url.substr(n.url.lastIndexOf("/")+1),r=t.charAt(0).toUpperCase()+t.slice(1);return d.default.createElement(d.default.Fragment,null,r)},m=[{path:"/:home",breadcrumb:"Home"},{path:"/user/:userId",breadcrumb:function(e){var n=e.match,t=s((0,d.useState)(""),2),r=t[0],a=t[1];(0,d.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 d.default.createElement(d.default.Fragment,null,r)}},{path:"/course/:courseId",breadcrumb:function(e){var n=e.match,t=s((0,d.useState)(""),2),r=t[0],a=t[1];(0,d.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 d.default.createElement(d.default.Fragment,null,r)}},{path:"/course/:courseId/:path",breadcrumb:g},{path:"/course/:courseId/assignment/:assignmentId",breadcrumb:function(e){var n=e.match,t=s((0,d.useState)(""),2),r=t[0],a=t[1],o=(0,A.useParams)().courseId;(0,d.useEffect)((function(){u()}),[]);var u=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 d.default.createElement(d.default.Fragment,null,r)}},{path:"/course/:courseId/assignment/:assignmentId/:path",breadcrumb:g},{path:"/course/:courseId/assignment/:assignmentId/submission/:submissionId",breadcrumb:"Submission"},{path:"/course/:courseId/assignment/:assignmentId/submission/:submissionId/feedback",breadcrumb:"Feedback"}];n.default=(0,c.default)(m,{disableDefaults:!0})((function(e){var n=e.breadcrumbs,t=["assignment","submission"];return d.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="/"),d.default.createElement("span",{key:o.url},d.default.createElement(A.Link,{to:i,className:p.default.link}," ",a," "),r<n.length-1&&d.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\\=\\={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 50px 70px 50px}}","",{version:3,sources:["webpack://./src/components/shared/layouts/pageWrapper.scss"],names:[],mappings:"AAEA,4BAEE,YAAA,CACA,qBAAA,CAGA,eAAA,CACA,WAAA,CAGF,4BAEE,WAAA,CACA,4BAAA,CAGF,yBACE,4BACE,wBAAA,CAAA",sourcesContent:["@import 'variables';\n\n.page {\n  //height: 100%;\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  // margin-top: 20px;\n  flex-grow: 1;\n  padding: 0px 100px 70px 100px;\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),u=t(8280);n.default=function(e){var n=e.title,t=e.children,r=e.buttonAction,a=e.open,o=e.onClose,d=i((0,l.useState)(u.getCssVariables),2),c=d[0],A=d[1];return(0,l.useEffect)((function(){var e=new MutationObserver((function(){return A((0,u.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(c.primary),background:c.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"},"✕")),t,l.default.createElement("button",{onClick:r,className:"btnPrimary modalAction"},n.toLowerCase()))}},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)),u=r(t(7428)),d=r(t(4894));n.default=function(){return a.default.createElement("div",{className:u.default.bar},a.default.createElement(o.Link,{to:"/",className:u.default.header},"DevU"),a.default.createElement("div",{className:u.default.controls},a.default.createElement("div",{className:u.default.sidebar},a.default.createElement("button",{className:u.default.hamburger,"aria-label":"menu"},a.default.createElement(l.default,{icon:"bars"})),a.default.createElement("div",{className:u.default.menu},a.default.createElement(d.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},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),c=t(4625),A=u(t(2287)),p=u(t(2313)),f=u(t(7359)),g=u(t(8729)),m=t(833);n.default=function(){var e=s((0,d.useState)(""),2),n=e[0],t=e[1],r=s((0,d.useState)(""),2),a=r[0],o=r[1],u=(0,c.useHistory)(),b=(0,m.useAppSelector)((function(e){return e.user.id}));return d.default.createElement(A.default,{className:f.default.pageWrapper},d.default.createElement("div",{className:f.default.joinCourseContainer},d.default.createElement("h2",null,"Enter course access code"),d.default.createElement("input",{type:"text",placeholder:"e.g. aj3auco9k",value:n,onChange:function(e){return t(e.target.value)},className:f.default.inputField}),a&&d.default.createElement("p",{className:f.default.error},a),d.default.createElement(g.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!"),u.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.__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])}}},u=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},d=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.")},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))},A=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var p=i(t(6540)),f=A(t(2287)),g=A(t(5954)),m=A(t(8331)),b=A(t(5892)),C=A(t(3876)),h=A(t(2313)),v=A(t(5143)),x=t(4625),y=A(t(6152)),w={menu:function(e){return r(r({},e),{backgroundColor:"var(--background)",border:"2px solid #ddd",borderRadius:"10px"})},input:function(e){return r(r({},e),{backgroundColor:"var(--input-field-background)",borderRadius:"20px",color:"var(--text-color)"})},placeholder:function(e){return r(r({},e),{fontStyle:"italic",color:"#9c9c9c",margin:"0"})},control:function(e){return r(r({},e),{backgroundColor:"var(--input-field-background)",cursor:"pointer",borderRadius:"20px",padding:"10px",border:"none"})},singleValue:function(e){return r(r({},e),{color:"var(--text-color)"})},option:function(e){return r(r({},e),{cursor:"pointer",color:"var(--color)",background:"none",borderBottom:"1px solid #ddd"})}},k=function(e){var n=e.user,t=e.assignments,r=e.assignmentScores,a=e.maxScores;return p.default.createElement("tr",{className:v.default.row},n.preferredName?p.default.createElement("td",{className:v.default.name,key:n.preferredName},n.preferredName):p.default.createElement("td",{className:v.default.noName},"No Name Set"),p.default.createElement("td",{className:v.default.email,key:n.email,style:{borderRight:"#ddd 2px solid"}},p.default.createElement("a",{href:"mailto:".concat(n.email)},n.email)),t.map((function(e){var n,t;return(null===(n=r.find((function(n){return n.assignmentId===e.id})))||void 0===n?void 0:n.score)?p.default.createElement("td",null,null===(t=r.find((function(n){return n.assignmentId===e.id})))||void 0===t?void 0:t.score):e.id&&a.has(e.id)?p.default.createElement("td",{className:v.default.no_submission},"0/",a.get(e.id)," ",p.default.createElement("strong",null,"-")):p.default.createElement("td",null,"N/A")})))},E=function(e){var n=e.users,t=e.assignments,r=e.assignmentScores,a=e.maxScores;return p.default.createElement("table",null,p.default.createElement("thead",null,p.default.createElement("tr",null,p.default.createElement("th",{className:v.default.name,key:"name_head"},"Name"),p.default.createElement("th",{className:v.default.email,key:"email_head"},"Email"),t.map((function(e){return p.default.createElement("th",{key:e.id+"_head"},e.name)})))),p.default.createElement("tbody",null,n.map((function(e){return p.default.createElement(k,{user:e,assignments:t,assignmentScores:r.filter((function(n){return n.userId===e.id})),maxScores:a})}))))};n.default=function(){var e=u((0,p.useState)(!0),2),n=e[0],t=e[1],r=u((0,p.useState)(null),2),a=r[0],o=r[1],i=u((0,p.useState)(new Array),2),A=i[0],k=i[1],$=u((0,p.useState)(new Array),2),B=$[0],S=$[1],_=u((0,p.useState)(new Map),2),D=_[0],I=_[1],O=u((0,p.useState)(new Map),2),P=O[0],j=O[1],F=u((0,p.useState)([]),2),N=F[0],T=F[1],M=u((0,p.useState)(new Array),2),G=M[0],Q=M[1],U=u((0,p.useState)(new Array),2),R=U[0],L=U[1],J=u((0,p.useState)(new Array),2),z=J[0],Y=J[1],W=(0,x.useParams)().courseId;(0,p.useEffect)((function(){q()}),[]),(0,p.useEffect)((function(){for(var e=function(e){h.default.get("/api/course/".concat(W,"/assignment/").concat(G[e].id,"/assignment-problems")).then((function(n){I((function(t){var r=new Map(t);return r.set(Number(G[e].id),n),r}))}))},n=0;n<G.length;n++)e(n)}),[G]),(0,p.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);j((function(n){var r=new Map(n);return r.set(e,t),r}))}};try{for(var r=d(D.entries()),a=r.next();!a.done;a=r.next()){var o=u(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}}}),[D]),(0,p.useEffect)((function(){var e=c([],u(new Set(G.map((function(e){return e.categoryName})))),!1).map((function(e){return{value:e,label:e}}));T(e)}),[G]);var q=function(){return l(void 0,void 0,void 0,(function(){var e,n,r,a;return s(this,(function(i){switch(i.label){case 0:return i.trys.push([0,4,5,6]),[4,h.default.get("/api/users/course/".concat(W))];case 1:return e=i.sent(),S(e),k(e),[4,h.default.get("/api/course/".concat(W,"/assignments"))];case 2:return(n=i.sent()).sort((function(e,n){return Date.parse(e.startDate)-Date.parse(n.startDate)})),Q(n),L(n),[4,h.default.get("/api/course/".concat(W,"/assignment-scores"))];case 3:return r=i.sent(),Y(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 p.default.createElement(g.default,{delay:250});if(a)return p.default.createElement(m.default,{error:a});var H=(0,x.useHistory)();return p.default.createElement(f.default,{className:v.default.pageWrapper},p.default.createElement("div",{className:v.default.header},p.default.createElement("h1",{className:v.default.pageTitle},"Instructor Gradebook"),p.default.createElement("div",{className:v.default.buttonContainer},p.default.createElement("button",{className:"btnSecondary",id:"createCoursBtn",onClick:function(){H.push("/course/".concat(W,"/gradebook"))}},"Student View"),p.default.createElement("button",{className:"btnPrimary",id:"backToCourse",onClick:function(){H.goBack()}},"Back to Course"))),p.default.createElement("div",{className:v.default.subheader},p.default.createElement("div",{className:v.default.key},"Key:",p.default.createElement("span",{className:v.default.late},p.default.createElement("strong",null," !")," ",p.default.createElement(b.default,{icon:"arrow-left"})," Late"),", ",p.default.createElement("span",{className:v.default.no_submission},p.default.createElement("strong",null,"- "),p.default.createElement(b.default,{icon:"arrow-left"})," No Submission")),p.default.createElement(y.default,{onChange:function(e){if(0!==e.length){var n=B.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(B)},className:v.default.textField,id:"name",placeholder:"Search students"}),p.default.createElement(C.default,{className:v.default.dropdown,options:N,styles:w,components:{IndicatorSeparator:function(){return null}},placeholder:"Assignment Category",isClearable:!0,onChange:function(e){if(e){var n=e.label,t=G.filter((function(e){return e.categoryName===n}));L(t)}else L(G)}})),p.default.createElement("div",{className:v.default.tableContainer},p.default.createElement(E,{users:A,assignments:R,assignmentScores:z,maxScores:P})))}},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.__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 u=i(t(6540)),d=t(4625),c=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)(c.SET_ALERT),1)[0],o=(0,d.useParams)().assignmentId,i=(0,d.useParams)().courseId,s=l((0,u.useState)({title:"",maxScore:"",correctAnswer:"",regex:!1}),2),g=s[0],m=s[1],b=function(e){var n=e.target.id,t=e.target.value;m((function(e){var a;return r(r({},e),((a={})[n]=t,a))}))};return u.default.createElement(f.default,{title:"Add Text Problem",buttonAction:function(){if(g.title&&g.maxScore&&g.correctAnswer){var e={assignmentId:parseInt(o),problemName:g.title,maxScore:parseInt(g.maxScore)},n={assignmentId:parseInt(o),question:g.title,correctString:g.correctAnswer,score:Number(g.maxScore),isRegex:g.regex};p.default.post("/api/course/".concat(i,"/assignment/").concat(o,"/assignment-problems"),e).then((function(){console.log("PROBLEM 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})})),p.default.post("/api/course/".concat(i,"/assignment/").concat(o,"/non-container-auto-graders/"),n).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})})),t()}},open:n,onClose:t},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 time complexity of MergeSort?"})),u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"correctAnswer",className:"input-label"},"Correct Answer:"),u.default.createElement("input",{type:"text",id:"correctAnswer",onChange:b,placeholder:"e.g. O(nlogn)"})),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"})),u.default.createElement("label",{htmlFor:"regex"},"Correct answer is regex ",u.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;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,CAEA,yBCEQ,CDDR,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,uBCvBW,CDwBX,sBAAA,CACA,wBAAA,CACA,4BAAA,CAIF,4BACE,YAAA,CACA,sBAAA,CACA,eAAA,CACA,YAAA,CACA,QAAA,CAGF,4BACE,QAAA,CACA,oBCrCQ,CDsCR,eAAA,CACA,eAAA,CACA,aAAA,CACA,cAAA,CACA,cAAA,CAGF,4BACE,cAAA,CACA,+BC/CQ,CDgDR,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,2BCnFQ,CDoFR,uBCvFW,CDwFX,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  /* Add padding to the text inside the name block */\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\n.Buttons {\n  display: flex;\n  justify-content: center;\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\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: 50px;\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},1290: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 u=i(t(6540)),d=s(t(2287)),c=s(t(1870)),A=s(t(6152)),p=t(833),f=t(9218),g=s(t(2313)),m=t(4208),b=s(t(9158)),C=t(4625);n.default=function(){var e=l((0,p.useActionless)(f.SET_ALERT),1)[0],n=(0,C.useParams)(),t=n.courseId,a=n.assignmentId,o=(0,C.useHistory)(),i=l((0,u.useState)(),2),s=i[0],h=i[1],v=l((0,u.useState)(),2),x=v[0],y=v[1],w=l((0,u.useState)({assignmentId:a,autogradingImage:"",timeout:""}),2),k=w[0],E=w[1],$=l((0,u.useState)(new Map),2),B=$[0],S=$[1],_=function(e,n){var t=n.target.id,a=(0,m.removeClassFromField)(B,t);S(a),E((function(n){var a;return r(r({},n),((a={})[t]=e,a))}))};return u.default.createElement(d.default,null,u.default.createElement("h1",null,"Container Auto Grader Form"),u.default.createElement("div",{className:c.default.form},u.default.createElement("p",null,"Required Field *"),u.default.createElement("label",{htmlFor:"autogradingImage"},"Autograding Image *"),u.default.createElement(A.default,{id:"autogradingImage",onChange:_,value:k.autogradingImage,className:B.get("autogradingImage")}),u.default.createElement("label",{htmlFor:"timeout"},"Timeout *"),u.default.createElement(A.default,{id:"timeout",onChange:_,value:k.timeout,className:B.get("timeout"),placeholder:"3000"}),u.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},u.default.createElement("label",{htmlFor:"graderFile"},"Graderfile *"),u.default.createElement("input",{type:"file",id:"graderFile",onChange:function(e){var n;h(null===(n=e.target.files)||void 0===n?void 0:n.item(0))}})),u.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},u.default.createElement("label",{htmlFor:"makefileFile"},"Makefile *"),u.default.createElement("input",{type:"file",id:"makefileFile",onChange:function(e){var n;y(null===(n=e.target.files)||void 0===n?void 0:n.item(0))}})),u.default.createElement("br",null),u.default.createElement("div",{className:c.default.buttonContainer},u.default.createElement("button",{className:c.default.addGraderButton,onClick:function(){var n=new FormData;n.append("assignmentId",k.assignmentId),n.append("autogradingImage",k.autogradingImage),n.append("timeout",String(k.timeout)),s&&n.append("graderFile",s),x&&n.append("makefileFile",x),g.default.postMultipart("/api/course/".concat(t,"/assignment/").concat(a,"/container-auto-graders/"),n).then((function(){e({autoDelete:!0,type:"success",message:"Container Auto-Grader 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,m.applyStylesToErrorFields)(n,k,b.default.errorField);S(r),e({autoDelete:!1,type:"error",message:t})})).finally((function(){})),E({assignmentId:a,autogradingImage:"",timeout:""})}},"Add Grader"))))}},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])}}},u=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},d=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),A=t(4625),p=d(t(2287)),f=d(t(2313)),g=t(833),m=d(t(6152)),b=d(t(2700)),C=t(9218),h=t(4208),v=d(t(1322));n.default=function(e){var n=u((0,g.useActionless)(C.SET_ALERT),1)[0],t=(0,A.useHistory)(),a=u((0,c.useState)({name:"",number:"",semester:"f0000",isPublic:!1}),2),o=a[0],i=a[1],d=u((0,c.useState)((new Date).toISOString()),2),x=d[0],y=d[1],w=u((0,c.useState)((new Date).toISOString()),2),k=w[0],E=w[1],$=u((0,c.useState)(""),2),B=$[0],S=$[1],_=u((0,c.useState)([]),2),D=_[0],I=_[1],O=u((0,c.useState)(new Map),2),P=O[0],j=O[1],F=u((0,c.useState)((new Date).toISOString().split("T")[0]),2),N=F[0],T=F[1],M=(0,A.useParams)().courseId;(0,c.useEffect)((function(){var e=!1;e||f.default.get("/api/courses/".concat(M)).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]),T(new Date(n.privateDate).toISOString().split("T")[0]),e=!0}))}),[]);var G=function(e,n){var t=n.target.id,a=(0,h.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 c.default.createElement(p.default,null,c.default.createElement("h1",null,"Update Course Form"),c.default.createElement("div",{className:v.default.courseFormWrapper},c.default.createElement("div",{className:v.default.updateDetailsForm},c.default.createElement("h2",null,"Course Details"),c.default.createElement("div",{className:v.default.inputContainer},c.default.createElement(m.default,{id:"name",label:"Course Name*",onChange:G,value:o.name,invalidated:!!P.get("name"),helpText:P.get("name"),defaultValue:o.name}),c.default.createElement(m.default,{id:"number",label:"Course Number*",onChange:G,value:o.number,invalidated:!!P.get("number"),helpText:P.get("number")})),c.default.createElement(b.default,{onDatesChange:function(e){var n=e.startDate,t=e.endDate;y(n),E(t)}}),c.default.createElement("div",{className:v.default.datepickerContainer},c.default.createElement("div",{className:v.default.fieldContainer},c.default.createElement("label",{htmlFor:"start-date"},"Start Date *"),c.default.createElement("input",{type:"date",id:"start-date",value:x,onChange:function(e){y(e.target.value)}})),c.default.createElement("div",{className:v.default.fieldContainer},c.default.createElement("label",{htmlFor:"end-date"},"End Date *"),c.default.createElement("input",{type:"date",id:"end-date",value:k,onChange:function(e){E(e.target.value)}})),c.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"5px"}},c.default.createElement("label",{htmlFor:"private-date"},"Private Date *"),c.default.createElement("input",{type:"date",id:"private-date",value:N,onChange:function(e){T(e.target.value)}})),c.default.createElement("div",null,c.default.createElement("label",null,c.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"))),c.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},c.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:N+"T16:02:41.849Z"};f.default.put("/api/courses/".concat(M),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,h.applyMessageToErrorFields)(r,e.param,e.msg)})),j(r),n({autoDelete:!1,type:"error",message:t})})).finally((function(){}))}},"Update Course"))),c.default.createElement("div",{className:v.default.addDropForm},c.default.createElement("h2",null,"Add/Drop Students"),c.default.createElement(m.default,{id:"studentEmail",label:"Email",onChange:G,placeholder:"e.g. hartloff@buffalo.edu",invalidated:!!P.get("studentEmail"),helpText:P.get("studentEmail")}),c.default.createElement("label",{htmlFor:"addDropFile"},"Add multiple students by uploading a CSV file below"),c.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);I(r)},n.readAsText(e)}(t)}}),c.default.createElement("div",{style:{display:"flex",justifyContent:"center",flexDirection:"column",marginTop:"auto",gap:"1rem"}},c.default.createElement("button",{className:"btnPrimary",onClick:function(){var e;console.log("emails: ",D),D.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:M,role:"student",dropped:!1},i.label=2;case 2:return i.trys.push([2,4,,5]),[4,f.default.post("/api/course/".concat(M,"/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(M,"/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]}}))}))}(D))}},"Add Student"),c.default.createElement("button",{className:"btnDelete",onClick:function(){var e;D.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(M,"/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(M,"/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]}}))}))}(D))}},"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\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: 50px;\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},1617:(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,".ljRDT6od4d7T8piAmPrDjg\\=\\={margin-bottom:20px;font-size:14px}.ljRDT6od4d7T8piAmPrDjg\\=\\= span{margin:0 5px}.ljRDT6od4d7T8piAmPrDjg\\=\\= span:first-child{margin-left:0}._5ZE70AsBPzSsFQqn5QTMFw\\=\\={font-size:28px;text-align:center;margin-bottom:20px}.Uj36BlRlykPIwlbOW6tYMg\\=\\={position:relative;background-color:var(--list-item-background);border-radius:10px;padding:20px;width:50%;margin:0 auto}.r7L02rZqw50ld0zvTgXWZA\\=\\={margin-bottom:15px;font-size:14px}.p4to-icuHyh-0IxmpGobag\\=\\={margin-bottom:20px}.p4to-icuHyh-0IxmpGobag\\=\\= label{display:block;margin-bottom:8px;font-weight:500}.zp\\+lV9zr0C4DLk04n4pyQQ\\=\\={display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.KjISW--PAaQ3vT64EsvyXQ\\=\\={display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8f8f8;border-radius:6px;border:1px solid #ccc}.KjISW--PAaQ3vT64EsvyXQ\\=\\= label{font-weight:600;flex:1}.zUAgN9wSKWRfEgW4HqKYxA\\=\\={display:flex;align-items:center;gap:10px}._4at4ExvzcbyDVEUJaLr2Cg\\=\\={display:none}.OXjP6RReiE8p8wQ71vlUOg\\=\\={background-color:var(--primary);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;border:none;transition:background-color .2s ease-in-out}.ZItn6R23CHVJeG4\\+ZGvuHg\\=\\={font-size:14px;color:#666}.vLuhnwR8\\+UoptrXRMd2luQ\\=\\={height:15px}.s-VTgs9wk58AM7wtuJz5Qw\\=\\={display:flex;justify-content:center;margin-top:35px}.nvn4Aoc1Q3JyU0z6\\+HGl0g\\=\\={background-color:var(--primary);color:#fff;padding:10px 30px;border:none;border-radius:40px;font-size:16px;cursor:pointer;transition:background-color .2s}.VTejwWqS9oEi8idi51FvCg\\=\\={margin-top:40px;text-align:center}.VTejwWqS9oEi8idi51FvCg\\=\\= h2{font-size:24px;margin-bottom:20px}","",{version:3,sources:["webpack://./src/components/pages/forms/containers/containerAutoGraderForm.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,4BACE,kBAAA,CACA,cAAA,CAEA,iCACE,YAAA,CAEA,6CACE,aAAA,CAKN,6BACE,cAAA,CACA,iBAAA,CACA,kBAAA,CAGF,4BACE,iBAAA,CACA,4CCNqB,CDOrB,kBAAA,CACA,YAAA,CACA,SAAA,CACA,aAAA,CAGF,4BACE,kBAAA,CACA,cAAA,CAGF,4BACE,kBAAA,CAEA,kCACE,aAAA,CACA,iBAAA,CACA,eAAA,CAKJ,6BACE,YAAA,CACA,qBAAA,CACA,QAAA,CACA,kBAAA,CAGF,4BACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,qBAAA,CAGF,kCACE,eAAA,CACA,MAAA,CAGF,4BACE,YAAA,CACA,kBAAA,CACA,QAAA,CAGF,6BACE,YAAA,CAGF,4BACE,+BCpEQ,CDqER,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,cAAA,CACA,cAAA,CACA,WAAA,CACA,2CAAA,CAGF,6BACE,cAAA,CACA,UAAA,CAGF,6BACE,WAAA,CAGF,4BACE,YAAA,CACA,sBAAA,CACA,eAAA,CAGF,6BACE,+BC9FQ,CD+FR,UAAA,CACA,iBAAA,CACA,WAAA,CACA,kBAAA,CACA,cAAA,CACA,cAAA,CACA,+BAAA,CAGF,4BACE,eAAA,CACA,iBAAA,CAEA,+BACE,cAAA,CACA,kBAAA",sourcesContent:["@import 'variables';\n\n.breadcrumb {\n  margin-bottom: 20px;\n  font-size: 14px;\n\n  span {\n    margin: 0 5px;\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n\n.pageTitle {\n  font-size: 28px;\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n.form {\n  position: relative; /* Fixed incorrect 'display: absolute' */\n  background-color: $list-item-background;\n  border-radius: 10px;\n  padding: 20px;\n  width: 50%;\n  margin: 0 auto;\n}\n\n.requiredField {\n  margin-bottom: 15px;\n  font-size: 14px;\n}\n\n.formGroup {\n  margin-bottom: 20px;\n\n  label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n  }\n}\n\n/* Updated file input section */\n.fileUploadContainer {\n  display: flex;\n  flex-direction: column;\n  gap: 15px; /* Adds spacing between file inputs */\n  margin-bottom: 25px;\n}\n\n.fileInputGroup {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; /* Creates proper spacing */\n  padding: 8px 12px;\n  background: #f8f8f8;\n  border-radius: 6px;\n  border: 1px solid #ccc;\n}\n\n.fileInputGroup label {\n  font-weight: 600;\n  flex: 1;\n}\n\n.fileInputWrapper {\n  display: flex;\n  align-items: center;\n  gap: 10px; /* Ensures spacing between elements */\n}\n\n.fileInput {\n  display: none;\n}\n\n.fileInputButton {\n  background-color: $primary;\n  color: white;\n  padding: 6px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 14px;\n  border: none;\n  transition: background-color 0.2s ease-in-out;\n}\n\n.fileUploadText {\n  font-size: 14px;\n  color: #666;\n}\n\n.spacer {\n  height: 15px;\n}\n\n.buttonContainer {\n  display: flex;\n  justify-content: center;\n  margin-top: 35px;\n}\n\n.addGraderButton {\n  background-color: $primary;\n  color: white;\n  padding: 10px 30px;\n  border: none;\n  border-radius: 40px;\n  font-size: 16px;\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.existingProblems {\n  margin-top: 40px;\n  text-align: center;\n\n  h2 {\n    font-size: 24px;\n    margin-bottom: 20px;\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\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: 50px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={breadcrumb:"ljRDT6od4d7T8piAmPrDjg==",pageTitle:"_5ZE70AsBPzSsFQqn5QTMFw==",form:"Uj36BlRlykPIwlbOW6tYMg==",requiredField:"r7L02rZqw50ld0zvTgXWZA==",formGroup:"p4to-icuHyh-0IxmpGobag==",fileUploadContainer:"zp+lV9zr0C4DLk04n4pyQQ==",fileInputGroup:"KjISW--PAaQ3vT64EsvyXQ==",fileInputWrapper:"zUAgN9wSKWRfEgW4HqKYxA==",fileInput:"_4at4ExvzcbyDVEUJaLr2Cg==",fileInputButton:"OXjP6RReiE8p8wQ71vlUOg==",fileUploadText:"ZItn6R23CHVJeG4+ZGvuHg==",spacer:"vLuhnwR8+UoptrXRMd2luQ==",buttonContainer:"s-VTgs9wk58AM7wtuJz5Qw==",addGraderButton:"nvn4Aoc1Q3JyU0z6+HGl0g==",existingProblems:"VTejwWqS9oEi8idi51FvCg=="};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\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: 50px;\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:50px}}","",{version:3,sources:["webpack://./src/components/misc/navbar.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAGA,6BACI,YAAA,CACA,kBAAA,CACA,iBCkFU,CDjFV,eAAA,CAGJ,4BACI,oBAAA,CACA,uBCJS,CDQb,kCACI,yBAAA,CAGJ,4BACI,UAAA,CACA,YAAA,CAGJ,yBACI,6BACI,gBC8DO,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\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: 50px;\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}},1870:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(5072),a=t.n(r),o=t(1617);a()(o.A,{insert:"head",singleton:!1});const i=o.A.locals||{}},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)),u=r(t(6440));n.default=function(e){var n=e.course,t=e.assignments,r=e.past,d=void 0!==r&&r,c=e.instructor,A=void 0!==c&&c,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(u.default,{assignment:e,key:e.id})})):d&&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||{}},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),u={"/api":"".concat(l.default.apiUrl)};function d(e){var n=Object.keys(u).find((function(n){return!!e.startsWith(n)}));return n?e.replace(n,u[n]):e}function c(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(c).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=d(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,u;return o(this,(function(o){switch(o.label){case 0:return a=d(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:(u=o.sent())&&(l.headers.authorization="Bearer ".concat(u)),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(d(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(d(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=d(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=d(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(d(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 u=i(t(6540)),d=t(6347),c=s(t(7028)),A=s(t(2313)),p=s(t(5580)),f=s(t(5954)),g=s(t(6152)),m=s(t(2182)),b=s(t(6703)),C=function(e){var n=e.providers,t=e.onSelect;return u.default.createElement(u.default.Fragment,null,u.default.createElement("h1",{className:b.default.header},"Select a Login Provider"),u.default.createElement("div",{className:b.default.providerList},n.map((function(e,n){return u.default.createElement("button",{onClick:function(){return t(e)},key:n,className:b.default.providerButton},"Login with ",e.name)}))))},h=function(e){var n=e.provider;if(!n)return p.default.push("/"),null;var t=l((0,u.useState)({}),2),a=t[0],o=t[1],i=l((0,u.useState)(new Array),2),s=i[0],d=i[1],c=n.body,f=void 0===c?[]:c,C=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(d)},h=Array.isArray(s)&&s.length>0||!Array.isArray(s)&&s.message;return u.default.createElement(u.default.Fragment,null,u.default.createElement("h1",{className:b.default.header},n.name),u.default.createElement("p",{className:b.default.description},n.description),u.default.createElement("form",{onSubmit:C,className:b.default.submitForm},u.default.createElement("div",{className:b.default.fields},f.map((function(e,n){return u.default.createElement(g.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})}))),h&&u.default.createElement(m.default,{errors:s}),u.default.createElement("button",{onSubmit:C,className:b.default.submit},"Submit")))};n.default=function(e){var n=l((0,u.useState)(!0),2),t=n[0],r=n[1],a=l((0,u.useState)(null),2),o=a[0],i=a[1],s=l((0,u.useState)(new Array),2),g=s[0],m=s[1],v=l((0,u.useState)(),2),x=v[0],y=v[1];return(0,u.useEffect)((function(){A.default.get("/api/login/providers").then(m).catch(i).finally((function(){return r(!1)}))}),[]),t?u.default.createElement(f.default,null):o?u.default.createElement("div",null,"error"):u.default.createElement(d.Router,{history:p.default},u.default.createElement("div",{className:b.default.page},u.default.createElement("div",{className:b.default.card},u.default.createElement(d.Switch,null,u.default.createElement(d.Route,{exact:!0,path:"/login"},u.default.createElement(h,{provider:x})),u.default.createElement(d.Route,null,u.default.createElement(C,{providers:g,onSelect:function(e){if("post"===e.method)return p.default.push("/login"),y(e);window.location.href=c.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)),u=l(t(6690));n.default=function(e,n){return void 0===e&&(e=u.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)),u=r(t(8664)),d=r(t(1292)),c=r(t(4037)),A=r(t(1456)),p=r(t(5336)),f=r(t(6072)),g=r(t(3973)),m=r(t(6623)),b=r(t(1215)),C=r(t(2534)),h=r(t(1290)),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(3144));n.default=function(){return a.default.createElement(o.Switch,null,a.default.createElement(o.Route,{exact:!0,path:"/",component:c.default}),a.default.createElement(o.Route,{exact:!0,path:"/courses",component:x.default}),a.default.createElement(o.Route,{exact:!0,path:"/addCoursesForm",component:u.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:d.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/gradebook",component:m.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:g.default}),a.default.createElement(o.Route,{exact:!0,path:"/course/:courseId/assignment/:assignmentId/createCAG",component:h.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:B.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:C.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}),"// TBD, undecided where webhooks should be placed",a.default.createElement(o.Route,{component:A.default}))}},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},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),c=t(4625),A=u(t(2287)),p=u(t(5954)),f=u(t(8331)),g=u(t(2313));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=(0,c.useParams)(),m=u.submissionId,b=u.assignmentId,C=u.courseId,h=s((0,d.useState)(null),2),v=h[0],x=h[1],y=s((0,d.useState)(new Array),2),w=y[0],k=y[1],E=s((0,d.useState)(new Array),2),$=E[0],B=E[1],S=s((0,d.useState)(),2),_=S[0],D=S[1];return(0,d.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,g.default.get("/api/course/".concat(C,"/assignment/").concat(b,"/submission-scores?submission=").concat(m))];case 1:return e=null!==(s=l.sent().pop())&&void 0!==s?s:null,x(e),[4,g.default.get("/api/course/".concat(C,"/assignment/").concat(b,"/submission-problem-scores/submission/").concat(m))];case 2:return n=l.sent(),k(n),[4,g.default.get("/api/course/".concat(C,"/assignments/").concat(b))];case 3:return r=l.sent(),D(r),[4,g.default.get("/api/course/".concat(C,"/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?d.default.createElement(p.default,{delay:250}):a?d.default.createElement(f.default,{error:a}):d.default.createElement(A.default,null,d.default.createElement("h1",null,"Feedback for ",null==_?void 0:_.name),(null==v?void 0:v.feedback)?d.default.createElement("div",null,d.default.createElement("h2",null,"Overall Feedback:"),d.default.createElement("pre",null,v.feedback)):null," ",d.default.createElement("br",null),w.map((function(e){var n;return d.default.createElement("div",null,d.default.createElement("h2",null,"Feedback for ",null===(n=$.find((function(n){return n.id===e.assignmentProblemId})))||void 0===n?void 0:n.problemName,":"),d.default.createElement("pre",null,e.feedback))})),d.default.createElement(c.Link,{to:"/course/".concat(C,"/assignment/").concat(b,"/submission/").concat(m)},"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)),u=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],d=o[1],c=i((0,s.useState)(""),2),A=c[0],p=c[1],f=i((0,s.useState)(""),2),g=f[0],m=f[1],b=i((0,s.useState)(""),2),C=b[0],h=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;m(a),h(o)}else m(""),h("")}()}),[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:g,endDate:C,semester:r,year:l})}),[g,C,n]),s.default.createElement(s.default.Fragment,null,s.default.createElement("div",{className:"input-subgroup-2col"},s.default.createElement("div",{className:u.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:u.default.fieldContainer},s.default.createElement("label",{htmlFor:"year"},"Year:"),s.default.createElement("select",{id:"year",value:l,onChange:function(e){return d(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:u.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||{}},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;width:100%;position:fixed;bottom:0;left:0;font-size:14px;font-size:16px;padding:10px 0;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}","",{version:3,sources:["webpack://./src/components/misc/footer.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,6BACE,+BCQQ,CDPR,UAAA,CACA,eAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CACA,MAAA,CACA,cAAA,CACA,cAAA,CACA,cAAA,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",sourcesContent:["@import 'variables';\n\n.footer {\n  background-color: $primary;\n  color: #fff;\n  text-align: left;\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  font-size: 14px;\n  font-size: 16px;\n  padding: 10px 0;\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","// 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\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: 50px;\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 u(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(u).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;width:100%;gap:10px;margin-top:10px}.FaPpMFzphVw-1CEtvF\\+mFQ\\=\\={width:100%;text-align:left;flex-direction:column;display:flex;align-items:flex-start}.S6W9qsc3VUh9MeiXAfUhWQ\\=\\={display:flex;flex-direction:column;gap:10px;width:95%;padding:20px;font-size:16px;background-color:var(--secondary-lighter);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}.LlALnMmInVG7ZoPKR1ahZQ\\=\\={display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:flex-end}.pCtydvTR4f6T1VEgyDffhw\\=\\={width:50%}.WAPA6FzDlVUlZ\\+VsTmV91A\\=\\={font-size:16px;margin:0 0 10px 0}.YvhNNiitP\\+nsNfW6I5WYDQ\\=\\={font-style:italic;text-align:center;margin-top:10px}.B3YmEV3MnDVc\\+52XcqCzVQ\\=\\={align-items:center;margin-bottom:0;background:none;border:2px solid #ccc}.wSzjRFDZ6zSl7S\\+QtF\\+SrA\\=\\={display:flex;flex-direction:column;align-items:center;width:100%}.ywXr9FiD-ezJQfXWHfViNg\\=\\={display:flex;align-items:center;align-self:flex-start;gap:10px}.qcIIns4yvOyhPW8uMMiS-Q\\=\\={color:var(--text-color)}.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: 768px){.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}}@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,UAAA,CACA,QAAA,CACA,eAAA,CAGJ,6BACI,UAAA,CACA,eAAA,CACA,qBAAA,CACA,YAAA,CACA,sBAAA,CAGJ,4BACI,YAAA,CACA,qBAAA,CACA,QAAA,CACA,SAAA,CACA,YAAA,CACA,cAAA,CACA,yCCrBgB,CDsBhB,kBAAA,CAGJ,4BACI,oBAAA,CACA,kBAAA,CACA,oBAAA,CAGJ,4BACI,uBCrCS,CDsCT,YAAA,CACA,mCAAA,CACA,oBAAA,CACA,kBAAA,CAGJ,4BACI,UAAA,CACA,YAAA,CACA,sBAAA,CAGJ,4BACI,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CACA,wBAAA,CAGJ,4BACI,SAAA,CAGJ,6BACI,cAAA,CACA,iBAAA,CAEJ,6BACI,iBAAA,CACA,iBAAA,CACA,eAAA,CAEJ,6BACI,kBAAA,CACA,eAAA,CACA,eAAA,CACA,qBAAA,CAGJ,8BACC,YAAA,CACG,qBAAA,CACA,kBAAA,CACA,UAAA,CAEJ,4BACI,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,QAAA,CAEJ,4BACI,uBC3FS,CD+Fb,4BACI,WAAA,CACA,UAAA,CACA,4CCzFmB,CD0FnB,UAAA,CACA,eAAA,CAGJ,4BACI,4CC/FmB,CDgGnB,iBAAA,CACA,YAAA,CACA,WAAA,CACA,mCAAA,CACH,WAAA,CAID,6BACI,cAAA,CACA,eAAA,CACA,kBAAA,CACA,uBCrHS,CDsHZ,iBAAA,CAID,4BACI,YAAA,CACA,qBAAA,CACH,kBAAA,CACA,sBAAA,CACG,QAAA,CAKJ,6BACI,oBClIM,CDmIN,4CC7HmB,CD8HnB,iBAAA,CACH,kBAAA,CACG,cAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CACH,iBAAA,CACA,gBAAA,CAID,mCACI,kDCzIyB,CD6I7B,8BACC,4CC/IsB,CDgJnB,iBAAA,CACA,YAAA,CACA,UAAA,CACA,mCAAA,CACH,WAAA,CAGD,6BACI,4CCxJmB,CDyJnB,eAAA,CACA,qBAAA,CACA,kBAAA,CAGJ,6BACI,4CC/JmB,CDgKnB,YAAA,CACA,yBAAA,CAEJ,6BACI,cAAA,CACA,UAAA,CAEJ,8BACI,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,eAAA,CACA,4CC5KmB,CD+KvB,6BACC,eAAA,CACG,kBAAA,CAGJ,6BACC,kBAAA,CACG,4CCtLmB,CDyLvB,4BACC,eAAA,CAGD,4BACI,cAAA,CACA,uBCxMS,CDyMT,cAAA,CACA,kBAAA,CAIJ,4BACI,YAAA,CACA,qBAAA,CACA,UAAA,CACA,eAAA,CAIJ,6BACC,YAAA,CACA,6BAAA,CACA,sBAAA,CACG,iBAAA,CACA,kCC5NS,CD6NT,+BAAA,CACA,uBAAA,CACA,YAAA,CACA,cAAA,CAGJ,mCACI,uCAAA,CAGJ,4BACI,oBCpOM,CDqON,YAAA,CAIJ,4BACI,cAAA,CACA,uBC9OS,CD+OT,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,4CCtQe,CDuQf,iBAAA,CACA,YAAA,CACA,WAAA,CACA,mCAAA,CACH,WAAA,CAAA,CAIL,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    width: 100%;\n    gap: 10px;\n    margin-top: 10px;\n}\n\n.assignmentDetails{\n    width: 100%;\n    text-align: left;\n    flex-direction: column;\n    display: flex;\n    align-items: flex-start;\n}\n\n.submissionDetails{\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    width: 95%;\n    padding: 20px;\n    font-size: 16px;\n    background-color: $secondary-lighter;\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: center;\n}\n\n.options_section{\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap:10px;\n    justify-content: flex-end;\n}\n\n.problems_list{\n    width: 50%;\n}\n\n.problem_header{\n    font-size:16px;\n    margin: 0 0 10px 0;\n}\n.no_problems{\n    font-style: italic;\n    text-align: center;\n    margin-top: 10px;\n}\n.textField{\n    align-items: center;\n    margin-bottom: 0;\n    background: none;\n    border: 2px solid #ccc;\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    align-self: flex-start;\n    gap: 10px;\n}\n.affirmText{\n    color: $text-color;\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: 768px) {\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}\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\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: 50px;\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==",problems_list:"pCtydvTR4f6T1VEgyDffhw==",problem_header:"WAPA6FzDlVUlZ+VsTmV91A==",no_problems:"YvhNNiitP+nsNfW6I5WYDQ==",textField:"B3YmEV3MnDVc+52XcqCzVQ==",submit_container:"wSzjRFDZ6zSl7S+QtF+SrA==",affirmation:"ywXr9FiD-ezJQfXWHfViNg==",affirmText:"qcIIns4yvOyhPW8uMMiS-Q==",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==",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 u=o(t(6540)),d=s(t(6152)),c=s(t(87)),A=s(t(2287)),p=s(t(6544)),f=s(t(2313)),g=t(4625),m=t(9218),b=t(833),C=t(7028);n.default=function(){var e=i((0,u.useState)(),2),n=e[0],t=e[1],r=i((0,u.useState)([]),2),a=r[0],o=r[1],s=i((0,u.useState)(),2),h=s[0],v=s[1],x=(0,g.useParams)().courseId,y=i((0,b.useActionless)(m.SET_ALERT),1)[0];return u.default.createElement(A.default,null,u.default.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",marginTop:"30px"},className:p.default.formBackground},u.default.createElement(d.default,{id:"webhookURL",label:"Webhook URL",onChange:function(e){t(e)},sx:{width:.5},className:p.default.textField}),u.default.createElement(d.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}),u.default.createElement(c.default,{onClick:function(){n&&f.default.post("".concat(C.apiUrl,"/course/").concat(x,"/webhooks"),{destinationUrl:n,matcherUrl:h}).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")),u.default.createElement("div",{className:p.default.webhookURLContainer},a.map((function(e,n){return u.default.createElement("div",{className:p.default.webhookURLCard,key:n},u.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\\=\\={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 50px}}@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,WAjCW,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,mBCjCK,CDkCL,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  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\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: 50px;\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 u=i(t(6540)),d=t(833),c=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,d.useActionless)(c.SET_ALERT),1)[0],o=l((0,u.useState)(n),2),i=o[0],s=o[1],g=l((0,u.useState)(!1),2),m=g[0],b=g[1];return u.default.createElement("div",null,u.default.createElement("h1",null,"User Information"),u.default.createElement(p.default,{onChange:function(e){return s(r(r({},i),{preferredName:e}))},label:"Preferred Name",id:"preferredName",defaultValue:n.preferredName}),u.default.createElement(p.default,{type:"email",label:"Email",id:"email",placeholder:n.email,disabled:!0}),u.default.createElement(p.default,{label:"Person Number",id:"externalId",placeholder:n.externalId,disabled:!0}),u.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:m},"Update"))}},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\\=\\= .gtuJeBSphk2aZVBTotv04A\\=\\= .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:10px 20px}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .GucbDWReUaojOrD9olfbwQ\\=\\={display:flex;align-items:center;margin:20px 0;gap:10px}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= .Yod6Nb5pxfp2MXZtCzxQsg\\=\\={width:300px;border-radius:20px;margin:0}._9GaAj3ATh6PGpVnFiRU9bw\\=\\= ._7VKdGitt3ST6OcBTzoqvWw\\=\\={width:300px;border-radius:20px;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,qFAEI,eAAA,CAGJ,0DACI,eAAA,CACA,8BCZE,CDaF,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,CAEJ,0DACI,WAAA,CACA,kBAAA,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,+BClGE,CDmGF,UAAA,CACA,eAAA,CAGJ,gEAEI,iBAAA,CACA,iBAAA,CACA,eAAA,CAGJ,gCACI,kCCnHK",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    .no_submission\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: 10px 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    }\n    .dropdown{\n        width: 300px;\n        border-radius: 20px;\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\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: 50px;\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\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: 50px;\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 u=document.getElementById("main");o.default.render(a.default.createElement(i.Provider,{store:l.default},a.default.createElement(s.default,null)),u)},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 u=i(t(6540)),d=s(t(2287)),c=s(t(5505)),A=s(t(6152)),p=t(833),f=t(9218),g=s(t(2313)),m=s(t(9158)),b=t(4208),C=t(4625),h=t(2217),v=s(t(8729));n.default=function(){var e=l((0,p.useActionless)(f.SET_ALERT),1)[0],n=l((0,u.useState)(new Map),2),t=n[0],a=n[1],o=(0,C.useParams)(),i=o.assignmentId,s=o.courseId,x=l((0,u.useState)(),2),y=x[0],w=x[1],k=(0,C.useHistory)(),E=l((0,u.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,u.useEffect)((function(){g.default.get("/api/course/".concat(s,"/assignment/").concat(i,"/assignment-problems/")).then((function(e){w(e)}))}),[]),u.default.createElement(d.default,null,u.default.createElement("h1",null,"Non Container Auto Grader Form"),u.default.createElement("div",{className:c.default.form},u.default.createElement("p",null,"Required Fields *"),u.default.createElement("label",{htmlFor:"question"},"Question *"),u.default.createElement(A.default,{id:"question",onChange:_,value:$.question,className:t.get("question")}),u.default.createElement("label",{htmlFor:"correctString"},"Answer *"),u.default.createElement(A.default,{id:"correctString",onChange:_,value:$.correctString,className:t.get("correctString")}),u.default.createElement("label",{htmlFor:"score"},"Score *"),u.default.createElement(A.default,{id:"score",onChange:_,value:$.score,className:t.get("score")}),u.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},u.default.createElement("label",{htmlFor:"regex"},"Regex"),u.default.createElement("input",{id:"regex",type:"checkbox",checked:$.isRegex,onChange:function(e){B((function(n){return r(r({},n),{isRegex:e.target.checked})}))}})),u.default.createElement("br",null),u.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},u.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};g.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,$,m.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"))),u.default.createElement("div",{className:c.default.rightColumn},u.default.createElement("h1",null,"Existing Problems"),u.default.createElement("div",null,null==y?void 0:y.map((function(e,n){return u.default.createElement(h.Accordion,{className:c.default.accordion,key:n},u.default.createElement(h.AccordionSummary,null,u.default.createElement(h.Typography,null,"Assignment Problem Question ".concat(n+1))),u.default.createElement(h.AccordionDetails,{className:c.default.accordionDetails},u.default.createElement(h.Typography,null,"Problem Name:",e.problemName),u.default.createElement(h.Typography,null,"Max Score:",e.maxScore)))})))),u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("br",null),u.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},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),c=u(t(2287)),A=u(t(5954)),p=u(t(8331)),f=u(t(2089)),g=u(t(2171)),m=u(t(8911)),b=t(833),C=u(t(2313)),h=t(4625);n.default=function(){var e=(0,b.useAppSelector)((function(e){return e.user.id})),n=s((0,d.useState)(!0),2),t=n[0],r=n[1],a=s((0,d.useState)(null),2),o=a[0],u=a[1],v=s((0,d.useState)(new Array),2),x=v[0],y=v[1],w=s((0,d.useState)(new Array),2),k=w[0],E=w[1],$=s((0,d.useState)(new Array),2),B=$[0],S=$[1],_=s((0,d.useState)(new Map),2),D=_[0],I=_[1],O=s((0,d.useState)(new Array),2),P=O[0],j=O[1],F=s((0,d.useState)(!1),2),N=F[0],T=F[1];(0,d.useEffect)((function(){M()}),[]);var M=function(){return i(void 0,void 0,void 0,(function(){var n,t,a,o,i,d,c,A,p;return l(this,(function(l){switch(l.label){case 0:return l.trys.push([0,4,5,6]),n=new Map,[4,C.default.get("/api/courses/user/".concat(e))];case 1:return t=l.sent(),a=t.activeCourses,o=t.upcomingCourses,i=t.pastCourses,d=t.instructorCourses,c=a.map((function(e){var n=C.default.get("/api/course/".concat(e.id,"/assignments/released"));return Promise.all([e,n])})),[4,Promise.all(c)];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=d.map((function(e){var n=C.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)})),I(n),S(i),y(a),j(d),E(o),[3,6];case 4:return p=l.sent(),u(p),[3,6];case 5:return r(!1),[7];case 6:return[2]}}))}))};if(t)return d.default.createElement(A.default,{delay:250});if(o)return d.default.createElement(p.default,{error:o});var G=(0,h.useHistory)(),Q=function(e){G.push("/course/".concat(e))};return d.default.createElement(c.default,null,d.default.createElement(m.default,{open:N,onClose:function(){T(!1)}}),d.default.createElement("div",{className:f.default.header},d.default.createElement("h1",{className:f.default.courses_title},"Courses"),d.default.createElement("div",{className:f.default.buttonContainer},d.default.createElement("button",{className:"btnSecondary",id:"createCoursBtn",onClick:function(){T(!0)}},"Create Course"),d.default.createElement("button",{className:"btnSecondary",id:"joinCoursBtn",onClick:function(){G.push("/courses")}},"Join Course"))),d.default.createElement("h2",{className:f.default.courses_heading},"Current Courses"),d.default.createElement("div",{className:f.default.coursesContainer},P.map((function(e){return d.default.createElement("div",{className:f.default.courseCard,key:e.id,onClick:function(){return Q(e.id)},style:{cursor:"pointer"}},d.default.createElement(g.default,{course:e,assignments:D.get(e),key:e.id,instructor:!0}))})),x&&x.map((function(e){return d.default.createElement("div",{className:f.default.courseCard,key:e.id,onClick:function(){return Q(e.id)},style:{cursor:"pointer"}},d.default.createElement(g.default,{course:e,assignments:D.get(e),key:e.id}))})),0===x.length&&0==P.length&&d.default.createElement("div",{className:"no_items"},"You do not have current enrollment yet")),d.default.createElement("h2",{className:f.default.courses_heading},"Completed Courses"),d.default.createElement("div",{className:f.default.coursesContainer},B&&B.map((function(e){return d.default.createElement("div",{className:f.default.courseCard,key:e.id,onClick:function(){return Q(e.id)},style:{cursor:"pointer"}},d.default.createElement(g.default,{course:e,assignments:D.get(e),past:!0}))})),0===B.length&&d.default.createElement("div",{className:"no_items"},"No completed courses")),d.default.createElement("h2",{className:f.default.courses_heading},"Upcoming Courses"),d.default.createElement("div",{className:f.default.coursesContainer},k&&k.map((function(e){return d.default.createElement("div",{className:f.default.courseCard,key:e.id,onClick:function(){return Q(e.id)},style:{cursor:"pointer"}},d.default.createElement(g.default,{course:e,assignments:D.get(e),key:e.id}))})),0===k.length&&d.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,iCC2BmB",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\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: 50px;\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},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,"h2{text-align:center}p{text-align:center;margin-left:0}.S-3ztsiR6pJgQd46gVsPXQ\\=\\={padding:0 100px}.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:"AAKA,GACE,iBAAA,CAGF,EACE,iBAAA,CACA,aAAA,CAGF,4BACE,eAAA,CAGF,4BACE,YAAA,CACA,6BAAA,CACA,QAAA,CACA,kBAAA,CAGF,6BACE,4CCTqB,CDUrB,kBAAA,CACA,YAAA,CACA,SAAA,CACA,kBAAA,CAGF,gCACE,YAAA,CAGF,4BACE,UAAA,CACA,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,QAAA,CAGF,4BACE,uBCtCW,CDuCX,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,uBC7DW,CD8DX,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\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.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\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: 50px;\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==",flex:"R-04mo6ISr1R0sTI6GcmFA==",form:"OqbKAR6nP1PkRHhMT4+VYg==",datepickerContainer:"a7QZayWXmHYxqIvpDO2vpQ==",header:"UBR1roaFsU9m6UTtX8NJ1A==",textFieldContainer:"f9XgCJUgEErzB5yajAtVXw==",fileName:"vlcxwhfb7M3pst9ZZJeePw==",fileRemovalButton:"upgeaPqtyBUMXN5SOWroiA=="};const l=i},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}a{color:var(--link-blue)}.btn,button.btnDelete,button.btnSecondary,button.btnPrimary{cursor:pointer;padding:5px 15px;border-radius:30px;border:none;font-weight:700;font-size:16px;transition:all .2s ease}.no_items{font-style:italic;margin-right:auto;margin-bottom:20px}button.btnPrimary{background-color:var(--primary);border:3px solid var(--primary);color:#fff}button.btnPrimary: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}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(--grey-lighter);--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;--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,EACE,sBAAA,CAIF,4DACE,cAAA,CACA,gBAAA,CACA,kBAAA,CACA,WAAA,CACA,eAAA,CACA,cAAA,CACA,uBAAA,CAGF,UACE,iBAAA,CACA,iBAAA,CACA,kBAAA,CAGF,kBAEE,+BAAA,CACA,+BAAA,CACA,UAAA,CACA,wBACE,oCAAA,CACA,oCAAA,CAIJ,oBAGE,gDAAA,CACA,+BAAA,CACA,4CAAA,CACA,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,yCACE,YAAA,CACA,kBAAA,CAEA,WAAA,CACA,8CAAA,CACA,uBAAA,CACA,4DAAA,CAGF,mEACE,8BAAA,CAGF,mCACE,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,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,qCAAA,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,+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,CAGA,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,CAGF,iBACE,wCAAA,CACA,uCAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CAGF,YACE,6CAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,YAAA,CAEF,eACE,cAAA,CACA,uBAAA,CAEF,mBACE,gBAAA,CACA,uBAAA,CAGF,aACE,UAAA,CACA,iBAAA,CACA,cAAA,CACA,uBAAA,CACA,8CAAA,CACA,oCAAA,CACA,kCAAA,CACA,gCAAA,CAEA,mBACE,yBAAA,CACA,YAAA,CAEF,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  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  }\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    &: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    &: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, .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  .input-group>input::placeholder, .input-group>textarea::placeholder {\n    color: var(--input-field-label);\n  }\n\n  .modal-header, .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  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(--grey-lighter);\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    --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)\n\n    --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  // 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  // 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  .error-heading {\n    font-size: 2rem;\n    color: var(--error-text);\n  }\n  .error-description {\n    font-size: 1.2rem;\n    color: var(--text-color);\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    &: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}\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||{}},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),u=o(t(6540)),d=t(4625),c=i(t(2313));n.default=function(){var e=(0,s.useDispatch)(),n=(0,d.useParams)().courseId;return(0,u.useEffect)((function(){window.location.pathname.includes("/course/")&&c.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)}))}),[]),u.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||{}},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)),u=t(4625),d=t(833),c=t(2883),A=l(t(6187)),p=l(t(2521)),f=l(t(2393)),g=l(t(8331)),m=l(t(5954)),b=l(t(5580)),C=l(t(4638)),h=t(8280);n.default=function(){var e=i((0,d.useActionless)(c.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,h.initializeTheme)(),(0,C.default)().then(e).then((function(){return y(!0)})).catch(l).finally((function(){return r(!1)}))}),[]),t?s.default.createElement(m.default,{delay:100}):x?o?s.default.createElement(g.default,{error:o}):s.default.createElement(u.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.__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])}}},u=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},d=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),A=d(t(2287)),p=d(t(5954)),f=d(t(8331)),g=d(t(2313)),m=t(4625),b=d(t(87)),C=d(t(6152)),h=t(833),v=t(9218),x=d(t(2500));t(596);var y=t(2217),w=t(5127),k=t(4625);n.default=function(){var e,n=u((0,c.useState)(!0),2),t=n[0],a=n[1],o=u((0,c.useState)(null),2),i=o[0],d=o[1],E=u((0,h.useActionless)(v.SET_ALERT),1)[0],$=(0,k.useHistory)(),B=(0,m.useParams)(),S=B.submissionId,_=B.assignmentId,D=B.courseId,I=u((0,c.useState)(null),2),O=I[0],P=I[1],j=u((0,c.useState)(new Array),2),F=j[0],N=j[1],T=u((0,c.useState)(),2),M=T[0],G=T[1],Q=u((0,c.useState)(new Array),2),U=Q[0],R=Q[1],L=u((0,c.useState)(),2),J=L[0],z=L[1],Y=u((0,c.useState)(new Array),2),W=Y[0],q=Y[1],H=u((0,c.useState)(!1),2),V=H[0],X=H[1],Z=u((0,c.useState)({submissionId:S,score:0,feedback:"",releasedAt:"2024-10-05T14:48:00.00Z"}),2),K=Z[0],ee=Z[1];(0,c.useEffect)((function(){l(void 0,void 0,void 0,(function(){var e,n,t,r,o,i,l,u;return s(this,(function(s){switch(s.label){case 0:return s.trys.push([0,7,8,9]),[4,g.default.get("/api/course/".concat(D,"/assignment/").concat(_,"/submission-scores?submission=").concat(S))];case 1:return e=null!==(u=s.sent().pop())&&void 0!==u?u:null,P(e),[4,g.default.get("/api/course/".concat(D,"/assignment/").concat(_,"/submissions/").concat(S))];case 2:return n=s.sent(),G(n),[4,g.default.get("/api/course/".concat(D,"/assignment/").concat(_,"/submission-problem-scores/submission/").concat(S))];case 3:return t=s.sent(),N(t),[4,g.default.get("/api/course/".concat(D,"/assignments/").concat(n.assignmentId))];case 4:return r=s.sent(),z(r),[4,g.default.get("/api/course/".concat(D,"/assignment/").concat(r.id,"/assignment-problems"))];case 5:return o=s.sent(),R(o),[4,g.default.get("/api/course/".concat(D,"/assignment/").concat(_,"/submissions/"))];case 6: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),[3,9];case 7:return l=s.sent(),d(l),[3,9];case 8:return a(!1),[7];case 9:return[2]}}))}))}),[]);var ne=function(e,n){var t=n.target.id;ee((function(n){var a;return r(r({},n),((a={})[t]=e,a))}))};return t?c.default.createElement(p.default,{delay:250}):i?c.default.createElement(f.default,{error:i}):c.default.createElement(A.default,null,c.default.createElement(b.default,{onClick:function(){X(!V)}},"Manually Grade"),V&&c.default.createElement("div",null,c.default.createElement(C.default,{id:"score",placeholder:"Score",onChange:ne}),c.default.createElement(C.default,{id:"feedback",placeholder:"Feedback",onChange:ne}),c.default.createElement(b.default,{onClick:function(){return l(void 0,void 0,void 0,(function(){return s(this,(function(e){switch(e.label){case 0:return O?(console.log("Submission Exists"),[4,g.default.put("/api/course/".concat(D,"/assignment/").concat(_,"/submission-scores/").concat(O.id),K).then((function(){E({autoDelete:!0,type:"success",message:"Submission Score Updated"})}))]):[3,2];case 1:return e.sent(),[3,4];case 2:return console.log("No Submission"),[4,g.default.post("/api/course/".concat(D,"/assignment/").concat(_,"/submission-scores"),K).then((function(){E({autoDelete:!0,type:"success",message:"Submission Score Created"})}))];case 3:e.sent(),e.label=4;case 4:return[2]}}))}))}},"Submit")),c.default.createElement("div",{className:x.default.scores},c.default.createElement("h1",{className:x.default.heading},"Submissions For Assignment ",null==J?void 0:J.name),c.default.createElement("div",{className:x.default.submissionsLayout},c.default.createElement("div",{className:x.default.submissionsContainer},c.default.createElement("h2",{className:x.default.sub_list},"Submission List:"),W.map((function(e,n){return c.default.createElement("div",{className:x.default.submissionCard,key:n},c.default.createElement(y.CardActionArea,{onClick:function(){return G(e)}},c.default.createElement("div",null,c.default.createElement("div",{className:x.default.submissionHeading},"Submission ".concat(W.length-n)),c.default.createElement("div",{className:x.default.submissionTime},"Submitted at: ".concat(e.createdAt&&(0,w.prettyPrintDateTime)(e.createdAt))))))}))),c.default.createElement("div",{className:x.default.submissionContent},M?c.default.createElement(c.default.Fragment,null,c.default.createElement("div",{className:x.default.scoreDisplay},c.default.createElement("h2",{className:x.default.content_title},O?"Score: ".concat(O.score):"Score: N/A")),c.default.createElement("div",{className:x.default.feedbackContainer},c.default.createElement("h3",{className:x.default.content_title},"Feedback:"),c.default.createElement("div",{className:x.default.problemAnswerContainer},c.default.createElement("table",{className:x.default.assignmentTable},c.default.createElement("thead",null,c.default.createElement("tr",null,U.map((function(e){return c.default.createElement("th",{key:e.id},e.problemName)})),c.default.createElement("th",null,"Total Score"))),c.default.createElement("tbody",null,c.default.createElement("tr",null,U.map((function(e){var n,t;return c.default.createElement("td",{key:e.id},null!==(t=null===(n=F.find((function(n){return n.assignmentProblemId===e.id})))||void 0===n?void 0:n.score)&&void 0!==t?t:"N/A")})),c.default.createElement("td",null,null!==(e=null==O?void 0:O.score)&&void 0!==e?e:"N/A"))))),(null==O?void 0:O.feedback)?c.default.createElement("p",null,O.feedback):c.default.createElement("p",null,"No feedback provided for this submission."),F.map((function(e){var n;return c.default.createElement("div",null,c.default.createElement("h2",null,"Feedback for ",null===(n=U.find((function(n){return n.id===e.assignmentProblemId})))||void 0===n?void 0:n.problemName,":"),c.default.createElement("pre",null,e.feedback))}))),c.default.createElement("h2",{className:x.default.content_title},"Content"),c.default.createElement(b.default,{onClick:function(){return $.push("/course/".concat(M.courseId,"/assignment/").concat(M.assignmentId,"/submission/").concat(S,"/fileView"))}},"View File"),c.default.createElement("div",{className:x.default.scrollableContent},c.default.createElement("pre",null,M.content))):c.default.createElement("p",null,"Select a submission to view its content.")))))}},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},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\\=\\={margin-top:20px;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,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,mBAAA,CAGJ,4BACI,uBCzDS,CD0DT,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,oBCzEM,CD0EN,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,mDAAA,CACA,cAAA,CAEA,mCACI,6BAAA,CACA,oBCnFE,CDmGV,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    margin-top: 20px;\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\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: 50px;\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),u=o(t(8102)),d=o(t(7065));n.IconLibrary={eye:u.faEye,info:u.faInfoCircle,"arrow-up":u.faArrowUp,"arrow-down":u.faArrowDown,"arrow-right":u.faArrowRight,"arrow-left":u.faArrowLeft,sync:u.faSync,folder:u.faFolder,"folder-open":u.faFolderOpen,file:u.faFile,"file-image":u.faFileImage,"file-pdf":u.faFilePdf,"file-csv":u.faFileCsv,upload:u.faUpload,download:u.faDownload,trash:u.faTrash,eraser:u.faEraser,gift:u.faGift,share:u.faShare,"share-alt":u.faShareAlt,times:u.faTimes,spinner:u.faSpinner,bell:u.faBell,"chart-bar":u.faChartBar,"thumbs-up":u.faThumbsUp,"thumbs-down":u.faThumbsDown,check:u.faCheck,database:u.faDatabase,bars:u.faBars,clone:u.faClone,edit:u.faEdit,plus:u.faPlus,"external-link":u.faExternalLinkAlt,sun:u.faSun,moon:u.faMoon,"caret-down":u.faCaretDown,"user-circle":u.faUserCircle,chalkboard:u.faChalkboard,chalkboardUser:u.faChalkboardUser},n.RegularIconLibrary={clone:d.faClone,trash:d.faTrashAlt,edit:d.faEdit,smile:d.faSmile,frown:d.faFrown,meh:d.faMeh,save:d.faSave,sun:d.faSun,moon:d.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)),u=l(t(790)),d=l(t(3600)),c=["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(d.default.container," ").concat(a)},s.default.createElement(u.default,{label:c[Math.floor(Math.random()*c.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,u=e.className,d=void 0===u?"":u,c=e.tagStyle,A=e.containerStyle;return a.default.createElement(o.Link,{to:t,className:A||i.default.container},s&&a.default.createElement("div",{className:c||i.default.tag,style:{backgroundColor:(n=s,new l.default({hue:{min:90,max:270}}).hex(n))}}),a.default.createElement("div",{className:d},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,".BYm4X9usPnpNJmgddVI9MQ\\=\\={text-align:center;margin-left:250px}.vLwsmY8p2j5F8qcHmJEJXg\\=\\={padding:20px}.ZJQXJ7l3KrNql1-cAUfYJQ\\=\\={display:flex;gap:50px}._67j6x6fbMa0nljfei17kHw\\=\\={flex:1;max-width:250px;padding-right:10px;overflow-y:auto;background-color:var(--list-item-background);border-radius:30px}._34DMnHROi0ejQG16oBUloQ\\=\\={margin-bottom:15px;margin-bottom:15px;cursor:pointer;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:var(--list-item-background);transition:box-shadow .3s ease;padding:10px;margin:10px}._34DMnHROi0ejQG16oBUloQ\\=\\=:hover{box-shadow:0 4px 16px rgba(0,0,0,.2)}.-ZOjQnXSLR3ETy69FUUNjw\\=\\={flex:2;max-height:800px;overflow-y:auto;padding:0 20px;border:1px solid #ddd;color:var(--text-color);border-radius:30px;padding:30px;background-color:var(--list-item-background)}pre{color:var(--text-color);white-space:pre-wrap;word-wrap:break-word;font-size:12px}.KE5avk5yvBvhXHh4tT19mQ\\=\\={background-color:var(--list-item-background)}.T8QyCAoB8fUIjLSrx2g5wQ\\=\\={color:var(--text-color)}.XLkOMDOXasKuanicFx1A\\+g\\=\\={display:inline-block;padding:5px 10px;background-color:var(--secondary);color:var(--text-color);border-radius:5px;font-size:1rem;font-weight:bold;text-align:left;margin-bottom:10px;margin-top:30px}.QfRuoWiMVwAR-RpVOgRgOg\\=\\={max-height:350px;overflow-y:auto;border:1px solid var(--background);padding:10px;background-color:var(--background);border-radius:5px;border:2px solid var(--text-color);padding:0px}p{text-align:left;margin-left:10px}.QfRuoWiMVwAR-RpVOgRgOg\\=\\=::-webkit-scrollbar{width:12px}.QfRuoWiMVwAR-RpVOgRgOg\\=\\=::-webkit-scrollbar-thumb{background-color:var(--purple);border-radius:10px}.QfRuoWiMVwAR-RpVOgRgOg\\=\\=::-webkit-scrollbar-track{background-color:#f0f0f0}.oZCfiiNjKkl3xS1FMZaqYA\\=\\={margin-top:10px;max-height:400px;overflow-y:auto;padding:10px;background-color:var(--list-item-background);border-radius:5px}._81I3xNNoYMQ3NgNUaIRHAQ\\=\\={width:100%;border-collapse:collapse}._81I3xNNoYMQ3NgNUaIRHAQ\\=\\= th,._81I3xNNoYMQ3NgNUaIRHAQ\\=\\= td{padding:8px;text-align:left}._81I3xNNoYMQ3NgNUaIRHAQ\\=\\= th{background-color:var(--list-item-background);font-weight:bold;color:var(--text-color)}._81I3xNNoYMQ3NgNUaIRHAQ\\=\\= tr:nth-child(even){background-color:var(--list-item-background)}.oO38809UhIY5xxFoEnpZow\\=\\={text-align:center}@media(max-width: 768px){._67j6x6fbMa0nljfei17kHw\\=\\={display:none}.BYm4X9usPnpNJmgddVI9MQ\\=\\={margin:10px}}","",{version:3,sources:["webpack://./src/components/pages/submissions/submissionDetailPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAIA,4BACE,iBAAA,CACA,iBAAA,CAGF,4BACI,YAAA,CAGF,4BACE,YAAA,CACA,QAAA,CAGF,6BACE,MAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,4CCNmB,CDOnB,kBAAA,CAGF,6BACE,kBAAA,CACA,kBAAA,CACA,cAAA,CACA,+BAAA,CACA,iBAAA,CACA,mCAAA,CACA,4CCjBmB,CDkBnB,8BAAA,CACA,YAAA,CACA,WAAA,CAGA,mCACI,oCAAA,CAKN,4BACE,MAAA,CACA,gBAAA,CACA,eAAA,CACA,cAAA,CACA,qBAAA,CACA,uBC5CS,CD6CT,kBAAA,CACA,YAAA,CACA,4CCtCmB,CDyCrB,IACE,uBCnDS,CDoDT,oBAAA,CACA,oBAAA,CACA,cAAA,CAGF,4BACE,4CCjDmB,CDqDrB,4BAEE,uBChES,CDoEb,6BACE,oBAAA,CACA,gBAAA,CACA,iCCjEU,CDkEV,uBCxEW,CDyEX,iBAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CAGF,4BACE,gBAAA,CACA,eAAA,CACA,kCAAA,CACA,YAAA,CACA,kCCvFW,CDwFX,iBAAA,CACA,kCAAA,CACA,WAAA,CAEA,EACE,eAAA,CACA,gBAAA,CAGF,+CACE,UAAA,CAGF,qDACE,8BC7DK,CD8DL,kBAAA,CAGF,qDACE,wBAAA,CAGF,4BACI,eAAA,CACA,gBAAA,CACA,eAAA,CACA,YAAA,CACA,4CCzGiB,CD0GjB,iBAAA,CAGJ,6BACE,UAAA,CACA,wBAAA,CAGF,gEAEE,WAAA,CACA,eAAA,CAGF,gCACE,4CCzHmB,CD0HnB,gBAAA,CACA,uBCpIS,CDuIX,gDACE,4CC/HmB,CDkIrB,4BACE,iBAAA,CAGF,yBACE,6BACE,YAAA,CAEH,4BACC,WAAA,CAAA",sourcesContent:["@import 'variables';\n\n\n\n.heading {\n  text-align: center;\n  margin-left:250px;\n\n}\n.scores {\n    padding: 20px;\n  }\n  \n  .submissionsLayout {\n    display: flex;\n    gap: 50px;\n  }\n  \n  .submissionsContainer {\n    flex: 1;\n    max-width: 250px;\n    padding-right: 10px;\n    overflow-y: auto;\n    background-color: $list-item-background;\n    border-radius: 30px;\n  }\n  \n  .submissionCard {\n    margin-bottom: 15px;\n    margin-bottom: 15px;\n    cursor: pointer;\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    border-radius: 8px; \n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); \n    background-color: $list-item-background; \n    transition: box-shadow 0.3s ease; \n    padding: 10px;\n    margin: 10px;\n\n   \n    &:hover {\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); \n    }\n    \n  }\n  \n  .submissionContent {\n    flex: 2;\n    max-height: 800px;\n    overflow-y: auto;\n    padding: 0 20px;\n    border: 1px solid #ddd;\n    color: $text-color;\n    border-radius: 30px;\n    padding:30px;\n    background-color: $list-item-background;\n  }\n  \n  pre {\n    color: $text-color;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    font-size: 12px;\n  }\n  \n  .feedbackContainer{\n    background-color: $list-item-background;\n   \n  }\n\n  .scoreDisplay {\n\n    color:$text-color;\n\n  }\n  \n.content_title{\n  display: inline-block;  \n  padding: 5px 10px;     \n  background-color: $secondary; \n  color: $text-color;        \n  border-radius: 5px;   \n  font-size: 1rem;      \n  font-weight: bold;     \n  text-align: left;    \n  margin-bottom: 10px;  \n  margin-top:30px;\n}\n\n.scrollableContent {\n  max-height: 350px; \n  overflow-y: auto;\n  border: 1px solid $background; \n  padding: 10px;\n  background-color: $background; \n  border-radius: 5px; \n  border: 2px solid $text-color; \n  padding:0px;\n}\n  p{\n    text-align: left;\n    margin-left: 10px;\n  }\n\n  .scrollableContent::-webkit-scrollbar {\n    width: 12px; /* Width of the scrollbar */\n  }\n  \n  .scrollableContent::-webkit-scrollbar-thumb {\n    background-color: $purple; \n    border-radius: 10px; \n  }\n  \n  .scrollableContent::-webkit-scrollbar-track {\n    background-color: #f0f0f0; \n  }\n\n  .problemAnswerContainer {\n      margin-top: 10px;\n      max-height: 400px;\n      overflow-y: auto;\n      padding: 10px;\n      background-color: $list-item-background;\n      border-radius: 5px;\n  }\n\n  .assignmentTable {\n    width: 100%;\n    border-collapse: collapse; \n  }\n  \n  .assignmentTable th, .assignmentTable td {\n   \n    padding: 8px; \n    text-align: left; \n  }\n  \n  .assignmentTable th {\n    background-color: $list-item-background;\n    font-weight: bold; \n    color:$text-color;\n  }\n  \n  .assignmentTable tr:nth-child(even) {\n    background-color: $list-item-background; \n  }\n  \n  .sub_list{\n    text-align: center;\n\n  }\n  @media (max-width: 768px) {\n    .submissionsContainer {\n      display:none;\n    }\n   .heading {\n    margin: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\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: 50px;\n\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n}\n"],sourceRoot:""}]),i.locals={heading:"BYm4X9usPnpNJmgddVI9MQ==",scores:"vLwsmY8p2j5F8qcHmJEJXg==",submissionsLayout:"ZJQXJ7l3KrNql1-cAUfYJQ==",submissionsContainer:"_67j6x6fbMa0nljfei17kHw==",submissionCard:"_34DMnHROi0ejQG16oBUloQ==",submissionContent:"-ZOjQnXSLR3ETy69FUUNjw==",feedbackContainer:"KE5avk5yvBvhXHh4tT19mQ==",scoreDisplay:"T8QyCAoB8fUIjLSrx2g5wQ==",content_title:"XLkOMDOXasKuanicFx1A+g==",scrollableContent:"QfRuoWiMVwAR-RpVOgRgOg==",problemAnswerContainer:"oZCfiiNjKkl3xS1FMZaqYA==",assignmentTable:"_81I3xNNoYMQ3NgNUaIRHAQ==",sub_list:"oO38809UhIY5xxFoEnpZow=="};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)),u=t(4625),d=t(833),c=t(2883),A=l(t(2313)),p=l(t(8331)),f=l(t(2287)),g=l(t(5954)),m=l(t(3384)),b=l(t(8588));n.default=function(e){var n=(0,u.useParams)().userId,t=i((0,d.useActionless)(c.UPDATE_USER),1)[0],r=i((0,s.useState)(!0),2),a=r[0],o=r[1],l=i((0,s.useState)({}),2),C=l[0],h=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(h).catch(y).finally((function(){return o(!1)}))}),[]),a?s.default.createElement(g.default,{delay:250}):x?s.default.createElement(p.default,{error:x}):s.default.createElement(f.default,{className:b.default.container},s.default.createElement(m.default,{user:C,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 u=i(t(6540)),d=t(2217),c=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,g=e.value,m=e.invalidated,b=e.helpText,C=e.variant,h=void 0===C?"outlined":C,v=e.sx,x=e.multiline,y=e.rows,w=l((0,u.useState)((0,c.getCssVariables)()),2),k=w[0],E=w[1];return(0,u.useEffect)((function(){var e=new MutationObserver((function(){return E((0,c.getCssVariables)())}));return e.observe(document.body,{attributes:!0}),function(){return e.disconnect()}})),u.default.createElement("div",{className:"".concat(A.default.textField," ").concat(a)},u.default.createElement(d.TextField,r({},m&&{error:!0},{disabled:p,helperText:b,id:s,className:A.default.input,placeholder:i,variant:h,label:o,defaultValue:f,value:g,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)),u=t(833),d=t(9218),c=t(8280),A=l(t(5892)),p=l(t(9259));n.default=function(){var e=(0,u.useAppSelector)((function(e){return e.active.alert})),n=i((0,u.useActionless)(d.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,c.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])}}},u=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},d=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var c=i(t(6540)),A=t(4625),p=d(t(2287)),f=d(t(6152)),g=d(t(2313)),m=d(t(8331)),b=d(t(5954)),C=t(833),h=t(9218),v=d(t(4868)),x=t(5127),y=t(4625),w=d(t(9991));n.default=function(){var e=u((0,C.useActionless)(h.SET_ALERT),1)[0],n=(0,A.useHistory)(),t=(0,A.useParams)(),a=t.assignmentId,o=t.courseId,i=(0,C.useAppSelector)((function(e){return e.user.id})),d=(0,C.useAppSelector)((function(e){return e.roleMode})),k=u((0,c.useState)(null),2),E=k[0],$=k[1],B=u((0,c.useState)(!0),2),S=B[0],_=B[1],D=u((0,c.useState)({}),2),I=D[0],O=D[1],P=u((0,c.useState)(),2),j=P[0],F=(P[1],u((0,c.useState)(new Array),2)),N=F[0],T=F[1],M=u((0,c.useState)(new Array),2),G=M[0],Q=M[1],U=u((0,c.useState)(),2),R=U[0],L=U[1],J=u((0,c.useState)(),2),z=J[0],Y=J[1],W=u((0,c.useState)(!0),2),q=W[0],H=W[1],V=u((0,c.useState)(!1),2),X=V[0],Z=(V[1],(0,y.useLocation)());(0,c.useEffect)((function(){K()}),[Z]);var K=function(){return l(void 0,void 0,void 0,(function(){var n,t,r,i,l;return s(this,(function(s){switch(s.label){case 0:return s.trys.push([0,5,6,7]),[4,g.default.get("/api/course/".concat(o,"/assignments/").concat(a))];case 1:return n=s.sent(),L(n),[4,g.default.get("/api/courses/".concat(o))];case 2:return t=s.sent(),Y(t),[4,g.default.get("/api/course/".concat(o,"/assignment/").concat(a,"/assignment-problems/"))];case 3:return r=s.sent(),T(r),[4,g.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),[3,7];case 5:return l=s.sent(),$(l),e({autoDelete:!1,type:"error",message:"Submission past due date"}),[3,7];case 6:return _(!1),[7];case 7:return[2]}}))}))};if(S)return c.default.createElement(b.default,{delay:250});if(E)return c.default.createElement(m.default,{error:E});var ee=function(e,n){console.log(n),console.log(e);var t=n.target.id;O((function(e){var a;return r(r({},e),((a={})[t]=n.target.value,a))}))};return c.default.createElement(p.default,null,c.default.createElement("div",{className:v.default.header},c.default.createElement("h1",{style:{gridColumnStart:2}},"Submit Assignment"),c.default.createElement("button",{style:{marginLeft:"auto"},className:"btnPrimary",onClick:function(){n.goBack()}},"Back to Course")),c.default.createElement("div",{className:v.default.details},c.default.createElement("div",{className:v.default.assignmentDetails},c.default.createElement("h2",null,null==z?void 0:z.number," - ",null==R?void 0:R.name),c.default.createElement("div",null,null==R?void 0:R.description)),c.default.createElement("div",{className:v.default.submissionDetails},c.default.createElement("span",{className:v.default.metaText},c.default.createElement("strong",null,"Due Date: "),(null==R?void 0:R.dueDate)?(0,x.fullWordPrintDate)(null==R?void 0:R.dueDate):"N/A"),c.default.createElement("span",{className:v.default.metaText},c.default.createElement("strong",null,"Available Until: "),(null==R?void 0:R.endDate)?(0,x.fullWordPrintDate)(null==R?void 0:R.dueDate):"N/A"),c.default.createElement("span",{className:v.default.metaText},c.default.createElement("strong",null,"Submissions Made: "),G.length+"/"+(null==R?void 0:R.maxSubmissions)),c.default.createElement("span",null,c.default.createElement("a",{onClick:function(){return n.push("/course/".concat(o,"/assignment/").concat(a,"/submissions"))},style:{color:"#075D92",textDecoration:"underline",cursor:"pointer"}},"View Handin History")))),c.default.createElement("div",{className:v.default.details,style:{marginTop:"20px"}},c.default.createElement("div",{className:v.default.assignmentDetails},c.default.createElement("span",{className:v.default.metaText},c.default.createElement("strong",null,"Assignment Category: "),null==R?void 0:R.categoryName),c.default.createElement("span",{className:v.default.metaText},c.default.createElement("strong",null,"Attachments: "),null==R?void 0:R.attachmentsFilenames," ")),d.isInstructor()&&c.default.createElement("div",{className:v.default.options_section},c.default.createElement("button",{className:"btnPrimary ".concat(v.default.parallel_button),onClick:function(){n.push("/course/".concat(o,"/assignment/").concat(a,"/update"))}},"Edit Assignment"),c.default.createElement("button",{className:"btnPrimary ".concat(v.default.parallel_button)},"Grade Submissions"),c.default.createElement("button",{className:"btnPrimary ".concat(v.default.parallel_button)},"Scoreboard"))),c.default.createElement("div",{className:v.default.problems_section},c.default.createElement("div",{className:v.default.problems_list},c.default.createElement("h3",{style:{textAlign:"center"}},"Problems"),0!=N.length?N.map((function(e){return c.default.createElement("div",{key:e.id,className:v.default.problem},c.default.createElement("h4",{className:v.default.problem_header},e.problemName),c.default.createElement(f.default,{className:v.default.textField,placeholder:"Answer",onChange:ee,id:e.problemName,sx:{width:"100%",marginLeft:.1}}))})):c.default.createElement("div",{style:{fontStyle:"italic",textAlign:"center",marginTop:"10px"}}," No problems yet..."),!function(){if(null==R?void 0:R.dueDate){var e=new Date(R.dueDate);return new Date>e}return!1}()&&N&&N.length>0?c.default.createElement("div",{className:v.default.submit_container},c.default.createElement("div",{className:v.default.affirmation},c.default.createElement("input",{type:"checkbox",onClick:function(){H(!q)}}),c.default.createElement("span",{className:v.default.affirmText},"I affirm that I have complied with this course’s academic integrity policy as defined in the syllabus.")),c.default.createElement("button",{className:"btnPrimary",style:{marginTop:"40px"},onClick:function(){return l(void 0,void 0,void 0,(function(){var n,t,r,l,u,d;return s(this,(function(s){switch(s.label){case 0:t={filepaths:[],form:I},r={userId:i,assignmentId:a,courseId:o,content:JSON.stringify(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,g.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,g.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,g.default.post("/api/course/".concat(o,"/grade/").concat(n.id),{})];case 6:return s.sent(),e({autoDelete:!0,type:"success",message:"Submission Graded"}),[4,K()];case 7:return s.sent(),[3,11];case 8:return u=s.sent(),d=Array.isArray(u)?u.map((function(e){return"".concat(e.param," ").concat(e.msg)})).join(", "):u.message,e({autoDelete:!1,type:"error",message:d}),[3,11];case 9:return _(!1),[4,K()];case 10:return s.sent(),[7];case 11:return[2]}}))}))},disabled:q},"Submit Assignment")):null)),c.default.createElement("div",null,c.default.createElement("div",{className:v.default.submissionsContainer},G.map((function(e,t){return c.default.createElement("div",{className:v.default.submissionCard,key:t},c.default.createElement("div",{onClick:function(){n.push("/course/".concat(o,"/assignment/").concat(a,"/submission/").concat(e.id))}},c.default.createElement("div",null,c.default.createElement("div",{className:v.default.submissionHeading},"Submission ".concat(G.length-t)),c.default.createElement("div",{className:v.default.submissionTime},"Submitted at: ".concat(e.createdAt&&(0,x.prettyPrintDateTime)(e.createdAt))))))})),X&&c.default.createElement("div",{className:v.default.scoreboardContainer},c.default.createElement(w.default,{courseId:o,assignmentId:a})))))}},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;background:none;border:2px solid #ccc}.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}.AEmSgdYD-Hedu9f-YqEBkw\\=\\={border-bottom:1px solid #ddd;display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:center}.VemeQoohnM6vXaiyK8LlTw\\=\\={text-align:left;margin:5px 0;color:var(--text-color)}.z8n4uSvwqczAacdZQdd2mg\\=\\={margin-right:5px;color:#075d92;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:5px 15px;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,CAEJ,4BACI,YAAA,CACA,iCAAA,CACA,kBAAA,CAEJ,6BACI,gBAAA,CAOJ,4BACI,SAAA,CACA,kBAAA,CAIJ,6BACI,YAAA,CACA,qBAAA,CACA,cAAA,CACA,QAAA,CACA,kBAAA,CAGJ,4BACI,kBAAA,CACA,eAAA,CACA,eAAA,CACA,qBAAA,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,8BC5CgB,CD6ChB,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,kDChGyB,CDiGzB,kBAAA,CAGJ,4BACI,4BAAA,CACA,YAAA,CACA,qBAAA,CACA,UAAA,CACA,sBAAA,CACA,sBAAA,CAIJ,4BACI,eAAA,CACA,YAAA,CACA,uBC3HS,CD8Hb,4BACI,gBAAA,CACA,aAAA,CACA,SAAA,CACA,eAAA,CACA,yBAAA,CAGJ,6BACI,eAAA,CACA,gBCrGE,CDsGF,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.pageHeader{\n    display: grid;\n    grid-template-columns: 1fr 2fr 1fr;\n    align-items: center;\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    background: none;\n    border: 2px solid #ccc;\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.problem{\n    border-bottom: 1px solid #ddd;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    align-items: flex-start;\n    justify-content:center;\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: #075D92;\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: 5px 15px;\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\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: 50px;\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==",problem:"AEmSgdYD-Hedu9f-YqEBkw==",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.__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))},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=i(t(6540));t(596);var c=t(4625),A=u(t(2287)),p=u(t(2313)),f=t(833),g=u(t(6152)),m=u(t(87)),b=u(t(5952)),C=t(9218),h=t(4208),v=u(t(4598)),x=u(t(3992)),y=u(t(2514)),w=t(8280),k=t(2217),E=u(t(1256));n.default=function(){var e=(0,c.useParams)().assignmentId,n=(0,c.useParams)().courseId,t=l((0,f.useActionless)(C.SET_ALERT),1)[0],a=parseInt(e),o=l((0,d.useState)([]),2),i=o[0],u=o[1],$=l((0,d.useState)([]),2),B=$[0],S=$[1],_=l((0,d.useState)([]),2),D=_[0],I=_[1],O=l((0,d.useState)(new Map),2),P=O[0],j=O[1],F=l((0,d.useState)(!1),2),N=F[0],T=F[1],M=l((0,d.useState)([]),2),G=M[0],Q=M[1],U=(0,c.useHistory)(),R=l((0,d.useState)((0,w.getCssVariables)()),2),L=R[0],J=R[1];(0,d.useEffect)((function(){var e=new MutationObserver((function(){return J((0,w.getCssVariables)())}));return e.observe(document.body,{attributes:!0}),function(){return e.disconnect()}}));var z=l((0,d.useState)({courseId:parseInt(n),name:"",categoryName:"",description:"",maxFileSize:0,maxSubmissions:0,disableHandins:!1,dueDate:"",endDate:"",startDate:""}),2),Y=z[0],W=z[1],q=l((0,d.useState)({assignmentId:a,problemName:"",maxScore:-1}),2),H=q[0],V=q[1],X=function(){T(!1)};(0,d.useEffect)((function(){-1!==H.maxScore&&T(!0)}),[H]);var Z=function(e,n){var t=n.target.id,a=(0,h.removeClassFromField)(P,t);j(a),W((function(n){var a;return r(r({},n),((a={})[t]=e,a))}))},K=function(e,n){var t=n.target.id;V((function(n){var a;return r(r({},n),((a={})[t]=e,a))}))},ee=function(){p.default.get("/api/course/".concat(n,"/assignment/").concat(a,"/assignment-problems")).then((function(e){u(e)}))};(0,d.useEffect)((function(){p.default.get("/api/course/".concat(n,"/assignments/").concat(e)).then((function(e){W(e)}))}),[]),(0,d.useEffect)((function(){p.default.get("/api/course/".concat(n,"/assignment/").concat(e,"/assignment-problems")).then((function(e){u(e)}))}),[]),(0,d.useEffect)((function(){p.default.get("/api/course/".concat(n,"/assignment/").concat(e,"/non-container-auto-graders")).then((function(e){S(e)}))}),[]),(0,d.useEffect)((function(){p.default.get("/api/course/".concat(n,"/assignment/").concat(e,"/container-auto-graders")).then((function(e){I(e)}))}),[]);var ne=l((0,d.useState)(!1),2),te=ne[0],re=ne[1];return d.default.createElement(A.default,null,d.default.createElement(v.default,{open:N,onClose:X},d.default.createElement(y.default,{sx:{bgcolor:L.listItemBackground}},d.default.createElement("h3",{className:b.default.header},"Edit Problem"),d.default.createElement(g.default,{id:"problemName",label:"Problem Name",onChange:K,value:H?H.problemName:""}),d.default.createElement(g.default,{id:"maxScore",label:"Max Score",onChange:K,value:H?H.maxScore.toString():""}),d.default.createElement(x.default,null,d.default.createElement(m.default,{onClick:function(){var e={assignmentId:H.assignmentId,problemName:H.problemName,maxScore:H.maxScore};p.default.put("/api/course/".concat(n,"/assignment/").concat(a,"/assignment-problems/").concat(H.id),e).then((function(){t({autoDelete:!0,type:"success",message:"Problem Updated"}),T(!1),ee()}))}},"Save"),d.default.createElement(m.default,{onClick:X},"Close")))),d.default.createElement(E.default,{open:te,onClose:function(){re(!1)}}),d.default.createElement("div",{className:b.default.pageHeader},d.default.createElement("h1",{style:{gridColumnStart:2}},"Edit Assignment"),d.default.createElement(m.default,{className:"btnPrimary ".concat(b.default.backToCourse),onClick:function(){U.goBack()}},"back to course")),d.default.createElement("div",{className:b.default.grid},d.default.createElement("div",{className:b.default.form},d.default.createElement("h2",{className:b.default.header},"Edit Info"),d.default.createElement("div",{className:b.default.textFieldContainer},d.default.createElement("div",null,d.default.createElement("div",{className:b.default.textFieldHeader},"Assignment Category: "),d.default.createElement(g.default,{id:"categoryName",onChange:Z,invalidated:!!P.get("categoryName"),className:b.default.textField,helpText:P.get("categoryName"),value:Y.categoryName,sx:{width:"100%"}})),d.default.createElement("div",null,d.default.createElement("div",{className:b.default.textFieldHeader},"Assignment Name: "),d.default.createElement(g.default,{id:"name",onChange:Z,invalidated:!!P.get("name"),helpText:P.get("name"),className:b.default.textField,value:Y.name,sx:{width:"100%","& .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input":{padding:"15px"}}})),d.default.createElement("div",null,d.default.createElement("div",{className:b.default.textFieldHeader},"Description: ",d.default.createElement("span",{style:{fontStyle:"italic",color:"var(--grey)"}},"(optional)")," "),d.default.createElement(g.default,{id:"description",onChange:Z,multiline:!0,rows:3,invalidated:!!P.get("description"),className:b.default.textField,placeholder:"Provide an optional description...",helpText:P.get("description"),value:Y.description?Y.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"}}}))),d.default.createElement("div",{className:b.default.submissionsContainer},d.default.createElement("div",null,d.default.createElement("div",{className:b.default.textFieldHeader},"Max Submissions: "),d.default.createElement(g.default,{id:"maxSubmissions",onChange:Z,invalidated:!!P.get("maxSubmission"),className:b.default.textField,helpText:P.get("maxSubmission"),value:Y.maxSubmissions?Y.maxSubmissions.toString():"",sx:{width:"100%",marginLeft:.1}})),d.default.createElement("div",null,d.default.createElement("div",{className:b.default.textFieldHeader},"Max File Size: "),d.default.createElement(g.default,{id:"maxFileSize",onChange:Z,invalidated:!!P.get("maxFileSize"),className:b.default.textField,helpText:P.get("maxFileSize"),value:Y.maxFileSize?Y.maxFileSize.toString():"",sx:{width:"100%",marginLeft:.1}}))),d.default.createElement("div",{className:b.default.datepickerContainer},d.default.createElement("label",{htmlFor:"start_date"},"Start Date *"),d.default.createElement("label",{htmlFor:"due_date"},"Due Date *"),d.default.createElement("label",{htmlFor:"end_date"},"End Date *"),d.default.createElement("input",{type:"datetime-local",id:"start_date",style:{textWrap:"wrap"},value:Y.startDate.slice(0,-1),onChange:function(e){W((function(n){return r(r({},n),{startDate:e.target.value})}))}}),d.default.createElement("input",{type:"datetime-local",id:"due_date",value:Y.dueDate.slice(0,-1),onChange:function(e){W((function(n){return r(r({},n),{dueDate:e.target.value})}))}}),d.default.createElement("input",{type:"datetime-local",id:"end_date",value:Y.startDate.slice(0,-1),onChange:function(e){W((function(n){return r(r({},n),{endDate:e.target.value})}))}})),d.default.createElement("h2",{className:b.default.header},"Attachments"),0!=G.length?d.default.createElement("div",{className:b.default.filesList},d.default.createElement("span",null,"Files:"),G.slice(0,-1).map((function(e,n){return d.default.createElement("div",{key:n},d.default.createElement("span",null," ","".concat(e.name,",")))})),d.default.createElement("div",{key:G.length-1},d.default.createElement("span",null," ","".concat(G[G.length-1].name)))):d.default.createElement("div",{className:b.default.filesList,style:{fontStyle:"italic"}},"No files attached"),d.default.createElement("input",{type:"file",id:"fileUp",onChange:function(e){if(e.target.files){var n=e.target.files[0];G.length<5&&Q(s(s([],l(G),!1),[n],!1))}},hidden:!0}),d.default.createElement("label",{htmlFor:"fileUp"},d.default.createElement(k.StyledEngineProvider,{injectFirst:!0},d.default.createElement(k.Button,{disableRipple:!0,component:"span",className:b.default.fileUpload},"choose files")))),d.default.createElement("div",{className:b.default.problemsList},d.default.createElement("h2",{className:b.default.header},"Add Problems"),d.default.createElement("div",{className:b.default.buttonContainer},d.default.createElement(m.default,{onClick:function(){return t({autoDelete:!0,type:"error",message:"Setup Code/File Input creation modal"})},className:"btnSecondary"},"Code/File Input"),d.default.createElement(m.default,{onClick:function(){re(!0)},className:"btnSecondary"},"Text Input"),d.default.createElement(m.default,{onClick:function(){return t({autoDelete:!0,type:"error",message:"Setup Multiple Choice creation modal"})},className:"btnSecondary"},"Multiple Choice")),d.default.createElement("h2",{className:b.default.header},"Add Graders"),d.default.createElement("div",{className:b.default.buttonContainer},d.default.createElement(m.default,{onClick:function(){U.push("createCAG")},className:"btnSecondary"},"Code Grader"),d.default.createElement(m.default,{onClick:function(){U.push("createNCAG")},className:"btnSecondary"},"Non-code Grader")),d.default.createElement("h2",{className:b.default.header},"Graders"),0!=B.length&&B.map((function(e){return d.default.createElement("div",null,d.default.createElement("span",{style:{fontStyle:"italic"}},e.question)," -",d.default.createElement("span",{style:{color:"var(--grey)"}}," Non-Code Grader"))})),0!=D.length&&D.map((function(e){return d.default.createElement("div",null,d.default.createElement("span",{style:{fontStyle:"italic"}},e.autogradingImage)," -",d.default.createElement("span",{style:{color:"var(--grey)"}}," Code Grader"))})),0==B.length&&0==D.length&&d.default.createElement("div",{style:{fontStyle:"italic"}},"No graders yet"),d.default.createElement("h2",{className:b.default.header},"Problems"),0!=i.length?i.map((function(e){return d.default.createElement("div",{key:e.id,className:b.default.problem},d.default.createElement("h3",{style:{margin:"0 0 10px 0"}},e.problemName),d.default.createElement(g.default,{className:b.default.textField,placeholder:"Answer",sx:{width:"100%",marginLeft:.1,pointerEvents:"none"}}),d.default.createElement("div",{style:{margin:"5px 0 10px 0"}},d.default.createElement(m.default,{className:b.default.editProblem,onClick:function(){void 0!==e&&function(e){e===H?T(!0):V(e)}(e)}},"edit"),"|",d.default.createElement(m.default,{className:b.default.deleteButton,onClick:function(){var r;void 0!==e&&void 0!==e.id&&(r=e.id,p.default.delete("/api/course/".concat(n,"/assignment/").concat(a,"/assignment-problems/").concat(r)).then((function(){t({autoDelete:!0,type:"success",message:"Problem Deleted"}),ee()})))}},"delete")))})):d.default.createElement("div",{style:{fontStyle:"italic"}},"No problems yet"))),d.default.createElement("div",{style:{display:"flex",justifyContent:"center",margin:"20px"}},d.default.createElement(m.default,{onClick:function(){var e={courseId:Y.courseId,name:Y.name,startDate:Y.startDate,dueDate:Y.dueDate,endDate:Y.endDate,categoryName:Y.categoryName,description:Y.description,maxFileSize:Y.maxFileSize,maxSubmissions:Y.maxSubmissions,disableHandins:Y.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<G.length;o++)r.append("files",G[o]);p.default.putMultipart("/api/course/".concat(n,"/assignments/").concat(a),r).then((function(){t({autoDelete:!0,type:"success",message:"Assignment Updated"}),U.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,h.applyMessageToErrorFields)(r,e.param,e.msg)})),j(r),t({autoDelete:!1,type:"error",message:n})})).finally((function(){}))},className:"btnPrimary"},"save and 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},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),c=u(t(2287)),A=t(833),p=u(t(2313)),f=t(9218),g=t(4625),m=u(t(5954)),b=u(t(8729)),C=u(t(564));n.default=function(){var e=s((0,d.useState)(!0),2),n=e[0],t=e[1],r=s((0,A.useActionless)(f.SET_ALERT),1)[0],a=(0,g.useParams)().courseId,o=s((0,d.useState)(!1),2),u=o[0],h=o[1],v=s((0,d.useState)(),2),x=v[0],y=v[1],w=s((0,d.useState)(),2),k=w[0],E=w[1],$=(0,A.useAppSelector)((function(e){return e.user.id})),B=(0,g.useHistory)();return(0,d.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,d.useEffect)((function(){k?h(!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?d.default.createElement(m.default,{delay:250}):(u&&B.push("/course/".concat(a)),d.default.createElement(c.default,null,d.default.createElement("h1",null,"Course Preview Page"),d.default.createElement("h2",null,null==x?void 0:x.name),d.default.createElement("p",null,null==x?void 0:x.number),d.default.createElement("p",null,null==x?void 0:x.semester),d.default.createElement(b.default,{variant:"contained",className:C.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,iBC+Dc,CD7Dd,WAAA,CACA,WCoEQ,CDlER,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\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: 50px;\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(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",{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},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),c=t(4625),A=t(833),p=u(t(2287)),f=u(t(5954)),g=u(t(8331)),m=u(t(2313)),b=u(t(5789));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),C=u[0],h=u[1],v=s((0,d.useState)([]),2),x=v[0],y=v[1],w=(0,A.useAppSelector)((function(e){return e.roleMode})),k=(0,c.useParams)().courseId,E=(0,A.useAppSelector)((function(e){return e.user.id})),$=(0,c.useHistory)(),B=s((0,d.useState)(""),2),S=B[0],_=B[1];(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,4,5,6]),[4,m.default.get("/api/course/".concat(k,"/assignments/released"))];case 1:return e=i.sent(),h(e),[4,m.default.get("/api/course/".concat(k,"/assignment-scores/user/").concat(E))];case 2:return n=i.sent(),y(n),[4,m.default.get("/api/courses/".concat(k))];case 3:return r=i.sent(),_(r.name),[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 d.default.createElement(f.default,{delay:250});if(a)return d.default.createElement(g.default,{error:a});var I=C.filter((function(e){return"Homework"===e.categoryName})),O=C.filter((function(e){return"Lecture Questions"===e.categoryName})),P=C.filter((function(e){return"Project"===e.categoryName}));return d.default.createElement(p.default,{className:b.default.pageWrapper},d.default.createElement("div",{className:b.default.header},d.default.createElement("h1",{className:b.default.pageTitle},S," Gradebook"),d.default.createElement("div",{className:b.default.buttonContainer},w.isInstructor()&&d.default.createElement("button",{className:"btnSecondary",id:"createCoursBtn",onClick:function(){$.push("/course/".concat(k,"/gradebook/instructor"))}},"Instructor View"),d.default.createElement("button",{className:"btnPrimary",id:"backToCourse",onClick:function(){$.goBack()}},"Back to Course"))),d.default.createElement("div",{className:b.default.gradebookGrid},d.default.createElement("div",{className:b.default.section},d.default.createElement("div",{className:b.default.sectionHeader},d.default.createElement("span",null,"Homeworks"),d.default.createElement("span",{className:b.default.headerRight},d.default.createElement("span",null,"Late Days"),d.default.createElement("span",null,"Score"))),d.default.createElement("table",{className:b.default.gradeTable},d.default.createElement("tbody",null,I.length>0?I.map((function(e){var n,t;return d.default.createElement("tr",{key:e.id},d.default.createElement("td",null,d.default.createElement("a",{href:"/assignment/".concat(e.id),className:b.default.assignmentLink},e.name)),d.default.createElement("td",null,"0"),d.default.createElement("td",null,null!==(t=null===(n=x.find((function(n){return n.assignmentId===e.id})))||void 0===n?void 0:n.score)&&void 0!==t?t:"N/A"))})):d.default.createElement("tr",null,d.default.createElement("td",{colSpan:3,className:b.default.noAssignments},"No assignments yet")),d.default.createElement("tr",{className:b.default.categoryRow},d.default.createElement("td",{colSpan:2,className:b.default.categoryText},"Category Average"),d.default.createElement("td",{className:b.default.categoryValue},function(){if(0===I.length)return"N/A";var e=I.reduce((function(e,n){var t;return e+((null===(t=x.find((function(e){return e.assignmentId===n.id})))||void 0===t?void 0:t.score)||0)}),0);return(e/I.length).toFixed(1)}()))))),d.default.createElement("div",{className:b.default.section},d.default.createElement("div",{className:b.default.sectionHeader},d.default.createElement("span",null,"Lecture Questions"),d.default.createElement("span",{className:b.default.headerRight},d.default.createElement("span",null,"Late Days"),d.default.createElement("span",null,"Score"))),O.length>0?d.default.createElement("table",{className:b.default.gradeTable},d.default.createElement("tbody",null,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,"0"),d.default.createElement("td",null,null!==(t=null===(n=x.find((function(n){return n.assignmentId===e.id})))||void 0===n?void 0:n.score)&&void 0!==t?t:"N/A"))})))):d.default.createElement("div",{className:b.default.noAssignments},"No assignments yet")),d.default.createElement("div",{className:b.default.section},d.default.createElement("div",{className:b.default.sectionHeader},d.default.createElement("span",null,"Project"),d.default.createElement("span",{className:b.default.headerRight},d.default.createElement("span",null,"Late Days"),d.default.createElement("span",null,"Score"))),P.length>0?d.default.createElement("table",{className:b.default.gradeTable},d.default.createElement("tbody",null,P.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,"0"),d.default.createElement("td",null,null!==(t=null===(n=x.find((function(n){return n.assignmentId===e.id})))||void 0===n?void 0:n.score)&&void 0!==t?t:"N/A"))})))):d.default.createElement("div",{className:b.default.noAssignments},"No assignments yet")),d.default.createElement("div",{className:b.default.courseAverage},d.default.createElement("span",null,"Course Average"),d.default.createElement("span",null,0===x.length?0:(x.reduce((function(e,n){return e+(n.score||0)}),0)/x.length).toFixed(1)))))}},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}},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;background-color:var(--background);color:var(--text-color);min-height:100vh;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:90%;max-width:1000px;margin-bottom:20px;gap:12px}.MOtaunUscfCmZgIUdswqBQ\\=\\= .\\-4cjphlQ2cs0KSaSsMmIeQ\\=\\= input{flex-grow:1;padding:10px;border:1px solid var(--input-border);background-color:var(--input-field-background);color:var(--text-color);border-radius:12px;font-size:1rem}.MOtaunUscfCmZgIUdswqBQ\\=\\= .\\-4cjphlQ2cs0KSaSsMmIeQ\\=\\= button{padding:10px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:bold;cursor:pointer;transition:.2s}.MOtaunUscfCmZgIUdswqBQ\\=\\= .\\-4cjphlQ2cs0KSaSsMmIeQ\\=\\= ._8CeRxxOZvYIwi1VyFbwuXQ\\=\\={margin-left:auto;background-color:var(--primary)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\={width:96%;max-width:1200px;margin:10px auto;border-radius:8px;overflow:hidden}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table{width:100%;border-collapse:collapse}.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:nth-child(even){background-color:var(--table-row-even)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table tr:nth-child(odd){background-color:var(--table-row-odd)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= table tr:hover{background-color:var(--list-item-background-hover)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= .ZXE6lXWMsbYOLJlM9NbbTg\\=\\={background-color:var(--primary);color:#fff;border:none;padding:10px 14px;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:bold;transition:.2s;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= .ZXE6lXWMsbYOLJlM9NbbTg\\=\\=:hover{background-color:var(--secondary-darker)}.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\= .ZXE6lXWMsbYOLJlM9NbbTg\\=\\=:disabled{background-color:var(--grey-lighter);cursor:not-allowed}@media(max-width: 1000px){.MOtaunUscfCmZgIUdswqBQ\\=\\= .XqQOD2VLs33pw9oRVQNZHg\\=\\={width:100%;overflow-x:auto}.MOtaunUscfCmZgIUdswqBQ\\=\\= .\\-4cjphlQ2cs0KSaSsMmIeQ\\=\\={flex-direction:column;align-items:flex-start}}',"",{version:3,sources:["webpack://./src/components/pages/listPages/courses/coursesListPage.scss","webpack://./src/assets/variables.scss"],names:[],mappings:"AAEA,4BACE,sDC+EY,CD9EZ,kCCGW,CDFX,uBCGW,CDFX,gBAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CAGA,wDACE,YAAA,CACA,kBAAA,CACA,SAAA,CACA,gBAAA,CACA,6BAAA,CACA,aAAA,CAEA,oFACE,cAAA,CACA,gBAAA,CACA,oBCZI,CDaJ,oBAAA,CACA,cAAA,CAEA,0FACE,sBCdI,CDkBR,oFACE,eAAA,CACA,iCCiCiB,CD5BrB,wDACE,gBAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CAIF,yDACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,SAAA,CACA,gBAAA,CACA,kBAAA,CACA,QAAA,CAEA,+DACE,WAAA,CACA,YAAA,CACA,oCAAA,CACA,8CCMmB,CDLnB,uBCrDO,CDsDP,kBAAA,CACA,cAAA,CAGF,gEACE,iBAAA,CACA,+BCzDI,CD0DJ,UAAA,CACA,WAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CACA,cAAA,CACA,cAAA,CAIF,sFACE,gBAAA,CACA,+BCtEI,CD2ER,wDACE,SAAA,CACA,gBAAA,CACA,gBAAA,CACA,iBAAA,CACA,eAAA,CAEA,8DACI,UAAA,CACA,wBAAA,CAEA,kIACI,iBAAA,CACA,YAAA,CACA,mCAAA,CAGJ,iEACI,+BC7FF,CD8FE,UAAA,CACA,gBAAA,CACA,yBAAA,CAGJ,iFACI,sCCnFK,CDsFT,gFACI,qCCtFI,CDyFR,uEACI,kDCrGiB,CD0GzB,oFACI,+BClHE,CDmHF,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,cAAA,CACA,cAAA,CACA,gBAAA,CACA,cAAA,CACA,8DCtDK,CDwDL,0FACI,wCC1HO,CD6HX,6FACI,oCCzGG,CD0GH,kBAAA,CAMV,0BACE,wDACE,UAAA,CACA,eAAA,CAGF,yDACE,qBAAA,CACA,sBAAA,CAAA",sourcesContent:["@import 'variables';\n\n.coursesListPage {\n  font-family: $font-family;\n  background-color: $background;\n  color: $text-color;\n  min-height: 100vh;\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: 90%;\n    max-width: 1000px;\n    margin-bottom: 20px;\n    gap: 12px;\n\n    input {\n      flex-grow: 1;\n      padding: 10px;\n      border: 1px solid $input-border;\n      background-color: $input-field-background;\n      color: $text-color;\n      border-radius: 12px;\n      font-size: 1rem;\n    }\n\n    button {\n      padding: 10px 16px;\n      background-color: $primary;\n      color: white;\n      border: none;\n      border-radius: 12px;\n      font-size: 1rem;\n      font-weight: bold;\n      cursor: pointer;\n      transition: 0.2s;\n\n    }\n\n    .joinWithCodeButton {\n      margin-left: auto; \n      background-color: $primary;\n    }\n  }\n\n  /* Table Styling */\n  .tableContainer {\n    width: 96%;\n    max-width: 1200px;\n    margin: 10px auto;\n    border-radius: 8px;\n    overflow: hidden;\n\n    table {\n        width: 100%;\n        border-collapse: collapse;\n\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:nth-child(even) {\n            background-color: $table-row-even;\n        }\n\n        tr:nth-child(odd) {\n            background-color: $table-row-odd;\n        }\n\n        tr:hover {\n            background-color: $list-item-background-hover;\n        }\n    }\n\n    /* Join Button */\n    .joinButton {\n        background-color: $primary;\n        color: white;\n        border: none;\n        padding: 10px 14px;\n        border-radius: 20px; /* ✅ Makes button rounded */\n        cursor: pointer;\n        font-size: 1rem;\n        font-weight: bold;\n        transition: 0.2s;\n        box-shadow: $box-shadow;\n\n        &:hover {\n            background-color: $secondary-darker;\n        }\n\n        &:disabled {\n            background-color: $grey-lighter; \n            cursor: not-allowed;\n        }\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    }\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\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: 50px;\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==",joinWithCodeButton:"_8CeRxxOZvYIwi1VyFbwuXQ==",tableContainer:"XqQOD2VLs33pw9oRVQNZHg==",joinButton:"ZXE6lXWMsbYOLJlM9NbbTg=="};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{width:100%;border-collapse:collapse}.SjsJhgDI2slmQguvBXUMmg\\=\\= th{background-color:var(--primary);color:#fff}.SjsJhgDI2slmQguvBXUMmg\\=\\= th,.SjsJhgDI2slmQguvBXUMmg\\=\\= td{padding:10px;text-align:left}.SjsJhgDI2slmQguvBXUMmg\\=\\= tr{border-bottom:1px solid #ccc}.SjsJhgDI2slmQguvBXUMmg\\=\\= tr:last-of-type{border-bottom-right-radius:10px;border-bottom:none}.SjsJhgDI2slmQguvBXUMmg\\=\\= th:first-of-type{border-top-left-radius:10px}.SjsJhgDI2slmQguvBXUMmg\\=\\= th:last-of-type{border-top-right-radius:10px}.SjsJhgDI2slmQguvBXUMmg\\=\\= td:first-of-type{border-bottom-left-radius:10px}.SjsJhgDI2slmQguvBXUMmg\\=\\= td:last-of-type{border-bottom-right-radius:10px;border-bottom:none}.SjsJhgDI2slmQguvBXUMmg\\=\\= .bKn9f\\+PN-jJcN9KhbfDpnw\\=\\={display:flex;justify-content:space-between;align-items:center}.SjsJhgDI2slmQguvBXUMmg\\=\\= ._9gZtebAU0X5oOvcBp-jZVQ\\=\\={display:grid;grid-template-columns:1fr 1fr 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\\=\\= .bKn9f\\+PN-jJcN9KhbfDpnw\\=\\= span:first-child,.SjsJhgDI2slmQguvBXUMmg\\=\\= span.tGiDgUrli1hlhq-2E0yj\\+w\\=\\={color:var(--yellow-text)}.SjsJhgDI2slmQguvBXUMmg\\=\\= .bKn9f\\+PN-jJcN9KhbfDpnw\\=\\= span:last-child,.SjsJhgDI2slmQguvBXUMmg\\=\\= span.-f9orYWyiPbikIlTnkfWfg\\=\\={color:var(--red-text)}.SjsJhgDI2slmQguvBXUMmg\\=\\= .qe0csW3f3EHlRAbtEOowtQ\\=\\={text-align:left}.SjsJhgDI2slmQguvBXUMmg\\=\\= .kPkPlerPj5tgS7EWsHot0A\\=\\={display:flex;flex-direction:column;gap:20px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .SFIXO496Y-N6\\+C80h7TVfg\\=\\={background-color:#fff;padding:-3px;border-radius:10px;height:fit-content;border:2px solid var(--primary)}.SjsJhgDI2slmQguvBXUMmg\\=\\= .yu-V\\+t2QoLvIs0aoHEYnxg\\=\\={font-weight:bold}.SjsJhgDI2slmQguvBXUMmg\\=\\= ._9b0ZuzCEF4UduNeOexebxg\\=\\={text-align:right;padding-right:10px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .j7dpa4iIV5unuRbOAFEBdw\\=\\={text-align:left;padding-left:10px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .WmDUHkoKDb9cJGkOaGzmnA\\=\\={color:blue;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\\=\\= .dNkFy6FLO\\+XVi0aP5eoDrw\\=\\={background-color:var(--primary);color:#fff;padding:8px 15px;border-radius:30px;border:none;cursor:pointer;position:absolute;top:137px;right:30px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .Dte8P0oXuMMp02\\+F\\+XOa-w\\=\\={background-color:var(--primary);color:#fff;padding:12px 20px;border-radius:8px 8px 0 0;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.SjsJhgDI2slmQguvBXUMmg\\=\\= .NtaFW9wFFidHWruqG5gOyA\\=\\={display:flex;gap:20px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .a6a69uD3MXzoI31uMNrFRQ\\=\\={display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;width:100%}.SjsJhgDI2slmQguvBXUMmg\\=\\= .s1TxnY5AnJEr5h3NckH0gg\\=\\={grid-column:1}.SjsJhgDI2slmQguvBXUMmg\\=\\= .vYGHAo3j8zJ6Vlo4N2TiTQ\\=\\={grid-column:2}.SjsJhgDI2slmQguvBXUMmg\\=\\= .THhW4QEd27vaAlKQxSwVdA\\=\\={grid-column:1/span 1}.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:99.01%;grid-column:span 2;margin-top:20px;border-radius:13px}@media(max-width: 650px){.SjsJhgDI2slmQguvBXUMmg\\=\\= .SjsJhgDI2slmQguvBXUMmg\\=\\={padding:0 20px}.SjsJhgDI2slmQguvBXUMmg\\=\\= .V\\+BdPRUcVYY3OtdEZflQIA\\=\\={width:calc(50% - 14px)}.SjsJhgDI2slmQguvBXUMmg\\=\\= .a6a69uD3MXzoI31uMNrFRQ\\=\\={display:flex;flex-direction:column}.SjsJhgDI2slmQguvBXUMmg\\=\\= .SFIXO496Y-N6\\+C80h7TVfg\\=\\={width:100%}}@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,kCACE,UAAA,CACA,wBAAA,CAKF,+BACE,+BCfM,CDgBN,UAAA,CAGF,8DACE,YAAA,CACA,eAAA,CAGF,+BACE,4BAAA,CAGF,4CACE,+BAAA,CACA,kBAAA,CAIF,6CACE,2BAAA,CAGF,4CACE,4BAAA,CAGF,6CACE,8BAAA,CAGF,4CACE,+BAAA,CACA,kBAAA,CAIF,yDACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAGF,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,CAIF,uIAEE,wBClCS,CDqCX,qIAEE,qBCxCM,CD4CR,wDACE,eAAA,CAGF,wDACE,YAAA,CACA,qBAAA,CACA,QAAA,CAIF,yDACE,qBAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,+BAAA,CAGF,yDACE,gBAAA,CAGF,yDACE,gBAAA,CACA,kBAAA,CAGF,wDACE,eAAA,CACA,iBAAA,CAIF,wDACE,UAAA,CACA,yBAAA,CAIF,yDACE,cAAA,CACA,gBAAA,CACA,YAAA,CACA,gBAAA,CACA,eAAA,CAIF,wDACE,iBAAA,CACA,cAAA,CACA,gBAAA,CAIF,yDACE,+BCnJM,CDoJN,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,WAAA,CACA,cAAA,CACA,iBAAA,CACA,SAAA,CACA,UAAA,CAIF,0DACE,+BChKM,CDiKN,UAAA,CACA,iBAAA,CACA,yBAAA,CACA,gBAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CAGF,wDACE,YAAA,CACA,QAAA,CAIF,wDACE,YAAA,CACA,6BAAA,CACA,aAAA,CACA,UAAA,CAIF,wDACE,aAAA,CAGF,wDACE,aAAA,CAGF,wDACE,oBAAA,CAIF,yDACE,iBAAA,CACA,YAAA,CACA,iBAAA,CAIF,wDACE,wBAAA,CACA,YAAA,CACA,YAAA,CACA,6BAAA,CACA,gBAAA,CACA,YAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CAIF,yBACE,wDACE,cAAA,CAGF,yDACE,sBAAA,CAGF,wDACE,YAAA,CACA,qBAAA,CAGF,yDACE,UAAA,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    width: 100%;\n    border-collapse: collapse;\n  }\n\n\n  // Table Header & Cell Styling\n  th {\n    background-color: $primary;\n    color: white;\n  }\n\n  th, td {\n    padding: 10px;\n    text-align: left;\n  }\n\n  tr{\n    border-bottom: 1px solid #ccc;\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: 10px;\n  }\n\n  th:last-of-type {\n    border-top-right-radius: 10px;\n  }\n\n  td:first-of-type {\n    border-bottom-left-radius: 10px;\n\n  }\n  td:last-of-type {\n    border-bottom-right-radius: 10px;\n    border-bottom: none;\n  }\n\n  // Table Options Section\n  .tableOptions {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .header{\n    display: grid;\n    grid-template-columns: 1fr 1fr 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  // Text Colors for Status Indicators\n  .tableOptions span:first-child,\n  span.yellow {\n    color: $yellowText;\n  }\n\n  .tableOptions span:last-child,\n  span.red {\n    color: $redText;\n  }\n\n  // Student Gradebook Styling\n  .assignmentName {\n    text-align: left;\n  }\n\n  .gradebookContainer {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  // Section Styling\n  .section {\n    background-color: white;\n    padding: -3px;\n    border-radius: 10px;\n    height:fit-content;\n    border: 2px solid $primary;\n  }\n\n  .categoryRow {\n    font-weight: bold;\n  }\n\n  .categoryValue {\n    text-align: right;\n    padding-right: 10px;  // 🟢 Fix: Align value to the left\n  }\n\n  .categoryText {\n    text-align: left;\n    padding-left: 10px;  // 🟢 Fix: Align "Category Average" text to the right\n  }\n\n  // Assignment Link Styling\n  .assignmentLink {\n    color: blue;\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  // 🟢 FIX: "Back to Course" Button Alignment\n  .backToCourseButton {\n    background-color: $primary;\n    color: white;\n    padding: 8px 15px;\n    border-radius: 30px;\n    border: none;\n    cursor: pointer;\n    position: absolute;\n    top: 137px;\n    right: 30px;\n  }\n\n  // Section Headers (Purple Background)\n  .sectionHeader {\n    background-color: $primary;\n    color: white;\n    padding: 12px 20px;\n    border-radius: 8px 8px 0 0;\n    font-weight: bold;\n    display: flex;\n    justify-content: space-between;  // 🟢 FIX: Ensures Late Days & Score are in the same row\n    align-items: center;\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    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  .sectionLeft {\n    grid-column: 1;\n  }\n\n  .sectionRight {\n    grid-column: 2;\n  }\n\n  .sectionFull {\n    grid-column: 1 / span 1;  // 🟢 FIX: Project is same width as Homeworks\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: 99.01%;\n    grid-column: span 2;\n    margin-top: 20px;\n    border-radius: 13px;\n  }\n\n  // 🟢 FIX: Mobile Responsive Adjustments\n  @media (max-width: 650px) {\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    .section {\n      width: 100%;\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\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: 50px;\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==",tableOptions:"bKn9f+PN-jJcN9KhbfDpnw==",header:"_9gZtebAU0X5oOvcBp-jZVQ==",pageTitle:"rC2F9SvXKF-nfVYM0pmfbA==",buttonContainer:"L5SyN2AKMKD4cUBE+bXNnw==",yellow:"tGiDgUrli1hlhq-2E0yj+w==",red:"-f9orYWyiPbikIlTnkfWfg==",assignmentName:"qe0csW3f3EHlRAbtEOowtQ==",gradebookContainer:"kPkPlerPj5tgS7EWsHot0A==",section:"SFIXO496Y-N6+C80h7TVfg==",categoryRow:"yu-V+t2QoLvIs0aoHEYnxg==",categoryValue:"_9b0ZuzCEF4UduNeOexebxg==",categoryText:"j7dpa4iIV5unuRbOAFEBdw==",assignmentLink:"WmDUHkoKDb9cJGkOaGzmnA==",categoryAverage:"_95TbQpX4XvT8OHu3wokUww==",gradebookTitle:"k5FJkFk9LuJZohqwCsNepA==",backToCourseButton:"dNkFy6FLO+XVi0aP5eoDrw==",sectionHeader:"Dte8P0oXuMMp02+F+XOa-w==",headerRight:"NtaFW9wFFidHWruqG5gOyA==",gradebookGrid:"a6a69uD3MXzoI31uMNrFRQ==",sectionLeft:"s1TxnY5AnJEr5h3NckH0gg==",sectionRight:"vYGHAo3j8zJ6Vlo4N2TiTQ==",sectionFull:"THhW4QEd27vaAlKQxSwVdA==",noAssignments:"_6LZEL07RB3Weeeu8h4ezrg==",courseAverage:"BlxO4HumyHu8NYHs0FZjXQ==",category:"V+BdPRUcVYY3OtdEZflQIA=="};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.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var u=i(t(6540));t(596);var d=s(t(2313)),c=t(833),A=t(9218),p=t(4208),f=t(4625),g=s(t(5031)),m=s(t(1090));n.default=function(e){var n=e.open,t=e.onClose,a=(0,f.useParams)().courseId,o=l((0,c.useActionless)(A.SET_ALERT),1)[0],i=l((0,u.useState)(""),2),s=i[0],b=i[1],C=l((0,u.useState)(""),2),h=C[0],v=C[1],x=l((0,u.useState)(""),2),y=x[0],w=x[1],k=l((0,u.useState)({courseId:a,name:"",categoryName:"",description:"",maxFileSize:100,maxSubmissions:1,disableHandins:!1}),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))}))};return u.default.createElement(m.default,{title:"Add Assignment",buttonAction:function(){var e={courseId:a,name:E.name,startDate:y,dueDate:h,endDate:s,categoryName:E.categoryName,description:E.description,maxFileSize:E.maxFileSize,maxSubmissions:E.maxSubmissions,disableHandins:E.disableHandins},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()),d.default.postMultipart("/api/course/".concat(a,"/assignments/"),n).then((function(){o({autoDelete:!0,type:"success",message:"Assignment Added"}),t()})).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,p.applyMessageToErrorFields)(t,e.param,e.msg)})),o({autoDelete:!1,type:"error",message:n})})).finally((function(){}))},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("input",{type:"text",id:"categoryName",onChange:B,placeholder:"Type assignment category"})),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:B,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:B,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:B,placeholder:"e.g. 1",value:E.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:B,placeholder:"e.g. 100",value:E.maxFileSize,min:"0"}))),u.default.createElement("div",{className:g.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){w(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){v(e.target.value)}})),u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"end_date"},"End Date:",u.default.createElement("span",null,"(optional)")),u.default.createElement("br",null),u.default.createElement("input",{type:"date",id:"end_date",onChange:function(e){b(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,8DCiEW,CDhEX,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,uBCDM,CDEN,UAAA,CAEA,YAAA,CACA,iBAAA,CAEA,WAAA,CACA,iBCkBc,CDhBd,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\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: 50px;\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},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0});var d=o(t(6540)),c=t(4625),A=u(t(2287)),p=u(t(5954)),f=u(t(8331)),g=u(t(2313)),m=u(t(9508)),b=u(t(6152)),C=function(e){var n,t=e.user,r=e.submission,a=e.submissionScore;return d.default.createElement("tr",null,d.default.createElement("td",null,t.email),d.default.createElement("td",null,t.externalId),d.default.createElement("td",null,null!==(n=null==a?void 0:a.score)&&void 0!==n?n:"N/A"),d.default.createElement("td",null,d.default.createElement("a",{href:"/course/".concat(r.courseId,"/assignment/").concat(r.assignmentId,"/submission/").concat(r.id,"/feedback")},"View Feedback")))},h=function(e){var n=e.users,t=e.submissions,r=e.submissionScores,a=e.assignment;return d.default.createElement("table",{className:m.default.submissionsTable},d.default.createElement("thead",null,d.default.createElement("tr",null,d.default.createElement("th",null,"Email"),d.default.createElement("th",null,"External ID"),d.default.createElement("th",null,a.name," Score"),d.default.createElement("th",null,"Feedback"))),d.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?d.default.createElement(C,{key:e.id,user:t,submission:e,submissionScore:a}):null}))))};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),C=u[0],v=u[1],x=s((0,d.useState)([]),2),y=x[0],w=x[1],k=s((0,d.useState)([]),2),E=k[0],$=k[1],B=s((0,d.useState)(null),2),S=B[0],_=B[1],D=(0,c.useParams)(),I=D.assignmentId,O=D.courseId;return(0,d.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,g.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,g.default.get("/api/course/".concat(O,"/assignment/").concat(I,"/submissions"))];case 2:return n=l.sent(),w(n),[4,g.default.get("/api/course/".concat(O,"/assignment/").concat(I,"/submission-scores"))];case 3:return r=l.sent(),$(r),[4,g.default.get("/api/course/".concat(O,"/assignments/").concat(I))];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,I]),n?d.default.createElement(p.default,{delay:250}):a?d.default.createElement(f.default,{error:a}):S?d.default.createElement(A.default,null,d.default.createElement("div",{className:m.default.header},d.default.createElement("h1",null,"Instructor Submissions Page")),d.default.createElement("div",null,d.default.createElement(b.default,{onChange:function(e){console.log("Search term:",e);var n=C.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"}),d.default.createElement(h,{users:C,submissions:y,submissionScores:E,assignment:S}))):d.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||{}},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\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: 50px;\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,".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}h3{font-size:24px;margin:10px 0 0 0}h4{font-size:1rem;margin:0;display:inline}.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;border-bottom:1px solid #ddd}.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:"AAEA,4BACI,YAAA,CACA,gBAAA,CACA,QAAA,CAGJ,4BACI,YAAA,CACA,iCAAA,CACA,QAAA,CAEA,kBAAA,CACA,gBAAA,CACA,gBAAA,CAEJ,4BACI,cAAA,CAEA,yBCTM,CDUN,UAAA,CACA,UAAA,CACA,2BAAA,CACA,qBAAA,CACA,sBAAA,CACA,wBAAA,CAIJ,6BACI,+BCpBM,CDqBN,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,2BCjDM,CDkDN,uBCrDS,CDsDT,eAAA,CAGJ,4BACI,uBC1DS,CD2DT,YAAA,CACA,iCAAA,CACA,oBAAA,CACA,kBAAA,CAEJ,4BACI,uBCjES,CDkET,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,kBAAA,CAGJ,GACI,cAAA,CACA,iBAAA,CAGJ,GACI,cAAA,CACA,QAAA,CACA,cAAA,CAEJ,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,uBC1GS,CD2GT,aAAA,CACA,UAAA,CACA,eAAA,CACA,4BAAA,CAIJ,4BACI,oBAAA,CACF,YAAA,CACA,kBAAA,CACA,cAAA,CACA,cAAA,CACA,iCC7DqB,CD8DrB,qBAAA,CACA,eAAA,CAIF,0BACI,8BACI,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,QAAA,CACA,eAAA,CACA,0BAAA,CAAA",sourcesContent:["@import 'variables';\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\nh3 {\n    font-size: 24px;\n    margin: 10px 0 0 0;\n}\n\nh4 {\n    font-size: 1.0rem;\n    margin: 0;\n    display: inline;\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    border-bottom: 1px solid #ddd;\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\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: 50px;\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:"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==",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(--input-field-background);border-radius:10px;margin-bottom:30px;width:100%}._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,8CC6DuB,CD5DvB,kBAAA,CACA,kBAAA,CACA,UAAA,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: $input-field-background;\n  border-radius: 10px;\n  margin-bottom: 30px;\n  width: 100%;\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\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: 50px;\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,8CAAA,CACA,8BCzCkB,CD0ClB,oBAAA,CACA,WAAA,CACA,mBAAA,CAGF,4BACE,YAAA,CACA,6BAAA,CAGF,4BACE,YAAA,CACA,sBAAA,CACA,qBAAA,CACA,OAAA,CAGF,OACE,wCCpBuB,CDqBvB,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\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: 50px;\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\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: 50px;\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;border-radius:.6rem;transition:background-color .2s linear;color:var(--text-color)}","",{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,iCC8CqB,CD7CrB,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,mBAAA,CACA,sCAAA,CAIA,uBChDW",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  border-radius: 0.6rem;\n  transition: background-color 0.2s linear;\n\n  // color: $primary;\n\n  color: $text-color;\n  // &:hover,\n  // &:focus {\n  //   background: $list-simple-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\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: 50px;\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 u=i(t(6540)),d=t(4625),c=s(t(2287)),A=s(t(2313)),p=t(833),f=s(t(6152)),g=t(9218),m=s(t(1322)),b=s(t(2700)),C=t(4208);n.default=function(){var e=l((0,p.useActionless)(g.SET_ALERT),1)[0],n=(0,d.useHistory)(),t=l((0,u.useState)({name:"",number:"",semester:"f0000",isPublic:!1}),2),a=t[0],o=t[1],i=l((0,u.useState)((new Date).toISOString().split("T")[0]),2),s=i[0],h=i[1],v=l((0,u.useState)((new Date).toISOString().split("T")[0]),2),x=v[0],y=v[1],w=l((0,u.useState)((new Date).toISOString().split("T")[0]),2),k=w[0],E=w[1],$=l((0,u.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,C.removeClassFromField)(B,t);S(a)},D=function(e){return new Date(e).toISOString()};return u.default.createElement(c.default,null,u.default.createElement("h1",null,"Create Course"),u.default.createElement("div",{className:m.default.courseFormWrapper},u.default.createElement("div",{className:m.default.createDetailsForm},u.default.createElement(f.default,{id:"name",label:"Course Name*",onChange:_,value:a.name,invalidated:!!B.get("name"),helpText:B.get("name")}),u.default.createElement(f.default,{id:"number",label:"Course Number*",onChange:_,value:a.number,invalidated:!!B.get("number"),helpText:B.get("number")}),u.default.createElement(b.default,{onDatesChange:function(e){var n=e.startDate,t=e.endDate;h(n),y(t)}}),u.default.createElement("div",{className:m.default.datepickerContainer},u.default.createElement("div",{className:m.default.fieldContainer},u.default.createElement("label",{htmlFor:"start-date"},"Start Date *"),u.default.createElement("input",{type:"date",id:"start-date",value:s,onChange:function(e){h(e.target.value)}})),u.default.createElement("div",{className:m.default.fieldContainer},u.default.createElement("label",{htmlFor:"end-date"},"End Date *"),u.default.createElement("input",{type:"date",id:"end-date",value:x,onChange:function(e){y(e.target.value)}})),u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"private-date"},"Private Date *"),u.default.createElement("input",{type:"date",id:"private-date",value:k,onChange:function(e){E(e.target.value)}}))),u.default.createElement("div",null,u.default.createElement("label",null,u.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")),u.default.createElement("div",{style:{display:"flex",justifyContent:"center"}},u.default.createElement("button",{className:"btnPrimary",onClick:function(){var t={name:a.name,number:a.number,semester:a.semester,startDate:D(s),endDate:D(x),isPublic:a.isPublic,privateDate:D(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)),u=l(t(635)),d=t(8280),c=l(t(2724));n.default=function(){var e=i((0,s.useState)((0,d.isDarkMode)()),2),n=e[0],t=e[1];return s.default.createElement(u.default,{onClick:function(){n?(0,d.setLightMode)():(0,d.setDarkMode)(),t(!n)},icon:n?"sun":"moon",className:c.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 u=i(t(6540)),d=t(833),c=t(9218),A=s(t(2313)),p=s(t(1090)),f=s(t(2700));n.default=function(e){var n=e.open,t=e.onClose,a=l((0,d.useActionless)(c.SET_ALERT),1)[0],o=l((0,u.useState)(""),2),i=o[0],s=o[1],g=l((0,u.useState)(""),2),m=g[0],b=g[1],C=l((0,u.useState)(""),2),h=C[0],v=C[1],x=l((0,u.useState)({name:"",number:"",session:"",isPublic:!1}),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 u.default.createElement(p.default,{title:"Create Course",buttonAction:function(){if(i&&y.name&&y.number){var e=function(e){return new Date(e).toISOString()},n={name:y.name,number:y.number,semester:h,startDate:e(i),endDate:e(m),isPublic:y.isPublic,privateDate:e(m)};A.default.post("/api/courses/instructor",n).then((function(){a({autoDelete:!0,type:"success",message:"Course Added"}),t()})).catch((function(e){a({autoDelete:!1,type:"error",message:e.message})}))}},open:n,onClose:t},u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"name",className:"input-label"},"Course Title:"),u.default.createElement("input",{type:"text",id:"name",onChange:k,placeholder:"e.g. Web Applications"})),u.default.createElement("div",{className:"input-group"},u.default.createElement("label",{htmlFor:"number",className:"input-label"},"Course Code:"),u.default.createElement("input",{type:"text",id:"number",onChange:k,placeholder:"e.g. CSE 312"})),u.default.createElement(f.default,{onDatesChange:function(e){var n=e.startDate,t=e.endDate,r=e.semester,a=e.year;s(n),b(t);var o=r.toLowerCase().charAt(0)+a;"Summer"===r&&(o="u"+o.slice(1)),v(o)}}),u.default.createElement("label",{htmlFor:"isPublic"},"Make course public?",u.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")))}},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,qBCsCI,CDrCJ,mCAAA,CAEA,iBCsEc,CDpEd,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\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: 50px;\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\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: 50px;\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||{}},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;outline:none}.TZ2otoHPkVnDjJOiHIiXTw\\=\\=:focus-within .tKPPG3Ez\\+UWVyLLpAzbk7w\\=\\={visibility:visible;opacity:1}.ip9TKu21P1HZImaSa\\+q-MQ\\=\\=,.lL8osF1yzQSSebS50QgtJA\\=\\=,._7aBhyfQ2dSFhfbbWIJni8g\\=\\=,.ta9DU-qYi\\+ROXe8uZ0zSDw\\=\\={border:none;font-size:16px;background:rgba(0,0,0,0)}.ip9TKu21P1HZImaSa\\+q-MQ\\=\\=:hover,.lL8osF1yzQSSebS50QgtJA\\=\\=:hover,._7aBhyfQ2dSFhfbbWIJni8g\\=\\=:hover,.ta9DU-qYi\\+ROXe8uZ0zSDw\\=\\=:hover{cursor:pointer}.ta9DU-qYi\\+ROXe8uZ0zSDw\\=\\={color:#d9d9d9;border-radius:20px;margin:5px;height:40px}.ta9DU-qYi\\+ROXe8uZ0zSDw\\=\\=:hover{opacity:.7}._4ypfhXD5Off7Nyp5UB7biw\\=\\={cursor:pointer;color:#fff}.PP4PK2oSTbOgmXl2w7aotw\\=\\={font-size:14px;cursor:pointer}.p3PlDS68oHERYF7wHApROg\\=\\={margin-left:5px;color:#fff}.tKPPG3Ez\\+UWVyLLpAzbk7w\\=\\={width:100%;position:absolute;top:50px;display:flex;flex-direction:column;gap:2px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);visibility:hidden;opacity:0;transition:opacity .2s ease-in-out;z-index:1}.lL8osF1yzQSSebS50QgtJA\\=\\=,._7aBhyfQ2dSFhfbbWIJni8g\\=\\={display:flex;align-items:center;padding:0 6px;background-color:var(--primary);color:var(--background);height:50px;text-align:left;text-decoration:none}.lL8osF1yzQSSebS50QgtJA\\=\\=:hover,._7aBhyfQ2dSFhfbbWIJni8g\\=\\=:hover{background:var(--purple-darker)}._7aBhyfQ2dSFhfbbWIJni8g\\=\\={background-color:var(--primary);color:var(--background);border:none;font-size:16px;height:50px;text-align:left;text-decoration:none}._7aBhyfQ2dSFhfbbWIJni8g\\=\\=:hover{background:var(--purple-darker)}@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,YAAA,CAGE,sEACE,kBAAA,CACA,SAAA,CAKN,mHACE,WAAA,CAEA,cAAA,CACA,wBAAA,CAEA,2IACE,cAAA,CAIJ,6BAGE,aAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CAEA,mCACE,UAAA,CAIJ,6BACE,cAAA,CACA,UAAA,CAGF,4BACE,cAAA,CACA,cAAA,CAGF,4BACE,eAAA,CACA,UAAA,CAGF,6BACE,UAAA,CAEA,iBAAA,CACA,QAAA,CAEA,YAAA,CACA,qBAAA,CAEA,OAAA,CAEA,8DCYW,CDVX,iBAAA,CACA,SAAA,CAEA,kCAAA,CAEA,SAAA,CAGF,yDAGE,YAAA,CACA,kBAAA,CACA,aAAA,CAEA,+BC1EQ,CD2ER,uBC/EW,CDiFX,WAAA,CACA,eAAA,CAEA,oBAAA,CAEA,qEACE,+BC7CY,CDgDhB,6BAEE,+BCxFQ,CDyFR,uBC7FW,CD8FX,WAAA,CACA,cAAA,CACA,WAAA,CACA,eAAA,CACA,oBAAA,CAEA,mCACE,+BC3DY,CD+DhB,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\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: #D9D9D9;\n  border-radius: 20px;\n  margin:5px;\n  height: 40px;\n\n  &:hover {\n    opacity: 0.7;\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  width: 100%;\n\n  position: absolute;\n  top: 50px;\n\n  display: flex;\n  flex-direction: column;\n\n  gap: 2px;\n\n  box-shadow: $box-shadow;\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 6px;\n\n  background-color: $primary;\n  color: $background;\n\n  height: 50px;\n  text-align: left;\n\n  text-decoration: none;\n\n  &:hover {\n    background: $purple-darker;\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\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: 50px;\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==",dropCourse:"_7aBhyfQ2dSFhfbbWIJni8g==",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,[455],(()=>e(e.s=3900))),e.O()}]);
//# sourceMappingURL=bundle-a84d8.js.map