@clickview/reports 0.0.5 → 0.0.6-dev.0

package/dist/scripts/10-cab88bc9bb-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[10],{500:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(59),r=a(519),i={views:function(e,t,a,i,c){var o="video:views";return t&&(o+=":".concat(t)),{url:n.a.urlBuilder("{gateway}/v1/analytics/views",Object.assign({objectId:t},Object(r.a)(e))),key:Object(r.b)(o,e),normalize:!1,success:a,error:i,always:c}},individualEngagement:function(e,t,a,i,c){return{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{data:null===(t=e.data)||void 0===t?void 0:t.map((function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})}))})},normalize:!1,success:a,error:i,always:c}},aggregateEngagement:function(e,t,a,i,c){return{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregate",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("aggregate:engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})},normalize:!1,success:a,error:i,always:c}}}},502:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(21),i=a(22);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e){var t,a=c(Object(r.a)(i.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(n.useEffect)((function(){e.data?a(e.data.count):a(null)}),[null===(t=e.data)||void 0===t?void 0:t.count])}},504:function(e,t,a){e.exports={totalCount:"_3a-8G",chartContainer:"_1QY5r",partialHeading:"l-ees",partialSelector:"_1Jzj5",partialCount:"_2mo-l"}},505:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(21),r=a(22);function i(){Object(n.a)(r.a.LEFT_NAV_STATE)}},506:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function r(e){return e.map((function(e,t){return Object.assign(Object.assign({},e),{color:n[t%n.length]})}))}},513:function(e,t,a){e.exports={chartContainer:"_1iuz3",heading:"_1lJg9",partialHeading:"_2Z6oG"}},519:function(e,t,a){"use strict";a.d(t,"b",(function(){return l})),a.d(t,"a",(function(){return s}));var n=a(31),r=a(501);function i(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return c(e,t)}(e)||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.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function o(e){var t=n.a.convertDateToUTC(e);return n.a.format(t,"YYYY-MM-DDTHH:mm:ss")}function l(e,t){var a=Object(r.a)(t);return a?e+":".concat(a):e}function s(e){var t,a,r=o(n.a.startOf(e.from,"day")),c=o(n.a.endOf(e.to,"day"));return{userId:e.users,groupId:[].concat(i(null!==(t=e.classrooms)&&void 0!==t?t:[]),i(null!==(a=e.classroomGroups)&&void 0!==a?a:[])),start:r,end:c}}},521:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a.n(n),i=a(504),c=a.n(i);function o(){return r.a.createElement("div",{className:"d-flex align-items-start justify-content-between"},r.a.createElement("div",null,r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(c.a.partialHeading)}),r.a.createElement("div",{className:"partial-loading-background ".concat(c.a.partialCount)})),r.a.createElement("div",{className:"partial-loading-background rounded ".concat(c.a.partialSelector)}))}},530:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(512),c=a.n(i),o=a(520),l=a.n(o),s=a(14),u=a(7),d=a(505),m=a(40),v=a(503),f=a(146),p=a(495),g=a(506),b={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0}}},y=u.a.encloseNamespace("shared.userActivityPieChart");function h(e,t){return Object.assign(Object.assign({},b),{series:[{type:"pie",name:t,data:e}]})}var E=a(504),j=a.n(E);function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return I(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return M}));var N=u.a.encloseNamespace("shared.userActivityPieChart"),O=["yearGroup","userType"],S={yearGroup:"yearGroups",userType:"userType"};function C(e){return r.a.createElement(s.Dropdown,{alignRight:!0},r.a.createElement(s.Dropdown.Toggle,{id:"group-by-dropdown",variant:"outline-dark",className:"no-caret"},N("yearGroup"===e.selectedOption?"yearGroups":"userType")),r.a.createElement(s.Dropdown.Menu,null,O.map((function(t,a){return e.selectedOption!==t&&r.a.createElement(s.Dropdown.Item,{key:a,onSelect:function(){return e.onSelect(t)}},N(S[t]))}))))}function M(e){var t=w(r.a.useState("yearGroup"),2),a=t[0],n=t[1];Object(d.a)();var i,o,s,u,b="yearGroup"===a?(i=e.events,o=e.users,s=m.a.toObject(o,"id"),u={},i.forEach((function(e){var t,a,n,r,i=s[e.userId];if(f.a.getUserTypeString(i)===v.a.Learner){var c=null!==(n=null===(a=null===(t=null==i?void 0:i._yearGroup)||void 0===t?void 0:t.value)||void 0===a?void 0:a.name)&&void 0!==n?n:y("unknown");c&&(u[c]=null!==(r=u[c])&&void 0!==r?r:0,u[c]++)}})),Object(g.a)(m.a.sortBy(Object.keys(u).map((function(e){return{name:e,y:u[e],type:"pie"}})),"name"))):function(e,t){var a=m.a.toObject(t,"id"),n={};return e.forEach((function(e){var t,r,i=a[e.userId],c=null!==(t=f.a.getUserTypeString(i))&&void 0!==t?t:y("unknown");n[c]=null!==(r=n[c])&&void 0!==r?r:0,n[c]++})),Object(g.a)(m.a.sortBy(Object.keys(n).map((function(e){return{name:Object(p.b)(e),y:n[e],type:"pie"}})),"name"))}(e.events,e.users);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-start justify-content-between w-100"},r.a.createElement("div",null,r.a.createElement("h6",{className:"m-0"},"yearGroup"===a?e.yearGroupTitle:e.userTypeTitle),r.a.createElement("strong",{className:j.a.totalCount},function(e){return e.reduce((function(e,t){return e+t.y}),0)}(b))),r.a.createElement(C,{selectedOption:a,onSelect:n})),b.length?r.a.createElement(l.a,{highcharts:c.a,options:h(b,e.seriesName),containerProps:{className:"".concat(j.a.chartContainer," position-absolute w-100 h-75 flex-grow-1")}}):e.emptyStateComponent)}},533:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a.n(n),i=a(513),c=a.n(i);function o(){return r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(c.a.partialHeading)})}},541:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(512),c=a.n(i),o=a(520),l=a.n(o),s=a(21),u=a(22),d=a(505),m=a(7),v=a(40),f=a(31),p=a(146),g=a(495),b=a(506),y=35,h=365,E={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},j={day:"D MMM",month:"MMM",year:"YYYY"},w={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},I={title:{text:null},credits:{enabled:!1},yAxis:{title:{text:null},min:0,minRange:10,minPadding:0,maxPadding:.02,endOnTick:!1},chart:{backgroundColor:"transparent",spacing:[45,0,0,0]},plotOptions:{series:{stacking:"normal"}}},N=m.a.encloseNamespace("shared.userActivityBarChart");function O(e,t,a,n){var r=v.a.toObject(t,"id"),i=function(e){var t=f.a.timeBetween(e.from,e.to,"day");return t>h?"year":t>y?"month":"day"}(n),c=function(e,t){var a=[],n=f.a.format(e.from,E[t]);do{a.push(n),n=f.a.format(f.a.add(n,1,t),E[t])}while(!f.a.isAfter(n,e.to,t));return a}(n,i),o={};e.forEach((function(e){var t,n,c,l=f.a.format(f.a.convertUTCToLocal(a(e)),E[i]),s=r[e.userId],u=null!==(t=p.a.getUserTypeString(s))&&void 0!==t?t:N("unknown");o[u]=null!==(n=o[u])&&void 0!==n?n:{},o[u][l]=null!==(c=o[u][l])&&void 0!==c?c:0,o[u][l]++}));var l=Object.keys(o),s=l.length?l.map((function(e){return{name:Object(g.b)(e),type:"column",data:c.map((function(t){var a;return null!==(a=o[e][t])&&void 0!==a?a:0}))}})):[{type:"column",data:c.map((function(){return 0}))}],u=Object.assign({},w);return l.length||(u.enabled=!1),{categories:c.map((function(e){return f.a.format(e,j[i])})),legendOptions:u,seriesData:Object(b.a)(s)}}function S(e,t,a,n){var r=O(e,t,a,n);return Object.assign(Object.assign({},I),{xAxis:{categories:r.categories},legend:r.legendOptions,series:r.seriesData})}var C=a(513),M=a.n(C);function x(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return A(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return A(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function k(e){var t=x(Object(s.a)(u.a.DATE_RANGE_QUERY_PARAMS),1)[0];return Object(d.a)(),r.a.createElement("div",{className:"position-relative h-100"},r.a.createElement("h6",{className:M.a.heading},e.title),r.a.createElement(l.a,{highcharts:c.a,options:S(e.events,e.users,e.getEventDate,t),containerProps:{className:"".concat(M.a.chartContainer," position-absolute w-100 h-100")}}))}a.d(t,"a",(function(){return k}))},543:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(20),c=a(7),o=a(500),l=a(145),s=a(124),u=a(502),d=a(530),m=a(521),v=a(496),f=a(499),p=c.a.encloseNamespace("shared.viewCountPieChartEmptyState");function g(e){return r.a.createElement(v.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(v.a.Image,{src:f.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(v.a.Heading,null,p("heading")),r.a.createElement(v.a.Info,{className:"w-100"},p(e.singular?"descriptionSingular":"descriptionMultiple")))}a.d(t,"a",(function(){return y}));var b=c.a.encloseNamespace("shared.viewCountPieChartCard");function y(e){var t,a,n,c,v=Object(l.a)(),f=i.a.useBasicFetch(o.a.views(v,e.objectId)),p=i.a.useBasicFetch((null===(t=f.data)||void 0===t?void 0:t.data.length)&&s.a.getById(f.data.data.map((function(e){return e.userId}))));Object(u.a)(f);var y=(null===(a=f.data)||void 0===a?void 0:a.data.length)?!!p.data:!!f.data;return r.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(n=e.className)&&void 0!==n?n:"")},y?r.a.createElement(d.a,{events:f.data.data,users:null!==(c=p.data)&&void 0!==c?c:[],objectId:e.objectId,yearGroupTitle:b("totalStudentPlays"),userTypeTitle:b("totalPlays"),seriesName:b("plays"),emptyStateComponent:r.a.createElement(g,{singular:!!e.objectId})}):r.a.createElement(m.a,null))}},554:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a.n(n),i=a(20),c=a(7),o=a(500),l=a(145),s=a(124),u=a(502),d=a(541),m=a(533),v=c.a.encloseNamespace("shared.viewCountBarChartCard");function f(e){var t,a,n,c,f=Object(l.a)(),p=i.a.useBasicFetch(o.a.views(f,e.objectId)),g=i.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.data.length)&&s.a.getById(p.data.data.map((function(e){return e.userId}))));Object(u.a)(p);var b=(null===(a=p.data)||void 0===a?void 0:a.data.length)?!!g.data:!!p.data;return r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(n=e.className)&&void 0!==n?n:"")},b?r.a.createElement(d.a,{events:p.data.data,users:null!==(c=g.data)&&void 0!==c?c:[],getEventDate:function(e){return e.dateWatched},title:v("videoViews")}):r.a.createElement(m.a,null))}},707:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a.n(n),i=a(509);function c(e){return r.a.createElement(i.a,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},719:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a.n(n),i=a(7),c=a(37),o=a(10),l=a(24),s=a(507),u=a(145),d=i.a.encloseNamespace("interactives.markingRequiredAlert");function m(e){var t=Object(u.a)(),a=function(e,t){var a=0;return t.students.forEach((function(t){var n=Object(s.e)(e,t);a+=n.awaitingMarking})),a}(e.interactive,e.results);return a?r.a.createElement("div",{className:"alert bg-white box-shadow",role:"alert"},"".concat(d("markingRequired",{smartCount:a})," "),r.a.createElement(c.a,{className:"text-info",appLink:{application:o.a.INTERACTIVES,action:l.a.Interactives.QUESTION_LIST,args:[e.interactiveMetadataId],params:t}},d("seeQuestions"))):r.a.createElement(r.a.Fragment,null)}},720:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a.n(n),i=a(20),c=a(7),o=a(145),l=a(500),s=a(509),u=a(707),d=c.a.encloseNamespace("interactives.engagementOverviewCard");function m(e){var t,a,n=Object(o.a)(),c=!n.users&&!n.classrooms&&!n.classroomGroups,m=i.a.useBasicFetch(!!e.objectId&&l.a.aggregateEngagement(e.objectId,n)),v=(null===(t=m.data)||void 0===t?void 0:t.engagementRate)>0?m.data.engagementRate:null;return r.a.createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},r.a.createElement("h6",{className:"mb-2"},d("heading")),r.a.createElement("div",{className:"d-flex align-items-center flex-grow-1\n          ".concat("vertical"===e.layout?" flex-column justify-content-center text-center":"")},!!m.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(s.a,{percentage:v,layout:s.b.LabelInside}),r.a.createElement("p",{className:"horizontal"===e.layout?"ml-2":""},"number"==typeof v?d(c?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*m.data.engagementRate)}):d("descriptionNoData"))),!m.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(u.a,{layout:s.b.LabelInside}),"vertical"===e.layout&&r.a.createElement("p",null," "))))}},791:function(e,t,a){e.exports={numberCircle:"_2ap3G",studentsContainer:"_3P1mJ",studentRow:"_1KyDU",indicatorRing:"_3NqFL",ringSuccess:"_1Fa4p",ringDanger:"_2mRUa",ringInfo:"_2EDx8",percentageIndicator:"_3l4uh"}},792:function(e,t,a){e.exports={emptyState:"_1Mw_3"}},793:function(e,t,a){e.exports={container:"_3wqtz"}},794:function(e,t,a){e.exports={container:"_1LBQH"}},795:function(e,t,a){e.exports={percentage:"_3xS2-"}},796:function(e,t,a){e.exports={pieChart:"_2T8j0",barChart:"_3ZZei"}},976:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(20),c=a(7),o=a(494);function l(e){var t,a,n;return e?(null===(t=null==e?void 0:e.video)||void 0===t?void 0:t.id)||(null===(n=null===(a=null==e?void 0:e.clip)||void 0===a?void 0:a.video)||void 0===n?void 0:n.id):null}var s=a(510),u=a(498),d=a(703),m=a(145),v=a(543),f=a(554),p=a(556),g=a(557),b=a(719),y=a(720),h=a(37),E=a(507),j=a(10),w=a(24),I=a(547),N=a(40),O=a(21),S=a(22),C=a(495),M=a(509),x=a(791),A=a.n(x);function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return T(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return T(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function R(e){var t,a,n=k(Object(O.a)(S.a.ANONYMISE_USERS),1)[0],i=N.a.sortBy(e.students,(function(e){return e.summary.percentCorrect}));return r.a.createElement("div",{className:"bg-white rounded p-3 mt-3"},r.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-2"},r.a.createElement("h6",{className:"m-0"},e.heading),!!i.length&&r.a.createElement("div",{className:"\n              text-white text-center rounded-circle\n              ".concat(A.a.numberCircle," ").concat((t=i,a=N.a.first(t),a.summary.awaitingMarking?"bg-info":a.summary.percentCorrect>=I.a.HIGH?"bg-success":"bg-danger"))},i.length)),r.a.createElement("div",{className:A.a.studentsContainer},i.length?r.a.createElement("ul",{className:"list-unstyled m-0"},i.slice(0,e.displayLimit).map((function(e,t){return r.a.createElement("li",{key:t,className:"d-flex justify-content-between align-items-center ".concat(A.a.studentRow)},r.a.createElement("span",{className:"d-flex align-items-center text-truncate"},r.a.createElement("div",{className:A.a.indicatorRing},r.a.createElement("svg",null,r.a.createElement("circle",{r:"0.3rem",className:(a=e,a.summary.awaitingMarking?A.a.ringInfo:a.summary.percentCorrect>=I.a.HIGH?A.a.ringSuccess:A.a.ringDanger)}))),r.a.createElement("span",{className:"text-truncate"},Object(C.a)(e.user,n))),!e.summary.awaitingMarking&&r.a.createElement("span",{className:A.a.percentageIndicator},r.a.createElement(M.a,{percentage:e.summary.percentCorrect,layout:M.b.LabelBefore})));var a}))):r.a.createElement("p",{className:"mt-1 mb-0"},e.emptyStateText)))}R.defaultProps={displayLimit:3};var _=a(496),B=a(499),D=a(792),F=a.n(D),Y=c.a.encloseNamespace("interactives.studentResultInsightsEmptyState");function G(){return r.a.createElement(_.a,{className:"".concat(F.a.emptyState," justify-content-center")},r.a.createElement(_.a.Image,{src:B.a.EmptyStates.Interactives.StudentInsights,className:"w-75"}),r.a.createElement(_.a.Heading,null,Y("heading")),r.a.createElement(_.a.Info,{className:"w-100"},Y("description")))}var H=a(793),L=a.n(H);function U(){return r.a.createElement("div",{className:"bg-white rounded mt-3 ".concat(L.a.container)})}var q=c.a.encloseNamespace("interactives.studentResultInsightsCard");function P(e){var t,a=Object(m.a)(),n=i.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),c=i.a.useBasicFetch((null===(t=n.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(n.data.interactiveId):null),o=i.a.useBasicFetch(c.data?s.a.interactiveResultSet(n.data.interactiveId,n.data.id,a):null),l=!!c.data&&!!o.data,u=l&&function(e,t){var a={markingRequired:[],lowScore:[],highScore:[]};return t.students.forEach((function(t){var n=Object.assign(Object.assign({},t),{summary:Object(E.e)(e,t)});n.summary.awaitingMarking?a.markingRequired.push(n):(n.summary.percentCorrect>=I.a.HIGH&&a.highScore.push(n),n.summary.percentCorrect<I.a.MODERATE&&a.lowScore.push(n))})),a}(c.data,o.data);return r.a.createElement("div",{className:"d-flex flex-column"},r.a.createElement("div",{className:"bg-white rounded p-3"},r.a.createElement("h6",{className:"m-0"},q("heading")),l&&!o.data.students.length&&r.a.createElement(G,null)),l&&!!o.data.students.length&&r.a.createElement(r.a.Fragment,null,r.a.createElement(R,{heading:q("markingRequired"),students:u.markingRequired,emptyStateText:q("markingRequiredEmpty")}),r.a.createElement(R,{heading:q("needHelp"),students:u.lowScore,emptyStateText:q("needHelpEmpty")}),r.a.createElement(R,{heading:q("topAchievers"),students:u.highScore,emptyStateText:q("topAchieversEmpty")}),r.a.createElement(h.a,{className:"btn btn-outline-dark mt-3",appLink:{application:j.a.INTERACTIVES,action:w.a.Interactives.RESULTS,args:[e.interactiveMetadataId],params:a}},q("seeAll"))),!l&&r.a.createElement(r.a.Fragment,null,r.a.createElement(U,null),r.a.createElement(U,null),r.a.createElement(U,null),r.a.createElement("button",{className:"btn btn-outline-dark mt-3 cursor-default"}," ")))}var z=a(544),Q=a(707),V=a(523),J=c.a.encloseNamespace("interactives.hardestQuestionCard");function $(e){var t,a,n=Object(m.a)(),c=i.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),o=i.a.useBasicFetch((null===(t=c.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(c.data.interactiveId):null),l=i.a.useBasicFetch(o.data?s.a.interactiveResultSet(c.data.interactiveId,c.data.id,n):null),u=!!o.data&&!!l.data,d=u&&function(e,t){var a=Object(V.b)(e).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(E.b)(e,t)})})).filter((function(e){return!!e.resultsSummary.answered&&!e.resultsSummary.awaitingMarking})),n=N.a.sortBy(a,(function(e){return e.resultsSummary.percentCorrect}));return N.a.first(n)}(o.data,l.data);return r.a.createElement("div",{className:"rounded bg-white p-3"},r.a.createElement("h6",{className:"mb-2"},J("heading")),u&&r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement(M.a,{percentage:null===(a=null==d?void 0:d.resultsSummary)||void 0===a?void 0:a.percentCorrect,layout:M.b.LabelInside}),d?r.a.createElement("div",{className:"d-flex ml-2"},r.a.createElement(z.a,{interaction:d,iconClassName:"flex-shrink-0"})):r.a.createElement("span",{className:"ml-2"},J("empty"))),!u&&r.a.createElement(Q.a,{layout:M.b.LabelInside}))}var Z=a(794),K=a.n(Z);function W(e){return r.a.createElement("div",{className:"rounded bg-white p-3 ".concat(K.a.container)},e.children)}var X=a(795),ee=a.n(X),te=c.a.encloseNamespace("interactives.averageScoreCard");function ae(e){var t,a,n,c=Object(m.a)(),o=i.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),l=i.a.useBasicFetch((null===(t=o.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(o.data.interactiveId):null),u=i.a.useBasicFetch(l.data?s.a.interactiveResultSet(o.data.interactiveId,o.data.id,c):null),d=!!l.data&&!!u.data,v=d&&function(e,t){var a=[],n=!1;return t.students.forEach((function(t){var r=Object(E.e)(e,t);a.push(r.percentCorrect),r.awaitingMarking&&(n=!0)})),{score:a.length?a.reduce((function(e,t){return e+t}),0)/a.length:null,markingRequired:n}}(l.data,u.data),f=(a=v).markingRequired?{subheading:"markingRequiredSubheading",description:"markingRequiredDescription"}:"number"!=typeof a.score?{subheading:"noScoresSubheading",description:"noScoresDescription"}:a.score>=I.a.HIGH?{subheading:"highScoreSubheading",description:"highScoreDescription"}:a.score>=I.a.MODERATE?{subheading:"moderateScoreSubheading",description:"moderateScoreDescription"}:{subheading:"lowScoreSubheading",description:"lowScoreDescription"},p=f.subheading,g=f.description;return d?r.a.createElement("div",{className:"rounded bg-white p-3"},r.a.createElement("h6",{className:"mb-3"},te("heading")),r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"".concat(ee.a.percentage," text-center py-2")},v.markingRequired||"number"!=typeof v.score?r.a.createElement("span",{className:"text-info"},"--%"):r.a.createElement("span",{className:(n=v.score,n>=I.a.HIGH?"text-success":n>=I.a.MODERATE?"text-warning":"text-danger")},function(e){return"".concat(Math.round(100*e),"%")}(v.score))),r.a.createElement("div",{className:"text-center"},r.a.createElement("p",{className:"m-0"},r.a.createElement("strong",null,te(p))),r.a.createElement("p",{className:"m-0"},te(g))))):r.a.createElement(W,null,r.a.createElement("h6",null,te("heading")))}var ne=a(721),re=a(704),ie=a(796),ce=a.n(ie);a.d(t,"InteractiveOverviewView",(function(){return le}));var oe=c.a.encloseNamespace("reportsInteractives.interactiveOverview");function le(e){var t,a,n=Object(m.a)(),c=i.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),h=i.a.useBasicFetch((null===(t=c.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(c.data.interactiveId):null),E=i.a.useBasicFetch(h.data?s.a.interactiveResultSet(c.data.interactiveId,c.data.id,n):null);return Object(o.a)(c.data?oe("pageTitle",{interactive:c.data.name}):""),Object(u.a)(null===(a=c.data)||void 0===a?void 0:a.name),Object(p.a)(Object(re.a)()),Object(d.a)(c),Object(ne.a)(e.interactiveMetadataId),r.a.createElement("div",null,r.a.createElement(g.a,{interactiveMetadataId:e.interactiveMetadataId}),!!h.data&&!!E.data&&r.a.createElement(b.a,{interactive:h.data,results:E.data,interactiveMetadataId:e.interactiveMetadataId}),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-4"},r.a.createElement(v.a,{objectId:e.interactiveMetadataId,className:ce.a.pieChart}),r.a.createElement("div",{className:"mt-3"},r.a.createElement(ae,{interactiveMetadataId:e.interactiveMetadataId}))),r.a.createElement("div",{className:"col-5"},r.a.createElement(f.a,{objectId:e.interactiveMetadataId,className:ce.a.barChart}),r.a.createElement("div",{className:"mt-3"},r.a.createElement(y.a,{objectId:c.data?l(c.data):null,layout:"horizontal"})),r.a.createElement("div",{className:"mt-3"},r.a.createElement($,{interactiveMetadataId:e.interactiveMetadataId}))),r.a.createElement("div",{className:"col-3"},r.a.createElement(P,{interactiveMetadataId:e.interactiveMetadataId}))))}}}]);

package/dist/scripts/11-857b749feb-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[11],{494:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(19),o=n(147);function i(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e)||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.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=a.useContext(o.a),c=n.setPageTitle;a.useEffect((function(){"boolean"!=typeof e&&r.a.isFunction(c)&&(e||(e=""),c(e))}),[e].concat(i(t)))}},495:function(e,t,n){"use strict";n.d(t,"a",(function(){return u})),n.d(t,"b",(function(){return s}));var a=n(555),r=n(7),o=n(146),i=n(503),c=r.a.encloseNamespace("reportsShared.utils");function u(e,t){return t?Object(a.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[a.b,a.a],separator:" ",length:2,style:"capital",seed:t}}(e)):o.a.getFullName(e)}function s(e){switch(e.toLowerCase()){case i.a.Learner:return c("student");case i.a.Staff:return c("staff");default:return e}}},496:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(514),i=n.n(o);function c(e){var t;return r.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:"".concat(i.a.image," ").concat(null!==(t=e.className)&&void 0!==t?t:"")})}var u=n(2),s=n(19),l=n(125),d=n(37);function f(e){var t=e.className||"btn btn-dark";if(!e.icon){if(e.appLink&&!s.a.isFunction(e.onClick))return r.a.createElement(d.a,{appLink:e.appLink,className:t},e.text);return r.a.createElement("button",{onClick:function(){s.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&u.a.AppLinkHelper.trigger(e.appLink)},className:t},e.text)}return r.a.createElement(l.a,{className:t,onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}function m(e){var t;return r.a.createElement("div",{className:"text-center d-flex flex-column align-items-center ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}n.d(t,"a",(function(){return m})),m.defaultProps={className:"pt-5"},m.Image=function(e){return r.a.createElement(c,Object.assign({},e))},m.Cta=function(e){return r.a.createElement(f,Object.assign({},e))},m.Heading=function(e){return r.a.createElement("h2",{className:e.className||"h6"},e.children)},m.Info=function(e){return r.a.createElement("p",{className:e.className||"mb-3 w-50"},e.children)}},498:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(21),o=n(22);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function u(e){var t=i(Object(r.a)(o.a.HEADER_TITLE),2)[1];Object(a.useEffect)((function(){return t(e),function(){t(null)}}),[e])}},499:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={EmptyStates:{Dashboard:{ComingSoon:"/images/empty-states/reports/coming-soon.png"},Interactives:{StudentInsights:"/images/empty-states/reports/student-insights.png",SelectQuestion:"/images/empty-states/reports/select-question.png",NoResponses:"/images/empty-states/reports/no-responses.png"},Shared:{LoginCount:"/images/empty-states/reports/login-count.png",ViewCount:"/images/empty-states/reports/view-count.png"}}}},500:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(59),r=n(519),o={views:function(e,t,n,o,i){var c="video:views";return t&&(c+=":".concat(t)),{url:a.a.urlBuilder("{gateway}/v1/analytics/views",Object.assign({objectId:t},Object(r.a)(e))),key:Object(r.b)(c,e),normalize:!1,success:n,error:o,always:i}},individualEngagement:function(e,t,n,o,i){return{url:a.a.urlBuilder("{gateway}/v1/analytics/heat-map",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{data:null===(t=e.data)||void 0===t?void 0:t.map((function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})}))})},normalize:!1,success:n,error:o,always:i}},aggregateEngagement:function(e,t,n,o,i){return{url:a.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregate",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("aggregate:engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})},normalize:!1,success:n,error:o,always:i}}}},501:function(e,t,n){"use strict";function a(e){var t=[];return Object.keys(e).forEach((function(n){var a=e[n];a&&t.push("".concat(n,":").concat(Array.isArray(a)?a.join(","):a))})),t.join(":")}n.d(t,"a",(function(){return a}))},502:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(21),o=n(22);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function u(e){var t,n=i(Object(r.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(a.useEffect)((function(){e.data?n(e.data.count):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.count])}},503:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(a||(a={}))},504:function(e,t,n){e.exports={totalCount:"_3a-8G",chartContainer:"_1QY5r",partialHeading:"l-ees",partialSelector:"_1Jzj5",partialCount:"_2mo-l"}},505:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(21),r=n(22);function o(){Object(a.a)(r.a.LEFT_NAV_STATE)}},506:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function r(e){return e.map((function(e,t){return Object.assign(Object.assign({},e),{color:a[t%a.length]})}))}},513:function(e,t,n){e.exports={chartContainer:"_1iuz3",heading:"_1lJg9",partialHeading:"_2Z6oG"}},514:function(e,t,n){e.exports={image:"_3T3Ux"}},519:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return s}));var a=n(31),r=n(501);function o(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e)||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.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e){var t=a.a.convertDateToUTC(e);return a.a.format(t,"YYYY-MM-DDTHH:mm:ss")}function u(e,t){var n=Object(r.a)(t);return n?e+":".concat(n):e}function s(e){var t,n,r=c(a.a.startOf(e.from,"day")),i=c(a.a.endOf(e.to,"day"));return{userId:e.users,groupId:[].concat(o(null!==(t=e.classrooms)&&void 0!==t?t:[]),o(null!==(n=e.classroomGroups)&&void 0!==n?n:[])),start:r,end:i}}},521:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),r=n.n(a),o=n(504),i=n.n(o);function c(){return r.a.createElement("div",{className:"d-flex align-items-start justify-content-between"},r.a.createElement("div",null,r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)}),r.a.createElement("div",{className:"partial-loading-background ".concat(i.a.partialCount)})),r.a.createElement("div",{className:"partial-loading-background rounded ".concat(i.a.partialSelector)}))}},530:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(512),i=n.n(o),c=n(520),u=n.n(c),s=n(14),l=n(7),d=n(505),f=n(40),m=n(503),p=n(146),v=n(495),y=n(506),g={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0}}},b=l.a.encloseNamespace("shared.userActivityPieChart");function h(e,t){return Object.assign(Object.assign({},g),{series:[{type:"pie",name:t,data:e}]})}var j=n(504),O=n.n(j);function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return E(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"a",(function(){return I}));var S=l.a.encloseNamespace("shared.userActivityPieChart"),A=["yearGroup","userType"],N={yearGroup:"yearGroups",userType:"userType"};function C(e){return r.a.createElement(s.Dropdown,{alignRight:!0},r.a.createElement(s.Dropdown.Toggle,{id:"group-by-dropdown",variant:"outline-dark",className:"no-caret"},S("yearGroup"===e.selectedOption?"yearGroups":"userType")),r.a.createElement(s.Dropdown.Menu,null,A.map((function(t,n){return e.selectedOption!==t&&r.a.createElement(s.Dropdown.Item,{key:n,onSelect:function(){return e.onSelect(t)}},S(N[t]))}))))}function I(e){var t=w(r.a.useState("yearGroup"),2),n=t[0],a=t[1];Object(d.a)();var o,c,s,l,g="yearGroup"===n?(o=e.events,c=e.users,s=f.a.toObject(c,"id"),l={},o.forEach((function(e){var t,n,a,r,o=s[e.userId];if(p.a.getUserTypeString(o)===m.a.Learner){var i=null!==(a=null===(n=null===(t=null==o?void 0:o._yearGroup)||void 0===t?void 0:t.value)||void 0===n?void 0:n.name)&&void 0!==a?a:b("unknown");i&&(l[i]=null!==(r=l[i])&&void 0!==r?r:0,l[i]++)}})),Object(y.a)(f.a.sortBy(Object.keys(l).map((function(e){return{name:e,y:l[e],type:"pie"}})),"name"))):function(e,t){var n=f.a.toObject(t,"id"),a={};return e.forEach((function(e){var t,r,o=n[e.userId],i=null!==(t=p.a.getUserTypeString(o))&&void 0!==t?t:b("unknown");a[i]=null!==(r=a[i])&&void 0!==r?r:0,a[i]++})),Object(y.a)(f.a.sortBy(Object.keys(a).map((function(e){return{name:Object(v.b)(e),y:a[e],type:"pie"}})),"name"))}(e.events,e.users);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-start justify-content-between w-100"},r.a.createElement("div",null,r.a.createElement("h6",{className:"m-0"},"yearGroup"===n?e.yearGroupTitle:e.userTypeTitle),r.a.createElement("strong",{className:O.a.totalCount},function(e){return e.reduce((function(e,t){return e+t.y}),0)}(g))),r.a.createElement(C,{selectedOption:n,onSelect:a})),g.length?r.a.createElement(u.a,{highcharts:i.a,options:h(g,e.seriesName),containerProps:{className:"".concat(O.a.chartContainer," position-absolute w-100 h-75 flex-grow-1")}}):e.emptyStateComponent)}},533:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),r=n.n(a),o=n(513),i=n.n(o);function c(){return r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)})}},541:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(512),i=n.n(o),c=n(520),u=n.n(c),s=n(21),l=n(22),d=n(505),f=n(7),m=n(40),p=n(31),v=n(146),y=n(495),g=n(506),b=35,h=365,j={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},O={day:"D MMM",month:"MMM",year:"YYYY"},w={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},E={title:{text:null},credits:{enabled:!1},yAxis:{title:{text:null},min:0,minRange:10,minPadding:0,maxPadding:.02,endOnTick:!1},chart:{backgroundColor:"transparent",spacing:[45,0,0,0]},plotOptions:{series:{stacking:"normal"}}},S=f.a.encloseNamespace("shared.userActivityBarChart");function A(e,t,n,a){var r=m.a.toObject(t,"id"),o=function(e){var t=p.a.timeBetween(e.from,e.to,"day");return t>h?"year":t>b?"month":"day"}(a),i=function(e,t){var n=[],a=p.a.format(e.from,j[t]);do{n.push(a),a=p.a.format(p.a.add(a,1,t),j[t])}while(!p.a.isAfter(a,e.to,t));return n}(a,o),c={};e.forEach((function(e){var t,a,i,u=p.a.format(p.a.convertUTCToLocal(n(e)),j[o]),s=r[e.userId],l=null!==(t=v.a.getUserTypeString(s))&&void 0!==t?t:S("unknown");c[l]=null!==(a=c[l])&&void 0!==a?a:{},c[l][u]=null!==(i=c[l][u])&&void 0!==i?i:0,c[l][u]++}));var u=Object.keys(c),s=u.length?u.map((function(e){return{name:Object(y.b)(e),type:"column",data:i.map((function(t){var n;return null!==(n=c[e][t])&&void 0!==n?n:0}))}})):[{type:"column",data:i.map((function(){return 0}))}],l=Object.assign({},w);return u.length||(l.enabled=!1),{categories:i.map((function(e){return p.a.format(e,O[o])})),legendOptions:l,seriesData:Object(g.a)(s)}}function N(e,t,n,a){var r=A(e,t,n,a);return Object.assign(Object.assign({},E),{xAxis:{categories:r.categories},legend:r.legendOptions,series:r.seriesData})}var C=n(513),I=n.n(C);function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return T(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function x(e){var t=k(Object(s.a)(l.a.DATE_RANGE_QUERY_PARAMS),1)[0];return Object(d.a)(),r.a.createElement("div",{className:"position-relative h-100"},r.a.createElement("h6",{className:I.a.heading},e.title),r.a.createElement(u.a,{highcharts:i.a,options:N(e.events,e.users,e.getEventDate,t),containerProps:{className:"".concat(I.a.chartContainer," position-absolute w-100 h-100")}}))}n.d(t,"a",(function(){return x}))},543:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(20),i=n(7),c=n(500),u=n(145),s=n(124),l=n(502),d=n(530),f=n(521),m=n(496),p=n(499),v=i.a.encloseNamespace("shared.viewCountPieChartEmptyState");function y(e){return r.a.createElement(m.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(m.a.Image,{src:p.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(m.a.Heading,null,v("heading")),r.a.createElement(m.a.Info,{className:"w-100"},v(e.singular?"descriptionSingular":"descriptionMultiple")))}n.d(t,"a",(function(){return b}));var g=i.a.encloseNamespace("shared.viewCountPieChartCard");function b(e){var t,n,a,i,m=Object(u.a)(),p=o.a.useBasicFetch(c.a.views(m,e.objectId)),v=o.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.data.length)&&s.a.getById(p.data.data.map((function(e){return e.userId}))));Object(l.a)(p);var b=(null===(n=p.data)||void 0===n?void 0:n.data.length)?!!v.data:!!p.data;return r.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(a=e.className)&&void 0!==a?a:"")},b?r.a.createElement(d.a,{events:p.data.data,users:null!==(i=v.data)&&void 0!==i?i:[],objectId:e.objectId,yearGroupTitle:g("totalStudentPlays"),userTypeTitle:g("totalPlays"),seriesName:g("plays"),emptyStateComponent:r.a.createElement(y,{singular:!!e.objectId})}):r.a.createElement(f.a,null))}},554:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var a=n(0),r=n.n(a),o=n(20),i=n(7),c=n(500),u=n(145),s=n(124),l=n(502),d=n(541),f=n(533),m=i.a.encloseNamespace("shared.viewCountBarChartCard");function p(e){var t,n,a,i,p=Object(u.a)(),v=o.a.useBasicFetch(c.a.views(p,e.objectId)),y=o.a.useBasicFetch((null===(t=v.data)||void 0===t?void 0:t.data.length)&&s.a.getById(v.data.data.map((function(e){return e.userId}))));Object(l.a)(v);var g=(null===(n=v.data)||void 0===n?void 0:n.data.length)?!!y.data:!!v.data;return r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},g?r.a.createElement(d.a,{events:v.data.data,users:null!==(i=y.data)&&void 0!==i?i:[],getEventDate:function(e){return e.dateWatched},title:m("videoViews")}):r.a.createElement(f.a,null))}},968:function(e,t,n){e.exports={column1:"_2UeuV",column2:"_2UKH6"}},973:function(e,t,n){"use strict";n.r(t),n.d(t,"CustomerVideoOverviewView",(function(){return m}));var a=n(0),r=n.n(a),o=n(7),i=n(494),c=n(498),u=n(554),s=n(543),l=n(968),d=n.n(l),f=o.a.encloseNamespace("videos.customerVideoOverview");function m(){return Object(i.a)(f("videoOverview")),Object(c.a)(f("videoOverview")),r.a.createElement("div",null,r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"pr-2 ".concat(d.a.column1)},r.a.createElement(s.a,{className:"h-100"})),r.a.createElement("div",{className:"pl-2 ".concat(d.a.column2)},r.a.createElement(u.a,{className:"h-100"}))))}}}]);

