@clickview/lite 0.0.57-dev.1 → 0.0.57-rc.1

package/dist/scripts/86-0a138927fb-lite.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[86],{1149:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0);function r(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return o(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function i(e,t){var a,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=function(){e(),window.clearTimeout(a),a=window.setTimeout(t,100)};n.useEffect((function(){return window.addEventListener("resize",t?i:e),function(){return window.removeEventListener("resize",t?i:e)}}),r(o))}},1150:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(158);function r(e){switch(e){case n.ClassroomGroupColour.Pink:return"pink";case n.ClassroomGroupColour.Orange:return"orange";case n.ClassroomGroupColour.Green:return"green";case n.ClassroomGroupColour.Blue:return"blue";case n.ClassroomGroupColour.Purple:return"purple";case n.ClassroomGroupColour.Indigo:return"indigo";default:return"pink"}}},1224:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a.n(n);function o(e){var t=r.a.useRef();return r.a.useEffect((function(){t.current=e})),t.current}},1262:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a.n(n),o=a(1224);function i(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==a)return;var n,r,o=[],i=!0,s=!1;try{for(a=a.call(e);!(i=(n=a.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==a.return||a.return()}finally{if(s)throw r}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var l=function(e){var t,a,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},c=r.a.useState(!1),l=s(c,2),u=l[0],d=l[1],m=r.a.useState({}),p=s(m,2),f=p[0],g=p[1],v=n.idField,h=void 0===v?"id":v,b=Object(o.a)(e);function y(){if(null==e?void 0:e.length){var t=e.reduce((function(e,t){var a,r=!1;return(null===(a=null==n?void 0:n.preselectedIds)||void 0===a?void 0:a.includes(t[h]))&&(r=!0),e[t[h].toString()]=r,e}),{});g(t)}}function E(){var t=Object.keys(f).some((function(e){return f[e]})),a=!u&&!t;d(a);var n=e.reduce((function(e,t){return e[t[h]]=a,e}),{});g(n)}function S(t){var a=!f[t.toString()],n=Object.assign(Object.assign({},f),i({},t.toString(),a));g(n),Object.keys(n).filter((function(e){return n[e]})).length!==e.length?!a&&u&&d(!1):d(!0)}function C(e){return!!u||("string"!=typeof e&&"number"!=typeof e&&(e=e[h]),f[e])}function k(){return u?Object.keys(f):Object.keys(f).filter((function(e){return f[e]}))}function w(){u&&d(!1);var t=e.reduce((function(e,t){return e[t[h]]=!1,e}),{});g(t)}function N(){return!!(null==e?void 0:e.length)&&(!!u||!!e.find((function(e){return C(e)})))}return r.a.useEffect((function(){(null==b?void 0:b.map((function(e){return e[h]})).join())!==(null==e?void 0:e.map((function(e){return e[h]})).join())&&y()}),[b,e,null===(t=null==n?void 0:n.preselectedIds)||void 0===t?void 0:t.length]),r.a.useEffect(y,[null===(a=null==n?void 0:n.preselectedIds)||void 0===a?void 0:a.length]),{onToggleBulk:E,onToggleItem:S,getSelected:k,isChecked:C,bulkChecked:u,deselectAll:w,hasSomeSelections:N}}},1629:function(e,t,a){e.exports={avatarContainer:"_3oikm",name:"FmX8Q"}},1631:function(e,t,a){e.exports={heading:"_3W4zl",avatar:"_3r0Pb",checkbox:"_11WXC",actionIcon:"_1K3UF",addStudents:"_1sqTe",studentName:"_3cfGe",group:"_2HHY1",sm:"_3_EMi",lg:"_3L-SN",moreActions:"_9PVrB"}},2144:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),o=a(79),i=a(10),s=a(8),c=a(266),l=a(21),u=a(127),d=a(2),m=a(30),p=a(376),f=a(3),g=a(264),v=a(83),h=a(174),b=a(148),y=a(68),E=a(27),S=a(392),C=a(99),k=a(42),w=a(5),N=a(7),T=a(1262),A=a(40),O=a(1084),x=a(126),I=a(1149),U=a(87),j=a(53),G=a(380),P=a(267),D=a(33),L=a(51),_=a(1150);function M(e){var t;return e.group?r.a.createElement("div",{className:"classroom-pill text-white bg-".concat(Object(_.a)(null===(t=e.group.metadata)||void 0===t?void 0:t.colour))},e.group.name):r.a.createElement(r.a.Fragment,null)}function R(e){return e.count?r.a.createElement(h.a,{onClick:e.onClick,className:"classroom-pill bg-white border border-dark"},"+",e.count):r.a.createElement(r.a.Fragment,null)}var F="classrooms.classroomGroupDropdown",B=function(e,t){return e.filter((function(e){return t.users.data.find((function(t){return t.id.toString()===e.id.toString()}))})).length};function H(e){var t,a=Object(T.a)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),n=a.onToggleItem,o=a.isChecked;r.a.useEffect((function(){e.groups.forEach((function(t){var a=B(e.selectedStudents,t);(!a||a!==e.selectedStudents.length||o(t.id))&&(a||!o(t.id))||n(t.id)}))}));var i,c,l={alignRight:!!e.alignRight};return e.disabled&&(l.show=!1),r.a.createElement(D.Dropdown,Object.assign({},l),r.a.createElement(D.Dropdown.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("mr-2 d-inline-block svg-container sm"," no-caret")},r.a.createElement(y.a,{svgName:E.b.Group,title:s.a.getPhrase(F,"addToGroupTooltip"),tooltipPlacement:"top",tooltipSpanHack:!0,tooltipSpanHackClassName:""})),r.a.createElement(D.Dropdown.Menu,null,!!(null===(t=e.groups)||void 0===t?void 0:t.length)&&r.a.createElement("div",{className:"px-2 border-bottom mb-1"},r.a.createElement("p",{className:"mb-0"},r.a.createElement(v.b,{namespace:F,phrase:"addToGroup"})),r.a.createElement("ul",{className:"list-unstyled pr-3"},e.groups.map((function(t){return r.a.createElement("li",{key:t.id,className:"d-flex align-items-center bg-white my-1"},r.a.createElement(S.a,{id:"".concat(e.id,":").concat(t.id),checked:o(t.id),onChange:function(){return function(t){var a=!o(t.id);e.onSelectGroup(t,a),n(t.id)}(t)},indeterminate:!!B(e.selectedStudents,t)}),r.a.createElement(M,{group:t}))})))),r.a.createElement(L.a,{onClick:function(){m.a.logUserAction({},m.a.mergeOptions(e.analyticsOptions,{actionType:d.UserAction.Create,workflowPhase:d.WorkflowPhase.Start,entity:d.EntityType.ClassroomGroup}))},appLink:(i=e.classroom.id,c=e.selectedStudents,{application:w.a.CLASSROOMS,action:N.a.Classrooms.NEW_GROUP,args:[i],params:{addStudents:c.map((function(e){return e.id}))}}),className:"text-nowrap d-flex align-items-center px-2"},r.a.createElement(y.a,{svgName:E.b.Plus}),r.a.createElement(v.b,{namespace:F,phrase:"createNew"}))))}H.defaultProps={preselections:[]};var W=a(1629),V=a.n(W);function z(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==a)return;var n,r,o=[],i=!0,s=!1;try{for(a=a.call(e);!(i=(n=a.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==a.return||a.return()}finally{if(s)throw r}}return o}(e,t)||X(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X(e,t){if(e){if("string"==typeof e)return $(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?$(e,t):void 0}}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var J=s.a.encloseNamespace("classrooms.manageClassroomStudentItem");function q(e){var t,a=z(r.a.useState(!1),2),n=a[0],o=a[1],i=z(r.a.useState(!1),2),s=i[0],c=i[1],l=z(r.a.useState({}),2),u=l[0],p=l[1],f=r.a.useRef(null),g=r.a.useRef(null),v=Object(U.a)().hasPermissions;r.a.useEffect((function(){k(),s||o(!0)}),[e.selectedGroups.length]);var h,b,y,E,C=A.a.throttle((function(){k(),o(!0)}),300);function k(){p(e.selectedGroups.reduce((function(e,t){return e[t.id]=!0,e}),{}))}return Object(I.a)((function(){s||C()})),r.a.useEffect((function(){if(f.current&&g.current&&n){var e=f.current.firstElementChild;if(e){var t,a,r=e.getBoundingClientRect().y,i={},s=function(e,t){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=X(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,s=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return i=e.done,e},e:function(e){s=!0,o=e},f:function(){try{i||null==a.return||a.return()}finally{if(s)throw o}}}}(f.current.children);try{for(s.s();!(a=s.n()).done;){var c=a.value;c.id&&(i[c.id]=c.getBoundingClientRect().y===r,t=i[c.id]?c.id:t)}}catch(e){s.e(e)}finally{s.f()}g.current.getBoundingClientRect().y!==r&&(i[t]=!1),p(i),o(!1)}}}),[n]),r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement(S.a,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"mr-2"}),r.a.createElement("div",{className:"".concat(V.a.avatarContainer," mr-2")},r.a.createElement(G.a,{imageCdnUrl:e.config.imageCdnUrl,initials:P.a.getInitials(e.student.name,e.student.surname),imageUrl:null===(t=e.student.avatar)||void 0===t?void 0:t.url})),r.a.createElement("p",{className:"mr-2 ".concat(V.a.name," text-truncate text-nowrap")},e.student.name," ",e.student.surname),r.a.createElement("div",{className:"".concat(n?"invisible":""," mr-auto d-flex flex-wrap mt-n1"),ref:f},e.selectedGroups.map((function(e){return u[e.id]?r.a.createElement("div",{key:e.id,className:"mr-1 mt-1",id:e.id},r.a.createElement(M,{group:e})):r.a.createElement(r.a.Fragment,{key:e.id})})),r.a.createElement("div",{ref:g,className:"mr-1 mt-1"},r.a.createElement(R,{count:Object.keys(u).reduce((function(e,t){return u[t]||e++,e}),0),onClick:function(){c(!0),k()}}))),r.a.createElement(H,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.classroomGroups,selectedStudents:[e.student],preselections:e.selectedGroups,onSelectGroup:function(t,a){return e.onToggleGroup(e.student,t,a)},analyticsOptions:{location:d.LocationContext.ManageClassroomStudentListItem},alignRight:!0}),r.a.createElement(O.a,{actions:(E=[],v(j.a.ManageUsers)&&E.push({label:J("editStudent"),appLink:(h=e.student.id,{application:w.a.USER_MANAGER,action:N.a.UserManager.EDIT_USER,args:[h],params:{userType:x.a.Learner}}),onClick:function(){m.a.logUserAction({id:e.student.id},{actionType:d.UserAction.Edit,entity:d.EntityType.User,workflowPhase:d.WorkflowPhase.Start,location:d.LocationContext.ManageClassroomStudentListItem})}}),E.push({label:J("removeStudent"),appLink:(b=e.student.id,y=e.classroom.id,{application:w.a.CLASSROOMS,action:N.a.Classrooms.REMOVE_STUDENTS,args:[y],params:{studentIds:[b]}}),className:"text-danger",onClick:function(){m.a.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:d.UserAction.Dissociate,entity:d.EntityType.Classroom,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Start,location:d.LocationContext.ManageClassroomStudentListItem})}}),E),actionsDropdownClassName:"btn"}))}var K=a(59),Q=a(203);function Y(e){return r.a.createElement(v.a.Provider,{value:"classrooms.manageClassroomStudentsEmptyState"},r.a.createElement(Q.a,null,r.a.createElement(Q.a.Image,{src:K.a.EmptyStates.Classrooms.STUDENTS}),r.a.createElement(Q.a.Heading,null,r.a.createElement(v.b,{phrase:"emptyStateHeading"})),r.a.createElement(Q.a.Info,null,r.a.createElement(v.b,{phrase:"emptyStateInfo"})),r.a.createElement(Q.a.Cta,{text:s.a.getPhrase("classrooms.manageClassroomStudentsEmptyState","addStudents"),icon:E.b.Plus,appLink:{application:w.a.CLASSROOMS,action:N.a.Classrooms.ADD_STUDENTS_CHOICES,args:[e.classroom.id]}}),r.a.createElement("a",{className:"btn btn-link info-link",href:"https://static.clickview.com.au/Primary/Documents/Student-engagement-ideas.pdf",target:"_blank"},e.classroomIdeasText)))}var Z=s.a.encloseNamespace("classrooms.manageClassroomStudents");function ee(e){var t,a=e.classroom,r=e.students,c=e.groups,l=Object(o.useDispatch)(),u=Object(g.a)(),A=Object(T.a)(r.data),O=A.getSelected().length,x=c.filter((function(e){var t,a;if(!(null===(a=null===(t=e.users)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length))return!1;var n=!0,r=0,o=A.getSelected();if(o.length){var i=function(){var t=o[r];e.users.data.find((function(e){return e.id.toString()===t.toString()}))||(n=!1),r++};do{i()}while(r<o.length);return n}}));var I=Object(C.a)(k.a.XLDown);return(null===(t=r.data)||void 0===t?void 0:t.length)?n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 ".concat(I?"pl-2":"pl-4")},n.createElement(S.a,{id:"manage-classroom-students-bulk",onChange:A.onToggleBulk,checked:A.bulkChecked,className:"mr-2",indeterminate:A.hasSomeSelections()}),n.createElement(H,{id:"bulk-add-group",classroom:a,selectedStudents:A.getSelected().map((function(t){return e.students.data.find((function(e){return e.id.toString()===t.toString()}))})),groups:c,onSelectGroup:function(e,t){var n=A.getSelected(),r=t?p.a.addStudentsToGroup:p.a.removeStudentsFromGroup;i.a.fetch(l,r(n,e.id,a.id,(function(){m.a.logUserAction({id:e.id,studentCount:n.length},{actionType:d.UserAction.Associate,entity:d.EntityType.ClassroomGroup,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Complete,location:d.LocationContext.ManageClassroomStudents}),u.success(Z("addSuccess",{groupName:e.name,escapeText:!0}))}),(function(){u.error(Z("addError",{groupName:e.name,escapeText:!0}))})))},disabled:!O,preselections:x,analyticsOptions:{location:d.LocationContext.ManageClassroomStudents}}),n.createElement(h.a,{className:"mr-auto ".concat(O?"":"text-light cursor-default"),onClick:function(){if(O){var e=A.getSelected();m.a.logUserAction({id:a.id,studentCount:e.length},{entity:d.EntityType.Classroom,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Start,actionType:d.UserAction.Dissociate,location:d.LocationContext.ManageClassroomStudents}),f.a.AppLinkHelper.trigger({application:w.a.CLASSROOMS,action:N.a.Classrooms.REMOVE_STUDENTS,args:[a.id],params:{studentIds:e}})}}},n.createElement(y.a,{svgName:E.b.Delete,title:s.a.getPhrase("classrooms.manageClassroomStudents","delete"),tooltipPlacement:"top",tooltipSpanHack:!0})),n.createElement(b.a,{onClick:function(){m.a.logUserAction({id:a.id},{entity:d.EntityType.Classroom,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Start,actionType:d.UserAction.Associate,location:d.LocationContext.ManageClassroomStudents}),f.a.AppLinkHelper.trigger({application:w.a.CLASSROOMS,action:N.a.Classrooms.ADD_STUDENTS_CHOICES,args:[a.id]})},svgName:E.b.Plus,className:"btn btn-outline-dark"},n.createElement(v.b,{namespace:"classrooms.manageClassroomStudents",phrase:"addStudent"}))),n.createElement("ul",{className:"striped-list list-unstyled"},r.data.map((function(t){return n.createElement("li",{key:t.id},n.createElement(q,{classroom:a,student:t,classroomGroups:e.groups,config:e.config,selectedGroups:e.groups.filter((function(e){return e.users.data.find((function(e){return e.id===t.id}))})),checked:A.isChecked(t.id),onToggleCheckbox:function(){return A.onToggleItem(t.id)},onToggleGroup:e.onToggleGroup}))})))):n.createElement(Y,{classroom:e.classroom,classroomIdeasText:Z("classroomIdeasText")})}var te=a(1078),ae=a(1385),ne=a(1631),re=a.n(ne),oe=r.a.memo((function(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(re.a.heading)}),r.a.createElement("div",{className:"pb-3"},r.a.createElement(te.c,{numItems:2})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(ae.a,null)),r.a.createElement("div",{className:"d-flex align-items-center py-2"},r.a.createElement("div",{className:"mx-4 partial-loading-background ".concat(re.a.checkbox)}),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(re.a.actionIcon)}),r.a.createElement("div",{className:"mr-auto partial-loading-background ".concat(re.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.addStudents)})),r.a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,t){return r.a.createElement("li",{key:t},r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(re.a.checkbox)}),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(re.a.avatar)}),r.a.createElement("div",{className:"w-25"},r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.studentName)})),r.a.createElement("div",{className:"mr-auto d-flex"},Math.random()>.5?r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"partial-loading-background rounded-pill mr-1 ".concat(re.a.group," ").concat(re.a.lg)}),r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(re.a.group," ").concat(re.a.sm)})):r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(re.a.group," ").concat(re.a.sm)})),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(re.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.moreActions)})))}))))})),ie=a(1493),se=a(1486);a.d(t,"ClassroomStudentsView",(function(){return ue}));var ce=s.a.encloseNamespace("classrooms.classroomStudents"),le={entity:d.EntityType.ClassroomGroup,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Complete,location:d.LocationContext.ManageClassroomStudentListItem};function ue(e){var t,a,n,s,f,g=i.a.useBasicFetch(l.a.currentUser()),v=i.a.useBasicFetch(g.data&&p.a.getClassroom(e.id,g.data.id)),h=i.a.useBasicFetch(p.a.getClassroomStudents(e.id)),b=i.a.useBasicFetch(p.a.getClassroomGroups(e.id)),y=i.a.useBasicFetch(u.a.config()),E=Object(o.useDispatch)();return Object(c.a)(ce("pageTitle",{classroomName:null===(t=v.data)||void 0===t?void 0:t.name})),Object(se.a)(v),v.data&&(null===(a=h.data)||void 0===a?void 0:a.data)&&(null===(n=b.data)||void 0===n?void 0:n.data)&&y.data?r.a.createElement(ie.a,{classroom:v.data,currentUser:g.data,onTogglePin:function(e,t,a){var n=e?p.a.pinClassroom:p.a.unpinClassroom;i.a.fetch(E,n(v.data,t,a))},activeTab:"students"},(null===(f=null===(s=h.data)||void 0===s?void 0:s.data)||void 0===f?void 0:f.length)?r.a.createElement(ee,{classroom:v.data,students:h.data,groups:b.data.data,onToggleGroup:function(t,a,n){var r={id:a.id,studentCount:1},o=n?p.a.addStudentsToGroup([t.id],a.id,e.id,(function(){m.a.logUserAction(r,Object.assign(Object.assign({},le),{actionType:d.UserAction.Associate}))})):p.a.removeStudentsFromGroup([t.id],a.id,e.id,(function(){m.a.logUserAction(r,Object.assign(Object.assign({},le),{actionType:d.UserAction.Dissociate}))}));i.a.fetch(E,o)},config:y.data}):r.a.createElement(Y,{classroom:v.data,classroomIdeasText:ce("classroomIdeasText")})):r.a.createElement(oe,null)}}}]);

package/dist/scripts/86-ead65a947b-lite.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[86],{1074:function(e,t,a){"use strict";a.d(t,"a",(function(){return c})),a.d(t,"b",(function(){return s}));var n=a(0),i=a(1072),r=a(40),o=a(65),l=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(a[n[i]]=e[n[i]])}return a};function c(e){var t=e.castInitialValues,a=e.castValuesOnSubmit,c=e.initialValues,s=e.onSubmit,u=l(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),m=t&&e.validationSchema?e.validationSchema.cast(function e(t){var a=o.a.deepClone(t);return Object.keys(a).forEach((function(t){a.hasOwnProperty(t)&&(o.a.isObject(a[t])?a[t]=e(a[t]):null===a[t]&&delete a[t])})),a}(c)):c,d={allowInitialSubmit:e.allowInitialSubmit};return n.createElement(i.d,Object.assign({enableReinitialize:!0},u,{initialValues:m,onSubmit:function(t,n){var i=n.setSubmitting,r=n.resetForm,o=a&&e.validationSchema?e.validationSchema.cast(t):t;s(o,(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.reset&&r(),i(!1)}))},initialStatus:d}),r.a.isFunction(e.children)?function(t){return e.children(t)}:n.Children.count(e.children)?e.children:null)}function s(){return Object(i.f)()}c.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},1077:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),i=a(1072),r=a(33),o=a(1081),l=a(83);function c(e){var t=Object(i.f)(),a=Object(o.a)(t);return n.createElement(r.Button,{variant:e.variant||"primary",type:"submit",disabled:!a,size:e.size,className:e.className?e.className:""},t.isSubmitting?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.submitText?n.createElement(n.Fragment,null,e.submitText):n.createElement(l.b,{namespace:"shared.formButtons",phrase:e.isNew?"create":"save"}))}},1079:function(e,t,a){"use strict";var n=a(0),i=a(1072),r=a(33),o=a(65),l=a(40),c=a(1082),s=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(a[n[i]]=e[n[i]])}return a};function u(e){var t=e.label,a=e.checkboxLabelClassName,i=e.checkboxLabelFontWeight,o=s(e,["label","checkboxLabelClassName","checkboxLabelFontWeight"]);return n.createElement(r.Form.Group,null,n.createElement("div",{className:"custom-control custom-checkbox"},n.createElement(v,Object.assign({className:"custom-control-input"},o)),n.createElement(r.Form.Label,{className:"custom-control-label cursor-pointer ".concat("normal"===i?"font-weight-normal":""," \n          ").concat(a),htmlFor:o.id},t)))}var m=a(68),d=a(27),b=a(83);function f(e){var t=Object(i.f)().values[e.fieldName];return"string"!=typeof t?n.createElement(n.Fragment,null):n.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}a.d(t,"a",(function(){return v})),a.d(t,"b",(function(){return h}));var p=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(a[n[i]]=e[n[i]])}return a};function v(e){var t=e.children,a=p(e,["children"]);return n.createElement(i.b,Object.assign({},o.a.omit(a,["formSize"])),l.a.isFunction(t)?function(e){return t(e)}:n.Children.count(t)?t:null)}function h(e){var t=e.label,a=e.className,l=e.showCharacterCounter,s=e.showRequiredStar,h=e.infoTooltip,y=e.infoText,E=e.formSize,g=e.showOptionalLabel,O=p(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoText","formSize","showOptionalLabel"]),S=Object(i.f)(),w=S.errors,k=S.touched,j=function(){};if("checkbox"===O.type){var x=o.a.omit(e,["formSize"]);return e.disabled&&(x.onChange=j),n.createElement(u,Object.assign({},x))}var N=Object.assign(Object.assign({},O),{className:c.a.getCustomFormControlClassName(w,k,O.name,E,a)});return e.disabled&&(N.onChange=j),n.createElement(r.Form.Group,null,!!t&&n.createElement(r.Form.Label,{htmlFor:O.id,className:"d-flex align-items-center"},t,s&&n.createElement("span",{className:"text-danger"},"*"),h&&n.createElement(m.a,{svgName:d.b.Info,title:h,tooltipPlacement:"top",tooltipSpanHack:!0}),g&&n.createElement("span",{className:"text-muted"}," ",n.createElement(b.b,{namespace:"shared.formField",phrase:"optional"}))),n.createElement(v,Object.assign({},N)),!!l&&!!O.maxLength&&n.createElement(f,{fieldName:O.name,limit:O.maxLength}),!!y&&n.createElement(r.Form.Text,{className:"text-muted"},y),n.createElement(i.a,{name:O.name},(function(e){return n.createElement(r.Form.Control.Feedback,{type:"invalid"},e)})))}v.defaultProps={autoComplete:"off"},h.defaultProps={autoComplete:"off"}},1081:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==a)return;var n,i,r=[],o=!0,l=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(r.push(n.value),!t||r.length!==t);o=!0);}catch(e){l=!0,i=e}finally{try{o||null==a.return||a.return()}finally{if(l)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return r(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function o(e){var t,a=i(n.useState(!1),2),r=a[0],o=a[1];return n.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?o(!0):o(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),n.useEffect((function(){e.isSubmitting&&o(!1)}),[e.isSubmitting]),r}},1082:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(1072),i={getCustomFormControlClassName:function(e,t,a,i,r){var o="form-control";return"sm"===i&&(o+=" form-control-sm"),"lg"===i&&(o+=" form-control-lg"),Object(n.e)(t,a)&&Object(n.e)(e,a)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},1151:function(e,t,a){"use strict";function n(e){var t,a,n,i,r,o;if(!e)return null;var l=Object.assign(Object.assign({},e),{video:null,clip:null});return(null===(t=null==e?void 0:e.clip)||void 0===t?void 0:t.id)?(l.clip={id:null===(a=null==e?void 0:e.clip)||void 0===a?void 0:a.id},(null===(n=e.clip.video)||void 0===n?void 0:n.id)&&(l.video={id:null===(i=e.clip.video)||void 0===i?void 0:i.id})):(null===(r=null==e?void 0:e.video)||void 0===r?void 0:r.id)&&(l.video={id:null===(o=null==e?void 0:e.video)||void 0===o?void 0:o.id}),l}a.d(t,"a",(function(){return n}))},1193:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),i=a.n(n),r=a(113),o=a(68),l=a(27);function c(e){return i.a.createElement(r.a,{title:e.tooltipText,spanHack:!0,spanHackClassName:"d-inline-block"},i.a.createElement(o.a,{svgName:l.b.Info}))}},1479:function(e,t,a){"use strict";function n(e){var t,a,n;return e?(null===(t=null==e?void 0:e.video)||void 0===t?void 0:t.id)||(null===(n=null===(a=null==e?void 0:e.clip)||void 0===a?void 0:a.video)||void 0===n?void 0:n.id):null}a.d(t,"a",(function(){return n}))},2197:function(e,t,a){"use strict";a.r(t);var n=a(0),i=a.n(n),r=a(79),o=a(8),l=a(10),c=a(3),s=a(60),u=a(264),m=a(263),d=a(1479),b=a(270),f=a(201),p=a(1100),v=a(1072),h=a(33),y=a(1074),E=a(1107),g=a(31),O=a(1101),S=a(2),w=a(1079),k=a(83),j=a(1077),x=a(1193),N="interactives.editInteractiveDetails",C=o.a.encloseNamespace(N),F=p.object().shape({name:p.string().trim().max(255,(function(){return C("titleTooLong")})).required((function(){return C("titleRequired")})).default(""),description:p.string().max(16e3,(function(){return C("descriptionTooLong")})).default("")});function I(e){var t=e.interactiveMetadata,a=e.onClickCancel,n=Object(y.b)();return i.a.createElement(v.c,null,i.a.createElement("div",{className:"row form-group"},i.a.createElement("div",{className:"col-5"},i.a.createElement(E.a,{video:t,type:"static",imageOptions:{size:g.b.Small},textPosition:O.a.Independent,preload:!0,analyticsOptions:{location:S.LocationContext.Popup}})),i.a.createElement("div",{className:"col-7"},i.a.createElement("h2",{className:"h6"},n.values.name))),i.a.createElement(w.b,{label:C("nameLabel"),type:"text",name:"name",id:"name",placeholder:C("namePlaceholder"),autoFocus:!0,value:n.values.name,formSize:"lg"}),i.a.createElement(w.b,{label:C("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:C("descriptionPlaceholder"),value:n.values.description,formSize:"lg"}),i.a.createElement(h.Form.Group,null,i.a.createElement("div",{className:"custom-control custom-checkbox"},i.a.createElement(w.a,{className:"custom-control-input",label:C("immediateFeedbackLabel"),name:"immediateFeedback",id:"immediateFeedback",type:"checkbox",checked:n.values.immediateFeedback,formSize:"lg"}),i.a.createElement(h.Form.Label,{className:"custom-control-label",htmlFor:"immediateFeedback"},C("immediateFeedbackLabel")," "),i.a.createElement(x.a,{tooltipText:C("immediateFeedbackTooltip")}))),i.a.createElement("div",{className:"btn-container d-flex justify-content-end"},i.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:a},i.a.createElement(k.b,{namespace:N,phrase:"cancel"})),i.a.createElement(j.a,{variant:"dark",isNew:!1,submitText:e.publish?C("publish"):C("save")})))}function P(e){var t=e.video,a=e.interactive,n=e.interactiveMetadata,r=e.onSubmit,o=e.onClickCancel,l=e.publish,c={name:n.name||"",description:n.description,immediateFeedback:a.immediateFeedback};return i.a.createElement(y.a,{initialValues:c,validationSchema:F,allowInitialSubmit:!0,onSubmit:r},i.a.createElement(I,{interactiveMetadata:n,video:t,onClickCancel:o,publish:l}))}var T=a(136),L=a(5),V=a(7),A=a(1151),z=a(30);a.d(t,"EditInteractiveDetailsView",(function(){return M}));var D=o.a.encloseNamespace("interactives.editInteractiveDetailsView");function M(e){var t=e.interactiveMetadataId,a=e.publish,i=e.closePopup,o=Object(r.useDispatch)(),p=Object(m.a)(),v=l.a.useBasicFetch(b.a.interactiveMetadata(t)),h=Object(d.a)(v.data),y=l.a.useBasicFetch(v.data?f.a.video(h):null),E=l.a.useBasicFetch(v.data?b.a.interactive(v.data.interactiveId):null);function g(){p.error(D("error")),i()}function O(){var e=Object(A.a)(v.data);z.a.logUserAction(e,{actionType:a?S.UserAction.Publish:S.UserAction.Edit,entity:S.EntityType.Interactive,location:S.LocationContext.EditInteractiveDetails,workflowPhase:S.WorkflowPhase.Discard,descriptor:a?S.PublishDescriptor.Publish:void 0}),i()}var w=!!y.data&&!!v.data&&!!E.data;return n.createElement(u.a,{title:D(a?"publishHeader":"editHeader"),closePopup:O,showLoadingSpinner:!w},n.createElement(P,{interactive:E.data,interactiveMetadata:v.data,video:y.data,onClickCancel:O,onSubmit:function(e){var n={id:E.data.id,name:e.name,duration:y.data.duration,immediateFeedback:!!e.immediateFeedback},r={name:e.name,description:e.description,status:a?T.a.Published:v.data.status},u=0,m=function(){u<1?u++:function(e){i(),p.success(D("success",{name:e,escapeText:!0}));var n=Object(A.a)(v.data);z.a.logUserAction(n,{actionType:a?S.UserAction.Publish:S.UserAction.Edit,entity:S.EntityType.Interactive,location:S.LocationContext.EditInteractiveDetails,workflowPhase:a?S.WorkflowPhase.Complete:S.WorkflowPhase.Save,descriptor:a?S.PublishDescriptor.Publish:void 0}),a&&c.a.AppLinkHelper.trigger({application:L.a.INTERACTIVES,action:V.a.Interactives.VIEW_INTERACTIVE,args:[t,s.a.slugify(e)]})}(e.name)};l.a.fetch(o,b.a.updateInteractive(E.data.id,n,m,g)),l.a.fetch(o,b.a.updateInteractiveMetadata(v.data.id,r,m,g))},publish:a}))}}}]);

