@clickview/reports 0.0.26 → 0.0.27-rc.0

package/dist/scripts/{25-514ac9b009-reports.chunk.js → 25-2217879368-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[25],{1134:function(e,t,n){"use strict";var a=n(0),r=n(58);function c(e){var t,n;return t=e,n=r.a.getInstance(t),a.useEffect((function(){return function(){r.a.releaseInstance(t)}})),n}var i=n(93),s=n(122);function l(){var e=c(s.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:i.a.Warning,heading:i.c.Warning,message:t})}}}n.d(t,"a",(function(){return l}))},1201:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1253:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(51),c=n(8),i=n(7),s=n(1134),l=n(1111),o=n(1113);function u(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 a,r,c=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw r}}return c}(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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var d=i.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var i=u(Object(a.useState)({}),2),m=i[0],f=i[1],v=Object(r.useDispatch)(),g=Object(s.a)();return{markedAnswers:m,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(a={},r=Object(o.c)(e),c=Object.assign(Object.assign({},e),{status:t}),r in a?Object.defineProperty(a,r,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[r]=c,a));var a,r,c}))}))},submitMarkedAnswers:function(){var a=Object.keys(m).map((function(e){return m[e]}));if(a.length){var r=0,i=0;a.forEach((function(n){var a=n.id,r=n.resultId,i=n.questionId,u=n.status;c.a.fetch(v,l.a.mark(e,t,a,{id:a,resultId:r,questionId:i,status:u},s,null,o))}))}function s(){i++}function o(){++r===a.length&&function(){var e="",t=!1;0===i&&(e=d("error",{smartCount:a.length}),t=!0);i<r&&(e=d("success",{smartCount:i})+" ".concat(d("partialError",{smartCount:r-i})));i===r&&(e=d("success",{smartCount:i}));t?g.error(e):g.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 a=n(0),r=n.n(a),c=n(196),i=n(143),s=n(1133),l=n(1148),o=n(129),u=n(1147);var m=n(20),d=n(18),f=n(1254),v=n.n(f),g=["A","B","C","D"];function b(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 r.a.createElement(r.a.Fragment,null,e.interaction.actionableItems.map((function(a,i){var s=e.getSelectedAnswer(a.id);if(e.onlyShowSelectedAnswer&&!s)return r.a.createElement(r.a.Fragment,{key:i});var l=s?"bg-info text-white":e.unCheckedBackground,o=function(){return r.a.createElement(r.a.Fragment,null,g[i])};e.showFeedback&&(l=a.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(o=function(){return r.a.createElement(r.a.Fragment,null,a.isCorrect?r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Check}):r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Close}))}));var u=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(a,!s)}};return r.a.createElement(r.a.Fragment,{key:i},r.a.createElement("input",{id:a.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!s,onChange:function(){return n(a,!s)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),r.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(v.a.answer,"\n                ").concat(l),key:i,htmlFor:a.id},u),r.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},r.a.createElement(o,null)),r.a.createElement("span",{className:"flex-grow-1 pr-4"},a.name),!e.onlyShowSelectedAnswer&&r.a.createElement("span",{className:v.a.avatarContainer},s&&r.a.createElement(c.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}b.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(1201),h=n.n(p);var w=n(37);var y,E=n(1255),k=n.n(E);function N(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return r.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,a){var i=e.getSelectedAnswer(n.id),s=i?"bg-info text-white":e.unCheckedBackground,l=function(){return r.a.createElement(r.a.Fragment,null)};e.showFeedback&&(s=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(k.a.incorrect),e.hideFeedbackIcons||(l=function(){return r.a.createElement(r.a.Fragment,null,n.isCorrect?r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Check}):r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Close}))}));var o=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return r.a.createElement("label",Object.assign({key:a,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(s)},o),r.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!i,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,r.a.createElement("span",{className:"position-absolute p-2 ".concat(k.a.feedback)},r.a.createElement(l,null)),r.a.createElement("span",{className:"".concat(k.a.avatarContainer).concat("sm"===e.size?" ".concat(k.a.avatarContainerSmall):"")},i&&r.a.createElement(c.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function I(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}N.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var C=function(){return r.a.createElement(r.a.Fragment,null)},S=(I(y={},o.InteractionTypeId.Annotation,C),I(y,o.InteractionTypeId.Image,C),I(y,o.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"),r.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var a=t.replace("cv-missing-word-",""),c=e.interaction.actionableItems.find((function(e){return e.order.toString()===a}));if(c){var i=e.answers.find((function(e){return e.id==c.id}));if(i){if(!e.showFeedback)return r.a.createElement("strong",{key:n,className:"text-info"},i.text);var s=i.status===u.a.Correct;return r.a.createElement(r.a.Fragment,{key:n},!s&&r.a.createElement(r.a.Fragment,null,r.a.createElement("del",{className:"text-danger"},r.a.createElement("strong",null,i.text))," "),r.a.createElement("strong",{className:"text-success"},c.name))}}})))})),I(y,o.InteractionTypeId.MultipleChoice,(function(e){var t,n,a,c,s="my-2";return e.reportsStyling&&(s+=" mx-2"),r.a.createElement("div",{className:s},r.a.createElement(b,{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?i.a.getInitialsFromFullName(e.anonymisedUserName):i.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===(c=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===c?void 0:c.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),I(y,o.InteractionTypeId.TrueOrFalse,(function(e){var t,n,a,c,s="justify-content-start";return e.reportsStyling&&(s="justify-content-center"),r.a.createElement("div",{className:"my-2"},r.a.createElement(N,{className:s,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?i.a.getInitialsFromFullName(e.anonymisedUserName):i.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===(c=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===c?void 0:c.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),I(y,o.InteractionTypeId.ShortAnswer,(function(e){var t=w.a.first(e.answers);if(!t)return r.a.createElement(r.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),r.a.createElement("div",{className:n},t.text)})),y),A=n(7).a.encloseNamespace("interactives.responseTypes");function x(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,A("noResponse")))}var j=n(1132);function F(e){return r.a.createElement(r.a.Fragment,null,e.correctness===j.a.Correct&&r.a.createElement("div",{className:"ml-2 text-success"},r.a.createElement(m.a,{svgName:d.b.Check})),e.correctness===j.a.Incorrect&&r.a.createElement("div",{className:"ml-2 text-danger"},r.a.createElement(m.a,{svgName:d.b.Close})))}function O(e){return r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,e.anonymisedUserName||i.a.getFullName(e.studentResults.user)),r.a.createElement(F,{correctness:e.correctness}))}function U(e){return e.correctness!==j.a.AwaitingMarking?r.a.createElement(r.a.Fragment,null):r.a.createElement("div",{className:"d-flex justify-content-end mt-1"},r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Correct?"text-success":"")},r.a.createElement(m.a,{svgName:e.markedStatus===u.a.Correct?d.b.CheckCircle:d.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Correct)}})),r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},r.a.createElement(m.a,{svgName:e.markedStatus===u.a.Incorrect?d.b.CrossCircleFilled:d.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Incorrect)}})))}var M=n(1256),B=n.n(M);function T(e){var t,n,a,o,u,m=S[e.interaction.typeId];if(!m)return r.a.createElement(r.a.Fragment,null);var d=Object(s.d)(e.studentResults),f=Object(s.c)(e.interaction.id,d),v=l.a.isInteractionCorrect(e.interaction,d);return r.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&r.a.createElement("div",{className:"mr-2"},r.a.createElement("div",{className:B.a.avatarContainer},r.a.createElement(c.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?i.a.getInitialsFromFullName(e.anonymisedUserName):i.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(a=e.studentResults.user)||void 0===a?void 0:a.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(o=e.studentResults.user)||void 0===o?void 0:o.avatar)||void 0===u?void 0:u.url}))),r.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&r.a.createElement(O,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),r.a.createElement("div",{className:"d-flex justify-content-between"},r.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?r.a.createElement(m,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):r.a.createElement(x,null)),!e.showStudentDetails&&r.a.createElement(F,{correctness:v})))),r.a.createElement(U,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},1548:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},1549:function(e,t,n){e.exports={row:"nfUpJ"}},1575:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),c=n(8),i=n(7),s=n(287),l=n(107),o=n(211),u=n(233);function m(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 a,r,c=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw r}}return c}(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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var f=i.a.encloseNamespace("shared.confirmationPopup");function v(e){var t=m(a.useState(!1),2),n=t[0],r=t[1],c=[{variant:e.cancelButtonVariant,onClick:e.closePopup,buttonText:e.cancelButtonText||f("cancel")},{variant:e.confirmButtonVariant,onClick:function(){r(!0),e.onClickConfirm()},buttonText:e.confirmButtonText||f("confirm"),isSpinnerButton:!0,showSpinner:n}];return a.createElement(o.a,{title:e.title,closePopup:e.closePopup},a.createElement(a.Fragment,null,e.children,a.createElement(u.a,{buttons:c})))}v.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var g=n(1151),b=n(1111),p=n(1083),h=n(1253),w=n(1087),y=n(1112),E=n(1115),k=n(1104),N=n(1146),I=n(1326),C=n(1216),S=n(1327),A=n(1114),x=n(1149),j=n(126),F=n(1106),O=n(1113),U=n(42),M=n(1132),B=n(145),T=n(1148),R=n(1133),_=n(1261),D=n(144),P=n(43),z=n(1081),H=i.a.encloseNamespace("interactives.submitMarkedAnswers");function K(e){return r.a.createElement("div",{className:"d-flex justify-content-end pt-2"},r.a.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},H("submitAnswers")))}var L=n(1122),V=i.a.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return r.a.createElement("div",{className:"rounded bg-white"},r.a.createElement("div",{className:"p-2 position-relative"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(L.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!n&&r.a.createElement("div",{className:"mt-2"},r.a.createElement("strong",null,V("suggestedResponse")),r.a.createElement("p",{className:"m-0"},n))))}var W=n(1548),J=n.n(W);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 a,r,c=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw r}}return c}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Q(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 Q(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 Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Y=i.a.encloseNamespace("interactives.interactionResponseList");function G(e){var t,n,a=(n=e.interaction,e.results.students.filter((function(e){return T.a.isInteractionCorrect(n,Object(R.d)(e))===M.a.AwaitingMarking}))),c=Object.keys(e.markedAnswers).length,i=$(Object(U.a)(P.a.ANONYMISE_USERS),1)[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?r.a.createElement(r.a.Fragment,null,r.a.createElement(q,{interaction:e.interaction}),!!a.length&&r.a.createElement(K,{submit:e.submitMarkedAnswers,disabled:!c}),r.a.createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var c="bg-white p-2";return a.some((function(e){return e.user.id===t.user.id}))&&(c+=" ".concat(J.a.awaitingMarking)),r.a.createElement("li",{key:n,className:"position-relative mt-2"},r.a.createElement(_.a,{interaction:e.interaction,studentResults:t,markedStatus:Object(O.d)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:i?Object(z.a)(t.user,!0):null,className:c,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}))}))),!!a.length&&r.a.createElement(K,{submit:e.submitMarkedAnswers,disabled:!c})):r.a.createElement("div",{className:"d-flex flex-column h-100"},r.a.createElement(q,{interaction:e.interaction}),r.a.createElement(B.a,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},r.a.createElement(B.a.Image,{src:D.a.EmptyStates.Interactives.NoResponses}),r.a.createElement(B.a.Heading,null,Y("emptyStateHeading")),r.a.createElement(B.a.Info,null,Y("emptyStateDescription"))))}var X=i.a.encloseNamespace("interactives.selectedInteractionEmptyState");function Z(){return r.a.createElement(B.a,{className:"rounded h-100 bg-white justify-content-center py-4"},r.a.createElement(B.a.Image,{src:D.a.EmptyStates.Interactives.SelectQuestion}),r.a.createElement(B.a.Heading,null,X("emptyStateText")))}var ee=n(1082),te=n(1252),ne=i.a.encloseNamespace("interactives.questionTable");function ae(e,t,n){var a=e.cells.find((function(e){return e.column.id===n})).value,r=t.cells.find((function(e){return e.column.id===n})).value;return a.awaitingMarking?-1:r.awaitingMarking||a.percentCorrect>=r.percentCorrect?1:-1}function re(e){var t;return r.a.createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function ce(e){return r.a.createElement(re,{className:e.column.isSorted&&"font-weight-bold"},ne(e.phraseKey))}var ie=n(1549),se={table:"bg-white rounded pb-2",header:"border-bottom px-2",headerCell:"p-2 d-flex align-items-center",cell:"px-2",row:"m-2 rounded py-1 ".concat(n.n(ie).a.row),selectedRow:"bg-light",sortIndicator:"ml-2"};function le(e){var t,n,a,c=(t=e.interactive,n=e.results,a=e.refreshTable,r.a.useMemo((function(){return Object(R.b)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(O.b)(e,n)})}))}),[a])),i=e.selectedInteractionId&&Object(O.a)(e.interactive,e.selectedInteractionId);return r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6"},r.a.createElement(F.a,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return r.a.createElement(ce,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return r.a.createElement(re,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return r.a.createElement(ce,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return r.a.createElement(re,null,r.a.createElement("div",{className:"clamp-1"},r.a.createElement(L.a,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return r.a.createElement(ce,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?r.a.createElement("div",{className:"d-flex w-75"},r.a.createElement(te.a,{title:ne("markingRequired"),className:"flex-grow-1",showLabel:!0})):r.a.createElement("div",{className:"w-75"},r.a.createElement(ee.a,{percentage:n,layout:ee.b.LabelBefore}))},width:80,sortDescFirst:!0,sortType:ae}],data:c,theme:se,onSelectRow:function(e){var t=e.original;j.a.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:i?[i.id]:null,getRowId:function(e){return e.id},enableSort:!0})),r.a.createElement("div",{className:"col-6"},!!i&&r.a.createElement(G,{interaction:i,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!i&&r.a.createElement(Z,null)))}var oe=n(1076);function ue(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 a,r,c=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw r}}return c}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(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 me(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 me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"InteractiveQuestionListView",(function(){return fe}));var de=i.a.encloseNamespace("interactives.interactiveQuestionList");function fe(e){var t,n,a,i,o,u=ue(r.a.useState(!1),2),m=u[0],d=u[1],f=c.a.useBasicFetch(b.a.interactiveMetadata(e.interactiveMetadataId)),j=c.a.useBasicFetch((null===(t=f.data)||void 0===t?void 0:t.interactiveId)?b.a.interactive(f.data.interactiveId):null),F=Object(A.a)(e.interactiveMetadataId),O=c.a.useBasicFetch(l.a.config());Object(s.a)(f.data?de("pageTitle",{interactive:f.data.name}):""),Object(p.a)(null===(n=f.data)||void 0===n?void 0:n.name),Object(y.a)(Object(E.a)(f.data)),Object(C.a)(e.interactiveMetadataId),Object(S.a)(F),Object(x.a)(e.interactiveMetadataId),Object(g.a)(j),Object(w.a)(f),Object(oe.a)([j,F,O]);var U=Object(I.a)(F),M=Object(h.a)(null===(a=j.data)||void 0===a?void 0:a.id,null===(i=f.data)||void 0===i?void 0:i.id,(function(){return d(!1)})),B=M.markedAnswers,T=M.addMarkedAnswers,R=M.submitMarkedAnswers,_=!!j.data&&!!F.data&&!!O.data;return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement(N.a,{interactiveMetadataId:e.interactiveMetadataId}),_?r.a.createElement(le,{interactive:j.data,results:F.data,markedAnswers:B,addMarkedAnswers:T,submitMarkedAnswers:function(){return d(!0)},imageCdnUrl:O.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:U}):r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6"},r.a.createElement(k.a,null)))),m&&r.a.createElement(v,{title:de("markPopupTitle",{smartCount:null!==(o=Object.keys(B).length)&&void 0!==o?o:0}),closePopup:function(){return d(!1)},confirmButtonText:de("submit"),confirmButtonVariant:"dark",onClickConfirm:R},r.a.createElement("p",null,de("markPopupBody"))))}}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[25],{1135:function(e,t,n){"use strict";var a=n(0),r=n(60);function c(e){var t,n;return t=e,n=r.a.getInstance(t),a.useEffect((function(){return function(){r.a.releaseInstance(t)}})),n}var i=n(94),s=n(123);function l(){var e=c(s.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:i.a.Warning,heading:i.c.Warning,message:t})}}}n.d(t,"a",(function(){return l}))},1203:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1255:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(49),c=n(9),i=n(7),s=n(1135),l=n(1112),o=n(1114);function u(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 a,r,c=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw r}}return c}(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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var d=i.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var i=u(Object(a.useState)({}),2),m=i[0],f=i[1],v=Object(r.useDispatch)(),g=Object(s.a)();return{markedAnswers:m,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(a={},r=Object(o.c)(e),c=Object.assign(Object.assign({},e),{status:t}),r in a?Object.defineProperty(a,r,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[r]=c,a));var a,r,c}))}))},submitMarkedAnswers:function(){var a=Object.keys(m).map((function(e){return m[e]}));if(a.length){var r=0,i=0;a.forEach((function(n){var a=n.id,r=n.resultId,i=n.questionId,u=n.status;c.a.fetch(v,l.a.mark(e,t,a,{id:a,resultId:r,questionId:i,status:u},s,null,o))}))}function s(){i++}function o(){++r===a.length&&function(){var e="",t=!1;0===i&&(e=d("error",{smartCount:a.length}),t=!0);i<r&&(e=d("success",{smartCount:i})+" ".concat(d("partialError",{smartCount:r-i})));i===r&&(e=d("success",{smartCount:i}));t?g.error(e):g.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 a=n(0),r=n.n(a),c=n(195),i=n(142),s=n(1134),l=n(1150),o=n(130),u=n(1149);var m=n(20),d=n(18),f=n(1256),v=n.n(f),g=["A","B","C","D"];function b(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 r.a.createElement(r.a.Fragment,null,e.interaction.actionableItems.map((function(a,i){var s=e.getSelectedAnswer(a.id);if(e.onlyShowSelectedAnswer&&!s)return r.a.createElement(r.a.Fragment,{key:i});var l=s?"bg-info text-white":e.unCheckedBackground,o=function(){return r.a.createElement(r.a.Fragment,null,g[i])};e.showFeedback&&(l=a.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(o=function(){return r.a.createElement(r.a.Fragment,null,a.isCorrect?r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Check}):r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Close}))}));var u=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(a,!s)}};return r.a.createElement(r.a.Fragment,{key:i},r.a.createElement("input",{id:a.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!s,onChange:function(){return n(a,!s)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),r.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(v.a.answer,"\n                ").concat(l),key:i,htmlFor:a.id},u),r.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},r.a.createElement(o,null)),r.a.createElement("span",{className:"flex-grow-1 pr-4"},a.name),!e.onlyShowSelectedAnswer&&r.a.createElement("span",{className:v.a.avatarContainer},s&&r.a.createElement(c.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}b.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(1203),h=n.n(p);var w=n(36);var y,E=n(1257),k=n.n(E);function N(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return r.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,a){var i=e.getSelectedAnswer(n.id),s=i?"bg-info text-white":e.unCheckedBackground,l=function(){return r.a.createElement(r.a.Fragment,null)};e.showFeedback&&(s=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(k.a.incorrect),e.hideFeedbackIcons||(l=function(){return r.a.createElement(r.a.Fragment,null,n.isCorrect?r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Check}):r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Close}))}));var o=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return r.a.createElement("label",Object.assign({key:a,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(s)},o),r.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!i,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,r.a.createElement("span",{className:"position-absolute p-2 ".concat(k.a.feedback)},r.a.createElement(l,null)),r.a.createElement("span",{className:"".concat(k.a.avatarContainer).concat("sm"===e.size?" ".concat(k.a.avatarContainerSmall):"")},i&&r.a.createElement(c.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function I(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}N.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var C=function(){return r.a.createElement(r.a.Fragment,null)},S=(I(y={},o.InteractionTypeId.Annotation,C),I(y,o.InteractionTypeId.Image,C),I(y,o.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"),r.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var a=t.replace("cv-missing-word-",""),c=e.interaction.actionableItems.find((function(e){return e.order.toString()===a}));if(c){var i=e.answers.find((function(e){return e.id==c.id}));if(i){if(!e.showFeedback)return r.a.createElement("strong",{key:n,className:"text-info"},i.text);var s=i.status===u.a.Correct;return r.a.createElement(r.a.Fragment,{key:n},!s&&r.a.createElement(r.a.Fragment,null,r.a.createElement("del",{className:"text-danger"},r.a.createElement("strong",null,i.text))," "),r.a.createElement("strong",{className:"text-success"},c.name))}}})))})),I(y,o.InteractionTypeId.MultipleChoice,(function(e){var t,n,a,c,s="my-2";return e.reportsStyling&&(s+=" mx-2"),r.a.createElement("div",{className:s},r.a.createElement(b,{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?i.a.getInitialsFromFullName(e.anonymisedUserName):i.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===(c=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===c?void 0:c.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),I(y,o.InteractionTypeId.TrueOrFalse,(function(e){var t,n,a,c,s="justify-content-start";return e.reportsStyling&&(s="justify-content-center"),r.a.createElement("div",{className:"my-2"},r.a.createElement(N,{className:s,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?i.a.getInitialsFromFullName(e.anonymisedUserName):i.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===(c=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===c?void 0:c.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),I(y,o.InteractionTypeId.ShortAnswer,(function(e){var t=w.a.first(e.answers);if(!t)return r.a.createElement(r.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),r.a.createElement("div",{className:n},t.text)})),y),A=n(7).a.encloseNamespace("interactives.responseTypes");function x(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,A("noResponse")))}var j=n(1133);function F(e){return r.a.createElement(r.a.Fragment,null,e.correctness===j.a.Correct&&r.a.createElement("div",{className:"ml-2 text-success"},r.a.createElement(m.a,{svgName:d.b.Check})),e.correctness===j.a.Incorrect&&r.a.createElement("div",{className:"ml-2 text-danger"},r.a.createElement(m.a,{svgName:d.b.Close})))}function O(e){return r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,e.anonymisedUserName||i.a.getFullName(e.studentResults.user)),r.a.createElement(F,{correctness:e.correctness}))}function U(e){return e.correctness!==j.a.AwaitingMarking?r.a.createElement(r.a.Fragment,null):r.a.createElement("div",{className:"d-flex justify-content-end mt-1"},r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Correct?"text-success":"")},r.a.createElement(m.a,{svgName:e.markedStatus===u.a.Correct?d.b.CheckCircle:d.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Correct)}})),r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},r.a.createElement(m.a,{svgName:e.markedStatus===u.a.Incorrect?d.b.CrossCircleFilled:d.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Incorrect)}})))}var M=n(1258),B=n.n(M);function T(e){var t,n,a,o,u,m=S[e.interaction.typeId];if(!m)return r.a.createElement(r.a.Fragment,null);var d=Object(s.d)(e.studentResults),f=Object(s.c)(e.interaction.id,d),v=l.a.isInteractionCorrect(e.interaction,d);return r.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&r.a.createElement("div",{className:"mr-2"},r.a.createElement("div",{className:B.a.avatarContainer},r.a.createElement(c.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?i.a.getInitialsFromFullName(e.anonymisedUserName):i.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(a=e.studentResults.user)||void 0===a?void 0:a.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(o=e.studentResults.user)||void 0===o?void 0:o.avatar)||void 0===u?void 0:u.url}))),r.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&r.a.createElement(O,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),r.a.createElement("div",{className:"d-flex justify-content-between"},r.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?r.a.createElement(m,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):r.a.createElement(x,null)),!e.showStudentDetails&&r.a.createElement(F,{correctness:v})))),r.a.createElement(U,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},1550:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},1551:function(e,t,n){e.exports={row:"nfUpJ"}},1577:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),c=n(9),i=n(7),s=n(286),l=n(108),o=n(210),u=n(232);function m(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 a,r,c=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw r}}return c}(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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var f=i.a.encloseNamespace("shared.confirmationPopup");function v(e){var t=m(a.useState(!1),2),n=t[0],r=t[1],c=[{variant:e.cancelButtonVariant,onClick:e.closePopup,buttonText:e.cancelButtonText||f("cancel")},{variant:e.confirmButtonVariant,onClick:function(){r(!0),e.onClickConfirm()},buttonText:e.confirmButtonText||f("confirm"),isSpinnerButton:!0,showSpinner:n}];return a.createElement(o.a,{title:e.title,closePopup:e.closePopup},a.createElement(a.Fragment,null,e.children,a.createElement(u.a,{buttons:c})))}v.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var g=n(1153),b=n(1112),p=n(1084),h=n(1255),w=n(1088),y=n(1113),E=n(1116),k=n(1105),N=n(1148),I=n(1328),C=n(1218),S=n(1329),A=n(1115),x=n(1151),j=n(127),F=n(1107),O=n(1114),U=n(42),M=n(1133),B=n(144),T=n(1150),R=n(1134),_=n(1263),D=n(143),P=n(43),z=n(1082),H=i.a.encloseNamespace("interactives.submitMarkedAnswers");function K(e){return r.a.createElement("div",{className:"d-flex justify-content-end pt-2"},r.a.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},H("submitAnswers")))}var L=n(1123),V=i.a.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return r.a.createElement("div",{className:"rounded bg-white"},r.a.createElement("div",{className:"p-2 position-relative"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(L.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!n&&r.a.createElement("div",{className:"mt-2"},r.a.createElement("strong",null,V("suggestedResponse")),r.a.createElement("p",{className:"m-0"},n))))}var W=n(1550),J=n.n(W);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 a,r,c=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw r}}return c}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Q(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 Q(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 Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Y=i.a.encloseNamespace("interactives.interactionResponseList");function G(e){var t,n,a=(n=e.interaction,e.results.students.filter((function(e){return T.a.isInteractionCorrect(n,Object(R.d)(e))===M.a.AwaitingMarking}))),c=Object.keys(e.markedAnswers).length,i=$(Object(U.a)(P.a.ANONYMISE_USERS),1)[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?r.a.createElement(r.a.Fragment,null,r.a.createElement(q,{interaction:e.interaction}),!!a.length&&r.a.createElement(K,{submit:e.submitMarkedAnswers,disabled:!c}),r.a.createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var c="bg-white p-2";return a.some((function(e){return e.user.id===t.user.id}))&&(c+=" ".concat(J.a.awaitingMarking)),r.a.createElement("li",{key:n,className:"position-relative mt-2"},r.a.createElement(_.a,{interaction:e.interaction,studentResults:t,markedStatus:Object(O.d)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:i?Object(z.a)(t.user,!0):null,className:c,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}))}))),!!a.length&&r.a.createElement(K,{submit:e.submitMarkedAnswers,disabled:!c})):r.a.createElement("div",{className:"d-flex flex-column h-100"},r.a.createElement(q,{interaction:e.interaction}),r.a.createElement(B.a,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},r.a.createElement(B.a.Image,{src:D.a.EmptyStates.Interactives.NoResponses}),r.a.createElement(B.a.Heading,null,Y("emptyStateHeading")),r.a.createElement(B.a.Info,null,Y("emptyStateDescription"))))}var X=i.a.encloseNamespace("interactives.selectedInteractionEmptyState");function Z(){return r.a.createElement(B.a,{className:"rounded h-100 bg-white justify-content-center py-4"},r.a.createElement(B.a.Image,{src:D.a.EmptyStates.Interactives.SelectQuestion}),r.a.createElement(B.a.Heading,null,X("emptyStateText")))}var ee=n(1083),te=n(1254),ne=i.a.encloseNamespace("interactives.questionTable");function ae(e,t,n){var a=e.cells.find((function(e){return e.column.id===n})).value,r=t.cells.find((function(e){return e.column.id===n})).value;return a.awaitingMarking?-1:r.awaitingMarking||a.percentCorrect>=r.percentCorrect?1:-1}function re(e){var t;return r.a.createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function ce(e){return r.a.createElement(re,{className:e.column.isSorted&&"font-weight-bold"},ne(e.phraseKey))}var ie=n(1551),se={table:"bg-white rounded pb-2",header:"border-bottom px-2",headerCell:"p-2 d-flex align-items-center",cell:"px-2",row:"m-2 rounded py-1 ".concat(n.n(ie).a.row),selectedRow:"bg-light",sortIndicator:"ml-2"};function le(e){var t,n,a,c=(t=e.interactive,n=e.results,a=e.refreshTable,r.a.useMemo((function(){return Object(R.b)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(O.b)(e,n)})}))}),[a])),i=e.selectedInteractionId&&Object(O.a)(e.interactive,e.selectedInteractionId);return r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6"},r.a.createElement(F.a,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return r.a.createElement(ce,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return r.a.createElement(re,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return r.a.createElement(ce,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return r.a.createElement(re,null,r.a.createElement("div",{className:"clamp-1"},r.a.createElement(L.a,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return r.a.createElement(ce,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?r.a.createElement("div",{className:"d-flex w-75"},r.a.createElement(te.a,{title:ne("markingRequired"),className:"flex-grow-1",showLabel:!0})):r.a.createElement("div",{className:"w-75"},r.a.createElement(ee.a,{percentage:n,layout:ee.b.LabelBefore}))},width:80,sortDescFirst:!0,sortType:ae}],data:c,theme:se,onSelectRow:function(e){var t=e.original;j.a.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:i?[i.id]:null,getRowId:function(e){return e.id},enableSort:!0})),r.a.createElement("div",{className:"col-6"},!!i&&r.a.createElement(G,{interaction:i,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!i&&r.a.createElement(Z,null)))}var oe=n(1077);function ue(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 a,r,c=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw r}}return c}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(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 me(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 me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"InteractiveQuestionListView",(function(){return fe}));var de=i.a.encloseNamespace("interactives.interactiveQuestionList");function fe(e){var t,n,a,i,o,u=ue(r.a.useState(!1),2),m=u[0],d=u[1],f=c.a.useBasicFetch(b.a.interactiveMetadata(e.interactiveMetadataId)),j=c.a.useBasicFetch((null===(t=f.data)||void 0===t?void 0:t.interactiveId)?b.a.interactive(f.data.interactiveId):null),F=Object(A.a)(e.interactiveMetadataId),O=c.a.useBasicFetch(l.a.config());Object(s.a)(f.data?de("pageTitle",{interactive:f.data.name}):""),Object(p.a)(null===(n=f.data)||void 0===n?void 0:n.name),Object(y.a)(Object(E.a)(f.data)),Object(C.a)(e.interactiveMetadataId),Object(S.a)(F),Object(x.a)(e.interactiveMetadataId),Object(g.a)(j),Object(w.a)(f),Object(oe.a)([j,F,O]);var U=Object(I.a)(F),M=Object(h.a)(null===(a=j.data)||void 0===a?void 0:a.id,null===(i=f.data)||void 0===i?void 0:i.id,(function(){return d(!1)})),B=M.markedAnswers,T=M.addMarkedAnswers,R=M.submitMarkedAnswers,_=!!j.data&&!!F.data&&!!O.data;return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement(N.a,{interactiveMetadataId:e.interactiveMetadataId}),_?r.a.createElement(le,{interactive:j.data,results:F.data,markedAnswers:B,addMarkedAnswers:T,submitMarkedAnswers:function(){return d(!0)},imageCdnUrl:O.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:U}):r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6"},r.a.createElement(k.a,null)))),m&&r.a.createElement(v,{title:de("markPopupTitle",{smartCount:null!==(o=Object.keys(B).length)&&void 0!==o?o:0}),closePopup:function(){return d(!1)},confirmButtonText:de("submit"),confirmButtonVariant:"dark",onClickConfirm:R},r.a.createElement("p",null,de("markPopupBody"))))}}}]);