@clickview/lite 0.75.0-rc.2 → 0.75.0-rc.3

package/dist/scripts/{7230-71f8d6d1bd-lite.chunk.js → 1867-3b447a1b85-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7230],{38307:(e,t,n)=>{n.d(t,{c:()=>h,l:()=>p});var r=n(32735),a=n(232),i=n.n(a),o=n(8604),s=n(83345);const c={heatMap:"epapa",legend:"uhH4p"};function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var u="shared.engagementHeatMap",d="#f1f1f1",m=i().scale(["#daf07d","#08bd1a"]),v=[0,.01,.25,.5,.75,1];function f(e,t){return e?m(e/t).hex():d}function g(e,t){for(var n=[],r=0;r<e.length;r++){var a=r>0&&e[r-1],i=e[r],o=r<e.length-1&&e[r+1];i===a&&i===o||n.push("".concat(f(i,t)," ").concat(100/e.length*r,"%"))}return"linear-gradient(to right, ".concat(n.join(","),")")}function p(){var e=Math.max.apply(Math,v),t=100/v.length;return r.createElement("div",{className:"d-flex justify-content-between w-100"},r.createElement(s.x,{namespace:u,phrase:"less"}),r.createElement("div",{className:"d-flex mx-1 flex-grow-1 ".concat(c.legend)},v.map((function(n,a){return r.createElement("div",{key:a,style:{width:"".concat(t,"%"),backgroundColor:f(n,e)}})}))),r.createElement(s.x,{namespace:u,phrase:"more"}))}function h(e){var t,n,a,i=(0,o.O)(e.engagement),s=null!==(t=e.max)&&void 0!==t?t:Math.max.apply(Math,function(e){if(Array.isArray(e))return l(e)}(a=i)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(a)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());return r.createElement("div",{className:"border rounded ".concat(c.heatMap," ").concat(null!==(n=e.className)&&void 0!==n?n:""),style:{background:g(i,s)}})}},84621:(e,t,n)=>{n.d(t,{L:()=>o});var r=n(32735),a=n(83914);const i={icon:"sAmpy",count:"faDs4"};function o(e){return r.createElement("section",{className:"d-flex flex-column border rounded p-3 h-100"},r.createElement("div",{className:"d-flex ".concat(e.subtitle?"align-items-top":"align-items-center"," mb-2")},r.createElement("div",{className:"".concat(i.icon," ").concat(e.svgClassName," rounded-circle d-flex justify-content-center align-items-center")},r.createElement(a.x,{svgName:e.svgName,size:a.S.Small})),r.createElement("div",{className:"d-flex flex-column ms-2"},r.createElement("h2",{className:"h6 mb-0"},e.title)),"number"==typeof e.count&&r.createElement("div",{className:"".concat(i.count," d-flex justify-content-center align-items-center bg-light rounded-circle ms-auto")},e.count)),e.children)}},70072:(e,t,n)=>{n.d(t,{d:()=>r});var r={fontSize:"12px",fontFamily:'"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',fontWeight:"400",color:"#313543"}},8604:(e,t,n)=>{function r(e){var t=e.videoDuration||0;return new Array(Math.ceil(t)).fill(null).map((function(t,n){return(null==e?void 0:e.heatMap[n])||0}))}function a(e){return null==e?void 0:e.reduce((function(t,n){return t+n.engagementRate/e.length}),0)}n.d(t,{O:()=>r,Q:()=>a})},39157:(e,t,n)=>{n.d(t,{HI:()=>m,R6:()=>l,Rt:()=>f,UU:()=>d,Zs:()=>u,nq:()=>v});var r=n(75896),a=n(94892),i=n(28972),o=n(8246),s=n(83140),c=n(80845);function l(e,t,n){var i={markingRequired:[],lowScore:[],highScore:[],completed:[],notCompleted:[]},o=(0,c.Q)(e),s=new Set(o.map((function(e){return e.id})));t.students.forEach((function(t){var o=Object.assign(Object.assign({},t),{summary:f(e,t)});o.summary.awaitingMarking?i.markingRequired.push(o):r.m.last(t.results).attempts.filter((function(e){var t;return!!s.has(null===(t=null==e?void 0:e.answers[0])||void 0===t?void 0:t.questionId)})).length===s.size?(i.completed.push(o),o.summary.percentCorrect>=((null==n?void 0:n.HIGH)||a.i.HIGH)&&i.highScore.push(o),o.summary.percentCorrect<((null==n?void 0:n.MODERATE)||a.i.MODERATE)&&i.lowScore.push(o)):i.notCompleted.push(o)}));var l=r.m.sortBy(i.lowScore,(function(e){return e.summary.percentCorrect})),u=r.m.sortBy(i.highScore,(function(e){return-e.summary.percentCorrect}));return Object.assign(Object.assign({},i),{lowScore:l,highScore:u})}function u(e,t){return(0,c.Wn)(e).find((function(e){return e.id.toString()===t.toString()}))}function d(e){return"".concat(e.questionId,":").concat(e.resultId)}function m(e,t,n){var r=(0,c.j_)(t),a=(0,c.f6)(e,r);return(null==a?void 0:a.answers.every((function(e){var t;return(null===(t=n[d(e)])||void 0===t?void 0:t.status)===o.N.Correct})))?o.N.Correct:(null==a?void 0:a.answers.every((function(e){var t;return(null===(t=n[d(e)])||void 0===t?void 0:t.status)===o.N.Incorrect})))?o.N.Incorrect:void 0}function v(e,t){var n=t.students.length,r=0,a=0,o=0,l=0,u=0;return t.students.forEach((function(t){var n=(0,c.j_)(t);if(n){u+=t.results.length;var d=s.A.isInteractionCorrect(e,n);d===i.w.Correct&&r++,d===i.w.UnAnswered&&o++,d===i.w.AwaitingMarking&&l++,d!==i.w.UnAnswered&&a++}})),{percentCorrect:n>0?r/n:0,correct:r,answered:a,unanswered:o,awaitingMarking:l,attempts:u}}function f(e,t){var n=(0,c.j_)(t),r=(0,c.Q)(e),a=r.length,o=0,l=0;r.forEach((function(e){var t=s.A.isInteractionCorrect(e,n);t===i.w.Correct&&o++,t===i.w.AwaitingMarking&&l++}));var u=a>0?o/a:0,d=new Set(r.map((function(e){return e.id}))),m=n.attempts.filter((function(e){var t;return!!d.has(null===(t=null==e?void 0:e.answers[0])||void 0===t?void 0:t.questionId)})).length;return{answered:m,attempts:t.results.length,unanswered:a-m,percentCorrect:u,correct:o,awaitingMarking:l}}},77640:(e,t,n)=>{n.d(t,{t:()=>f});var r=n(32735),a=n(23481),i=n(31453),o=n(26136),s=n(97408),c=n(83914),l=n(76881),u=n(86613),d=n(64818),m=n(26521),v=a.T.encloseNamespace("shared.userRecipientItemMetadata");function f(e){var t=function(e){var t,n=e.user,r=e.anonymiseUsers,a=e.showDisplayName;if(n.sessionId){var i=(0,o.B)(n,r),s=i.split(" ").filter((function(e){return!!e}));return{name:i,surname:s.slice(1).join(" "),avatarUrl:null}}return{name:r?(0,o.B)(n,!0):a?d.l.getDisplayName(n):d.l.getFullName(n),surname:n.surname,avatarUrl:null===(t=n.avatar)||void 0===t?void 0:t.url}}(e),n=t.name,a=t.surname,f=t.avatarUrl;return r.createElement(r.Fragment,null,r.createElement("div",{className:"".concat(m.Z.avatarContainer," ").concat(e.avatarClassName," d-inline-block flex-shrink-0")},r.createElement(s.q,{imageUrl:f,imageCdnUrl:e.imageCdnUrl,initials:d.l.getInitials(n,a),showAnonymousUser:!e.anonymiseUsers&&!!e.user.sessionId,anonymiseUsers:e.anonymiseUsers,anonymousSvgSize:c.S.Small})),r.createElement("div",{className:e.detailsClassName},r.createElement("h4",{className:(0,i.A)("font-size-normal fw-normal m-0",e.nameClassName)},n),e.showSubText&&"id"in e.user&&r.createElement("p",{className:"text-secondary m-0"},e.getSubText?e.getSubText(e.user):function(e){var t=d.l.getUserType(e),n=d.l.getUserRole(e);if(t===l.Y.Staff)return n===u.i.Admin?v("admin"):v("staff");var r=d.l.getYearGroup(e);return(null==r?void 0:r.name)&&"Learners"!==r.name?r.name:v("student")}(e.user))))}f.defaults={showSubText:!0}},28972:(e,t,n)=>{var r;n.d(t,{w:()=>r}),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(r||(r={}))},8246:(e,t,n)=>{var r;n.d(t,{N:()=>r}),function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(r||(r={}))},54405:(e,t,n)=>{n.d(t,{X:()=>r});var r={interactive:function(){return{url:"/mocks/insights/interactive.json",key:"demo:interactive",normalize:!1}},interactiveMetadata:function(){return{url:"/mocks/insights/interactive-metadata.json",key:"demo:interactive:metadata",normalize:!1}},interactiveResults:function(){return{url:"/mocks/insights/interactive-results.json",key:"demo:interactive:results",normalize:!1}},videoViews:function(){return{url:"/mocks/insights/video-views.json",key:"demo:video:views",normalize:!1}},users:function(){return{url:"/mocks/insights/users.json",key:"demo:users",normalize:!1}},individualHeatmap:function(){return{url:"/mocks/insights/individual-heatmap.json",key:"demo:individual:heatmap",normalize:!1}},aggregateHeatmap:function(){return{url:"/mocks/insights/aggregate-heatmap.json",key:"demo:aggregate:heatmap",normalize:!1}}}},83140:(e,t,n)=>{n.d(t,{A:()=>g});var r=n(28972),a=n(8246),i=n(38129);function o(e){return o="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},o(e)}function s(e,t,n){return(t=function(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(){return r.w.NotApplicable}function l(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?r.w.UnAnswered:n.every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?r.w.Correct:r.w.Incorrect}function u(e,t){return e.actionableItems.every((function(e){return!t(e.id)}))?r.w.UnAnswered:e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){var n,r=t(e.id);return(null==r?void 0:r.toString())===(null===(n=e.id)||void 0===n?void 0:n.toString())||r===e.name}))?r.w.Correct:r.w.Incorrect}function d(e,t){return function(n){var r=null==t?void 0:t.attempts.find((function(t){return t.id===e.id}));return null==r?void 0:r.answers.find((function(e){return e.id===n}))}}function m(e,t){var n=d(e,t);return u(e,(function(e){var t=n(e);return null==t?void 0:t.text}))}function v(e,t){return function(e,t){var n;return e.actionableItems.forEach((function(e){var i=t(e.id);n=i?i.status!==a.N.Correct?i.status!==a.N.Incorrect?r.w.AwaitingMarking:r.w.Incorrect:r.w.Correct:r.w.UnAnswered})),n}(e,d(e,t))}var f=s(s(s(s(s(s(s({},i.Z9.Annotation,c),i.Z9.Image,c),i.Z9.MissingWord,(function(e,t){var n=d(e,t);return l(e,(function(e){var t=n(e);return null==t?void 0:t.text}))})),i.Z9.MultipleChoice,m),i.Z9.ShortAnswer,v),i.Z9.TrueOrFalse,m),i.Z9.Illustration,v),g={notApplicable:c,awaitingMarking:function(){return r.w.AwaitingMarking},isMissingWordCorrect:l,isMultipleChoiceCorrect:u,isInteractionCorrect:function(e,t){return(0,f[e.typeId])(e,t)}}},9566:(e,t,n)=>{n.d(t,{G6:()=>m,GJ:()=>v,VE:()=>g});var r=n(23481),a=n(110),i=n(33518),o=n(2510),s=n(4594),c=n(35223),l=n(14070),u=n(97291),d=r.T.encloseNamespace("myShares.demoInsights"),m={type:o.y.Link,privacy:i.e.JustMySchool,objectId:"0",objectTypeId:s.E.Interactive,viewCount:28,accessCount:15,dateCreated:(new Date).toISOString(),expireDate:null,link:{shortenedEmbedUrl:"",shortenedUrl:""},shareId:"0",ownerCustomerId:0,ownerId:0,recipients:[],options:{preventScrubbing:!1,immediateFeedback:!1}},v={share:m,sharedObject:null,shareRecipients:null,dateShared:a.O.subtract(new Date,7,"days").toISOString()},f={application:u.O.MY_SHARES,action:l.e.MyShares.INTERACTIVE_OVERVIEW_DEMO},g={svgName:c.vn.Analytics,label:d("demoInsights"),appLink:f,group:"insights",className:"btn btn-outline-dark"}},38926:(e,t,n)=>{n.r(t),n.d(t,{InteractiveInsightsOverviewDemoView:()=>I});var r=n(32735),a=n(23481),i=n(2948),o=n(20354),s=n(26025),c=n(38143),l=n(39151),u=n(54405),d=n(31949),m=n(93322),v=n(79612),f=n(40913),g=n(54948),p=n(9566),h=n(10447),y=n(14070),w=n(97291);function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var S=a.T.encloseNamespace("insights.interactiveInsightsOverviewView");function I(){var e,t,n,a,I,A,E=(I=(0,i.D)(c.g.ANONYMISE_USERS),A=1,function(e){if(Array.isArray(e))return e}(I)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,s=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw a}}return s}}(I,A)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}(I,A)||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.")}())[0];(0,m.F)();var C=o.a.useBasicFetch(d.N.currentUser()),k=o.a.useBasicFetch(l.L.config()),N=o.a.useBasicFetch(u.X.interactiveMetadata()),M=o.a.useBasicFetch(u.X.interactive()),j=s.B.getAudienceAppLinkParams(),O=s.B.getDateRangeAppLinkParams(),U=o.a.useBasicFetch(u.X.interactiveResults()),x=o.a.useBasicFetch(u.X.aggregateHeatmap()),R=o.a.useBasicFetch(u.X.videoViews());(0,v.M)({title:N.data?S("pageTitle",{video:null===(e=N.data)||void 0===e?void 0:e.name}):null});var T=C.data&&k.data&&N.data&&M.data&&U.data&&x.data&&!!R.data,D=Object.assign(Object.assign({},j),O),_=function(e,t){return{resultsAppLink:{application:w.O.MY_SHARES,action:y.e.MyShares.INTERACTIVE_STUDENTS_DEMO,args:[""],params:t},questionsAppLink:{application:w.O.MY_SHARES,action:y.e.MyShares.INTERACTIVE_QUESTIONS_DEMO,args:[""],params:t},heatmapAppLink:{application:w.O.MY_SHARES,action:y.e.MyShares.INTERACTIVE_HEATMAP_DEMO,args:[""],params:t}}}(0,D),H=Object.assign(Object.assign({},p.G6),{objectId:null===(t=N.data)||void 0===t?void 0:t.id});return r.createElement("div",{className:"px-3"},r.createElement(f.j,{video:N.data,tabs:(0,h.aq)(null===(n=N.data)||void 0===n?void 0:n.id,"insights",D),dateRangeAppLinkParams:O,share:H,yearGroups:[],isDemo:!0}),r.createElement(g.m,{aggregateEngagement:x.data,interactive:M.data,interactiveMetadata:N.data,classroomStudents:null,results:U.data,osCount:null===(a=R.data)||void 0===a?void 0:a.osCount,config:k.data,interactiveInsightsAppLinks:_,anonymiseUsers:E,hasDataLoaded:T,share:H}))}},26521:(e,t,n)=>{n.d(t,{Z:()=>r});const r={removeRecipient:"mCbMC",recipientItem:"kdcb0",showSpinner:"xH6Mu",avatarContainer:"Zcpg3",recipientDetails:"v5EmV",recipientDetailsWithRemoveButton:"_V928"}}}]);
-//# sourceMappingURL=7230-71f8d6d1bd-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1867],{38307:(e,t,n)=>{n.d(t,{c:()=>h,l:()=>p});var r=n(32735),a=n(232),i=n.n(a),o=n(8604),s=n(83345);const c={heatMap:"epapa",legend:"uhH4p"};function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var u="shared.engagementHeatMap",d="#f1f1f1",m=i().scale(["#daf07d","#08bd1a"]),v=[0,.01,.25,.5,.75,1];function f(e,t){return e?m(e/t).hex():d}function g(e,t){for(var n=[],r=0;r<e.length;r++){var a=r>0&&e[r-1],i=e[r],o=r<e.length-1&&e[r+1];i===a&&i===o||n.push("".concat(f(i,t)," ").concat(100/e.length*r,"%"))}return"linear-gradient(to right, ".concat(n.join(","),")")}function p(){var e=Math.max.apply(Math,v),t=100/v.length;return r.createElement("div",{className:"d-flex justify-content-between w-100"},r.createElement(s.x,{namespace:u,phrase:"less"}),r.createElement("div",{className:"d-flex mx-1 flex-grow-1 ".concat(c.legend)},v.map((function(n,a){return r.createElement("div",{key:a,style:{width:"".concat(t,"%"),backgroundColor:f(n,e)}})}))),r.createElement(s.x,{namespace:u,phrase:"more"}))}function h(e){var t,n,a,i=(0,o.O)(e.engagement),s=null!==(t=e.max)&&void 0!==t?t:Math.max.apply(Math,function(e){if(Array.isArray(e))return l(e)}(a=i)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(a)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());return r.createElement("div",{className:"border rounded ".concat(c.heatMap," ").concat(null!==(n=e.className)&&void 0!==n?n:""),style:{background:g(i,s)}})}},84621:(e,t,n)=>{n.d(t,{L:()=>o});var r=n(32735),a=n(83914);const i={icon:"sAmpy",count:"faDs4"};function o(e){return r.createElement("section",{className:"d-flex flex-column border rounded p-3 h-100"},r.createElement("div",{className:"d-flex ".concat(e.subtitle?"align-items-top":"align-items-center"," mb-2")},r.createElement("div",{className:"".concat(i.icon," ").concat(e.svgClassName," rounded-circle d-flex justify-content-center align-items-center")},r.createElement(a.x,{svgName:e.svgName,size:a.S.Small})),r.createElement("div",{className:"d-flex flex-column ms-2"},r.createElement("h2",{className:"h6 mb-0"},e.title)),"number"==typeof e.count&&r.createElement("div",{className:"".concat(i.count," d-flex justify-content-center align-items-center bg-light rounded-circle ms-auto")},e.count)),e.children)}},70072:(e,t,n)=>{n.d(t,{d:()=>r});var r={fontSize:"12px",fontFamily:'"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',fontWeight:"400",color:"#313543"}},8604:(e,t,n)=>{function r(e){var t=e.videoDuration||0;return new Array(Math.ceil(t)).fill(null).map((function(t,n){return(null==e?void 0:e.heatMap[n])||0}))}function a(e){return null==e?void 0:e.reduce((function(t,n){return t+n.engagementRate/e.length}),0)}n.d(t,{O:()=>r,Q:()=>a})},39157:(e,t,n)=>{n.d(t,{HI:()=>m,R6:()=>l,Rt:()=>f,UU:()=>d,Zs:()=>u,nq:()=>v});var r=n(75896),a=n(94892),i=n(28972),o=n(8246),s=n(83140),c=n(80845);function l(e,t,n){var i={markingRequired:[],lowScore:[],highScore:[],completed:[],notCompleted:[]},o=(0,c.Q)(e),s=new Set(o.map((function(e){return e.id})));t.students.forEach((function(t){var o=Object.assign(Object.assign({},t),{summary:f(e,t)});o.summary.awaitingMarking?i.markingRequired.push(o):r.m.last(t.results).attempts.filter((function(e){var t;return!!s.has(null===(t=null==e?void 0:e.answers[0])||void 0===t?void 0:t.questionId)})).length===s.size?(i.completed.push(o),o.summary.percentCorrect>=((null==n?void 0:n.HIGH)||a.i.HIGH)&&i.highScore.push(o),o.summary.percentCorrect<((null==n?void 0:n.MODERATE)||a.i.MODERATE)&&i.lowScore.push(o)):i.notCompleted.push(o)}));var l=r.m.sortBy(i.lowScore,(function(e){return e.summary.percentCorrect})),u=r.m.sortBy(i.highScore,(function(e){return-e.summary.percentCorrect}));return Object.assign(Object.assign({},i),{lowScore:l,highScore:u})}function u(e,t){return(0,c.Wn)(e).find((function(e){return e.id.toString()===t.toString()}))}function d(e){return"".concat(e.questionId,":").concat(e.resultId)}function m(e,t,n){var r=(0,c.j_)(t),a=(0,c.f6)(e,r);return(null==a?void 0:a.answers.every((function(e){var t;return(null===(t=n[d(e)])||void 0===t?void 0:t.status)===o.N.Correct})))?o.N.Correct:(null==a?void 0:a.answers.every((function(e){var t;return(null===(t=n[d(e)])||void 0===t?void 0:t.status)===o.N.Incorrect})))?o.N.Incorrect:void 0}function v(e,t){var n=t.students.length,r=0,a=0,o=0,l=0,u=0;return t.students.forEach((function(t){var n=(0,c.j_)(t);if(n){u+=t.results.length;var d=s.A.isInteractionCorrect(e,n);d===i.w.Correct&&r++,d===i.w.UnAnswered&&o++,d===i.w.AwaitingMarking&&l++,d!==i.w.UnAnswered&&a++}})),{percentCorrect:n>0?r/n:0,correct:r,answered:a,unanswered:o,awaitingMarking:l,attempts:u}}function f(e,t){var n=(0,c.j_)(t),r=(0,c.Q)(e),a=r.length,o=0,l=0;r.forEach((function(e){var t=s.A.isInteractionCorrect(e,n);t===i.w.Correct&&o++,t===i.w.AwaitingMarking&&l++}));var u=a>0?o/a:0,d=new Set(r.map((function(e){return e.id}))),m=n.attempts.filter((function(e){var t;return!!d.has(null===(t=null==e?void 0:e.answers[0])||void 0===t?void 0:t.questionId)})).length;return{answered:m,attempts:t.results.length,unanswered:a-m,percentCorrect:u,correct:o,awaitingMarking:l}}},77640:(e,t,n)=>{n.d(t,{t:()=>f});var r=n(32735),a=n(23481),i=n(31453),o=n(26136),s=n(97408),c=n(83914),l=n(76881),u=n(86613),d=n(64818),m=n(26521),v=a.T.encloseNamespace("shared.userRecipientItemMetadata");function f(e){var t=function(e){var t,n=e.user,r=e.anonymiseUsers,a=e.showDisplayName;if(n.sessionId){var i=(0,o.B)(n,r),s=i.split(" ").filter((function(e){return!!e}));return{name:i,surname:s.slice(1).join(" "),avatarUrl:null}}return{name:r?(0,o.B)(n,!0):a?d.l.getDisplayName(n):d.l.getFullName(n),surname:n.surname,avatarUrl:null===(t=n.avatar)||void 0===t?void 0:t.url}}(e),n=t.name,a=t.surname,f=t.avatarUrl;return r.createElement(r.Fragment,null,r.createElement("div",{className:"".concat(m.Z.avatarContainer," ").concat(e.avatarClassName," d-inline-block flex-shrink-0")},r.createElement(s.q,{imageUrl:f,imageCdnUrl:e.imageCdnUrl,initials:d.l.getInitials(n,a),showAnonymousUser:!e.anonymiseUsers&&!!e.user.sessionId,anonymiseUsers:e.anonymiseUsers,anonymousSvgSize:c.S.Small})),r.createElement("div",{className:e.detailsClassName},r.createElement("h4",{className:(0,i.A)("font-size-normal fw-normal m-0",e.nameClassName)},n),e.showSubText&&"id"in e.user&&r.createElement("p",{className:"text-secondary m-0"},e.getSubText?e.getSubText(e.user):function(e){var t=d.l.getUserType(e),n=d.l.getUserRole(e);if(t===l.Y.Staff)return n===u.i.Admin?v("admin"):v("staff");var r=d.l.getYearGroup(e);return(null==r?void 0:r.name)&&"Learners"!==r.name?r.name:v("student")}(e.user))))}f.defaults={showSubText:!0}},28972:(e,t,n)=>{var r;n.d(t,{w:()=>r}),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(r||(r={}))},8246:(e,t,n)=>{var r;n.d(t,{N:()=>r}),function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(r||(r={}))},54405:(e,t,n)=>{n.d(t,{X:()=>r});var r={interactive:function(){return{url:"/mocks/insights/interactive.json",key:"demo:interactive",normalize:!1}},interactiveMetadata:function(){return{url:"/mocks/insights/interactive-metadata.json",key:"demo:interactive:metadata",normalize:!1}},interactiveResults:function(){return{url:"/mocks/insights/interactive-results.json",key:"demo:interactive:results",normalize:!1}},videoViews:function(){return{url:"/mocks/insights/video-views.json",key:"demo:video:views",normalize:!1}},users:function(){return{url:"/mocks/insights/users.json",key:"demo:users",normalize:!1}},individualHeatmap:function(){return{url:"/mocks/insights/individual-heatmap.json",key:"demo:individual:heatmap",normalize:!1}},aggregateHeatmap:function(){return{url:"/mocks/insights/aggregate-heatmap.json",key:"demo:aggregate:heatmap",normalize:!1}}}},83140:(e,t,n)=>{n.d(t,{A:()=>g});var r=n(28972),a=n(8246),i=n(38129);function o(e){return o="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},o(e)}function s(e,t,n){return(t=function(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(){return r.w.NotApplicable}function l(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?r.w.UnAnswered:n.every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?r.w.Correct:r.w.Incorrect}function u(e,t){return e.actionableItems.every((function(e){return!t(e.id)}))?r.w.UnAnswered:e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){var n,r=t(e.id);return(null==r?void 0:r.toString())===(null===(n=e.id)||void 0===n?void 0:n.toString())||r===e.name}))?r.w.Correct:r.w.Incorrect}function d(e,t){return function(n){var r=null==t?void 0:t.attempts.find((function(t){return t.id===e.id}));return null==r?void 0:r.answers.find((function(e){return e.id===n}))}}function m(e,t){var n=d(e,t);return u(e,(function(e){var t=n(e);return null==t?void 0:t.text}))}function v(e,t){return function(e,t){var n;return e.actionableItems.forEach((function(e){var i=t(e.id);n=i?i.status!==a.N.Correct?i.status!==a.N.Incorrect?r.w.AwaitingMarking:r.w.Incorrect:r.w.Correct:r.w.UnAnswered})),n}(e,d(e,t))}var f=s(s(s(s(s(s(s({},i.Z9.Annotation,c),i.Z9.Image,c),i.Z9.MissingWord,(function(e,t){var n=d(e,t);return l(e,(function(e){var t=n(e);return null==t?void 0:t.text}))})),i.Z9.MultipleChoice,m),i.Z9.ShortAnswer,v),i.Z9.TrueOrFalse,m),i.Z9.Illustration,v),g={notApplicable:c,awaitingMarking:function(){return r.w.AwaitingMarking},isMissingWordCorrect:l,isMultipleChoiceCorrect:u,isInteractionCorrect:function(e,t){return(0,f[e.typeId])(e,t)}}},9566:(e,t,n)=>{n.d(t,{G6:()=>m,GJ:()=>v,VE:()=>g});var r=n(23481),a=n(110),i=n(33518),o=n(2510),s=n(4594),c=n(35223),l=n(14070),u=n(97291),d=r.T.encloseNamespace("myShares.demoInsights"),m={type:o.y.Link,privacy:i.e.JustMySchool,objectId:"0",objectTypeId:s.E.Interactive,viewCount:28,accessCount:15,dateCreated:(new Date).toISOString(),expireDate:null,link:{shortenedEmbedUrl:"",shortenedUrl:""},shareId:"0",ownerCustomerId:0,ownerId:0,recipients:[],options:{preventScrubbing:!1,immediateFeedback:!1}},v={share:m,sharedObject:null,shareRecipients:null,dateShared:a.O.subtract(new Date,7,"days").toISOString()},f={application:u.O.MY_SHARES,action:l.e.MyShares.INTERACTIVE_OVERVIEW_DEMO},g={svgName:c.vn.Analytics,label:d("demoInsights"),appLink:f,group:"insights",className:"btn btn-outline-dark"}},38926:(e,t,n)=>{n.r(t),n.d(t,{InteractiveInsightsOverviewDemoView:()=>I});var r=n(32735),a=n(23481),i=n(2948),o=n(20354),s=n(26025),c=n(38143),l=n(39151),u=n(54405),d=n(31949),m=n(93322),v=n(79612),f=n(9540),g=n(54948),p=n(9566),h=n(10447),y=n(14070),w=n(97291);function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var S=a.T.encloseNamespace("insights.interactiveInsightsOverviewView");function I(){var e,t,n,a,I,A,E=(I=(0,i.D)(c.g.ANONYMISE_USERS),A=1,function(e){if(Array.isArray(e))return e}(I)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,s=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw a}}return s}}(I,A)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}(I,A)||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.")}())[0];(0,m.F)();var C=o.a.useBasicFetch(d.N.currentUser()),k=o.a.useBasicFetch(l.L.config()),N=o.a.useBasicFetch(u.X.interactiveMetadata()),M=o.a.useBasicFetch(u.X.interactive()),j=s.B.getAudienceAppLinkParams(),O=s.B.getDateRangeAppLinkParams(),U=o.a.useBasicFetch(u.X.interactiveResults()),x=o.a.useBasicFetch(u.X.aggregateHeatmap()),R=o.a.useBasicFetch(u.X.videoViews());(0,v.M)({title:N.data?S("pageTitle",{video:null===(e=N.data)||void 0===e?void 0:e.name}):null});var T=C.data&&k.data&&N.data&&M.data&&U.data&&x.data&&!!R.data,D=Object.assign(Object.assign({},j),O),_=function(e,t){return{resultsAppLink:{application:w.O.MY_SHARES,action:y.e.MyShares.INTERACTIVE_STUDENTS_DEMO,args:[""],params:t},questionsAppLink:{application:w.O.MY_SHARES,action:y.e.MyShares.INTERACTIVE_QUESTIONS_DEMO,args:[""],params:t},heatmapAppLink:{application:w.O.MY_SHARES,action:y.e.MyShares.INTERACTIVE_HEATMAP_DEMO,args:[""],params:t}}}(0,D),H=Object.assign(Object.assign({},p.G6),{objectId:null===(t=N.data)||void 0===t?void 0:t.id});return r.createElement("div",{className:"px-3"},r.createElement(f.j,{video:N.data,tabs:(0,h.aq)(null===(n=N.data)||void 0===n?void 0:n.id,"insights",D),dateRangeAppLinkParams:O,share:H,yearGroups:[],isDemo:!0}),r.createElement(g.m,{aggregateEngagement:x.data,interactive:M.data,interactiveMetadata:N.data,classroomStudents:null,results:U.data,osCount:null===(a=R.data)||void 0===a?void 0:a.osCount,config:k.data,interactiveInsightsAppLinks:_,anonymiseUsers:E,hasDataLoaded:T,share:H}))}},26521:(e,t,n)=>{n.d(t,{Z:()=>r});const r={removeRecipient:"mCbMC",recipientItem:"kdcb0",showSpinner:"xH6Mu",avatarContainer:"Zcpg3",recipientDetails:"v5EmV",recipientDetailsWithRemoveButton:"_V928"}}}]);
+//# sourceMappingURL=1867-3b447a1b85-lite.chunk.js.map