package/dist/scripts/87-3e4822bb87-lite.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[87],{1149:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0);function r(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return o(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function i(e,t){var a,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=function(){e(),window.clearTimeout(a),a=window.setTimeout(t,100)};n.useEffect((function(){return window.addEventListener("resize",t?i:e),function(){return window.removeEventListener("resize",t?i:e)}}),r(o))}},1150:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(265);function r(e){switch(e){case n.ClassroomGroupColour.Pink:return"pink";case n.ClassroomGroupColour.Orange:return"orange";case n.ClassroomGroupColour.Green:return"green";case n.ClassroomGroupColour.Blue:return"blue";case n.ClassroomGroupColour.Purple:return"purple";case n.ClassroomGroupColour.Indigo:return"indigo";default:return"pink"}}},1224:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a.n(n);function o(e){var t=r.a.useRef();return r.a.useEffect((function(){t.current=e})),t.current}},1262:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a.n(n),o=a(1224);function i(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==a)return;var n,r,o=[],i=!0,s=!1;try{for(a=a.call(e);!(i=(n=a.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==a.return||a.return()}finally{if(s)throw r}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var l=function(e){var t,a,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},c=r.a.useState(!1),l=s(c,2),u=l[0],d=l[1],m=r.a.useState({}),p=s(m,2),f=p[0],g=p[1],v=n.idField,h=void 0===v?"id":v,b=Object(o.a)(e);function y(){if(null==e?void 0:e.length){var t=e.reduce((function(e,t){var a,r=!1;return(null===(a=null==n?void 0:n.preselectedIds)||void 0===a?void 0:a.includes(t[h]))&&(r=!0),e[t[h].toString()]=r,e}),{});g(t)}}function E(){var t=Object.keys(f).some((function(e){return f[e]})),a=!u&&!t;d(a);var n=e.reduce((function(e,t){return e[t[h]]=a,e}),{});g(n)}function S(t){var a=!f[t.toString()],n=Object.assign(Object.assign({},f),i({},t.toString(),a));g(n),Object.keys(n).filter((function(e){return n[e]})).length!==e.length?!a&&u&&d(!1):d(!0)}function C(e){return!!u||("string"!=typeof e&&"number"!=typeof e&&(e=e[h]),f[e])}function k(){return u?Object.keys(f):Object.keys(f).filter((function(e){return f[e]}))}function w(){u&&d(!1);var t=e.reduce((function(e,t){return e[t[h]]=!1,e}),{});g(t)}function N(){return!!(null==e?void 0:e.length)&&(!!u||!!e.find((function(e){return C(e)})))}return r.a.useEffect((function(){(null==b?void 0:b.map((function(e){return e[h]})).join())!==(null==e?void 0:e.map((function(e){return e[h]})).join())&&y()}),[b,e,null===(t=null==n?void 0:n.preselectedIds)||void 0===t?void 0:t.length]),r.a.useEffect(y,[null===(a=null==n?void 0:n.preselectedIds)||void 0===a?void 0:a.length]),{onToggleBulk:E,onToggleItem:S,getSelected:k,isChecked:C,bulkChecked:u,deselectAll:w,hasSomeSelections:N}}},1633:function(e,t,a){e.exports={avatarContainer:"_3oikm",name:"FmX8Q"}},1635:function(e,t,a){e.exports={heading:"_3W4zl",avatar:"_3r0Pb",checkbox:"_11WXC",actionIcon:"_1K3UF",addStudents:"_1sqTe",studentName:"_3cfGe",group:"_2HHY1",sm:"_3_EMi",lg:"_3L-SN",moreActions:"_9PVrB"}},2146:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),o=a(79),i=a(10),s=a(8),c=a(266),l=a(21),u=a(127),d=a(2),m=a(30),p=a(376),f=a(3),g=a(263),v=a(83),h=a(174),b=a(149),y=a(68),E=a(27),S=a(392),C=a(99),k=a(42),w=a(5),N=a(7),T=a(1262),A=a(40),O=a(1084),x=a(126),I=a(1149),U=a(87),j=a(53),G=a(380),P=a(267),D=a(33),L=a(51),_=a(1150);function M(e){var t;return e.group?r.a.createElement("div",{className:"classroom-pill text-white bg-".concat(Object(_.a)(null===(t=e.group.metadata)||void 0===t?void 0:t.colour))},e.group.name):r.a.createElement(r.a.Fragment,null)}function R(e){return e.count?r.a.createElement(h.a,{onClick:e.onClick,className:"classroom-pill bg-white border border-dark"},"+",e.count):r.a.createElement(r.a.Fragment,null)}var F="classrooms.classroomGroupDropdown",B=function(e,t){return e.filter((function(e){return t.users.data.find((function(t){return t.id.toString()===e.id.toString()}))})).length};function H(e){var t,a=Object(T.a)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),n=a.onToggleItem,o=a.isChecked;r.a.useEffect((function(){e.groups.forEach((function(t){var a=B(e.selectedStudents,t);(!a||a!==e.selectedStudents.length||o(t.id))&&(a||!o(t.id))||n(t.id)}))}));var i,c,l={alignRight:!!e.alignRight};return e.disabled&&(l.show=!1),r.a.createElement(D.Dropdown,Object.assign({},l),r.a.createElement(D.Dropdown.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("mr-2 d-inline-block svg-container sm"," no-caret")},r.a.createElement(y.a,{svgName:E.b.Group,title:s.a.getPhrase(F,"addToGroupTooltip"),tooltipPlacement:"top",tooltipSpanHack:!0,tooltipSpanHackClassName:""})),r.a.createElement(D.Dropdown.Menu,null,!!(null===(t=e.groups)||void 0===t?void 0:t.length)&&r.a.createElement("div",{className:"px-2 border-bottom mb-1"},r.a.createElement("p",{className:"mb-0"},r.a.createElement(v.b,{namespace:F,phrase:"addToGroup"})),r.a.createElement("ul",{className:"list-unstyled pr-3"},e.groups.map((function(t){return r.a.createElement("li",{key:t.id,className:"d-flex align-items-center bg-white my-1"},r.a.createElement(S.a,{id:"".concat(e.id,":").concat(t.id),checked:o(t.id),onChange:function(){return function(t){var a=!o(t.id);e.onSelectGroup(t,a),n(t.id)}(t)},indeterminate:!!B(e.selectedStudents,t)}),r.a.createElement(M,{group:t}))})))),r.a.createElement(L.a,{onClick:function(){m.a.logUserAction({},m.a.mergeOptions(e.analyticsOptions,{actionType:d.UserAction.Create,workflowPhase:d.WorkflowPhase.Start,entity:d.EntityType.ClassroomGroup}))},appLink:(i=e.classroom.id,c=e.selectedStudents,{application:w.a.CLASSROOMS,action:N.a.Classrooms.NEW_GROUP,args:[i],params:{addStudents:c.map((function(e){return e.id}))}}),className:"text-nowrap d-flex align-items-center px-2"},r.a.createElement(y.a,{svgName:E.b.Plus}),r.a.createElement(v.b,{namespace:F,phrase:"createNew"}))))}H.defaultProps={preselections:[]};var W=a(1633),V=a.n(W);function z(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==a)return;var n,r,o=[],i=!0,s=!1;try{for(a=a.call(e);!(i=(n=a.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==a.return||a.return()}finally{if(s)throw r}}return o}(e,t)||X(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X(e,t){if(e){if("string"==typeof e)return $(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?$(e,t):void 0}}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var J=s.a.encloseNamespace("classrooms.manageClassroomStudentItem");function q(e){var t,a=z(r.a.useState(!1),2),n=a[0],o=a[1],i=z(r.a.useState(!1),2),s=i[0],c=i[1],l=z(r.a.useState({}),2),u=l[0],p=l[1],f=r.a.useRef(null),g=r.a.useRef(null),v=Object(U.a)().hasPermissions;r.a.useEffect((function(){k(),s||o(!0)}),[e.selectedGroups.length]);var h,b,y,E,C=A.a.throttle((function(){k(),o(!0)}),300);function k(){p(e.selectedGroups.reduce((function(e,t){return e[t.id]=!0,e}),{}))}return Object(I.a)((function(){s||C()})),r.a.useEffect((function(){if(f.current&&g.current&&n){var e=f.current.firstElementChild;if(e){var t,a,r=e.getBoundingClientRect().y,i={},s=function(e,t){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=X(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,s=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return i=e.done,e},e:function(e){s=!0,o=e},f:function(){try{i||null==a.return||a.return()}finally{if(s)throw o}}}}(f.current.children);try{for(s.s();!(a=s.n()).done;){var c=a.value;c.id&&(i[c.id]=c.getBoundingClientRect().y===r,t=i[c.id]?c.id:t)}}catch(e){s.e(e)}finally{s.f()}g.current.getBoundingClientRect().y!==r&&(i[t]=!1),p(i),o(!1)}}}),[n]),r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement(S.a,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"mr-2"}),r.a.createElement("div",{className:"".concat(V.a.avatarContainer," mr-2")},r.a.createElement(G.a,{imageCdnUrl:e.config.imageCdnUrl,initials:P.a.getInitials(e.student.name,e.student.surname),imageUrl:null===(t=e.student.avatar)||void 0===t?void 0:t.url})),r.a.createElement("p",{className:"mr-2 ".concat(V.a.name," text-truncate text-nowrap")},e.student.name," ",e.student.surname),r.a.createElement("div",{className:"".concat(n?"invisible":""," mr-auto d-flex flex-wrap mt-n1"),ref:f},e.selectedGroups.map((function(e){return u[e.id]?r.a.createElement("div",{key:e.id,className:"mr-1 mt-1",id:e.id},r.a.createElement(M,{group:e})):r.a.createElement(r.a.Fragment,{key:e.id})})),r.a.createElement("div",{ref:g,className:"mr-1 mt-1"},r.a.createElement(R,{count:Object.keys(u).reduce((function(e,t){return u[t]||e++,e}),0),onClick:function(){c(!0),k()}}))),r.a.createElement(H,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.classroomGroups,selectedStudents:[e.student],preselections:e.selectedGroups,onSelectGroup:function(t,a){return e.onToggleGroup(e.student,t,a)},analyticsOptions:{location:d.LocationContext.ManageClassroomStudentListItem},alignRight:!0}),r.a.createElement(O.a,{actions:(E=[],v(j.a.ManageUsers)&&E.push({label:J("editStudent"),appLink:(h=e.student.id,{application:w.a.USER_MANAGER,action:N.a.UserManager.EDIT_USER,args:[h],params:{userType:x.a.Learner}}),onClick:function(){m.a.logUserAction({id:e.student.id},{actionType:d.UserAction.Edit,entity:d.EntityType.User,workflowPhase:d.WorkflowPhase.Start,location:d.LocationContext.ManageClassroomStudentListItem})}}),E.push({label:J("removeStudent"),appLink:(b=e.student.id,y=e.classroom.id,{application:w.a.CLASSROOMS,action:N.a.Classrooms.REMOVE_STUDENTS,args:[y],params:{studentIds:[b]}}),className:"text-danger",onClick:function(){m.a.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:d.UserAction.Dissociate,entity:d.EntityType.Classroom,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Start,location:d.LocationContext.ManageClassroomStudentListItem})}}),E),actionsDropdownClassName:"btn"}))}var K=a(59),Q=a(203);function Y(e){return r.a.createElement(v.a.Provider,{value:"classrooms.manageClassroomStudentsEmptyState"},r.a.createElement(Q.a,null,r.a.createElement(Q.a.Image,{src:K.a.EmptyStates.Classrooms.STUDENTS}),r.a.createElement(Q.a.Heading,null,r.a.createElement(v.b,{phrase:"emptyStateHeading"})),r.a.createElement(Q.a.Info,null,r.a.createElement(v.b,{phrase:"emptyStateInfo"})),r.a.createElement(Q.a.Cta,{text:s.a.getPhrase("classrooms.manageClassroomStudentsEmptyState","addStudents"),icon:E.b.Plus,appLink:{application:w.a.CLASSROOMS,action:N.a.Classrooms.ADD_STUDENTS_CHOICES,args:[e.classroom.id]}}),r.a.createElement("a",{className:"btn btn-link info-link",href:"https://static.clickview.com.au/Primary/Documents/Student-engagement-ideas.pdf",target:"_blank"},e.classroomIdeasText)))}var Z=s.a.encloseNamespace("classrooms.manageClassroomStudents");function ee(e){var t,a=e.classroom,r=e.students,c=e.groups,l=Object(o.useDispatch)(),u=Object(g.a)(),A=Object(T.a)(r.data),O=A.getSelected().length,x=c.filter((function(e){var t,a;if(!(null===(a=null===(t=e.users)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length))return!1;var n=!0,r=0,o=A.getSelected();if(o.length){var i=function(){var t=o[r];e.users.data.find((function(e){return e.id.toString()===t.toString()}))||(n=!1),r++};do{i()}while(r<o.length);return n}}));var I=Object(C.a)(k.a.XLDown);return(null===(t=r.data)||void 0===t?void 0:t.length)?n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 ".concat(I?"pl-2":"pl-4")},n.createElement(S.a,{id:"manage-classroom-students-bulk",onChange:A.onToggleBulk,checked:A.bulkChecked,className:"mr-2",indeterminate:A.hasSomeSelections()}),n.createElement(H,{id:"bulk-add-group",classroom:a,selectedStudents:A.getSelected().map((function(t){return e.students.data.find((function(e){return e.id.toString()===t.toString()}))})),groups:c,onSelectGroup:function(e,t){var n=A.getSelected(),r=t?p.a.addStudentsToGroup:p.a.removeStudentsFromGroup;i.a.fetch(l,r(n,e.id,a.id,(function(){m.a.logUserAction({id:e.id,studentCount:n.length},{actionType:d.UserAction.Associate,entity:d.EntityType.ClassroomGroup,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Complete,location:d.LocationContext.ManageClassroomStudents}),u.success(Z("addSuccess",{groupName:e.name,escapeText:!0}))}),(function(){u.error(Z("addError",{groupName:e.name,escapeText:!0}))})))},disabled:!O,preselections:x,analyticsOptions:{location:d.LocationContext.ManageClassroomStudents}}),n.createElement(h.a,{className:"mr-auto ".concat(O?"":"text-light cursor-default"),onClick:function(){if(O){var e=A.getSelected();m.a.logUserAction({id:a.id,studentCount:e.length},{entity:d.EntityType.Classroom,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Start,actionType:d.UserAction.Dissociate,location:d.LocationContext.ManageClassroomStudents}),f.a.AppLinkHelper.trigger({application:w.a.CLASSROOMS,action:N.a.Classrooms.REMOVE_STUDENTS,args:[a.id],params:{studentIds:e}})}}},n.createElement(y.a,{svgName:E.b.Delete,title:s.a.getPhrase("classrooms.manageClassroomStudents","delete"),tooltipPlacement:"top",tooltipSpanHack:!0})),n.createElement(b.a,{onClick:function(){m.a.logUserAction({id:a.id},{entity:d.EntityType.Classroom,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Start,actionType:d.UserAction.Associate,location:d.LocationContext.ManageClassroomStudents}),f.a.AppLinkHelper.trigger({application:w.a.CLASSROOMS,action:N.a.Classrooms.ADD_STUDENTS_CHOICES,args:[a.id]})},svgName:E.b.Plus,className:"btn btn-outline-dark"},n.createElement(v.b,{namespace:"classrooms.manageClassroomStudents",phrase:"addStudent"}))),n.createElement("ul",{className:"striped-list list-unstyled"},r.data.map((function(t){return n.createElement("li",{key:t.id},n.createElement(q,{classroom:a,student:t,classroomGroups:e.groups,config:e.config,selectedGroups:e.groups.filter((function(e){return e.users.data.find((function(e){return e.id===t.id}))})),checked:A.isChecked(t.id),onToggleCheckbox:function(){return A.onToggleItem(t.id)},onToggleGroup:e.onToggleGroup}))})))):n.createElement(Y,{classroom:e.classroom,classroomIdeasText:Z("classroomIdeasText")})}var te=a(1078),ae=a(1390),ne=a(1635),re=a.n(ne),oe=r.a.memo((function(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(re.a.heading)}),r.a.createElement("div",{className:"pb-3"},r.a.createElement(te.c,{numItems:2})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(ae.a,null)),r.a.createElement("div",{className:"d-flex align-items-center py-2"},r.a.createElement("div",{className:"mx-4 partial-loading-background ".concat(re.a.checkbox)}),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(re.a.actionIcon)}),r.a.createElement("div",{className:"mr-auto partial-loading-background ".concat(re.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.addStudents)})),r.a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,t){return r.a.createElement("li",{key:t},r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(re.a.checkbox)}),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(re.a.avatar)}),r.a.createElement("div",{className:"w-25"},r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.studentName)})),r.a.createElement("div",{className:"mr-auto d-flex"},Math.random()>.5?r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"partial-loading-background rounded-pill mr-1 ".concat(re.a.group," ").concat(re.a.lg)}),r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(re.a.group," ").concat(re.a.sm)})):r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(re.a.group," ").concat(re.a.sm)})),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(re.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.moreActions)})))}))))})),ie=a(1497),se=a(1490);a.d(t,"ClassroomStudentsView",(function(){return ue}));var ce=s.a.encloseNamespace("classrooms.classroomStudents"),le={entity:d.EntityType.ClassroomGroup,descriptor:d.AssocDescriptor.User,workflowPhase:d.WorkflowPhase.Complete,location:d.LocationContext.ManageClassroomStudentListItem};function ue(e){var t,a,n,s,f,g=i.a.useBasicFetch(l.a.currentUser()),v=i.a.useBasicFetch(g.data&&p.a.getClassroom(e.id,g.data.id)),h=i.a.useBasicFetch(p.a.getClassroomStudents(e.id)),b=i.a.useBasicFetch(p.a.getClassroomGroups(e.id)),y=i.a.useBasicFetch(u.a.config()),E=Object(o.useDispatch)();return Object(c.a)(ce("pageTitle",{classroomName:null===(t=v.data)||void 0===t?void 0:t.name})),Object(se.a)(v),v.data&&(null===(a=h.data)||void 0===a?void 0:a.data)&&(null===(n=b.data)||void 0===n?void 0:n.data)&&y.data?r.a.createElement(ie.a,{classroom:v.data,currentUser:g.data,onTogglePin:function(e,t,a){var n=e?p.a.pinClassroom:p.a.unpinClassroom;i.a.fetch(E,n(v.data,t,a))},activeTab:"students"},(null===(f=null===(s=h.data)||void 0===s?void 0:s.data)||void 0===f?void 0:f.length)?r.a.createElement(ee,{classroom:v.data,students:h.data,groups:b.data.data,onToggleGroup:function(t,a,n){var r={id:a.id,studentCount:1},o=n?p.a.addStudentsToGroup([t.id],a.id,e.id,(function(){m.a.logUserAction(r,Object.assign(Object.assign({},le),{actionType:d.UserAction.Associate}))})):p.a.removeStudentsFromGroup([t.id],a.id,e.id,(function(){m.a.logUserAction(r,Object.assign(Object.assign({},le),{actionType:d.UserAction.Dissociate}))}));i.a.fetch(E,o)},config:y.data}):r.a.createElement(Y,{classroom:v.data,classroomIdeasText:ce("classroomIdeasText")})):r.a.createElement(oe,null)}}}]);