package/dist/scripts/{12-08050a8ad2-reports.chunk.js → 12-46243c3e28-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[12],{530:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(531),c=n.n(i);function o(e){var t,n;return a.a.createElement("div",{className:"bg-white rounded ".concat(c.a.table," ").concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"border-bottom ".concat(c.a.header," ").concat(null!==(n=e.headerClassName)&&void 0!==n?n:"")}),e.children)}},531:function(e,t,n){e.exports={table:"_3XPjZ",header:"_1hiMB"}},533:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",hoverText:"p-vNG",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},534:function(e,t,n){e.exports={sortIndicator:"_3ac-N",scrollContainer:"i_8jB"}},536:function(e,t,n){"use strict";var r,a=n(0),i=n.n(a),c=n(525),o=n(11),l=n(14),s=n(533),u=n.n(s);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var d=a.memo((function(e){var t,n,i=e.direction===r.Left,c=i?l.b.ChevronLeft:l.b.ChevronRight,s=(e.contents,t=i,n=u.a.topPos,n+=t?" "+u.a.left:" "+u.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(s," ").concat(u.a.button," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"pl-3 pr-2 ".concat(u.a.hoverText)},e.hoverText),a.createElement(o.a,{svgName:c,size:o.b.Medium,className:"svg-container d-inline-block ".concat(u.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:i?u.a.gradientLeft:u.a.gradientRight}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:i?u.a.extendedClickableAreaLeft:u.a.extendedClickableAreaRight}))})),m=n(19);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){var t,n,r,a;return{canScrollLeft:(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0,canScrollRight:(null===(n=e.current)||void 0===n?void 0:n.scrollLeft)<(null===(r=e.current)||void 0===r?void 0:r.scrollWidth)-(null===(a=e.current)||void 0===a?void 0:a.clientWidth)}}var g=n(534),p=n.n(g);function h(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(e,t)}(e)||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.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return S}));var w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function E(e){var t,n,r,a,s,u,d,m,f={columns:e.columns,data:e.data,disableSortBy:!e.enableSort,manualSortBy:e.manualSort};e.initialSelectedRowIds&&(f.initialState={selectedRowIds:(d=e.initialSelectedRowIds,m={},d.forEach((function(e){return m[e]=!0})),m)}),e.getRowId&&(f.getRowId=e.getRowId);var v=c.useTable.apply(void 0,[f].concat(h([c.useFlexLayout,c.useSortBy,c.useRowSelect]))),b=v.getTableProps,g=v.getTableBodyProps,y=v.headerGroups,w=v.rows,E=v.prepareRow,S=v.toggleAllRowsSelected,k=v.state.sortBy;return i.a.useEffect((function(){e.onSort&&e.onSort(k)}),[k]),i.a.createElement("div",Object.assign({},b(),{className:null!==(n=null===(t=e.theme)||void 0===t?void 0:t.table)&&void 0!==n?n:""}),i.a.createElement("div",{className:null!==(a=null===(r=e.theme)||void 0===r?void 0:r.header)&&void 0!==a?a:""},y.map((function(t){var n,r;return i.a.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerRow)&&void 0!==r?r:""}),t.headers.map((function(t){var n,r,a,c;return i.a.createElement("div",Object.assign({},t.getHeaderProps(t.getSortByToggleProps()),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerCell)&&void 0!==r?r:""}),t.render("Header"),!!t.canSort&&i.a.createElement("span",{className:"".concat(p.a.sortIndicator,"\n                      ").concat(t.isSorted?"":"text-muted","\n                      ").concat(null!==(c=null===(a=e.theme)||void 0===a?void 0:a.sortIndicator)&&void 0!==c?c:"")},i.a.createElement(o.a,{svgName:t.isSortedDesc||!t.isSorted?l.b.ArrowRight:l.b.ArrowLeft,size:o.b.Small})))})))}))),i.a.createElement("div",Object.assign({},g(),{className:null!==(u=null===(s=e.theme)||void 0===s?void 0:s.body)&&void 0!==u?u:""}),w.map((function(t){var n,r,a,c;E(t);var o=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.row)&&void 0!==r?r:"";return t.isSelected&&(null===(a=e.theme)||void 0===a?void 0:a.selectedRow)&&(o+=" ".concat(null===(c=e.theme)||void 0===c?void 0:c.selectedRow)),e.onSelectRow&&(o+=" cursor-pointer"),i.a.createElement("div",Object.assign({},t.getRowProps(),{className:o,onClick:function(){e.onSelectRow&&(e.allowSelectMultipleRows||S(!1),e.onSelectRow(t),t.toggleRowSelected(!0))},onMouseOver:e.onRowMouseOver&&function(){return e.onRowMouseOver(t)},onMouseLeave:e.onRowMouseLeave&&function(){return e.onRowMouseLeave(t)}}),t.cells.map((function(t){var n,r,a=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.cell)&&void 0!==r?r:"";return e.onSelectCell&&(a+=" cursor-pointer"),i.a.createElement("div",Object.assign({},t.getCellProps(),{className:a,onClick:function(){e.onSelectCell&&e.onSelectCell(t)}}),t.render("Cell"))})))}))))}function S(e){var t=e.enableSlider,n=e.scrollIncrement,a=w(e,["enableSlider","scrollIncrement"]),c=function(){var e=i.a.useRef(),t=f(i.a.useState(b(e)),2),n=t[0],r=t[1];function a(){r(b(e))}return i.a.useEffect((function(){if(e.current){var t=m.a.throttle(a,200);return r(b(e)),e.current.addEventListener("scroll",t),function(){e.current.removeEventListener("scroll",t)}}}),[e.current]),{ref:e,scrollState:n,scroll:function(t){var n;null===(n=e.current)||void 0===n||n.scrollBy({left:t,top:0,behavior:"smooth"})}}}(),o=c.ref,l=c.scrollState,s=c.scroll;if(!t)return i.a.createElement(E,Object.assign({},a));function u(e){o.current&&s(n*("right"===e?1:-1))}return i.a.createElement("div",{className:"mx-n3 overflow-hidden-x"},i.a.createElement("div",{className:"px-3"},i.a.createElement("div",{className:"position-relative"},i.a.createElement(d,{direction:r.Left,onClick:function(){return u("left")},hide:!l.canScrollLeft}),i.a.createElement("div",{className:p.a.scrollContainer,ref:o},i.a.createElement(E,Object.assign({},a))),i.a.createElement(d,{direction:r.Right,onClick:function(){return u("right")},hide:!l.canScrollRight}))))}S.defaultProps={scrollIncrement:250}},546:function(e,t,n){"use strict";var r=n(0),a=n(45);function i(e){var t,n;return t=e,n=a.a.getInstance(t),r.useEffect((function(){return function(){a.a.releaseInstance(t)}})),n}var c=n(53),o=n(67);function l(){var e=i(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:c.a.Warning,heading:c.c.Warning,message:t})}}}n.d(t,"a",(function(){return l}))},695:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},729:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(501),i=n(145);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t=c(Object(r.useState)(!1),2),n=t[0],o=t[1],l=Object(a.a)(Object(i.a)());return Object(r.useEffect)((function(){o((function(e){return!e}))}),[e.isComplete]),Object(r.useEffect)((function(){o((function(e){return!e}))}),[l]),n}},730:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(21),i=n(22);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t,n=c(Object(a.a)(i.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(r.useEffect)((function(){e.data?n(e.data.studentCount):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},731:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),i=n(6),c=n(76),o=n(500),l=i.a.encloseNamespace("interactives.pendingIndicator");function s(e){var t=function(){var t;return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("em",null,l("pending")),a.a.createElement(o.a,null))};return e.title?a.a.createElement(c.a,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100"},a.a.createElement(t,null)):a.a.createElement(t,null)}},733:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var r=n(0),a=n(52),i=n(20),c=n(6),o=n(546),l=n(502),s=n(498);function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=c.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var c=u(Object(r.useState)({}),2),d=c[0],f=c[1],v=Object(a.useDispatch)(),b=Object(o.a)();return{markedAnswers:d,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(r={},a=Object(s.c)(e),i=Object.assign(Object.assign({},e),{status:t}),a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r));var r,a,i}))}))},submitMarkedAnswers:function(){var r=Object.keys(d).map((function(e){return d[e]}));if(r.length){var a=0,c=0;r.forEach((function(n){var r=n.id,a=n.resultId,c=n.questionId,u=n.status;i.a.fetch(v,l.a.mark(e,t,r,{id:r,resultId:a,questionId:c,status:u},o,null,s))}))}function o(){c++}function s(){++a===r.length&&function(){var e="",t=!1;0===c&&(e=m("error",{smartCount:r.length}),t=!0);c<a&&(e=m("success",{smartCount:c})+" ".concat(m("partialError",{smartCount:a-c})));c===a&&(e=m("success",{smartCount:c}));t?b.error(e):b.success(e),f({}),n&&n()}()}}}}},734:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},735:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},736:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},738:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(148),c=n(146),o=n(516),l=n(539),s=n(517),u=n(538);var d=n(11),m=n(14),f=n(734),v=n.n(f),b=["A","B","C","D"];function g(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,c){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:c});var l=o?"bg-info text-white":e.unCheckedBackground,s=function(){return a.a.createElement(a.a.Fragment,null,b[c])};e.showFeedback&&(l=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var u=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!o)}};return a.a.createElement(a.a.Fragment,{key:c},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(v.a.answer,"\n                ").concat(l),key:c,htmlFor:r.id},u),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(s,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:v.a.avatarContainer},o&&a.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}g.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(695),h=n.n(p);var y=n(40);var w,E=n(735),S=n.n(E);function k(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,r){var c=e.getSelectedAnswer(n.id),o=c?"bg-info text-white":e.unCheckedBackground,l=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(S.a.incorrect),e.hideFeedbackIcons||(l=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(o)},s),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!c,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(S.a.feedback)},a.a.createElement(l,null)),a.a.createElement("span",{className:"".concat(S.a.avatarContainer).concat("sm"===e.size?" ".concat(S.a.avatarContainerSmall):"")},c&&a.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function N(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}k.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var C=function(){return a.a.createElement(a.a.Fragment,null)},I=(N(w={},s.InteractionTypeId.Annotation,C),N(w,s.InteractionTypeId.Image,C),N(w,s.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(i){var c=e.answers.find((function(e){return e.id==i.id}));if(c){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},c.text);var o=c.status===u.a.Correct;return a.a.createElement(a.a.Fragment,{key:n},!o&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,c.text))," "),a.a.createElement("strong",{className:"text-success"},i.name))}}})))})),N(w,s.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,i,o="my-2";return e.reportsStyling&&(o+=" mx-2"),a.a.createElement("div",{className:o},a.a.createElement(g,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),N(w,s.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,i,o="justify-content-start";return e.reportsStyling&&(o="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(k,{className:o,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),N(w,s.InteractionTypeId.ShortAnswer,(function(e){var t=y.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),w),A=n(6).a.encloseNamespace("interactives.responseTypes");function j(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,A("noResponse")))}var x=n(515);function O(e){return a.a.createElement(a.a.Fragment,null,e.correctness===x.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===x.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(d.a,{svgName:m.b.Close})))}function R(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||c.a.getFullName(e.studentResults.user)),a.a.createElement(O,{correctness:e.correctness}))}function F(e){return e.correctness!==x.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Correct?"text-success":"")},a.a.createElement(d.a,{svgName:e.markedStatus===u.a.Correct?m.b.CheckCircle:m.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Correct)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},a.a.createElement(d.a,{svgName:e.markedStatus===u.a.Incorrect?m.b.CrossCircleFilled:m.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Incorrect)}})))}var M=n(736),U=n.n(M);function T(e){var t,n,r,s,u,d=I[e.interaction.typeId];if(!d)return a.a.createElement(a.a.Fragment,null);var m=Object(o.d)(e.studentResults),f=Object(o.c)(e.interaction.id,m),v=l.a.isInteractionCorrect(e.interaction,m);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:U.a.avatarContainer},a.a.createElement(i.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(s=e.studentResults.user)||void 0===s?void 0:s.avatar)||void 0===u?void 0:u.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(R,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?a.a.createElement(d,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):a.a.createElement(j,null)),!e.showStudentDetails&&a.a.createElement(O,{correctness:v})))),a.a.createElement(F,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},780:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},938:function(e,t,n){e.exports={row:"nfUpJ"}},970:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),i=n(20),c=n(6),o=n(491),l=n(101),s=n(102),u=n(117);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=c.a.encloseNamespace("shared.confirmationPopup");function v(e){var t=d(r.useState(!1),2),n=t[0],a=t[1],i=[{variant:e.cancelButtonVariant,onClick:e.closePopup,buttonText:e.cancelButtonText||f("cancel")},{variant:e.confirmButtonVariant,onClick:function(){a(!0),e.onClickConfirm()},buttonText:e.confirmButtonText||f("confirm"),isSpinnerButton:!0,showSpinner:n}];return r.createElement(s.a,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(u.a,{buttons:i})))}v.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var b=n(502),g=n(496),p=n(733),h=n(697),y=n(145),w=n(549),E=n(530),S=n(550),k=n(729),N=n(716),C=n(730),I=n(698),A=n(73),j=n(498),x=n(536),O=n(21),R=n(515),F=n(494),M=n(539),U=n(516),T=n(738),B=n(497),_=n(22),L=n(492),P=c.a.encloseNamespace("interactives.submitMarkedAnswers");function D(e){return a.a.createElement("div",{className:"d-flex justify-content-end pt-2"},a.a.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},P("submitAnswers")))}var z=n(537),H=n(780),K=n.n(H),$=c.a.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a.a.createElement("div",{className:"rounded bg-white"},a.a.createElement("div",{className:"p-2 position-relative"},a.a.createElement("div",{className:"d-flex"},a.a.createElement(z.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),e.awaitingMarking&&a.a.createElement("div",{className:K.a.awaitingMarking}),!!n&&a.a.createElement("div",{className:"mt-2"},a.a.createElement("strong",null,$("suggestedResponse")),a.a.createElement("p",{className:"m-0"},n))))}function W(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return V(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return V(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var J=c.a.encloseNamespace("interactives.interactionResponseList");function G(e){var t,n,r=(n=e.interaction,e.results.students.filter((function(e){return M.a.isInteractionCorrect(n,Object(U.d)(e))===R.a.AwaitingMarking}))),i=Object.keys(e.markedAnswers).length,c=W(Object(O.a)(_.a.ANONYMISE_USERS),1)[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?a.a.createElement(a.a.Fragment,null,a.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!r.length}),!!r.length&&a.a.createElement(D,{submit:e.submitMarkedAnswers,disabled:!i}),a.a.createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var i=r.some((function(e){return e.user.id===t.user.id}));return a.a.createElement("li",{key:n,className:"position-relative mt-2"},a.a.createElement(T.a,{interaction:e.interaction,studentResults:t,markedStatus:Object(j.d)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:c?Object(L.a)(t.user,!0):null,className:"bg-white p-2",showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}),i&&a.a.createElement("div",{className:K.a.awaitingMarking}))}))),!!r.length&&a.a.createElement(D,{submit:e.submitMarkedAnswers,disabled:!i})):a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!r.length}),a.a.createElement(F.a,{className:"bg-white rounded mt-2 py-5 flex-grow-1"},a.a.createElement(F.a.Image,{src:B.a.EmptyStates.Interactives.NoResponses}),a.a.createElement(F.a.Heading,null,J("emptyStateHeading")),a.a.createElement(F.a.Info,null,J("emptyStateDescription"))))}var Q=c.a.encloseNamespace("interactives.selectedInteractionEmptyState");function X(){return a.a.createElement(F.a,{className:"rounded h-100 bg-white justify-content-center py-4"},a.a.createElement(F.a.Image,{src:B.a.EmptyStates.Interactives.SelectQuestion}),a.a.createElement(F.a.Heading,null,Q("emptyStateText")))}var Y=n(500),Z=n(731),ee=c.a.encloseNamespace("interactives.questionTable");function te(e,t,n){var r=e.cells.find((function(e){return e.column.id===n})).value,a=t.cells.find((function(e){return e.column.id===n})).value;return r.awaitingMarking?-1:a.awaitingMarking||r.percentCorrect>=a.percentCorrect?1:-1}function ne(e){var t;return a.a.createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function re(e){return a.a.createElement(ne,{className:e.column.isSorted&&"font-weight-bold"},ee(e.phraseKey))}var ae=n(938),ie={table:"bg-white rounded pb-2",header:"border-bottom px-2",headerCell:"p-2 d-flex align-items-center",cell:"px-2",row:"m-2 rounded py-1 ".concat(n.n(ae).a.row),selectedRow:"bg-light",sortIndicator:"ml-2"};function ce(e){var t,n,r,i=(t=e.interactive,n=e.results,r=e.refreshTable,a.a.useMemo((function(){return Object(U.b)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(j.b)(e,n)})}))}),[r])),c=e.selectedInteractionId&&Object(j.a)(e.interactive,e.selectedInteractionId);return a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-6"},a.a.createElement(x.a,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return a.a.createElement(ne,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return a.a.createElement(ne,null,a.a.createElement("div",{className:"clamp-1"},a.a.createElement(z.a,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?a.a.createElement("div",{className:"d-flex w-75"},a.a.createElement(Z.a,{title:ee("markingRequired"),className:"flex-grow-1"})):a.a.createElement("div",{className:"w-75"},a.a.createElement(Y.a,{percentage:n,layout:Y.b.LabelBefore}))},width:80,sortDescFirst:!0,sortType:te}],data:i,theme:ie,onSelectRow:function(e){var t=e.original;A.a.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:c?[c.id]:null,getRowId:function(e){return e.id},enableSort:!0})),a.a.createElement("div",{className:"col-6"},!!c&&a.a.createElement(G,{interaction:c,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!c&&a.a.createElement(X,null)))}function oe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return le(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"InteractiveQuestionListView",(function(){return ue}));var se=c.a.encloseNamespace("interactives.interactiveQuestionList");function ue(e){var t,n,r,c,s,u=oe(a.a.useState(!1),2),d=u[0],m=u[1],f=Object(y.a)(),A=i.a.useBasicFetch(b.a.interactiveMetadata(e.interactiveMetadataId)),j=i.a.useBasicFetch((null===(t=A.data)||void 0===t?void 0:t.interactiveId)?b.a.interactive(A.data.interactiveId):null),x=i.a.useBasicFetch(j.data?b.a.interactiveResultSet(A.data.interactiveId,A.data.id,f):null),O=i.a.useBasicFetch(l.a.config());Object(o.a)(A.data?se("pageTitle",{interactive:A.data.name}):""),Object(g.a)(null===(n=A.data)||void 0===n?void 0:n.name),Object(w.a)(Object(I.a)()),Object(N.a)(e.interactiveMetadataId),Object(C.a)(x),Object(h.a)(A);var R=Object(k.a)(x),F=Object(p.a)(null===(r=j.data)||void 0===r?void 0:r.id,null===(c=A.data)||void 0===c?void 0:c.id,(function(){return m(!1)})),M=F.markedAnswers,U=F.addMarkedAnswers,T=F.submitMarkedAnswers,B=!!j.data&&!!x.data&&!!O.data;return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",null,a.a.createElement(S.a,{interactiveMetadataId:e.interactiveMetadataId}),B?a.a.createElement(ce,{interactive:j.data,results:x.data,markedAnswers:M,addMarkedAnswers:U,submitMarkedAnswers:function(){return m(!0)},imageCdnUrl:O.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:R}):a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-6"},a.a.createElement(E.a,null)))),d&&a.a.createElement(v,{title:se("markPopupTitle",{smartCount:null!==(s=Object.keys(M).length)&&void 0!==s?s:0}),closePopup:function(){return m(!1)},confirmButtonText:se("submit"),confirmButtonVariant:"dark",onClickConfirm:T},a.a.createElement("p",null,se("markPopupBody"))))}}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[12],{536:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(537),c=n.n(i);function o(e){var t,n;return a.a.createElement("div",{className:"bg-white rounded ".concat(c.a.table," ").concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"border-bottom ".concat(c.a.header," ").concat(null!==(n=e.headerClassName)&&void 0!==n?n:"")}),e.children)}},537:function(e,t,n){e.exports={table:"_3XPjZ",header:"_1hiMB"}},539:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",hoverText:"p-vNG",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},540:function(e,t,n){e.exports={sortIndicator:"_3ac-N",scrollContainer:"i_8jB"}},542:function(e,t,n){"use strict";var r,a=n(0),i=n.n(a),c=n(532),o=n(11),l=n(12),s=n(539),u=n.n(s);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var d=a.memo((function(e){var t,n,i=e.direction===r.Left,c=i?l.b.ChevronLeft:l.b.ChevronRight,s=(e.contents,t=i,n=u.a.topPos,n+=t?" "+u.a.left:" "+u.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(s," ").concat(u.a.button," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"pl-3 pr-2 ".concat(u.a.hoverText)},e.hoverText),a.createElement(o.a,{svgName:c,size:o.b.Medium,className:"svg-container d-inline-block ".concat(u.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:i?u.a.gradientLeft:u.a.gradientRight}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:i?u.a.extendedClickableAreaLeft:u.a.extendedClickableAreaRight}))})),m=n(19);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){var t,n,r,a;return{canScrollLeft:(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0,canScrollRight:(null===(n=e.current)||void 0===n?void 0:n.scrollLeft)<(null===(r=e.current)||void 0===r?void 0:r.scrollWidth)-(null===(a=e.current)||void 0===a?void 0:a.clientWidth)}}var g=n(540),p=n.n(g);function h(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(e,t)}(e)||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.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return S}));var w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function E(e){var t,n,r,a,s,u,d,m,f={columns:e.columns,data:e.data,disableSortBy:!e.enableSort,manualSortBy:e.manualSort};e.initialSelectedRowIds&&(f.initialState={selectedRowIds:(d=e.initialSelectedRowIds,m={},d.forEach((function(e){return m[e]=!0})),m)}),e.getRowId&&(f.getRowId=e.getRowId);var v=c.useTable.apply(void 0,[f].concat(h([c.useFlexLayout,c.useSortBy,c.useRowSelect]))),b=v.getTableProps,g=v.getTableBodyProps,y=v.headerGroups,w=v.rows,E=v.prepareRow,S=v.toggleAllRowsSelected,k=v.state.sortBy;return i.a.useEffect((function(){e.onSort&&e.onSort(k)}),[k]),i.a.createElement("div",Object.assign({},b(),{className:null!==(n=null===(t=e.theme)||void 0===t?void 0:t.table)&&void 0!==n?n:""}),i.a.createElement("div",{className:null!==(a=null===(r=e.theme)||void 0===r?void 0:r.header)&&void 0!==a?a:""},y.map((function(t){var n,r;return i.a.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerRow)&&void 0!==r?r:""}),t.headers.map((function(t){var n,r,a,c;return i.a.createElement("div",Object.assign({},t.getHeaderProps(t.getSortByToggleProps()),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerCell)&&void 0!==r?r:""}),t.render("Header"),!!t.canSort&&i.a.createElement("span",{className:"".concat(p.a.sortIndicator,"\n                      ").concat(t.isSorted?"":"text-muted","\n                      ").concat(null!==(c=null===(a=e.theme)||void 0===a?void 0:a.sortIndicator)&&void 0!==c?c:"")},i.a.createElement(o.a,{svgName:t.isSortedDesc||!t.isSorted?l.b.ArrowRight:l.b.ArrowLeft,size:o.b.Small})))})))}))),i.a.createElement("div",Object.assign({},g(),{className:null!==(u=null===(s=e.theme)||void 0===s?void 0:s.body)&&void 0!==u?u:""}),w.map((function(t){var n,r,a,c;E(t);var o=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.row)&&void 0!==r?r:"";return t.isSelected&&(null===(a=e.theme)||void 0===a?void 0:a.selectedRow)&&(o+=" ".concat(null===(c=e.theme)||void 0===c?void 0:c.selectedRow)),e.onSelectRow&&(o+=" cursor-pointer"),i.a.createElement("div",Object.assign({},t.getRowProps(),{className:o,onClick:function(){e.onSelectRow&&(e.allowSelectMultipleRows||S(!1),e.onSelectRow(t),t.toggleRowSelected(!0))},onMouseOver:e.onRowMouseOver&&function(){return e.onRowMouseOver(t)},onMouseLeave:e.onRowMouseLeave&&function(){return e.onRowMouseLeave(t)}}),t.cells.map((function(t){var n,r,a=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.cell)&&void 0!==r?r:"";return e.onSelectCell&&(a+=" cursor-pointer"),i.a.createElement("div",Object.assign({},t.getCellProps(),{className:a,onClick:function(){e.onSelectCell&&e.onSelectCell(t)}}),t.render("Cell"))})))}))))}function S(e){var t=e.enableSlider,n=e.scrollIncrement,a=w(e,["enableSlider","scrollIncrement"]),c=function(){var e=i.a.useRef(),t=f(i.a.useState(b(e)),2),n=t[0],r=t[1];function a(){r(b(e))}return i.a.useEffect((function(){if(e.current){var t=m.a.throttle(a,200);return r(b(e)),e.current.addEventListener("scroll",t),function(){e.current.removeEventListener("scroll",t)}}}),[e.current]),{ref:e,scrollState:n,scroll:function(t){var n;null===(n=e.current)||void 0===n||n.scrollBy({left:t,top:0,behavior:"smooth"})}}}(),o=c.ref,l=c.scrollState,s=c.scroll;if(!t)return i.a.createElement(E,Object.assign({},a));function u(e){o.current&&s(n*("right"===e?1:-1))}return i.a.createElement("div",{className:"mx-n3 overflow-hidden-x"},i.a.createElement("div",{className:"px-3"},i.a.createElement("div",{className:"position-relative"},i.a.createElement(d,{direction:r.Left,onClick:function(){return u("left")},hide:!l.canScrollLeft}),i.a.createElement("div",{className:p.a.scrollContainer,ref:o},i.a.createElement(E,Object.assign({},a))),i.a.createElement(d,{direction:r.Right,onClick:function(){return u("right")},hide:!l.canScrollRight}))))}S.defaultProps={scrollIncrement:250}},553:function(e,t,n){"use strict";var r=n(0),a=n(45);function i(e){var t,n;return t=e,n=a.a.getInstance(t),r.useEffect((function(){return function(){a.a.releaseInstance(t)}})),n}var c=n(53),o=n(67);function l(){var e=i(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:c.a.Warning,heading:c.c.Warning,message:t})}}}n.d(t,"a",(function(){return l}))},702:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},734:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(501),i=n(145);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t=c(Object(r.useState)(!1),2),n=t[0],o=t[1],l=Object(a.a)(Object(i.a)());return Object(r.useEffect)((function(){o((function(e){return!e}))}),[e.isComplete]),Object(r.useEffect)((function(){o((function(e){return!e}))}),[l]),n}},735:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(21),i=n(22);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t,n=c(Object(a.a)(i.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(r.useEffect)((function(){e.data?n(e.data.studentCount):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},736:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),i=n(7),c=n(76),o=n(509),l=i.a.encloseNamespace("interactives.pendingIndicator");function s(e){var t=function(){var t;return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("em",null,l("pending")),a.a.createElement(o.a,null))};return e.title?a.a.createElement(c.a,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100"},a.a.createElement(t,null)):a.a.createElement(t,null)}},738:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var r=n(0),a=n(52),i=n(20),c=n(7),o=n(553),l=n(510),s=n(507);function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=c.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var c=u(Object(r.useState)({}),2),d=c[0],f=c[1],v=Object(a.useDispatch)(),b=Object(o.a)();return{markedAnswers:d,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(r={},a=Object(s.c)(e),i=Object.assign(Object.assign({},e),{status:t}),a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r));var r,a,i}))}))},submitMarkedAnswers:function(){var r=Object.keys(d).map((function(e){return d[e]}));if(r.length){var a=0,c=0;r.forEach((function(n){var r=n.id,a=n.resultId,c=n.questionId,u=n.status;i.a.fetch(v,l.a.mark(e,t,r,{id:r,resultId:a,questionId:c,status:u},o,null,s))}))}function o(){c++}function s(){++a===r.length&&function(){var e="",t=!1;0===c&&(e=m("error",{smartCount:r.length}),t=!0);c<a&&(e=m("success",{smartCount:c})+" ".concat(m("partialError",{smartCount:a-c})));c===a&&(e=m("success",{smartCount:c}));t?b.error(e):b.success(e),f({}),n&&n()}()}}}}},739:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},740:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},741:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},743:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(148),c=n(146),o=n(523),l=n(546),s=n(524),u=n(545);var d=n(11),m=n(12),f=n(739),v=n.n(f),b=["A","B","C","D"];function g(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,c){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:c});var l=o?"bg-info text-white":e.unCheckedBackground,s=function(){return a.a.createElement(a.a.Fragment,null,b[c])};e.showFeedback&&(l=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var u=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!o)}};return a.a.createElement(a.a.Fragment,{key:c},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(v.a.answer,"\n                ").concat(l),key:c,htmlFor:r.id},u),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(s,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:v.a.avatarContainer},o&&a.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}g.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(702),h=n.n(p);var y=n(40);var w,E=n(740),S=n.n(E);function k(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,r){var c=e.getSelectedAnswer(n.id),o=c?"bg-info text-white":e.unCheckedBackground,l=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(S.a.incorrect),e.hideFeedbackIcons||(l=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(o)},s),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!c,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(S.a.feedback)},a.a.createElement(l,null)),a.a.createElement("span",{className:"".concat(S.a.avatarContainer).concat("sm"===e.size?" ".concat(S.a.avatarContainerSmall):"")},c&&a.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function N(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}k.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var C=function(){return a.a.createElement(a.a.Fragment,null)},I=(N(w={},s.InteractionTypeId.Annotation,C),N(w,s.InteractionTypeId.Image,C),N(w,s.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(i){var c=e.answers.find((function(e){return e.id==i.id}));if(c){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},c.text);var o=c.status===u.a.Correct;return a.a.createElement(a.a.Fragment,{key:n},!o&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,c.text))," "),a.a.createElement("strong",{className:"text-success"},i.name))}}})))})),N(w,s.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,i,o="my-2";return e.reportsStyling&&(o+=" mx-2"),a.a.createElement("div",{className:o},a.a.createElement(g,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),N(w,s.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,i,o="justify-content-start";return e.reportsStyling&&(o="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(k,{className:o,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),N(w,s.InteractionTypeId.ShortAnswer,(function(e){var t=y.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),w),A=n(7).a.encloseNamespace("interactives.responseTypes");function j(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,A("noResponse")))}var x=n(522);function O(e){return a.a.createElement(a.a.Fragment,null,e.correctness===x.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===x.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(d.a,{svgName:m.b.Close})))}function R(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||c.a.getFullName(e.studentResults.user)),a.a.createElement(O,{correctness:e.correctness}))}function F(e){return e.correctness!==x.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Correct?"text-success":"")},a.a.createElement(d.a,{svgName:e.markedStatus===u.a.Correct?m.b.CheckCircle:m.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Correct)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},a.a.createElement(d.a,{svgName:e.markedStatus===u.a.Incorrect?m.b.CrossCircleFilled:m.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Incorrect)}})))}var M=n(741),U=n.n(M);function T(e){var t,n,r,s,u,d=I[e.interaction.typeId];if(!d)return a.a.createElement(a.a.Fragment,null);var m=Object(o.d)(e.studentResults),f=Object(o.c)(e.interaction.id,m),v=l.a.isInteractionCorrect(e.interaction,m);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:U.a.avatarContainer},a.a.createElement(i.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(s=e.studentResults.user)||void 0===s?void 0:s.avatar)||void 0===u?void 0:u.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(R,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?a.a.createElement(d,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):a.a.createElement(j,null)),!e.showStudentDetails&&a.a.createElement(O,{correctness:v})))),a.a.createElement(F,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},785:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},943:function(e,t,n){e.exports={row:"nfUpJ"}},977:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),i=n(20),c=n(7),o=n(494),l=n(101),s=n(102),u=n(117);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=c.a.encloseNamespace("shared.confirmationPopup");function v(e){var t=d(r.useState(!1),2),n=t[0],a=t[1],i=[{variant:e.cancelButtonVariant,onClick:e.closePopup,buttonText:e.cancelButtonText||f("cancel")},{variant:e.confirmButtonVariant,onClick:function(){a(!0),e.onClickConfirm()},buttonText:e.confirmButtonText||f("confirm"),isSpinnerButton:!0,showSpinner:n}];return r.createElement(s.a,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(u.a,{buttons:i})))}v.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var b=n(510),g=n(498),p=n(738),h=n(703),y=n(145),w=n(556),E=n(536),S=n(557),k=n(734),N=n(721),C=n(735),I=n(704),A=n(73),j=n(507),x=n(542),O=n(21),R=n(522),F=n(496),M=n(546),U=n(523),T=n(743),B=n(499),_=n(22),L=n(495),P=c.a.encloseNamespace("interactives.submitMarkedAnswers");function D(e){return a.a.createElement("div",{className:"d-flex justify-content-end pt-2"},a.a.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},P("submitAnswers")))}var z=n(544),H=n(785),K=n.n(H),$=c.a.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a.a.createElement("div",{className:"rounded bg-white"},a.a.createElement("div",{className:"p-2 position-relative"},a.a.createElement("div",{className:"d-flex"},a.a.createElement(z.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),e.awaitingMarking&&a.a.createElement("div",{className:K.a.awaitingMarking}),!!n&&a.a.createElement("div",{className:"mt-2"},a.a.createElement("strong",null,$("suggestedResponse")),a.a.createElement("p",{className:"m-0"},n))))}function W(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return V(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return V(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var J=c.a.encloseNamespace("interactives.interactionResponseList");function G(e){var t,n,r=(n=e.interaction,e.results.students.filter((function(e){return M.a.isInteractionCorrect(n,Object(U.d)(e))===R.a.AwaitingMarking}))),i=Object.keys(e.markedAnswers).length,c=W(Object(O.a)(_.a.ANONYMISE_USERS),1)[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?a.a.createElement(a.a.Fragment,null,a.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!r.length}),!!r.length&&a.a.createElement(D,{submit:e.submitMarkedAnswers,disabled:!i}),a.a.createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var i=r.some((function(e){return e.user.id===t.user.id}));return a.a.createElement("li",{key:n,className:"position-relative mt-2"},a.a.createElement(T.a,{interaction:e.interaction,studentResults:t,markedStatus:Object(j.d)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:c?Object(L.a)(t.user,!0):null,className:"bg-white p-2",showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}),i&&a.a.createElement("div",{className:K.a.awaitingMarking}))}))),!!r.length&&a.a.createElement(D,{submit:e.submitMarkedAnswers,disabled:!i})):a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!r.length}),a.a.createElement(F.a,{className:"bg-white rounded mt-2 py-5 flex-grow-1"},a.a.createElement(F.a.Image,{src:B.a.EmptyStates.Interactives.NoResponses}),a.a.createElement(F.a.Heading,null,J("emptyStateHeading")),a.a.createElement(F.a.Info,null,J("emptyStateDescription"))))}var Q=c.a.encloseNamespace("interactives.selectedInteractionEmptyState");function X(){return a.a.createElement(F.a,{className:"rounded h-100 bg-white justify-content-center py-4"},a.a.createElement(F.a.Image,{src:B.a.EmptyStates.Interactives.SelectQuestion}),a.a.createElement(F.a.Heading,null,Q("emptyStateText")))}var Y=n(509),Z=n(736),ee=c.a.encloseNamespace("interactives.questionTable");function te(e,t,n){var r=e.cells.find((function(e){return e.column.id===n})).value,a=t.cells.find((function(e){return e.column.id===n})).value;return r.awaitingMarking?-1:a.awaitingMarking||r.percentCorrect>=a.percentCorrect?1:-1}function ne(e){var t;return a.a.createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function re(e){return a.a.createElement(ne,{className:e.column.isSorted&&"font-weight-bold"},ee(e.phraseKey))}var ae=n(943),ie={table:"bg-white rounded pb-2",header:"border-bottom px-2",headerCell:"p-2 d-flex align-items-center",cell:"px-2",row:"m-2 rounded py-1 ".concat(n.n(ae).a.row),selectedRow:"bg-light",sortIndicator:"ml-2"};function ce(e){var t,n,r,i=(t=e.interactive,n=e.results,r=e.refreshTable,a.a.useMemo((function(){return Object(U.b)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(j.b)(e,n)})}))}),[r])),c=e.selectedInteractionId&&Object(j.a)(e.interactive,e.selectedInteractionId);return a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-6"},a.a.createElement(x.a,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return a.a.createElement(ne,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return a.a.createElement(ne,null,a.a.createElement("div",{className:"clamp-1"},a.a.createElement(z.a,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?a.a.createElement("div",{className:"d-flex w-75"},a.a.createElement(Z.a,{title:ee("markingRequired"),className:"flex-grow-1"})):a.a.createElement("div",{className:"w-75"},a.a.createElement(Y.a,{percentage:n,layout:Y.b.LabelBefore}))},width:80,sortDescFirst:!0,sortType:te}],data:i,theme:ie,onSelectRow:function(e){var t=e.original;A.a.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:c?[c.id]:null,getRowId:function(e){return e.id},enableSort:!0})),a.a.createElement("div",{className:"col-6"},!!c&&a.a.createElement(G,{interaction:c,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!c&&a.a.createElement(X,null)))}function oe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return le(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"InteractiveQuestionListView",(function(){return ue}));var se=c.a.encloseNamespace("interactives.interactiveQuestionList");function ue(e){var t,n,r,c,s,u=oe(a.a.useState(!1),2),d=u[0],m=u[1],f=Object(y.a)(),A=i.a.useBasicFetch(b.a.interactiveMetadata(e.interactiveMetadataId)),j=i.a.useBasicFetch((null===(t=A.data)||void 0===t?void 0:t.interactiveId)?b.a.interactive(A.data.interactiveId):null),x=i.a.useBasicFetch(j.data?b.a.interactiveResultSet(A.data.interactiveId,A.data.id,f):null),O=i.a.useBasicFetch(l.a.config());Object(o.a)(A.data?se("pageTitle",{interactive:A.data.name}):""),Object(g.a)(null===(n=A.data)||void 0===n?void 0:n.name),Object(w.a)(Object(I.a)()),Object(N.a)(e.interactiveMetadataId),Object(C.a)(x),Object(h.a)(A);var R=Object(k.a)(x),F=Object(p.a)(null===(r=j.data)||void 0===r?void 0:r.id,null===(c=A.data)||void 0===c?void 0:c.id,(function(){return m(!1)})),M=F.markedAnswers,U=F.addMarkedAnswers,T=F.submitMarkedAnswers,B=!!j.data&&!!x.data&&!!O.data;return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",null,a.a.createElement(S.a,{interactiveMetadataId:e.interactiveMetadataId}),B?a.a.createElement(ce,{interactive:j.data,results:x.data,markedAnswers:M,addMarkedAnswers:U,submitMarkedAnswers:function(){return m(!0)},imageCdnUrl:O.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:R}):a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-6"},a.a.createElement(E.a,null)))),d&&a.a.createElement(v,{title:se("markPopupTitle",{smartCount:null!==(s=Object.keys(M).length)&&void 0!==s?s:0}),closePopup:function(){return m(!1)},confirmButtonText:se("submit"),confirmButtonVariant:"dark",onClickConfirm:T},a.a.createElement("p",null,se("markPopupBody"))))}}}]);

