@clickview/reports 0.0.26 → 0.0.27-rc.0

package/dist/scripts/{24-192d8a65eb-reports.chunk.js → 24-4552a4d4b1-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[24],{1076:function(e,t,n){"use strict";var r=n(0),a=n(4),o=n(106),c=n(195),i=n(91),s=n(7),u=n(78);function l(e){return(l="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 d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(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 n,r=b(e);if(t){var a=b(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var v="shared.privateResourceError",y=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(o,e);var t,n,r,a=f(o);function o(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),a.call(this,s.a.getPhrase(v,"title"))}return t=o,(n=[{key:"name",get:function(){return"PrivateResourceError"}},{key:"heading",get:function(){return s.a.getPhrase(v,"heading")}},{key:"description",get:function(){return s.a.getPhrase(v,"description")}}])&&d(t.prototype,n),r&&d(t,r),Object.defineProperty(t,"prototype",{writable:!1}),o}(u.a);function g(e){return(g="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 h(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function k(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 n,r=S(e);if(t){var a=S(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return E(this,n)}}function E(e,t){if(t&&("object"===g(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var C=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&w(e,t)}(o,e);var t,n,r,a=k(o);function o(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),a.call(this,s.a.getPhrase("shared.regionLockedResourceError","title"))}return t=o,(n=[{key:"name",get:function(){return"RegionLockedResourceError"}},{key:"heading",get:function(){return s.a.getPhrase("shared.regionLockedResourceError","heading")}},{key:"description",get:function(){return s.a.getPhrase("shared.regionLockedResourceError","description")}}])&&h(t.prototype,n),r&&h(t,r),Object.defineProperty(t,"prototype",{writable:!1}),o}(u.a),N={notFound:c.a,forbidden:{rating:y,yearLevel:y,region:C,privacy:y},badRequest:i.a};function I(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var r;r="number"==typeof e?e:e.status;var c=Object.assign(Object.assign({},N),t);r&&a.a.ErrorHelper.isStatusCodeError(r)&&(r!==o.a.NotFound?r!==o.a.Forbidden?n.badRequest||a.a.ErrorHelper.throw(new c.badRequest):n.forbidden||a.a.ErrorHelper.throw(new c.forbidden.privacy):n.notFound||a.a.ErrorHelper.throw(new c.notFound))}}function A(e){return e.map((function(e){return e.statusCode})).join(":")}function j(e,t,n){var a=Array.isArray(e)?e:[e];Object(r.useEffect)((function(){a.forEach((function(e){I(e.statusCode,t,n)}))}),[A(a),t,n])}n.d(t,"a",(function(){return j}))},1081:function(e,t,n){"use strict";n.d(t,"a",(function(){return s})),n.d(t,"b",(function(){return u}));var r=n(1142),a=n(7),o=n(143),c=n(147),i=a.a.encloseNamespace("reportsShared.utils");function s(e,t){return t?Object(r.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[r.b,r.a],separator:" ",length:2,style:"capital",seed:t}}(e)):o.a.getFullName(e)}function u(e){switch(e.toLowerCase()){case c.a.Learner:return i("student");case c.a.Staff:return i("staff");default:return e}}},1084:function(e,t,n){"use strict";function r(e,t,n){var r="".concat(e,":").concat(t.start,":").concat(t.end),a=Array.isArray(t.userId)?t.userId.sort().join(":"):t.userId,o=Array.isArray(t.groupId)?t.groupId.sort().join(":"):t.groupId;return a&&(r+=":".concat(a)),o&&(r+=":".concat(o)),n&&(r+=":".concat(n)),r}n.d(t,"a",(function(){return r}))},1134:function(e,t,n){"use strict";var r=n(0),a=n(58);function o(e){var t,n;return t=e,n=a.a.getInstance(t),r.useEffect((function(){return function(){a.a.releaseInstance(t)}})),n}var c=n(93),i=n(122);function s(){var e=o(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:c.a.Warning,heading:c.c.Warning,message:t})}}}n.d(t,"a",(function(){return s}))},1201:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1253:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var r=n(0),a=n(51),o=n(8),c=n(7),i=n(1134),s=n(1111),u=n(1113);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(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 d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=c.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var c=l(Object(r.useState)({}),2),d=c[0],f=c[1],p=Object(a.useDispatch)(),b=Object(i.a)();return{markedAnswers:d,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(r={},a=Object(u.c)(e),o=Object.assign(Object.assign({},e),{status:t}),a in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o,r));var r,a,o}))}))},submitMarkedAnswers:function(){var r=Object.keys(d).map((function(e){return d[e]}));if(r.length){var a=0,c=0;r.forEach((function(n){var r=n.id,a=n.resultId,c=n.questionId,l=n.status;o.a.fetch(p,s.a.mark(e,t,r,{id:r,resultId:a,questionId:c,status:l},i,null,u))}))}function i(){c++}function u(){++a===r.length&&function(){var e="",t=!1;0===c&&(e=m("error",{smartCount:r.length}),t=!0);c<a&&(e=m("success",{smartCount:c})+" ".concat(m("partialError",{smartCount:a-c})));c===a&&(e=m("success",{smartCount:c}));t?b.error(e):b.success(e),f({}),n&&n()}()}}}}},1254:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1255:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1256:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1261:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(196),c=n(143),i=n(1133),s=n(1148),u=n(129),l=n(1147);var d=n(20),m=n(18),f=n(1254),p=n.n(f),b=["A","B","C","D"];function v(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,c){var i=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!i)return a.a.createElement(a.a.Fragment,{key:c});var s=i?"bg-info text-white":e.unCheckedBackground,u=function(){return a.a.createElement(a.a.Fragment,null,b[c])};e.showFeedback&&(s=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(p.a.incorrect),e.hideFeedbackIcons||(u=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!i)}};return a.a.createElement(a.a.Fragment,{key:c},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!i,onChange:function(){return n(r,!i)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(p.a.answer,"\n                ").concat(s),key:c,htmlFor:r.id},l),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(u,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:p.a.avatarContainer},i&&a.a.createElement(o.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}v.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var y=n(1201),g=n.n(y);var h=n(37);var w,k=n(1255),E=n.n(k);function S(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,r){var c=e.getSelectedAnswer(n.id),i=c?"bg-info text-white":e.unCheckedBackground,s=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(i=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(E.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var u=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(i)},u),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!c,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(E.a.feedback)},a.a.createElement(s,null)),a.a.createElement("span",{className:"".concat(E.a.avatarContainer).concat("sm"===e.size?" ".concat(E.a.avatarContainerSmall):"")},c&&a.a.createElement(o.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}S.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var N=function(){return a.a.createElement(a.a.Fragment,null)},I=(C(w={},u.InteractionTypeId.Annotation,N),C(w,u.InteractionTypeId.Image,N),C(w,u.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),o=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(o){var c=e.answers.find((function(e){return e.id==o.id}));if(c){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},c.text);var i=c.status===l.a.Correct;return a.a.createElement(a.a.Fragment,{key:n},!i&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,c.text))," "),a.a.createElement("strong",{className:"text-success"},o.name))}}})))})),C(w,u.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,o,i="my-2";return e.reportsStyling&&(i+=" mx-2"),a.a.createElement("div",{className:i},a.a.createElement(v,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(o=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===o?void 0:o.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(g.a.uncheckedBackground," text-white")}))})),C(w,u.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,o,i="justify-content-start";return e.reportsStyling&&(i="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(S,{className:i,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(o=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===o?void 0:o.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(g.a.uncheckedBackground," text-white")}))})),C(w,u.InteractionTypeId.ShortAnswer,(function(e){var t=h.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),w),A=n(7).a.encloseNamespace("interactives.responseTypes");function j(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,A("noResponse")))}var O=n(1132);function x(e){return a.a.createElement(a.a.Fragment,null,e.correctness===O.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===O.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(d.a,{svgName:m.b.Close})))}function F(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||c.a.getFullName(e.studentResults.user)),a.a.createElement(x,{correctness:e.correctness}))}function R(e){return e.correctness!==O.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===l.a.Correct?"text-success":"")},a.a.createElement(d.a,{svgName:e.markedStatus===l.a.Correct?m.b.CheckCircle:m.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,l.a.Correct)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===l.a.Incorrect?" text-danger":"")},a.a.createElement(d.a,{svgName:e.markedStatus===l.a.Incorrect?m.b.CrossCircleFilled:m.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,l.a.Incorrect)}})))}var U=n(1256),P=n.n(U);function _(e){var t,n,r,u,l,d=I[e.interaction.typeId];if(!d)return a.a.createElement(a.a.Fragment,null);var m=Object(i.d)(e.studentResults),f=Object(i.c)(e.interaction.id,m),p=s.a.isInteractionCorrect(e.interaction,m);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:P.a.avatarContainer},a.a.createElement(o.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(l=null===(u=e.studentResults.user)||void 0===u?void 0:u.avatar)||void 0===l?void 0:l.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(F,{studentResults:e.studentResults,correctness:p,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?a.a.createElement(d,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):a.a.createElement(j,null)),!e.showStudentDetails&&a.a.createElement(x,{correctness:p})))),a.a.createElement(R,{studentAttempt:f,correctness:p,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return _}))},1547:function(e,t,n){e.exports={awaitingMarking:"_8dePe"}},1578:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),o=n(8),c=n(7),i=n(42),s=n(107),u=n(211),l=n(1076),d=n(1151),m=n(1111),f=n(1253),p=n(193),b=n(43),v=n(1081),y=n(1087),g=n(1114),h=n(1132),w=n(1122),k=n(1148),E=n(1133),S=n(1261),C=n(1113),N=n(302),I=c.a.encloseNamespace("interactives.studentResponseList");function A(e){var t=Object.keys(e.markedAnswers).length;return a.a.createElement("div",{className:"d-flex justify-content-between pb-3"},a.a.createElement("div",{className:"d-flex"},!!e.summary.unanswered&&a.a.createElement("div",{className:"bg-light rounded p-2 mr-2"},a.a.createElement("strong",{className:"mr-2"},I("unanswered")),e.summary.unanswered),a.a.createElement("div",{className:"bg-light rounded p-2 mr-2"},a.a.createElement("strong",{className:"mr-2"},I("score")),e.summary.awaitingMarking?a.a.createElement("em",null,I("pending")):"".concat(Math.round(100*e.summary.percentCorrect),"%"))),a.a.createElement("div",null,!!e.interactionsToMark.length&&a.a.createElement(N.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},I("submitAnswers"))))}var j=c.a.encloseNamespace("interactives.studentResponseList");function O(e){var t=Object.keys(e.markedAnswers).length;return a.a.createElement("div",{className:"d-flex justify-content-end pt-3"},a.a.createElement("div",null,!e.showSubmitButtonSpinner&&a.a.createElement("button",{className:"btn btn-link",onClick:e.onClickClose},j("close")),!!e.interactionsToMark.length&&a.a.createElement(N.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},j("submitAnswers"))))}var x=n(1547),F=n.n(x);function R(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return U(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return U(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 U(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e){var t,n,r,o,c=R(a.a.useState(!1),2),s=c[0],u=c[1],l=(t=a.a.useRef(),n=R(a.a.useState(!1),2),r=n[0],o=n[1],a.a.useEffect((function(){t.current&&!r&&(o(!0),t.current.scrollIntoView({behavior:"smooth",block:"center"}))}),[t.current,r]),t),d=R(Object(i.a)(b.a.ANONYMISE_USERS),1)[0],m=Object(C.e)(e.interactive,e.studentResults),f=Object(E.b)(e.interactive),p=function(e,t){return e.filter((function(e){return k.a.isInteractionCorrect(e,Object(E.d)(t))===h.a.AwaitingMarking}))}(f,e.studentResults);function y(){u(!0),e.submitMarkedAnswers()}return a.a.createElement(a.a.Fragment,null,a.a.createElement(A,{summary:m,interactionsToMark:p,markedAnswers:e.markedAnswers,onClickSubmit:y,showSubmitButtonSpinner:s}),a.a.createElement("ul",{className:"list-unstyled"},f.map((function(t,n){var r,o=t.id.toString()===(null===(r=e.selectedInteractionId)||void 0===r?void 0:r.toString()),c="p-2 mb-3 rounded";return o&&(c+=" shadow"),c+=p.some((function(e){return e.id===t.id}))?" ".concat(F.a.awaitingMarking):" border",a.a.createElement("li",{key:n,className:c,ref:o?l:null},a.a.createElement("div",{className:"d-flex mb-2"},a.a.createElement(w.a,{interaction:t,iconClassName:"flex-shrink-0"})),a.a.createElement(S.a,{interaction:t,studentResults:e.studentResults,markedStatus:Object(C.d)(t.id,e.studentResults,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymisedUserName:d?Object(v.a)(e.studentResults.user,!0):null,className:"bg-light",showFeedback:!0,reportsStyling:!0}))}))),a.a.createElement(O,{interactionsToMark:p,markedAnswers:e.markedAnswers,onClickSubmit:y,onClickClose:e.onClickClose,showSubmitButtonSpinner:s}))}function _(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return M(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return M(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 M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"InteractiveStudentResultsView",(function(){return T}));var B=c.a.encloseNamespace("interactives.interactiveStudentResults");function T(e){var t,n,r,c,h=Object(p.b)(),w=_(Object(i.a)(b.a.ANONYMISE_USERS),1)[0],k=o.a.useBasicFetch(m.a.interactiveMetadata(e.interactiveMetadataId)),E=o.a.useBasicFetch((null===(t=k.data)||void 0===t?void 0:t.interactiveId)?m.a.interactive(k.data.interactiveId):null),S=Object(g.a)(e.interactiveMetadataId,{start:h.start,end:h.end,userId:e.userId}),C=o.a.useBasicFetch(s.a.config());Object(y.a)(k),Object(l.a)([k,S]),Object(d.a)(E);var N=Object(f.a)(null===(n=E.data)||void 0===n?void 0:n.id,null===(r=k.data)||void 0===r?void 0:r.id,e.closePopup),I=N.markedAnswers,A=N.addMarkedAnswers,j=N.submitMarkedAnswers,O=null===(c=S.data)||void 0===c?void 0:c.students.find((function(t){return t.user.id.toString()===e.userId.toString()})),x=O?B("heading",{studentName:Object(v.a)(O.user,w)}):"",F=!!E.data&&!!S.data&&!!C.data;return a.a.createElement(u.a,{title:x,showLoadingSpinner:!F,closePopup:e.closePopup,size:"lg"},F&&a.a.createElement(P,{interactive:E.data,studentResults:O,markedAnswers:I,addMarkedAnswers:A,submitMarkedAnswers:j,imageCdnUrl:C.data.imageCdnUrl,selectedInteractionId:e.interactionId,onClickClose:e.closePopup}))}}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[24],{1077:function(e,t,n){"use strict";var r=n(0),a=n(4),o=n(107),c=n(194),i=n(92),s=n(7),u=n(79);function l(e){return(l="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 d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(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 n,r=b(e);if(t){var a=b(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var v="shared.privateResourceError",y=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(o,e);var t,n,r,a=f(o);function o(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),a.call(this,s.a.getPhrase(v,"title"))}return t=o,(n=[{key:"name",get:function(){return"PrivateResourceError"}},{key:"heading",get:function(){return s.a.getPhrase(v,"heading")}},{key:"description",get:function(){return s.a.getPhrase(v,"description")}}])&&d(t.prototype,n),r&&d(t,r),Object.defineProperty(t,"prototype",{writable:!1}),o}(u.a);function g(e){return(g="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 h(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function k(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 n,r=S(e);if(t){var a=S(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return E(this,n)}}function E(e,t){if(t&&("object"===g(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var C=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&w(e,t)}(o,e);var t,n,r,a=k(o);function o(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),a.call(this,s.a.getPhrase("shared.regionLockedResourceError","title"))}return t=o,(n=[{key:"name",get:function(){return"RegionLockedResourceError"}},{key:"heading",get:function(){return s.a.getPhrase("shared.regionLockedResourceError","heading")}},{key:"description",get:function(){return s.a.getPhrase("shared.regionLockedResourceError","description")}}])&&h(t.prototype,n),r&&h(t,r),Object.defineProperty(t,"prototype",{writable:!1}),o}(u.a),N={notFound:c.a,forbidden:{rating:y,yearLevel:y,region:C,privacy:y},badRequest:i.a};function I(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var r;r="number"==typeof e?e:e.status;var c=Object.assign(Object.assign({},N),t);r&&a.a.ErrorHelper.isStatusCodeError(r)&&(r!==o.a.NotFound?r!==o.a.Forbidden?n.badRequest||a.a.ErrorHelper.throw(new c.badRequest):n.forbidden||a.a.ErrorHelper.throw(new c.forbidden.privacy):n.notFound||a.a.ErrorHelper.throw(new c.notFound))}}function A(e){return e.map((function(e){return e.statusCode})).join(":")}function j(e,t,n){var a=Array.isArray(e)?e:[e];Object(r.useEffect)((function(){a.forEach((function(e){I(e.statusCode,t,n)}))}),[A(a),t,n])}n.d(t,"a",(function(){return j}))},1082:function(e,t,n){"use strict";n.d(t,"a",(function(){return s})),n.d(t,"b",(function(){return u}));var r=n(1143),a=n(7),o=n(142),c=n(146),i=a.a.encloseNamespace("reportsShared.utils");function s(e,t){return t?Object(r.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[r.b,r.a],separator:" ",length:2,style:"capital",seed:t}}(e)):o.a.getFullName(e)}function u(e){switch(e.toLowerCase()){case c.a.Learner:return i("student");case c.a.Staff:return i("staff");default:return e}}},1085:function(e,t,n){"use strict";function r(e,t,n){var r="".concat(e,":").concat(t.start,":").concat(t.end),a=Array.isArray(t.userId)?t.userId.sort().join(":"):t.userId,o=Array.isArray(t.groupId)?t.groupId.sort().join(":"):t.groupId;return a&&(r+=":".concat(a)),o&&(r+=":".concat(o)),n&&(r+=":".concat(n)),r}n.d(t,"a",(function(){return r}))},1135:function(e,t,n){"use strict";var r=n(0),a=n(60);function o(e){var t,n;return t=e,n=a.a.getInstance(t),r.useEffect((function(){return function(){a.a.releaseInstance(t)}})),n}var c=n(94),i=n(123);function s(){var e=o(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:c.a.Warning,heading:c.c.Warning,message:t})}}}n.d(t,"a",(function(){return s}))},1203:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1255:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var r=n(0),a=n(49),o=n(9),c=n(7),i=n(1135),s=n(1112),u=n(1114);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(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 d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=c.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var c=l(Object(r.useState)({}),2),d=c[0],f=c[1],p=Object(a.useDispatch)(),b=Object(i.a)();return{markedAnswers:d,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(r={},a=Object(u.c)(e),o=Object.assign(Object.assign({},e),{status:t}),a in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o,r));var r,a,o}))}))},submitMarkedAnswers:function(){var r=Object.keys(d).map((function(e){return d[e]}));if(r.length){var a=0,c=0;r.forEach((function(n){var r=n.id,a=n.resultId,c=n.questionId,l=n.status;o.a.fetch(p,s.a.mark(e,t,r,{id:r,resultId:a,questionId:c,status:l},i,null,u))}))}function i(){c++}function u(){++a===r.length&&function(){var e="",t=!1;0===c&&(e=m("error",{smartCount:r.length}),t=!0);c<a&&(e=m("success",{smartCount:c})+" ".concat(m("partialError",{smartCount:a-c})));c===a&&(e=m("success",{smartCount:c}));t?b.error(e):b.success(e),f({}),n&&n()}()}}}}},1256:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1257:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1258:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1263:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(195),c=n(142),i=n(1134),s=n(1150),u=n(130),l=n(1149);var d=n(20),m=n(18),f=n(1256),p=n.n(f),b=["A","B","C","D"];function v(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,c){var i=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!i)return a.a.createElement(a.a.Fragment,{key:c});var s=i?"bg-info text-white":e.unCheckedBackground,u=function(){return a.a.createElement(a.a.Fragment,null,b[c])};e.showFeedback&&(s=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(p.a.incorrect),e.hideFeedbackIcons||(u=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!i)}};return a.a.createElement(a.a.Fragment,{key:c},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!i,onChange:function(){return n(r,!i)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(p.a.answer,"\n                ").concat(s),key:c,htmlFor:r.id},l),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(u,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:p.a.avatarContainer},i&&a.a.createElement(o.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}v.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var y=n(1203),g=n.n(y);var h=n(36);var w,k=n(1257),E=n.n(k);function S(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,r){var c=e.getSelectedAnswer(n.id),i=c?"bg-info text-white":e.unCheckedBackground,s=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(i=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(E.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var u=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(i)},u),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!c,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(E.a.feedback)},a.a.createElement(s,null)),a.a.createElement("span",{className:"".concat(E.a.avatarContainer).concat("sm"===e.size?" ".concat(E.a.avatarContainerSmall):"")},c&&a.a.createElement(o.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}S.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var N=function(){return a.a.createElement(a.a.Fragment,null)},I=(C(w={},u.InteractionTypeId.Annotation,N),C(w,u.InteractionTypeId.Image,N),C(w,u.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),o=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(o){var c=e.answers.find((function(e){return e.id==o.id}));if(c){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},c.text);var i=c.status===l.a.Correct;return a.a.createElement(a.a.Fragment,{key:n},!i&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,c.text))," "),a.a.createElement("strong",{className:"text-success"},o.name))}}})))})),C(w,u.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,o,i="my-2";return e.reportsStyling&&(i+=" mx-2"),a.a.createElement("div",{className:i},a.a.createElement(v,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(o=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===o?void 0:o.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(g.a.uncheckedBackground," text-white")}))})),C(w,u.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,o,i="justify-content-start";return e.reportsStyling&&(i="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(S,{className:i,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(o=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===o?void 0:o.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(g.a.uncheckedBackground," text-white")}))})),C(w,u.InteractionTypeId.ShortAnswer,(function(e){var t=h.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),w),A=n(7).a.encloseNamespace("interactives.responseTypes");function j(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,A("noResponse")))}var O=n(1133);function x(e){return a.a.createElement(a.a.Fragment,null,e.correctness===O.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===O.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(d.a,{svgName:m.b.Close})))}function F(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||c.a.getFullName(e.studentResults.user)),a.a.createElement(x,{correctness:e.correctness}))}function R(e){return e.correctness!==O.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===l.a.Correct?"text-success":"")},a.a.createElement(d.a,{svgName:e.markedStatus===l.a.Correct?m.b.CheckCircle:m.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,l.a.Correct)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===l.a.Incorrect?" text-danger":"")},a.a.createElement(d.a,{svgName:e.markedStatus===l.a.Incorrect?m.b.CrossCircleFilled:m.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,l.a.Incorrect)}})))}var U=n(1258),P=n.n(U);function _(e){var t,n,r,u,l,d=I[e.interaction.typeId];if(!d)return a.a.createElement(a.a.Fragment,null);var m=Object(i.d)(e.studentResults),f=Object(i.c)(e.interaction.id,m),p=s.a.isInteractionCorrect(e.interaction,m);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:P.a.avatarContainer},a.a.createElement(o.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(l=null===(u=e.studentResults.user)||void 0===u?void 0:u.avatar)||void 0===l?void 0:l.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(F,{studentResults:e.studentResults,correctness:p,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?a.a.createElement(d,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):a.a.createElement(j,null)),!e.showStudentDetails&&a.a.createElement(x,{correctness:p})))),a.a.createElement(R,{studentAttempt:f,correctness:p,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return _}))},1549:function(e,t,n){e.exports={awaitingMarking:"_8dePe"}},1580:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),o=n(9),c=n(7),i=n(42),s=n(108),u=n(210),l=n(1077),d=n(1153),m=n(1112),f=n(1255),p=n(192),b=n(43),v=n(1082),y=n(1088),g=n(1115),h=n(1133),w=n(1123),k=n(1150),E=n(1134),S=n(1263),C=n(1114),N=n(301),I=c.a.encloseNamespace("interactives.studentResponseList");function A(e){var t=Object.keys(e.markedAnswers).length;return a.a.createElement("div",{className:"d-flex justify-content-between pb-3"},a.a.createElement("div",{className:"d-flex"},!!e.summary.unanswered&&a.a.createElement("div",{className:"bg-light rounded p-2 mr-2"},a.a.createElement("strong",{className:"mr-2"},I("unanswered")),e.summary.unanswered),a.a.createElement("div",{className:"bg-light rounded p-2 mr-2"},a.a.createElement("strong",{className:"mr-2"},I("score")),e.summary.awaitingMarking?a.a.createElement("em",null,I("pending")):"".concat(Math.round(100*e.summary.percentCorrect),"%"))),a.a.createElement("div",null,!!e.interactionsToMark.length&&a.a.createElement(N.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},I("submitAnswers"))))}var j=c.a.encloseNamespace("interactives.studentResponseList");function O(e){var t=Object.keys(e.markedAnswers).length;return a.a.createElement("div",{className:"d-flex justify-content-end pt-3"},a.a.createElement("div",null,!e.showSubmitButtonSpinner&&a.a.createElement("button",{className:"btn btn-link",onClick:e.onClickClose},j("close")),!!e.interactionsToMark.length&&a.a.createElement(N.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},j("submitAnswers"))))}var x=n(1549),F=n.n(x);function R(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return U(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return U(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 U(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e){var t,n,r,o,c=R(a.a.useState(!1),2),s=c[0],u=c[1],l=(t=a.a.useRef(),n=R(a.a.useState(!1),2),r=n[0],o=n[1],a.a.useEffect((function(){t.current&&!r&&(o(!0),t.current.scrollIntoView({behavior:"smooth",block:"center"}))}),[t.current,r]),t),d=R(Object(i.a)(b.a.ANONYMISE_USERS),1)[0],m=Object(C.e)(e.interactive,e.studentResults),f=Object(E.b)(e.interactive),p=function(e,t){return e.filter((function(e){return k.a.isInteractionCorrect(e,Object(E.d)(t))===h.a.AwaitingMarking}))}(f,e.studentResults);function y(){u(!0),e.submitMarkedAnswers()}return a.a.createElement(a.a.Fragment,null,a.a.createElement(A,{summary:m,interactionsToMark:p,markedAnswers:e.markedAnswers,onClickSubmit:y,showSubmitButtonSpinner:s}),a.a.createElement("ul",{className:"list-unstyled"},f.map((function(t,n){var r,o=t.id.toString()===(null===(r=e.selectedInteractionId)||void 0===r?void 0:r.toString()),c="p-2 mb-3 rounded";return o&&(c+=" shadow"),c+=p.some((function(e){return e.id===t.id}))?" ".concat(F.a.awaitingMarking):" border",a.a.createElement("li",{key:n,className:c,ref:o?l:null},a.a.createElement("div",{className:"d-flex mb-2"},a.a.createElement(w.a,{interaction:t,iconClassName:"flex-shrink-0"})),a.a.createElement(S.a,{interaction:t,studentResults:e.studentResults,markedStatus:Object(C.d)(t.id,e.studentResults,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymisedUserName:d?Object(v.a)(e.studentResults.user,!0):null,className:"bg-light",showFeedback:!0,reportsStyling:!0}))}))),a.a.createElement(O,{interactionsToMark:p,markedAnswers:e.markedAnswers,onClickSubmit:y,onClickClose:e.onClickClose,showSubmitButtonSpinner:s}))}function _(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return M(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return M(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 M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"InteractiveStudentResultsView",(function(){return T}));var B=c.a.encloseNamespace("interactives.interactiveStudentResults");function T(e){var t,n,r,c,h=Object(p.b)(),w=_(Object(i.a)(b.a.ANONYMISE_USERS),1)[0],k=o.a.useBasicFetch(m.a.interactiveMetadata(e.interactiveMetadataId)),E=o.a.useBasicFetch((null===(t=k.data)||void 0===t?void 0:t.interactiveId)?m.a.interactive(k.data.interactiveId):null),S=Object(g.a)(e.interactiveMetadataId,{start:h.start,end:h.end,userId:e.userId}),C=o.a.useBasicFetch(s.a.config());Object(y.a)(k),Object(l.a)([k,S]),Object(d.a)(E);var N=Object(f.a)(null===(n=E.data)||void 0===n?void 0:n.id,null===(r=k.data)||void 0===r?void 0:r.id,e.closePopup),I=N.markedAnswers,A=N.addMarkedAnswers,j=N.submitMarkedAnswers,O=null===(c=S.data)||void 0===c?void 0:c.students.find((function(t){return t.user.id.toString()===e.userId.toString()})),x=O?B("heading",{studentName:Object(v.a)(O.user,w)}):"",F=!!E.data&&!!S.data&&!!C.data;return a.a.createElement(u.a,{title:x,showLoadingSpinner:!F,closePopup:e.closePopup,size:"lg"},F&&a.a.createElement(P,{interactive:E.data,studentResults:O,markedAnswers:I,addMarkedAnswers:A,submitMarkedAnswers:j,imageCdnUrl:C.data.imageCdnUrl,selectedInteractionId:e.interactionId,onClickClose:e.closePopup}))}}}]);