@clickview/lite 0.0.37-rc.1 → 0.0.37-rc.3

package/dist/scripts/52-a8a294da6e-lite.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[52],{1028:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(46),o=a(158),i=a(142),c=a(1051),s=a(358);function l(e){var t=n.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),a=[],l=[];t.forEach((function(e){e.button?a.push(e):l.push(e)}));var u="d-flex";return e.className&&(u+=" ".concat(e.className)),a.length||l.length?n.createElement("div",{className:u},n.createElement(n.Fragment,null,n.createElement("span",{className:"d-flex align-items-center"},a.length?a.map((function(e,t){return n.createElement(n.Fragment,{key:t},function(){if(e.label){var t=r.a.isFunction(e.label)?e.label:function(){return e.label};return n.createElement(s.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var a=n.createElement(o.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?n.createElement(i.a,{title:e.tooltip,spanHack:!0},a):a}())})):n.createElement(n.Fragment,null),e.sortComponent&&e.sortComponent,l.length?n.createElement(c.a,{actions:l,dropdownToggleClassName:e.actionsDropdownClassName}):n.createElement(n.Fragment,null)))):n.createElement(n.Fragment,null)}},1029:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(4),r=a(114),o=a(238),i=a(123),c=a(350),s=a(351),l={notFound:o.a,forbidden:{rating:c.a,yearLevel:c.a,region:s.a,privacy:c.a},badRequest:i.a};function u(e){var t,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=Object.assign(Object.assign({},l),a);if(e){var i=+(null===(t=null==e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));i!==r.b.ClientError&&i!==r.b.ServerError||(e!==r.a.NotFound?e!==r.a.Forbidden?n.a.ErrorHelper.throw(new o.badRequest):n.a.ErrorHelper.throw(new o.forbidden.privacy):n.a.ErrorHelper.throw(new o.notFound))}}},1042:function(e,t,a){"use strict";function n(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||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)||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 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}a.d(t,"a",(function(){return o}));var o={getPartialLoadingItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.numItems,a=void 0===t?5:t,r=e.minWidth,o=void 0===r?50:r,i=e.maxWidth,c=void 0===i?100:i,s=function(){return Math.max(Math.floor(Math.random()*c),o)};return n(Array(a)).map((function(){return{width:"".concat(s(),"px")}}))}}},1045:function(e,t,a){"use strict";var n,r=a(0),o=a(46),i=a(66),c=a(59),s=a(1042),l=a(57),u=function(e){var t=e.breadcrumb,a=t.label,n=t.appLink,o=t.active;return r.createElement("li",{className:"breadcrumb-item".concat(o?" active":"")},o?r.createElement("strong",null,a):r.createElement(l.a,{appLink:n},a))},m=function(e){var t=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return r.createElement(u,{key:t,breadcrumb:e})})))};function d(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||p(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 f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(n=(i=c.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw o}}return a}(e,t)||p(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 p(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function v(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 b(e,t,a){return{label:e.name,appLink:t(e),active:a}}function g(e){var t=function(e,t){var a=e.currentItem,n=e.getItemAppLink,s=e.getParent,l=e.rootItem,u=e.data,m=e.subview,p=f(Object(r.useState)([]),2),v=p[0],g=p[1],y=null==u?void 0:u.map((function(e){return null==e?void 0:e.name})).join("-");r.useEffect((function(){if(!t)if(i.a.isEmpty(u)){if(!l)return;g([l])}else{var e=u.map((function(e,t){return b(e,n,t+1===u.length)}));l&&e.unshift(l),g(e)}}),[y,n]),r.useEffect((function(){if(t&&o.a.isFunction(s)){var e=[b(a,n,!0)];for(a=s(a);a;)e.unshift(b(a,n)),a=s(a);return l&&e.unshift(l),g(e)}}),[a,s,n,l]);var E=r.useRef({label:m,appLink:null,active:!0}).current;if(m){v.includes(E)||g([].concat(d(v),[E]));var h=v.filter((function(e){return e.active&&e!==E}));h.length&&(c.a.first(h).active=!1)}return v}(e,e.type===n.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(m,{breadcrumbs:t}))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return g})),a.d(t,"c",(function(){return y})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(n||(n={}));var y=r.memo((function(e){var t=e.numItems,a=void 0===t?3:t;return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},s.a.getPartialLoadingItems({numItems:a}).map((function(e,t){var a=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:a},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},1051:function(e,t,a){"use strict";a.d(t,"a",(function(){return v}));var n=a(0),r=a(293),o=a(46),i=a(35),c=a(73),s=a(57),l=a(142),u=a(25),m=a(1058),d=a.n(m);function f(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function p(e){var t=o.a.isFunction(e.action.label)?e.action.label:function(){return e.action.label};if(e.action.appLink)return n.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:f(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},t());function a(){e.action.analyticsData&&e.action.analyticsOptions&&i.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),o.a.isFunction(e.action.onClick)&&e.action.onClick()}return n.createElement("span",{className:"cursor-pointer ".concat(f(e.action.className)),onClick:a,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&a()}},t())}function v(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var a="actions-dropdown-".concat(r.a.getRandomInt()),o="dropdown-toggle px-0 ".concat(d.a.dropdownToggle);return e.dropdownToggleClassName&&(o+=" ".concat(e.dropdownToggleClassName)),n.createElement("div",{className:t},n.createElement("button",{className:o,type:"button",id:a,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(c.a,{svgName:u.b.More,size:c.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":a},e.actions.map((function(e,t){return e.tooltip?n.createElement(l.a,{key:t,title:e.tooltip,spanHack:!0},n.createElement(p,{action:e})):n.createElement(p,{key:t,action:e})}))))}v.defaultProps={dropdownToggleClassName:"btn btn-light"}},1057:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(1029);function o(e,t){Object(n.useEffect)((function(){Object(r.a)(null==e?void 0:e.statusCode,t)}),[null==e?void 0:e.statusCode,t])}},1058:function(e,t,a){e.exports={dropdownToggle:"AYBvQ"}},1143:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(234);function r(e){switch(e){case n.ClassroomGroupColour.Pink:return"bg-pink";case n.ClassroomGroupColour.Orange:return"bg-orange";case n.ClassroomGroupColour.Green:return"bg-green";case n.ClassroomGroupColour.Blue:return"bg-blue";case n.ClassroomGroupColour.Purple:return"bg-purple";case n.ClassroomGroupColour.Indigo:return"bg-indigo";default:return"bg-pink"}}},1261:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(63),r={canManageClassroom:function(e,t,a){var r,o;return(null===(r=null==t?void 0:t.id)||void 0===r?void 0:r.toString())===(null===(o=null==a?void 0:a.id)||void 0===o?void 0:o.toString())||e([n.a.ManageClassroomGroups,n.a.ManageClassroomStudents])},canEditClassroom:function(e,t,a){var r,o;return(null===(r=null==t?void 0:t.id)||void 0===r?void 0:r.toString())===(null===(o=null==a?void 0:a.id)||void 0===o?void 0:o.toString())||e(n.a.EditClassroomDetails)},canDeleteClassroom:function(e,t,a){var r,o;return(null===(r=null==t?void 0:t.id)||void 0===r?void 0:r.toString())===(null===(o=null==a?void 0:a.id)||void 0===o?void 0:o.toString())||e(n.a.EditClassroomDetails)}}},1302:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a.n(n),o=a(345),i=a(73),c=a(25);function s(e){var t=e.isActive,a=e.onToggle,n=t?"text-yellow":"";return r.a.createElement(o.a,{onClick:a,className:n},r.a.createElement(i.a,{svgName:t?c.b.Star:c.b.StarOutline,size:i.b.Medium}))}},1303:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(8),r=a(69),o=a(6),i=a(9);function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=d(e);if(t){var r=d(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return m(this,a)}}function m(e,t){return!t||"object"!==c(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var f="classrooms.classroomNotFoundError",p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t)}(m,e);var t,a,r,c=u(m);function m(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,m),c.call(this,"Classroom doesn't exist")}return t=m,(a=[{key:"name",get:function(){return"ClassroomNotFoundError"}},{key:"heading",get:function(){return n.a.getPhrase(f,"heading")}},{key:"description",get:function(){return n.a.getPhrase(f,"description")}},{key:"cta",get:function(){return{text:n.a.getPhrase(f,"cta"),appLink:{application:o.a.CLASSROOMS,action:i.a.Classrooms.HOME}}}}])&&s(t.prototype,a),r&&s(t,r),m}(r.a)},1504:function(e,t,a){e.exports={studentCard:"wZAHT",studentCardContent:"G006q",avatarContainer:"_1kFqF",groupIndicators:"_21J2l",actionsContainer:"_3boP_"}},1505:function(e,t,a){e.exports={star:"_3Lb-b",heading:"_2_3Jc",overview:"mHSNP",manageLink:"_2cJBD",studentsHeading:"_1mKV4",studentItem:"K6dTd"}},1905:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),o=a(75),i=a(11),c=a(8),s=a(346),l=a(4),u=a(35),m=a(2),d=a(233),f=a(25),p=a(73),v=a(235),b=a(57),g=a(63),y=a(90),E=a(113),h=a(1045),C=a(159),w=a(33),N=a(238),k=a(1057),S=a(6),O=a(9),A=a(355),x=a(1261),L=a(1303),I=a(291),T=a(352),j=a(347),F=a(1028),M=a(142),P=a(1143),U=a(1504),_=a.n(U),D=c.a.encloseNamespace("classrooms.classroomStudentsList");function R(e){var t,a,n,o,i=Object(y.a)().hasPermissions,c=[];return i(g.a.ManageUsers)&&c.push({label:D("editStudentDetails"),appLink:(a=e.student.id,{application:S.a.USER_MANAGER,action:O.a.UserManager.EDIT_USER,args:[a],params:{userType:I.a.Learner}}),onClick:function(){u.a.logUserAction({id:e.student.id},{actionType:m.UserAction.Edit,entity:m.EntityType.User,workflowPhase:m.WorkflowPhase.Start,location:m.LocationContext.ClassroomOverviewStudentListItem})}}),x.a.canManageClassroom(i,e.currentUser,e.classroom.owner)&&c.push({label:D("removeFromClassroom"),appLink:(n=e.classroom.id,o=e.student.id,{application:S.a.CLASSROOMS,action:O.a.Classrooms.REMOVE_STUDENTS,args:[n],params:{studentIds:[o]}}),onClick:function(){u.a.logUserAction({id:e.student.id},{actionType:m.UserAction.Dissociate,entity:m.EntityType.Classroom,location:m.LocationContext.ClassroomOverviewStudentListItem,descriptor:m.AssocDescriptor.User,workflowPhase:m.WorkflowPhase.Start})},className:"text-danger"}),r.a.createElement("li",{className:"".concat(_.a.studentCard," m-2 bg-white position-relative rounded-lg border border-secondary")},!!c.length&&r.a.createElement("div",{className:_.a.actionsContainer},r.a.createElement(F.a,{actions:c,actionsDropdownClassName:"btn"})),r.a.createElement("div",{className:"".concat(_.a.studentCardContent," w-100 px-1")},r.a.createElement("div",{className:"".concat(_.a.avatarContainer," mb-2")},r.a.createElement(T.a,{imageCdnUrl:e.config.imageCdnUrl,imageUrl:null===(t=e.student.avatar)||void 0===t?void 0:t.url,initials:j.a.getInitials(e.student.name,e.student.surname)})),r.a.createElement("h3",{className:"h6 text-center text-truncate w-100"},e.student.name," ",e.student.surname)),r.a.createElement("ul",{className:"list-unstyled d-flex ".concat(_.a.groupIndicators)},e.groups.slice(0,5).map((function(e){return r.a.createElement(M.a,{key:e.id,title:e.name,spanHack:!0},r.a.createElement("li",{className:"rounded-circle mx-1 ".concat(Object(P.a)(e.metadata.colour))}))}))))}function H(e){return r.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n2"},e.students.map((function(t){return r.a.createElement(R,{key:t.id,student:t,groups:e.groups.filter((function(e){var a;return null===(a=e.users.data)||void 0===a?void 0:a.find((function(e){return e.id===t.id}))})),classroom:e.classroom,currentUser:e.currentUser,config:e.config})})))}var B=a(1302),G=a(1505),W=a.n(G);function J(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"d-flex justify-content-between mb-3"},r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"m-1 mb-0"},r.a.createElement("div",{className:"".concat(W.a.star," partial-loading-background")})),r.a.createElement("div",null,r.a.createElement("div",{className:"".concat(W.a.heading," mb-1 partial-loading-background")}),r.a.createElement("div",{className:"".concat(W.a.overview," partial-loading-background")}))),r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"".concat(W.a.manageLink," partial-loading-background")}))),r.a.createElement("div",null,r.a.createElement("div",{className:"".concat(W.a.studentsHeading," partial-loading-background mb-2")}),r.a.createElement("div",{className:"d-flex flex-wrap mx-n2"},Array(15).fill(null).map((function(e,t){return r.a.createElement("div",{key:t,className:"".concat(W.a.studentItem," partial-loading-background m-2 rounded-lg")})})))))}a.d(t,"ClassroomView",(function(){return V}));var q=c.a.encloseNamespace("classrooms.classroom");function V(e){var t,a,n,c=i.a.useBasicFetch(w.a.currentUser()),I=i.a.useBasicFetch(c.data&&A.a.getClassroom(e.id,c.data.id)),T=i.a.useBasicFetch(A.a.getClassroomStudents(e.id)),j=i.a.useBasicFetch(A.a.getClassroomGroups(e.id)),F=i.a.useBasicFetch(E.a.config());Object(s.a)(null===(t=I.data)||void 0===t?void 0:t.name),Object(k.a)(I,{notFound:L.a});var M=Object(o.useDispatch)(),P=Object(v.a)(),U=Object(y.a)().hasPermissions;if(!U(g.a.ViewClassrooms))return l.a.ErrorHelper.throw(new N.a),r.a.createElement(r.a.Fragment,null);if(!(I.data&&(null===(a=T.data)||void 0===a?void 0:a.data)&&F.data&&(null===(n=j.data)||void 0===n?void 0:n.data)))return r.a.createElement(J,null);var _,D=x.a.canManageClassroom(U,c.data,I.data.owner);return!T.data.data.length&&D?(l.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:O.a.Classrooms.MANAGE_CLASSROOM,args:[I.data.id],params:{tab:"students"}},{replace:!0}),r.a.createElement(r.a.Fragment,null)):r.a.createElement(d.a.Provider,{value:"classrooms.classroom"},r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"d-flex justify-content-between pb-1"},r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"mt-1 mr-1"},r.a.createElement(B.a,{isActive:C.a.isFavouritedByCurrentUser(I.data),onToggle:function(){C.a.isFavouritedByCurrentUser(I.data)?i.a.fetch(M,A.a.unpinClassroom(I.data,(function(){u.a.logUserAction({id:I.data.id},{location:m.LocationContext.ClassroomOverview,actionType:m.UserAction.Favourite,descriptor:m.ToggleDescriptor.Off,entity:m.EntityType.Classroom,workflowPhase:m.WorkflowPhase.Complete}),P.success(q("unstarSuccess",{classroomName:I.data.name}))}),(function(){P.error(q("unstarError",{classroomName:I.data.name}))}))):i.a.fetch(M,A.a.pinClassroom(I.data,(function(){u.a.logUserAction({id:I.data.id},{location:m.LocationContext.ClassroomOverview,actionType:m.UserAction.Favourite,descriptor:m.ToggleDescriptor.On,entity:m.EntityType.Classroom,workflowPhase:m.WorkflowPhase.Complete}),P.success(q("starSuccess",{classroomName:I.data.name}))}),(function(){P.error(q("starError",{classroomName:I.data.name}))})))}})),r.a.createElement("h1",{className:"mb-0"},I.data.name)),D&&r.a.createElement(b.a,{className:"d-flex align-items-center",appLink:(_=I.data.id,{application:S.a.CLASSROOMS,action:O.a.Classrooms.MANAGE_CLASSROOM,args:[_],params:{tab:"students"}})},r.a.createElement(p.a,{className:"mr-1 svg-container",svgName:f.b.Cog}),r.a.createElement(d.b,{phrase:"manageClassroom"}))),r.a.createElement("div",{className:"pb-3"},r.a.createElement(h.b,{type:h.a.Static,data:[{name:q("classroomsBreadcrumb")},I.data],currentItem:I.data,getItemAppLink:function(){return{application:S.a.CLASSROOMS,action:O.a.Classrooms.HOME}}})),r.a.createElement("div",null,r.a.createElement("h2",{className:"h5"},r.a.createElement(d.b,{phrase:"students"})),r.a.createElement(H,{classroom:I.data,students:T.data.data,groups:j.data.data,config:F.data,currentUser:c.data}))))}}}]);