@clickview/reports 0.60.0 → 0.61.0-rc.0

package/dist/scripts/{4477-8643a1c408-reports.chunk.js → 4477-faf5a4fb5d-reports.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[4477],{9700:(e,t,r)=>{r.r(t),r.d(t,{InteractiveQuestionListView:()=>He});var n=r(32735),a=r(23481),i=r(20354),l=r(2948),c=r(43823),o=r(95846),s={preventScrollTop:function(){c.Radio.channel(o.G.SHELL).trigger("prevent:scroll:top")}},u=r(75896),m=r(72919),d=r(90383),f=r(83345),p="shared.interactionResponseList";function g(e){return n.createElement(n.Fragment,null,n.createElement(d.u,{className:"m-4"},n.createElement(d.u.Image,{src:function(){switch(e.filter){case"correct":return e.correctImageUrl;case"incorrect":return e.incorrectImageUrl;case"marking_required":return e.markingRequiredImageUrl;case"skipped":return e.skippedImageUrl}}(),className:"w-25 h-auto"}),n.createElement(d.u.Info,null,n.createElement(f.x,{namespace:p,phrase:function(){switch(e.filter){case"correct":return"correctEmptyState";case"incorrect":return"incorrectEmptyState";case"marking_required":return"markingRequiredEmptyState";case"skipped":return"skippedEmptyState"}}()}))))}function b(e){function t(t){return"rounded-pill bg-light ".concat(function(t){return t===e.filter}(t)?"bg-dark text-white":"")}return n.createElement("div",{className:"d-flex gap-2 m-3"},n.createElement("button",{className:t("marking_required"),onClick:function(){return e.toggleFilter("marking_required")}},n.createElement(f.x,{namespace:p,phrase:"markingRequired"})),n.createElement("button",{className:t("correct"),onClick:function(){return e.toggleFilter("correct")}},n.createElement(f.x,{namespace:p,phrase:"correct"})),n.createElement("button",{className:t("incorrect"),onClick:function(){return e.toggleFilter("incorrect")}},n.createElement(f.x,{namespace:p,phrase:"incorrect"})),n.createElement("button",{className:t("skipped"),onClick:function(){return e.toggleFilter("skipped")}},n.createElement(f.x,{namespace:p,phrase:"skipped"})))}var v=r(86572),y=a.T.encloseNamespace("interactives.interactionResponseListHeader");function h(e){var t,r=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return n.createElement("div",{className:"rounded bg-white"},n.createElement("div",{className:"p-2 position-relative"},n.createElement("div",{className:"d-flex"},n.createElement(v.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!r&&n.createElement("div",{className:"mt-2"},n.createElement("strong",null,y("suggestedResponse")),n.createElement("p",{className:"m-0"},r))))}var E=a.T.encloseNamespace("shared.submitMarkedAnswers");function w(e){return n.createElement("div",{className:"d-flex justify-content-end"},n.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},E("submitAnswers")))}var S=r(26136),I=r(39157),k=r(89569),N=r(36532),C=r(28972),A=r(83140),x=r(80845);const U={awaitingMarking:"PPNkp"};function M(e){return M="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},M(e)}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var T="shared.interactionResponseList",O=a.T.encloseNamespace(T);function R(e){var t,r,a,i,l=(a=n.useState(),i=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,c=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(a,i)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(e,t):void 0}}(a,i)||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.")}()),c=l[0],o=l[1],s=(r=e.interaction,e.results.students.filter((function(e){return A.A.isInteractionCorrect(r,(0,x.j_)(e))===C.w.AwaitingMarking})).reduce((function(e,t){var r,n;return Object.assign(Object.assign({},e),function(e,t,r){return(t=function(e){var t=function(e){if("object"!=M(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=M(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==M(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},(null===(r=t.user)||void 0===r?void 0:r.id)||(null===(n=t.publicUser)||void 0===n?void 0:n.profileId),!0))}),{})),u=Object.keys(e.markedAnswers).length;if(!(null===(t=e.results.students)||void 0===t?void 0:t.length))return n.createElement("div",{className:"d-flex flex-column h-100"},n.createElement(d.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},n.createElement(d.u.Image,{src:e.emptyStateImageUrl,size:"small"}),n.createElement(d.u.Heading,null,O("emptyStateHeading")),n.createElement(d.u.Info,{className:"w-100"},O("emptyStateDescription"))));var p=e.results.students.filter((function(t){var r=(0,x.j_)(t),n=A.A.isInteractionCorrect(e.interaction,r),a={correct:C.w.Correct,incorrect:C.w.Incorrect,marking_required:C.w.AwaitingMarking,skipped:C.w.UnAnswered};return!c||c in a&&n===a[c]}));return n.createElement(n.Fragment,null,e.reportsStyling&&n.createElement(h,{interaction:e.interaction}),n.createElement("div",{className:e.reportsStyling?"d-flex justify-content-end":"d-flex align-items-center justify-content-between border-bottom px-3 py-2"},!e.reportsStyling&&n.createElement("p",{className:"fw-semibold mb-0"},n.createElement(f.x,{namespace:T,phrase:"studentAnswers"})),!!Object.keys(s).length&&n.createElement(N.u,{id:"submitAnswers",title:O("demoOnly"),spanHack:e.isDemo},n.createElement("div",{className:"".concat(e.isDemo?"pointer-events-none":""," ").concat(e.reportsStyling?"mt-2":"")},n.createElement(w,{submit:e.submitMarkedAnswers,disabled:!u})))),n.createElement(n.Fragment,null,!e.reportsStyling&&n.createElement(b,{filter:c,toggleFilter:function(e){o(c===e?null:e)}}),!e.reportsStyling&&!p.length&&c&&n.createElement(g,{filter:c,markingRequiredImageUrl:e.markingRequiredImageUrl,correctImageUrl:e.correctImageUrl,incorrectImageUrl:e.incorrectImageUrl,skippedImageUrl:e.skippedImageUrl}),p&&n.createElement("ul",{className:"list-unstyled mb-0"},p.map((function(t,r){var a,i,l=(0,S.B)(t.user||t.publicUser,e.anonymiseUsers),c=s[(null===(a=t.user)||void 0===a?void 0:a.id)||(null===(i=t.publicUser)||void 0===i?void 0:i.profileId)],o=e.reportsStyling?"bg-white p-2":"bg-white px-3 pt-3 pb-2";return c&&(o+=" ".concat(U.awaitingMarking," my-1")),n.createElement("li",{key:r,className:e.reportsStyling?"":"border-bottom"},e.reportsStyling?n.createElement(k.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,I.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:l,className:o,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}):n.createElement(m.d,{interaction:e.interaction,studentResults:t,markedStatus:(0,I.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:l,className:o,showFeedback:!0}))}))),e.reportsStyling&&!!s.length&&n.createElement("div",{className:"mt-2"},n.createElement(w,{submit:e.submitMarkedAnswers,disabled:!u}))))}var q=r(34079);function F(e){var t;return n.createElement("div",null,n.createElement("p",{className:"mb-0"},(t=e.interaction.data.sentence)?t.split(/({\d+})/).map((function(t,r){var a=t.match(/{(\d+)}/);if(a){var i=a[1],l=e.interaction.actionableItems.find((function(e){return+e.order==+i}));if(l)return n.createElement("span",{className:"bg-white border border-gray-300 rounded p-1 lh-lg",key:r},l.name)}return t})):""))}var B=r(97915);const W={row:"fXno_",answerImage:"pDAuW",answerWidth:"YHK27"};function P(e){var t,r;return(null===(r=u.m.first(null===(t=e.interaction)||void 0===t?void 0:t.actionableItems).data)||void 0===r?void 0:r.imageUrl)?n.createElement("div",{className:W.answerWidth},n.createElement(B.n,{interaction:e.interaction,size:"sm",showFeedback:!1,showCorrectnessIcons:!0,isDisplayOnly:!0})):n.createElement("ul",{className:"".concat(W.answerWidth," list-unstyled row g-2")},e.interaction.actionableItems.map((function(t){return n.createElement("li",{key:t.id,className:"col-12"},n.createElement("div",{className:"".concat(t.isCorrect?"bg-light-green border-green":"bg-light-red border-red"," rounded border py-1 px-2 m-0")},n.createElement("span",{className:"fw-semibold"},e.indexToLetter(t.order),". "),n.createElement("span",null,t.name)))})))}var L="shared.questionTable";function _(e){var t,r=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return r?n.createElement("div",{className:"".concat(W.answerWidth," bg-light-blue rounded p-2 mb-2")},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement("p",{className:"fw-semibold mb-2"},n.createElement(f.x,{namespace:L,phrase:"suggestedResponse"}))),n.createElement("p",{className:"mb-0"},r)):n.createElement(n.Fragment,null)}function D(e){return n.createElement("ul",{className:"list-unstyled d-flex gap-2"},e.interaction.actionableItems.map((function(t){return n.createElement("li",{key:t.id,className:"".concat(t.isCorrect?"bg-light-green border-green":"bg-light-red border-red"," rounded border px-2 py-1 mb-2 w-50")},n.createElement("span",{className:"fw-semibold"},e.indexToLetter(t.order),". "),n.createElement("span",null,t.name))})))}var H=r(46237);function Z(e){var t=function(){switch(e.interaction.typeId){case H.Z9.MultipleChoice:return n.createElement(P,{interaction:e.interaction,indexToLetter:G});case H.Z9.TrueOrFalse:return n.createElement(D,{interaction:e.interaction,indexToLetter:G});case H.Z9.ShortAnswer:return n.createElement(_,{interaction:e.interaction});case H.Z9.MissingWord:return n.createElement(F,{interaction:e.interaction});default:return null}}();return t?n.createElement("div",{className:"w-100 mt-3"},t):n.createElement(n.Fragment,null)}var K=r(40782);function Q(e){return Q="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},Q(e)}var V=a.T.encloseNamespace("shared.questionTable");function z(e,t,r){var n=e.cells.find((function(e){return e.column.id===r})).value,a=t.cells.find((function(e){return e.column.id===r})).value;return n.awaitingMarking?-1:a.awaitingMarking||n.percentCorrect>=a.percentCorrect?1:-1}function $(e){var t;return n.createElement("div",{className:"d-flex ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function Y(e){return n.createElement($,{className:e.column.isSorted&&"fw-bold"},V(e.phraseKey))}function G(e){return String.fromCharCode(e+"A".charCodeAt(0))}var X=r(8246),J=a.T.encloseNamespace("shared.questionTable");function ee(e,t){var r=e.actionableItems.map((function(t,r){return{id:t.id,label:e.typeId===H.Z9.MultipleChoice?G(r):t.name,isCorrect:t.isCorrect,count:0}}));return t.students.forEach((function(t){var n=u.m.last(t.results).attempts,a=u.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){var t=u.m.findWhere(r,{id:e.id});t&&t.count++}))})),r}function te(e,t){var r=e.actionableItems.map((function(e){return{id:e.id,label:e.name,isCorrect:e.isCorrect,count:0}}));return r.push({label:J("incorrect"),count:0,isCorrect:!1}),t.students.forEach((function(t){var n=u.m.last(t.results).attempts,a=u.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){var t=u.m.findWhere(r,{id:e.id});t&&e.status===X.N.Correct?t.count++:u.m.findWhere(r,{label:J("incorrect")}).count++}))})),r}function re(e,t){var r=[{label:J("correct"),isCorrect:!0,count:0},{label:J("incorrect"),isCorrect:!1,count:0}];return t.students.forEach((function(t){var n=u.m.last(t.results).attempts,a=u.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){if(e.status===X.N.Correct&&u.m.findWhere(r,{label:J("correct")}).count++,e.status===X.N.Incorrect&&u.m.findWhere(r,{label:J("incorrect")}).count++,e.status===X.N.PendingReview){var t=u.m.findWhere(r,{label:J("pending")});t||(r.push({label:J("pending"),count:0,isCorrect:!1}),t=u.m.findWhere(r,{label:J("pending")})),t.count++}}))})),r}var ne=r(83914),ae=r(35223),ie="shared.questionTable",le=a.T.encloseNamespace(ie);function ce(e){var t=function(){if(e.interaction&&e.results){var t;switch(e.interaction.typeId){case H.Z9.ShortAnswer:case H.Z9.Illustration:t=re;break;case H.Z9.MissingWord:t=te;break;case H.Z9.MultipleChoice:case H.Z9.TrueOrFalse:t=ee}return t(e.interaction,e.results)}}(),r=null==t?void 0:t.reduce((function(e,t){return t.count>e?t.count:e}),0);function a(e){var t="border rounded me-2";return e.count?e.label===le("pending")?"".concat(t," border-blue bg-light-blue"):e.isCorrect?"".concat(t," border-green bg-light-green"):"".concat(t," border-red bg-light-red"):"".concat(t," border bg-light px-1")}return n.createElement("div",{className:"border border rounded p-3 mb-3"},n.createElement("div",{className:"d-flex align-items-center gap-2 mb-3"},n.createElement("div",{className:"rounded-circle bg-light-teal text-teal"},n.createElement(ne.x,{svgName:ae.vn.Lightbulb,size:ne.S.Large})),n.createElement("h2",{className:"h6 mb-0"},n.createElement("span",null,n.createElement(f.x,{namespace:ie,phrase:"questionSummary"})))),n.createElement("div",{className:"d-flex gap-2"},n.createElement("div",{className:"max-w-25"},null==t?void 0:t.map((function(e){return n.createElement("p",{key:e.label,className:"text-truncate mb-2"},e.label)}))),n.createElement("div",{className:"flex-grow-1"},null==t?void 0:t.map((function(t,i){return n.createElement("div",{key:"".concat(e.interaction.id).concat(i),className:"d-flex mb-2"},n.createElement("div",{className:a(t),style:{width:"".concat(t.count/r*100,"%"),height:20}}),n.createElement("span",null,t.count))})))))}var oe=a.T.encloseNamespace("shared.selectedInteractionEmptyState");function se(e){return n.createElement(d.u,{className:"rounded h-100 bg-white justify-content-center py-4"},n.createElement(d.u.Image,{src:e.emptyStateUrl,size:"small"}),n.createElement(d.u.Info,{className:"w-100"},oe("emptyStateText")))}r(94892);var ue=r(56081),me=r(57266);function de(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function fe(e){var t,r,a,i,l=n.useState(function(e,t){switch(e){case"score_desc":return[{id:t,desc:!0}];case"score_asc":return[{id:t,desc:!1}];default:return[]}}(e.sortBy,"correctlyAnswered")),c=(i=2,function(e){if(Array.isArray(e))return e}(a=l)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,c=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(a,i)||function(e,t){if(e){if("string"==typeof e)return de(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?de(e,t):void 0}}(a,i)||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.")}()),o=c[0],m=c[1],d=function(e,t,r,a){return n.useMemo((function(){var r=(0,x.Q)(e),n=r.reduce((function(e,t,r){return Object.assign(Object.assign({},e),function(e,t,r){return(t=function(e){var t=function(e){if("object"!=Q(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=Q(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Q(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},t.id,r))}),{}),i=r.map((function(e){return Object.assign(Object.assign({},e),{questionNumber:n[e.id],resultsSummary:(0,I.nq)(e,t)})}));if("correctlyAnswered"===(null==a?void 0:a.id)){var l=u.m.sortBy(i,(function(e){return e.resultsSummary.awaitingMarking?-1:e.resultsSummary.percentCorrect}));return a.desc?l.reverse():l}return i}),[r,a])}(e.interactive,e.results,e.refreshTable,u.m.first(o)),f=e.selectedInteractionId&&(0,I.Zs)(e.interactive,e.selectedInteractionId);return n.createElement("div",{className:"row"},n.createElement("div",{className:"col-6 flex-grow-1"},n.createElement(ue.i,{key:e.selectedInteractionId,columns:(r=e.showAnswersInTable,[{Header:function(e){var t=e.column;return n.createElement(Y,{column:t,phraseKey:"#"})},accessor:"questionNumber",id:"index",Cell:function(e){var t=e.row.original.questionNumber;return n.createElement($,null,t+1,".")},width:15,disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(Y,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original,a=e.initialState.selectedRowIds,i=null==a?void 0:a[null==t?void 0:t.id];return n.createElement($,{className:"flex-column"},n.createElement("div",{className:"".concat(i?"":"clamp-1"," pe-2")},n.createElement(v.y,{interaction:t,containerClassName:"d-flex"})),r&&i&&n.createElement(Z,{interaction:t}))},disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(Y,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,r=t.percentCorrect;return t.awaitingMarking?n.createElement(q.O,{title:V("markingRequired"),className:"flex-grow-1",tooltipClassName:"d-block",showLabel:!0}):n.createElement(K.O,{percentage:r,layout:K.I.LabelBefore})},width:60,sortDescFirst:!0,sortType:z}]),data:d,theme:e.theme,onSelectRow:function(e){var t=e.original;s.preventScrollTop(),me.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:f?[f.id]:null,getRowId:function(e){return e.id},enableSort:!0,manualSort:!0,onSort:m,initialSortBy:o})),n.createElement("div",{className:"col-6 d-flex flex-column"},!e.reportsStyling&&e.selectedInteractionId&&!!(null===(t=e.results.students)||void 0===t?void 0:t.length)&&n.createElement(ce,{interaction:f,results:e.results}),n.createElement("div",{className:"rounded flex-grow-1 ".concat(e.reportsStyling?"":"border")},!!f&&n.createElement(R,{interaction:f,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymiseUsers:e.anonymiseUsers,emptyStateImageUrl:e.emptyStateImageUrl,markingRequiredImageUrl:e.markingRequiredImageUrl,correctImageUrl:e.correctImageUrl,incorrectImageUrl:e.incorrectImageUrl,skippedImageUrl:e.skippedImageUrl,reportsStyling:e.reportsStyling,isDemo:e.isDemo}),!f&&n.createElement(se,{emptyStateUrl:e.selectQuestionImageUrl}))))}var pe=r(41196),ge=r(9193),be=r(77696),ve=r(25691);function ye(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var he=a.T.encloseNamespace("shared.confirmationPopup");function Ee(e){var t,r,a=(t=n.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,c=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(t,r)||function(e,t){if(e){if("string"==typeof e)return ye(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ye(e,t):void 0}}(t,r)||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.")}()),i=a[0],l=a[1];return n.createElement(be.G,{title:e.title,closePopup:e.closePopup},n.createElement(n.Fragment,null,e.children,n.createElement(ve.u,null,n.createElement(ve.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||he("cancel")}),n.createElement(ve.u.Submit,{onClick:function(){l(!0),e.onClickConfirm()},text:e.confirmButtonText||he("confirm"),variant:e.confirmButtonVariant,showSpinner:i,disabled:e.disabledConfirmButton}))))}Ee.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var we=r(39151),Se=r(20768),Ie=r(30321),ke=r(16562),Ne=r(18075),Ce=r(91470),Ae=r(55884),xe=r(79489),Ue=r(99827),Me=r(36630),je=r(55554),Te=r(87480),Oe=r(21295),Re=r(71270),qe=r(23178),Fe=r(99943),Be=r(54679),We=r(84049);function Pe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,c=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Le(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Le(e,t):void 0}}(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 Le(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var _e={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("j0KQ5"),selectedRow:"bg-light",sortIndicator:"ms-2"},De=a.T.encloseNamespace("interactives.interactiveQuestionList");function He(e){var t,r,a,c,o,s,u=Pe((0,l.D)(xe.y.ANONYMISE_USERS),1)[0],m=Pe(n.useState(!1),2),d=m[0],f=m[1],p=i.a.useBasicFetch(Se.b.interactiveMetadata(e.interactiveMetadataId)),g=i.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)?Se.b.interactive(p.data.interactiveId):null),b=(0,Ue.R)(),v=(0,pe.W)(e.interactiveMetadataId,b),y=i.a.useBasicFetch(we.L.config());(0,Ne.M)({title:De("pageTitle",{interactive:null===(r=p.data)||void 0===r?void 0:r.name})}),(0,Te.U)(null===(a=p.data)||void 0===a?void 0:a.name),(0,je._)((0,Oe.yH)(p.data)),(0,We.P)(e.interactiveMetadataId),(0,Be.Y)(v),(0,qe.m)(e.interactiveMetadataId),(0,Ie.b)(p),(0,Me.M)(p),(0,ke.v)([g,v,y]);var h=(0,Fe.b)(v),E=(0,ge.D)(null===(c=g.data)||void 0===c?void 0:c.id,null===(o=p.data)||void 0===o?void 0:o.id,(function(){return f(!1)})),w=E.markedAnswers,S=E.addMarkedAnswers,I=E.submitMarkedAnswers,k=!!g.data&&!!v.data&&!!y.data;return n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(Re.l,{interactiveMetadataId:e.interactiveMetadataId}),k?n.createElement(fe,{emptyStateImageUrl:Ae.W.EmptyStates.Interactives.NoResponses,selectQuestionImageUrl:Ae.W.EmptyStates.Interactives.NoData,anonymiseUsers:u,interactive:g.data,results:v.data,markedAnswers:w,addMarkedAnswers:S,submitMarkedAnswers:function(){return f(!0)},imageCdnUrl:y.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:h,theme:_e,reportsStyling:!0}):n.createElement("div",{className:"row"},n.createElement("div",{className:"col-6"},n.createElement(Ce.I,null)))),d&&n.createElement(Ee,{title:De("markPopupTitle",{smartCount:null!==(s=Object.keys(w).length)&&void 0!==s?s:0}),closePopup:function(){return f(!1)},confirmButtonText:De("submit"),confirmButtonVariant:"dark",onClickConfirm:I},n.createElement("p",null,De("markPopupBody"))))}}}]);
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[4477],{9700:(e,t,r)=>{r.r(t),r.d(t,{InteractiveQuestionListView:()=>He});var n=r(32735),a=r(23481),i=r(20354),l=r(2948),c=r(43823),o=r(95846),s={preventScrollTop:function(){c.Radio.channel(o.G.SHELL).trigger("prevent:scroll:top")}},u=r(75896),m=r(72919),d=r(90383),f=r(83345),p="shared.interactionResponseList";function g(e){return n.createElement(n.Fragment,null,n.createElement(d.u,{className:"m-4"},n.createElement(d.u.Image,{src:function(){switch(e.filter){case"correct":return e.correctImageUrl;case"incorrect":return e.incorrectImageUrl;case"marking_required":return e.markingRequiredImageUrl;case"skipped":return e.skippedImageUrl}}(),className:"w-25 h-auto"}),n.createElement(d.u.Info,null,n.createElement(f.x,{namespace:p,phrase:function(){switch(e.filter){case"correct":return"correctEmptyState";case"incorrect":return"incorrectEmptyState";case"marking_required":return"markingRequiredEmptyState";case"skipped":return"skippedEmptyState"}}()}))))}function b(e){function t(t){return"rounded-pill bg-light ".concat(function(t){return t===e.filter}(t)?"bg-dark text-white":"")}return n.createElement("div",{className:"d-flex gap-2 m-3"},n.createElement("button",{className:t("marking_required"),onClick:function(){return e.toggleFilter("marking_required")}},n.createElement(f.x,{namespace:p,phrase:"markingRequired"})),n.createElement("button",{className:t("correct"),onClick:function(){return e.toggleFilter("correct")}},n.createElement(f.x,{namespace:p,phrase:"correct"})),n.createElement("button",{className:t("incorrect"),onClick:function(){return e.toggleFilter("incorrect")}},n.createElement(f.x,{namespace:p,phrase:"incorrect"})),n.createElement("button",{className:t("skipped"),onClick:function(){return e.toggleFilter("skipped")}},n.createElement(f.x,{namespace:p,phrase:"skipped"})))}var v=r(86572),y=a.T.encloseNamespace("interactives.interactionResponseListHeader");function h(e){var t,r=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return n.createElement("div",{className:"rounded bg-white"},n.createElement("div",{className:"p-2 position-relative"},n.createElement("div",{className:"d-flex"},n.createElement(v.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!r&&n.createElement("div",{className:"mt-2"},n.createElement("strong",null,y("suggestedResponse")),n.createElement("p",{className:"m-0"},r))))}var E=a.T.encloseNamespace("shared.submitMarkedAnswers");function w(e){return n.createElement("div",{className:"d-flex justify-content-end"},n.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},E("submitAnswers")))}var S=r(26136),I=r(39157),k=r(89569),N=r(36532),C=r(28972),A=r(83140),x=r(80845);const U={awaitingMarking:"PPNkp"};function M(e){return M="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},M(e)}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var T="shared.interactionResponseList",O=a.T.encloseNamespace(T);function R(e){var t,r,a,i,l=(a=n.useState(),i=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,c=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(a,i)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(e,t):void 0}}(a,i)||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.")}()),c=l[0],o=l[1],s=(r=e.interaction,e.results.students.filter((function(e){return A.A.isInteractionCorrect(r,(0,x.j_)(e))===C.w.AwaitingMarking})).reduce((function(e,t){var r,n;return Object.assign(Object.assign({},e),function(e,t,r){return(t=function(e){var t=function(e){if("object"!=M(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=M(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==M(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},(null===(r=t.user)||void 0===r?void 0:r.id)||(null===(n=t.publicUser)||void 0===n?void 0:n.profileId),!0))}),{})),u=Object.keys(e.markedAnswers).length;if(!(null===(t=e.results.students)||void 0===t?void 0:t.length))return n.createElement("div",{className:"d-flex flex-column h-100"},n.createElement(d.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},n.createElement(d.u.Image,{src:e.emptyStateImageUrl,size:"small"}),n.createElement(d.u.Heading,null,O("emptyStateHeading")),n.createElement(d.u.Info,{className:"w-100"},O("emptyStateDescription"))));var p=e.results.students.filter((function(t){var r=(0,x.j_)(t),n=A.A.isInteractionCorrect(e.interaction,r),a={correct:C.w.Correct,incorrect:C.w.Incorrect,marking_required:C.w.AwaitingMarking,skipped:C.w.UnAnswered};return!c||c in a&&n===a[c]}));return n.createElement(n.Fragment,null,e.reportsStyling&&n.createElement(h,{interaction:e.interaction}),n.createElement("div",{className:e.reportsStyling?"d-flex justify-content-end":"d-flex align-items-center justify-content-between border-bottom px-3 py-2"},!e.reportsStyling&&n.createElement("p",{className:"fw-semibold mb-0"},n.createElement(f.x,{namespace:T,phrase:"studentAnswers"})),!!Object.keys(s).length&&n.createElement(N.u,{id:"submitAnswers",title:O("demoOnly"),spanHack:e.isDemo},n.createElement("div",{className:"".concat(e.isDemo?"pointer-events-none":""," ").concat(e.reportsStyling?"mt-2":"")},n.createElement(w,{submit:e.submitMarkedAnswers,disabled:!u})))),n.createElement(n.Fragment,null,!e.reportsStyling&&n.createElement(b,{filter:c,toggleFilter:function(e){o(c===e?null:e)}}),!e.reportsStyling&&!p.length&&c&&n.createElement(g,{filter:c,markingRequiredImageUrl:e.markingRequiredImageUrl,correctImageUrl:e.correctImageUrl,incorrectImageUrl:e.incorrectImageUrl,skippedImageUrl:e.skippedImageUrl}),p&&n.createElement("ul",{className:"list-unstyled mb-0"},p.map((function(t,r){var a,i,l=(0,S.B)(t.user||t.publicUser,e.anonymiseUsers),c=s[(null===(a=t.user)||void 0===a?void 0:a.id)||(null===(i=t.publicUser)||void 0===i?void 0:i.profileId)],o=e.reportsStyling?"bg-white p-2":"bg-white px-3 pt-3 pb-2";return c&&(o+=" ".concat(U.awaitingMarking," my-1")),n.createElement("li",{key:r,className:e.reportsStyling?"":"border-bottom"},e.reportsStyling?n.createElement(k.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,I.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:l,className:o,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}):n.createElement(m.d,{interaction:e.interaction,studentResults:t,markedStatus:(0,I.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:l,className:o,showFeedback:!0}))}))),e.reportsStyling&&!!s.length&&n.createElement("div",{className:"mt-2"},n.createElement(w,{submit:e.submitMarkedAnswers,disabled:!u}))))}var q=r(34079);function F(e){var t;return n.createElement("div",null,n.createElement("p",{className:"mb-0"},(t=e.interaction.data.sentence)?t.split(/({\d+})/).map((function(t,r){var a=t.match(/{(\d+)}/);if(a){var i=a[1],l=e.interaction.actionableItems.find((function(e){return+e.order==+i}));if(l)return n.createElement("span",{className:"bg-white border border-gray-300 rounded p-1 lh-lg",key:r},l.name)}return t})):""))}var B=r(97915);const W={row:"fXno_",answerImage:"pDAuW",answerWidth:"YHK27"};function P(e){var t,r;return(null===(r=u.m.first(null===(t=e.interaction)||void 0===t?void 0:t.actionableItems).data)||void 0===r?void 0:r.imageUrl)?n.createElement("div",{className:W.answerWidth},n.createElement(B.n,{interaction:e.interaction,size:"sm",showFeedback:!1,showCorrectnessIcons:!0,isDisplayOnly:!0})):n.createElement("ul",{className:"".concat(W.answerWidth," list-unstyled row g-2")},e.interaction.actionableItems.map((function(t){return n.createElement("li",{key:t.id,className:"col-12"},n.createElement("div",{className:"".concat(t.isCorrect?"bg-light-green border-green":"bg-light-red border-red"," rounded border py-1 px-2 m-0")},n.createElement("span",{className:"fw-semibold"},e.indexToLetter(t.order),". "),n.createElement("span",null,t.name)))})))}var L="shared.questionTable";function _(e){var t,r=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return r?n.createElement("div",{className:"".concat(W.answerWidth," bg-light-blue rounded p-2 mb-2")},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement("p",{className:"fw-semibold mb-2"},n.createElement(f.x,{namespace:L,phrase:"suggestedResponse"}))),n.createElement("p",{className:"mb-0"},r)):n.createElement(n.Fragment,null)}function D(e){return n.createElement("ul",{className:"list-unstyled d-flex gap-2"},e.interaction.actionableItems.map((function(t){return n.createElement("li",{key:t.id,className:"".concat(t.isCorrect?"bg-light-green border-green":"bg-light-red border-red"," rounded border px-2 py-1 mb-2 w-50")},n.createElement("span",{className:"fw-semibold"},e.indexToLetter(t.order),". "),n.createElement("span",null,t.name))})))}var H=r(37751);function Z(e){var t=function(){switch(e.interaction.typeId){case H.Z9.MultipleChoice:return n.createElement(P,{interaction:e.interaction,indexToLetter:G});case H.Z9.TrueOrFalse:return n.createElement(D,{interaction:e.interaction,indexToLetter:G});case H.Z9.ShortAnswer:return n.createElement(_,{interaction:e.interaction});case H.Z9.MissingWord:return n.createElement(F,{interaction:e.interaction});default:return null}}();return t?n.createElement("div",{className:"w-100 mt-3"},t):n.createElement(n.Fragment,null)}var K=r(40782);function Q(e){return Q="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},Q(e)}var V=a.T.encloseNamespace("shared.questionTable");function z(e,t,r){var n=e.cells.find((function(e){return e.column.id===r})).value,a=t.cells.find((function(e){return e.column.id===r})).value;return n.awaitingMarking?-1:a.awaitingMarking||n.percentCorrect>=a.percentCorrect?1:-1}function $(e){var t;return n.createElement("div",{className:"d-flex ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function Y(e){return n.createElement($,{className:e.column.isSorted&&"fw-bold"},V(e.phraseKey))}function G(e){return String.fromCharCode(e+"A".charCodeAt(0))}var X=r(8246),J=a.T.encloseNamespace("shared.questionTable");function ee(e,t){var r=e.actionableItems.map((function(t,r){return{id:t.id,label:e.typeId===H.Z9.MultipleChoice?G(r):t.name,isCorrect:t.isCorrect,count:0}}));return t.students.forEach((function(t){var n=u.m.last(t.results).attempts,a=u.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){var t=u.m.findWhere(r,{id:e.id});t&&t.count++}))})),r}function te(e,t){var r=e.actionableItems.map((function(e){return{id:e.id,label:e.name,isCorrect:e.isCorrect,count:0}}));return r.push({label:J("incorrect"),count:0,isCorrect:!1}),t.students.forEach((function(t){var n=u.m.last(t.results).attempts,a=u.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){var t=u.m.findWhere(r,{id:e.id});t&&e.status===X.N.Correct?t.count++:u.m.findWhere(r,{label:J("incorrect")}).count++}))})),r}function re(e,t){var r=[{label:J("correct"),isCorrect:!0,count:0},{label:J("incorrect"),isCorrect:!1,count:0}];return t.students.forEach((function(t){var n=u.m.last(t.results).attempts,a=u.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){if(e.status===X.N.Correct&&u.m.findWhere(r,{label:J("correct")}).count++,e.status===X.N.Incorrect&&u.m.findWhere(r,{label:J("incorrect")}).count++,e.status===X.N.PendingReview){var t=u.m.findWhere(r,{label:J("pending")});t||(r.push({label:J("pending"),count:0,isCorrect:!1}),t=u.m.findWhere(r,{label:J("pending")})),t.count++}}))})),r}var ne=r(83914),ae=r(35223),ie="shared.questionTable",le=a.T.encloseNamespace(ie);function ce(e){var t=function(){if(e.interaction&&e.results){var t;switch(e.interaction.typeId){case H.Z9.ShortAnswer:case H.Z9.Illustration:t=re;break;case H.Z9.MissingWord:t=te;break;case H.Z9.MultipleChoice:case H.Z9.TrueOrFalse:t=ee}return t(e.interaction,e.results)}}(),r=null==t?void 0:t.reduce((function(e,t){return t.count>e?t.count:e}),0);function a(e){var t="border rounded me-2";return e.count?e.label===le("pending")?"".concat(t," border-blue bg-light-blue"):e.isCorrect?"".concat(t," border-green bg-light-green"):"".concat(t," border-red bg-light-red"):"".concat(t," border bg-light px-1")}return n.createElement("div",{className:"border border rounded p-3 mb-3"},n.createElement("div",{className:"d-flex align-items-center gap-2 mb-3"},n.createElement("div",{className:"rounded-circle bg-light-teal text-teal"},n.createElement(ne.x,{svgName:ae.vn.Lightbulb,size:ne.S.Large})),n.createElement("h2",{className:"h6 mb-0"},n.createElement("span",null,n.createElement(f.x,{namespace:ie,phrase:"questionSummary"})))),n.createElement("div",{className:"d-flex gap-2"},n.createElement("div",{className:"max-w-25"},null==t?void 0:t.map((function(e){return n.createElement("p",{key:e.label,className:"text-truncate mb-2"},e.label)}))),n.createElement("div",{className:"flex-grow-1"},null==t?void 0:t.map((function(t,i){return n.createElement("div",{key:"".concat(e.interaction.id).concat(i),className:"d-flex mb-2"},n.createElement("div",{className:a(t),style:{width:"".concat(t.count/r*100,"%"),height:20}}),n.createElement("span",null,t.count))})))))}var oe=a.T.encloseNamespace("shared.selectedInteractionEmptyState");function se(e){return n.createElement(d.u,{className:"rounded h-100 bg-white justify-content-center py-4"},n.createElement(d.u.Image,{src:e.emptyStateUrl,size:"small"}),n.createElement(d.u.Info,{className:"w-100"},oe("emptyStateText")))}r(94892);var ue=r(56081),me=r(57266);function de(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function fe(e){var t,r,a,i,l=n.useState(function(e,t){switch(e){case"score_desc":return[{id:t,desc:!0}];case"score_asc":return[{id:t,desc:!1}];default:return[]}}(e.sortBy,"correctlyAnswered")),c=(i=2,function(e){if(Array.isArray(e))return e}(a=l)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,c=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(a,i)||function(e,t){if(e){if("string"==typeof e)return de(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?de(e,t):void 0}}(a,i)||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.")}()),o=c[0],m=c[1],d=function(e,t,r,a){return n.useMemo((function(){var r=(0,x.Q)(e),n=r.reduce((function(e,t,r){return Object.assign(Object.assign({},e),function(e,t,r){return(t=function(e){var t=function(e){if("object"!=Q(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=Q(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Q(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},t.id,r))}),{}),i=r.map((function(e){return Object.assign(Object.assign({},e),{questionNumber:n[e.id],resultsSummary:(0,I.nq)(e,t)})}));if("correctlyAnswered"===(null==a?void 0:a.id)){var l=u.m.sortBy(i,(function(e){return e.resultsSummary.awaitingMarking?-1:e.resultsSummary.percentCorrect}));return a.desc?l.reverse():l}return i}),[r,a])}(e.interactive,e.results,e.refreshTable,u.m.first(o)),f=e.selectedInteractionId&&(0,I.Zs)(e.interactive,e.selectedInteractionId);return n.createElement("div",{className:"row"},n.createElement("div",{className:"col-6 flex-grow-1"},n.createElement(ue.i,{key:e.selectedInteractionId,columns:(r=e.showAnswersInTable,[{Header:function(e){var t=e.column;return n.createElement(Y,{column:t,phraseKey:"#"})},accessor:"questionNumber",id:"index",Cell:function(e){var t=e.row.original.questionNumber;return n.createElement($,null,t+1,".")},width:15,disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(Y,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original,a=e.initialState.selectedRowIds,i=null==a?void 0:a[null==t?void 0:t.id];return n.createElement($,{className:"flex-column"},n.createElement("div",{className:"".concat(i?"":"clamp-1"," pe-2")},n.createElement(v.y,{interaction:t,containerClassName:"d-flex"})),r&&i&&n.createElement(Z,{interaction:t}))},disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(Y,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,r=t.percentCorrect;return t.awaitingMarking?n.createElement(q.O,{title:V("markingRequired"),className:"flex-grow-1",tooltipClassName:"d-block",showLabel:!0}):n.createElement(K.O,{percentage:r,layout:K.I.LabelBefore})},width:60,sortDescFirst:!0,sortType:z}]),data:d,theme:e.theme,onSelectRow:function(e){var t=e.original;s.preventScrollTop(),me.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:f?[f.id]:null,getRowId:function(e){return e.id},enableSort:!0,manualSort:!0,onSort:m,initialSortBy:o})),n.createElement("div",{className:"col-6 d-flex flex-column"},!e.reportsStyling&&e.selectedInteractionId&&!!(null===(t=e.results.students)||void 0===t?void 0:t.length)&&n.createElement(ce,{interaction:f,results:e.results}),n.createElement("div",{className:"rounded flex-grow-1 ".concat(e.reportsStyling?"":"border")},!!f&&n.createElement(R,{interaction:f,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymiseUsers:e.anonymiseUsers,emptyStateImageUrl:e.emptyStateImageUrl,markingRequiredImageUrl:e.markingRequiredImageUrl,correctImageUrl:e.correctImageUrl,incorrectImageUrl:e.incorrectImageUrl,skippedImageUrl:e.skippedImageUrl,reportsStyling:e.reportsStyling,isDemo:e.isDemo}),!f&&n.createElement(se,{emptyStateUrl:e.selectQuestionImageUrl}))))}var pe=r(41196),ge=r(9193),be=r(77696),ve=r(25691);function ye(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var he=a.T.encloseNamespace("shared.confirmationPopup");function Ee(e){var t,r,a=(t=n.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,c=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(t,r)||function(e,t){if(e){if("string"==typeof e)return ye(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ye(e,t):void 0}}(t,r)||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.")}()),i=a[0],l=a[1];return n.createElement(be.G,{title:e.title,closePopup:e.closePopup},n.createElement(n.Fragment,null,e.children,n.createElement(ve.u,null,n.createElement(ve.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||he("cancel")}),n.createElement(ve.u.Submit,{onClick:function(){l(!0),e.onClickConfirm()},text:e.confirmButtonText||he("confirm"),variant:e.confirmButtonVariant,showSpinner:i,disabled:e.disabledConfirmButton}))))}Ee.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var we=r(39151),Se=r(20768),Ie=r(30321),ke=r(16562),Ne=r(18075),Ce=r(91470),Ae=r(55884),xe=r(79489),Ue=r(99827),Me=r(36630),je=r(55554),Te=r(87480),Oe=r(21295),Re=r(71270),qe=r(23178),Fe=r(99943),Be=r(54679),We=r(84049);function Pe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,c=[],o=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Le(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Le(e,t):void 0}}(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 Le(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var _e={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("j0KQ5"),selectedRow:"bg-light",sortIndicator:"ms-2"},De=a.T.encloseNamespace("interactives.interactiveQuestionList");function He(e){var t,r,a,c,o,s,u=Pe((0,l.D)(xe.y.ANONYMISE_USERS),1)[0],m=Pe(n.useState(!1),2),d=m[0],f=m[1],p=i.a.useBasicFetch(Se.b.interactiveMetadata(e.interactiveMetadataId)),g=i.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)?Se.b.interactive(p.data.interactiveId):null),b=(0,Ue.R)(),v=(0,pe.W)(e.interactiveMetadataId,b),y=i.a.useBasicFetch(we.L.config());(0,Ne.M)({title:De("pageTitle",{interactive:null===(r=p.data)||void 0===r?void 0:r.name})}),(0,Te.U)(null===(a=p.data)||void 0===a?void 0:a.name),(0,je._)((0,Oe.yH)(p.data)),(0,We.P)(e.interactiveMetadataId),(0,Be.Y)(v),(0,qe.m)(e.interactiveMetadataId),(0,Ie.b)(p),(0,Me.M)(p),(0,ke.v)([g,v,y]);var h=(0,Fe.b)(v),E=(0,ge.D)(null===(c=g.data)||void 0===c?void 0:c.id,null===(o=p.data)||void 0===o?void 0:o.id,(function(){return f(!1)})),w=E.markedAnswers,S=E.addMarkedAnswers,I=E.submitMarkedAnswers,k=!!g.data&&!!v.data&&!!y.data;return n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(Re.l,{interactiveMetadataId:e.interactiveMetadataId}),k?n.createElement(fe,{emptyStateImageUrl:Ae.W.EmptyStates.Interactives.NoResponses,selectQuestionImageUrl:Ae.W.EmptyStates.Interactives.NoData,anonymiseUsers:u,interactive:g.data,results:v.data,markedAnswers:w,addMarkedAnswers:S,submitMarkedAnswers:function(){return f(!0)},imageCdnUrl:y.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:h,theme:_e,reportsStyling:!0}):n.createElement("div",{className:"row"},n.createElement("div",{className:"col-6"},n.createElement(Ce.I,null)))),d&&n.createElement(Ee,{title:De("markPopupTitle",{smartCount:null!==(s=Object.keys(w).length)&&void 0!==s?s:0}),closePopup:function(){return f(!1)},confirmButtonText:De("submit"),confirmButtonVariant:"dark",onClickConfirm:I},n.createElement("p",null,De("markPopupBody"))))}}}]);