package/dist/scripts/{7230-71f8d6d1bd-lite.chunk.js.map → 1867-3b447a1b85-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/7230-71f8d6d1bd-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/analytics/components/engagement-heat-map/engagement-heat-map.scss","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-heat-map/EngagementHeatMap.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/insight-card/insight-card.scss","file:///app/packages/libs/shared/src/apps/analytics/components/insight-card/InsightCard.tsx","file:///app/packages/libs/shared/src/apps/analytics/constants/ChartStyles.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/EngagementUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/InteractiveUtils.ts","file:///app/packages/libs/shared/src/apps/share/components/recipient-item/user-recipient-item-metadata/UserRecipientItemMetadata.tsx","file:///app/packages/libs/shared/src/enums/InteractionCorrectness.ts","file:///app/packages/libs/shared/src/enums/InteractiveAnswerStatus.ts","file:///app/packages/libs/shared/src/flight-requests/InsightsDemoRequests.ts","file:///app/packages/libs/shared/src/utils/InteractiveCorrectnessHelper.ts","file:///app/packages/projects/lite/src/apps/my-shares/constants/MySharesDemoInsights.ts","file:///app/packages/projects/lite/src/apps/my-shares/views/demo/overview/InteractiveInsightsOverviewDemoView.tsx","file:///app/packages/projects/lite/src/apps/my-shares/views/demo/overview/InteractiveInsightsOverviewDemoUtils.ts","file:///app/packages/libs/shared/src/apps/share/components/recipient-item/recipient-item.scss"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"heatMap\":\"epapa\",\"legend\":\"uhH4p\"};","import React from 'react';\nimport chroma from 'chroma-js';\n\nimport { getFullHeatMap } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Engagement } from 'libs/shared/interfaces';\n\nimport styles from './engagement-heat-map.scss';\n\nconst namespace = 'shared.engagementHeatMap';\n\nconst ZERO_COLOUR = '#f1f1f1';\nconst MIN_COLOUR = '#daf07d';\nconst MAX_COLOUR = '#08bd1a';\n\nconst COLOUR_SCALE = chroma.scale([ MIN_COLOUR, MAX_COLOUR ]);\n\nconst LEGEND_VALUES = [ 0, 0.01, 0.25, 0.5, 0.75, 1 ];\n\nfunction getBackgroundColor(value: number, max: number): string {\n  if (!value)\n    return ZERO_COLOUR;\n\n  return COLOUR_SCALE(value / max).hex();\n}\n\nfunction getGradient(data: number[], max: number): string {\n  const gradient: string[] = [];\n\n  for (let i = 0; i < data.length; i++) {\n    const previousValue = i > 0 && data[i - 1];\n    const currentValue = data[i];\n    const nextValue = i < data.length - 1 && data[i + 1];\n\n    /**\n     * We want to capture colour changes but if a value has the same value\n     * of both of its neighbours, we can skip it.\n     */\n    if (currentValue === previousValue && currentValue === nextValue)\n      continue;\n\n    gradient.push(`${getBackgroundColor(currentValue, max)} ${100 / data.length * i}%`);\n  }\n\n  return `linear-gradient(to right, ${gradient.join(',')})`;\n}\n\nexport function EngagementHeatMapLegend(): JSX.Element {\n  const max = Math.max(...LEGEND_VALUES);\n  const legendSquareWidthPercentage = 100 / LEGEND_VALUES.length;\n\n  return (\n    <div className='d-flex justify-content-between w-100'>\n      <Text namespace={namespace} phrase='less' />\n      <div className={`d-flex mx-1 flex-grow-1 ${styles.legend}`}>\n        {LEGEND_VALUES.map((val, idx) => (\n          <div\n            key={idx}\n            style={{\n              width: `${legendSquareWidthPercentage}%`,\n              backgroundColor: getBackgroundColor(val, max)\n            }}\n          />\n        ))}\n      </div>\n      <Text namespace={namespace} phrase='more' />\n    </div>\n  );\n}\n\ninterface EngagementHeatMapProps {\n  engagement: Engagement;\n  max?: number;\n  className?: string;\n}\n\nexport function EngagementHeatMap(props: EngagementHeatMapProps): JSX.Element {\n  const heatMap = getFullHeatMap(props.engagement);\n  const max = props.max ?? Math.max(...heatMap);\n\n  return (\n    <div\n      className={`border rounded ${styles.heatMap} ${props.className ?? ''}`}\n      style={{\n        background: getGradient(heatMap, max)\n      }}\n    />\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"sAmpy\",\"count\":\"faDs4\"};","import React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\n\nimport styles from './insight-card.scss';\n\ninterface InsightCardProps extends React.PropsWithChildren {\n  svgName: string;\n  svgClassName: string;\n  title: string;\n  subtitle?: string;\n  count?: number;\n}\n\nexport function InsightCard(props: InsightCardProps) {\n  return (\n    <section className='d-flex flex-column border rounded p-3 h-100'>\n      <div className={`d-flex ${props.subtitle ? 'align-items-top' : 'align-items-center'} mb-2`}>\n        <div className={`${styles.icon} ${props.svgClassName} rounded-circle d-flex justify-content-center align-items-center`}>\n          <SvgContainer svgName={props.svgName} size={SvgContainerSize.Small} />\n        </div>\n        <div className='d-flex flex-column ms-2'>\n          <h2 className='h6 mb-0'>{props.title}</h2>\n        </div>\n        {typeof props.count === 'number' && (\n          <div className={`${styles.count} d-flex justify-content-center align-items-center bg-light rounded-circle ms-auto`}>\n            {props.count}\n          </div>\n        )}\n      </div>\n      {props.children}\n    </section>\n  );\n}","export const CHART_FONT_STYLES = {\n  fontSize: '12px',\n  fontFamily: `\"Inter\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Liberation Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"`,\n  fontWeight: '400',\n  color: '#313543'\n};","import { Engagement } from 'libs/shared/interfaces';\n\n/**\n * The heat map in the API response won't contain trailing zeros so we need to add those\n * in manually.\n */\nexport function getFullHeatMap(engagement: Engagement): number[] {\n  const videoDuration = engagement.videoDuration || 0;\n  \n  return (new Array(Math.ceil(videoDuration))).fill(null).map((t, idx) => engagement?.heatMap[idx] || 0);\n}\n\nexport function getEngagementRate(engagement: Engagement[]): number {\n  return engagement?.reduce((prev, next) => prev + next.engagementRate / engagement.length, 0);\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { ResultsSummary } from 'libs/shared/apps/analytics/interfaces/ResultsSummary';\nimport { StudentResultsWithSummary } from 'libs/shared/apps/analytics/interfaces/StudentResultsWithSummary';\nimport { ScoreThresholdDefaults, ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\nimport { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interaction, StudentAnswer, StudentResults } from 'libs/shared/interfaces';\nimport { Interactive, InteractiveResultSet } from 'libs/shared/interfaces';\nimport { InteractiveCorrectnessHelper } from 'libs/shared/utils/InteractiveCorrectnessHelper';\nimport { flattenInteractions, getInteractions, getStudentAttempt, getStudentResult } from 'libs/shared/utils/InteractiveHelper';\n\ninterface StudentGroups {\n  markingRequired: StudentResultsWithSummary[];\n  lowScore: StudentResultsWithSummary[];\n  highScore: StudentResultsWithSummary[];\n  completed: StudentResultsWithSummary[];\n  notCompleted: StudentResultsWithSummary[];\n}\n\nexport function groupStudents(\n  interactive: Interactive,\n  results: InteractiveResultSet,\n  scoreThreshold?: ScoreThresholds\n): StudentGroups {\n  const groups: StudentGroups = {\n    markingRequired: [],\n    lowScore: [],\n    highScore: [],\n    completed: [],\n    notCompleted: []\n  };\n\n  const interactions = getInteractions(interactive);\n  const interactionIds = new Set(interactions.map(i => i.id));\n  \n  results.students.forEach(s => {\n    const withSummary = {\n      ...s,\n      summary: getStudentResultsSummary(interactive, s)\n    };\n  \n    if (withSummary.summary.awaitingMarking) {\n      groups.markingRequired.push(withSummary);\n      return;\n    }\n\n    const result = ArrayHelper.last(s.results);\n    const answeredInteractions = result.attempts.filter(a => !!interactionIds.has(a?.answers[0]?.questionId)).length;\n\n    if (answeredInteractions === interactionIds.size) {\n      groups.completed.push(withSummary);\n    } else {\n      groups.notCompleted.push(withSummary);\n      return;\n    }\n  \n    if (withSummary.summary.percentCorrect >= (scoreThreshold?.HIGH || ScoreThresholdDefaults.HIGH))\n      groups.highScore.push(withSummary);\n  \n    if (withSummary.summary.percentCorrect < (scoreThreshold?.MODERATE || ScoreThresholdDefaults.MODERATE))\n      groups.lowScore.push(withSummary);\n  });\n  \n  const sortedLowScore = ArrayHelper.sortBy(groups.lowScore, s => s.summary.percentCorrect);\n  const sortedHighScore = ArrayHelper.sortBy(groups.highScore, s => -s.summary.percentCorrect);\n  \n  return {\n    ...groups,\n    lowScore: sortedLowScore,\n    highScore: sortedHighScore\n  };\n}\n\nexport function getInteractionById(interactive: Interactive, interactionId: string): Interaction {\n  const flattenedInteractions = flattenInteractions(interactive);\n  return flattenedInteractions.find(i => i.id.toString() === interactionId.toString());\n}\n\n/**\n * We need to use the question and result ids as a list of one student's responses\n * to multiple questions will all have the same result id and a list of multiple\n * students responses to one question will all have the same questionId.\n */\nexport function getMarkedAnswerId(answer: StudentAnswer): string {\n  return `${answer.questionId}:${answer.resultId}`;\n}\n\nexport function getMarkedStatus(\n  interactionId: string,\n  studentResults: StudentResults,\n  markedAnswers: MarkedAnswerHash\n): InteractiveAnswerStatus {\n  const result = getStudentResult(studentResults);\n  const studentResponse = getStudentAttempt(interactionId, result);\n\n  const isMarkedCorrect = studentResponse?.answers.every(a => {\n    return markedAnswers[getMarkedAnswerId(a)]?.status === InteractiveAnswerStatus.Correct;\n  });\n\n  if (isMarkedCorrect)\n    return InteractiveAnswerStatus.Correct;\n\n  const isMarkedIncorrect = studentResponse?.answers.every(a => {\n    return markedAnswers[getMarkedAnswerId(a)]?.status === InteractiveAnswerStatus.Incorrect;\n  });\n\n  if (isMarkedIncorrect)\n    return InteractiveAnswerStatus.Incorrect;\n}\n\nexport function getInteractionResultsSummary(\n  interaction: Interaction,\n  results: InteractiveResultSet\n): ResultsSummary {\n  const numStudents = results.students.length;\n  let numCorrect = 0;\n  let answered = 0;\n  let unanswered = 0;\n  let awaitingMarking = 0;\n  let attempts = 0;\n\n  results.students.forEach(s => {\n    const result = getStudentResult(s);\n\n    if (!result)\n      return;\n\n    attempts = attempts + s.results.length;\n\n    const correctness = InteractiveCorrectnessHelper.isInteractionCorrect(interaction, result);\n\n    if (correctness === InteractionCorrectness.Correct)\n      numCorrect++;\n\n    if (correctness === InteractionCorrectness.UnAnswered)\n      unanswered++;\n\n    if (correctness === InteractionCorrectness.AwaitingMarking)\n      awaitingMarking++;\n\n    if (correctness !== InteractionCorrectness.UnAnswered)\n      answered++;\n  });\n\n\n  const percentCorrect = numStudents > 0\n    ? numCorrect / numStudents\n    : 0;\n\n  return {\n    percentCorrect,\n    correct: numCorrect,\n    answered,\n    unanswered,\n    awaitingMarking,\n    attempts\n  };\n}\n\nexport function getStudentResultsSummary(interactive: Interactive, studentResults: StudentResults): ResultsSummary {\n  const result = getStudentResult(studentResults);\n\n  const interactions = getInteractions(interactive);\n\n  const numInteractions = interactions.length;\n\n  let numCorrect = 0;\n  let awaitingMarking = 0;\n\n  interactions.forEach(i => {\n    const correctness = InteractiveCorrectnessHelper.isInteractionCorrect(i, result);\n\n    if (correctness === InteractionCorrectness.Correct)\n      numCorrect++;\n\n    if (correctness === InteractionCorrectness.AwaitingMarking)\n      awaitingMarking++;\n  });\n\n  const percentCorrect = numInteractions > 0 ? numCorrect / numInteractions : 0;\n\n  /**\n   * Our interactions list has images and annotations filtered out.\n   * We built a map of valid questions, so that we can calculate the unswered accurately.\n   * We're doing this because of a bug that caused annotations and images to record answers in the player.\n   * - Sha\n   */\n  const interactionIds = new Set(interactions.map(i => i.id));\n  const answeredInteractions = result.attempts.filter(a => !!interactionIds.has(a?.answers[0]?.questionId)).length;\n\n  return {\n    answered: answeredInteractions,\n    attempts: studentResults.results.length,\n    unanswered: numInteractions - answeredInteractions,\n    percentCorrect,\n    correct: numCorrect,\n    awaitingMarking\n  };\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { anonymiseUserName } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { UserRole } from 'libs/shared/enums/UserRole';\nimport { BaseObject, User } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport styles from '../recipient-item.scss';\n\nconst namespace = 'shared.userRecipientItemMetadata';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getSubText(user: User): string {\n  const userType = UserHelper.getUserType(user);\n  const role = UserHelper.getUserRole(user);\n\n  if (userType === UserGroup.Staff) {\n    if (role === UserRole.Admin)\n      return getPhrase('admin');\n\n    return getPhrase('staff');\n  }\n\n  const yearGroup = UserHelper.getYearGroup(user);\n  \n  /**\n   * Tertiary puts all students into a single group called 'Learners'.\n   * When a student is in the 'Learners' group, we don't want to display the group name,\n   * but instead we want to just show \"Student\". - Sha\n   */\n  if (yearGroup?.name && yearGroup.name !== 'Learners')\n    return yearGroup.name;\n\n  return getPhrase('student');\n}\n\nfunction getUserProps({\n  user, anonymiseUsers, showDisplayName\n}: {\n  user: AnonUser,\n  showDisplayName: boolean;\n  anonymiseUsers?: boolean;\n}) {\n  if (user.sessionId) {\n    const anonName = anonymiseUserName(user, anonymiseUsers);\n    const nameParts = anonName.split(' ').filter(n => !!n);\n\n    return {\n      name: anonName,\n      surname: nameParts.slice(1).join(' '),\n      avatarUrl: null\n    };\n  }\n\n  return {\n    name: anonymiseUsers\n      ? anonymiseUserName(user, true)\n      : showDisplayName\n        ? UserHelper.getDisplayName(user)\n        : UserHelper.getFullName(user),\n    surname: user.surname,\n    avatarUrl: user.avatar?.url\n  };\n}\n\nUserRecipientItemMetadata.defaults = {\n  showSubText: true\n};\n\ninterface UserRecipientItemMetadataProps {\n  user: AnonUser;\n  imageCdnUrl: string;\n  detailsClassName?: string;\n  avatarClassName?: string;\n  showDisplayName: boolean;\n  nameClassName?: string;\n  showSubText?: boolean;\n  anonymiseUsers?: boolean;\n  getSubText?: (user: BaseObject) => string;\n}\n\nexport function UserRecipientItemMetadata(props: UserRecipientItemMetadataProps): JSX.Element {\n  const { name, surname, avatarUrl } = getUserProps(props);\n\n  return (\n    <>\n      <div className={`${styles.avatarContainer} ${props.avatarClassName} d-inline-block flex-shrink-0`}>\n        <Avatar\n          imageUrl={avatarUrl}\n          imageCdnUrl={props.imageCdnUrl}\n          initials={UserHelper.getInitials(name, surname)}\n          showAnonymousUser={!props.anonymiseUsers && !!props.user.sessionId}\n          anonymiseUsers={props.anonymiseUsers}\n          anonymousSvgSize={SvgContainerSize.Small}\n        />\n      </div>\n\n      <div className={props.detailsClassName}>\n        <h4 className={classNames('font-size-normal fw-normal m-0', props.nameClassName)}>\n          {name}\n        </h4>\n        {props.showSubText && `id` in props.user && <p className='text-secondary m-0'>{props.getSubText ? props.getSubText(props.user) : getSubText(props.user)}</p>}\n      </div>\n    </>\n  );\n}","export enum InteractionCorrectness {\n  Correct,\n  Incorrect,\n  AwaitingMarking,\n  \n  Answered,\n  UnAnswered,\n  NotApplicable\n}","export enum InteractiveAnswerStatus {\n  Incorrect = 0,\n  Correct = 1,\n  PendingReview = 2\n}","import { Flight } from 'libs/common/react/index';\n\nexport const InsightsDemoRequests = {\n  interactive(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive.json`,\n      key: `demo:interactive`,\n      normalize: false\n    };\n  },\n\n  interactiveMetadata(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive-metadata.json`,\n      key: `demo:interactive:metadata`,\n      normalize: false\n    };\n  },\n\n  interactiveResults(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive-results.json`,\n      key: `demo:interactive:results`,\n      normalize: false\n    };\n  },\n\n  videoViews(): Flight.Request {\n    return {\n      url: `/mocks/insights/video-views.json`,\n      key: `demo:video:views`,\n      normalize: false\n    };\n  },\n\n  users(): Flight.Request {\n    return {\n      url: `/mocks/insights/users.json`,\n      key: `demo:users`,\n      normalize: false\n    };\n  },\n\n  individualHeatmap(): Flight.Request {\n    return {\n      url: `/mocks/insights/individual-heatmap.json`,\n      key: `demo:individual:heatmap`,\n      normalize: false\n    };\n  },\n\n  aggregateHeatmap(): Flight.Request {\n    return {\n      url: `/mocks/insights/aggregate-heatmap.json`,\n      key: `demo:aggregate:heatmap`,\n      normalize: false\n    };\n  }\n};","import { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interaction, InteractionTypeId, InteractiveResult, StudentAnswer } from 'libs/shared/interfaces';\n\ntype GetStudentAnswerByActionableItemId = (id: string) => string;\n\nfunction notApplicable(): InteractionCorrectness {\n  return InteractionCorrectness.NotApplicable;\n}\n\nfunction awaitingMarking(): InteractionCorrectness {\n  return InteractionCorrectness.AwaitingMarking;\n}\n\nfunction isMissingWordCorrect(\n  interaction: Interaction,\n  getStudentAnswer: GetStudentAnswerByActionableItemId\n): InteractionCorrectness {\n  const items = interaction.actionableItems.filter(a => a\n    .isCorrect);\n\n  if (items.every(a => !getStudentAnswer(a.id)))\n    return InteractionCorrectness.UnAnswered;\n\n  const correct = items.every(a => a.name.trim().toLowerCase() === getStudentAnswer(a.id)?.trim().toLowerCase());\n  return correct ? InteractionCorrectness.Correct : InteractionCorrectness.Incorrect;\n}\n\nfunction isMultipleChoiceCorrect(\n  interaction: Interaction,\n  getStudentAnswer: GetStudentAnswerByActionableItemId\n): InteractionCorrectness {\n  if (interaction.actionableItems.every(a => !getStudentAnswer(a.id)))\n    return InteractionCorrectness.UnAnswered;\n  \n  const correctItems = interaction.actionableItems.filter(a => a.isCorrect);\n\n  const correct = correctItems.every(a => {\n    const studentAnswer = getStudentAnswer(a.id);\n\n    /**\n     * In the past we've only ever checked the answer name. But since we introduced the ability to have image interactions\n     * with no question text, we've need to swap to saving the id. But past submissions still have the name\n     * - Sha\n     */\n    return studentAnswer?.toString() === a.id?.toString() || studentAnswer === a.name;\n  });\n  return correct ? InteractionCorrectness.Correct : InteractionCorrectness.Incorrect;\n}\n\nfunction isMarkableAnswerMarkedCorrect(\n  interaction: Interaction,\n  getStudentAnswer: (id: string) => StudentAnswer\n): InteractionCorrectness {\n  let correctness: InteractionCorrectness;\n\n  // There should only be one actionableItem\n  interaction.actionableItems.forEach(item => {\n    const studentAnswer = getStudentAnswer(item.id);\n\n    if (!studentAnswer) {\n      correctness = InteractionCorrectness.UnAnswered;\n      return;\n    }\n\n    if (studentAnswer.status === InteractiveAnswerStatus.Correct) {\n      correctness = InteractionCorrectness.Correct;\n      return;\n    }\n\n    if (studentAnswer.status === InteractiveAnswerStatus.Incorrect) {\n      correctness = InteractionCorrectness.Incorrect;\n      return;\n    }\n\n    correctness = InteractionCorrectness.AwaitingMarking;\n  });\n\n  return correctness;\n}\n\ntype IsCorrectFunction = (interaction: Interaction, result: InteractiveResult) => InteractionCorrectness;\n\nfunction getGetStudentAnswer(interaction: Interaction, result: InteractiveResult): (id: string) => StudentAnswer {\n  return (id: string) => {\n    const attempt = result?.attempts.find(a => a.id === interaction.id);\n    return attempt?.answers.find(s => s.id === id);\n  };\n}\n\nfunction wrapIsMissingWordCorrect(interaction: Interaction, result: InteractiveResult): InteractionCorrectness {\n  const getStudentAnswer = getGetStudentAnswer(interaction, result);\n\n  return isMissingWordCorrect(interaction, (id: string) => {\n    const answer = getStudentAnswer(id);\n    return answer?.text;\n  });\n}\n\nfunction wrapIsMultipleChoiceCorrect(interaction: Interaction, result: InteractiveResult): InteractionCorrectness {\n  const getStudentAnswer = getGetStudentAnswer(interaction, result);\n\n  return isMultipleChoiceCorrect(interaction, (id: string) => {\n    const answer = getStudentAnswer(id);\n    return answer?.text;\n  });\n}\n\nfunction wrapIsMarkableAnswerMarkedCorrect(\n  interaction: Interaction,\n  result: InteractiveResult\n): InteractionCorrectness {\n  const getStudentAnswer = getGetStudentAnswer(interaction, result);\n  return isMarkableAnswerMarkedCorrect(interaction, getStudentAnswer);\n}\n\nconst IsCorrectLookup: {[typeId: number]: IsCorrectFunction} = {\n  [InteractionTypeId.Annotation]: notApplicable,\n  [InteractionTypeId.Image]: notApplicable,\n  [InteractionTypeId.MissingWord]: wrapIsMissingWordCorrect,\n  [InteractionTypeId.MultipleChoice]: wrapIsMultipleChoiceCorrect,\n  [InteractionTypeId.ShortAnswer]: wrapIsMarkableAnswerMarkedCorrect,\n  [InteractionTypeId.TrueOrFalse]: wrapIsMultipleChoiceCorrect,\n  [InteractionTypeId.Illustration]: wrapIsMarkableAnswerMarkedCorrect\n};\n\nfunction isInteractionCorrect(interaction: Interaction, result: InteractiveResult): InteractionCorrectness {\n  const isCorrectFn = IsCorrectLookup[interaction.typeId];\n\n  return isCorrectFn(interaction, result);\n}\n\nexport const InteractiveCorrectnessHelper = {\n  notApplicable,\n  awaitingMarking,\n  isMissingWordCorrect,\n  isMultipleChoiceCorrect,\n  isInteractionCorrect\n};\n","import { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { SharePrivacy } from 'libs/shared/apps/share-v2/enums/SharePrivacy';\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { Share } from 'libs/shared/apps/share-v2/interfaces/Share';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { MySharesTableData } from 'apps/my-shares/components/my-shares-table/MySharesTableUtils';\n\nconst namespace = 'myShares.demoInsights';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst DEMO_INSIGHT_DAYS_AGO = 7;\n\nexport const DEMO_INSIGHTS_SHARE: Share = {\n  type: ShareType.Link,\n  privacy: SharePrivacy.JustMySchool,\n  objectId: '0',\n  objectTypeId: MasterType.Interactive,\n  viewCount: 28,\n  accessCount: 15,\n  dateCreated: new Date().toISOString(),\n  expireDate: null,\n  link: {\n    shortenedEmbedUrl: '',\n    shortenedUrl: ''\n  },\n  shareId: '0',\n  ownerCustomerId: 0,\n  ownerId: 0,\n  recipients: [],\n  options: {\n    preventScrubbing: false,\n    immediateFeedback: false\n  }\n};\n\nexport const DEMO_INSIGHTS_SHARE_TABLE_DATA: MySharesTableData = {\n  share: DEMO_INSIGHTS_SHARE,\n  sharedObject: null,\n  shareRecipients: null,\n  dateShared: DateHelper.subtract(new Date(), DEMO_INSIGHT_DAYS_AGO, 'days').toISOString()\n};\n\nconst DEMO_INSIGHTS_APPLINK: Core.AppLink = {\n  application: AppChannels.MY_SHARES,\n  action: Actions.MyShares.INTERACTIVE_OVERVIEW_DEMO\n};\n\nexport const DEMO_INSIGHTS_ACTION: ActionOptions = {\n  svgName: cvSvgLibrary.Analytics,\n  label: getPhrase('demoInsights'),\n  appLink: DEMO_INSIGHTS_APPLINK,\n  group: 'insights',\n  className: 'btn btn-outline-dark'\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 { BaseAnalyticsEventResponse } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InsightsDemoRequests } from 'libs/shared/flight-requests/InsightsDemoRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, Engagement, Interactive, InteractiveMetadata, InteractiveResultSet } from 'libs/shared/interfaces';\n\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsOverview } from 'apps/my-shares/components/interactive-insights-overview/InteractiveInsightsOverview';\nimport { DEMO_INSIGHTS_SHARE } from 'apps/my-shares/constants/MySharesDemoInsights';\nimport { getInsightsDemoInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { getInteractiveInsightsAppLinks } from 'apps/my-shares/views/demo/overview/InteractiveInsightsOverviewDemoUtils';\n\nconst namespace = 'insights.interactiveInsightsOverviewView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function InteractiveInsightsOverviewDemoView() {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InsightsDemoRequests.interactiveMetadata()\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(InsightsDemoRequests.interactive());\n\n  const audienceAppLinkParams = AnalyticsFilterHelper.getAudienceAppLinkParams();\n  const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n  const results = Flight.useBasicFetch<InteractiveResultSet>(InsightsDemoRequests.interactiveResults());\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    InsightsDemoRequests.aggregateHeatmap()\n  );\n\n  const videoViews = Flight.useBasicFetch<BaseAnalyticsEventResponse>(\n    InsightsDemoRequests.videoViews()\n  );\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n\n  const hasDataLoaded =\n    currentUser.data &&\n    config.data &&\n    interactiveMetadata.data &&\n    interactive.data &&\n    results.data &&\n    aggregateEngagement.data &&\n    !!videoViews.data;\n\n  const params = {\n    ...audienceAppLinkParams,\n    ...dateRangeAppLinkParams\n  };\n  const interactiveInsightsAppLinks = getInteractiveInsightsAppLinks(\n    '',\n    params\n  );\n\n  const share = {\n    ...DEMO_INSIGHTS_SHARE,\n    objectId: interactiveMetadata.data?.id\n  };\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={interactiveMetadata.data}\n        tabs={getInsightsDemoInteractiveTabs(interactiveMetadata.data?.id, 'insights', params)}\n        dateRangeAppLinkParams={dateRangeAppLinkParams}\n        share={share}\n        yearGroups={[]}\n        isDemo\n      />\n\n      <InteractiveInsightsOverview\n        aggregateEngagement={aggregateEngagement.data}\n        interactive={interactive.data}\n        interactiveMetadata={interactiveMetadata.data}\n        classroomStudents={null}\n        results={results.data}\n        osCount={videoViews.data?.osCount}\n        config={config.data}\n        interactiveInsightsAppLinks={interactiveInsightsAppLinks}\n        anonymiseUsers={anonymiseUsers}\n        hasDataLoaded={hasDataLoaded}\n        share={share}\n      />\n    </div>\n  );\n}","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport function getInteractiveInsightsAppLinks(id: string, params?: HashObject) {\n  return {\n    resultsAppLink: {\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.INTERACTIVE_STUDENTS_DEMO,\n      args: [id],\n      params\n    },\n    questionsAppLink: {\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.INTERACTIVE_QUESTIONS_DEMO,\n      args: [id],\n      params\n    },\n    heatmapAppLink: {\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.INTERACTIVE_HEATMAP_DEMO,\n      args: [id],\n      params\n    }\n  };\n}","// extracted by mini-css-extract-plugin\nexport default {\"removeRecipient\":\"mCbMC\",\"recipientItem\":\"kdcb0\",\"showSpinner\":\"xH6Mu\",\"avatarContainer\":\"Zcpg3\",\"recipientDetails\":\"v5EmV\",\"recipientDetailsWithRemoveButton\":\"_V928\"};"],"names":["namespace","ZERO_COLOUR","COLOUR_SCALE","LEGEND_VALUES","getBackgroundColor","value","max","hex","getGradient","data","gradient","i","length","previousValue","currentValue","nextValue","push","join","EngagementHeatMapLegend","Math","legendSquareWidthPercentage","className","Text","phrase","map","val","idx","key","style","width","backgroundColor","EngagementHeatMap","props","heatMap","engagement","background","InsightCard","subtitle","svgClassName","SvgContainer","svgName","size","S","title","count","children","CHART_FONT_STYLES","fontSize","fontFamily","fontWeight","color","getFullHeatMap","videoDuration","Array","ceil","fill","t","getEngagementRate","reduce","prev","next","engagementRate","groupStudents","interactive","results","scoreThreshold","groups","markingRequired","lowScore","highScore","completed","notCompleted","interactions","interactionIds","Set","id","students","forEach","s","withSummary","summary","getStudentResultsSummary","awaitingMarking","attempts","filter","a","has","answers","questionId","percentCorrect","HIGH","MODERATE","sortedLowScore","sortedHighScore","getInteractionById","interactionId","find","toString","getMarkedAnswerId","answer","resultId","getMarkedStatus","studentResults","markedAnswers","result","studentResponse","every","status","getInteractionResultsSummary","interaction","numStudents","numCorrect","answered","unanswered","correctness","correct","numInteractions","answeredInteractions","getPhrase","UserRecipientItemMetadata","user","anonymiseUsers","showDisplayName","sessionId","anonName","nameParts","split","n","name","surname","slice","avatarUrl","avatar","url","getUserProps","avatarClassName","imageUrl","imageCdnUrl","initials","showAnonymousUser","anonymousSvgSize","detailsClassName","nameClassName","showSubText","getSubText","userType","role","yearGroup","defaults","InteractionCorrectness","InteractiveAnswerStatus","InsightsDemoRequests","normalize","interactiveMetadata","interactiveResults","videoViews","users","individualHeatmap","aggregateHeatmap","notApplicable","isMissingWordCorrect","getStudentAnswer","items","actionableItems","isCorrect","trim","toLowerCase","isMultipleChoiceCorrect","studentAnswer","getGetStudentAnswer","attempt","wrapIsMultipleChoiceCorrect","text","wrapIsMarkableAnswerMarkedCorrect","item","isMarkableAnswerMarkedCorrect","IsCorrectLookup","InteractiveCorrectnessHelper","isInteractionCorrect","isCorrectFn","typeId","DEMO_INSIGHTS_SHARE","type","privacy","objectId","objectTypeId","viewCount","accessCount","dateCreated","Date","toISOString","expireDate","link","shortenedEmbedUrl","shortenedUrl","shareId","ownerCustomerId","ownerId","recipients","options","preventScrubbing","immediateFeedback","DEMO_INSIGHTS_SHARE_TABLE_DATA","share","sharedObject","shareRecipients","dateShared","DEMO_INSIGHTS_APPLINK","application","action","DEMO_INSIGHTS_ACTION","label","appLink","group","LanguageService","InteractiveInsightsOverviewDemoView","SharedViewModelKeys","useLockContentWidth","currentUser","UserRequests","config","ConfigRequests","audienceAppLinkParams","dateRangeAppLinkParams","aggregateEngagement","useSetPageMetadata","video","hasDataLoaded","params","interactiveInsightsAppLinks","resultsAppLink","args","questionsAppLink","heatmapAppLink","getInteractiveInsightsAppLinks","InsightsHeader","tabs","yearGroups","isDemo","InteractiveInsightsOverview","classroomStudents","osCount"],"sourceRoot":""}
+{"version":3,"file":"scripts/1867-3b447a1b85-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/analytics/components/engagement-heat-map/engagement-heat-map.scss","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-heat-map/EngagementHeatMap.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/insight-card/insight-card.scss","file:///app/packages/libs/shared/src/apps/analytics/components/insight-card/InsightCard.tsx","file:///app/packages/libs/shared/src/apps/analytics/constants/ChartStyles.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/EngagementUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/InteractiveUtils.ts","file:///app/packages/libs/shared/src/apps/share/components/recipient-item/user-recipient-item-metadata/UserRecipientItemMetadata.tsx","file:///app/packages/libs/shared/src/enums/InteractionCorrectness.ts","file:///app/packages/libs/shared/src/enums/InteractiveAnswerStatus.ts","file:///app/packages/libs/shared/src/flight-requests/InsightsDemoRequests.ts","file:///app/packages/libs/shared/src/utils/InteractiveCorrectnessHelper.ts","file:///app/packages/projects/lite/src/apps/my-shares/constants/MySharesDemoInsights.ts","file:///app/packages/projects/lite/src/apps/my-shares/views/demo/overview/InteractiveInsightsOverviewDemoView.tsx","file:///app/packages/projects/lite/src/apps/my-shares/views/demo/overview/InteractiveInsightsOverviewDemoUtils.ts","file:///app/packages/libs/shared/src/apps/share/components/recipient-item/recipient-item.scss"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"heatMap\":\"epapa\",\"legend\":\"uhH4p\"};","import React from 'react';\nimport chroma from 'chroma-js';\n\nimport { getFullHeatMap } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Engagement } from 'libs/shared/interfaces';\n\nimport styles from './engagement-heat-map.scss';\n\nconst namespace = 'shared.engagementHeatMap';\n\nconst ZERO_COLOUR = '#f1f1f1';\nconst MIN_COLOUR = '#daf07d';\nconst MAX_COLOUR = '#08bd1a';\n\nconst COLOUR_SCALE = chroma.scale([ MIN_COLOUR, MAX_COLOUR ]);\n\nconst LEGEND_VALUES = [ 0, 0.01, 0.25, 0.5, 0.75, 1 ];\n\nfunction getBackgroundColor(value: number, max: number): string {\n  if (!value)\n    return ZERO_COLOUR;\n\n  return COLOUR_SCALE(value / max).hex();\n}\n\nfunction getGradient(data: number[], max: number): string {\n  const gradient: string[] = [];\n\n  for (let i = 0; i < data.length; i++) {\n    const previousValue = i > 0 && data[i - 1];\n    const currentValue = data[i];\n    const nextValue = i < data.length - 1 && data[i + 1];\n\n    /**\n     * We want to capture colour changes but if a value has the same value\n     * of both of its neighbours, we can skip it.\n     */\n    if (currentValue === previousValue && currentValue === nextValue)\n      continue;\n\n    gradient.push(`${getBackgroundColor(currentValue, max)} ${100 / data.length * i}%`);\n  }\n\n  return `linear-gradient(to right, ${gradient.join(',')})`;\n}\n\nexport function EngagementHeatMapLegend(): JSX.Element {\n  const max = Math.max(...LEGEND_VALUES);\n  const legendSquareWidthPercentage = 100 / LEGEND_VALUES.length;\n\n  return (\n    <div className='d-flex justify-content-between w-100'>\n      <Text namespace={namespace} phrase='less' />\n      <div className={`d-flex mx-1 flex-grow-1 ${styles.legend}`}>\n        {LEGEND_VALUES.map((val, idx) => (\n          <div\n            key={idx}\n            style={{\n              width: `${legendSquareWidthPercentage}%`,\n              backgroundColor: getBackgroundColor(val, max)\n            }}\n          />\n        ))}\n      </div>\n      <Text namespace={namespace} phrase='more' />\n    </div>\n  );\n}\n\ninterface EngagementHeatMapProps {\n  engagement: Engagement;\n  max?: number;\n  className?: string;\n}\n\nexport function EngagementHeatMap(props: EngagementHeatMapProps): JSX.Element {\n  const heatMap = getFullHeatMap(props.engagement);\n  const max = props.max ?? Math.max(...heatMap);\n\n  return (\n    <div\n      className={`border rounded ${styles.heatMap} ${props.className ?? ''}`}\n      style={{\n        background: getGradient(heatMap, max)\n      }}\n    />\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"sAmpy\",\"count\":\"faDs4\"};","import React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\n\nimport styles from './insight-card.scss';\n\ninterface InsightCardProps extends React.PropsWithChildren {\n  svgName: string;\n  svgClassName: string;\n  title: string;\n  subtitle?: string;\n  count?: number;\n}\n\nexport function InsightCard(props: InsightCardProps) {\n  return (\n    <section className='d-flex flex-column border rounded p-3 h-100'>\n      <div className={`d-flex ${props.subtitle ? 'align-items-top' : 'align-items-center'} mb-2`}>\n        <div className={`${styles.icon} ${props.svgClassName} rounded-circle d-flex justify-content-center align-items-center`}>\n          <SvgContainer svgName={props.svgName} size={SvgContainerSize.Small} />\n        </div>\n        <div className='d-flex flex-column ms-2'>\n          <h2 className='h6 mb-0'>{props.title}</h2>\n        </div>\n        {typeof props.count === 'number' && (\n          <div className={`${styles.count} d-flex justify-content-center align-items-center bg-light rounded-circle ms-auto`}>\n            {props.count}\n          </div>\n        )}\n      </div>\n      {props.children}\n    </section>\n  );\n}","export const CHART_FONT_STYLES = {\n  fontSize: '12px',\n  fontFamily: `\"Inter\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Liberation Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"`,\n  fontWeight: '400',\n  color: '#313543'\n};","import { Engagement } from 'libs/shared/interfaces';\n\n/**\n * The heat map in the API response won't contain trailing zeros so we need to add those\n * in manually.\n */\nexport function getFullHeatMap(engagement: Engagement): number[] {\n  const videoDuration = engagement.videoDuration || 0;\n  \n  return (new Array(Math.ceil(videoDuration))).fill(null).map((t, idx) => engagement?.heatMap[idx] || 0);\n}\n\nexport function getEngagementRate(engagement: Engagement[]): number {\n  return engagement?.reduce((prev, next) => prev + next.engagementRate / engagement.length, 0);\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { ResultsSummary } from 'libs/shared/apps/analytics/interfaces/ResultsSummary';\nimport { StudentResultsWithSummary } from 'libs/shared/apps/analytics/interfaces/StudentResultsWithSummary';\nimport { ScoreThresholdDefaults, ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\nimport { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interaction, StudentAnswer, StudentResults } from 'libs/shared/interfaces';\nimport { Interactive, InteractiveResultSet } from 'libs/shared/interfaces';\nimport { InteractiveCorrectnessHelper } from 'libs/shared/utils/InteractiveCorrectnessHelper';\nimport { flattenInteractions, getInteractions, getStudentAttempt, getStudentResult } from 'libs/shared/utils/InteractiveHelper';\n\ninterface StudentGroups {\n  markingRequired: StudentResultsWithSummary[];\n  lowScore: StudentResultsWithSummary[];\n  highScore: StudentResultsWithSummary[];\n  completed: StudentResultsWithSummary[];\n  notCompleted: StudentResultsWithSummary[];\n}\n\nexport function groupStudents(\n  interactive: Interactive,\n  results: InteractiveResultSet,\n  scoreThreshold?: ScoreThresholds\n): StudentGroups {\n  const groups: StudentGroups = {\n    markingRequired: [],\n    lowScore: [],\n    highScore: [],\n    completed: [],\n    notCompleted: []\n  };\n\n  const interactions = getInteractions(interactive);\n  const interactionIds = new Set(interactions.map(i => i.id));\n  \n  results.students.forEach(s => {\n    const withSummary = {\n      ...s,\n      summary: getStudentResultsSummary(interactive, s)\n    };\n  \n    if (withSummary.summary.awaitingMarking) {\n      groups.markingRequired.push(withSummary);\n      return;\n    }\n\n    const result = ArrayHelper.last(s.results);\n    const answeredInteractions = result.attempts.filter(a => !!interactionIds.has(a?.answers[0]?.questionId)).length;\n\n    if (answeredInteractions === interactionIds.size) {\n      groups.completed.push(withSummary);\n    } else {\n      groups.notCompleted.push(withSummary);\n      return;\n    }\n  \n    if (withSummary.summary.percentCorrect >= (scoreThreshold?.HIGH || ScoreThresholdDefaults.HIGH))\n      groups.highScore.push(withSummary);\n  \n    if (withSummary.summary.percentCorrect < (scoreThreshold?.MODERATE || ScoreThresholdDefaults.MODERATE))\n      groups.lowScore.push(withSummary);\n  });\n  \n  const sortedLowScore = ArrayHelper.sortBy(groups.lowScore, s => s.summary.percentCorrect);\n  const sortedHighScore = ArrayHelper.sortBy(groups.highScore, s => -s.summary.percentCorrect);\n  \n  return {\n    ...groups,\n    lowScore: sortedLowScore,\n    highScore: sortedHighScore\n  };\n}\n\nexport function getInteractionById(interactive: Interactive, interactionId: string): Interaction {\n  const flattenedInteractions = flattenInteractions(interactive);\n  return flattenedInteractions.find(i => i.id.toString() === interactionId.toString());\n}\n\n/**\n * We need to use the question and result ids as a list of one student's responses\n * to multiple questions will all have the same result id and a list of multiple\n * students responses to one question will all have the same questionId.\n */\nexport function getMarkedAnswerId(answer: StudentAnswer): string {\n  return `${answer.questionId}:${answer.resultId}`;\n}\n\nexport function getMarkedStatus(\n  interactionId: string,\n  studentResults: StudentResults,\n  markedAnswers: MarkedAnswerHash\n): InteractiveAnswerStatus {\n  const result = getStudentResult(studentResults);\n  const studentResponse = getStudentAttempt(interactionId, result);\n\n  const isMarkedCorrect = studentResponse?.answers.every(a => {\n    return markedAnswers[getMarkedAnswerId(a)]?.status === InteractiveAnswerStatus.Correct;\n  });\n\n  if (isMarkedCorrect)\n    return InteractiveAnswerStatus.Correct;\n\n  const isMarkedIncorrect = studentResponse?.answers.every(a => {\n    return markedAnswers[getMarkedAnswerId(a)]?.status === InteractiveAnswerStatus.Incorrect;\n  });\n\n  if (isMarkedIncorrect)\n    return InteractiveAnswerStatus.Incorrect;\n}\n\nexport function getInteractionResultsSummary(\n  interaction: Interaction,\n  results: InteractiveResultSet\n): ResultsSummary {\n  const numStudents = results.students.length;\n  let numCorrect = 0;\n  let answered = 0;\n  let unanswered = 0;\n  let awaitingMarking = 0;\n  let attempts = 0;\n\n  results.students.forEach(s => {\n    const result = getStudentResult(s);\n\n    if (!result)\n      return;\n\n    attempts = attempts + s.results.length;\n\n    const correctness = InteractiveCorrectnessHelper.isInteractionCorrect(interaction, result);\n\n    if (correctness === InteractionCorrectness.Correct)\n      numCorrect++;\n\n    if (correctness === InteractionCorrectness.UnAnswered)\n      unanswered++;\n\n    if (correctness === InteractionCorrectness.AwaitingMarking)\n      awaitingMarking++;\n\n    if (correctness !== InteractionCorrectness.UnAnswered)\n      answered++;\n  });\n\n\n  const percentCorrect = numStudents > 0\n    ? numCorrect / numStudents\n    : 0;\n\n  return {\n    percentCorrect,\n    correct: numCorrect,\n    answered,\n    unanswered,\n    awaitingMarking,\n    attempts\n  };\n}\n\nexport function getStudentResultsSummary(interactive: Interactive, studentResults: StudentResults): ResultsSummary {\n  const result = getStudentResult(studentResults);\n\n  const interactions = getInteractions(interactive);\n\n  const numInteractions = interactions.length;\n\n  let numCorrect = 0;\n  let awaitingMarking = 0;\n\n  interactions.forEach(i => {\n    const correctness = InteractiveCorrectnessHelper.isInteractionCorrect(i, result);\n\n    if (correctness === InteractionCorrectness.Correct)\n      numCorrect++;\n\n    if (correctness === InteractionCorrectness.AwaitingMarking)\n      awaitingMarking++;\n  });\n\n  const percentCorrect = numInteractions > 0 ? numCorrect / numInteractions : 0;\n\n  /**\n   * Our interactions list has images and annotations filtered out.\n   * We built a map of valid questions, so that we can calculate the unswered accurately.\n   * We're doing this because of a bug that caused annotations and images to record answers in the player.\n   * - Sha\n   */\n  const interactionIds = new Set(interactions.map(i => i.id));\n  const answeredInteractions = result.attempts.filter(a => !!interactionIds.has(a?.answers[0]?.questionId)).length;\n\n  return {\n    answered: answeredInteractions,\n    attempts: studentResults.results.length,\n    unanswered: numInteractions - answeredInteractions,\n    percentCorrect,\n    correct: numCorrect,\n    awaitingMarking\n  };\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { anonymiseUserName } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { UserRole } from 'libs/shared/enums/UserRole';\nimport { BaseObject, User } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport styles from '../recipient-item.scss';\n\nconst namespace = 'shared.userRecipientItemMetadata';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getSubText(user: User): string {\n  const userType = UserHelper.getUserType(user);\n  const role = UserHelper.getUserRole(user);\n\n  if (userType === UserGroup.Staff) {\n    if (role === UserRole.Admin)\n      return getPhrase('admin');\n\n    return getPhrase('staff');\n  }\n\n  const yearGroup = UserHelper.getYearGroup(user);\n  \n  /**\n   * Tertiary puts all students into a single group called 'Learners'.\n   * When a student is in the 'Learners' group, we don't want to display the group name,\n   * but instead we want to just show \"Student\". - Sha\n   */\n  if (yearGroup?.name && yearGroup.name !== 'Learners')\n    return yearGroup.name;\n\n  return getPhrase('student');\n}\n\nfunction getUserProps({\n  user, anonymiseUsers, showDisplayName\n}: {\n  user: AnonUser,\n  showDisplayName: boolean;\n  anonymiseUsers?: boolean;\n}) {\n  if (user.sessionId) {\n    const anonName = anonymiseUserName(user, anonymiseUsers);\n    const nameParts = anonName.split(' ').filter(n => !!n);\n\n    return {\n      name: anonName,\n      surname: nameParts.slice(1).join(' '),\n      avatarUrl: null\n    };\n  }\n\n  return {\n    name: anonymiseUsers\n      ? anonymiseUserName(user, true)\n      : showDisplayName\n        ? UserHelper.getDisplayName(user)\n        : UserHelper.getFullName(user),\n    surname: user.surname,\n    avatarUrl: user.avatar?.url\n  };\n}\n\nUserRecipientItemMetadata.defaults = {\n  showSubText: true\n};\n\ninterface UserRecipientItemMetadataProps {\n  user: AnonUser;\n  imageCdnUrl: string;\n  detailsClassName?: string;\n  avatarClassName?: string;\n  showDisplayName: boolean;\n  nameClassName?: string;\n  showSubText?: boolean;\n  anonymiseUsers?: boolean;\n  getSubText?: (user: BaseObject) => string;\n}\n\nexport function UserRecipientItemMetadata(props: UserRecipientItemMetadataProps): JSX.Element {\n  const { name, surname, avatarUrl } = getUserProps(props);\n\n  return (\n    <>\n      <div className={`${styles.avatarContainer} ${props.avatarClassName} d-inline-block flex-shrink-0`}>\n        <Avatar\n          imageUrl={avatarUrl}\n          imageCdnUrl={props.imageCdnUrl}\n          initials={UserHelper.getInitials(name, surname)}\n          showAnonymousUser={!props.anonymiseUsers && !!props.user.sessionId}\n          anonymiseUsers={props.anonymiseUsers}\n          anonymousSvgSize={SvgContainerSize.Small}\n        />\n      </div>\n\n      <div className={props.detailsClassName}>\n        <h4 className={classNames('font-size-normal fw-normal m-0', props.nameClassName)}>\n          {name}\n        </h4>\n        {props.showSubText && `id` in props.user && <p className='text-secondary m-0'>{props.getSubText ? props.getSubText(props.user) : getSubText(props.user)}</p>}\n      </div>\n    </>\n  );\n}","export enum InteractionCorrectness {\n  Correct,\n  Incorrect,\n  AwaitingMarking,\n  \n  Answered,\n  UnAnswered,\n  NotApplicable\n}","export enum InteractiveAnswerStatus {\n  Incorrect = 0,\n  Correct = 1,\n  PendingReview = 2\n}","import { Flight } from 'libs/common/react/index';\n\nexport const InsightsDemoRequests = {\n  interactive(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive.json`,\n      key: `demo:interactive`,\n      normalize: false\n    };\n  },\n\n  interactiveMetadata(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive-metadata.json`,\n      key: `demo:interactive:metadata`,\n      normalize: false\n    };\n  },\n\n  interactiveResults(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive-results.json`,\n      key: `demo:interactive:results`,\n      normalize: false\n    };\n  },\n\n  videoViews(): Flight.Request {\n    return {\n      url: `/mocks/insights/video-views.json`,\n      key: `demo:video:views`,\n      normalize: false\n    };\n  },\n\n  users(): Flight.Request {\n    return {\n      url: `/mocks/insights/users.json`,\n      key: `demo:users`,\n      normalize: false\n    };\n  },\n\n  individualHeatmap(): Flight.Request {\n    return {\n      url: `/mocks/insights/individual-heatmap.json`,\n      key: `demo:individual:heatmap`,\n      normalize: false\n    };\n  },\n\n  aggregateHeatmap(): Flight.Request {\n    return {\n      url: `/mocks/insights/aggregate-heatmap.json`,\n      key: `demo:aggregate:heatmap`,\n      normalize: false\n    };\n  }\n};","import { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interaction, InteractionTypeId, InteractiveResult, StudentAnswer } from 'libs/shared/interfaces';\n\ntype GetStudentAnswerByActionableItemId = (id: string) => string;\n\nfunction notApplicable(): InteractionCorrectness {\n  return InteractionCorrectness.NotApplicable;\n}\n\nfunction awaitingMarking(): InteractionCorrectness {\n  return InteractionCorrectness.AwaitingMarking;\n}\n\nfunction isMissingWordCorrect(\n  interaction: Interaction,\n  getStudentAnswer: GetStudentAnswerByActionableItemId\n): InteractionCorrectness {\n  const items = interaction.actionableItems.filter(a => a\n    .isCorrect);\n\n  if (items.every(a => !getStudentAnswer(a.id)))\n    return InteractionCorrectness.UnAnswered;\n\n  const correct = items.every(a => a.name.trim().toLowerCase() === getStudentAnswer(a.id)?.trim().toLowerCase());\n  return correct ? InteractionCorrectness.Correct : InteractionCorrectness.Incorrect;\n}\n\nfunction isMultipleChoiceCorrect(\n  interaction: Interaction,\n  getStudentAnswer: GetStudentAnswerByActionableItemId\n): InteractionCorrectness {\n  if (interaction.actionableItems.every(a => !getStudentAnswer(a.id)))\n    return InteractionCorrectness.UnAnswered;\n  \n  const correctItems = interaction.actionableItems.filter(a => a.isCorrect);\n\n  const correct = correctItems.every(a => {\n    const studentAnswer = getStudentAnswer(a.id);\n\n    /**\n     * In the past we've only ever checked the answer name. But since we introduced the ability to have image interactions\n     * with no question text, we've need to swap to saving the id. But past submissions still have the name\n     * - Sha\n     */\n    return studentAnswer?.toString() === a.id?.toString() || studentAnswer === a.name;\n  });\n  return correct ? InteractionCorrectness.Correct : InteractionCorrectness.Incorrect;\n}\n\nfunction isMarkableAnswerMarkedCorrect(\n  interaction: Interaction,\n  getStudentAnswer: (id: string) => StudentAnswer\n): InteractionCorrectness {\n  let correctness: InteractionCorrectness;\n\n  // There should only be one actionableItem\n  interaction.actionableItems.forEach(item => {\n    const studentAnswer = getStudentAnswer(item.id);\n\n    if (!studentAnswer) {\n      correctness = InteractionCorrectness.UnAnswered;\n      return;\n    }\n\n    if (studentAnswer.status === InteractiveAnswerStatus.Correct) {\n      correctness = InteractionCorrectness.Correct;\n      return;\n    }\n\n    if (studentAnswer.status === InteractiveAnswerStatus.Incorrect) {\n      correctness = InteractionCorrectness.Incorrect;\n      return;\n    }\n\n    correctness = InteractionCorrectness.AwaitingMarking;\n  });\n\n  return correctness;\n}\n\ntype IsCorrectFunction = (interaction: Interaction, result: InteractiveResult) => InteractionCorrectness;\n\nfunction getGetStudentAnswer(interaction: Interaction, result: InteractiveResult): (id: string) => StudentAnswer {\n  return (id: string) => {\n    const attempt = result?.attempts.find(a => a.id === interaction.id);\n    return attempt?.answers.find(s => s.id === id);\n  };\n}\n\nfunction wrapIsMissingWordCorrect(interaction: Interaction, result: InteractiveResult): InteractionCorrectness {\n  const getStudentAnswer = getGetStudentAnswer(interaction, result);\n\n  return isMissingWordCorrect(interaction, (id: string) => {\n    const answer = getStudentAnswer(id);\n    return answer?.text;\n  });\n}\n\nfunction wrapIsMultipleChoiceCorrect(interaction: Interaction, result: InteractiveResult): InteractionCorrectness {\n  const getStudentAnswer = getGetStudentAnswer(interaction, result);\n\n  return isMultipleChoiceCorrect(interaction, (id: string) => {\n    const answer = getStudentAnswer(id);\n    return answer?.text;\n  });\n}\n\nfunction wrapIsMarkableAnswerMarkedCorrect(\n  interaction: Interaction,\n  result: InteractiveResult\n): InteractionCorrectness {\n  const getStudentAnswer = getGetStudentAnswer(interaction, result);\n  return isMarkableAnswerMarkedCorrect(interaction, getStudentAnswer);\n}\n\nconst IsCorrectLookup: {[typeId: number]: IsCorrectFunction} = {\n  [InteractionTypeId.Annotation]: notApplicable,\n  [InteractionTypeId.Image]: notApplicable,\n  [InteractionTypeId.MissingWord]: wrapIsMissingWordCorrect,\n  [InteractionTypeId.MultipleChoice]: wrapIsMultipleChoiceCorrect,\n  [InteractionTypeId.ShortAnswer]: wrapIsMarkableAnswerMarkedCorrect,\n  [InteractionTypeId.TrueOrFalse]: wrapIsMultipleChoiceCorrect,\n  [InteractionTypeId.Illustration]: wrapIsMarkableAnswerMarkedCorrect\n};\n\nfunction isInteractionCorrect(interaction: Interaction, result: InteractiveResult): InteractionCorrectness {\n  const isCorrectFn = IsCorrectLookup[interaction.typeId];\n\n  return isCorrectFn(interaction, result);\n}\n\nexport const InteractiveCorrectnessHelper = {\n  notApplicable,\n  awaitingMarking,\n  isMissingWordCorrect,\n  isMultipleChoiceCorrect,\n  isInteractionCorrect\n};\n","import { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { SharePrivacy } from 'libs/shared/apps/share-v2/enums/SharePrivacy';\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { Share } from 'libs/shared/apps/share-v2/interfaces/Share';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { MySharesTableData } from 'apps/my-shares/components/my-shares-table/MySharesTableUtils';\n\nconst namespace = 'myShares.demoInsights';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst DEMO_INSIGHT_DAYS_AGO = 7;\n\nexport const DEMO_INSIGHTS_SHARE: Share = {\n  type: ShareType.Link,\n  privacy: SharePrivacy.JustMySchool,\n  objectId: '0',\n  objectTypeId: MasterType.Interactive,\n  viewCount: 28,\n  accessCount: 15,\n  dateCreated: new Date().toISOString(),\n  expireDate: null,\n  link: {\n    shortenedEmbedUrl: '',\n    shortenedUrl: ''\n  },\n  shareId: '0',\n  ownerCustomerId: 0,\n  ownerId: 0,\n  recipients: [],\n  options: {\n    preventScrubbing: false,\n    immediateFeedback: false\n  }\n};\n\nexport const DEMO_INSIGHTS_SHARE_TABLE_DATA: MySharesTableData = {\n  share: DEMO_INSIGHTS_SHARE,\n  sharedObject: null,\n  shareRecipients: null,\n  dateShared: DateHelper.subtract(new Date(), DEMO_INSIGHT_DAYS_AGO, 'days').toISOString()\n};\n\nconst DEMO_INSIGHTS_APPLINK: Core.AppLink = {\n  application: AppChannels.MY_SHARES,\n  action: Actions.MyShares.INTERACTIVE_OVERVIEW_DEMO\n};\n\nexport const DEMO_INSIGHTS_ACTION: ActionOptions = {\n  svgName: cvSvgLibrary.Analytics,\n  label: getPhrase('demoInsights'),\n  appLink: DEMO_INSIGHTS_APPLINK,\n  group: 'insights',\n  className: 'btn btn-outline-dark'\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 { BaseAnalyticsEventResponse } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InsightsDemoRequests } from 'libs/shared/flight-requests/InsightsDemoRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, Engagement, Interactive, InteractiveMetadata, InteractiveResultSet } from 'libs/shared/interfaces';\n\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsOverview } from 'apps/my-shares/components/interactive-insights-overview/InteractiveInsightsOverview';\nimport { DEMO_INSIGHTS_SHARE } from 'apps/my-shares/constants/MySharesDemoInsights';\nimport { getInsightsDemoInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { getInteractiveInsightsAppLinks } from 'apps/my-shares/views/demo/overview/InteractiveInsightsOverviewDemoUtils';\n\nconst namespace = 'insights.interactiveInsightsOverviewView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function InteractiveInsightsOverviewDemoView() {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InsightsDemoRequests.interactiveMetadata()\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(InsightsDemoRequests.interactive());\n\n  const audienceAppLinkParams = AnalyticsFilterHelper.getAudienceAppLinkParams();\n  const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n  const results = Flight.useBasicFetch<InteractiveResultSet>(InsightsDemoRequests.interactiveResults());\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    InsightsDemoRequests.aggregateHeatmap()\n  );\n\n  const videoViews = Flight.useBasicFetch<BaseAnalyticsEventResponse>(\n    InsightsDemoRequests.videoViews()\n  );\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n\n  const hasDataLoaded =\n    currentUser.data &&\n    config.data &&\n    interactiveMetadata.data &&\n    interactive.data &&\n    results.data &&\n    aggregateEngagement.data &&\n    !!videoViews.data;\n\n  const params = {\n    ...audienceAppLinkParams,\n    ...dateRangeAppLinkParams\n  };\n  const interactiveInsightsAppLinks = getInteractiveInsightsAppLinks(\n    '',\n    params\n  );\n\n  const share = {\n    ...DEMO_INSIGHTS_SHARE,\n    objectId: interactiveMetadata.data?.id\n  };\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={interactiveMetadata.data}\n        tabs={getInsightsDemoInteractiveTabs(interactiveMetadata.data?.id, 'insights', params)}\n        dateRangeAppLinkParams={dateRangeAppLinkParams}\n        share={share}\n        yearGroups={[]}\n        isDemo\n      />\n\n      <InteractiveInsightsOverview\n        aggregateEngagement={aggregateEngagement.data}\n        interactive={interactive.data}\n        interactiveMetadata={interactiveMetadata.data}\n        classroomStudents={null}\n        results={results.data}\n        osCount={videoViews.data?.osCount}\n        config={config.data}\n        interactiveInsightsAppLinks={interactiveInsightsAppLinks}\n        anonymiseUsers={anonymiseUsers}\n        hasDataLoaded={hasDataLoaded}\n        share={share}\n      />\n    </div>\n  );\n}","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport function getInteractiveInsightsAppLinks(id: string, params?: HashObject) {\n  return {\n    resultsAppLink: {\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.INTERACTIVE_STUDENTS_DEMO,\n      args: [id],\n      params\n    },\n    questionsAppLink: {\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.INTERACTIVE_QUESTIONS_DEMO,\n      args: [id],\n      params\n    },\n    heatmapAppLink: {\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.INTERACTIVE_HEATMAP_DEMO,\n      args: [id],\n      params\n    }\n  };\n}","// extracted by mini-css-extract-plugin\nexport default {\"removeRecipient\":\"mCbMC\",\"recipientItem\":\"kdcb0\",\"showSpinner\":\"xH6Mu\",\"avatarContainer\":\"Zcpg3\",\"recipientDetails\":\"v5EmV\",\"recipientDetailsWithRemoveButton\":\"_V928\"};"],"names":["namespace","ZERO_COLOUR","COLOUR_SCALE","LEGEND_VALUES","getBackgroundColor","value","max","hex","getGradient","data","gradient","i","length","previousValue","currentValue","nextValue","push","join","EngagementHeatMapLegend","Math","legendSquareWidthPercentage","className","Text","phrase","map","val","idx","key","style","width","backgroundColor","EngagementHeatMap","props","heatMap","engagement","background","InsightCard","subtitle","svgClassName","SvgContainer","svgName","size","S","title","count","children","CHART_FONT_STYLES","fontSize","fontFamily","fontWeight","color","getFullHeatMap","videoDuration","Array","ceil","fill","t","getEngagementRate","reduce","prev","next","engagementRate","groupStudents","interactive","results","scoreThreshold","groups","markingRequired","lowScore","highScore","completed","notCompleted","interactions","interactionIds","Set","id","students","forEach","s","withSummary","summary","getStudentResultsSummary","awaitingMarking","attempts","filter","a","has","answers","questionId","percentCorrect","HIGH","MODERATE","sortedLowScore","sortedHighScore","getInteractionById","interactionId","find","toString","getMarkedAnswerId","answer","resultId","getMarkedStatus","studentResults","markedAnswers","result","studentResponse","every","status","getInteractionResultsSummary","interaction","numStudents","numCorrect","answered","unanswered","correctness","correct","numInteractions","answeredInteractions","getPhrase","UserRecipientItemMetadata","user","anonymiseUsers","showDisplayName","sessionId","anonName","nameParts","split","n","name","surname","slice","avatarUrl","avatar","url","getUserProps","avatarClassName","imageUrl","imageCdnUrl","initials","showAnonymousUser","anonymousSvgSize","detailsClassName","nameClassName","showSubText","getSubText","userType","role","yearGroup","defaults","InteractionCorrectness","InteractiveAnswerStatus","InsightsDemoRequests","normalize","interactiveMetadata","interactiveResults","videoViews","users","individualHeatmap","aggregateHeatmap","notApplicable","isMissingWordCorrect","getStudentAnswer","items","actionableItems","isCorrect","trim","toLowerCase","isMultipleChoiceCorrect","studentAnswer","getGetStudentAnswer","attempt","wrapIsMultipleChoiceCorrect","text","wrapIsMarkableAnswerMarkedCorrect","item","isMarkableAnswerMarkedCorrect","IsCorrectLookup","InteractiveCorrectnessHelper","isInteractionCorrect","isCorrectFn","typeId","DEMO_INSIGHTS_SHARE","type","privacy","objectId","objectTypeId","viewCount","accessCount","dateCreated","Date","toISOString","expireDate","link","shortenedEmbedUrl","shortenedUrl","shareId","ownerCustomerId","ownerId","recipients","options","preventScrubbing","immediateFeedback","DEMO_INSIGHTS_SHARE_TABLE_DATA","share","sharedObject","shareRecipients","dateShared","DEMO_INSIGHTS_APPLINK","application","action","DEMO_INSIGHTS_ACTION","label","appLink","group","LanguageService","InteractiveInsightsOverviewDemoView","SharedViewModelKeys","useLockContentWidth","currentUser","UserRequests","config","ConfigRequests","audienceAppLinkParams","dateRangeAppLinkParams","aggregateEngagement","useSetPageMetadata","video","hasDataLoaded","params","interactiveInsightsAppLinks","resultsAppLink","args","questionsAppLink","heatmapAppLink","getInteractiveInsightsAppLinks","InsightsHeader","tabs","yearGroups","isDemo","InteractiveInsightsOverview","classroomStudents","osCount"],"sourceRoot":""}