package/dist/scripts/13-5db86822d4-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[13],{494:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n(19),o=n(147);function i(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e)||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.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=r.useContext(o.a),c=n.setPageTitle;r.useEffect((function(){"boolean"!=typeof e&&a.a.isFunction(c)&&(e||(e=""),c(e))}),[e].concat(i(t)))}},495:function(e,t,n){"use strict";n.d(t,"a",(function(){return u})),n.d(t,"b",(function(){return s}));var r=n(555),a=n(7),o=n(146),i=n(503),c=a.a.encloseNamespace("reportsShared.utils");function u(e,t){return t?Object(r.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[r.b,r.a],separator:" ",length:2,style:"capital",seed:t}}(e)):o.a.getFullName(e)}function s(e){switch(e.toLowerCase()){case i.a.Learner:return c("student");case i.a.Staff:return c("staff");default:return e}}},496:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(514),i=n.n(o);function c(e){var t;return a.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:"".concat(i.a.image," ").concat(null!==(t=e.className)&&void 0!==t?t:"")})}var u=n(2),s=n(19),l=n(125),f=n(37);function d(e){var t=e.className||"btn btn-dark";if(!e.icon){if(e.appLink&&!s.a.isFunction(e.onClick))return a.a.createElement(f.a,{appLink:e.appLink,className:t},e.text);return a.a.createElement("button",{onClick:function(){s.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&u.a.AppLinkHelper.trigger(e.appLink)},className:t},e.text)}return a.a.createElement(l.a,{className:t,onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}function m(e){var t;return a.a.createElement("div",{className:"text-center d-flex flex-column align-items-center ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}n.d(t,"a",(function(){return m})),m.defaultProps={className:"pt-5"},m.Image=function(e){return a.a.createElement(c,Object.assign({},e))},m.Cta=function(e){return a.a.createElement(d,Object.assign({},e))},m.Heading=function(e){return a.a.createElement("h2",{className:e.className||"h6"},e.children)},m.Info=function(e){return a.a.createElement("p",{className:e.className||"mb-3 w-50"},e.children)}},498:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n(21),o=n(22);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){var t=i(Object(a.a)(o.a.HEADER_TITLE),2)[1];Object(r.useEffect)((function(){return t(e),function(){t(null)}}),[e])}},499:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var r={EmptyStates:{Dashboard:{ComingSoon:"/images/empty-states/reports/coming-soon.png"},Interactives:{StudentInsights:"/images/empty-states/reports/student-insights.png",SelectQuestion:"/images/empty-states/reports/select-question.png",NoResponses:"/images/empty-states/reports/no-responses.png"},Shared:{LoginCount:"/images/empty-states/reports/login-count.png",ViewCount:"/images/empty-states/reports/view-count.png"}}}},501:function(e,t,n){"use strict";function r(e){var t=[];return Object.keys(e).forEach((function(n){var r=e[n];r&&t.push("".concat(n,":").concat(Array.isArray(r)?r.join(","):r))})),t.join(":")}n.d(t,"a",(function(){return r}))},502:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n(21),o=n(22);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){var t,n=i(Object(a.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(r.useEffect)((function(){e.data?n(e.data.count):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.count])}},503:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(r||(r={}))},504:function(e,t,n){e.exports={totalCount:"_3a-8G",chartContainer:"_1QY5r",partialHeading:"l-ees",partialSelector:"_1Jzj5",partialCount:"_2mo-l"}},505:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(21),a=n(22);function o(){Object(r.a)(a.a.LEFT_NAV_STATE)}},506:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function a(e){return e.map((function(e,t){return Object.assign(Object.assign({},e),{color:r[t%r.length]})}))}},513:function(e,t,n){e.exports={chartContainer:"_1iuz3",heading:"_1lJg9",partialHeading:"_2Z6oG"}},514:function(e,t,n){e.exports={image:"_3T3Ux"}},519:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return s}));var r=n(31),a=n(501);function o(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e)||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.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e){var t=r.a.convertDateToUTC(e);return r.a.format(t,"YYYY-MM-DDTHH:mm:ss")}function u(e,t){var n=Object(a.a)(t);return n?e+":".concat(n):e}function s(e){var t,n,a=c(r.a.startOf(e.from,"day")),i=c(r.a.endOf(e.to,"day"));return{userId:e.users,groupId:[].concat(o(null!==(t=e.classrooms)&&void 0!==t?t:[]),o(null!==(n=e.classroomGroups)&&void 0!==n?n:[])),start:a,end:i}}},521:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),o=n(504),i=n.n(o);function c(){return a.a.createElement("div",{className:"d-flex align-items-start justify-content-between"},a.a.createElement("div",null,a.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)}),a.a.createElement("div",{className:"partial-loading-background ".concat(i.a.partialCount)})),a.a.createElement("div",{className:"partial-loading-background rounded ".concat(i.a.partialSelector)}))}},530:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(512),i=n.n(o),c=n(520),u=n.n(c),s=n(14),l=n(7),f=n(505),d=n(40),m=n(503),p=n(146),y=n(495),v=n(506),g={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0}}},b=l.a.encloseNamespace("shared.userActivityPieChart");function h(e,t){return Object.assign(Object.assign({},g),{series:[{type:"pie",name:t,data:e}]})}var E=n(504),O=n.n(E);function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return w(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return k}));var S=l.a.encloseNamespace("shared.userActivityPieChart"),A=["yearGroup","userType"],N={yearGroup:"yearGroups",userType:"userType"};function C(e){return a.a.createElement(s.Dropdown,{alignRight:!0},a.a.createElement(s.Dropdown.Toggle,{id:"group-by-dropdown",variant:"outline-dark",className:"no-caret"},S("yearGroup"===e.selectedOption?"yearGroups":"userType")),a.a.createElement(s.Dropdown.Menu,null,A.map((function(t,n){return e.selectedOption!==t&&a.a.createElement(s.Dropdown.Item,{key:n,onSelect:function(){return e.onSelect(t)}},S(N[t]))}))))}function k(e){var t=j(a.a.useState("yearGroup"),2),n=t[0],r=t[1];Object(f.a)();var o,c,s,l,g="yearGroup"===n?(o=e.events,c=e.users,s=d.a.toObject(c,"id"),l={},o.forEach((function(e){var t,n,r,a,o=s[e.userId];if(p.a.getUserTypeString(o)===m.a.Learner){var i=null!==(r=null===(n=null===(t=null==o?void 0:o._yearGroup)||void 0===t?void 0:t.value)||void 0===n?void 0:n.name)&&void 0!==r?r:b("unknown");i&&(l[i]=null!==(a=l[i])&&void 0!==a?a:0,l[i]++)}})),Object(v.a)(d.a.sortBy(Object.keys(l).map((function(e){return{name:e,y:l[e],type:"pie"}})),"name"))):function(e,t){var n=d.a.toObject(t,"id"),r={};return e.forEach((function(e){var t,a,o=n[e.userId],i=null!==(t=p.a.getUserTypeString(o))&&void 0!==t?t:b("unknown");r[i]=null!==(a=r[i])&&void 0!==a?a:0,r[i]++})),Object(v.a)(d.a.sortBy(Object.keys(r).map((function(e){return{name:Object(y.b)(e),y:r[e],type:"pie"}})),"name"))}(e.events,e.users);return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"d-flex align-items-start justify-content-between w-100"},a.a.createElement("div",null,a.a.createElement("h6",{className:"m-0"},"yearGroup"===n?e.yearGroupTitle:e.userTypeTitle),a.a.createElement("strong",{className:O.a.totalCount},function(e){return e.reduce((function(e,t){return e+t.y}),0)}(g))),a.a.createElement(C,{selectedOption:n,onSelect:r})),g.length?a.a.createElement(u.a,{highcharts:i.a,options:h(g,e.seriesName),containerProps:{className:"".concat(O.a.chartContainer," position-absolute w-100 h-75 flex-grow-1")}}):e.emptyStateComponent)}},533:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),o=n(513),i=n.n(o);function c(){return a.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)})}},541:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(512),i=n.n(o),c=n(520),u=n.n(c),s=n(21),l=n(22),f=n(505),d=n(7),m=n(40),p=n(31),y=n(146),v=n(495),g=n(506),b=35,h=365,E={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},O={day:"D MMM",month:"MMM",year:"YYYY"},j={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},w={title:{text:null},credits:{enabled:!1},yAxis:{title:{text:null},min:0,minRange:10,minPadding:0,maxPadding:.02,endOnTick:!1},chart:{backgroundColor:"transparent",spacing:[45,0,0,0]},plotOptions:{series:{stacking:"normal"}}},S=d.a.encloseNamespace("shared.userActivityBarChart");function A(e,t,n,r){var a=m.a.toObject(t,"id"),o=function(e){var t=p.a.timeBetween(e.from,e.to,"day");return t>h?"year":t>b?"month":"day"}(r),i=function(e,t){var n=[],r=p.a.format(e.from,E[t]);do{n.push(r),r=p.a.format(p.a.add(r,1,t),E[t])}while(!p.a.isAfter(r,e.to,t));return n}(r,o),c={};e.forEach((function(e){var t,r,i,u=p.a.format(p.a.convertUTCToLocal(n(e)),E[o]),s=a[e.userId],l=null!==(t=y.a.getUserTypeString(s))&&void 0!==t?t:S("unknown");c[l]=null!==(r=c[l])&&void 0!==r?r:{},c[l][u]=null!==(i=c[l][u])&&void 0!==i?i:0,c[l][u]++}));var u=Object.keys(c),s=u.length?u.map((function(e){return{name:Object(v.b)(e),type:"column",data:i.map((function(t){var n;return null!==(n=c[e][t])&&void 0!==n?n:0}))}})):[{type:"column",data:i.map((function(){return 0}))}],l=Object.assign({},j);return u.length||(l.enabled=!1),{categories:i.map((function(e){return p.a.format(e,O[o])})),legendOptions:l,seriesData:Object(g.a)(s)}}function N(e,t,n,r){var a=A(e,t,n,r);return Object.assign(Object.assign({},w),{xAxis:{categories:a.categories},legend:a.legendOptions,series:a.seriesData})}var C=n(513),k=n.n(C);function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return T(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){var t=I(Object(s.a)(l.a.DATE_RANGE_QUERY_PARAMS),1)[0];return Object(f.a)(),a.a.createElement("div",{className:"position-relative h-100"},a.a.createElement("h6",{className:k.a.heading},e.title),a.a.createElement(u.a,{highcharts:i.a,options:N(e.events,e.users,e.getEventDate,t),containerProps:{className:"".concat(k.a.chartContainer," position-absolute w-100 h-100")}}))}n.d(t,"a",(function(){return x}))},966:function(e,t,n){e.exports={image:"_3Y-Vb"}},967:function(e,t,n){e.exports={column1:"_2aRgX",column2:"D0-u8"}},979:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),o=n(7),i=n(494),c=n(498),u=n(20),s=n(59),l=n(519),f=function(e,t,n,r){return{url:s.a.urlBuilder("{gateway}/v1/analytics/logins",Object.assign({},Object(l.a)(e))),key:Object(l.b)("logins",e),normalize:!1,success:t,error:n,always:r}},d=n(145),m=n(124),p=n(502),y=n(541),v=n(533),g=o.a.encloseNamespace("shared.loginCountBarChartCard");function b(e){var t,n,r,o,i=Object(d.a)(),c=u.a.useBasicFetch(f(i)),s=u.a.useBasicFetch((null===(t=c.data)||void 0===t?void 0:t.data.length)&&m.a.getById(c.data.data.map((function(e){return e.userId}))));Object(p.a)(c);var l=(null===(n=c.data)||void 0===n?void 0:n.data.length)?!!s.data:!!c.data;return a.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(r=e.className)&&void 0!==r?r:"")},l?a.a.createElement(y.a,{events:c.data.data,users:null!==(o=s.data)&&void 0!==o?o:[],getEventDate:function(e){return e.loggedOn},title:g("loginActivity")}):a.a.createElement(v.a,null))}var h=n(530),E=n(521),O=n(496),j=n(499),w=n(966),S=n.n(w),A=o.a.encloseNamespace("shared.loginCountPieChartEmptyState");function N(){return a.a.createElement(O.a,{className:"flex-grow-1 justify-content-center"},a.a.createElement(O.a.Image,{src:j.a.EmptyStates.Shared.LoginCount,className:"w-50 ".concat(S.a.image)}),a.a.createElement(O.a.Heading,null,A("heading")),a.a.createElement(O.a.Info,{className:"w-100"},A("description")))}var C=o.a.encloseNamespace("shared.loginCountPieChartCard");function k(e){var t,n,r,o,i=Object(d.a)(),c=u.a.useBasicFetch(f(i)),s=u.a.useBasicFetch((null===(t=c.data)||void 0===t?void 0:t.data.length)&&m.a.getById(c.data.data.map((function(e){return e.userId}))));Object(p.a)(c);var l=(null===(n=c.data)||void 0===n?void 0:n.data.length)?!!s.data:!!c.data;return a.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(r=e.className)&&void 0!==r?r:"")},l?a.a.createElement(h.a,{events:c.data.data,users:null!==(o=s.data)&&void 0!==o?o:[],yearGroupTitle:C("totalStudentLogins"),userTypeTitle:C("totalLogins"),seriesName:C("logins"),emptyStateComponent:a.a.createElement(N,null)}):a.a.createElement(E.a,null))}var I=n(967),T=n.n(I);n.d(t,"CustomerUserOverviewView",(function(){return D}));var x=o.a.encloseNamespace("users.customerUserOverview");function D(){return Object(i.a)(x("loginOverview")),Object(c.a)(x("loginOverview")),a.a.createElement("div",null,a.a.createElement("div",{className:"d-flex"},a.a.createElement("div",{className:"pr-2 ".concat(T.a.column1)},a.a.createElement(k,{className:"h-100"})),a.a.createElement("div",{className:"pl-2 ".concat(T.a.column2)},a.a.createElement(b,{className:"h-100"}))))}}}]);

package/dist/scripts/{13-fa3fe75156-reports.chunk.js → 14-2872b97cad-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[13],{530:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),o=n(531),i=n.n(o);function c(e){var t,n;return a.a.createElement("div",{className:"bg-white rounded ".concat(i.a.table," ").concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"border-bottom ".concat(i.a.header," ").concat(null!==(n=e.headerClassName)&&void 0!==n?n:"")}),e.children)}},531:function(e,t,n){e.exports={table:"_3XPjZ",header:"_1hiMB"}},533:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",hoverText:"p-vNG",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},534:function(e,t,n){e.exports={sortIndicator:"_3ac-N",scrollContainer:"i_8jB"}},536:function(e,t,n){"use strict";var r,a=n(0),o=n.n(a),i=n(525),c=n(11),l=n(14),u=n(533),s=n.n(u);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var d=a.memo((function(e){var t,n,o=e.direction===r.Left,i=o?l.b.ChevronLeft:l.b.ChevronRight,u=(e.contents,t=o,n=s.a.topPos,n+=t?" "+s.a.left:" "+s.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(u," ").concat(s.a.button," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"pl-3 pr-2 ".concat(s.a.hoverText)},e.hoverText),a.createElement(c.a,{svgName:i,size:c.b.Medium,className:"svg-container d-inline-block ".concat(s.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:o?s.a.gradientLeft:s.a.gradientRight}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:o?s.a.extendedClickableAreaLeft:s.a.extendedClickableAreaRight}))})),m=n(19);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){var t,n,r,a;return{canScrollLeft:(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0,canScrollRight:(null===(n=e.current)||void 0===n?void 0:n.scrollLeft)<(null===(r=e.current)||void 0===r?void 0:r.scrollWidth)-(null===(a=e.current)||void 0===a?void 0:a.clientWidth)}}var p=n(534),g=n.n(p);function h(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(e,t)}(e)||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.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return S}));var E=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function w(e){var t,n,r,a,u,s,d,m,f={columns:e.columns,data:e.data,disableSortBy:!e.enableSort,manualSortBy:e.manualSort};e.initialSelectedRowIds&&(f.initialState={selectedRowIds:(d=e.initialSelectedRowIds,m={},d.forEach((function(e){return m[e]=!0})),m)}),e.getRowId&&(f.getRowId=e.getRowId);var v=i.useTable.apply(void 0,[f].concat(h([i.useFlexLayout,i.useSortBy,i.useRowSelect]))),b=v.getTableProps,p=v.getTableBodyProps,y=v.headerGroups,E=v.rows,w=v.prepareRow,S=v.toggleAllRowsSelected,O=v.state.sortBy;return o.a.useEffect((function(){e.onSort&&e.onSort(O)}),[O]),o.a.createElement("div",Object.assign({},b(),{className:null!==(n=null===(t=e.theme)||void 0===t?void 0:t.table)&&void 0!==n?n:""}),o.a.createElement("div",{className:null!==(a=null===(r=e.theme)||void 0===r?void 0:r.header)&&void 0!==a?a:""},y.map((function(t){var n,r;return o.a.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerRow)&&void 0!==r?r:""}),t.headers.map((function(t){var n,r,a,i;return o.a.createElement("div",Object.assign({},t.getHeaderProps(t.getSortByToggleProps()),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerCell)&&void 0!==r?r:""}),t.render("Header"),!!t.canSort&&o.a.createElement("span",{className:"".concat(g.a.sortIndicator,"\n                      ").concat(t.isSorted?"":"text-muted","\n                      ").concat(null!==(i=null===(a=e.theme)||void 0===a?void 0:a.sortIndicator)&&void 0!==i?i:"")},o.a.createElement(c.a,{svgName:t.isSortedDesc||!t.isSorted?l.b.ArrowRight:l.b.ArrowLeft,size:c.b.Small})))})))}))),o.a.createElement("div",Object.assign({},p(),{className:null!==(s=null===(u=e.theme)||void 0===u?void 0:u.body)&&void 0!==s?s:""}),E.map((function(t){var n,r,a,i;w(t);var c=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.row)&&void 0!==r?r:"";return t.isSelected&&(null===(a=e.theme)||void 0===a?void 0:a.selectedRow)&&(c+=" ".concat(null===(i=e.theme)||void 0===i?void 0:i.selectedRow)),e.onSelectRow&&(c+=" cursor-pointer"),o.a.createElement("div",Object.assign({},t.getRowProps(),{className:c,onClick:function(){e.onSelectRow&&(e.allowSelectMultipleRows||S(!1),e.onSelectRow(t),t.toggleRowSelected(!0))},onMouseOver:e.onRowMouseOver&&function(){return e.onRowMouseOver(t)},onMouseLeave:e.onRowMouseLeave&&function(){return e.onRowMouseLeave(t)}}),t.cells.map((function(t){var n,r,a=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.cell)&&void 0!==r?r:"";return e.onSelectCell&&(a+=" cursor-pointer"),o.a.createElement("div",Object.assign({},t.getCellProps(),{className:a,onClick:function(){e.onSelectCell&&e.onSelectCell(t)}}),t.render("Cell"))})))}))))}function S(e){var t=e.enableSlider,n=e.scrollIncrement,a=E(e,["enableSlider","scrollIncrement"]),i=function(){var e=o.a.useRef(),t=f(o.a.useState(b(e)),2),n=t[0],r=t[1];function a(){r(b(e))}return o.a.useEffect((function(){if(e.current){var t=m.a.throttle(a,200);return r(b(e)),e.current.addEventListener("scroll",t),function(){e.current.removeEventListener("scroll",t)}}}),[e.current]),{ref:e,scrollState:n,scroll:function(t){var n;null===(n=e.current)||void 0===n||n.scrollBy({left:t,top:0,behavior:"smooth"})}}}(),c=i.ref,l=i.scrollState,u=i.scroll;if(!t)return o.a.createElement(w,Object.assign({},a));function s(e){c.current&&u(n*("right"===e?1:-1))}return o.a.createElement("div",{className:"mx-n3 overflow-hidden-x"},o.a.createElement("div",{className:"px-3"},o.a.createElement("div",{className:"position-relative"},o.a.createElement(d,{direction:r.Left,onClick:function(){return s("left")},hide:!l.canScrollLeft}),o.a.createElement("div",{className:g.a.scrollContainer,ref:c},o.a.createElement(w,Object.assign({},a))),o.a.createElement(d,{direction:r.Right,onClick:function(){return s("right")},hide:!l.canScrollRight}))))}S.defaultProps={scrollIncrement:250}},710:function(e,t,n){e.exports={header:"_23ee-",row:"_2EJoP",fixedTable:"_1Aknw",interactionHeaderCellOuter:"_3m4vr",hasResults:"_2kd-k",interactionHeaderCellInner:"LdxKz",resultsCellOuter:"_3a2R-",correct:"_2ItLC",incorrect:"_3SVXk",awaitingMarking:"AaEGo",unanswered:"wyYT4",highlightColumn:"_3Nbwe",resultsCellInner:"_2X8Lv",highlightResultsRow:"_2aEjH",resultsRow:"_3sFkx"}},714:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var r=n(0),a=n.n(r),o=n(6),i=n(37),c=n(10),l=n(30),u=n(498),s=n(145),d=o.a.encloseNamespace("interactives.markingRequiredAlert");function m(e){var t=Object(s.a)(),n=function(e,t){var n=0;return t.students.forEach((function(t){var r=Object(u.e)(e,t);n+=r.awaitingMarking})),n}(e.interactive,e.results);return n?a.a.createElement("div",{className:"alert bg-white box-shadow",role:"alert"},"".concat(d("markingRequired",{smartCount:n})," "),a.a.createElement(i.a,{className:"text-info",appLink:{application:c.a.INTERACTIVES,action:l.a.Interactives.QUESTION_LIST,args:[e.interactiveMetadataId],params:t}},d("seeQuestions"))):a.a.createElement(a.a.Fragment,null)}},729:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(501),o=n(145);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t=i(Object(r.useState)(!1),2),n=t[0],c=t[1],l=Object(a.a)(Object(o.a)());return Object(r.useEffect)((function(){c((function(e){return!e}))}),[e.isComplete]),Object(r.useEffect)((function(){c((function(e){return!e}))}),[l]),n}},730:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(21),o=n(22);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t,n=i(Object(a.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(r.useEffect)((function(){e.data?n(e.data.studentCount):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},731:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n.n(r),o=n(6),i=n(76),c=n(500),l=o.a.encloseNamespace("interactives.pendingIndicator");function u(e){var t=function(){var t;return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("em",null,l("pending")),a.a.createElement(c.a,null))};return e.title?a.a.createElement(i.a,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100"},a.a.createElement(t,null)):a.a.createElement(t,null)}},732:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(1),a=function(e,t,n){var r=t-(e=e.toString()).length;return r<=0?e:new Array(r+1).join(n)+e},o={ToDisplayDuration:function(e){if(!r.isNumber(e))return"";var t=new Date(e),n=t.getUTCHours(),o=a(t.getUTCMinutes(),2,"0"),i=a(t.getUTCSeconds(),2,"0");return n>0?"".concat(n,":").concat(o,":").concat(i):"".concat(o,":").concat(i)}}},936:function(e,t,n){e.exports={container:"_2n-Hh",interaction:"_1SRsl"}},937:function(e,t,n){e.exports={bar:"_1Af1N"}},971:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),o=n(20),i=n(6),c=n(491),l=n(502),u=n(496),s=n(145),d=n(697),m=n(549),f=n(530),v=n(550),b=n(729),p=n(716),g=n(730),h=n(714),y=n(698),E=n(2),w=n(40),S=n(494),O=n(10),N=n(30),j=n(497),I=n(536),R=n(21),C=n(498),A=n(22),M=n(492),x=n(500),T=n(731),k=n(13),_=n(537),L=n(732),P=n(700),B=n(936),H=n.n(B);function U(e){return e.duration?a.a.createElement(a.a.Fragment,null,e.interactive.timepoints.map((function(t,n){if(!t.interactions.length)return a.a.createElement(a.a.Fragment,null);var r,o,i=(r=t,o=e.selectedInteraction,r.interactions.find((function(e){return e.id===o.id}))||r.interactions[0]),c=i.id===e.selectedInteraction.id,l=c?P.a.getTypeInfo(i.typeId).bgClassName:"bg-secondary",u=t.visibleAt/1e3/e.duration*100;return a.a.createElement("div",{key:n,className:"".concat(H.a.container," text-center"),style:{left:"".concat(u,"%")}},a.a.createElement("div",{className:"".concat(H.a.interaction," ").concat(l)}),!!c&&a.a.createElement("div",null,L.a.ToDisplayDuration(t.visibleAt)))}))):a.a.createElement(a.a.Fragment,null)}var F=n(937),D=n.n(F),q=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},K=i.a.encloseNamespace("interactives.interactionResultsSummary");function $(e){var t,n=a.a.useMemo((function(){return Object(C.b)(e.interaction,e.results)}),[e.interaction,e.results]);return a.a.createElement("div",{className:"px-1 pt-1"},a.a.createElement("div",{className:"d-flex"},a.a.createElement(_.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),a.a.createElement("div",{className:"my-4 ".concat(D.a.bar)},a.a.createElement(U,{interactive:e.interactive,duration:(t=e.interactiveMetadata,t.clip?t.clip.endTime-t.clip.startTime:t.video.duration?t.video.duration/1e3:0),selectedInteraction:e.interaction})),a.a.createElement("div",{className:"row pt-1 pb-2"},a.a.createElement("div",{className:"col-6 pr-1"},a.a.createElement("div",{className:"bg-light rounded p-2 h-100"},!n.awaitingMarking&&a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,K("correctlyAnswered")),a.a.createElement(x.a,{percentage:n.percentCorrect,layout:x.b.LabelOnly})),!!n.awaitingMarking&&a.a.createElement("div",{className:"d-flex align-items-center justify-content-center"},a.a.createElement("strong",null,a.a.createElement("em",null,K("pending")))))),a.a.createElement("div",{className:"col-6 pl-1"},a.a.createElement("div",{className:"bg-light rounded h-100 p-2 d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,K("unanswered")),a.a.createElement("span",null,n.unanswered)))))}var G=a.a.forwardRef((function(e,t){var n=e.interaction,r=e.interactive,o=e.interactiveMetadata,i=e.results,c=q(e,["interaction","interactive","interactiveMetadata","results"]);return a.a.createElement("div",{className:"popover-lg"},a.a.createElement(k.Popover,Object.assign({id:"interaction-results-summary-".concat(n.id),ref:t},c),a.a.createElement(k.Popover.Content,null,a.a.createElement($,{interaction:n,interactive:r,interactiveMetadata:o,results:i}))))})),X=n(710),J=n.n(X);function V(e){var t;return a.a.createElement(k.OverlayTrigger,{trigger:(null===(t=e.results.students)||void 0===t?void 0:t.length)?"click":null,placement:"bottom",overlay:a.a.createElement(G,{interaction:e.interaction,interactive:e.interactive,interactiveMetadata:e.interactiveMetadata,results:e.results}),rootClose:!0},a.a.createElement("div",{className:"text-center h-100\n          d-flex align-items-center justify-content-center\n          ".concat(J.a.interactionHeaderCellInner),onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave},a.a.createElement("div",{className:"p-1 position-relative"},e.interactionNumber)))}var z=n(515),Y=n(14),Q=n(11),W=n(516),Z=n(539);function ee(e){var t="".concat(J.a.resultsCellInner," h-100 position-relative");return e===z.a.Correct&&(t+=" ".concat(J.a.correct," text-success")),e===z.a.Incorrect&&(t+=" ".concat(J.a.incorrect," text-danger")),e===z.a.AwaitingMarking&&(t+=" ".concat(J.a.awaitingMarking)),e===z.a.UnAnswered&&(t+=" ".concat(J.a.unanswered," text-warning")),t}function te(e){var t=Z.a.isInteractionCorrect(e.interaction,Object(W.d)(e.studentResults)),n=function(e){return e===z.a.Correct?Y.b.Check:e===z.a.Incorrect?Y.b.Close:e===z.a.UnAnswered?Y.b.Minus:void 0}(t);return a.a.createElement("div",{className:ee(t)},!!n&&a.a.createElement(Q.a,{svgName:n}))}function ne(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return re(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return re(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function re(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ae=i.a.encloseNamespace("interactives.studentResultsTable");function oe(e){var t;return a.a.createElement("div",{className:"d-flex align-items-center p-2 h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function ie(e){return a.a.createElement(oe,{className:e.column.isSorted&&"font-weight-bold"},ae(e.phraseKey))}function ce(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return le(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ue=i.a.encloseNamespace("interactives.studentResultsTable"),se={table:"".concat(J.a.fixedTable," bg-white rounded-left"),header:"".concat(J.a.header," border-bottom"),headerRow:"h-100",headerCell:"d-flex align-items-center justify-content-start",row:J.a.row},de={header:"".concat(J.a.header," font-weight-bold"),headerRow:"h-100",headerCell:"".concat(J.a.interactionHeaderCellOuter," bg-white border-bottom"),row:"".concat(J.a.row," ").concat(J.a.resultsRow),cell:J.a.resultsCellOuter};function me(e,t,n){E.a.AppLinkHelper.trigger({application:O.a.INTERACTIVES,action:N.a.Interactives.STUDENT_RESULTS,args:[e,t],params:n?{interactionId:n}:{}})}function fe(e){var t,n,r,o,i=ce(a.a.useState(),2),c=i[0],l=i[1],u=a.a.useRef(),s=(t=e.results,r=ne(Object(R.a)(A.a.ANONYMISE_USERS),1)[0],o=!!(null===(n=t.students)||void 0===n?void 0:n.length),a.a.useMemo((function(){return[{Header:function(e){var t=e.column;return a.a.createElement(ie,{column:t,phraseKey:"name"})},accessor:"user",Cell:function(e){var t=e.value;return a.a.createElement(oe,null,a.a.createElement("span",{className:"text-truncate"},Object(M.a)(t,r)))},disableSortBy:!o},{Header:function(e){var t=e.column;return a.a.createElement(ie,{column:t,phraseKey:"unanswered"})},accessor:"summary.unanswered",sortType:"basic",sortDescFirst:!0,disableSortBy:!o,Cell:function(e){var t=e.value;return a.a.createElement(oe,null,t)}},{Header:function(e){var t=e.column;return a.a.createElement(ie,{column:t,phraseKey:"score"})},accessor:"summary",id:"score",Cell:function(e){var t=e.value;return t.awaitingMarking?a.a.createElement(oe,null,a.a.createElement(T.a,{title:ae("markingRequired"),className:"flex-grow-1"})):a.a.createElement(oe,null,a.a.createElement(x.a,{percentage:t.percentCorrect,layout:x.b.LabelBefore,className:"flex-grow-1"}))},width:125,sortDescFirst:!0,disableSortBy:!o}]}),[r,o])),d=function(e,t,n,r,o){return a.a.useMemo((function(){return Object(W.b)(e).map((function(o,i){return{Header:function(){return a.a.createElement(V,{interaction:o,results:n,interactive:e,interactiveMetadata:t,interactionNumber:i+1,onMouseEnter:function(){return r(i)},onMouseLeave:function(){return r(null)}})},accessor:"results",id:o.id,disableSortBy:!0,width:60,Cell:function(e){var t=e.row.original;return a.a.createElement(te,{interaction:o,studentResults:t})}}}))}),[o])}(e.interactive,e.interactiveMetadata,e.results,(function(e){!function(e,t){if(e){var n=e.querySelectorAll(".".concat(J.a.resultsRow));null==n||n.forEach((function(e){e.childNodes.forEach((function(e,n){e.classList.remove(J.a.highlightColumn),n===t&&e.classList.add(J.a.highlightColumn)}))}))}}(u.current,e)}),e.refreshTable),m=function(e,t,n,r){var o=ne(Object(R.a)(A.a.ANONYMISE_USERS),1)[0];return a.a.useMemo((function(){var n=[];if(t.students.forEach((function(t){n.push(Object.assign(Object.assign({},t),{summary:Object(C.e)(e,t)}))})),"user"===(null==r?void 0:r.id)){var a=w.a.sortBy(n,(function(e){return Object(M.a)(e.user,o)}));return r.desc?a.reverse():a}if("summary.unanswered"===(null==r?void 0:r.id)){var i=w.a.sortBy(n,(function(e){return e.summary.unanswered}));return r.desc?i.reverse():i}if("score"===(null==r?void 0:r.id)){var c=w.a.sortBy(n,(function(e){return e.summary.awaitingMarking?-1:e.summary.percentCorrect}));return r.desc?c.reverse():c}return n}),[n,r,o])}(e.interactive,e.results,e.refreshTable,w.a.first(c));function f(e){!function(e,t){if(e){var n=e.querySelectorAll(".".concat(J.a.resultsRow));null==n||n.forEach((function(e,n){e.classList.remove(J.a.highlightResultsRow),n===t&&e.classList.add(J.a.highlightResultsRow)}))}}(u.current,e)}return a.a.createElement("div",{className:"d-inline-block mw-100"},a.a.createElement("div",{ref:u,className:"d-flex".concat(m.length?" ".concat(J.a.hasResults):"")},a.a.createElement(I.a,{columns:s,data:m,theme:se,onSelectRow:function(t){me(t.original.user.id,e.interactiveMetadata.id)},onRowMouseOver:function(e){return f(e.index)},onRowMouseLeave:function(){return f()},enableSort:!0,manualSort:!0,onSort:l}),a.a.createElement(I.a,{columns:d,data:m,theme:de,enableSlider:!0,scrollIncrement:480,onSelectCell:function(t){me(t.row.original.user.id,e.interactiveMetadata.id,t.column.id)}})),!m.length&&a.a.createElement(S.a,{className:"bg-white rounded-bottom py-5"},a.a.createElement(S.a.Image,{src:j.a.EmptyStates.Interactives.NoResponses}),a.a.createElement(S.a.Heading,null,ue("emptyStateHeading")),a.a.createElement(S.a.Info,null,ue("emptyStateDescription"))))}n.d(t,"InteractiveStudentResultsListView",(function(){return be}));var ve=i.a.encloseNamespace("reportsInteractives.interactiveStudentResultsList");function be(e){var t,n,r=Object(s.a)(),i=o.a.useBasicFetch(l.a.interactiveMetadata(e.interactiveMetadataId)),E=o.a.useBasicFetch((null===(t=i.data)||void 0===t?void 0:t.interactiveId)?l.a.interactive(i.data.interactiveId):null),w=o.a.useBasicFetch(E.data?l.a.interactiveResultSet(i.data.interactiveId,i.data.id,r):null);Object(c.a)(i.data?ve("pageTitle",{interactive:i.data.name}):""),Object(u.a)(null===(n=i.data)||void 0===n?void 0:n.name),Object(m.a)(Object(y.a)()),Object(p.a)(e.interactiveMetadataId),Object(g.a)(w),Object(d.a)(i);var S=Object(b.a)(w);return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",null,a.a.createElement(v.a,{interactiveMetadataId:e.interactiveMetadataId}),!!E.data&&!!w.data&&a.a.createElement(h.a,{interactive:E.data,results:w.data,interactiveMetadataId:e.interactiveMetadataId}),i.data&&E.data&&w.data?a.a.createElement(fe,{interactive:E.data,interactiveMetadata:i.data,results:w.data,refreshTable:S}):a.a.createElement(f.a,null)))}}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[14],{536:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),o=n(537),i=n.n(o);function c(e){var t,n;return a.a.createElement("div",{className:"bg-white rounded ".concat(i.a.table," ").concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"border-bottom ".concat(i.a.header," ").concat(null!==(n=e.headerClassName)&&void 0!==n?n:"")}),e.children)}},537:function(e,t,n){e.exports={table:"_3XPjZ",header:"_1hiMB"}},539:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",hoverText:"p-vNG",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},540:function(e,t,n){e.exports={sortIndicator:"_3ac-N",scrollContainer:"i_8jB"}},542:function(e,t,n){"use strict";var r,a=n(0),o=n.n(a),i=n(532),c=n(11),l=n(12),u=n(539),s=n.n(u);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var d=a.memo((function(e){var t,n,o=e.direction===r.Left,i=o?l.b.ChevronLeft:l.b.ChevronRight,u=(e.contents,t=o,n=s.a.topPos,n+=t?" "+s.a.left:" "+s.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(u," ").concat(s.a.button," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"pl-3 pr-2 ".concat(s.a.hoverText)},e.hoverText),a.createElement(c.a,{svgName:i,size:c.b.Medium,className:"svg-container d-inline-block ".concat(s.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:o?s.a.gradientLeft:s.a.gradientRight}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:o?s.a.extendedClickableAreaLeft:s.a.extendedClickableAreaRight}))})),m=n(19);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){var t,n,r,a;return{canScrollLeft:(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0,canScrollRight:(null===(n=e.current)||void 0===n?void 0:n.scrollLeft)<(null===(r=e.current)||void 0===r?void 0:r.scrollWidth)-(null===(a=e.current)||void 0===a?void 0:a.clientWidth)}}var p=n(540),g=n.n(p);function h(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(e,t)}(e)||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.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return S}));var E=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function w(e){var t,n,r,a,u,s,d,m,f={columns:e.columns,data:e.data,disableSortBy:!e.enableSort,manualSortBy:e.manualSort};e.initialSelectedRowIds&&(f.initialState={selectedRowIds:(d=e.initialSelectedRowIds,m={},d.forEach((function(e){return m[e]=!0})),m)}),e.getRowId&&(f.getRowId=e.getRowId);var v=i.useTable.apply(void 0,[f].concat(h([i.useFlexLayout,i.useSortBy,i.useRowSelect]))),b=v.getTableProps,p=v.getTableBodyProps,y=v.headerGroups,E=v.rows,w=v.prepareRow,S=v.toggleAllRowsSelected,O=v.state.sortBy;return o.a.useEffect((function(){e.onSort&&e.onSort(O)}),[O]),o.a.createElement("div",Object.assign({},b(),{className:null!==(n=null===(t=e.theme)||void 0===t?void 0:t.table)&&void 0!==n?n:""}),o.a.createElement("div",{className:null!==(a=null===(r=e.theme)||void 0===r?void 0:r.header)&&void 0!==a?a:""},y.map((function(t){var n,r;return o.a.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerRow)&&void 0!==r?r:""}),t.headers.map((function(t){var n,r,a,i;return o.a.createElement("div",Object.assign({},t.getHeaderProps(t.getSortByToggleProps()),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerCell)&&void 0!==r?r:""}),t.render("Header"),!!t.canSort&&o.a.createElement("span",{className:"".concat(g.a.sortIndicator,"\n                      ").concat(t.isSorted?"":"text-muted","\n                      ").concat(null!==(i=null===(a=e.theme)||void 0===a?void 0:a.sortIndicator)&&void 0!==i?i:"")},o.a.createElement(c.a,{svgName:t.isSortedDesc||!t.isSorted?l.b.ArrowRight:l.b.ArrowLeft,size:c.b.Small})))})))}))),o.a.createElement("div",Object.assign({},p(),{className:null!==(s=null===(u=e.theme)||void 0===u?void 0:u.body)&&void 0!==s?s:""}),E.map((function(t){var n,r,a,i;w(t);var c=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.row)&&void 0!==r?r:"";return t.isSelected&&(null===(a=e.theme)||void 0===a?void 0:a.selectedRow)&&(c+=" ".concat(null===(i=e.theme)||void 0===i?void 0:i.selectedRow)),e.onSelectRow&&(c+=" cursor-pointer"),o.a.createElement("div",Object.assign({},t.getRowProps(),{className:c,onClick:function(){e.onSelectRow&&(e.allowSelectMultipleRows||S(!1),e.onSelectRow(t),t.toggleRowSelected(!0))},onMouseOver:e.onRowMouseOver&&function(){return e.onRowMouseOver(t)},onMouseLeave:e.onRowMouseLeave&&function(){return e.onRowMouseLeave(t)}}),t.cells.map((function(t){var n,r,a=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.cell)&&void 0!==r?r:"";return e.onSelectCell&&(a+=" cursor-pointer"),o.a.createElement("div",Object.assign({},t.getCellProps(),{className:a,onClick:function(){e.onSelectCell&&e.onSelectCell(t)}}),t.render("Cell"))})))}))))}function S(e){var t=e.enableSlider,n=e.scrollIncrement,a=E(e,["enableSlider","scrollIncrement"]),i=function(){var e=o.a.useRef(),t=f(o.a.useState(b(e)),2),n=t[0],r=t[1];function a(){r(b(e))}return o.a.useEffect((function(){if(e.current){var t=m.a.throttle(a,200);return r(b(e)),e.current.addEventListener("scroll",t),function(){e.current.removeEventListener("scroll",t)}}}),[e.current]),{ref:e,scrollState:n,scroll:function(t){var n;null===(n=e.current)||void 0===n||n.scrollBy({left:t,top:0,behavior:"smooth"})}}}(),c=i.ref,l=i.scrollState,u=i.scroll;if(!t)return o.a.createElement(w,Object.assign({},a));function s(e){c.current&&u(n*("right"===e?1:-1))}return o.a.createElement("div",{className:"mx-n3 overflow-hidden-x"},o.a.createElement("div",{className:"px-3"},o.a.createElement("div",{className:"position-relative"},o.a.createElement(d,{direction:r.Left,onClick:function(){return s("left")},hide:!l.canScrollLeft}),o.a.createElement("div",{className:g.a.scrollContainer,ref:c},o.a.createElement(w,Object.assign({},a))),o.a.createElement(d,{direction:r.Right,onClick:function(){return s("right")},hide:!l.canScrollRight}))))}S.defaultProps={scrollIncrement:250}},715:function(e,t,n){e.exports={header:"_23ee-",row:"_2EJoP",fixedTable:"_1Aknw",interactionHeaderCellOuter:"_3m4vr",hasResults:"_2kd-k",interactionHeaderCellInner:"LdxKz",resultsCellOuter:"_3a2R-",correct:"_2ItLC",incorrect:"_3SVXk",awaitingMarking:"AaEGo",unanswered:"wyYT4",highlightColumn:"_3Nbwe",resultsCellInner:"_2X8Lv",highlightResultsRow:"_2aEjH",resultsRow:"_3sFkx"}},719:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var r=n(0),a=n.n(r),o=n(7),i=n(37),c=n(10),l=n(24),u=n(507),s=n(145),d=o.a.encloseNamespace("interactives.markingRequiredAlert");function m(e){var t=Object(s.a)(),n=function(e,t){var n=0;return t.students.forEach((function(t){var r=Object(u.e)(e,t);n+=r.awaitingMarking})),n}(e.interactive,e.results);return n?a.a.createElement("div",{className:"alert bg-white box-shadow",role:"alert"},"".concat(d("markingRequired",{smartCount:n})," "),a.a.createElement(i.a,{className:"text-info",appLink:{application:c.a.INTERACTIVES,action:l.a.Interactives.QUESTION_LIST,args:[e.interactiveMetadataId],params:t}},d("seeQuestions"))):a.a.createElement(a.a.Fragment,null)}},734:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(501),o=n(145);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t=i(Object(r.useState)(!1),2),n=t[0],c=t[1],l=Object(a.a)(Object(o.a)());return Object(r.useEffect)((function(){c((function(e){return!e}))}),[e.isComplete]),Object(r.useEffect)((function(){c((function(e){return!e}))}),[l]),n}},735:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(21),o=n(22);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t,n=i(Object(a.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(r.useEffect)((function(){e.data?n(e.data.studentCount):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},736:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n.n(r),o=n(7),i=n(76),c=n(509),l=o.a.encloseNamespace("interactives.pendingIndicator");function u(e){var t=function(){var t;return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("em",null,l("pending")),a.a.createElement(c.a,null))};return e.title?a.a.createElement(i.a,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100"},a.a.createElement(t,null)):a.a.createElement(t,null)}},737:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(1),a=function(e,t,n){var r=t-(e=e.toString()).length;return r<=0?e:new Array(r+1).join(n)+e},o={ToDisplayDuration:function(e){if(!r.isNumber(e))return"";var t=new Date(e),n=t.getUTCHours(),o=a(t.getUTCMinutes(),2,"0"),i=a(t.getUTCSeconds(),2,"0");return n>0?"".concat(n,":").concat(o,":").concat(i):"".concat(o,":").concat(i)}}},941:function(e,t,n){e.exports={container:"_2n-Hh",interaction:"_1SRsl"}},942:function(e,t,n){e.exports={bar:"_1Af1N"}},978:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),o=n(20),i=n(7),c=n(494),l=n(510),u=n(498),s=n(145),d=n(703),m=n(556),f=n(536),v=n(557),b=n(734),p=n(721),g=n(735),h=n(719),y=n(704),E=n(2),w=n(40),S=n(496),O=n(10),N=n(24),j=n(499),I=n(542),R=n(21),C=n(507),A=n(22),M=n(495),x=n(509),T=n(736),k=n(14),_=n(544),L=n(737),P=n(706),B=n(941),H=n.n(B);function U(e){return e.duration?a.a.createElement(a.a.Fragment,null,e.interactive.timepoints.map((function(t,n){if(!t.interactions.length)return a.a.createElement(a.a.Fragment,null);var r,o,i=(r=t,o=e.selectedInteraction,r.interactions.find((function(e){return e.id===o.id}))||r.interactions[0]),c=i.id===e.selectedInteraction.id,l=c?P.a.getTypeInfo(i.typeId).bgClassName:"bg-secondary",u=t.visibleAt/1e3/e.duration*100;return a.a.createElement("div",{key:n,className:"".concat(H.a.container," text-center"),style:{left:"".concat(u,"%")}},a.a.createElement("div",{className:"".concat(H.a.interaction," ").concat(l)}),!!c&&a.a.createElement("div",null,L.a.ToDisplayDuration(t.visibleAt)))}))):a.a.createElement(a.a.Fragment,null)}var F=n(942),D=n.n(F),q=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},K=i.a.encloseNamespace("interactives.interactionResultsSummary");function $(e){var t,n=a.a.useMemo((function(){return Object(C.b)(e.interaction,e.results)}),[e.interaction,e.results]);return a.a.createElement("div",{className:"px-1 pt-1"},a.a.createElement("div",{className:"d-flex"},a.a.createElement(_.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),a.a.createElement("div",{className:"my-4 ".concat(D.a.bar)},a.a.createElement(U,{interactive:e.interactive,duration:(t=e.interactiveMetadata,t.clip?t.clip.endTime-t.clip.startTime:t.video.duration?t.video.duration/1e3:0),selectedInteraction:e.interaction})),a.a.createElement("div",{className:"row pt-1 pb-2"},a.a.createElement("div",{className:"col-6 pr-1"},a.a.createElement("div",{className:"bg-light rounded p-2 h-100"},!n.awaitingMarking&&a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,K("correctlyAnswered")),a.a.createElement(x.a,{percentage:n.percentCorrect,layout:x.b.LabelOnly})),!!n.awaitingMarking&&a.a.createElement("div",{className:"d-flex align-items-center justify-content-center"},a.a.createElement("strong",null,a.a.createElement("em",null,K("pending")))))),a.a.createElement("div",{className:"col-6 pl-1"},a.a.createElement("div",{className:"bg-light rounded h-100 p-2 d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,K("unanswered")),a.a.createElement("span",null,n.unanswered)))))}var G=a.a.forwardRef((function(e,t){var n=e.interaction,r=e.interactive,o=e.interactiveMetadata,i=e.results,c=q(e,["interaction","interactive","interactiveMetadata","results"]);return a.a.createElement("div",{className:"popover-lg"},a.a.createElement(k.Popover,Object.assign({id:"interaction-results-summary-".concat(n.id),ref:t},c),a.a.createElement(k.Popover.Content,null,a.a.createElement($,{interaction:n,interactive:r,interactiveMetadata:o,results:i}))))})),X=n(715),J=n.n(X);function V(e){var t;return a.a.createElement(k.OverlayTrigger,{trigger:(null===(t=e.results.students)||void 0===t?void 0:t.length)?"click":null,placement:"bottom",overlay:a.a.createElement(G,{interaction:e.interaction,interactive:e.interactive,interactiveMetadata:e.interactiveMetadata,results:e.results}),rootClose:!0},a.a.createElement("div",{className:"text-center h-100\n          d-flex align-items-center justify-content-center\n          ".concat(J.a.interactionHeaderCellInner),onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave},a.a.createElement("div",{className:"p-1 position-relative"},e.interactionNumber)))}var z=n(522),Y=n(12),Q=n(11),W=n(523),Z=n(546);function ee(e){var t="".concat(J.a.resultsCellInner," h-100 position-relative");return e===z.a.Correct&&(t+=" ".concat(J.a.correct," text-success")),e===z.a.Incorrect&&(t+=" ".concat(J.a.incorrect," text-danger")),e===z.a.AwaitingMarking&&(t+=" ".concat(J.a.awaitingMarking)),e===z.a.UnAnswered&&(t+=" ".concat(J.a.unanswered," text-warning")),t}function te(e){var t=Z.a.isInteractionCorrect(e.interaction,Object(W.d)(e.studentResults)),n=function(e){return e===z.a.Correct?Y.b.Check:e===z.a.Incorrect?Y.b.Close:e===z.a.UnAnswered?Y.b.Minus:void 0}(t);return a.a.createElement("div",{className:ee(t)},!!n&&a.a.createElement(Q.a,{svgName:n}))}function ne(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return re(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return re(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function re(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ae=i.a.encloseNamespace("interactives.studentResultsTable");function oe(e){var t;return a.a.createElement("div",{className:"d-flex align-items-center p-2 h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function ie(e){return a.a.createElement(oe,{className:e.column.isSorted&&"font-weight-bold"},ae(e.phraseKey))}function ce(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return le(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ue=i.a.encloseNamespace("interactives.studentResultsTable"),se={table:"".concat(J.a.fixedTable," bg-white rounded-left"),header:"".concat(J.a.header," border-bottom"),headerRow:"h-100",headerCell:"d-flex align-items-center justify-content-start",row:J.a.row},de={header:"".concat(J.a.header," font-weight-bold"),headerRow:"h-100",headerCell:"".concat(J.a.interactionHeaderCellOuter," bg-white border-bottom"),row:"".concat(J.a.row," ").concat(J.a.resultsRow),cell:J.a.resultsCellOuter};function me(e,t,n){E.a.AppLinkHelper.trigger({application:O.a.INTERACTIVES,action:N.a.Interactives.STUDENT_RESULTS,args:[e,t],params:n?{interactionId:n}:{}})}function fe(e){var t,n,r,o,i=ce(a.a.useState(),2),c=i[0],l=i[1],u=a.a.useRef(),s=(t=e.results,r=ne(Object(R.a)(A.a.ANONYMISE_USERS),1)[0],o=!!(null===(n=t.students)||void 0===n?void 0:n.length),a.a.useMemo((function(){return[{Header:function(e){var t=e.column;return a.a.createElement(ie,{column:t,phraseKey:"name"})},accessor:"user",Cell:function(e){var t=e.value;return a.a.createElement(oe,null,a.a.createElement("span",{className:"text-truncate"},Object(M.a)(t,r)))},disableSortBy:!o},{Header:function(e){var t=e.column;return a.a.createElement(ie,{column:t,phraseKey:"unanswered"})},accessor:"summary.unanswered",sortType:"basic",sortDescFirst:!0,disableSortBy:!o,Cell:function(e){var t=e.value;return a.a.createElement(oe,null,t)}},{Header:function(e){var t=e.column;return a.a.createElement(ie,{column:t,phraseKey:"score"})},accessor:"summary",id:"score",Cell:function(e){var t=e.value;return t.awaitingMarking?a.a.createElement(oe,null,a.a.createElement(T.a,{title:ae("markingRequired"),className:"flex-grow-1"})):a.a.createElement(oe,null,a.a.createElement(x.a,{percentage:t.percentCorrect,layout:x.b.LabelBefore,className:"flex-grow-1"}))},width:125,sortDescFirst:!0,disableSortBy:!o}]}),[r,o])),d=function(e,t,n,r,o){return a.a.useMemo((function(){return Object(W.b)(e).map((function(o,i){return{Header:function(){return a.a.createElement(V,{interaction:o,results:n,interactive:e,interactiveMetadata:t,interactionNumber:i+1,onMouseEnter:function(){return r(i)},onMouseLeave:function(){return r(null)}})},accessor:"results",id:o.id,disableSortBy:!0,width:60,Cell:function(e){var t=e.row.original;return a.a.createElement(te,{interaction:o,studentResults:t})}}}))}),[o])}(e.interactive,e.interactiveMetadata,e.results,(function(e){!function(e,t){if(e){var n=e.querySelectorAll(".".concat(J.a.resultsRow));null==n||n.forEach((function(e){e.childNodes.forEach((function(e,n){e.classList.remove(J.a.highlightColumn),n===t&&e.classList.add(J.a.highlightColumn)}))}))}}(u.current,e)}),e.refreshTable),m=function(e,t,n,r){var o=ne(Object(R.a)(A.a.ANONYMISE_USERS),1)[0];return a.a.useMemo((function(){var n=[];if(t.students.forEach((function(t){n.push(Object.assign(Object.assign({},t),{summary:Object(C.e)(e,t)}))})),"user"===(null==r?void 0:r.id)){var a=w.a.sortBy(n,(function(e){return Object(M.a)(e.user,o)}));return r.desc?a.reverse():a}if("summary.unanswered"===(null==r?void 0:r.id)){var i=w.a.sortBy(n,(function(e){return e.summary.unanswered}));return r.desc?i.reverse():i}if("score"===(null==r?void 0:r.id)){var c=w.a.sortBy(n,(function(e){return e.summary.awaitingMarking?-1:e.summary.percentCorrect}));return r.desc?c.reverse():c}return n}),[n,r,o])}(e.interactive,e.results,e.refreshTable,w.a.first(c));function f(e){!function(e,t){if(e){var n=e.querySelectorAll(".".concat(J.a.resultsRow));null==n||n.forEach((function(e,n){e.classList.remove(J.a.highlightResultsRow),n===t&&e.classList.add(J.a.highlightResultsRow)}))}}(u.current,e)}return a.a.createElement("div",{className:"d-inline-block mw-100"},a.a.createElement("div",{ref:u,className:"d-flex".concat(m.length?" ".concat(J.a.hasResults):"")},a.a.createElement(I.a,{columns:s,data:m,theme:se,onSelectRow:function(t){me(t.original.user.id,e.interactiveMetadata.id)},onRowMouseOver:function(e){return f(e.index)},onRowMouseLeave:function(){return f()},enableSort:!0,manualSort:!0,onSort:l}),a.a.createElement(I.a,{columns:d,data:m,theme:de,enableSlider:!0,scrollIncrement:480,onSelectCell:function(t){me(t.row.original.user.id,e.interactiveMetadata.id,t.column.id)}})),!m.length&&a.a.createElement(S.a,{className:"bg-white rounded-bottom py-5"},a.a.createElement(S.a.Image,{src:j.a.EmptyStates.Interactives.NoResponses}),a.a.createElement(S.a.Heading,null,ue("emptyStateHeading")),a.a.createElement(S.a.Info,null,ue("emptyStateDescription"))))}n.d(t,"InteractiveStudentResultsListView",(function(){return be}));var ve=i.a.encloseNamespace("reportsInteractives.interactiveStudentResultsList");function be(e){var t,n,r=Object(s.a)(),i=o.a.useBasicFetch(l.a.interactiveMetadata(e.interactiveMetadataId)),E=o.a.useBasicFetch((null===(t=i.data)||void 0===t?void 0:t.interactiveId)?l.a.interactive(i.data.interactiveId):null),w=o.a.useBasicFetch(E.data?l.a.interactiveResultSet(i.data.interactiveId,i.data.id,r):null);Object(c.a)(i.data?ve("pageTitle",{interactive:i.data.name}):""),Object(u.a)(null===(n=i.data)||void 0===n?void 0:n.name),Object(m.a)(Object(y.a)()),Object(p.a)(e.interactiveMetadataId),Object(g.a)(w),Object(d.a)(i);var S=Object(b.a)(w);return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",null,a.a.createElement(v.a,{interactiveMetadataId:e.interactiveMetadataId}),!!E.data&&!!w.data&&a.a.createElement(h.a,{interactive:E.data,results:w.data,interactiveMetadataId:e.interactiveMetadataId}),i.data&&E.data&&w.data?a.a.createElement(fe,{interactive:E.data,interactiveMetadata:i.data,results:w.data,refreshTable:S}):a.a.createElement(f.a,null)))}}}]);

