@clickview/lite 0.60.0-rc.3 → 0.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/bundles.json +1 -1
  2. package/dist/scripts/2962-cd169fb047-lite.chunk.js +2 -0
  3. package/dist/scripts/2962-cd169fb047-lite.chunk.js.map +1 -0
  4. package/dist/scripts/{bundle-407b0da280.min.js → bundle-45b8df607d.min.js} +3 -3
  5. package/dist/scripts/{bundle-407b0da280.min.js.map → bundle-45b8df607d.min.js.map} +1 -1
  6. package/package.json +1 -1
  7. package/dist/scripts/2962-af1569af3b-lite.chunk.js +0 -2
  8. package/dist/scripts/2962-af1569af3b-lite.chunk.js.map +0 -1
  9. /package/dist/scripts/{bundle-407b0da280.min.js.LICENSE.txt → bundle-45b8df607d.min.js.LICENSE.txt} +0 -0
package/dist/bundles.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "appBundle": "bundle-407b0da280.min.js",
2
+ "appBundle": "bundle-45b8df607d.min.js",
3
3
  "cssBundle": "lite-app-3bda1e7846.css",
4
4
  "polyfillBundle": "polyfills-6564e51a1e.min.js"
5
5
  }
package/dist/scripts/2962-cd169fb047-lite.chunk.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2962],{92869:(e,t,r)=>{r.d(t,{t:()=>i});var n=r(48088),a=r(95846),i={preventScrollTop:function(){n.Radio.channel(a.G.SHELL).trigger("prevent:scroll:top")}}},34079:(e,t,r)=>{r.d(t,{O:()=>s});var n=r(32735),a=r(23481),i=r(40782),l=r(36532),c=a.T.encloseNamespace("interactives.pendingIndicator");function o(e){var t="d-flex align-items-center h-100";return t+=e.showLabel?" justify-content-between":" justify-content-center",e.className&&(t+=" ".concat(e.className)),t}function s(e){var t=function(){return n.createElement("div",{className:o(e)},!!e.showLabel&&n.createElement("em",null,c("pending")),n.createElement(i.O,null))};return e.title?n.createElement(l.u,{title:e.title,spanHack:!0,spanHackClassName:e.tooltipClassName||"h-100 w-100 d-flex align-items-center"},n.createElement(t,null)):n.createElement(t,null)}},97364:(e,t,r)=>{r.d(t,{C:()=>i,P:()=>a});var n=r(94892);function a(e,t){switch(e){case"score_desc":return[{id:t,desc:!0}];case"score_asc":return[{id:t,desc:!1}];default:return[]}}function i(e,t){return"marking_required"===e&&!t.awaitingMarking||"helping_hand"===e&&t.percentCorrect>=n.T.HIGH||"not_completed"===e&&!t.unanswered}},1704:(e,t,r)=>{r.d(t,{l:()=>s});var n=r(32735),a=r(23481),i=r(9111),l=r(13876);function c(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 o=a.T.encloseNamespace("shared.confirmationPopup");function s(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 c(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)?c(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.")}()),s=a[0],u=a[1];return n.createElement(i.G,{title:e.title,closePopup:e.closePopup},n.createElement(n.Fragment,null,e.children,n.createElement(l.u,null,n.createElement(l.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||o("cancel")}),n.createElement(l.u.Submit,{onClick:function(){u(!0),e.onClickConfirm()},text:e.confirmButtonText||o("confirm"),variant:e.confirmButtonVariant,showSpinner:s,disabled:e.disabledConfirmButton}))))}s.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"}},17688:(e,t,r)=>{r.r(t),r.d(t,{InteractiveInsightsQuestionsView:()=>Oe});var n=r(32735),a=r(23481),i=r(2948),l=r(20354),c=r(92869),o=r(75896),s=r(9570),u=r(23232),m=r(83345),d="shared.interactionResponseList";function f(e){return n.createElement(n.Fragment,null,n.createElement(u.u,{className:"m-4"},n.createElement(u.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(u.u.Info,null,n.createElement(m.x,{namespace:d,phrase:function(){switch(e.filter){case"correct":return"correctEmptyState";case"incorrect":return"incorrectEmptyState";case"marking_required":return"markingRequiredEmptyState";case"skipped":return"skippedEmptyState"}}()}))))}function p(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(m.x,{namespace:d,phrase:"markingRequired"})),n.createElement("button",{className:t("correct"),onClick:function(){return e.toggleFilter("correct")}},n.createElement(m.x,{namespace:d,phrase:"correct"})),n.createElement("button",{className:t("incorrect"),onClick:function(){return e.toggleFilter("incorrect")}},n.createElement(m.x,{namespace:d,phrase:"incorrect"})),n.createElement("button",{className:t("skipped"),onClick:function(){return e.toggleFilter("skipped")}},n.createElement(m.x,{namespace:d,phrase:"skipped"})))}var g=r(86572),b=a.T.encloseNamespace("interactives.interactionResponseListHeader");function v(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(g.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!r&&n.createElement("div",{className:"mt-2"},n.createElement("strong",null,b("suggestedResponse")),n.createElement("p",{className:"m-0"},r))))}var y=a.T.encloseNamespace("shared.submitMarkedAnswers");function h(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},y("submitAnswers")))}var E=r(26136),w=r(39157),I=r(44113),k=r(28972),S=r(83140),N=r(80845);const A={awaitingMarking:"PPNkp"};function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function x(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 U="shared.interactionResponseList",j=a.T.encloseNamespace(U);function O(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 x(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)?x(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],d=(r=e.interaction,e.results.students.filter((function(e){return S.A.isInteractionCorrect(r,(0,N.j_)(e))===k.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"!=C(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==C(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))}),{})),g=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(u.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},n.createElement(u.u.Image,{src:e.emptyStateImageUrl,size:"small"}),n.createElement(u.u.Heading,null,j("emptyStateHeading")),n.createElement(u.u.Info,{className:"w-100"},j("emptyStateDescription"))));var b=e.results.students.filter((function(t){var r=(0,N.j_)(t),n=S.A.isInteractionCorrect(e.interaction,r),a={correct:k.w.Correct,incorrect:k.w.Incorrect,marking_required:k.w.AwaitingMarking,skipped:k.w.UnAnswered};return!c||c in a&&n===a[c]}));return n.createElement(n.Fragment,null,e.reportsStyling&&n.createElement(v,{interaction:e.interaction}),n.createElement("div",{className:e.reportsStyling?"d-flex justify-content-end":"d-flex align-items-center justify-content-between border-bottom border-light px-3 py-2"},!e.reportsStyling&&n.createElement("p",{className:"fw-semibold mb-0"},n.createElement(m.x,{namespace:U,phrase:"studentAnswers"})),!!Object.keys(d).length&&n.createElement(h,{submit:e.submitMarkedAnswers,disabled:!g})),n.createElement(n.Fragment,null,!e.reportsStyling&&n.createElement(p,{filter:c,toggleFilter:function(e){o(c===e?null:e)}}),!e.reportsStyling&&!b.length&&c&&n.createElement(f,{filter:c,markingRequiredImageUrl:e.markingRequiredImageUrl,correctImageUrl:e.correctImageUrl,incorrectImageUrl:e.incorrectImageUrl,skippedImageUrl:e.skippedImageUrl}),b&&n.createElement("ul",{className:"list-unstyled mb-0"},b.map((function(t,r){var a,i,l=(0,E.B)(t.user||t.publicUser,e.anonymiseUsers),c=d[(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(A.awaitingMarking)),n.createElement("li",{key:r},e.reportsStyling?n.createElement(I.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,w.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(s.d,{interaction:e.interaction,studentResults:t,markedStatus:(0,w.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:l,className:o,showFeedback:!0}))}))),e.reportsStyling&&!!d.length&&n.createElement("div",{className:"mt-2"},n.createElement(h,{submit:e.submitMarkedAnswers,disabled:!g}))))}var T=r(34079);function M(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 R=r(79671);const P={row:"fXno_",answerImage:"pDAuW",answerWidth:"YHK27"};function q(e){var t,r;return(null===(r=o.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:P.answerWidth},n.createElement(R.n,{interaction:e.interaction,size:"sm",showFeedback:!1,showCorrectnessIcons:!0,isDisplayOnly:!0})):n.createElement("ul",{className:"".concat(P.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 W="shared.questionTable";function B(e){var t,r=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return r?n.createElement("div",{className:"".concat(P.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(m.x,{namespace:W,phrase:"suggestedResponse"}))),n.createElement("p",{className:"mb-0"},r)):n.createElement(n.Fragment,null)}function F(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 L=r(40424);function _(e){var t=function(){switch(e.interaction.typeId){case L.Z9.MultipleChoice:return n.createElement(q,{interaction:e.interaction,indexToLetter:Q});case L.Z9.TrueOrFalse:return n.createElement(F,{interaction:e.interaction,indexToLetter:Q});case L.Z9.ShortAnswer:return n.createElement(B,{interaction:e.interaction});case L.Z9.MissingWord:return n.createElement(M,{interaction:e.interaction});default:return null}}();return t?n.createElement("div",{className:"w-100 mt-3"},t):n.createElement(n.Fragment,null)}var H=r(40782);function D(e){return D="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},D(e)}var Z=a.T.encloseNamespace("shared.questionTable");function K(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 V(e){var t;return n.createElement("div",{className:"d-flex ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function G(e){return n.createElement(V,{className:e.column.isSorted&&"fw-bold"},Z(e.phraseKey))}function Q(e){return String.fromCharCode(e+"A".charCodeAt(0))}var z=r(8246),$=a.T.encloseNamespace("shared.questionTable");function J(e,t){var r=e.actionableItems.map((function(t,r){return{id:t.id,label:e.typeId===L.Z9.MultipleChoice?Q(r):t.name,isCorrect:t.isCorrect,count:0}}));return t.students.forEach((function(t){var n=o.m.last(t.results).attempts,a=o.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){var t=o.m.findWhere(r,{id:e.id});t&&t.count++}))})),r}function Y(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:$("incorrect"),count:0,isCorrect:!1}),t.students.forEach((function(t){var n=o.m.last(t.results).attempts,a=o.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){var t=o.m.findWhere(r,{id:e.id});t&&e.status===z.N.Correct?t.count++:o.m.findWhere(r,{label:$("incorrect")}).count++}))})),r}function X(e,t){var r=[{label:$("correct"),isCorrect:!0,count:0},{label:$("incorrect"),isCorrect:!1,count:0}];return t.students.forEach((function(t){var n=o.m.last(t.results).attempts,a=o.m.findWhere(n,{id:e.id});a&&a.answers.forEach((function(e){if(e.status===z.N.Correct&&o.m.findWhere(r,{label:$("correct")}).count++,e.status===z.N.Incorrect&&o.m.findWhere(r,{label:$("incorrect")}).count++,e.status===z.N.PendingReview){var t=o.m.findWhere(r,{label:$("pending")});t||(r.push({label:$("pending"),count:0,isCorrect:!1}),t=o.m.findWhere(r,{label:$("pending")})),t.count++}}))})),r}var ee=r(83914),te=r(35223),re="shared.questionTable",ne=a.T.encloseNamespace(re);function ae(e){var t=function(){if(e.interaction&&e.results){var t;switch(e.interaction.typeId){case L.Z9.ShortAnswer:case L.Z9.Illustration:t=X;break;case L.Z9.MissingWord:t=Y;break;case L.Z9.MultipleChoice:case L.Z9.TrueOrFalse:t=J}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===ne("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-light bg-light px-1")}return n.createElement("div",{className:"border border-light 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(ee.x,{svgName:te.vn.Lightbulb,size:ee.S.Large})),n.createElement("h2",{className:"h6 mb-0"},n.createElement("span",null,n.createElement(m.x,{namespace:re,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(e,t){return n.createElement("div",{key:t,className:"d-flex mb-2"},n.createElement("div",{className:a(e),style:{width:"".concat(e.count/r*100,"%"),height:20}}),n.createElement("span",null,e.count))})))))}var ie=a.T.encloseNamespace("shared.selectedInteractionEmptyState");function le(e){return n.createElement(u.u,{className:"rounded h-100 bg-white justify-content-center py-4"},n.createElement(u.u.Image,{src:e.emptyStateUrl,size:"small"}),n.createElement(u.u.Info,{className:"w-100"},ie("emptyStateText")))}var ce=r(97364),oe=r(69674),se=r(57266);function ue(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 me(e){var t,r,a,i,l=(a=n.useState((0,ce.P)(e.sortBy,"correctlyAnswered")),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 ue(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)?ue(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.")}()),s=l[0],u=l[1],m=function(e,t,r,a){return n.useMemo((function(){var r=(0,N.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"!=D(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==D(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,w.nq)(e,t)})}));if("correctlyAnswered"===(null==a?void 0:a.id)){var l=o.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,o.m.first(s)),d=e.selectedInteractionId&&(0,w.Zs)(e.interactive,e.selectedInteractionId);return n.createElement("div",{className:"row"},n.createElement("div",{className:"col-6 flex-grow-1"},n.createElement(oe.i,{key:e.selectedInteractionId,columns:(r=e.showAnswersInTable,[{Header:function(e){var t=e.column;return n.createElement(G,{column:t,phraseKey:"#"})},accessor:"questionNumber",id:"index",Cell:function(e){var t=e.row.original.questionNumber;return n.createElement(V,null,t+1,".")},width:15,disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(G,{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(V,{className:"flex-column"},n.createElement("div",{className:"".concat(i?"":"clamp-1"," pe-2")},n.createElement(g.y,{interaction:t,containerClassName:"d-flex"})),r&&i&&n.createElement(_,{interaction:t}))},disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(G,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,r=t.percentCorrect;return t.awaitingMarking?n.createElement(T.O,{title:Z("markingRequired"),className:"flex-grow-1",tooltipClassName:"d-block",showLabel:!0}):n.createElement(H.O,{percentage:r,layout:H.I.LabelBefore})},width:60,sortDescFirst:!0,sortType:K}]),data:m,theme:e.theme,onSelectRow:function(e){var t=e.original;c.t.preventScrollTop(),se.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:d?[d.id]:null,getRowId:function(e){return e.id},enableSort:!0,manualSort:!0,onSort:u,initialSortBy:s})),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(ae,{interaction:d,results:e.results}),n.createElement("div",{className:"border border-light rounded flex-grow-1"},!!d&&n.createElement(O,{interaction:d,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}),!d&&n.createElement(le,{emptyStateUrl:e.selectQuestionImageUrl}))))}var de=r(41196),fe=r(9193),pe=r(26025),ge=r(74901),be=r(40003),ve=r(1704),ye=r(38143),he=r(39151),Ee=r(20768),we=r(79612),Ie=r(99742),ke=r(5672),Se=r(93116);const Ne={partialInsights:"bk68v"};function Ae(){return n.createElement("div",null,n.createElement("div",{className:"row g-3 mb-5"},n.createElement("div",{className:"col-6"},n.createElement("div",{className:"".concat(Ne.partialInsights," rounded partial-loading-background")})),n.createElement("div",{className:"col-6"},n.createElement("div",{className:"".concat(Ne.partialInsights," rounded partial-loading-background")}))))}function Ce(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 xe(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)?xe(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 xe(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 Ue=a.T.encloseNamespace("shared.interactiveInsightsQuestions"),je={table:"bg-white rounded border border-light h-100 pb-2",header:"border-bottom px-3 py-2 mb-2",headerCell:"d-flex align-items-center",cell:"",row:"px-3 py-2 bg-light-blue-hover",selectedRow:"bg-gray-100",sortIndicator:"ms-2"};function Oe(e){var t,r,a,c,o,s=Ce((0,i.D)(ye.g.ANONYMISE_USERS),1)[0],u=Ce(n.useState(!1),2),m=u[0],d=u[1],f=l.a.useBasicFetch(he.L.config()),p=l.a.useBasicFetch(Ee.b.interactiveMetadata(e.interactiveId)),g=l.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)&&Ee.b.interactive(p.data.interactiveId)),b=pe.B.getAudienceAppLinkParams(),v=pe.B.getDateRangeAppLinkParams(),y=(0,de.W)(e.interactiveId,Object.assign(Object.assign({},(0,be.wO)((0,be.Hb)(),v)),(0,ge.K)(b)),!0),h=(0,fe.D)(null===(r=g.data)||void 0===r?void 0:r.id,null===(a=p.data)||void 0===a?void 0:a.id,(function(){return d(!1)})),E=h.markedAnswers,w=h.addMarkedAnswers,I=h.submitMarkedAnswers;(0,we.M)({title:p.data?Ue("pageTitle",{video:null===(c=p.data)||void 0===c?void 0:c.name}):null});var k=g.data&&p.data&&y.data,S=Object.assign(Object.assign({},b),v);return n.createElement("div",{className:"px-3"},n.createElement(Se.m,{audienceAppLinkParams:b,dateRangeAppLinkParams:v,tabs:(0,ke.kj)(e.interactiveId,"questions",S),video:p.data}),!k&&n.createElement(Ae,null),k&&n.createElement(me,{interactive:g.data,results:y.data,markedAnswers:E,addMarkedAnswers:w,submitMarkedAnswers:function(){return d(!0)},imageCdnUrl:f.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:y.isFetching||g.isFetching,emptyStateImageUrl:Ie.W.Insights.NO_RESPONSES,selectQuestionImageUrl:Ie.W.Insights.NO_DATA,anonymiseUsers:s,sortBy:e.sortBy,showAnswersInTable:!0,theme:je,correctImageUrl:Ie.W.Insights.JIGSAW,incorrectImageUrl:Ie.W.Insights.RED_JIGSAW,skippedImageUrl:Ie.W.Insights.SKIPPED,markingRequiredImageUrl:Ie.W.Insights.CLIPBOARD}),m&&n.createElement(ve.l,{title:Ue("markPopupTitle",{smartCount:null!==(o=Object.keys(E).length)&&void 0!==o?o:0}),closePopup:function(){return d(!1)},confirmButtonText:Ue("submit"),confirmButtonVariant:"dark",onClickConfirm:I},n.createElement("p",null,Ue("markPopupBody"))))}}}]);
2
+ //# sourceMappingURL=2962-cd169fb047-lite.chunk.js.map
package/dist/scripts/2962-cd169fb047-lite.chunk.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scripts/2962-cd169fb047-lite.chunk.js","mappings":"8JAIaA,EAAe,CAE1BC,iBAAgB,WACd,EAAAC,MAAA,QAAc,WAAsBC,QAAQ,qBAC9C,E,mFCAIC,EAAY,qBADA,iCAGlB,SAASC,EAAaC,GACpB,IAAIC,EAAY,kCAOhB,OALAA,GAAaD,EAAME,UAAY,2BAA6B,0BAExDF,EAAMC,YACRA,GAAa,IAAJ,OAAQD,EAAMC,YAElBA,CACT,CASM,SAAUE,EAAiBH,GAC/B,IAAMI,EAAY,WAAH,OACb,uBAAKH,UAAWF,EAAaC,MACxBA,EAAME,WACP,0BAAKJ,EAAU,YAEjB,gBAAC,IAAmB,MAChB,EAGR,OAAKE,EAAMK,MAIT,gBAAC,IAAO,CAACA,MAAOL,EAAMK,MAAOC,UAAQ,EAACC,kBAAmBP,EAAMQ,kBAAoB,yCACjF,gBAACJ,EAAS,OAJL,gBAACA,EAAS,KAOrB,C,0DCvCM,SAAUK,EAAgBC,EAAwBC,GACtD,OAAQD,GACN,IAAK,aAAc,MAAO,CAAC,CAAEC,GAAAA,EAAIC,MAAM,IACvC,IAAK,YAAa,MAAO,CAAC,CAAED,GAAAA,EAAIC,MAAM,IACtC,QAAS,MAAO,GAEpB,CAIM,SAAUC,EAAoBC,EAA0BC,GAC5D,MAAe,qBAAXD,IAAkCC,EAAQC,iBAG/B,iBAAXF,GAA6BC,EAAQE,gBAAkB,UAG5C,kBAAXH,IAA+BC,EAAQG,UAI7C,C,uLCnBA,IACMpB,EAAY,qBADA,4BAoBZ,SAAUqB,EAAkBnB,GAChC,I,IAAyE,G,EAArB,YAAe,G,EAAM,E,o4BAAjEoB,EAAiB,KAAEC,EAAoB,KAE/C,OACE,gBAAC,IAAK,CAAChB,MAAOL,EAAMK,MAAOiB,WAAYtB,EAAMsB,YAC3C,gCACGtB,EAAMuB,SACP,gBAAC,IAAY,KACX,gBAAC,WAAmB,CAClBC,QAASxB,EAAMsB,WACfG,QAASzB,EAAM0B,oBACfC,KAAM3B,EAAM4B,kBAAoB9B,EAAU,YAE5C,gBAAC,WAAmB,CAClB0B,QAAS,WAAQH,GAAqB,GAAOrB,EAAM6B,gBAAkB,EACrEF,KAAM3B,EAAM8B,mBAAqBhC,EAAU,WAC3C2B,QAASzB,EAAM+B,qBACfC,YAAaZ,EACba,SAAUjC,EAAMkC,0BAM5B,CA/BAf,EAAkBgB,aAAe,CAC/BJ,qBAAsB,UACtBL,oBAAqB,O,+KCnBjBU,EAAY,iCAYZ,SAAUC,EAA0CrC,GAmBxD,OACE,gCACE,gBAACsC,EAAA,EAAU,CAACrC,UAAU,OACpB,gBAACqC,EAAA,QAAgB,CAACC,IArBxB,WACE,OAAQvC,EAAMc,QACZ,IAAK,UAAW,OAAOd,EAAMwC,gBAC7B,IAAK,YAAa,OAAOxC,EAAMyC,kBAC/B,IAAK,mBAAoB,OAAOzC,EAAM0C,wBACtC,IAAK,UAAW,OAAO1C,EAAM2C,gBAEjC,CAc6BC,GAA+B3C,UAAU,gBAChE,gBAACqC,EAAA,OAAe,KACd,gBAACO,EAAA,EAAI,CAACT,UAAWA,EAAWU,OAdpC,WACE,OAAQ9C,EAAMc,QACZ,IAAK,UAAW,MAAO,oBACvB,IAAK,YAAa,MAAO,sBACzB,IAAK,mBAAoB,MAAO,4BAChC,IAAK,UAAW,MAAO,oBAE3B,CAO4CiC,OAK9C,CAOM,SAAUC,EAA+BhD,GAK7C,SAASiD,EAAmBC,GAC1B,MAAO,yBAAP,OALF,SAA0BA,GACxB,OAAOA,IAAiBlD,EAAMc,MAChC,CAGkCqC,CAAiBD,GAAgB,qBAAuB,GAC1F,CAEA,OAEE,uBAAKjD,UAAU,oBACb,0BAAQA,UAAWgD,EAAmB,oBAAqBzB,QAAS,WAAF,OAAQxB,EAAMoD,aAAa,mBAAmB,GAC9G,gBAACP,EAAA,EAAI,CAACT,UAAWA,EAAWU,OAAO,qBAErC,0BAAQ7C,UAAWgD,EAAmB,WAAYzB,QAAS,WAAF,OAAQxB,EAAMoD,aAAa,UAAU,GAC5F,gBAACP,EAAA,EAAI,CAACT,UAAWA,EAAWU,OAAO,aAErC,0BAAQ7C,UAAWgD,EAAmB,aAAczB,QAAS,WAAF,OAAQxB,EAAMoD,aAAa,YAAY,GAChG,gBAACP,EAAA,EAAI,CAACT,UAAWA,EAAWU,OAAO,eAErC,0BAAQ7C,UAAWgD,EAAmB,WAAYzB,QAAS,WAAF,OAAQxB,EAAMoD,aAAa,UAAU,GAC5F,gBAACP,EAAA,EAAI,CAACT,UAAWA,EAAWU,OAAO,aAI3C,C,eCvEMhD,EAAYuD,EAAA,mBADA,8CAOZ,SAAUC,EAA8BtD,G,MACtCuD,EAA0C,QAAtB,EAAAvD,EAAMwD,YAAYC,YAAI,eAAEF,kBAElD,OACE,uBAAKtD,UAAU,oBACb,uBAAKA,UAAU,yBACb,uBAAKA,UAAU,UACb,gBAACyD,EAAA,EAAgB,CACfF,YAAaxD,EAAMwD,YACnBG,cAAc,qBAGfJ,GACD,uBAAKtD,UAAU,QACb,8BAASH,EAAU,sBACnB,qBAAGG,UAAU,OAAOsD,KAMhC,CC/BA,IACM,EAAYF,EAAA,mBADA,8BAQZ,SAAUO,EAAoB5D,GAClC,OACE,uBAAKC,UAAU,8BACb,0BACEA,UAAU,uBACVuB,QAASxB,EAAM6D,OACf5B,SAAUjC,EAAMiC,UAEf,EAAU,kBAInB,C,sECvBA,SAAgB,gBAAkB,S,4UCsBlC,IAAM,EAAY,iCACZ,EAAYoB,EAAA,mBAAiC,GAoC7C,SAAUS,EAAwB9D,G,MAjCtCwD,E,IAkC6E,G,EAA/C,a,EAA+C,E,o4BAArE1C,EAAM,KAAEiD,EAAS,KAEnBC,GApCNR,EAoC2CxD,EAAMwD,YAAaxD,EAAMiE,QAAQC,SAjCrCpD,QAAO,SAAAqD,GAK5C,OAJoBC,EAAA,uBAClBZ,GACA,QAAiBW,MAEIE,EAAA,iBACzB,IAEuBC,QAAO,SAACC,EAAKJ,G,QAAM,sCACrCI,G,2YAAG,KACC,QAAN,EAAAJ,EAAEK,YAAI,eAAE7D,MAAkB,QAAZ,EAAAwD,EAAEM,kBAAU,eAAEC,YAAY,G,GACvC,CAAC,IAuBCC,EAAmBC,OAAOC,KAAK7E,EAAM8E,eAAeC,OAE1D,KAA2B,QAAtB,EAAA/E,EAAMiE,QAAQC,gBAAQ,eAAEa,QAC3B,OACE,uBAAK9E,UAAU,4BACb,gBAACqC,EAAA,EAAU,CAACrC,UAAU,iEACpB,gBAACqC,EAAA,QAAgB,CAACC,IAAKvC,EAAMgF,mBAAoBC,KAAK,UACtD,gBAAC3C,EAAA,UAAkB,KAChB,EAAU,sBAEb,gBAACA,EAAA,OAAe,CAACrC,UAAU,SACxB,EAAU,4BA4BrB,IAAMiF,EAhBGlF,EAAMiE,QAAQC,SAASpD,QAAO,SAAAqD,GACnC,IAAMgB,GAAS,QAAiBhB,GAE1BiB,EAAchB,EAAA,uBAAkDpE,EAAMwD,YAAa2B,GAEnFE,EAAY,CAChBC,QAASjB,EAAA,UACTkB,UAAWlB,EAAA,YACXmB,iBAAkBnB,EAAA,kBAClBoB,QAASpB,EAAA,cAGX,OAAQvD,GAAWA,KAAUuE,GAAaD,IAAgBC,EAAUvE,EACtE,IAKF,OACE,gCACGd,EAAM0F,gBAAkB,gBAACpC,EAA6B,CAACE,YAAaxD,EAAMwD,cAC3E,uBAAKvD,UAAWD,EAAM0F,eAClB,6BACA,2FAEA1F,EAAM0F,gBAAkB,qBAAGzF,UAAU,oBAAmB,gBAAC4C,EAAA,EAAI,CAACT,UAAW,EAAWU,OAAO,sBAC1F8B,OAAOC,KAAKb,GAAiBe,QAC9B,gBAACnB,EAAmB,CAACC,OAAQ7D,EAAM2F,oBAAqB1D,UAAW0C,KAGvE,iCACI3E,EAAM0F,gBAAkB,gBAAC1C,EAA8B,CAAClC,OAAQA,EAAQsC,aApChF,SAAsBwC,GACpB7B,EAAUjD,IAAW8E,EAAiB,KAAOA,EAC/C,KAoCQ5F,EAAM0F,iBAAmBR,EAAuBH,QAAUjE,GAC1D,gBAACuB,EAAyC,CACxCvB,OAAQA,EACR4B,wBAAyB1C,EAAM0C,wBAC/BF,gBAAiBxC,EAAMwC,gBACvBC,kBAAmBzC,EAAMyC,kBACzBE,gBAAiB3C,EAAM2C,kBAI1BuC,GACC,sBAAIjF,UAAU,sBACXiF,EAAuBW,KAAI,SAAC1B,EAAG2B,G,QACxBC,GAAqB,OAAkB5B,EAAEK,MAAQL,EAAEM,WAAYzE,EAAMgG,gBACrEC,EAAkBjC,GAAsB,QAAN,EAAAG,EAAEK,YAAI,eAAE7D,MAAkB,QAAZ,EAAAwD,EAAEM,kBAAU,eAAEC,YAEhEzE,EAAYD,EAAM0F,eAAiB,eAAiB,0BAKxD,OAHIO,IACFhG,GAAa,IAAJ,OAAQ,oBAGjB,sBAAIiG,IAAKJ,GACN9F,EAAM0F,eACL,gBAACS,EAAA,EAAmB,CAClB3C,YAAaxD,EAAMwD,YACnB4C,eAAgBjC,EAChBkC,cAAc,QAAgBrG,EAAMwD,YAAY7C,GAAIwD,EAAGnE,EAAM8E,eAC7DwB,gBAAiBtG,EAAMuG,iBACvBC,YAAaxG,EAAMwG,YACnBC,oBAAkB,EAClBV,mBAAoBA,EACpB9F,UAAWA,EACXyG,cAAY,EACZhB,gBAAc,EACdiB,uBAAuB,UAGzB,gBAACC,EAAA,EAAuB,CACtBpD,YAAaxD,EAAMwD,YACnB4C,eAAgBjC,EAChBkC,cAAc,QAAgBrG,EAAMwD,YAAY7C,GAAIwD,EAAGnE,EAAM8E,eAC7DwB,gBAAiBtG,EAAMuG,iBACvBC,YAAaxG,EAAMwG,YACnBC,oBAAkB,EAClBV,mBAAoBA,EACpB9F,UAAWA,EACXyG,cAAY,IAKtB,KAGH1G,EAAM0F,kBAAoB1B,EAAgBe,QACzC,uBAAK9E,UAAU,QACb,gBAAC2D,EAAmB,CAACC,OAAQ7D,EAAM2F,oBAAqB1D,UAAW0C,MAM/E,C,eCnLM,SAAUkC,EAAyB7G,GACvC,IAA6B8G,EAqB7B,OACE,2BACE,qBAAG7G,UAAU,SAvBY6G,EAuBgB9G,EAAMwD,YAAYC,KAAKsD,UApB3DD,EAAIE,MAAM,WAAWnB,KAAI,SAACoB,EAAMC,GACrC,IAAMC,EAAQF,EAAKE,MAAM,WAEzB,GAAIA,EAAO,CACT,IAAMjB,EAAMiB,EAAM,GAEZC,EAAcpH,EAAMwD,YAAY6D,gBAAgBC,MAAK,SAAAC,GAAM,OAAKA,EAAOC,QAAWtB,CAAG,IAG3F,GAAIkB,EACF,OAAO,wBAAMnH,UAAU,oDAAoDiG,IAAKgB,GAAQE,EAAYK,KAEvG,CAED,OAAOR,CACT,IAjBiB,IAyBrB,C,eC9BA,SAAgB,IAAM,QAAQ,YAAc,QAAQ,YAAc,SCQ5D,SAAUS,EAA4B1H,G,QAG1C,OAF8E,QAA1D,EAAA2H,EAAA,QAAmC,QAAjB,EAAA3H,EAAMwD,mBAAW,eAAE6D,iBAAiB5D,YAAI,eAAEmE,UAoB9E,uBAAK3H,UAAW,eACd,gBAAC4H,EAAA,EAAgC,CAC/BrE,YAAaxD,EAAMwD,YACnByB,KAAK,KACLyB,cAAc,EACdoB,sBAAoB,EACpBC,eAAa,KAtBf,sBAAI9H,UAAS,UAAK,cAAkB,2BACjCD,EAAMwD,YAAY6D,gBAAgBxB,KAAI,SAAAmC,GACrC,OACE,sBAAI9B,IAAK8B,EAAOrH,GAAIV,UAAU,UAC5B,uBAAKA,UAAS,UAAK+H,EAAOC,UAAY,8BAAgC,0BAAyB,kCAC7F,wBAAMhI,UAAU,eAAeD,EAAMkI,cAAcF,EAAOR,OAAM,MAChE,4BAAOQ,EAAOP,OAItB,IAgBR,CCjCA,IAAM,EAAY,uBAEZ,SAAUU,EAAyBnI,G,MACjCuD,EAA0C,QAAtB,EAAAvD,EAAMwD,YAAYC,YAAI,eAAEF,kBAElD,OAAKA,EAGH,uBAAKtD,UAAS,UAAK,cAAkB,oCACnC,uBAAKA,UAAU,kCACb,qBAAGA,UAAU,oBACX,gBAAC4C,EAAA,EAAI,CAACT,UAAW,EAAWU,OAAO,wBAIvC,qBAAG7C,UAAU,QAAQsD,IAVM,gCAajC,CCpBM,SAAU6E,EAAyBpI,GACvC,OACE,sBAAIC,UAAU,8BACXD,EAAMwD,YAAY6D,gBAAgBxB,KAAI,SAAAmC,GACrC,OACE,sBACE9B,IAAK8B,EAAOrH,GACZV,UAAS,UAAK+H,EAAOC,UAAY,8BAAgC,0BAAyB,wCAE1F,wBAAMhI,UAAU,eAAeD,EAAMkI,cAAcF,EAAOR,OAAM,MAChE,4BAAOQ,EAAOP,MAGpB,IAGN,C,eCPM,SAAUY,EAAqBrI,GAenC,IAAMsI,EAdN,WACE,OAAQtI,EAAMwD,YAAY+E,QACxB,KAAK,oBACH,OAAO,gBAACb,EAA2B,CAAClE,YAAaxD,EAAMwD,YAAa0E,cAAeA,IACrF,KAAK,iBACH,OAAO,gBAACE,EAAwB,CAAC5E,YAAaxD,EAAMwD,YAAa0E,cAAeA,IAClF,KAAK,iBACH,OAAO,gBAACC,EAAwB,CAAC3E,YAAaxD,EAAMwD,cACtD,KAAK,iBACH,OAAO,gBAACqD,EAAwB,CAACrD,YAAaxD,EAAMwD,cACtD,QAAS,OAAO,KAEpB,CAEqCgF,GAErC,OAAKF,EAGH,uBAAKrI,UAAU,cACZqI,GAJqC,gCAO5C,C,qPCtBA,IACM,EAAYjF,EAAA,mBADA,wBAGlB,SAASoF,EACPC,EACAC,EACAC,GAEA,IAAMC,EAAQH,EAAKI,MAAMxB,MAAK,SAAAyB,GAAI,OAAIA,EAAKC,OAAOrI,KAAOiI,CAAQ,IAAEK,MAC7DC,EAAQP,EAAKG,MAAMxB,MAAK,SAAAyB,GAAI,OAAIA,EAAKC,OAAOrI,KAAOiI,CAAQ,IAAEK,MAEnE,OAAIJ,EAAM7H,iBACA,EAENkI,EAAMlI,iBAGH6H,EAAM5H,gBAAkBiI,EAAMjI,eAF5B,GAIJ,CACP,CAKA,SAASkI,EAAYnJ,G,MACnB,OACE,uBAAKC,UAAS,iBAA2B,QAAf,EAAAD,EAAMC,iBAAS,QAAI,KAC1CD,EAAMuB,SAGb,CAOA,SAAS6H,EAAWpJ,GAClB,OACE,gBAACmJ,EAAW,CAAClJ,UAAWD,EAAMgJ,OAAOK,UAAY,WAC9C,EAAUrJ,EAAMsJ,WAGvB,CAsGM,SAAUpB,EAAchB,GAC5B,OAAOqC,OAAOC,aAAatC,EAAQ,IAAIuC,WAAW,GACpD,C,cC5JM,EAAYpG,EAAA,mBADA,wBAUZ,SAAUqG,EACdlG,EACA4C,GAEA,IAAMuD,EAAsCnG,EAAY6D,gBAAgBxB,KAAI,SAAC+D,EAAMC,GACjF,MAAO,CACLlJ,GAAIiJ,EAAKjJ,GACTmJ,MAAOtG,EAAY+E,SAAW,oBAAmCL,EAAc2B,GAAKD,EAAKnC,KACzFQ,UAAW2B,EAAK3B,UAChB8B,MAAO,EAEX,IAgBA,OAdA3D,EAAelC,SAAS8F,SAAQ,SAAAC,GAC9B,IAAMC,EAAiBvC,EAAA,OAAiBsC,EAAQhG,SAASkG,SACnDC,EAAWzC,EAAA,YAAsBuC,EAAgB,CAAEvJ,GAAI6C,EAAY7C,KAEpEyJ,GAELA,EAASC,QAAQL,SAAQ,SAAAzC,GACvB,IAAM+C,EAAkB3C,EAAA,YAAsBgC,EAAkB,CAAEhJ,GAAI4G,EAAO5G,KAEzE2J,GACFA,EAAgBP,OACpB,GACF,IAEOJ,CACT,CAEM,SAAUY,EAAmB/G,EAA0B4C,GAC3D,IAAMuD,EAAsCnG,EAAY6D,gBAAgBxB,KAAI,SAAA+D,GAC1E,MAAO,CACLjJ,GAAIiJ,EAAKjJ,GACTmJ,MAAOF,EAAKnC,KACZQ,UAAW2B,EAAK3B,UAChB8B,MAAO,EAEX,IA2BA,OAzBAJ,EAAiBa,KAAK,CACpBV,MAAO,EAAU,aACjBC,MAAO,EACP9B,WAAW,IAGb7B,EAAelC,SAAS8F,SAAQ,SAAAC,GAC9B,IAAMC,EAAiBvC,EAAA,OAAiBsC,EAAQhG,SAASkG,SACnDC,EAAWzC,EAAA,YAAsBuC,EAAgB,CAAEvJ,GAAI6C,EAAY7C,KAEpEyJ,GAELA,EAASC,QAAQL,SAAQ,SAAAzC,GACvB,IAAM+C,EAAkB3C,EAAA,YAAsBgC,EAAkB,CAAEhJ,GAAI4G,EAAO5G,KAEzE2J,GAAmB/C,EAAOkD,SAAWC,EAAA,UACvCJ,EAAgBP,QAESpC,EAAA,YAAsBgC,EAAkB,CAAEG,MAAO,EAAU,eAEnEC,OAErB,GACF,IAEOJ,CACT,CAEM,SAAUgB,EAAcnH,EAA0B4C,GACtD,IAAMuD,EAAsC,CAC1C,CACEG,MAAO,EAAU,WACjB7B,WAAW,EACX8B,MAAO,GAET,CACED,MAAO,EAAU,aACjB7B,WAAW,EACX8B,MAAO,IAoCX,OAhCA3D,EAAelC,SAAS8F,SAAQ,SAAAC,GAC9B,IAAMC,EAAiBvC,EAAA,OAAiBsC,EAAQhG,SAASkG,SACnDC,EAAWzC,EAAA,YAAsBuC,EAAgB,CAAEvJ,GAAI6C,EAAY7C,KAEpEyJ,GAELA,EAASC,QAAQL,SAAQ,SAAAzC,GASvB,GARIA,EAAOkD,SAAWC,EAAA,WACG/C,EAAA,YAAsBgC,EAAkB,CAAEG,MAAO,EAAU,aACnEC,QAEbxC,EAAOkD,SAAWC,EAAA,aACK/C,EAAA,YAAsBgC,EAAkB,CAAEG,MAAO,EAAU,eACnEC,QAEfxC,EAAOkD,SAAWC,EAAA,gBAAuC,CAC3D,IAAIE,EAAiBjD,EAAA,YAAsBgC,EAAkB,CAAEG,MAAO,EAAU,aAE3Ec,IACHjB,EAAiBa,KAAK,CACpBV,MAAO,EAAU,WACjBC,MAAO,EACP9B,WAAW,IAEb2C,EAAiBjD,EAAA,YAAsBgC,EAAkB,CAAEG,MAAO,EAAU,cAG9Ec,EAAeb,OAChB,CACH,GACF,IAEOJ,CACT,C,4BC1HM,GAAY,uBACZ,GAAYtG,EAAA,mBAAiC,IAO7C,SAAUwH,GAAuB7K,GACrC,IAAMsK,EAGN,WACE,GAAKtK,EAAMwD,aAAgBxD,EAAMiE,QAAjC,CAEA,IAAI6G,EAMJ,OAAQ9K,EAAMwD,YAAY+E,QACxB,KAAK,iBACL,KAAK,kBACHuC,EAAgBH,EAChB,MACF,KAAK,iBACHG,EAAgBP,EAChB,MACF,KAAK,oBACL,KAAK,iBACHO,EAAgBpB,EAIpB,OAAOoB,EAAc9K,EAAMwD,YAAaxD,EAAMiE,QAtBE,CAuBlD,CA3BwB8G,GAClBC,EA6BGV,aAAe,EAAfA,EAAiBhG,QAAO,SAACC,EAAKxD,GAAO,OAAKA,EAAQgJ,MAAQxF,EAAMxD,EAAQgJ,MAAQxF,CAAG,GAAE,GAG9F,SAAS0G,EAAgBlK,GACvB,IAAMd,EAAY,sBAElB,OAAKc,EAAQgJ,MAGThJ,EAAQ+I,QAAU,GAAU,WACvB,GAAP,OAAU7J,EAAS,8BAEjBc,EAAQkH,UACH,GAAP,OAAUhI,EAAS,gCAEd,GAAP,OAAUA,EAAS,4BARV,GAAP,OAAUA,EAAS,8BASvB,CAEA,OACE,uBAAKA,UAAU,wCACb,uBAAKA,UAAU,wCACb,uBAAKA,UAAU,0CACb,gBAACiL,GAAA,EAAY,CAACC,QAAS,gBAAwBlG,KAAMiG,GAAAE,EAAA,SAEvD,sBAAInL,UAAU,WACZ,4BAAM,gBAAC4C,EAAA,EAAI,CAACT,UAAW,GAAWU,OAAO,uBAG7C,uBAAK7C,UAAU,gBACb,uBAAKA,UAAU,YACZqK,aAAe,EAAfA,EAAiBzE,KAAI,SAAA9E,GACpB,OACE,qBAAGmF,IAAKnF,EAAQ+I,MAAO7J,UAAU,sBAAsBc,EAAQ+I,MAEnE,KAEF,uBAAK7J,UAAU,eACZqK,aAAe,EAAfA,EAAiBzE,KAAI,SAAC9E,EAAS8I,GAC9B,OACE,uBAAK3D,IAAK2D,EAAG5J,UAAU,eACrB,uBACEA,UAAWgL,EAAgBlK,GAC3BsK,MAAO,CAAEC,MAAO,GAAF,OAAMvK,EAAQgJ,MAAQiB,EAAoB,IAAG,KAAKO,OAAQ,MAE1E,4BAAOxK,EAAQgJ,OAGrB,MAKV,CC/FA,IACM,GAAY1G,EAAA,mBADA,wCAOZ,SAAUmI,GAA8BxL,GAC5C,OACE,gBAACsC,EAAA,EAAU,CAACrC,UAAU,sDACpB,gBAACqC,EAAA,QAAgB,CACfC,IAAKvC,EAAMyL,cACXxG,KAAK,UAEP,gBAAC3C,EAAA,OAAe,CAACrC,UAAU,SACxB,GAAU,mBAInB,C,+ICsBM,SAAUyL,GAAc1L,G,MJgB5B2L,E,IIbC,G,EAF6B,YAC5B,QAAgB3L,EAAMU,OAAQ,sB,EAC/B,E,s4BAFOA,EAAM,KAAEkL,EAAS,KAGnBnI,EJ8EF,SACJoI,EACA5H,EACA6H,EACApL,GAEA,OAAO,WAAc,WACnB,IAAMqL,GAAwB,OAAgBF,GACxCG,EAA8BD,EAAsBzH,QAAO,SAACC,EAAKf,EAAa0D,GAAK,OAAK,+BACzF3C,G,2YAAG,IAAGf,EAAY7C,GAAKuG,GAAK,GAC7B,CAAC,GAEC+E,EAAeF,EAAsBlG,KAAI,SAAAgE,GAAC,OAAI,+BAC/CA,GAAC,CACJqC,eAAgBF,EAAgBnC,EAAElJ,IAClCwL,gBAAgB,QAA6BtC,EAAG5F,IAAQ,IAG1D,GAAmB,uBAAfvD,aAAM,EAANA,EAAQC,IAA4B,CACtC,IAAMyL,EAASzE,EAAA,SAAmBsE,GAAc,SAAAzI,GAC9C,OAAIA,EAAY2I,eAAenL,iBACrB,EAEHwC,EAAY2I,eAAelL,cACpC,IAEA,OAAOP,EAAOE,KAAOwL,EAAOC,UAAYD,CACzC,CAED,OAAOH,CACT,GAAG,CAAEH,EAAapL,GACpB,CI7Ge4L,CAAgBtM,EAAM6L,YAAa7L,EAAMiE,QAASjE,EAAMuM,aAAc5E,EAAA,QAAkBjH,IAE/F8L,EAAsBxM,EAAMyM,wBAChC,QAAmBzM,EAAM6L,YAAa7L,EAAMyM,uBAW9C,OACE,uBAAKxM,UAAU,OACb,uBAAKA,UAAU,qBACb,gBAACyM,GAAA,EAAK,CACJxG,IAAKlG,EAAMyM,sBACXE,SJPRhB,EIO4B3L,EAAM2L,mBJL3B,CACL,CACEiB,OAAQ,SAAF,OAAK5D,EAAM,EAANA,OAAM,OAAO,gBAACI,EAAU,CAACJ,OAAQA,EAAQM,UAAU,KAAM,EACpEuD,SAAU,iBACVlM,GAAI,QACJmM,KAAM,SAAF,GAAgD,IAAxBZ,EAAc,EAAjCa,IAAOC,SAAYd,eAC1B,OAAO,gBAAC/C,EAAW,KAAE+C,EAAiB,EAAC,IACzC,EACAZ,MAAO,GACP2B,eAAe,GAEjB,CACEL,OAAQ,SAAF,OAAK5D,EAAM,EAANA,OAAM,OAAO,gBAACI,EAAU,CAACJ,OAAQA,EAAQM,UAAU,YAAa,EAC3EuD,SAAU,OACVC,KAAM,SAAF,GAA2E,IAArDtJ,EAAW,EAA5BuJ,IAAOC,SAAyCE,EAAc,EAA9BC,aAAgBD,eACjDE,EAAcF,aAAc,EAAdA,EAAiB1J,aAAW,EAAXA,EAAa7C,IAElD,OACE,gBAACwI,EAAW,CAAClJ,UAAU,eACrB,uBAAKA,UAAS,UAAMmN,EAA0B,GAAZ,UAAc,UAC9C,gBAAC1J,EAAA,EAAgB,CAACF,YAAaA,EAAa6J,mBAAmB,YAGhE1B,GAAsByB,GACrB,gBAAC/E,EAAoB,CAAC7E,YAAaA,IAI3C,EACAyJ,eAAe,GAEjB,CACEL,OAAQ,SAAF,OAAK5D,EAAM,EAANA,OAAM,OAAO,gBAACI,EAAU,CAACJ,OAAQA,EAAQM,UAAU,SAAU,EACxEuD,SAAU,iBACVlM,GAAI,oBACJmM,KAAM,SAAF,GAAqD,QAAhD7D,MAAShI,EAAc,EAAdA,eAChB,OAD+C,EAAfD,gBAG5B,gBAACb,EAAA,EAAgB,CACfE,MAAO,EAAU,mBACjBJ,UAAU,cACVO,iBAAiB,UACjBN,WAAS,IAMb,gBAACoN,EAAA,EAAmB,CAClBC,WAAYtM,EACZuM,OAAQF,EAAA,eAGd,EACAhC,MAAO,GACPmC,eAAe,EACfC,SAAUjF,KIlDNhF,KAAMA,EACNkK,MAAO3N,EAAM2N,MACbC,YAjBR,SAAqB,GAA6D,IAAjDpK,EAAW,EAArBwJ,SACrBtN,EAAA,qBAEAmO,GAAA,eACE,CAAEC,cAAetK,EAAY7C,IAC7B,CAAEoN,OAAO,GAEb,EAWQC,sBAAuBxB,EAAsB,CAACA,EAAoB7L,IAAM,KACxEsN,SAAU,SAAClB,GAAkC,OAAKA,EAAIpM,EAAE,EACxDuN,YAAU,EACVC,YAAU,EACVC,OAAQxC,EACRyC,cAAe3N,KAGnB,uBAAKT,UAAU,6BACXD,EAAM0F,gBAAkB1F,EAAMyM,0BAAiD,QAAtB,EAAAzM,EAAMiE,QAAQC,gBAAQ,eAAEa,SACjF,gBAAC8F,GAAsB,CACrBrH,YAAagJ,EACbvI,QAASjE,EAAMiE,UAInB,uBAAKhE,UAAU,6CACVuM,GACD,gBAAC1I,EAAuB,CACtBN,YAAagJ,EACbvI,QAASjE,EAAMiE,QACfa,cAAe9E,EAAM8E,cACrByB,iBAAkBvG,EAAMuG,iBACxBZ,oBAAqB3F,EAAM2F,oBAC3Ba,YAAaxG,EAAMwG,YACnBR,eAAgBhG,EAAMgG,eACtBhB,mBAAoBhF,EAAMgF,mBAC1BtC,wBAAyB1C,EAAM0C,wBAC/BF,gBAAiBxC,EAAMwC,gBACvBC,kBAAmBzC,EAAMyC,kBACzBE,gBAAiB3C,EAAM2C,gBACvB+C,eAAgB1F,EAAM0F,kBAGxB8G,GAAuB,gBAAChB,GAA6B,CAACC,cAAezL,EAAMsO,2BAKvF,C,6JChHA,UAAgB,gBAAkB,SCG5B,SAAUC,KACd,OACE,2BACE,uBAAKtO,UAAU,gBACb,uBAAKA,UAAU,SACb,uBAAKA,UAAS,UAAK,mBAAsB,0CAE3C,uBAAKA,UAAU,SACb,uBAAKA,UAAS,UAAK,mBAAsB,2CAKnD,C,ogCCUA,IACM,GAAYoD,EAAA,mBADA,uCAIZsK,GAAoB,CACxBa,MAAO,kDACPC,OAAQ,+BACRC,WAAY,4BACZ3F,KAAM,GACNgE,IAAK,gCACLK,YAAa,cACbuB,cAAe,QASX,SAAUC,GAAiC5O,G,cACxCgG,EAA4E,IAA1D,OAAsB6I,GAAA,mBAAoC,GAA9D,GAEoE,KAArB,YAAe,GAAM,GAAjFC,EAAyB,KAAEC,EAA4B,KAEzDC,EAAS,kBAA6BC,GAAA,YAEtCC,EAAsB,kBAC1BC,GAAA,sBAAwCnP,EAAMoP,gBAG1CvD,EAAc,mBAA0D,QAAxB,EAAAqD,EAAoBzL,YAAI,eAAE2L,gBAC9ED,GAAA,cAAgCD,EAAoBzL,KAAK2L,gBAErDC,EAAwB,gCACxBC,EAAyB,iCAEzBrL,GAAU,QAA2BjE,EAAMoP,cAAe,OAAF,yBACzD,UAAkB,WAA+BE,KACjD,QAAkBD,KACpB,GAEH,GAAiE,QAC/C,QAAhB,EAAAxD,EAAYpI,YAAI,eAAE9C,GACM,QAAxB,EAAAuO,EAAoBzL,YAAI,eAAE9C,IAC1B,kBAAMoO,GAA6B,EAAM,IAHnCjK,EAAa,EAAbA,cAAeyB,EAAgB,EAAhBA,iBAAkBZ,EAAmB,EAAnBA,qBAMzC,EAAA4J,GAAA,GAAmB,CAAElP,MAAO6O,EAAoBzL,KAAO,GAAU,YAAa,CAAE+L,MAA+B,QAAxB,EAAAN,EAAoBzL,YAAI,eAAEgE,OAAU,OAE3H,IAAMgI,EAAa5D,EAAYpI,MAAQyL,EAAoBzL,MAAQQ,EAAQR,KAErEiM,EAAS,OAAH,wBACPL,GACAC,GAGL,OACE,uBAAKrP,UAAU,QACb,gBAAC0P,GAAA,EAAkB,CACjBN,sBAAuBA,EACvBC,uBAAwBA,EACxBM,MAAM,SAA2B5P,EAAMoP,cAAe,YAAaM,GACnEF,MAAON,EAAoBzL,QAG3BgM,GAAc,gBAAClB,GAAmC,MAEnDkB,GACC,gBAAC/D,GAAa,CACZG,YAAaA,EAAYpI,KACzBQ,QAASA,EAAQR,KACjBqB,cAAeA,EACfyB,iBAAkBA,EAClBZ,oBAAqB,WAAF,OAAQoJ,GAA6B,EAAK,EAC7DvI,YAAawI,EAAOvL,KAAK+C,YACzBiG,sBAAuBzM,EAAM8N,cAC7BvB,aAActI,EAAQ4L,YAAchE,EAAYgE,WAChD7K,mBAAoB8K,GAAA,wBACpBxB,uBAAwBwB,GAAA,mBACxB9J,eAAgBA,EAChBtF,OAAQV,EAAMU,OACdiL,oBAAkB,EAClBgC,MAAOA,GACPnL,gBAAiBsN,GAAA,kBACjBrN,kBAAmBqN,GAAA,sBACnBnN,gBAAiBmN,GAAA,mBACjBpN,wBAAyBoN,GAAA,uBAI5BhB,GACC,gBAAC3N,GAAA,EAAiB,CAChBd,MAAO,GAAU,iBAAkB,CAAE0P,WAA6C,QAAjC,EAAAnL,OAAOC,KAAKC,GAAeC,cAAM,QAAI,IACtFzD,WAAY,WAAF,OAAQyN,GAA6B,EAAM,EACrDjN,kBAAmB,GAAU,UAC7BC,qBAAqB,OACrBF,eAAgB8D,GAEhB,yBAAI,GAAU,mBAKxB,C","sources":["file:///app/packages/libs/common/src/backbone/utils/ScrollHelper.ts","file:///app/packages/libs/shared/src/apps/analytics/components/pending-indicator/PendingIndicator.tsx","file:///app/packages/libs/shared/src/apps/analytics/utils/StudentTableUtils.ts","file:///app/packages/libs/shared/src/components/confirmation-popup/ConfirmationPopup.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/interaction-response-list/InteractionResponseListFilters.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/interaction-response-list/InteractionResponseListHeader.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/submit-marked-answers/SubmitMarkedAnswers.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/interaction-response-list/interaction-response-list.scss","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/interaction-response-list/InteractionResponseList.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableMissingWord.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/question-table-answers/question-table-answers.scss","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableMultipleChoice.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableShortAnswer.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableTrueOrFalse.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableAnswers.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/QuestionTableUtils.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/question-results-summary/QuestionResultsSummaryUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/question-results-summary/QuestionResultsSummary.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/selected-interaction-empty-state/SelectedInteractionEmptyState.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/questions-list/question-table/QuestionTable.tsx","file:///app/packages/projects/lite/src/apps/insights/views/interactive/questions/partial-loading/partial-interactive-insights-questions.scss","file:///app/packages/projects/lite/src/apps/insights/views/interactive/questions/partial-loading/PartialInteractiveInsightsQuestions.tsx","file:///app/packages/projects/lite/src/apps/insights/views/interactive/questions/InteractiveInsightsQuestionsView.tsx"],"sourcesContent":["import { Radio } from 'backbone';\n\nimport { CommonChannels } from '../constants/CommonChannels';\n\nexport const ScrollHelper = {\n // Will prevent scrolling to the top of the page when applinks are triggered\n preventScrollTop(): void {\n Radio.channel(CommonChannels.SHELL).trigger('prevent:scroll:top');\n }\n};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { PercentageIndicator } from 'libs/shared/components/percentage-indicator/PercentageIndicator';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\n\nconst namespace = 'interactives.pendingIndicator';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getClassName(props: PendingIndicatorProps): string {\n let className = 'd-flex align-items-center h-100';\n\n className += props.showLabel ? ' justify-content-between' : ' justify-content-center';\n\n if (props.className)\n className += ` ${props.className}`;\n\n return className;\n}\n\ninterface PendingIndicatorProps {\n title?: string;\n className?: string;\n showLabel?: boolean;\n tooltipClassName?: string;\n}\n\nexport function PendingIndicator(props: PendingIndicatorProps): JSX.Element {\n const Indicator = () => (\n <div className={getClassName(props)}>\n {!!props.showLabel &&\n <em>{getPhrase('pending')}</em>\n }\n <PercentageIndicator />\n </div>\n );\n\n if (!props.title)\n return <Indicator />;\n\n return (\n <Tooltip title={props.title} spanHack spanHackClassName={props.tooltipClassName || 'h-100 w-100 d-flex align-items-center'}>\n <Indicator />\n </Tooltip>\n );\n}","import { SortingRule } from 'react-table';\n\nimport { ResultsSummary } from 'libs/shared/apps/analytics/interfaces/ResultsSummary';\nimport { ScoreThresholdInsights } from 'libs/shared/constants/ScoreThresholds';\n\nexport type SortStudentsBy = 'score_desc' | 'score_asc';\n\nexport function getSortStudents(sortBy: SortStudentsBy, id: string): SortingRule<any>[] {\n switch (sortBy) {\n case 'score_desc': return [{ id, desc: true }];\n case 'score_asc': return [{ id, desc: false }];\n default: return [];\n }\n}\n\nexport type FilterStudentsBy = 'not_completed' | 'marking_required' | 'helping_hand';\n\nexport function shouldFilterStudent(filter: FilterStudentsBy, summary: ResultsSummary): boolean {\n if (filter === 'marking_required' && !summary.awaitingMarking)\n return true;\n\n if (filter === 'helping_hand' && summary.percentCorrect >= ScoreThresholdInsights.HIGH)\n return true;\n\n if (filter === 'not_completed' && !summary.unanswered)\n return true;\n \n return false;\n}\n\n","import * as React from 'react';\nimport { ButtonProps } from 'react-bootstrap';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.confirmationPopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ConfirmationPopupProps {\n title: string;\n onClickConfirm: () => void;\n confirmButtonText?: string;\n cancelButtonText?: string;\n confirmButtonVariant?: ButtonProps['variant'];\n cancelButtonVariant?: ButtonProps['variant'];\n disabledConfirmButton?: boolean;\n}\n\nConfirmationPopup.defaultProps = {\n confirmButtonVariant: 'primary',\n cancelButtonVariant: 'link'\n};\n\ntype PropTypes = React.PropsWithChildren<ConfirmationPopupProps & PopupViewProps>;\n\nexport function ConfirmationPopup(props: PropTypes): React.ReactElement {\n const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\n\n return (\n <Popup title={props.title} closePopup={props.closePopup}>\n <>\n {props.children}\n <PopupButtons>\n <PopupButtons.Cancel\n onClick={props.closePopup}\n variant={props.cancelButtonVariant}\n text={props.cancelButtonText || getPhrase('cancel')}\n />\n <PopupButtons.Submit\n onClick={() => { setShowButtonSpinner(true); props.onClickConfirm(); }}\n text={props.confirmButtonText || getPhrase('confirm')}\n variant={props.confirmButtonVariant}\n showSpinner={showButtonSpinner}\n disabled={props.disabledConfirmButton}\n />\n </PopupButtons>\n </>\n </Popup>\n );\n}","import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'shared.interactionResponseList';\n\nexport type InteractionResponseFilterType = 'marking_required' | 'correct' | 'incorrect' | 'skipped';\n\ninterface InteractionResponseListFiltersEmptyStatesProps {\n filter: InteractionResponseFilterType;\n markingRequiredImageUrl: string;\n correctImageUrl: string;\n incorrectImageUrl: string;\n skippedImageUrl: string;\n}\n\nexport function InteractionResponseListFiltersEmptyStates(props: InteractionResponseListFiltersEmptyStatesProps) {\n function getFilterEmptyStateImageUrl() {\n switch (props.filter) {\n case 'correct': return props.correctImageUrl;\n case 'incorrect': return props.incorrectImageUrl;\n case 'marking_required': return props.markingRequiredImageUrl;\n case 'skipped': return props.skippedImageUrl;\n }\n }\n\n function getFilterEmptyStatePhrase() {\n switch (props.filter) {\n case 'correct': return 'correctEmptyState';\n case 'incorrect': return 'incorrectEmptyState';\n case 'marking_required': return 'markingRequiredEmptyState';\n case 'skipped': return 'skippedEmptyState';\n }\n }\n\n return (\n <>\n <EmptyState className='m-4'>\n <EmptyState.Image src={getFilterEmptyStateImageUrl()} className='w-25 h-auto' />\n <EmptyState.Info>\n <Text namespace={namespace} phrase={getFilterEmptyStatePhrase()} />\n </EmptyState.Info>\n </EmptyState>\n </>\n );\n}\n\ninterface InteractionResponseListFiltersProps {\n filter: InteractionResponseFilterType;\n toggleFilter: (filter: InteractionResponseFilterType) => void\n}\n\nexport function InteractionResponseListFilters(props: InteractionResponseListFiltersProps) {\n function isFilterSelected(filterButton: InteractionResponseFilterType) {\n return filterButton === props.filter;\n }\n\n function getFilterClassName(filterButton: InteractionResponseFilterType) {\n return `rounded-pill bg-light ${isFilterSelected(filterButton) ? 'bg-dark text-white' : ''}`;\n }\n\n return (\n\n <div className='d-flex gap-2 m-3'>\n <button className={getFilterClassName('marking_required')} onClick={() => props.toggleFilter('marking_required')}>\n <Text namespace={namespace} phrase='markingRequired' />\n </button>\n <button className={getFilterClassName('correct')} onClick={() => props.toggleFilter('correct')}>\n <Text namespace={namespace} phrase='correct' />\n </button>\n <button className={getFilterClassName('incorrect')} onClick={() => props.toggleFilter('incorrect')}>\n <Text namespace={namespace} phrase='incorrect' />\n </button>\n <button className={getFilterClassName('skipped')} onClick={() => props.toggleFilter('skipped')}>\n <Text namespace={namespace} phrase='skipped' />\n </button>\n </div>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InteractionLabel } from 'libs/shared/components/interactive-questions/InteractionLabel';\nimport { Interaction } from 'libs/shared/interfaces';\n\nconst namespace = 'interactives.interactionResponseListHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractionResponseListHeaderProps {\n interaction: Interaction;\n}\n\nexport function InteractionResponseListHeader(props: InteractionResponseListHeaderProps): JSX.Element {\n const suggestedResponse = props.interaction.data?.suggestedResponse;\n\n return (\n <div className='rounded bg-white'>\n <div className='p-2 position-relative'>\n <div className='d-flex'>\n <InteractionLabel\n interaction={props.interaction}\n iconClassName='flex-shrink-0'\n />\n </div>\n {!!suggestedResponse &&\n <div className='mt-2'>\n <strong>{getPhrase('suggestedResponse')}</strong>\n <p className='m-0'>{suggestedResponse}</p>\n </div>\n }\n </div>\n </div>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nconst namespace = 'shared.submitMarkedAnswers';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SubmitMarkedAnswersProps {\n submit: () => void;\n disabled: boolean\n}\n\nexport function SubmitMarkedAnswers(props: SubmitMarkedAnswersProps): JSX.Element {\n return (\n <div className='d-flex justify-content-end'>\n <button\n className='btn btn-outline-dark'\n onClick={props.submit}\n disabled={props.disabled}\n >\n {getPhrase('submitAnswers')}\n </button>\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"awaitingMarking\":\"PPNkp\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { InteractionResponseItem } from 'libs/shared/apps/analytics/components/questions-list/interaction-response-item/InteractionResponseItem';\nimport { InteractionResponseFilterType, InteractionResponseListFilters, InteractionResponseListFiltersEmptyStates } from 'libs/shared/apps/analytics/components/questions-list/interaction-response-list/InteractionResponseListFilters';\nimport { InteractionResponseListHeader } from 'libs/shared/apps/analytics/components/questions-list/interaction-response-list/InteractionResponseListHeader';\nimport { SubmitMarkedAnswers } from 'libs/shared/apps/analytics/components/questions-list/submit-marked-answers/SubmitMarkedAnswers';\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { anonymiseUserName } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { getMarkedStatus } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { InteractionResponse } from 'libs/shared/components/interaction-response/InteractionResponse';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interaction, InteractiveResultSet, StudentAnswer, StudentResults } from 'libs/shared/interfaces';\nimport { InteractiveCorrectnessHelper } from 'libs/shared/utils/InteractiveCorrectnessHelper';\nimport { getStudentResult } from 'libs/shared/utils/InteractiveHelper';\n\nimport styles from './interaction-response-list.scss';\n\nconst namespace = 'shared.interactionResponseList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getResponsesToMark(\n interaction: Interaction,\n studentResults: StudentResults[]\n): HashObject {\n const responsesToMark = studentResults.filter(s => {\n const correctness = InteractiveCorrectnessHelper.isInteractionCorrect(\n interaction,\n getStudentResult(s)\n );\n return correctness === InteractionCorrectness.AwaitingMarking;\n });\n\n return responsesToMark.reduce((acc, s) => ({\n ...acc,\n [s.user?.id || s.publicUser?.profileId]: true\n }), {});\n}\n\ninterface InteractionResponseListProps {\n interaction: Interaction\n results: InteractiveResultSet;\n markedAnswers: MarkedAnswerHash;\n addMarkedAnswers: (answer: StudentAnswer[], status: InteractiveAnswerStatus) => void;\n submitMarkedAnswers: () => void;\n imageCdnUrl: string;\n anonymiseUsers: boolean;\n reportsStyling?: boolean;\n emptyStateImageUrl: string;\n markingRequiredImageUrl: string;\n correctImageUrl: string;\n incorrectImageUrl: string;\n skippedImageUrl: string;\n}\n\nexport function InteractionResponseList(props: InteractionResponseListProps): JSX.Element {\n const [ filter, setFilter ] = React.useState<InteractionResponseFilterType>();\n\n const responsesToMark = getResponsesToMark(props.interaction, props.results.students);\n const numMarkedAnswers = Object.keys(props.markedAnswers).length;\n\n if (!props.results.students?.length)\n return (\n <div className='d-flex flex-column h-100'>\n <EmptyState className='bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center'>\n <EmptyState.Image src={props.emptyStateImageUrl} size='small' />\n <EmptyState.Heading>\n {getPhrase('emptyStateHeading')}\n </EmptyState.Heading>\n <EmptyState.Info className='w-100'>\n {getPhrase('emptyStateDescription')}\n </EmptyState.Info>\n </EmptyState>\n </div>\n );\n\n\n function toggleFilter(selectedFilter: InteractionResponseFilterType) {\n setFilter(filter === selectedFilter ? null : selectedFilter);\n }\n\n function filterStudentResults() {\n return props.results.students.filter(s => {\n const result = getStudentResult(s);\n\n const correctness = InteractiveCorrectnessHelper.isInteractionCorrect(props.interaction, result);\n\n const filterMap = {\n correct: InteractionCorrectness.Correct,\n incorrect: InteractionCorrectness.Incorrect,\n marking_required: InteractionCorrectness.AwaitingMarking,\n skipped: InteractionCorrectness.UnAnswered\n };\n\n return !filter || (filter in filterMap && correctness === filterMap[filter]);\n });\n }\n\n const filteredStudentResults = filterStudentResults();\n\n return (\n <>\n {props.reportsStyling && <InteractionResponseListHeader interaction={props.interaction} />}\n <div className={props.reportsStyling\n ? 'd-flex justify-content-end'\n : 'd-flex align-items-center justify-content-between border-bottom border-light px-3 py-2'\n }>\n {!props.reportsStyling && <p className='fw-semibold mb-0'><Text namespace={namespace} phrase='studentAnswers' /></p>}\n {!!Object.keys(responsesToMark).length &&\n <SubmitMarkedAnswers submit={props.submitMarkedAnswers} disabled={!numMarkedAnswers} />\n }\n </div>\n <>\n {!props.reportsStyling && <InteractionResponseListFilters filter={filter} toggleFilter={toggleFilter} />}\n\n {!props.reportsStyling && !filteredStudentResults.length && filter && (\n <InteractionResponseListFiltersEmptyStates\n filter={filter}\n markingRequiredImageUrl={props.markingRequiredImageUrl}\n correctImageUrl={props.correctImageUrl}\n incorrectImageUrl={props.incorrectImageUrl}\n skippedImageUrl={props.skippedImageUrl}\n />\n )}\n \n {filteredStudentResults && (\n <ul className='list-unstyled mb-0'>\n {filteredStudentResults.map((s, idx) => {\n const anonymisedUserName = anonymiseUserName(s.user || s.publicUser, props.anonymiseUsers);\n const markingRequired = responsesToMark[s.user?.id || s.publicUser?.profileId];\n\n let className = props.reportsStyling ? 'bg-white p-2' : 'bg-white px-3 pt-3 pb-2';\n\n if (markingRequired)\n className += ` ${styles.awaitingMarking}`;\n\n return (\n <li key={idx}>\n {props.reportsStyling ? (\n <InteractionResponse\n interaction={props.interaction}\n studentResults={s}\n markedStatus={getMarkedStatus(props.interaction.id, s, props.markedAnswers)}\n markInteraction={props.addMarkedAnswers}\n imageCdnUrl={props.imageCdnUrl}\n showStudentDetails\n anonymisedUserName={anonymisedUserName}\n className={className}\n showFeedback\n reportsStyling\n responseComponentClass='mx-n2'\n />\n ) : (\n <InteractionResponseItem\n interaction={props.interaction}\n studentResults={s}\n markedStatus={getMarkedStatus(props.interaction.id, s, props.markedAnswers)}\n markInteraction={props.addMarkedAnswers}\n imageCdnUrl={props.imageCdnUrl}\n showStudentDetails\n anonymisedUserName={anonymisedUserName}\n className={className}\n showFeedback\n />\n )}\n </li>\n );\n })}\n </ul>\n )}\n {props.reportsStyling && !!responsesToMark.length &&\n <div className='mt-2'>\n <SubmitMarkedAnswers submit={props.submitMarkedAnswers} disabled={!numMarkedAnswers} />\n </div>\n }\n </>\n </>\n );\n}","import React from 'react';\n\nimport { QuestionTableAnswersProps } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableAnswers';\n\nexport function QuestionTableMissingWord(props: QuestionTableAnswersProps) {\n const replacePlaceholders = (str: string) => {\n if (!str) return '';\n\n return str.split(/({\\d+})/).map((part, index) => {\n const match = part.match(/{(\\d+)}/);\n\n if (match) {\n const key = match[1];\n\n const replacement = props.interaction.actionableItems.find(answer => +answer.order === +key);\n\n\n if (replacement) {\n return <span className='bg-white border border-gray-300 rounded p-1 lh-lg' key={index}>{replacement.name}</span>;\n }\n }\n\n return part;\n });\n };\n\n return (\n <div>\n <p className='mb-0'>{replacePlaceholders(props.interaction.data.sentence)}</p>\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"row\":\"fXno_\",\"answerImage\":\"pDAuW\",\"answerWidth\":\"YHK27\"};","import React from 'react';\n\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { QuestionTableAnswersProps } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableAnswers';\nimport { MultipleChoiceInteractionAnswers } from 'libs/shared/components/interaction-answers/multiple-choice/MultipleChoiceInteractionAnswers';\n\nimport styles from './question-table-answers.scss';\n\nexport function QuestionTableMultipleChoice(props: QuestionTableAnswersProps) {\n const hasImages = !!ArrayHelper.first(props.interaction?.actionableItems).data?.imageUrl;\n\n if (!hasImages) {\n return (\n <ul className={`${styles.answerWidth} list-unstyled row g-2`}>\n {props.interaction.actionableItems.map(option => {\n return (\n <li key={option.id} className='col-12'>\n <div className={`${option.isCorrect ? 'bg-light-green border-green' : 'bg-light-red border-red'} rounded border py-1 px-2 m-0`}>\n <span className='fw-semibold'>{props.indexToLetter(option.order)}. </span>\n <span>{option.name}</span>\n </div>\n </li>\n );\n })}\n </ul>\n );\n }\n\n return (\n <div className={styles.answerWidth}>\n <MultipleChoiceInteractionAnswers\n interaction={props.interaction}\n size='sm'\n showFeedback={false}\n showCorrectnessIcons\n isDisplayOnly\n />\n </div>\n );\n}","import React from 'react';\n\nimport { QuestionTableAnswersProps } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableAnswers';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport styles from './question-table-answers.scss';\n\nconst namespace = 'shared.questionTable';\n\nexport function QuestionTableShortAnswer(props: QuestionTableAnswersProps) {\n const suggestedResponse = props.interaction.data?.suggestedResponse;\n\n if (!suggestedResponse) return <></>;\n\n return (\n <div className={`${styles.answerWidth} bg-light-blue rounded p-2 mb-2`}>\n <div className='d-flex justify-content-between'>\n <p className='fw-semibold mb-2'>\n <Text namespace={namespace} phrase='suggestedResponse' />\n </p>\n </div>\n\n <p className='mb-0'>{suggestedResponse}</p>\n </div>\n );\n}","import React from 'react';\n\nimport { QuestionTableAnswersProps } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableAnswers';\n\n\nexport function QuestionTableTrueOrFalse(props: QuestionTableAnswersProps) {\n return (\n <ul className='list-unstyled d-flex gap-2'>\n {props.interaction.actionableItems.map(option => {\n return (\n <li\n key={option.id}\n className={`${option.isCorrect ? 'bg-light-green border-green' : 'bg-light-red border-red'} rounded border px-2 py-1 mb-2 w-50`}\n >\n <span className='fw-semibold'>{props.indexToLetter(option.order)}. </span>\n <span>{option.name}</span>\n </li>\n );\n })}\n </ul>\n );\n}","import React from 'react';\n\nimport { QuestionTableMissingWord } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableMissingWord';\nimport { QuestionTableMultipleChoice } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableMultipleChoice';\nimport { QuestionTableShortAnswer } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableShortAnswer';\nimport { QuestionTableTrueOrFalse } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableTrueOrFalse';\nimport { indexToLetter } from 'libs/shared/apps/analytics/components/questions-list/question-table/QuestionTableUtils';\nimport { Interaction, InteractionTypeId } from 'libs/shared/interfaces';\n\nexport interface QuestionTableAnswersProps {\n interaction: Interaction;\n indexToLetter?: (index: number) => string;\n}\n\nexport function QuestionTableAnswers(props: QuestionTableAnswersProps) {\n function getQuestionTableAnswerComponent(): JSX.Element {\n switch (props.interaction.typeId) {\n case InteractionTypeId.MultipleChoice:\n return <QuestionTableMultipleChoice interaction={props.interaction} indexToLetter={indexToLetter} />;\n case InteractionTypeId.TrueOrFalse:\n return <QuestionTableTrueOrFalse interaction={props.interaction} indexToLetter={indexToLetter} />;\n case InteractionTypeId.ShortAnswer:\n return <QuestionTableShortAnswer interaction={props.interaction} />;\n case InteractionTypeId.MissingWord:\n return <QuestionTableMissingWord interaction={props.interaction} />;\n default: return null;\n }\n }\n\n const QuestionTableAnswerComponent = getQuestionTableAnswerComponent();\n\n if (!QuestionTableAnswerComponent) return <></>;\n\n return (\n <div className='w-100 mt-3'>\n {QuestionTableAnswerComponent}\n </div>\n );\n}","import React from 'react';\nimport { Column, ColumnInstance, Row, SortingRule } from 'react-table';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { PendingIndicator } from 'libs/shared/apps/analytics/components/pending-indicator/PendingIndicator';\nimport { QuestionTableAnswers } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-table-answers/QuestionTableAnswers';\nimport { InteractionWithResultsSummary } from 'libs/shared/apps/analytics/interfaces/InteractionWithResultsSummary';\nimport { getInteractionResultsSummary } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { InteractionLabel } from 'libs/shared/components/interactive-questions/InteractionLabel';\nimport { PercentageIndicator, PercentageIndicatorLayout } from 'libs/shared/components/percentage-indicator/PercentageIndicator';\nimport { Interactive, InteractiveResultSet } from 'libs/shared/interfaces';\nimport { getInteractions } from 'libs/shared/utils/InteractiveHelper';\n\nconst namespace = 'shared.questionTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction sortScore(\n rowA: Row<InteractionWithResultsSummary>,\n rowB: Row<InteractionWithResultsSummary>,\n columnId: string\n): 1 | -1 {\n const cellA = rowA.cells.find(cell => cell.column.id === columnId).value;\n const cellB = rowB.cells.find(cell => cell.column.id === columnId).value;\n\n if (cellA.awaitingMarking)\n return -1;\n\n if (cellB.awaitingMarking)\n return 1;\n\n return cellA.percentCorrect >= cellB.percentCorrect\n ? 1\n : -1;\n}\ninterface CellWrapperProps {\n className?: string;\n}\n\nfunction CellWrapper(props: React.PropsWithChildren<CellWrapperProps>): JSX.Element {\n return (\n <div className={`d-flex ${props.className ?? ''}`}>\n {props.children}\n </div>\n );\n}\n\ninterface HeaderCellProps {\n column: ColumnInstance<InteractionWithResultsSummary>;\n phraseKey: string;\n}\n\nfunction HeaderCell(props: HeaderCellProps): JSX.Element {\n return (\n <CellWrapper className={props.column.isSorted && 'fw-bold'}>\n {getPhrase(props.phraseKey)}\n </CellWrapper>\n );\n}\n\nexport function getColumns(\n showAnswersInTable: boolean\n): Column<InteractionWithResultsSummary>[] {\n return [\n {\n Header: ({ column }) => <HeaderCell column={column} phraseKey='#' />,\n accessor: 'questionNumber',\n id: 'index',\n Cell: ({ row: { original: { questionNumber } } }) => {\n return <CellWrapper>{questionNumber + 1}.</CellWrapper>;\n },\n width: 15,\n disableSortBy: true\n },\n {\n Header: ({ column }) => <HeaderCell column={column} phraseKey='question' />,\n accessor: 'data', // This isn't used but it's needed for the typings on row,\n Cell: ({ row: { original: interaction }, initialState: { selectedRowIds } }) => {\n const selectedRow = selectedRowIds?.[interaction?.id];\n\n return (\n <CellWrapper className='flex-column'>\n <div className={`${!selectedRow ? 'clamp-1' : ''} pe-2`}>\n <InteractionLabel interaction={interaction} containerClassName='d-flex' />\n </div>\n\n {showAnswersInTable && selectedRow && (\n <QuestionTableAnswers interaction={interaction} />\n )}\n </CellWrapper>\n );\n },\n disableSortBy: true\n },\n {\n Header: ({ column }) => <HeaderCell column={column} phraseKey='score' />,\n accessor: 'resultsSummary',\n id: 'correctlyAnswered',\n Cell: ({ value: { percentCorrect, awaitingMarking } }) => {\n if (awaitingMarking) {\n return (\n <PendingIndicator\n title={getPhrase('markingRequired')}\n className='flex-grow-1'\n tooltipClassName='d-block'\n showLabel\n />\n );\n }\n\n return (\n <PercentageIndicator\n percentage={percentCorrect}\n layout={PercentageIndicatorLayout.LabelBefore}\n />\n );\n },\n width: 60,\n sortDescFirst: true,\n sortType: sortScore\n }\n ];\n}\n\n/**\n * Returns memoized table data. To trigger a recalculation, toggle the value of `refreshData`.\n */\nexport function useGetTableData(\n interactive: Interactive,\n results: InteractiveResultSet,\n refreshData: boolean,\n sortBy?: SortingRule<InteractionWithResultsSummary>\n): InteractionWithResultsSummary[] {\n return React.useMemo(() => {\n const flattenedInteractions = getInteractions(interactive);\n const questionNumbers: HashObject = flattenedInteractions.reduce((acc, interaction, index) => ({\n ...acc, [interaction.id]: index\n }), {});\n\n const interactions = flattenedInteractions.map(i => ({\n ...i,\n questionNumber: questionNumbers[i.id],\n resultsSummary: getInteractionResultsSummary(i, results)\n }));\n\n if (sortBy?.id === 'correctlyAnswered') {\n const sorted = ArrayHelper.sortBy(interactions, interaction => {\n if (interaction.resultsSummary.awaitingMarking)\n return -1;\n\n return interaction.resultsSummary.percentCorrect;\n });\n\n return sortBy.desc ? sorted.reverse() : sorted;\n }\n\n return interactions;\n }, [ refreshData, sortBy ]);\n}\n\nexport function indexToLetter(index: number) {\n return String.fromCharCode(index + 'A'.charCodeAt(0));\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { indexToLetter } from 'libs/shared/apps/analytics/components/questions-list/question-table/QuestionTableUtils';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interaction, InteractionTypeId, InteractiveResultSet } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.questionTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface QuestionSummary {\n id?: string;\n count: number;\n isCorrect: boolean;\n label?: string | number;\n}\n\nexport function multipleChoiceSummary(\n interaction: Interaction,\n studentResults: InteractiveResultSet\n): QuestionSummary[] {\n const questionsSummary: QuestionSummary[] = interaction.actionableItems.map((item, i) => {\n return {\n id: item.id,\n label: interaction.typeId === InteractionTypeId.MultipleChoice ? indexToLetter(i) : item.name,\n isCorrect: item.isCorrect,\n count: 0\n };\n });\n\n studentResults.students.forEach(student => {\n const latestAttempts = ArrayHelper.last(student.results).attempts;\n const response = ArrayHelper.findWhere(latestAttempts, { id: interaction.id });\n\n if (!response) return;\n\n response.answers.forEach(answer => {\n const questionSummary = ArrayHelper.findWhere(questionsSummary, { id: answer.id });\n\n if (questionSummary)\n questionSummary.count++;\n });\n });\n\n return questionsSummary;\n}\n\nexport function missingWordSummary(interaction: Interaction, studentResults: InteractiveResultSet): QuestionSummary[] {\n const questionsSummary: QuestionSummary[] = interaction.actionableItems.map(item => {\n return {\n id: item.id,\n label: item.name,\n isCorrect: item.isCorrect,\n count: 0\n };\n });\n\n questionsSummary.push({\n label: getPhrase('incorrect'),\n count: 0,\n isCorrect: false\n });\n\n studentResults.students.forEach(student => {\n const latestAttempts = ArrayHelper.last(student.results).attempts;\n const response = ArrayHelper.findWhere(latestAttempts, { id: interaction.id });\n\n if (!response) return;\n\n response.answers.forEach(answer => {\n const questionSummary = ArrayHelper.findWhere(questionsSummary, { id: answer.id });\n\n if (questionSummary && answer.status === InteractiveAnswerStatus.Correct) {\n questionSummary.count++;\n } else {\n const incorrectSummary = ArrayHelper.findWhere(questionsSummary, { label: getPhrase('incorrect') });\n\n incorrectSummary.count++;\n }\n });\n });\n\n return questionsSummary;\n}\n\nexport function markedSummary(interaction: Interaction, studentResults: InteractiveResultSet): QuestionSummary[] {\n const questionsSummary: QuestionSummary[] = [\n {\n label: getPhrase('correct'),\n isCorrect: true,\n count: 0\n },\n {\n label: getPhrase('incorrect'),\n isCorrect: false,\n count: 0\n }\n ];\n\n studentResults.students.forEach(student => {\n const latestAttempts = ArrayHelper.last(student.results).attempts;\n const response = ArrayHelper.findWhere(latestAttempts, { id: interaction.id });\n\n if (!response) return;\n\n response.answers.forEach(answer => {\n if (answer.status === InteractiveAnswerStatus.Correct) {\n const correctSummary = ArrayHelper.findWhere(questionsSummary, { label: getPhrase('correct') });\n correctSummary.count++;\n }\n if (answer.status === InteractiveAnswerStatus.Incorrect) {\n const incorrectSummary = ArrayHelper.findWhere(questionsSummary, { label: getPhrase('incorrect') });\n incorrectSummary.count++;\n }\n if (answer.status === InteractiveAnswerStatus.PendingReview) {\n let pendingSummary = ArrayHelper.findWhere(questionsSummary, { label: getPhrase('pending') });\n\n if (!pendingSummary) {\n questionsSummary.push({\n label: getPhrase('pending'),\n count: 0,\n isCorrect: false\n });\n pendingSummary = ArrayHelper.findWhere(questionsSummary, { label: getPhrase('pending') });\n }\n\n pendingSummary.count++;\n }\n });\n });\n\n return questionsSummary;\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { markedSummary, missingWordSummary, multipleChoiceSummary, QuestionSummary } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-results-summary/QuestionResultsSummaryUtils';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Interaction, InteractionTypeId, InteractiveResultSet } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.questionTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface QuestionResultsSummaryProps {\n interaction: Interaction;\n results: InteractiveResultSet;\n}\n\nexport function QuestionResultsSummary(props: QuestionResultsSummaryProps) {\n const questionSummary = getQuestionSummary();\n const maxResponseCount = getMaxResponseCount();\n\n function getQuestionSummary(): QuestionSummary[] {\n if (!props.interaction || !props.results) return;\n\n let summaryMethod: (\n interaction: Interaction,\n results: InteractiveResultSet,\n interactionTypeId?: InteractionTypeId\n ) => QuestionSummary[];\n\n switch (props.interaction.typeId) {\n case InteractionTypeId.ShortAnswer:\n case InteractionTypeId.Illustration:\n summaryMethod = markedSummary;\n break;\n case InteractionTypeId.MissingWord:\n summaryMethod = missingWordSummary;\n break;\n case InteractionTypeId.MultipleChoice:\n case InteractionTypeId.TrueOrFalse:\n summaryMethod = multipleChoiceSummary;\n break;\n }\n\n return summaryMethod(props.interaction, props.results);\n }\n\n function getMaxResponseCount() {\n return questionSummary?.reduce((acc, summary) => summary.count > acc ? summary.count : acc, 0);\n }\n\n function getBarClassName(summary: QuestionSummary) {\n const className = 'border rounded me-2';\n\n if (!summary.count)\n return `${className} border-light bg-light px-1`;\n\n if (summary.label === getPhrase('pending'))\n return `${className} border-blue bg-light-blue`;\n\n if (summary.isCorrect)\n return `${className} border-green bg-light-green`;\n\n return `${className} border-red bg-light-red`;\n }\n\n return (\n <div className='border border-light rounded p-3 mb-3'>\n <div className='d-flex align-items-center gap-2 mb-3'>\n <div className='rounded-circle bg-light-teal text-teal'>\n <SvgContainer svgName={cvSvgLibrary.Lightbulb} size={SvgContainerSize.Large} />\n </div>\n <h2 className='h6 mb-0'>\n <span><Text namespace={namespace} phrase='questionSummary' /></span>\n </h2>\n </div>\n <div className='d-flex gap-2'>\n <div className='max-w-25'>\n {questionSummary?.map(summary => {\n return (\n <p key={summary.label} className='text-truncate mb-2'>{summary.label}</p>\n );\n })}\n </div>\n <div className='flex-grow-1'>\n {questionSummary?.map((summary, i) => {\n return (\n <div key={i} className='d-flex mb-2'>\n <div\n className={getBarClassName(summary)}\n style={{ width: `${(summary.count / maxResponseCount) * 100}%`, height: 20 }}>\n </div>\n <span>{summary.count}</span>\n </div>\n );\n })}\n </div>\n </div>\n </div>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nconst namespace = 'shared.selectedInteractionEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SelectedInteractionEmptyStateProps {\n emptyStateUrl: string;\n}\n\nexport function SelectedInteractionEmptyState(props: SelectedInteractionEmptyStateProps): JSX.Element {\n return (\n <EmptyState className='rounded h-100 bg-white justify-content-center py-4'>\n <EmptyState.Image\n src={props.emptyStateUrl}\n size='small'\n />\n <EmptyState.Info className='w-100'>\n {getPhrase('emptyStateText')}\n </EmptyState.Info>\n </EmptyState>\n );\n}","import React from 'react';\nimport { Row, SortingRule } from 'react-table';\n\nimport { ScrollHelper } from 'libs/common/backbone/utils/ScrollHelper';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { InteractionResponseList } from 'libs/shared/apps/analytics/components/questions-list/interaction-response-list/InteractionResponseList';\nimport { QuestionResultsSummary } from 'libs/shared/apps/analytics/components/questions-list/question-table/question-results-summary/QuestionResultsSummary';\nimport { SelectedInteractionEmptyState } from 'libs/shared/apps/analytics/components/questions-list/selected-interaction-empty-state/SelectedInteractionEmptyState';\nimport { InteractionWithResultsSummary } from 'libs/shared/apps/analytics/interfaces/InteractionWithResultsSummary';\nimport { getInteractionById } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { getSortStudents, SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { Table, TableTheme } from 'libs/shared/components/table/Table';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interactive, InteractiveResultSet, StudentAnswer } from 'libs/shared/interfaces';\nimport { AppRouteHelper } from 'libs/shared/utils/AppRouteHelper';\n\nimport { getColumns, useGetTableData } from './QuestionTableUtils';\n\ninterface QuestionTableProps {\n interactive: Interactive;\n results: InteractiveResultSet;\n markedAnswers: { [id: string]: StudentAnswer };\n addMarkedAnswers: (answer: StudentAnswer[], status: InteractiveAnswerStatus) => void;\n submitMarkedAnswers: () => void;\n editSuggestedResponse?: () => void;\n imageCdnUrl: string;\n selectQuestionImageUrl: string;\n anonymiseUsers: boolean;\n sortBy?: SortStudentsBy;\n emptyStateImageUrl: string;\n markingRequiredImageUrl?: string;\n correctImageUrl?: string;\n incorrectImageUrl?: string;\n skippedImageUrl?: string;\n\n /**\n * As the table data is memoized, it must be prompted to recalculate.\n * Toggle `refreshTable` to do so.\n */\n refreshTable: boolean;\n selectedInteractionId?: string;\n showAnswersInTable?: boolean;\n theme: TableTheme;\n reportsStyling?: boolean;\n}\n\nexport function QuestionTable(props: QuestionTableProps): JSX.Element {\n const [ sortBy, setSortBy ] = React.useState<SortingRule<InteractionWithResultsSummary>[]>(\n getSortStudents(props.sortBy, 'correctlyAnswered')\n );\n const data = useGetTableData(props.interactive, props.results, props.refreshTable, ArrayHelper.first(sortBy));\n\n const selectedInteraction = props.selectedInteractionId &&\n getInteractionById(props.interactive, props.selectedInteractionId);\n\n function onSelectRow({ original: interaction }: Row<InteractionWithResultsSummary>): void {\n ScrollHelper.preventScrollTop();\n\n AppRouteHelper.updateParams(\n { interactionId: interaction.id },\n { merge: true }\n );\n }\n\n return (\n <div className='row'>\n <div className='col-6 flex-grow-1'>\n <Table\n key={props.selectedInteractionId}\n columns={getColumns(props.showAnswersInTable)}\n data={data}\n theme={props.theme}\n onSelectRow={onSelectRow}\n initialSelectedRowIds={selectedInteraction ? [selectedInteraction.id] : null}\n getRowId={(row: InteractionWithResultsSummary) => row.id}\n enableSort\n manualSort\n onSort={setSortBy}\n initialSortBy={sortBy}\n />\n </div>\n <div className='col-6 d-flex flex-column'>\n {!props.reportsStyling && props.selectedInteractionId && !!props.results.students?.length && (\n <QuestionResultsSummary\n interaction={selectedInteraction}\n results={props.results}\n />\n )}\n\n <div className='border border-light rounded flex-grow-1'>\n {!!selectedInteraction &&\n <InteractionResponseList\n interaction={selectedInteraction}\n results={props.results}\n markedAnswers={props.markedAnswers}\n addMarkedAnswers={props.addMarkedAnswers}\n submitMarkedAnswers={props.submitMarkedAnswers}\n imageCdnUrl={props.imageCdnUrl}\n anonymiseUsers={props.anonymiseUsers}\n emptyStateImageUrl={props.emptyStateImageUrl}\n markingRequiredImageUrl={props.markingRequiredImageUrl}\n correctImageUrl={props.correctImageUrl}\n incorrectImageUrl={props.incorrectImageUrl}\n skippedImageUrl={props.skippedImageUrl}\n reportsStyling={props.reportsStyling}\n />\n }\n {!selectedInteraction && <SelectedInteractionEmptyState emptyStateUrl={props.selectQuestionImageUrl} />}\n </div>\n </div>\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialInsights\":\"bk68v\"};","import React from 'react';\n\nimport styles from './partial-interactive-insights-questions.scss';\n\nexport function PartialInteractiveInsightsQuestions() {\n return (\n <div>\n <div className='row g-3 mb-5'>\n <div className='col-6'>\n <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n </div>\n <div className='col-6'>\n <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n </div>\n </div>\n </div>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { QuestionTable } from 'libs/shared/apps/analytics/components/questions-list/question-table/QuestionTable';\nimport { useFetchInteractiveResults } from 'libs/shared/apps/analytics/hooks/UseFetchInteractiveResults';\nimport { useMarkAnswers } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { getAudienceParams } from 'libs/shared/apps/analytics/utils/AudienceUtils';\nimport { getInsightsDateRangePresets, getStartEndParams } from 'libs/shared/apps/analytics/utils/DateRangeUtils';\nimport { SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { ConfirmationPopup } from 'libs/shared/components/confirmation-popup/ConfirmationPopup';\nimport { TableTheme } from 'libs/shared/components/table/Table';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, Interactive, InteractiveMetadata } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { getInsightsInteractiveTabs } from 'apps/insights/utils/InsightsAppLinkUtils';\nimport { InsightsHeaderView } from 'apps/insights/views/header/InsightsHeaderView';\nimport { PartialInteractiveInsightsQuestions } from 'apps/insights/views/interactive/questions/partial-loading/PartialInteractiveInsightsQuestions';\n\nconst namespace = 'shared.interactiveInsightsQuestions';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\n\nconst theme: TableTheme = {\n table: 'bg-white rounded border border-light h-100 pb-2',\n header: 'border-bottom px-3 py-2 mb-2',\n headerCell: 'd-flex align-items-center',\n cell: '',\n row: `px-3 py-2 bg-light-blue-hover`,\n selectedRow: 'bg-gray-100',\n sortIndicator: 'ms-2'\n};\n\ninterface InteractiveInsightsQuestionsViewProps {\n interactiveId: string;\n interactionId: string;\n sortBy: SortStudentsBy;\n}\n\nexport function InteractiveInsightsQuestionsView(props: InteractiveInsightsQuestionsViewProps) {\n const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n const [ showMarkConfirmationPopup, setShowMarkConfirmationPopup ] = React.useState(false);\n\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n InteractiveRequests.interactiveMetadata(props.interactiveId)\n );\n\n const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId &&\n InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n const audienceAppLinkParams = AnalyticsFilterHelper.getAudienceAppLinkParams();\n const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n const results = useFetchInteractiveResults(props.interactiveId, {\n ...getStartEndParams(getInsightsDateRangePresets(), dateRangeAppLinkParams),\n ...getAudienceParams(audienceAppLinkParams)\n }, true);\n\n const { markedAnswers, addMarkedAnswers, submitMarkedAnswers } = useMarkAnswers(\n interactive.data?.id,\n interactiveMetadata.data?.id,\n () => setShowMarkConfirmationPopup(false)\n );\n\n useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n\n const dataLoaded = interactive.data && interactiveMetadata.data && results.data;\n\n const params = {\n ...audienceAppLinkParams,\n ...dateRangeAppLinkParams\n };\n\n return (\n <div className='px-3'>\n <InsightsHeaderView\n audienceAppLinkParams={audienceAppLinkParams}\n dateRangeAppLinkParams={dateRangeAppLinkParams}\n tabs={getInsightsInteractiveTabs(props.interactiveId, 'questions', params)}\n video={interactiveMetadata.data}\n />\n\n {!dataLoaded && <PartialInteractiveInsightsQuestions />}\n\n {dataLoaded &&\n <QuestionTable\n interactive={interactive.data}\n results={results.data}\n markedAnswers={markedAnswers}\n addMarkedAnswers={addMarkedAnswers}\n submitMarkedAnswers={() => setShowMarkConfirmationPopup(true)}\n imageCdnUrl={config.data.imageCdnUrl}\n selectedInteractionId={props.interactionId}\n refreshTable={results.isFetching || interactive.isFetching}\n emptyStateImageUrl={ImageUrls.Insights.NO_RESPONSES}\n selectQuestionImageUrl={ImageUrls.Insights.NO_DATA}\n anonymiseUsers={anonymiseUsers}\n sortBy={props.sortBy}\n showAnswersInTable\n theme={theme}\n correctImageUrl={ImageUrls.Insights.JIGSAW}\n incorrectImageUrl={ImageUrls.Insights.RED_JIGSAW}\n skippedImageUrl={ImageUrls.Insights.SKIPPED}\n markingRequiredImageUrl={ImageUrls.Insights.CLIPBOARD}\n />\n }\n\n {showMarkConfirmationPopup &&\n <ConfirmationPopup\n title={getPhrase('markPopupTitle', { smartCount: Object.keys(markedAnswers).length ?? 0 })}\n closePopup={() => setShowMarkConfirmationPopup(false)}\n confirmButtonText={getPhrase('submit')}\n confirmButtonVariant='dark'\n onClickConfirm={submitMarkedAnswers}\n >\n <p>{getPhrase('markPopupBody')}</p>\n </ConfirmationPopup>\n }\n </div>\n );\n}"],"names":["ScrollHelper","preventScrollTop","Radio","trigger","getPhrase","getClassName","props","className","showLabel","PendingIndicator","Indicator","title","spanHack","spanHackClassName","tooltipClassName","getSortStudents","sortBy","id","desc","shouldFilterStudent","filter","summary","awaitingMarking","percentCorrect","unanswered","ConfirmationPopup","showButtonSpinner","setShowButtonSpinner","closePopup","children","onClick","variant","cancelButtonVariant","text","cancelButtonText","onClickConfirm","confirmButtonText","confirmButtonVariant","showSpinner","disabled","disabledConfirmButton","defaultProps","namespace","InteractionResponseListFiltersEmptyStates","EmptyState","src","correctImageUrl","incorrectImageUrl","markingRequiredImageUrl","skippedImageUrl","getFilterEmptyStateImageUrl","Text","phrase","getFilterEmptyStatePhrase","InteractionResponseListFilters","getFilterClassName","filterButton","isFilterSelected","toggleFilter","LanguageService","InteractionResponseListHeader","suggestedResponse","interaction","data","InteractionLabel","iconClassName","SubmitMarkedAnswers","submit","InteractionResponseList","setFilter","responsesToMark","results","students","s","InteractiveCorrectnessHelper","InteractionCorrectness","reduce","acc","user","publicUser","profileId","numMarkedAnswers","Object","keys","markedAnswers","length","emptyStateImageUrl","size","filteredStudentResults","result","correctness","filterMap","correct","incorrect","marking_required","skipped","reportsStyling","submitMarkedAnswers","selectedFilter","map","idx","anonymisedUserName","anonymiseUsers","markingRequired","key","InteractionResponse","studentResults","markedStatus","markInteraction","addMarkedAnswers","imageCdnUrl","showStudentDetails","showFeedback","responseComponentClass","InteractionResponseItem","QuestionTableMissingWord","str","sentence","split","part","index","match","replacement","actionableItems","find","answer","order","name","QuestionTableMultipleChoice","ArrayHelper","imageUrl","MultipleChoiceInteractionAnswers","showCorrectnessIcons","isDisplayOnly","option","isCorrect","indexToLetter","QuestionTableShortAnswer","QuestionTableTrueOrFalse","QuestionTableAnswers","QuestionTableAnswerComponent","typeId","getQuestionTableAnswerComponent","sortScore","rowA","rowB","columnId","cellA","cells","cell","column","value","cellB","CellWrapper","HeaderCell","isSorted","phraseKey","String","fromCharCode","charCodeAt","multipleChoiceSummary","questionsSummary","item","i","label","count","forEach","student","latestAttempts","attempts","response","answers","questionSummary","missingWordSummary","push","status","InteractiveAnswerStatus","markedSummary","pendingSummary","QuestionResultsSummary","summaryMethod","getQuestionSummary","maxResponseCount","getBarClassName","SvgContainer","svgName","S","style","width","height","SelectedInteractionEmptyState","emptyStateUrl","QuestionTable","showAnswersInTable","setSortBy","interactive","refreshData","flattenedInteractions","questionNumbers","interactions","questionNumber","resultsSummary","sorted","reverse","useGetTableData","refreshTable","selectedInteraction","selectedInteractionId","Table","columns","Header","accessor","Cell","row","original","disableSortBy","selectedRowIds","initialState","selectedRow","containerClassName","PercentageIndicator","percentage","layout","sortDescFirst","sortType","theme","onSelectRow","AppRouteHelper","interactionId","merge","initialSelectedRowIds","getRowId","enableSort","manualSort","onSort","initialSortBy","selectQuestionImageUrl","PartialInteractiveInsightsQuestions","table","header","headerCell","sortIndicator","InteractiveInsightsQuestionsView","SharedViewModelKeys","showMarkConfirmationPopup","setShowMarkConfirmationPopup","config","ConfigRequests","interactiveMetadata","InteractiveRequests","interactiveId","audienceAppLinkParams","dateRangeAppLinkParams","useSetPageMetadata","video","dataLoaded","params","InsightsHeaderView","tabs","isFetching","ImageUrls","smartCount"],"sourceRoot":""}