package/dist/scripts/15-9e138150c6-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[15],{494:function(t,e,n){"use strict";n.d(e,"a",(function(){return s}));var a=n(0),r=n(19),o=n(147);function i(t){return function(t){if(Array.isArray(t))return c(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return c(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(t,e)}(t)||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.")}()}function c(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,a=new Array(e);n<e;n++)a[n]=t[n];return a}function s(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=a.useContext(o.a),c=n.setPageTitle;a.useEffect((function(){"boolean"!=typeof t&&r.a.isFunction(c)&&(t||(t=""),c(t))}),[t].concat(i(e)))}},496:function(t,e,n){"use strict";var a=n(0),r=n.n(a),o=n(514),i=n.n(o);function c(t){var e;return r.a.createElement("img",{alt:"",role:"presentation",src:t.src,className:"".concat(i.a.image," ").concat(null!==(e=t.className)&&void 0!==e?e:"")})}var s=n(2),u=n(19),l=n(125),m=n(37);function p(t){var e=t.className||"btn btn-dark";if(!t.icon){if(t.appLink&&!u.a.isFunction(t.onClick))return r.a.createElement(m.a,{appLink:t.appLink,className:e},t.text);return r.a.createElement("button",{onClick:function(){u.a.isFunction(t.onClick)&&t.onClick(),t.appLink&&s.a.AppLinkHelper.trigger(t.appLink)},className:e},t.text)}return r.a.createElement(l.a,{className:e,onClick:t.onClick,appLink:t.appLink,svgName:t.icon},t.text)}function f(t){var e;return r.a.createElement("div",{className:"text-center d-flex flex-column align-items-center ".concat(null!==(e=t.className)&&void 0!==e?e:"")},t.children)}n.d(e,"a",(function(){return f})),f.defaultProps={className:"pt-5"},f.Image=function(t){return r.a.createElement(c,Object.assign({},t))},f.Cta=function(t){return r.a.createElement(p,Object.assign({},t))},f.Heading=function(t){return r.a.createElement("h2",{className:t.className||"h6"},t.children)},f.Info=function(t){return r.a.createElement("p",{className:t.className||"mb-3 w-50"},t.children)}},498:function(t,e,n){"use strict";n.d(e,"a",(function(){return s}));var a=n(0),r=n(21),o=n(22);function i(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=t[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!e||n.length!==e);a=!0);}catch(t){r=!0,o=t}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return c(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,a=new Array(e);n<e;n++)a[n]=t[n];return a}function s(t){var e=i(Object(r.a)(o.a.HEADER_TITLE),2)[1];Object(a.useEffect)((function(){return e(t),function(){e(null)}}),[t])}},499:function(t,e,n){"use strict";n.d(e,"a",(function(){return a}));var a={EmptyStates:{Dashboard:{ComingSoon:"/images/empty-states/reports/coming-soon.png"},Interactives:{StudentInsights:"/images/empty-states/reports/student-insights.png",SelectQuestion:"/images/empty-states/reports/select-question.png",NoResponses:"/images/empty-states/reports/no-responses.png"},Shared:{LoginCount:"/images/empty-states/reports/login-count.png",ViewCount:"/images/empty-states/reports/view-count.png"}}}},514:function(t,e,n){t.exports={image:"_3T3Ux"}},534:function(t,e,n){"use strict";n.d(e,"a",(function(){return m}));var a=n(0),r=n.n(a),o=n(14),i=n(37),c=n(61),s=n(535),u=n.n(s);function l(t){var e,n,a="nav-link pl-0 pt-0 pr-2 text-dark";return t.appLink.action===(null===(n=null===(e=c.a.getCurrentRoute())||void 0===e?void 0:e.appLink)||void 0===n?void 0:n.action)?"".concat(a," active font-weight-bold ").concat(u.a.active):a}function m(t){return r.a.createElement(o.Navbar,{className:"p-0 pb-2"},r.a.createElement(o.Nav,null,t.items.map((function(t,e){return r.a.createElement(o.Nav.Item,{key:e},r.a.createElement(i.a,{appLink:t.appLink,className:l(t)},t.label))}))))}},535:function(t,e,n){t.exports={active:"_3Qdep"}},718:function(t,e,n){"use strict";n.d(e,"a",(function(){return m}));var a=n(0),r=n.n(a),o=n(7),i=n(10),c=n(24),s=n(534),u=n(145),l=o.a.encloseNamespace("reportsDashboard.dashboardNav");function m(){var t,e=Object(u.a)(),n=(t=e,[{label:l("mySchool"),appLink:{application:i.a.DASHBOARD,action:c.a.Dashboard.HOME,params:t}},{label:l("marking"),appLink:{application:i.a.DASHBOARD,action:c.a.Dashboard.MARKING,params:t}}]);return r.a.createElement(s.a,{items:n})}},790:function(t,e,n){t.exports={comingSoon:"j7WMz",comingSoonImage:"_2qTxL"}},972:function(t,e,n){"use strict";n.r(e),n.d(e,"MarkingDashboardView",(function(){return d}));var a=n(0),r=n.n(a),o=n(7),i=n(494),c=n(496),s=n(498),u=n(499),l=n(718),m=n(790),p=n.n(m),f=o.a.encloseNamespace("reportsDashboard.markingDashboard");function d(){return Object(i.a)(f("dashboard")),Object(s.a)(f("dashboard")),r.a.createElement("div",null,r.a.createElement(l.a,null),r.a.createElement(c.a,{className:"bg-white rounded justify-content-center ".concat(p.a.comingSoon)},r.a.createElement(c.a.Image,{src:u.a.EmptyStates.Dashboard.ComingSoon,className:p.a.comingSoonImage}),r.a.createElement(c.a.Heading,null,f("comingSoon")),r.a.createElement(c.a.Info,null,f("comingSoonDescription"))))}}}]);