@clickview/reports 0.0.20-rc.1 → 0.0.20

package/dist/scripts/{16-7ca54a6bd1-reports.chunk.js → 16-a34a32fa5f-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[16],{1031:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(95),r=a(51),c=a(1041),i={views:function(e,t,a,r,i,o){var l="video:views";t&&(l+=":".concat(t));var s=Object.assign({objectId:t},Object(c.a)(e,!0));return a&&(s.sharerId=a),{url:n.a.urlBuilder("{gateway}/v1/analytics/views",s),key:Object(c.b)(l,e,a),normalize:!1,success:r,error:i,always:o}},individualEngagement:function(e,t,a,r,i,o){var l=Object.assign({objectId:e},Object(c.a)(t));return a&&(l.sharerId=a),{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map",l),key:Object(c.b)("engagement:".concat(e),t,a),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:r,error:i,always:o}},aggregateEngagement:function(e,t,a,r,i,o){var l=Object.assign({objectId:e},Object(c.a)(t));return a&&(l.sharerId=a),{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregations",l),key:Object(c.b)("aggregate:engagement:".concat(e),t,a),formatData:function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})},normalize:!1,success:r,error:i,always:o}},topVideos:function(e,t,a,i,o){return{url:n.a.urlBuilder("{gateway}/v1/analytics/top-videos",Object.assign({"query.video":"thumbnail","query.interactive":"video[thumbnail],clip[video[thumbnail]],thumbnail","query.clip":"video[thumbnail]",limit:t},Object(c.a)(e))),key:Object(c.b)("top:videos:".concat(null!=t?t:0),e),normalize:!1,formatData:function(e){var t=r.a.sortBy(e.data,"count");return t.reverse(),Object.assign(Object.assign({},e),{data:t})},success:a,error:i,always:o}}}},1033:function(e,t,a){"use strict";var n,r,c=a(0),i=a.n(c),o=a(1047),l=a(1040),s=a.n(l);function u(e){var t=e===n.Large?5.8:2,a=e===n.Large?.36:.2;return"".concat(t/2-2*a,"rem")}function d(e){return e>=o.a.HIGH?"text-success":e>=o.a.MODERATE?"text-warning":"text-danger"}function m(e,t){var a="d-inline-block ".concat(s.a.circleContainer);return e===n.Large&&(a+=" ".concat(s.a.lgCircleContainer)),f(t)&&(a+=" ".concat(s.a.pendingCircle)),a}function f(e){return"number"!=typeof e}function p(e){var t,a=i.a.useCallback((function(t){if(t){var a=t.r.baseVal.value,n=2*Math.PI*a,r=n-e.percentage*n;t.style.strokeDasharray="".concat(n," ").concat(n),t.style.strokeDashoffset=r.toString()}}),[]);return i.a.createElement("svg",null,i.a.createElement("circle",{r:u(e.size),className:s.a.backgroundCircle}),!f(e.percentage)&&i.a.createElement("circle",{ref:a,r:u(e.size),className:(t=e.percentage,t>=o.a.HIGH?s.a.circleSuccess:t>=o.a.MODERATE?s.a.circleWarning:s.a.circleDanger)}))}function v(e){var t,a,c=function(e){if(!f(e))return+e.toFixed(2)}(e.percentage),o=e.layout===r.LabelInside?n.Large:n.Small,l=e.customLabel||(f(a=c)?"--%":"".concat(Math.round(100*a),"%"));return e.layout===r.LabelOnly?i.a.createElement("span",{className:d(c)},l):i.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.layout===r.LabelBefore&&i.a.createElement("span",{className:"mr-2"},l),i.a.createElement("div",{className:m(o,c)},i.a.createElement(p,{percentage:c,size:o}),e.layout===r.LabelInside&&i.a.createElement("span",{className:s.a.centredPercentageText},l)))}!function(e){e.Small="small",e.Large="large"}(n||(n={})),a.d(t,"b",(function(){return r})),a.d(t,"a",(function(){return v})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(r||(r={})),v.defaultProps={layout:r.CircleOnly}},1039:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(14),i=a(41),o=a(97),l=a(1042),s=a.n(l);function u(e){var t="nav-link p-0 mb-0 mr-4 h6 text-dark";return"".concat(t,e?" active":" font-weight-normal")}function d(e){return r.a.createElement(c.Navbar,{className:"p-0 pb-3"},r.a.createElement(c.Nav,null,e.items.map((function(e,t){var a,n,l=e.appLink.action===(null===(n=null===(a=o.a.getCurrentRoute())||void 0===a?void 0:a.appLink)||void 0===n?void 0:n.action);return r.a.createElement(c.Nav.Item,{key:t},r.a.createElement(i.a,{appLink:e.appLink,className:u(l)},e.label),l&&r.a.createElement("div",{className:"mt-1 mr-4 ".concat(s.a.underline)}))}))))}},1040:function(e,t,a){e.exports={circleContainer:"_3uMQG",backgroundCircle:"_29byp",circleSuccess:"_1leSx",circleWarning:"_1yreR",circleDanger:"_13evQ",lgCircleContainer:"_2gBnl",pendingCircle:"NTTU7",centredPercentageText:"_1wF3E"}},1042:function(e,t,a){e.exports={underline:"_1eU3d"}},1046:function(e,t,a){"use strict";var n=a(0),r=a.n(n),c=a(13),i=a(42),o=a(1031),l=a(178),s=a(1036),u=a(1053),d=a(1051),m=a(1045),f=a(1032),p=a(9),v=a(1035),g=p.a.encloseNamespace("reportsShared.viewCountPieChartEmptyState");function b(e){return r.a.createElement(f.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(f.a.Image,{src:v.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(f.a.Heading,null,g("heading")),r.a.createElement(f.a.Info,{className:"w-100"},g(e.singular?"descriptionSingular":"descriptionMultiple")))}function y(e){var t,a=Object(l.a)(),n=c.a.useBasicFetch(!!e.useSharerId&&i.a.currentUser()),f=c.a.useBasicFetch(e.useSharerId?!!n.data&&o.a.views(a,e.objectId,n.data.id):o.a.views(a,e.objectId));return Object(s.a)(f),r.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(t=e.className)&&void 0!==t?t:"")},f.data?r.a.createElement(u.a,{eventType:m.a.VideoView,events:f.data,objectId:e.objectId,emptyStateComponent:r.a.createElement(b,{singular:!!e.objectId})}):r.a.createElement(d.a,null))}a.d(t,"a",(function(){return y}))},1047:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={HIGH:.75,MODERATE:.5}},1049:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(34),c=a(35);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 a=[],n=!0,r=!1,c=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}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=i(Object(r.a)(c.a.HEADER_ACTIONS),2)[1];Object(n.useEffect)((function(){return t(e),function(){t(null)}}),[!!e])}},1050:function(e,t,a){"use strict";var n=a(0),r=a.n(n),c=a(9),i=a(17),o=a(18),l=a(34);function s(e){return r.a.createElement("div",Object.assign({},e,{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:e.onKeyDown?e.onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}}),e.children)}var u=a(90);function d(e){function t(){e.disabled||e.onClick.apply(e,arguments)}var a=e.disabled?"disabled":"",n=e.hideOutline?"outline-none":"",c=e.on?"on":"";e.disabled&&!e.showStateWhenDisabled&&(c="");var i="".concat("d-inline-block float-right align-top custom-toggle toggle-option"," ").concat(c," ").concat(a," ").concat(n);return e.tooltipText?r.a.createElement(u.a,{title:e.tooltipText,spanHack:!0},r.a.createElement(s,{onClick:t,className:i},r.a.createElement("span",{className:"handle"}))):r.a.createElement(s,{onClick:t,className:i},r.a.createElement("span",{className:"handle"}))}var m=a(35);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 a=[],n=!0,r=!1,c=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(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 p(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 p(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}var v=c.a.encloseNamespace("reportsShared.anonymiseAction");function g(){var e=f(Object(l.a)(m.a.ANONYMISE_USERS,!1),2),t=e[0],a=e[1];return r.a.createElement("div",{className:"d-flex align-items center justify-content-between",onClick:function(){return a(!t)}},r.a.createElement("span",{className:"mr-3"},v("hideNames")),r.a.createElement(d,{on:t,onClick:function(){}}))}var b=a(95),y=a(179),h=a(53),E=function(e,t){var a=e.primaryUrl;if(a){var n="";switch(t.typeId){case h.a.Video:n="/videos/".concat(t.id,"/").concat(y.a.slugify(t.name));break;case h.a.Interactive:n="/interactive/".concat(t.id,"/preview");break;case h.a.Clip:n="/clips/".concat(t.id,"/").concat(y.a.slugify(t.name));break;case h.a.Series:n="/series/".concat(t.id,"/").concat(y.a.slugify(t.name));break;case h.a.Playlist:n="/playlists/".concat(t.id,"/").concat(y.a.slugify(t.name))}if(n)return b.a.safeUrlConcat(a,n)}};a.d(t,"a",(function(){return N}));var I=c.a.encloseNamespace("reportsShared.utils");function N(e,t){if(e&&t){var a=[],n=E(e,t);return n&&a.push({label:function(){return r.a.createElement("span",{className:"d-flex justify-content-between align-items-center"},r.a.createElement("span",{className:"mr-2"},I("seeVideo")),r.a.createElement(i.a,{svgName:o.b.NewWindow}))},href:n,openInNewTab:!0}),a.push({label:function(){return r.a.createElement(g,null)}}),a}}},1055:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a.n(n),c=a(1033);function i(e){return r.a.createElement(c.a,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},1059:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(0),r=a.n(n),c=a(13),i=a(9),o=a(42),l=a(1031),s=a(178),u=a(1036),d=a(1082),m=a(1077),f=i.a.encloseNamespace("shared.viewCountBarChartCard");function p(e){var t,a=Object(s.a)(),n=c.a.useBasicFetch(!!e.useSharerId&&o.a.currentUser()),i=c.a.useBasicFetch(e.useSharerId?!!n.data&&l.a.views(a,e.objectId,n.data.id):l.a.views(a,e.objectId));return Object(u.a)(i),r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},i.data?r.a.createElement(d.a,{events:i.data.data,getEventDate:function(e){return e.groupedDateWatched},title:f("videoViews")}):r.a.createElement(m.a,null))}},1060:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a.n(n),c=a(13),i=a(9),o=a(42),l=a(178),s=a(1031),u=a(1033),d=a(1055),m=i.a.encloseNamespace("shared.engagementOverviewCard");function f(e){var t,a,n=Object(l.a)(),i=!n.users&&!n.classrooms&&!n.classroomGroups,f=c.a.useBasicFetch(!!e.useSharerId&&o.a.currentUser()),p=c.a.useBasicFetch(e.useSharerId?!!f.data&&s.a.aggregateEngagement(e.objectId,n,f.data.id):s.a.aggregateEngagement(e.objectId,n)),v=(null===(t=p.data)||void 0===t?void 0:t.engagementRate)>0?p.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"},m("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":"")},!!p.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(u.a,{percentage:v,layout:u.b.LabelInside}),r.a.createElement("p",{className:"horizontal"===e.layout?"ml-2":""},"number"==typeof v?m(i?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*p.data.engagementRate)}):m("descriptionNoData"))),!p.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(d.a,{layout:u.b.LabelInside}),"vertical"===e.layout&&r.a.createElement("p",null," "))))}},1067:function(e,t,a){"use strict";var n=a(0),r=a(4),c=a(132),i=a(183),o=a(133),l=a(9),s=a(88);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=v(e);if(t){var r=v(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return p(this,a)}}function p(e,t){return!t||"object"!==u(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var g="shared.privateResourceError",b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}(c,e);var t,a,n,r=f(c);function c(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),r.call(this,l.a.getPhrase(g,"title"))}return t=c,(a=[{key:"name",get:function(){return"PrivateResourceError"}},{key:"heading",get:function(){return l.a.getPhrase(g,"heading")}},{key:"description",get:function(){return l.a.getPhrase(g,"description")}}])&&d(t.prototype,a),n&&d(t,n),c}(s.a);function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function h(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function E(e,t){return(E=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function I(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=S(e);if(t){var r=S(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return N(this,a)}}function N(e,t){return!t||"object"!==y(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&E(e,t)}(c,e);var t,a,n,r=I(c);function c(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),r.call(this,l.a.getPhrase("shared.regionLockedResourceError","title"))}return t=c,(a=[{key:"name",get:function(){return"RegionLockedResourceError"}},{key:"heading",get:function(){return l.a.getPhrase("shared.regionLockedResourceError","heading")}},{key:"description",get:function(){return l.a.getPhrase("shared.regionLockedResourceError","description")}}])&&h(t.prototype,a),n&&h(t,n),c}(s.a),j={notFound:i.a,forbidden:{rating:b,yearLevel:b,region:w,privacy:b},badRequest:o.a};function O(e){var t,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},j),a);if(e){var i=+(null===(t=null==e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));i!==c.b.ClientError&&i!==c.b.ServerError||(e!==c.a.NotFound?e!==c.a.Forbidden?r.a.ErrorHelper.throw(new n.badRequest):r.a.ErrorHelper.throw(new n.forbidden.privacy):r.a.ErrorHelper.throw(new n.notFound))}}var k=a(273);a.d(t,"a",(function(){return R}));var C={notFound:k.a};function R(e){var t,a;t=e,a=C,Object(n.useEffect)((function(){O(null==t?void 0:t.statusCode,a)}),[null==t?void 0:t.statusCode,a])}},1074:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a.n(n),c=a(1080),i=a.n(c);function o(e){return r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:i.a.emoji},e.emoji),e.children)}},1080:function(e,t,a){e.exports={emoji:"IvePv"}},1084:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(9),i=a(7),o=a(19),l=a(1039),s=a(178),u=c.a.encloseNamespace("reportsInteractives.interactiveNav");function d(e){var t,a,n,c=Object(s.a)(),d=(t=e.interactiveMetadataId,a=c,n=[t],[{label:u("overview"),appLink:{application:i.a.INTERACTIVES,action:o.a.Interactives.OVERVIEW,args:n,params:a}},{label:u("results"),appLink:{application:i.a.INTERACTIVES,action:o.a.Interactives.RESULTS,args:n,params:a}},{label:u("questions"),appLink:{application:i.a.INTERACTIVES,action:o.a.Interactives.QUESTION_LIST,args:n,params:a}},{label:u("engagement"),appLink:{application:i.a.INTERACTIVES,action:o.a.Interactives.ENGAGEMENT,args:n,params:a}}]);return r.a.createElement(l.a,{items:d})}},1137:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(34),c=a(35),i=a(1071);function o(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,c=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return l(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 l(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 l(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 s(e){var t=o(Object(r.a)(c.a.DATE_RANGE_QUERY_PARAMS),1)[0],a=Object(i.a)(e,t),l=o(Object(r.a)(c.a.AUDIENCE_FILTER_SUGGESTIONS),2)[1];Object(n.useEffect)((function(){var e,t;a.data&&l("users",null===(t=null===(e=a.data)||void 0===e?void 0:e.students)||void 0===t?void 0:t.map((function(e){return e.user.id})))}),[a.isFetching])}},1144:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a.n(n),c=a(9),i=a(41),o=a(7),l=a(19),s=a(1052),u=a(178),d=a(1074),m=c.a.encloseNamespace("interactives.markingRequiredAlert");function f(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"},r.a.createElement(d.a,{emoji:"👋"},m("markingRequired",{smartCount:a}))," ",r.a.createElement(i.a,{className:"text-info",appLink:{application:o.a.INTERACTIVES,action:l.a.Interactives.QUESTION_LIST,args:[e.interactiveMetadataId],params:t}},m("seeQuestions"))):r.a.createElement(r.a.Fragment,null)}},1192:function(e,t,a){e.exports={numberCircle:"_2ap3G",studentsContainer:"_3P1mJ",studentRow:"_1KyDU",indicatorRing:"_3NqFL",ringSuccess:"_1Fa4p",ringDanger:"_2mRUa",ringInfo:"_2EDx8",percentageIndicator:"_3l4uh"}},1193:function(e,t,a){e.exports={emptyState:"_1Mw_3"}},1194:function(e,t,a){e.exports={container:"_3wqtz"}},1195:function(e,t,a){e.exports={container:"_1LBQH"}},1196:function(e,t,a){e.exports={percentage:"_3xS2-"}},1197:function(e,t,a){e.exports={pieChart:"_2T8j0",barChart:"_3ZZei"}},1269:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(13),i=a(9),o=a(1034),l=a(96),s=a(1054),u=a(1037),d=a(1067),m=a(1046),f=a(1059),p=a(1049),v=a(1060),g=a(1050),b=a(1084),y=a(1144),h=a(41),E=a(178),I=a(1052),N=a(7),S=a(19),w=a(1047),j=a(1071),O=a(51),k=a(34),C=a(35),R=a(1043),x=a(1033),M=a(1074),_=a(1192),A=a.n(_);function T(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,c=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return L(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 L(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 L(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 F(e){var t,a,n=T(Object(k.a)(C.a.ANONYMISE_USERS),1)[0],c=O.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"},r.a.createElement(M.a,{emoji:e.headingEmoji},e.heading)),!!c.length&&r.a.createElement("div",{className:"\n              text-white text-center rounded-circle\n              ".concat(A.a.numberCircle," ").concat((t=c,a=O.a.first(t),a.summary.awaitingMarking?"bg-info":a.summary.percentCorrect>=w.a.HIGH?"bg-success":"bg-danger"))},c.length)),r.a.createElement("div",{className:A.a.studentsContainer},c.length?r.a.createElement("ul",{className:"list-unstyled m-0"},c.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>=w.a.HIGH?A.a.ringSuccess:A.a.ringDanger)}))),r.a.createElement("span",{className:"text-truncate"},Object(R.a)(e.user,n))),!e.summary.awaitingMarking&&r.a.createElement("span",{className:A.a.percentageIndicator},r.a.createElement(x.a,{percentage:e.summary.percentCorrect,layout:x.b.LabelBefore})));var a}))):r.a.createElement("p",{className:"mt-1 mb-0"},e.emptyStateText)))}F.defaultProps={displayLimit:3};var B=a(1032),D=a(1035),P=a(1193),H=a.n(P),U=i.a.encloseNamespace("interactives.studentResultInsightsEmptyState");function q(){return r.a.createElement(B.a,{className:"".concat(H.a.emptyState," justify-content-center")},r.a.createElement(B.a.Image,{src:D.a.EmptyStates.Interactives.StudentInsights,className:"w-75"}),r.a.createElement(B.a.Heading,null,U("heading")),r.a.createElement(B.a.Info,{className:"w-100"},U("description")))}var V=a(1194),G=a.n(V);function z(){return r.a.createElement("div",{className:"bg-white rounded mt-3 ".concat(G.a.container)})}var Q=i.a.encloseNamespace("interactives.studentResultInsightsCard");function W(e){var t,a=Object(E.a)(),n=c.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),i=c.a.useBasicFetch((null===(t=n.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(n.data.interactiveId):null),o=Object(j.a)(e.interactiveMetadataId),l=!!i.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(I.e)(e,t)});n.summary.awaitingMarking?a.markingRequired.push(n):(n.summary.percentCorrect>=w.a.HIGH&&a.highScore.push(n),n.summary.percentCorrect<w.a.MODERATE&&a.lowScore.push(n))})),a}(i.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(q,null)),l&&!!o.data.students.length&&r.a.createElement(r.a.Fragment,null,r.a.createElement(F,{heading:Q("markingRequired"),headingEmoji:"📝",students:u.markingRequired,emptyStateText:Q("markingRequiredEmpty")}),r.a.createElement(F,{heading:Q("needHelp"),headingEmoji:"✋",students:u.lowScore,emptyStateText:Q("needHelpEmpty")}),r.a.createElement(F,{heading:Q("topAchievers"),headingEmoji:"🏅",students:u.highScore,emptyStateText:Q("topAchieversEmpty")}),r.a.createElement(h.a,{className:"btn btn-outline-dark mt-3",appLink:{application:N.a.INTERACTIVES,action:S.a.Interactives.RESULTS,args:[e.interactiveMetadataId],params:a}},Q("seeAll"))),!l&&r.a.createElement(r.a.Fragment,null,r.a.createElement(z,null),r.a.createElement(z,null),r.a.createElement(z,null),r.a.createElement("button",{className:"btn btn-outline-dark mt-3 cursor-default"}," ")))}var K=a(1065),$=a(1070),J=a(1055),Y=i.a.encloseNamespace("interactives.hardestQuestionCard");function Z(e){var t,a,n=c.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),i=c.a.useBasicFetch((null===(t=n.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(n.data.interactiveId):null),o=Object(j.a)(e.interactiveMetadataId),l=!!i.data&&!!o.data,u=l&&function(e,t){var a=Object($.b)(e).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(I.b)(e,t)})})).filter((function(e){return!!e.resultsSummary.answered&&!e.resultsSummary.awaitingMarking})),n=O.a.sortBy(a,(function(e){return e.resultsSummary.percentCorrect}));return O.a.first(n)}(i.data,o.data);return r.a.createElement("div",{className:"rounded bg-white p-3"},r.a.createElement("h6",{className:"mb-2"},Y("heading")),l&&r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement(x.a,{percentage:null===(a=null==u?void 0:u.resultsSummary)||void 0===a?void 0:a.percentCorrect,layout:x.b.LabelInside}),u?r.a.createElement("div",{className:"d-flex ml-2"},r.a.createElement(K.a,{interaction:u,iconClassName:"flex-shrink-0"})):r.a.createElement("span",{className:"ml-2"},Y("empty"))),!l&&r.a.createElement(J.a,{layout:x.b.LabelInside}))}var X=a(1195),ee=a.n(X);function te(e){return r.a.createElement("div",{className:"rounded bg-white p-3 ".concat(ee.a.container)},e.children)}var ae=a(1196),ne=a.n(ae),re=i.a.encloseNamespace("interactives.averageScoreCard");function ce(e){var t,a,n,i=c.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),o=c.a.useBasicFetch((null===(t=i.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(i.data.interactiveId):null),l=Object(j.a)(e.interactiveMetadataId),u=!!o.data&&!!l.data,d=u&&function(e,t){var a=[],n=!1;return t.students.forEach((function(t){var r=Object(I.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}}(o.data,l.data),m=(a=d).markingRequired?{subheading:"markingRequiredSubheading",description:"markingRequiredDescription"}:"number"!=typeof a.score?{subheading:"noScoresSubheading",description:"noScoresDescription"}:a.score>=w.a.HIGH?{subheading:"highScoreSubheading",description:"highScoreDescription"}:a.score>=w.a.MODERATE?{subheading:"moderateScoreSubheading",description:"moderateScoreDescription"}:{subheading:"lowScoreSubheading",description:"lowScoreDescription"},f=m.subheading,p=m.description;return u?r.a.createElement("div",{className:"rounded bg-white p-3"},r.a.createElement("h6",{className:"mb-3"},re("heading")),r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"".concat(ne.a.percentage," text-center py-2")},d.markingRequired||"number"!=typeof d.score?r.a.createElement("span",{className:"text-info"},"--%"):r.a.createElement("span",{className:(n=d.score,n>=w.a.HIGH?"text-success":n>=w.a.MODERATE?"text-warning":"text-danger")},function(e){return"".concat(Math.round(100*e),"%")}(d.score))),r.a.createElement("div",{className:"text-center"},r.a.createElement("p",{className:"m-0"},r.a.createElement("strong",null,re(f))),r.a.createElement("p",{className:"m-0"},re(p))))):r.a.createElement(te,null,r.a.createElement("h6",null,re("heading")))}var ie=a(1137),oe=a(1197),le=a.n(oe);a.d(t,"InteractiveOverviewView",(function(){return ue}));var se=i.a.encloseNamespace("reportsInteractives.interactiveOverview");function ue(e){var t,a,n=c.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),i=c.a.useBasicFetch((null===(t=n.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(n.data.interactiveId):null),h=Object(j.a)(e.interactiveMetadataId),E=c.a.useBasicFetch(l.a.config());return Object(o.a)(n.data?se("pageTitle",{interactive:n.data.name}):""),Object(u.a)(null===(a=n.data)||void 0===a?void 0:a.name),Object(p.a)(Object(g.a)(E.data,n.data)),Object(d.a)(n),Object(ie.a)(e.interactiveMetadataId),r.a.createElement("div",null,r.a.createElement(b.a,{interactiveMetadataId:e.interactiveMetadataId}),!!i.data&&!!h.data&&r.a.createElement(y.a,{interactive:i.data,results:h.data,interactiveMetadataId:e.interactiveMetadataId}),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-4"},r.a.createElement(m.a,{objectId:e.interactiveMetadataId,useSharerId:!0,className:le.a.pieChart}),r.a.createElement("div",{className:"mt-3"},r.a.createElement(ce,{interactiveMetadataId:e.interactiveMetadataId}))),r.a.createElement("div",{className:"col-5"},r.a.createElement(f.a,{objectId:e.interactiveMetadataId,useSharerId:!0,className:le.a.barChart}),r.a.createElement("div",{className:"mt-3"},r.a.createElement(v.a,{objectId:e.interactiveMetadataId,layout:"horizontal",useSharerId:!0})),r.a.createElement("div",{className:"mt-3"},r.a.createElement(Z,{interactiveMetadataId:e.interactiveMetadataId}))),r.a.createElement("div",{className:"col-3"},r.a.createElement(W,{interactiveMetadataId:e.interactiveMetadataId}))))}}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[16],{1031:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(95),r=a(51),c=a(1041),i={views:function(e,t,a,r,i,o){var l="video:views";t&&(l+=":".concat(t));var s=Object.assign({objectId:t},Object(c.a)(e,!0));return a&&(s.sharerId=a),{url:n.a.urlBuilder("{gateway}/v1/analytics/views",s),key:Object(c.b)(l,e,a),normalize:!1,success:r,error:i,always:o}},individualEngagement:function(e,t,a,r,i,o){var l=Object.assign({objectId:e},Object(c.a)(t));return a&&(l.sharerId=a),{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map",l),key:Object(c.b)("engagement:".concat(e),t,a),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:r,error:i,always:o}},aggregateEngagement:function(e,t,a,r,i,o){var l=Object.assign({objectId:e},Object(c.a)(t));return a&&(l.sharerId=a),{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregations",l),key:Object(c.b)("aggregate:engagement:".concat(e),t,a),formatData:function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})},normalize:!1,success:r,error:i,always:o}},topVideos:function(e,t,a,i,o){return{url:n.a.urlBuilder("{gateway}/v1/analytics/top-videos",Object.assign({"query.video":"thumbnail","query.interactive":"video[thumbnail],clip[video[thumbnail]],thumbnail","query.clip":"video[thumbnail]",limit:t},Object(c.a)(e))),key:Object(c.b)("top:videos:".concat(null!=t?t:0),e),normalize:!1,formatData:function(e){var t=r.a.sortBy(e.data,"count");return t.reverse(),Object.assign(Object.assign({},e),{data:t})},success:a,error:i,always:o}}}},1033:function(e,t,a){"use strict";var n,r,c=a(0),i=a.n(c),o=a(1047),l=a(1040),s=a.n(l);function u(e){var t=e===n.Large?5.8:2,a=e===n.Large?.36:.2;return"".concat(t/2-2*a,"rem")}function d(e){return e>=o.a.HIGH?"text-success":e>=o.a.MODERATE?"text-warning":"text-danger"}function m(e,t){var a="d-inline-block ".concat(s.a.circleContainer);return e===n.Large&&(a+=" ".concat(s.a.lgCircleContainer)),f(t)&&(a+=" ".concat(s.a.pendingCircle)),a}function f(e){return"number"!=typeof e}function p(e){var t,a=i.a.useCallback((function(t){if(t){var a=t.r.baseVal.value,n=2*Math.PI*a,r=n-e.percentage*n;t.style.strokeDasharray="".concat(n," ").concat(n),t.style.strokeDashoffset=r.toString()}}),[]);return i.a.createElement("svg",null,i.a.createElement("circle",{r:u(e.size),className:s.a.backgroundCircle}),!f(e.percentage)&&i.a.createElement("circle",{ref:a,r:u(e.size),className:(t=e.percentage,t>=o.a.HIGH?s.a.circleSuccess:t>=o.a.MODERATE?s.a.circleWarning:s.a.circleDanger)}))}function v(e){var t,a,c=function(e){if(!f(e))return+e.toFixed(2)}(e.percentage),o=e.layout===r.LabelInside?n.Large:n.Small,l=e.customLabel||(f(a=c)?"--%":"".concat(Math.round(100*a),"%"));return e.layout===r.LabelOnly?i.a.createElement("span",{className:d(c)},l):i.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.layout===r.LabelBefore&&i.a.createElement("span",{className:"mr-2"},l),i.a.createElement("div",{className:m(o,c)},i.a.createElement(p,{percentage:c,size:o}),e.layout===r.LabelInside&&i.a.createElement("span",{className:s.a.centredPercentageText},l)))}!function(e){e.Small="small",e.Large="large"}(n||(n={})),a.d(t,"b",(function(){return r})),a.d(t,"a",(function(){return v})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(r||(r={})),v.defaultProps={layout:r.CircleOnly}},1039:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(14),i=a(41),o=a(97),l=a(1042),s=a.n(l);function u(e){var t="nav-link p-0 mb-0 mr-4 h6 text-dark";return"".concat(t,e?" active":" font-weight-normal")}function d(e){return r.a.createElement(c.Navbar,{className:"p-0 pb-3"},r.a.createElement(c.Nav,null,e.items.map((function(e,t){var a,n,l=e.appLink.action===(null===(n=null===(a=o.a.getCurrentRoute())||void 0===a?void 0:a.appLink)||void 0===n?void 0:n.action);return r.a.createElement(c.Nav.Item,{key:t},r.a.createElement(i.a,{appLink:e.appLink,className:u(l)},e.label),l&&r.a.createElement("div",{className:"mt-1 mr-4 ".concat(s.a.underline)}))}))))}},1040:function(e,t,a){e.exports={circleContainer:"_3uMQG",backgroundCircle:"_29byp",circleSuccess:"_1leSx",circleWarning:"_1yreR",circleDanger:"_13evQ",lgCircleContainer:"_2gBnl",pendingCircle:"NTTU7",centredPercentageText:"_1wF3E"}},1042:function(e,t,a){e.exports={underline:"_1eU3d"}},1046:function(e,t,a){"use strict";var n=a(0),r=a.n(n),c=a(13),i=a(42),o=a(1031),l=a(178),s=a(1036),u=a(1053),d=a(1051),m=a(1045),f=a(1032),p=a(9),v=a(1035),g=p.a.encloseNamespace("reportsShared.viewCountPieChartEmptyState");function b(e){return r.a.createElement(f.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(f.a.Image,{src:v.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(f.a.Heading,null,g("heading")),r.a.createElement(f.a.Info,{className:"w-100"},g(e.singular?"descriptionSingular":"descriptionMultiple")))}function y(e){var t,a=Object(l.a)(),n=c.a.useBasicFetch(!!e.useSharerId&&i.a.currentUser()),f=c.a.useBasicFetch(e.useSharerId?!!n.data&&o.a.views(a,e.objectId,n.data.id):o.a.views(a,e.objectId));return Object(s.a)(f),r.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(t=e.className)&&void 0!==t?t:"")},f.data?r.a.createElement(u.a,{eventType:m.a.VideoView,events:f.data,objectId:e.objectId,emptyStateComponent:r.a.createElement(b,{singular:!!e.objectId})}):r.a.createElement(d.a,null))}a.d(t,"a",(function(){return y}))},1047:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={HIGH:.75,MODERATE:.5}},1049:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(34),c=a(35);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 a=[],n=!0,r=!1,c=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}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=i(Object(r.a)(c.a.HEADER_ACTIONS),2)[1];Object(n.useEffect)((function(){return t(e),function(){t(null)}}),[!!e])}},1050:function(e,t,a){"use strict";var n=a(0),r=a.n(n),c=a(9),i=a(17),o=a(18),l=a(34);function s(e){return r.a.createElement("div",Object.assign({},e,{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:e.onKeyDown?e.onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}}),e.children)}var u=a(90);function d(e){function t(){e.disabled||e.onClick.apply(e,arguments)}var a=e.disabled?"disabled":"",n=e.hideOutline?"outline-none":"",c=e.on?"on":"";e.disabled&&!e.showStateWhenDisabled&&(c="");var i="".concat("d-inline-block float-right align-top custom-toggle toggle-option"," ").concat(c," ").concat(a," ").concat(n);return e.tooltipText?r.a.createElement(u.a,{title:e.tooltipText,spanHack:!0},r.a.createElement(s,{onClick:t,className:i},r.a.createElement("span",{className:"handle"}))):r.a.createElement(s,{onClick:t,className:i},r.a.createElement("span",{className:"handle"}))}var m=a(35);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 a=[],n=!0,r=!1,c=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(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 p(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 p(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}var v=c.a.encloseNamespace("reportsShared.anonymiseAction");function g(){var e=f(Object(l.a)(m.a.ANONYMISE_USERS,!1),2),t=e[0],a=e[1];return r.a.createElement("div",{className:"d-flex align-items center justify-content-between",onClick:function(){return a(!t)}},r.a.createElement("span",{className:"mr-3"},v("hideNames")),r.a.createElement(d,{on:t,onClick:function(){}}))}var b=a(95),y=a(226),h=a(53),E=function(e,t){var a=e.primaryUrl;if(a){var n="";switch(t.typeId){case h.a.Video:n="/videos/".concat(t.id,"/").concat(y.a.slugify(t.name));break;case h.a.Interactive:n="/interactive/".concat(t.id,"/preview");break;case h.a.Clip:n="/clips/".concat(t.id,"/").concat(y.a.slugify(t.name));break;case h.a.Series:n="/series/".concat(t.id,"/").concat(y.a.slugify(t.name));break;case h.a.Playlist:n="/playlists/".concat(t.id,"/").concat(y.a.slugify(t.name))}if(n)return b.a.safeUrlConcat(a,n)}};a.d(t,"a",(function(){return N}));var I=c.a.encloseNamespace("reportsShared.utils");function N(e,t){if(e&&t){var a=[],n=E(e,t);return n&&a.push({label:function(){return r.a.createElement("span",{className:"d-flex justify-content-between align-items-center"},r.a.createElement("span",{className:"mr-2"},I("seeVideo")),r.a.createElement(i.a,{svgName:o.b.NewWindow}))},href:n,openInNewTab:!0}),a.push({label:function(){return r.a.createElement(g,null)}}),a}}},1055:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a.n(n),c=a(1033);function i(e){return r.a.createElement(c.a,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},1059:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(0),r=a.n(n),c=a(13),i=a(9),o=a(42),l=a(1031),s=a(178),u=a(1036),d=a(1082),m=a(1077),f=i.a.encloseNamespace("shared.viewCountBarChartCard");function p(e){var t,a=Object(s.a)(),n=c.a.useBasicFetch(!!e.useSharerId&&o.a.currentUser()),i=c.a.useBasicFetch(e.useSharerId?!!n.data&&l.a.views(a,e.objectId,n.data.id):l.a.views(a,e.objectId));return Object(u.a)(i),r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},i.data?r.a.createElement(d.a,{events:i.data.data,getEventDate:function(e){return e.groupedDateWatched},title:f("videoViews")}):r.a.createElement(m.a,null))}},1060:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a.n(n),c=a(13),i=a(9),o=a(42),l=a(178),s=a(1031),u=a(1033),d=a(1055),m=i.a.encloseNamespace("shared.engagementOverviewCard");function f(e){var t,a,n=Object(l.a)(),i=!n.users&&!n.classrooms&&!n.classroomGroups,f=c.a.useBasicFetch(!!e.useSharerId&&o.a.currentUser()),p=c.a.useBasicFetch(e.useSharerId?!!f.data&&s.a.aggregateEngagement(e.objectId,n,f.data.id):s.a.aggregateEngagement(e.objectId,n)),v=(null===(t=p.data)||void 0===t?void 0:t.engagementRate)>0?p.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"},m("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":"")},!!p.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(u.a,{percentage:v,layout:u.b.LabelInside}),r.a.createElement("p",{className:"horizontal"===e.layout?"ml-2":""},"number"==typeof v?m(i?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*p.data.engagementRate)}):m("descriptionNoData"))),!p.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(d.a,{layout:u.b.LabelInside}),"vertical"===e.layout&&r.a.createElement("p",null," "))))}},1067:function(e,t,a){"use strict";var n=a(0),r=a(4),c=a(132),i=a(182),o=a(133),l=a(9),s=a(88);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=v(e);if(t){var r=v(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return p(this,a)}}function p(e,t){return!t||"object"!==u(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var g="shared.privateResourceError",b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}(c,e);var t,a,n,r=f(c);function c(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),r.call(this,l.a.getPhrase(g,"title"))}return t=c,(a=[{key:"name",get:function(){return"PrivateResourceError"}},{key:"heading",get:function(){return l.a.getPhrase(g,"heading")}},{key:"description",get:function(){return l.a.getPhrase(g,"description")}}])&&d(t.prototype,a),n&&d(t,n),c}(s.a);function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function h(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function E(e,t){return(E=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function I(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=S(e);if(t){var r=S(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return N(this,a)}}function N(e,t){return!t||"object"!==y(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&E(e,t)}(c,e);var t,a,n,r=I(c);function c(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),r.call(this,l.a.getPhrase("shared.regionLockedResourceError","title"))}return t=c,(a=[{key:"name",get:function(){return"RegionLockedResourceError"}},{key:"heading",get:function(){return l.a.getPhrase("shared.regionLockedResourceError","heading")}},{key:"description",get:function(){return l.a.getPhrase("shared.regionLockedResourceError","description")}}])&&h(t.prototype,a),n&&h(t,n),c}(s.a),j={notFound:i.a,forbidden:{rating:b,yearLevel:b,region:w,privacy:b},badRequest:o.a};function O(e){var t,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},j),a);if(e){var i=+(null===(t=null==e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));i!==c.b.ClientError&&i!==c.b.ServerError||(e!==c.a.NotFound?e!==c.a.Forbidden?r.a.ErrorHelper.throw(new n.badRequest):r.a.ErrorHelper.throw(new n.forbidden.privacy):r.a.ErrorHelper.throw(new n.notFound))}}var k=a(273);a.d(t,"a",(function(){return R}));var C={notFound:k.a};function R(e){var t,a;t=e,a=C,Object(n.useEffect)((function(){O(null==t?void 0:t.statusCode,a)}),[null==t?void 0:t.statusCode,a])}},1074:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a.n(n),c=a(1080),i=a.n(c);function o(e){return r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:i.a.emoji},e.emoji),e.children)}},1080:function(e,t,a){e.exports={emoji:"IvePv"}},1084:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(9),i=a(7),o=a(19),l=a(1039),s=a(178),u=c.a.encloseNamespace("reportsInteractives.interactiveNav");function d(e){var t,a,n,c=Object(s.a)(),d=(t=e.interactiveMetadataId,a=c,n=[t],[{label:u("overview"),appLink:{application:i.a.INTERACTIVES,action:o.a.Interactives.OVERVIEW,args:n,params:a}},{label:u("results"),appLink:{application:i.a.INTERACTIVES,action:o.a.Interactives.RESULTS,args:n,params:a}},{label:u("questions"),appLink:{application:i.a.INTERACTIVES,action:o.a.Interactives.QUESTION_LIST,args:n,params:a}},{label:u("engagement"),appLink:{application:i.a.INTERACTIVES,action:o.a.Interactives.ENGAGEMENT,args:n,params:a}}]);return r.a.createElement(l.a,{items:d})}},1137:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(34),c=a(35),i=a(1071);function o(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,c=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return l(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 l(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 l(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 s(e){var t=o(Object(r.a)(c.a.DATE_RANGE_QUERY_PARAMS),1)[0],a=Object(i.a)(e,t),l=o(Object(r.a)(c.a.AUDIENCE_FILTER_SUGGESTIONS),2)[1];Object(n.useEffect)((function(){var e,t;a.data&&l("users",null===(t=null===(e=a.data)||void 0===e?void 0:e.students)||void 0===t?void 0:t.map((function(e){return e.user.id})))}),[a.isFetching])}},1144:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a.n(n),c=a(9),i=a(41),o=a(7),l=a(19),s=a(1052),u=a(178),d=a(1074),m=c.a.encloseNamespace("interactives.markingRequiredAlert");function f(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"},r.a.createElement(d.a,{emoji:"👋"},m("markingRequired",{smartCount:a}))," ",r.a.createElement(i.a,{className:"text-info",appLink:{application:o.a.INTERACTIVES,action:l.a.Interactives.QUESTION_LIST,args:[e.interactiveMetadataId],params:t}},m("seeQuestions"))):r.a.createElement(r.a.Fragment,null)}},1192:function(e,t,a){e.exports={numberCircle:"_2ap3G",studentsContainer:"_3P1mJ",studentRow:"_1KyDU",indicatorRing:"_3NqFL",ringSuccess:"_1Fa4p",ringDanger:"_2mRUa",ringInfo:"_2EDx8",percentageIndicator:"_3l4uh"}},1193:function(e,t,a){e.exports={emptyState:"_1Mw_3"}},1194:function(e,t,a){e.exports={container:"_3wqtz"}},1195:function(e,t,a){e.exports={container:"_1LBQH"}},1196:function(e,t,a){e.exports={percentage:"_3xS2-"}},1197:function(e,t,a){e.exports={pieChart:"_2T8j0",barChart:"_3ZZei"}},1269:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(13),i=a(9),o=a(1034),l=a(96),s=a(1054),u=a(1037),d=a(1067),m=a(1046),f=a(1059),p=a(1049),v=a(1060),g=a(1050),b=a(1084),y=a(1144),h=a(41),E=a(178),I=a(1052),N=a(7),S=a(19),w=a(1047),j=a(1071),O=a(51),k=a(34),C=a(35),R=a(1043),x=a(1033),M=a(1074),_=a(1192),A=a.n(_);function T(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,c=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return L(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 L(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 L(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 F(e){var t,a,n=T(Object(k.a)(C.a.ANONYMISE_USERS),1)[0],c=O.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"},r.a.createElement(M.a,{emoji:e.headingEmoji},e.heading)),!!c.length&&r.a.createElement("div",{className:"\n              text-white text-center rounded-circle\n              ".concat(A.a.numberCircle," ").concat((t=c,a=O.a.first(t),a.summary.awaitingMarking?"bg-info":a.summary.percentCorrect>=w.a.HIGH?"bg-success":"bg-danger"))},c.length)),r.a.createElement("div",{className:A.a.studentsContainer},c.length?r.a.createElement("ul",{className:"list-unstyled m-0"},c.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>=w.a.HIGH?A.a.ringSuccess:A.a.ringDanger)}))),r.a.createElement("span",{className:"text-truncate"},Object(R.a)(e.user,n))),!e.summary.awaitingMarking&&r.a.createElement("span",{className:A.a.percentageIndicator},r.a.createElement(x.a,{percentage:e.summary.percentCorrect,layout:x.b.LabelBefore})));var a}))):r.a.createElement("p",{className:"mt-1 mb-0"},e.emptyStateText)))}F.defaultProps={displayLimit:3};var B=a(1032),D=a(1035),P=a(1193),H=a.n(P),U=i.a.encloseNamespace("interactives.studentResultInsightsEmptyState");function q(){return r.a.createElement(B.a,{className:"".concat(H.a.emptyState," justify-content-center")},r.a.createElement(B.a.Image,{src:D.a.EmptyStates.Interactives.StudentInsights,className:"w-75"}),r.a.createElement(B.a.Heading,null,U("heading")),r.a.createElement(B.a.Info,{className:"w-100"},U("description")))}var V=a(1194),G=a.n(V);function z(){return r.a.createElement("div",{className:"bg-white rounded mt-3 ".concat(G.a.container)})}var Q=i.a.encloseNamespace("interactives.studentResultInsightsCard");function W(e){var t,a=Object(E.a)(),n=c.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),i=c.a.useBasicFetch((null===(t=n.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(n.data.interactiveId):null),o=Object(j.a)(e.interactiveMetadataId),l=!!i.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(I.e)(e,t)});n.summary.awaitingMarking?a.markingRequired.push(n):(n.summary.percentCorrect>=w.a.HIGH&&a.highScore.push(n),n.summary.percentCorrect<w.a.MODERATE&&a.lowScore.push(n))})),a}(i.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(q,null)),l&&!!o.data.students.length&&r.a.createElement(r.a.Fragment,null,r.a.createElement(F,{heading:Q("markingRequired"),headingEmoji:"📝",students:u.markingRequired,emptyStateText:Q("markingRequiredEmpty")}),r.a.createElement(F,{heading:Q("needHelp"),headingEmoji:"✋",students:u.lowScore,emptyStateText:Q("needHelpEmpty")}),r.a.createElement(F,{heading:Q("topAchievers"),headingEmoji:"🏅",students:u.highScore,emptyStateText:Q("topAchieversEmpty")}),r.a.createElement(h.a,{className:"btn btn-outline-dark mt-3",appLink:{application:N.a.INTERACTIVES,action:S.a.Interactives.RESULTS,args:[e.interactiveMetadataId],params:a}},Q("seeAll"))),!l&&r.a.createElement(r.a.Fragment,null,r.a.createElement(z,null),r.a.createElement(z,null),r.a.createElement(z,null),r.a.createElement("button",{className:"btn btn-outline-dark mt-3 cursor-default"}," ")))}var K=a(1065),$=a(1070),J=a(1055),Y=i.a.encloseNamespace("interactives.hardestQuestionCard");function Z(e){var t,a,n=c.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),i=c.a.useBasicFetch((null===(t=n.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(n.data.interactiveId):null),o=Object(j.a)(e.interactiveMetadataId),l=!!i.data&&!!o.data,u=l&&function(e,t){var a=Object($.b)(e).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(I.b)(e,t)})})).filter((function(e){return!!e.resultsSummary.answered&&!e.resultsSummary.awaitingMarking})),n=O.a.sortBy(a,(function(e){return e.resultsSummary.percentCorrect}));return O.a.first(n)}(i.data,o.data);return r.a.createElement("div",{className:"rounded bg-white p-3"},r.a.createElement("h6",{className:"mb-2"},Y("heading")),l&&r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement(x.a,{percentage:null===(a=null==u?void 0:u.resultsSummary)||void 0===a?void 0:a.percentCorrect,layout:x.b.LabelInside}),u?r.a.createElement("div",{className:"d-flex ml-2"},r.a.createElement(K.a,{interaction:u,iconClassName:"flex-shrink-0"})):r.a.createElement("span",{className:"ml-2"},Y("empty"))),!l&&r.a.createElement(J.a,{layout:x.b.LabelInside}))}var X=a(1195),ee=a.n(X);function te(e){return r.a.createElement("div",{className:"rounded bg-white p-3 ".concat(ee.a.container)},e.children)}var ae=a(1196),ne=a.n(ae),re=i.a.encloseNamespace("interactives.averageScoreCard");function ce(e){var t,a,n,i=c.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),o=c.a.useBasicFetch((null===(t=i.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(i.data.interactiveId):null),l=Object(j.a)(e.interactiveMetadataId),u=!!o.data&&!!l.data,d=u&&function(e,t){var a=[],n=!1;return t.students.forEach((function(t){var r=Object(I.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}}(o.data,l.data),m=(a=d).markingRequired?{subheading:"markingRequiredSubheading",description:"markingRequiredDescription"}:"number"!=typeof a.score?{subheading:"noScoresSubheading",description:"noScoresDescription"}:a.score>=w.a.HIGH?{subheading:"highScoreSubheading",description:"highScoreDescription"}:a.score>=w.a.MODERATE?{subheading:"moderateScoreSubheading",description:"moderateScoreDescription"}:{subheading:"lowScoreSubheading",description:"lowScoreDescription"},f=m.subheading,p=m.description;return u?r.a.createElement("div",{className:"rounded bg-white p-3"},r.a.createElement("h6",{className:"mb-3"},re("heading")),r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"".concat(ne.a.percentage," text-center py-2")},d.markingRequired||"number"!=typeof d.score?r.a.createElement("span",{className:"text-info"},"--%"):r.a.createElement("span",{className:(n=d.score,n>=w.a.HIGH?"text-success":n>=w.a.MODERATE?"text-warning":"text-danger")},function(e){return"".concat(Math.round(100*e),"%")}(d.score))),r.a.createElement("div",{className:"text-center"},r.a.createElement("p",{className:"m-0"},r.a.createElement("strong",null,re(f))),r.a.createElement("p",{className:"m-0"},re(p))))):r.a.createElement(te,null,r.a.createElement("h6",null,re("heading")))}var ie=a(1137),oe=a(1197),le=a.n(oe);a.d(t,"InteractiveOverviewView",(function(){return ue}));var se=i.a.encloseNamespace("reportsInteractives.interactiveOverview");function ue(e){var t,a,n=c.a.useBasicFetch(s.a.interactiveMetadata(e.interactiveMetadataId)),i=c.a.useBasicFetch((null===(t=n.data)||void 0===t?void 0:t.interactiveId)?s.a.interactive(n.data.interactiveId):null),h=Object(j.a)(e.interactiveMetadataId),E=c.a.useBasicFetch(l.a.config());return Object(o.a)(n.data?se("pageTitle",{interactive:n.data.name}):""),Object(u.a)(null===(a=n.data)||void 0===a?void 0:a.name),Object(p.a)(Object(g.a)(E.data,n.data)),Object(d.a)(n),Object(ie.a)(e.interactiveMetadataId),r.a.createElement("div",null,r.a.createElement(b.a,{interactiveMetadataId:e.interactiveMetadataId}),!!i.data&&!!h.data&&r.a.createElement(y.a,{interactive:i.data,results:h.data,interactiveMetadataId:e.interactiveMetadataId}),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-4"},r.a.createElement(m.a,{objectId:e.interactiveMetadataId,useSharerId:!0,className:le.a.pieChart}),r.a.createElement("div",{className:"mt-3"},r.a.createElement(ce,{interactiveMetadataId:e.interactiveMetadataId}))),r.a.createElement("div",{className:"col-5"},r.a.createElement(f.a,{objectId:e.interactiveMetadataId,useSharerId:!0,className:le.a.barChart}),r.a.createElement("div",{className:"mt-3"},r.a.createElement(v.a,{objectId:e.interactiveMetadataId,layout:"horizontal",useSharerId:!0})),r.a.createElement("div",{className:"mt-3"},r.a.createElement(Z,{interactiveMetadataId:e.interactiveMetadataId}))),r.a.createElement("div",{className:"col-3"},r.a.createElement(W,{interactiveMetadataId:e.interactiveMetadataId}))))}}}]);

package/dist/scripts/{17-1be4c025fe-reports.chunk.js → 17-516c46b3f3-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[17],{1031:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(95),r=t(51),c=t(1041),i={views:function(e,a,t,r,i,l){var o="video:views";a&&(o+=":".concat(a));var s=Object.assign({objectId:a},Object(c.a)(e,!0));return t&&(s.sharerId=t),{url:n.a.urlBuilder("{gateway}/v1/analytics/views",s),key:Object(c.b)(o,e,t),normalize:!1,success:r,error:i,always:l}},individualEngagement:function(e,a,t,r,i,l){var o=Object.assign({objectId:e},Object(c.a)(a));return t&&(o.sharerId=t),{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map",o),key:Object(c.b)("engagement:".concat(e),a,t),formatData:function(e){var a;return Object.assign(Object.assign({},e),{data:null===(a=e.data)||void 0===a?void 0:a.map((function(e){var a;return Object.assign(Object.assign({},e),{heatMap:null!==(a=e.heatMap)&&void 0!==a?a:[]})}))})},normalize:!1,success:r,error:i,always:l}},aggregateEngagement:function(e,a,t,r,i,l){var o=Object.assign({objectId:e},Object(c.a)(a));return t&&(o.sharerId=t),{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregations",o),key:Object(c.b)("aggregate:engagement:".concat(e),a,t),formatData:function(e){var a;return Object.assign(Object.assign({},e),{heatMap:null!==(a=e.heatMap)&&void 0!==a?a:[]})},normalize:!1,success:r,error:i,always:l}},topVideos:function(e,a,t,i,l){return{url:n.a.urlBuilder("{gateway}/v1/analytics/top-videos",Object.assign({"query.video":"thumbnail","query.interactive":"video[thumbnail],clip[video[thumbnail]],thumbnail","query.clip":"video[thumbnail]",limit:a},Object(c.a)(e))),key:Object(c.b)("top:videos:".concat(null!=a?a:0),e),normalize:!1,formatData:function(e){var a=r.a.sortBy(e.data,"count");return a.reverse(),Object.assign(Object.assign({},e),{data:a})},success:t,error:i,always:l}}}},1033:function(e,a,t){"use strict";var n,r,c=t(0),i=t.n(c),l=t(1047),o=t(1040),s=t.n(o);function u(e){var a=e===n.Large?5.8:2,t=e===n.Large?.36:.2;return"".concat(a/2-2*t,"rem")}function d(e){return e>=l.a.HIGH?"text-success":e>=l.a.MODERATE?"text-warning":"text-danger"}function m(e,a){var t="d-inline-block ".concat(s.a.circleContainer);return e===n.Large&&(t+=" ".concat(s.a.lgCircleContainer)),f(a)&&(t+=" ".concat(s.a.pendingCircle)),t}function f(e){return"number"!=typeof e}function v(e){var a,t=i.a.useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,r=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=r.toString()}}),[]);return i.a.createElement("svg",null,i.a.createElement("circle",{r:u(e.size),className:s.a.backgroundCircle}),!f(e.percentage)&&i.a.createElement("circle",{ref:t,r:u(e.size),className:(a=e.percentage,a>=l.a.HIGH?s.a.circleSuccess:a>=l.a.MODERATE?s.a.circleWarning:s.a.circleDanger)}))}function p(e){var a,t,c=function(e){if(!f(e))return+e.toFixed(2)}(e.percentage),l=e.layout===r.LabelInside?n.Large:n.Small,o=e.customLabel||(f(t=c)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===r.LabelOnly?i.a.createElement("span",{className:d(c)},o):i.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===r.LabelBefore&&i.a.createElement("span",{className:"mr-2"},o),i.a.createElement("div",{className:m(l,c)},i.a.createElement(v,{percentage:c,size:l}),e.layout===r.LabelInside&&i.a.createElement("span",{className:s.a.centredPercentageText},o)))}!function(e){e.Small="small",e.Large="large"}(n||(n={})),t.d(a,"b",(function(){return r})),t.d(a,"a",(function(){return p})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(r||(r={})),p.defaultProps={layout:r.CircleOnly}},1039:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t.n(n),c=t(14),i=t(41),l=t(97),o=t(1042),s=t.n(o);function u(e){var a="nav-link p-0 mb-0 mr-4 h6 text-dark";return"".concat(a,e?" active":" font-weight-normal")}function d(e){return r.a.createElement(c.Navbar,{className:"p-0 pb-3"},r.a.createElement(c.Nav,null,e.items.map((function(e,a){var t,n,o=e.appLink.action===(null===(n=null===(t=l.a.getCurrentRoute())||void 0===t?void 0:t.appLink)||void 0===n?void 0:n.action);return r.a.createElement(c.Nav.Item,{key:a},r.a.createElement(i.a,{appLink:e.appLink,className:u(o)},e.label),o&&r.a.createElement("div",{className:"mt-1 mr-4 ".concat(s.a.underline)}))}))))}},1040:function(e,a,t){e.exports={circleContainer:"_3uMQG",backgroundCircle:"_29byp",circleSuccess:"_1leSx",circleWarning:"_1yreR",circleDanger:"_13evQ",lgCircleContainer:"_2gBnl",pendingCircle:"NTTU7",centredPercentageText:"_1wF3E"}},1042:function(e,a,t){e.exports={underline:"_1eU3d"}},1046:function(e,a,t){"use strict";var n=t(0),r=t.n(n),c=t(13),i=t(42),l=t(1031),o=t(178),s=t(1036),u=t(1053),d=t(1051),m=t(1045),f=t(1032),v=t(9),p=t(1035),b=v.a.encloseNamespace("reportsShared.viewCountPieChartEmptyState");function g(e){return r.a.createElement(f.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(f.a.Image,{src:p.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(f.a.Heading,null,b("heading")),r.a.createElement(f.a.Info,{className:"w-100"},b(e.singular?"descriptionSingular":"descriptionMultiple")))}function y(e){var a,t=Object(o.a)(),n=c.a.useBasicFetch(!!e.useSharerId&&i.a.currentUser()),f=c.a.useBasicFetch(e.useSharerId?!!n.data&&l.a.views(t,e.objectId,n.data.id):l.a.views(t,e.objectId));return Object(s.a)(f),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:"")},f.data?r.a.createElement(u.a,{eventType:m.a.VideoView,events:f.data,objectId:e.objectId,emptyStateComponent:r.a.createElement(g,{singular:!!e.objectId})}):r.a.createElement(d.a,null))}t.d(a,"a",(function(){return y}))},1047:function(e,a,t){"use strict";t.d(a,"a",(function(){return n}));var n={HIGH:.75,MODERATE:.5}},1049:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var n=t(0),r=t(34),c=t(35);function i(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(t.push(i.value),!a||t.length!==a);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return l(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return l(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}function o(e){var a=i(Object(r.a)(c.a.HEADER_ACTIONS),2)[1];Object(n.useEffect)((function(){return a(e),function(){a(null)}}),[!!e])}},1050:function(e,a,t){"use strict";var n=t(0),r=t.n(n),c=t(9),i=t(17),l=t(18),o=t(34);function s(e){return r.a.createElement("div",Object.assign({},e,{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:e.onKeyDown?e.onKeyDown:function(a){return"Enter"===a.key&&e.onClick(a)},onClick:e.onClick,style:e.style?e.style:{}}),e.children)}var u=t(90);function d(e){function a(){e.disabled||e.onClick.apply(e,arguments)}var t=e.disabled?"disabled":"",n=e.hideOutline?"outline-none":"",c=e.on?"on":"";e.disabled&&!e.showStateWhenDisabled&&(c="");var i="".concat("d-inline-block float-right align-top custom-toggle toggle-option"," ").concat(c," ").concat(t," ").concat(n);return e.tooltipText?r.a.createElement(u.a,{title:e.tooltipText,spanHack:!0},r.a.createElement(s,{onClick:a,className:i},r.a.createElement("span",{className:"handle"}))):r.a.createElement(s,{onClick:a,className:i},r.a.createElement("span",{className:"handle"}))}var m=t(35);function f(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(t.push(i.value),!a||t.length!==a);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return v(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return v(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var p=c.a.encloseNamespace("reportsShared.anonymiseAction");function b(){var e=f(Object(o.a)(m.a.ANONYMISE_USERS,!1),2),a=e[0],t=e[1];return r.a.createElement("div",{className:"d-flex align-items center justify-content-between",onClick:function(){return t(!a)}},r.a.createElement("span",{className:"mr-3"},p("hideNames")),r.a.createElement(d,{on:a,onClick:function(){}}))}var g=t(95),y=t(179),h=t(53),E=function(e,a){var t=e.primaryUrl;if(t){var n="";switch(a.typeId){case h.a.Video:n="/videos/".concat(a.id,"/").concat(y.a.slugify(a.name));break;case h.a.Interactive:n="/interactive/".concat(a.id,"/preview");break;case h.a.Clip:n="/clips/".concat(a.id,"/").concat(y.a.slugify(a.name));break;case h.a.Series:n="/series/".concat(a.id,"/").concat(y.a.slugify(a.name));break;case h.a.Playlist:n="/playlists/".concat(a.id,"/").concat(y.a.slugify(a.name))}if(n)return g.a.safeUrlConcat(t,n)}};t.d(a,"a",(function(){return j}));var w=c.a.encloseNamespace("reportsShared.utils");function j(e,a){if(e&&a){var t=[],n=E(e,a);return n&&t.push({label:function(){return r.a.createElement("span",{className:"d-flex justify-content-between align-items-center"},r.a.createElement("span",{className:"mr-2"},w("seeVideo")),r.a.createElement(i.a,{svgName:l.b.NewWindow}))},href:n,openInNewTab:!0}),t.push({label:function(){return r.a.createElement(b,null)}}),t}}},1055:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(0),r=t.n(n),c=t(1033);function i(e){return r.a.createElement(c.a,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},1059:function(e,a,t){"use strict";t.d(a,"a",(function(){return v}));var n=t(0),r=t.n(n),c=t(13),i=t(9),l=t(42),o=t(1031),s=t(178),u=t(1036),d=t(1082),m=t(1077),f=i.a.encloseNamespace("shared.viewCountBarChartCard");function v(e){var a,t=Object(s.a)(),n=c.a.useBasicFetch(!!e.useSharerId&&l.a.currentUser()),i=c.a.useBasicFetch(e.useSharerId?!!n.data&&o.a.views(t,e.objectId,n.data.id):o.a.views(t,e.objectId));return Object(u.a)(i),r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},i.data?r.a.createElement(d.a,{events:i.data.data,getEventDate:function(e){return e.groupedDateWatched},title:f("videoViews")}):r.a.createElement(m.a,null))}},1060:function(e,a,t){"use strict";t.d(a,"a",(function(){return f}));var n=t(0),r=t.n(n),c=t(13),i=t(9),l=t(42),o=t(178),s=t(1031),u=t(1033),d=t(1055),m=i.a.encloseNamespace("shared.engagementOverviewCard");function f(e){var a,t,n=Object(o.a)(),i=!n.users&&!n.classrooms&&!n.classroomGroups,f=c.a.useBasicFetch(!!e.useSharerId&&l.a.currentUser()),v=c.a.useBasicFetch(e.useSharerId?!!f.data&&s.a.aggregateEngagement(e.objectId,n,f.data.id):s.a.aggregateEngagement(e.objectId,n)),p=(null===(a=v.data)||void 0===a?void 0:a.engagementRate)>0?v.data.engagementRate:null;return r.a.createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("h6",{className:"mb-2"},m("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":"")},!!v.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(u.a,{percentage:p,layout:u.b.LabelInside}),r.a.createElement("p",{className:"horizontal"===e.layout?"ml-2":""},"number"==typeof p?m(i?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*v.data.engagementRate)}):m("descriptionNoData"))),!v.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(d.a,{layout:u.b.LabelInside}),"vertical"===e.layout&&r.a.createElement("p",null," "))))}},1157:function(e,a,t){"use strict";t.d(a,"a",(function(){return n}));var n={clip:function(e,a,t,n){return{url:"{gateway}/v1/objects/".concat(e),key:"clip:".concat(e),success:a,error:t,always:n}}}},1158:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t.n(n),c=t(9),i=t(7),l=t(19),o=t(1039),s=t(178),u=c.a.encloseNamespace("reportsClips.clipNav");function d(e){var a,t,n,c=Object(s.a)(),d=(a=e.id,t=c,n=[a],[{label:u("overview"),appLink:{application:i.a.CLIPS,action:l.a.Clips.OVERVIEW,args:n,params:t}},{label:u("engagement"),appLink:{application:i.a.CLIPS,action:l.a.Clips.ENGAGEMENT,args:n,params:t}}]);return r.a.createElement(o.a,{items:d})}},1257:function(e,a,t){e.exports={column1:"_21Sb7",column2:"HQyM4",barChart:"_10XJC"}},1267:function(e,a,t){"use strict";t.r(a),t.d(a,"ClipOverviewView",(function(){return j}));var n=t(0),r=t.n(n),c=t(13),i=t(9),l=t(1034),o=t(96),s=t(190),u=t(135),d=t(1037),m=t(1059),f=t(1046),v=t(1060),p=t(1157),b=t(1049),g=t(1050),y=t(1158),h=t(1257),E=t.n(h),w=i.a.encloseNamespace("reportsClips.clipOverview");function j(e){var a,t=c.a.useBasicFetch(p.a.clip(e.id)),n=c.a.useBasicFetch(o.a.config());Object(l.a)(t.data?w("pageTitle",{clip:t.data.name}):""),Object(d.a)(null===(a=t.data)||void 0===a?void 0:a.name),Object(b.a)(Object(g.a)(n.data,t.data));var i=!(0,Object(s.a)().hasPermissions)(u.a.ViewCustomerAnalytics);return r.a.createElement("div",null,r.a.createElement(y.a,{id:e.id}),r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"pr-2 ".concat(E.a.column1)},r.a.createElement(f.a,{objectId:e.id,useSharerId:i,className:"h-100"})),r.a.createElement("div",{className:"pl-2 ".concat(E.a.column2)},r.a.createElement(m.a,{objectId:e.id,className:E.a.barChart,useSharerId:i}),r.a.createElement("div",{className:"mt-3"},r.a.createElement(v.a,{objectId:e.id,useSharerId:i,layout:"horizontal"})))))}}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[17],{1031:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(95),r=t(51),c=t(1041),i={views:function(e,a,t,r,i,l){var o="video:views";a&&(o+=":".concat(a));var s=Object.assign({objectId:a},Object(c.a)(e,!0));return t&&(s.sharerId=t),{url:n.a.urlBuilder("{gateway}/v1/analytics/views",s),key:Object(c.b)(o,e,t),normalize:!1,success:r,error:i,always:l}},individualEngagement:function(e,a,t,r,i,l){var o=Object.assign({objectId:e},Object(c.a)(a));return t&&(o.sharerId=t),{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map",o),key:Object(c.b)("engagement:".concat(e),a,t),formatData:function(e){var a;return Object.assign(Object.assign({},e),{data:null===(a=e.data)||void 0===a?void 0:a.map((function(e){var a;return Object.assign(Object.assign({},e),{heatMap:null!==(a=e.heatMap)&&void 0!==a?a:[]})}))})},normalize:!1,success:r,error:i,always:l}},aggregateEngagement:function(e,a,t,r,i,l){var o=Object.assign({objectId:e},Object(c.a)(a));return t&&(o.sharerId=t),{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregations",o),key:Object(c.b)("aggregate:engagement:".concat(e),a,t),formatData:function(e){var a;return Object.assign(Object.assign({},e),{heatMap:null!==(a=e.heatMap)&&void 0!==a?a:[]})},normalize:!1,success:r,error:i,always:l}},topVideos:function(e,a,t,i,l){return{url:n.a.urlBuilder("{gateway}/v1/analytics/top-videos",Object.assign({"query.video":"thumbnail","query.interactive":"video[thumbnail],clip[video[thumbnail]],thumbnail","query.clip":"video[thumbnail]",limit:a},Object(c.a)(e))),key:Object(c.b)("top:videos:".concat(null!=a?a:0),e),normalize:!1,formatData:function(e){var a=r.a.sortBy(e.data,"count");return a.reverse(),Object.assign(Object.assign({},e),{data:a})},success:t,error:i,always:l}}}},1033:function(e,a,t){"use strict";var n,r,c=t(0),i=t.n(c),l=t(1047),o=t(1040),s=t.n(o);function u(e){var a=e===n.Large?5.8:2,t=e===n.Large?.36:.2;return"".concat(a/2-2*t,"rem")}function d(e){return e>=l.a.HIGH?"text-success":e>=l.a.MODERATE?"text-warning":"text-danger"}function m(e,a){var t="d-inline-block ".concat(s.a.circleContainer);return e===n.Large&&(t+=" ".concat(s.a.lgCircleContainer)),f(a)&&(t+=" ".concat(s.a.pendingCircle)),t}function f(e){return"number"!=typeof e}function v(e){var a,t=i.a.useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,r=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=r.toString()}}),[]);return i.a.createElement("svg",null,i.a.createElement("circle",{r:u(e.size),className:s.a.backgroundCircle}),!f(e.percentage)&&i.a.createElement("circle",{ref:t,r:u(e.size),className:(a=e.percentage,a>=l.a.HIGH?s.a.circleSuccess:a>=l.a.MODERATE?s.a.circleWarning:s.a.circleDanger)}))}function p(e){var a,t,c=function(e){if(!f(e))return+e.toFixed(2)}(e.percentage),l=e.layout===r.LabelInside?n.Large:n.Small,o=e.customLabel||(f(t=c)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===r.LabelOnly?i.a.createElement("span",{className:d(c)},o):i.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===r.LabelBefore&&i.a.createElement("span",{className:"mr-2"},o),i.a.createElement("div",{className:m(l,c)},i.a.createElement(v,{percentage:c,size:l}),e.layout===r.LabelInside&&i.a.createElement("span",{className:s.a.centredPercentageText},o)))}!function(e){e.Small="small",e.Large="large"}(n||(n={})),t.d(a,"b",(function(){return r})),t.d(a,"a",(function(){return p})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(r||(r={})),p.defaultProps={layout:r.CircleOnly}},1039:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t.n(n),c=t(14),i=t(41),l=t(97),o=t(1042),s=t.n(o);function u(e){var a="nav-link p-0 mb-0 mr-4 h6 text-dark";return"".concat(a,e?" active":" font-weight-normal")}function d(e){return r.a.createElement(c.Navbar,{className:"p-0 pb-3"},r.a.createElement(c.Nav,null,e.items.map((function(e,a){var t,n,o=e.appLink.action===(null===(n=null===(t=l.a.getCurrentRoute())||void 0===t?void 0:t.appLink)||void 0===n?void 0:n.action);return r.a.createElement(c.Nav.Item,{key:a},r.a.createElement(i.a,{appLink:e.appLink,className:u(o)},e.label),o&&r.a.createElement("div",{className:"mt-1 mr-4 ".concat(s.a.underline)}))}))))}},1040:function(e,a,t){e.exports={circleContainer:"_3uMQG",backgroundCircle:"_29byp",circleSuccess:"_1leSx",circleWarning:"_1yreR",circleDanger:"_13evQ",lgCircleContainer:"_2gBnl",pendingCircle:"NTTU7",centredPercentageText:"_1wF3E"}},1042:function(e,a,t){e.exports={underline:"_1eU3d"}},1046:function(e,a,t){"use strict";var n=t(0),r=t.n(n),c=t(13),i=t(42),l=t(1031),o=t(178),s=t(1036),u=t(1053),d=t(1051),m=t(1045),f=t(1032),v=t(9),p=t(1035),b=v.a.encloseNamespace("reportsShared.viewCountPieChartEmptyState");function g(e){return r.a.createElement(f.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(f.a.Image,{src:p.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(f.a.Heading,null,b("heading")),r.a.createElement(f.a.Info,{className:"w-100"},b(e.singular?"descriptionSingular":"descriptionMultiple")))}function y(e){var a,t=Object(o.a)(),n=c.a.useBasicFetch(!!e.useSharerId&&i.a.currentUser()),f=c.a.useBasicFetch(e.useSharerId?!!n.data&&l.a.views(t,e.objectId,n.data.id):l.a.views(t,e.objectId));return Object(s.a)(f),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:"")},f.data?r.a.createElement(u.a,{eventType:m.a.VideoView,events:f.data,objectId:e.objectId,emptyStateComponent:r.a.createElement(g,{singular:!!e.objectId})}):r.a.createElement(d.a,null))}t.d(a,"a",(function(){return y}))},1047:function(e,a,t){"use strict";t.d(a,"a",(function(){return n}));var n={HIGH:.75,MODERATE:.5}},1049:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var n=t(0),r=t(34),c=t(35);function i(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(t.push(i.value),!a||t.length!==a);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return l(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return l(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}function o(e){var a=i(Object(r.a)(c.a.HEADER_ACTIONS),2)[1];Object(n.useEffect)((function(){return a(e),function(){a(null)}}),[!!e])}},1050:function(e,a,t){"use strict";var n=t(0),r=t.n(n),c=t(9),i=t(17),l=t(18),o=t(34);function s(e){return r.a.createElement("div",Object.assign({},e,{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:e.onKeyDown?e.onKeyDown:function(a){return"Enter"===a.key&&e.onClick(a)},onClick:e.onClick,style:e.style?e.style:{}}),e.children)}var u=t(90);function d(e){function a(){e.disabled||e.onClick.apply(e,arguments)}var t=e.disabled?"disabled":"",n=e.hideOutline?"outline-none":"",c=e.on?"on":"";e.disabled&&!e.showStateWhenDisabled&&(c="");var i="".concat("d-inline-block float-right align-top custom-toggle toggle-option"," ").concat(c," ").concat(t," ").concat(n);return e.tooltipText?r.a.createElement(u.a,{title:e.tooltipText,spanHack:!0},r.a.createElement(s,{onClick:a,className:i},r.a.createElement("span",{className:"handle"}))):r.a.createElement(s,{onClick:a,className:i},r.a.createElement("span",{className:"handle"}))}var m=t(35);function f(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(t.push(i.value),!a||t.length!==a);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return v(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return v(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var p=c.a.encloseNamespace("reportsShared.anonymiseAction");function b(){var e=f(Object(o.a)(m.a.ANONYMISE_USERS,!1),2),a=e[0],t=e[1];return r.a.createElement("div",{className:"d-flex align-items center justify-content-between",onClick:function(){return t(!a)}},r.a.createElement("span",{className:"mr-3"},p("hideNames")),r.a.createElement(d,{on:a,onClick:function(){}}))}var g=t(95),y=t(226),h=t(53),E=function(e,a){var t=e.primaryUrl;if(t){var n="";switch(a.typeId){case h.a.Video:n="/videos/".concat(a.id,"/").concat(y.a.slugify(a.name));break;case h.a.Interactive:n="/interactive/".concat(a.id,"/preview");break;case h.a.Clip:n="/clips/".concat(a.id,"/").concat(y.a.slugify(a.name));break;case h.a.Series:n="/series/".concat(a.id,"/").concat(y.a.slugify(a.name));break;case h.a.Playlist:n="/playlists/".concat(a.id,"/").concat(y.a.slugify(a.name))}if(n)return g.a.safeUrlConcat(t,n)}};t.d(a,"a",(function(){return j}));var w=c.a.encloseNamespace("reportsShared.utils");function j(e,a){if(e&&a){var t=[],n=E(e,a);return n&&t.push({label:function(){return r.a.createElement("span",{className:"d-flex justify-content-between align-items-center"},r.a.createElement("span",{className:"mr-2"},w("seeVideo")),r.a.createElement(i.a,{svgName:l.b.NewWindow}))},href:n,openInNewTab:!0}),t.push({label:function(){return r.a.createElement(b,null)}}),t}}},1055:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(0),r=t.n(n),c=t(1033);function i(e){return r.a.createElement(c.a,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},1059:function(e,a,t){"use strict";t.d(a,"a",(function(){return v}));var n=t(0),r=t.n(n),c=t(13),i=t(9),l=t(42),o=t(1031),s=t(178),u=t(1036),d=t(1082),m=t(1077),f=i.a.encloseNamespace("shared.viewCountBarChartCard");function v(e){var a,t=Object(s.a)(),n=c.a.useBasicFetch(!!e.useSharerId&&l.a.currentUser()),i=c.a.useBasicFetch(e.useSharerId?!!n.data&&o.a.views(t,e.objectId,n.data.id):o.a.views(t,e.objectId));return Object(u.a)(i),r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},i.data?r.a.createElement(d.a,{events:i.data.data,getEventDate:function(e){return e.groupedDateWatched},title:f("videoViews")}):r.a.createElement(m.a,null))}},1060:function(e,a,t){"use strict";t.d(a,"a",(function(){return f}));var n=t(0),r=t.n(n),c=t(13),i=t(9),l=t(42),o=t(178),s=t(1031),u=t(1033),d=t(1055),m=i.a.encloseNamespace("shared.engagementOverviewCard");function f(e){var a,t,n=Object(o.a)(),i=!n.users&&!n.classrooms&&!n.classroomGroups,f=c.a.useBasicFetch(!!e.useSharerId&&l.a.currentUser()),v=c.a.useBasicFetch(e.useSharerId?!!f.data&&s.a.aggregateEngagement(e.objectId,n,f.data.id):s.a.aggregateEngagement(e.objectId,n)),p=(null===(a=v.data)||void 0===a?void 0:a.engagementRate)>0?v.data.engagementRate:null;return r.a.createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("h6",{className:"mb-2"},m("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":"")},!!v.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(u.a,{percentage:p,layout:u.b.LabelInside}),r.a.createElement("p",{className:"horizontal"===e.layout?"ml-2":""},"number"==typeof p?m(i?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*v.data.engagementRate)}):m("descriptionNoData"))),!v.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(d.a,{layout:u.b.LabelInside}),"vertical"===e.layout&&r.a.createElement("p",null," "))))}},1157:function(e,a,t){"use strict";t.d(a,"a",(function(){return n}));var n={clip:function(e,a,t,n){return{url:"{gateway}/v1/objects/".concat(e),key:"clip:".concat(e),success:a,error:t,always:n}}}},1158:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t.n(n),c=t(9),i=t(7),l=t(19),o=t(1039),s=t(178),u=c.a.encloseNamespace("reportsClips.clipNav");function d(e){var a,t,n,c=Object(s.a)(),d=(a=e.id,t=c,n=[a],[{label:u("overview"),appLink:{application:i.a.CLIPS,action:l.a.Clips.OVERVIEW,args:n,params:t}},{label:u("engagement"),appLink:{application:i.a.CLIPS,action:l.a.Clips.ENGAGEMENT,args:n,params:t}}]);return r.a.createElement(o.a,{items:d})}},1257:function(e,a,t){e.exports={column1:"_21Sb7",column2:"HQyM4",barChart:"_10XJC"}},1267:function(e,a,t){"use strict";t.r(a),t.d(a,"ClipOverviewView",(function(){return j}));var n=t(0),r=t.n(n),c=t(13),i=t(9),l=t(1034),o=t(96),s=t(189),u=t(135),d=t(1037),m=t(1059),f=t(1046),v=t(1060),p=t(1157),b=t(1049),g=t(1050),y=t(1158),h=t(1257),E=t.n(h),w=i.a.encloseNamespace("reportsClips.clipOverview");function j(e){var a,t=c.a.useBasicFetch(p.a.clip(e.id)),n=c.a.useBasicFetch(o.a.config());Object(l.a)(t.data?w("pageTitle",{clip:t.data.name}):""),Object(d.a)(null===(a=t.data)||void 0===a?void 0:a.name),Object(b.a)(Object(g.a)(n.data,t.data));var i=!(0,Object(s.a)().hasPermissions)(u.a.ViewCustomerAnalytics);return r.a.createElement("div",null,r.a.createElement(y.a,{id:e.id}),r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"pr-2 ".concat(E.a.column1)},r.a.createElement(f.a,{objectId:e.id,useSharerId:i,className:"h-100"})),r.a.createElement("div",{className:"pl-2 ".concat(E.a.column2)},r.a.createElement(m.a,{objectId:e.id,className:E.a.barChart,useSharerId:i}),r.a.createElement("div",{className:"mt-3"},r.a.createElement(v.a,{objectId:e.id,useSharerId:i,layout:"horizontal"})))))}}}]);

package/dist/scripts/{18-0da69c39e8-reports.chunk.js → 18-26f6bc5fe8-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[18],{1088:function(e,t,n){"use strict";var a=n(0),r=n(54);function i(e){var t,n;return t=e,n=r.a.getInstance(t),a.useEffect((function(){return function(){r.a.releaseInstance(t)}})),n}var c=n(85),s=n(115);function o(){var e=i(s.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 o}))},1133:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1151:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(84),i=n(13),c=n(9),s=n(1088),o=n(1054),l=n(1052);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=[],a=!0,r=!1,i=void 0;try{for(var c,s=e[Symbol.iterator]();!(a=(c=s.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var d=c.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var c=u(Object(a.useState)({}),2),m=c[0],f=c[1],v=Object(r.useDispatch)(),g=Object(s.a)();return{markedAnswers:m,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(a={},r=Object(l.c)(e),i=Object.assign(Object.assign({},e),{status:t}),r in a?Object.defineProperty(a,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[r]=i,a));var a,r,i}))}))},submitMarkedAnswers:function(){var a=Object.keys(m).map((function(e){return m[e]}));if(a.length){var r=0,c=0;a.forEach((function(n){var a=n.id,r=n.resultId,c=n.questionId,u=n.status;i.a.fetch(v,o.a.mark(e,t,a,{id:a,resultId:r,questionId:c,status:u},s,null,l))}))}function s(){c++}function l(){++r===a.length&&function(){var e="",t=!1;0===c&&(e=d("error",{smartCount:a.length}),t=!0);c<r&&(e=d("success",{smartCount:c})+" ".concat(d("partialError",{smartCount:r-c})));c===r&&(e=d("success",{smartCount:c}));t?g.error(e):g.success(e),f({}),n&&n()}()}}}}},1152:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1153:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1154:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1159:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(180),c=n(129),s=n(1070),o=n(1086),l=n(119),u=n(1085);var m=n(17),d=n(18),f=n(1152),v=n.n(f),g=["A","B","C","D"];function b(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return r.a.createElement(r.a.Fragment,null,e.interaction.actionableItems.map((function(a,c){var s=e.getSelectedAnswer(a.id);if(e.onlyShowSelectedAnswer&&!s)return r.a.createElement(r.a.Fragment,{key:c});var o=s?"bg-info text-white":e.unCheckedBackground,l=function(){return r.a.createElement(r.a.Fragment,null,g[c])};e.showFeedback&&(o=a.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(l=function(){return r.a.createElement(r.a.Fragment,null,a.isCorrect?r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Check}):r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Close}))}));var u=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(a,!s)}};return r.a.createElement(r.a.Fragment,{key:c},r.a.createElement("input",{id:a.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!s,onChange:function(){return n(a,!s)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),r.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(v.a.answer,"\n                ").concat(o),key:c,htmlFor:a.id},u),r.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},r.a.createElement(l,null)),r.a.createElement("span",{className:"flex-grow-1 pr-4"},a.name),!e.onlyShowSelectedAnswer&&r.a.createElement("span",{className:v.a.avatarContainer},s&&r.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}b.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(1133),w=n.n(p);var h=n(51);var y,E=n(1153),k=n.n(E);function N(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return r.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,a){var c=e.getSelectedAnswer(n.id),s=c?"bg-info text-white":e.unCheckedBackground,o=function(){return r.a.createElement(r.a.Fragment,null)};e.showFeedback&&(s=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(k.a.incorrect),e.hideFeedbackIcons||(o=function(){return r.a.createElement(r.a.Fragment,null,n.isCorrect?r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Check}):r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return r.a.createElement("label",Object.assign({key:a,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(s)},l),r.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,r.a.createElement("span",{className:"position-absolute p-2 ".concat(k.a.feedback)},r.a.createElement(o,null)),r.a.createElement("span",{className:"".concat(k.a.avatarContainer).concat("sm"===e.size?" ".concat(k.a.avatarContainerSmall):"")},c&&r.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function I(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}N.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var C=function(){return r.a.createElement(r.a.Fragment,null)},S=(I(y={},l.InteractionTypeId.Annotation,C),I(y,l.InteractionTypeId.Image,C),I(y,l.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),r.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var a=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===a}));if(i){var c=e.answers.find((function(e){return e.id==i.id}));if(c){if(!e.showFeedback)return r.a.createElement("strong",{key:n,className:"text-info"},c.text);var s=c.status===u.a.Correct;return r.a.createElement(r.a.Fragment,{key:n},!s&&r.a.createElement(r.a.Fragment,null,r.a.createElement("del",{className:"text-danger"},r.a.createElement("strong",null,c.text))," "),r.a.createElement("strong",{className:"text-success"},i.name))}}})))})),I(y,l.InteractionTypeId.MultipleChoice,(function(e){var t,n,a,i,s="my-2";return e.reportsStyling&&(s+=" mx-2"),r.a.createElement("div",{className:s},r.a.createElement(b,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?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===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(w.a.uncheckedBackground," text-white")}))})),I(y,l.InteractionTypeId.TrueOrFalse,(function(e){var t,n,a,i,s="justify-content-start";return e.reportsStyling&&(s="justify-content-center"),r.a.createElement("div",{className:"my-2"},r.a.createElement(N,{className:s,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?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===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(w.a.uncheckedBackground," text-white")}))})),I(y,l.InteractionTypeId.ShortAnswer,(function(e){var t=h.a.first(e.answers);if(!t)return r.a.createElement(r.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),r.a.createElement("div",{className:n},t.text)})),y),A=n(9).a.encloseNamespace("interactives.responseTypes");function x(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,A("noResponse")))}var j=n(1069);function F(e){return r.a.createElement(r.a.Fragment,null,e.correctness===j.a.Correct&&r.a.createElement("div",{className:"ml-2 text-success"},r.a.createElement(m.a,{svgName:d.b.Check})),e.correctness===j.a.Incorrect&&r.a.createElement("div",{className:"ml-2 text-danger"},r.a.createElement(m.a,{svgName:d.b.Close})))}function O(e){return r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,e.anonymisedUserName||c.a.getFullName(e.studentResults.user)),r.a.createElement(F,{correctness:e.correctness}))}function M(e){return e.correctness!==j.a.AwaitingMarking?r.a.createElement(r.a.Fragment,null):r.a.createElement("div",{className:"d-flex justify-content-end mt-1"},r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Correct?"text-success":"")},r.a.createElement(m.a,{svgName:e.markedStatus===u.a.Correct?d.b.CheckCircle:d.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Correct)}})),r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},r.a.createElement(m.a,{svgName:e.markedStatus===u.a.Incorrect?d.b.CrossCircleFilled:d.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Incorrect)}})))}var U=n(1154),B=n.n(U);function T(e){var t,n,a,l,u,m=S[e.interaction.typeId];if(!m)return r.a.createElement(r.a.Fragment,null);var d=Object(s.d)(e.studentResults),f=Object(s.c)(e.interaction.id,d),v=o.a.isInteractionCorrect(e.interaction,d);return r.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&r.a.createElement("div",{className:"mr-2"},r.a.createElement("div",{className:B.a.avatarContainer},r.a.createElement(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===(a=e.studentResults.user)||void 0===a?void 0:a.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(l=e.studentResults.user)||void 0===l?void 0:l.avatar)||void 0===u?void 0:u.url}))),r.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&r.a.createElement(O,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),r.a.createElement("div",{className:"d-flex justify-content-between"},r.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?r.a.createElement(m,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):r.a.createElement(x,null)),!e.showStudentDetails&&r.a.createElement(F,{correctness:v})))),r.a.createElement(M,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},1172:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},1247:function(e,t,n){e.exports={row:"nfUpJ"}},1271:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),i=n(13),c=n(9),s=n(1034),o=n(96),l=n(197),u=n(219);function m(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,i=void 0;try{for(var c,s=e[Symbol.iterator]();!(a=(c=s.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var f=c.a.encloseNamespace("shared.confirmationPopup");function v(e){var t=m(a.useState(!1),2),n=t[0],r=t[1],i=[{variant:e.cancelButtonVariant,onClick:e.closePopup,buttonText:e.cancelButtonText||f("cancel")},{variant:e.confirmButtonVariant,onClick:function(){r(!0),e.onClickConfirm()},buttonText:e.confirmButtonText||f("confirm"),isSpinnerButton:!0,showSpinner:n}];return a.createElement(l.a,{title:e.title,closePopup:e.closePopup},a.createElement(a.Fragment,null,e.children,a.createElement(u.a,{buttons:i})))}v.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var g=n(1054),b=n(1037),p=n(1151),w=n(1067),h=n(1049),y=n(1050),E=n(1056),k=n(1084),N=n(1169),I=n(1137),C=n(1170),S=n(1071),A=n(117),x=n(1058),j=n(1052),F=n(34),O=n(1069),M=n(1032),U=n(1086),B=n(1070),T=n(1159),R=n(1035),_=n(35),D=n(1043),P=c.a.encloseNamespace("interactives.submitMarkedAnswers");function z(e){return r.a.createElement("div",{className:"d-flex justify-content-end pt-2"},r.a.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},P("submitAnswers")))}var H=n(1065),K=n(1172),L=n.n(K),V=c.a.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return r.a.createElement("div",{className:"rounded bg-white"},r.a.createElement("div",{className:"p-2 position-relative"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(H.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),e.awaitingMarking&&r.a.createElement("div",{className:L.a.awaitingMarking}),!!n&&r.a.createElement("div",{className:"mt-2"},r.a.createElement("strong",null,V("suggestedResponse")),r.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=[],a=!0,r=!1,i=void 0;try{for(var c,s=e[Symbol.iterator]();!(a=(c=s.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return J(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 J(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 J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var $=c.a.encloseNamespace("interactives.interactionResponseList");function Q(e){var t,n,a=(n=e.interaction,e.results.students.filter((function(e){return U.a.isInteractionCorrect(n,Object(B.d)(e))===O.a.AwaitingMarking}))),i=Object.keys(e.markedAnswers).length,c=W(Object(F.a)(_.a.ANONYMISE_USERS),1)[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?r.a.createElement(r.a.Fragment,null,r.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!a.length}),!!a.length&&r.a.createElement(z,{submit:e.submitMarkedAnswers,disabled:!i}),r.a.createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var i=a.some((function(e){return e.user.id===t.user.id}));return r.a.createElement("li",{key:n,className:"position-relative mt-2"},r.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(D.a)(t.user,!0):null,className:"bg-white p-2",showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}),i&&r.a.createElement("div",{className:L.a.awaitingMarking}))}))),!!a.length&&r.a.createElement(z,{submit:e.submitMarkedAnswers,disabled:!i})):r.a.createElement("div",{className:"d-flex flex-column h-100"},r.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!a.length}),r.a.createElement(M.a,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},r.a.createElement(M.a.Image,{src:R.a.EmptyStates.Interactives.NoResponses}),r.a.createElement(M.a.Heading,null,$("emptyStateHeading")),r.a.createElement(M.a.Info,null,$("emptyStateDescription"))))}var Y=c.a.encloseNamespace("interactives.selectedInteractionEmptyState");function G(){return r.a.createElement(M.a,{className:"rounded h-100 bg-white justify-content-center py-4"},r.a.createElement(M.a.Image,{src:R.a.EmptyStates.Interactives.SelectQuestion}),r.a.createElement(M.a.Heading,null,Y("emptyStateText")))}var X=n(1033),Z=n(1171),ee=c.a.encloseNamespace("interactives.questionTable");function te(e,t,n){var a=e.cells.find((function(e){return e.column.id===n})).value,r=t.cells.find((function(e){return e.column.id===n})).value;return a.awaitingMarking?-1:r.awaitingMarking||a.percentCorrect>=r.percentCorrect?1:-1}function ne(e){var t;return r.a.createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function ae(e){return r.a.createElement(ne,{className:e.column.isSorted&&"font-weight-bold"},ee(e.phraseKey))}var re=n(1247),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(re).a.row),selectedRow:"bg-light",sortIndicator:"ml-2"};function ce(e){var t,n,a,i=(t=e.interactive,n=e.results,a=e.refreshTable,r.a.useMemo((function(){return Object(B.b)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(j.b)(e,n)})}))}),[a])),c=e.selectedInteractionId&&Object(j.a)(e.interactive,e.selectedInteractionId);return r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6"},r.a.createElement(x.a,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return r.a.createElement(ae,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return r.a.createElement(ne,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return r.a.createElement(ae,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return r.a.createElement(ne,null,r.a.createElement("div",{className:"clamp-1"},r.a.createElement(H.a,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return r.a.createElement(ae,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?r.a.createElement("div",{className:"d-flex w-75"},r.a.createElement(Z.a,{title:ee("markingRequired"),className:"flex-grow-1"})):r.a.createElement("div",{className:"w-75"},r.a.createElement(X.a,{percentage:n,layout:X.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})),r.a.createElement("div",{className:"col-6"},!!c&&r.a.createElement(Q,{interaction:c,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!c&&r.a.createElement(G,null)))}function se(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,i=void 0;try{for(var c,s=e[Symbol.iterator]();!(a=(c=s.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return oe(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 oe(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 oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"InteractiveQuestionListView",(function(){return ue}));var le=c.a.encloseNamespace("interactives.interactiveQuestionList");function ue(e){var t,n,a,c,l,u=se(r.a.useState(!1),2),m=u[0],d=u[1],f=i.a.useBasicFetch(g.a.interactiveMetadata(e.interactiveMetadataId)),A=i.a.useBasicFetch((null===(t=f.data)||void 0===t?void 0:t.interactiveId)?g.a.interactive(f.data.interactiveId):null),x=Object(S.a)(e.interactiveMetadataId),j=i.a.useBasicFetch(o.a.config());Object(s.a)(f.data?le("pageTitle",{interactive:f.data.name}):""),Object(b.a)(null===(n=f.data)||void 0===n?void 0:n.name),Object(h.a)(Object(y.a)(j.data,f.data)),Object(I.a)(e.interactiveMetadataId),Object(C.a)(x),Object(w.a)(f);var F=Object(N.a)(x),O=Object(p.a)(null===(a=A.data)||void 0===a?void 0:a.id,null===(c=f.data)||void 0===c?void 0:c.id,(function(){return d(!1)})),M=O.markedAnswers,U=O.addMarkedAnswers,B=O.submitMarkedAnswers,T=!!A.data&&!!x.data&&!!j.data;return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement(k.a,{interactiveMetadataId:e.interactiveMetadataId}),T?r.a.createElement(ce,{interactive:A.data,results:x.data,markedAnswers:M,addMarkedAnswers:U,submitMarkedAnswers:function(){return d(!0)},imageCdnUrl:j.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:F}):r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6"},r.a.createElement(E.a,null)))),m&&r.a.createElement(v,{title:le("markPopupTitle",{smartCount:null!==(l=Object.keys(M).length)&&void 0!==l?l:0}),closePopup:function(){return d(!1)},confirmButtonText:le("submit"),confirmButtonVariant:"dark",onClickConfirm:B},r.a.createElement("p",null,le("markPopupBody"))))}}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[18],{1088:function(e,t,n){"use strict";var a=n(0),r=n(54);function i(e){var t,n;return t=e,n=r.a.getInstance(t),a.useEffect((function(){return function(){r.a.releaseInstance(t)}})),n}var c=n(85),s=n(115);function o(){var e=i(s.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 o}))},1133:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1151:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(84),i=n(13),c=n(9),s=n(1088),o=n(1054),l=n(1052);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=[],a=!0,r=!1,i=void 0;try{for(var c,s=e[Symbol.iterator]();!(a=(c=s.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var d=c.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var c=u(Object(a.useState)({}),2),m=c[0],f=c[1],v=Object(r.useDispatch)(),g=Object(s.a)();return{markedAnswers:m,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(a={},r=Object(l.c)(e),i=Object.assign(Object.assign({},e),{status:t}),r in a?Object.defineProperty(a,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[r]=i,a));var a,r,i}))}))},submitMarkedAnswers:function(){var a=Object.keys(m).map((function(e){return m[e]}));if(a.length){var r=0,c=0;a.forEach((function(n){var a=n.id,r=n.resultId,c=n.questionId,u=n.status;i.a.fetch(v,o.a.mark(e,t,a,{id:a,resultId:r,questionId:c,status:u},s,null,l))}))}function s(){c++}function l(){++r===a.length&&function(){var e="",t=!1;0===c&&(e=d("error",{smartCount:a.length}),t=!0);c<r&&(e=d("success",{smartCount:c})+" ".concat(d("partialError",{smartCount:r-c})));c===r&&(e=d("success",{smartCount:c}));t?g.error(e):g.success(e),f({}),n&&n()}()}}}}},1152:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1153:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1154:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1159:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(179),c=n(129),s=n(1070),o=n(1086),l=n(119),u=n(1085);var m=n(17),d=n(18),f=n(1152),v=n.n(f),g=["A","B","C","D"];function b(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return r.a.createElement(r.a.Fragment,null,e.interaction.actionableItems.map((function(a,c){var s=e.getSelectedAnswer(a.id);if(e.onlyShowSelectedAnswer&&!s)return r.a.createElement(r.a.Fragment,{key:c});var o=s?"bg-info text-white":e.unCheckedBackground,l=function(){return r.a.createElement(r.a.Fragment,null,g[c])};e.showFeedback&&(o=a.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(l=function(){return r.a.createElement(r.a.Fragment,null,a.isCorrect?r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Check}):r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Close}))}));var u=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(a,!s)}};return r.a.createElement(r.a.Fragment,{key:c},r.a.createElement("input",{id:a.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!s,onChange:function(){return n(a,!s)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),r.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(v.a.answer,"\n                ").concat(o),key:c,htmlFor:a.id},u),r.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},r.a.createElement(l,null)),r.a.createElement("span",{className:"flex-grow-1 pr-4"},a.name),!e.onlyShowSelectedAnswer&&r.a.createElement("span",{className:v.a.avatarContainer},s&&r.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}b.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(1133),w=n.n(p);var h=n(51);var y,E=n(1153),k=n.n(E);function N(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return r.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,a){var c=e.getSelectedAnswer(n.id),s=c?"bg-info text-white":e.unCheckedBackground,o=function(){return r.a.createElement(r.a.Fragment,null)};e.showFeedback&&(s=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(k.a.incorrect),e.hideFeedbackIcons||(o=function(){return r.a.createElement(r.a.Fragment,null,n.isCorrect?r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Check}):r.a.createElement(m.a,{size:m.b.Small,svgName:d.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return r.a.createElement("label",Object.assign({key:a,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(s)},l),r.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,r.a.createElement("span",{className:"position-absolute p-2 ".concat(k.a.feedback)},r.a.createElement(o,null)),r.a.createElement("span",{className:"".concat(k.a.avatarContainer).concat("sm"===e.size?" ".concat(k.a.avatarContainerSmall):"")},c&&r.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function I(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}N.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var C=function(){return r.a.createElement(r.a.Fragment,null)},S=(I(y={},l.InteractionTypeId.Annotation,C),I(y,l.InteractionTypeId.Image,C),I(y,l.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),r.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var a=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===a}));if(i){var c=e.answers.find((function(e){return e.id==i.id}));if(c){if(!e.showFeedback)return r.a.createElement("strong",{key:n,className:"text-info"},c.text);var s=c.status===u.a.Correct;return r.a.createElement(r.a.Fragment,{key:n},!s&&r.a.createElement(r.a.Fragment,null,r.a.createElement("del",{className:"text-danger"},r.a.createElement("strong",null,c.text))," "),r.a.createElement("strong",{className:"text-success"},i.name))}}})))})),I(y,l.InteractionTypeId.MultipleChoice,(function(e){var t,n,a,i,s="my-2";return e.reportsStyling&&(s+=" mx-2"),r.a.createElement("div",{className:s},r.a.createElement(b,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?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===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(w.a.uncheckedBackground," text-white")}))})),I(y,l.InteractionTypeId.TrueOrFalse,(function(e){var t,n,a,i,s="justify-content-start";return e.reportsStyling&&(s="justify-content-center"),r.a.createElement("div",{className:"my-2"},r.a.createElement(N,{className:s,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?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===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(w.a.uncheckedBackground," text-white")}))})),I(y,l.InteractionTypeId.ShortAnswer,(function(e){var t=h.a.first(e.answers);if(!t)return r.a.createElement(r.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),r.a.createElement("div",{className:n},t.text)})),y),A=n(9).a.encloseNamespace("interactives.responseTypes");function x(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,A("noResponse")))}var j=n(1069);function F(e){return r.a.createElement(r.a.Fragment,null,e.correctness===j.a.Correct&&r.a.createElement("div",{className:"ml-2 text-success"},r.a.createElement(m.a,{svgName:d.b.Check})),e.correctness===j.a.Incorrect&&r.a.createElement("div",{className:"ml-2 text-danger"},r.a.createElement(m.a,{svgName:d.b.Close})))}function O(e){return r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,e.anonymisedUserName||c.a.getFullName(e.studentResults.user)),r.a.createElement(F,{correctness:e.correctness}))}function M(e){return e.correctness!==j.a.AwaitingMarking?r.a.createElement(r.a.Fragment,null):r.a.createElement("div",{className:"d-flex justify-content-end mt-1"},r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Correct?"text-success":"")},r.a.createElement(m.a,{svgName:e.markedStatus===u.a.Correct?d.b.CheckCircle:d.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Correct)}})),r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},r.a.createElement(m.a,{svgName:e.markedStatus===u.a.Incorrect?d.b.CrossCircleFilled:d.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Incorrect)}})))}var U=n(1154),B=n.n(U);function T(e){var t,n,a,l,u,m=S[e.interaction.typeId];if(!m)return r.a.createElement(r.a.Fragment,null);var d=Object(s.d)(e.studentResults),f=Object(s.c)(e.interaction.id,d),v=o.a.isInteractionCorrect(e.interaction,d);return r.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&r.a.createElement("div",{className:"mr-2"},r.a.createElement("div",{className:B.a.avatarContainer},r.a.createElement(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===(a=e.studentResults.user)||void 0===a?void 0:a.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(l=e.studentResults.user)||void 0===l?void 0:l.avatar)||void 0===u?void 0:u.url}))),r.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&r.a.createElement(O,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),r.a.createElement("div",{className:"d-flex justify-content-between"},r.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?r.a.createElement(m,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):r.a.createElement(x,null)),!e.showStudentDetails&&r.a.createElement(F,{correctness:v})))),r.a.createElement(M,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},1172:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},1247:function(e,t,n){e.exports={row:"nfUpJ"}},1271:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),i=n(13),c=n(9),s=n(1034),o=n(96),l=n(196),u=n(218);function m(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,i=void 0;try{for(var c,s=e[Symbol.iterator]();!(a=(c=s.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var f=c.a.encloseNamespace("shared.confirmationPopup");function v(e){var t=m(a.useState(!1),2),n=t[0],r=t[1],i=[{variant:e.cancelButtonVariant,onClick:e.closePopup,buttonText:e.cancelButtonText||f("cancel")},{variant:e.confirmButtonVariant,onClick:function(){r(!0),e.onClickConfirm()},buttonText:e.confirmButtonText||f("confirm"),isSpinnerButton:!0,showSpinner:n}];return a.createElement(l.a,{title:e.title,closePopup:e.closePopup},a.createElement(a.Fragment,null,e.children,a.createElement(u.a,{buttons:i})))}v.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var g=n(1054),b=n(1037),p=n(1151),w=n(1067),h=n(1049),y=n(1050),E=n(1056),k=n(1084),N=n(1169),I=n(1137),C=n(1170),S=n(1071),A=n(117),x=n(1058),j=n(1052),F=n(34),O=n(1069),M=n(1032),U=n(1086),B=n(1070),T=n(1159),R=n(1035),_=n(35),D=n(1043),P=c.a.encloseNamespace("interactives.submitMarkedAnswers");function z(e){return r.a.createElement("div",{className:"d-flex justify-content-end pt-2"},r.a.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},P("submitAnswers")))}var H=n(1065),K=n(1172),L=n.n(K),V=c.a.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return r.a.createElement("div",{className:"rounded bg-white"},r.a.createElement("div",{className:"p-2 position-relative"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(H.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),e.awaitingMarking&&r.a.createElement("div",{className:L.a.awaitingMarking}),!!n&&r.a.createElement("div",{className:"mt-2"},r.a.createElement("strong",null,V("suggestedResponse")),r.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=[],a=!0,r=!1,i=void 0;try{for(var c,s=e[Symbol.iterator]();!(a=(c=s.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return J(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 J(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 J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var $=c.a.encloseNamespace("interactives.interactionResponseList");function Q(e){var t,n,a=(n=e.interaction,e.results.students.filter((function(e){return U.a.isInteractionCorrect(n,Object(B.d)(e))===O.a.AwaitingMarking}))),i=Object.keys(e.markedAnswers).length,c=W(Object(F.a)(_.a.ANONYMISE_USERS),1)[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?r.a.createElement(r.a.Fragment,null,r.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!a.length}),!!a.length&&r.a.createElement(z,{submit:e.submitMarkedAnswers,disabled:!i}),r.a.createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var i=a.some((function(e){return e.user.id===t.user.id}));return r.a.createElement("li",{key:n,className:"position-relative mt-2"},r.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(D.a)(t.user,!0):null,className:"bg-white p-2",showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}),i&&r.a.createElement("div",{className:L.a.awaitingMarking}))}))),!!a.length&&r.a.createElement(z,{submit:e.submitMarkedAnswers,disabled:!i})):r.a.createElement("div",{className:"d-flex flex-column h-100"},r.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!a.length}),r.a.createElement(M.a,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},r.a.createElement(M.a.Image,{src:R.a.EmptyStates.Interactives.NoResponses}),r.a.createElement(M.a.Heading,null,$("emptyStateHeading")),r.a.createElement(M.a.Info,null,$("emptyStateDescription"))))}var Y=c.a.encloseNamespace("interactives.selectedInteractionEmptyState");function G(){return r.a.createElement(M.a,{className:"rounded h-100 bg-white justify-content-center py-4"},r.a.createElement(M.a.Image,{src:R.a.EmptyStates.Interactives.SelectQuestion}),r.a.createElement(M.a.Heading,null,Y("emptyStateText")))}var X=n(1033),Z=n(1171),ee=c.a.encloseNamespace("interactives.questionTable");function te(e,t,n){var a=e.cells.find((function(e){return e.column.id===n})).value,r=t.cells.find((function(e){return e.column.id===n})).value;return a.awaitingMarking?-1:r.awaitingMarking||a.percentCorrect>=r.percentCorrect?1:-1}function ne(e){var t;return r.a.createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function ae(e){return r.a.createElement(ne,{className:e.column.isSorted&&"font-weight-bold"},ee(e.phraseKey))}var re=n(1247),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(re).a.row),selectedRow:"bg-light",sortIndicator:"ml-2"};function ce(e){var t,n,a,i=(t=e.interactive,n=e.results,a=e.refreshTable,r.a.useMemo((function(){return Object(B.b)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(j.b)(e,n)})}))}),[a])),c=e.selectedInteractionId&&Object(j.a)(e.interactive,e.selectedInteractionId);return r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6"},r.a.createElement(x.a,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return r.a.createElement(ae,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return r.a.createElement(ne,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return r.a.createElement(ae,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return r.a.createElement(ne,null,r.a.createElement("div",{className:"clamp-1"},r.a.createElement(H.a,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return r.a.createElement(ae,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?r.a.createElement("div",{className:"d-flex w-75"},r.a.createElement(Z.a,{title:ee("markingRequired"),className:"flex-grow-1"})):r.a.createElement("div",{className:"w-75"},r.a.createElement(X.a,{percentage:n,layout:X.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})),r.a.createElement("div",{className:"col-6"},!!c&&r.a.createElement(Q,{interaction:c,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!c&&r.a.createElement(G,null)))}function se(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,i=void 0;try{for(var c,s=e[Symbol.iterator]();!(a=(c=s.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return oe(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 oe(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 oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"InteractiveQuestionListView",(function(){return ue}));var le=c.a.encloseNamespace("interactives.interactiveQuestionList");function ue(e){var t,n,a,c,l,u=se(r.a.useState(!1),2),m=u[0],d=u[1],f=i.a.useBasicFetch(g.a.interactiveMetadata(e.interactiveMetadataId)),A=i.a.useBasicFetch((null===(t=f.data)||void 0===t?void 0:t.interactiveId)?g.a.interactive(f.data.interactiveId):null),x=Object(S.a)(e.interactiveMetadataId),j=i.a.useBasicFetch(o.a.config());Object(s.a)(f.data?le("pageTitle",{interactive:f.data.name}):""),Object(b.a)(null===(n=f.data)||void 0===n?void 0:n.name),Object(h.a)(Object(y.a)(j.data,f.data)),Object(I.a)(e.interactiveMetadataId),Object(C.a)(x),Object(w.a)(f);var F=Object(N.a)(x),O=Object(p.a)(null===(a=A.data)||void 0===a?void 0:a.id,null===(c=f.data)||void 0===c?void 0:c.id,(function(){return d(!1)})),M=O.markedAnswers,U=O.addMarkedAnswers,B=O.submitMarkedAnswers,T=!!A.data&&!!x.data&&!!j.data;return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement(k.a,{interactiveMetadataId:e.interactiveMetadataId}),T?r.a.createElement(ce,{interactive:A.data,results:x.data,markedAnswers:M,addMarkedAnswers:U,submitMarkedAnswers:function(){return d(!0)},imageCdnUrl:j.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:F}):r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6"},r.a.createElement(E.a,null)))),m&&r.a.createElement(v,{title:le("markPopupTitle",{smartCount:null!==(l=Object.keys(M).length)&&void 0!==l?l:0}),closePopup:function(){return d(!1)},confirmButtonText:le("submit"),confirmButtonVariant:"dark",onClickConfirm:B},r.a.createElement("p",null,le("markPopupBody"))))}}}]);

package/dist/scripts/{19-bd32ddc053-reports.chunk.js → 19-deac31bfae-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[19],{1038: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}))},1041:function(e,t,n){"use strict";n.d(t,"b",(function(){return l})),n.d(t,"c",(function(){return u})),n.d(t,"a",(function(){return d}));var a=n(49),r=n(1048),c=n(100),s=n(1038);function i(e){return function(e){if(Array.isArray(e))return o(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 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)||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 o(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 l(e,t,n){var a=Object(s.a)(t),r=e;return a&&(r+=":".concat(a)),n&&(r+=":".concat(n)),r}function u(e){var t=function(e){return Object(r.a)(a.a.startOf(e,"day"))},n=function(e){return Object(r.a)(a.a.endOf(e,"day"))},s=Object(c.g)(e.rangeName);if(s)return{start:t(Object(c.a)(s.startDate)),end:n(Object(c.a)(s.endDate))};if(e.from&&e.to)return{start:t(e.from),end:n(e.to)};var i=Object(c.c)();return{start:t(Object(c.a)(i.startDate)),end:n(Object(c.a)(i.endDate))}}function d(e,t){var n,r,c=t?a.a.getTimezoneOffset():null;return Object.assign({userId:e.users,groupId:[].concat(i(null!==(n=e.classrooms)&&void 0!==n?n:[]),i(null!==(r=e.classroomGroups)&&void 0!==r?r:[])),timeOffset:c},u(e))}},1043:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return l}));var a=n(1083),r=n(9),c=n(129),s=n(272),i=r.a.encloseNamespace("reportsShared.utils");function o(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)):c.a.getFullName(e)}function l(e){switch(e.toLowerCase()){case s.a.Learner:return i("student");case s.a.Staff:return i("staff");default:return e}}},1048:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(49);function r(e){var t=a.a.convertDateToUTC(e);return a.a.format(t,"YYYY-MM-DDTHH:mm:ss")}},1088:function(e,t,n){"use strict";var a=n(0),r=n(54);function c(e){var t,n;return t=e,n=r.a.getInstance(t),a.useEffect((function(){return function(){r.a.releaseInstance(t)}})),n}var s=n(85),i=n(115);function o(){var e=c(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:s.a.Warning,heading:s.c.Warning,message:t})}}}n.d(t,"a",(function(){return o}))},1133:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1151:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(84),c=n(13),s=n(9),i=n(1088),o=n(1054),l=n(1052);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=[],a=!0,r=!1,c=void 0;try{for(var s,i=e[Symbol.iterator]();!(a=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var m=s.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var s=u(Object(a.useState)({}),2),d=s[0],f=s[1],v=Object(r.useDispatch)(),b=Object(i.a)();return{markedAnswers:d,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(a={},r=Object(l.c)(e),c=Object.assign(Object.assign({},e),{status:t}),r in a?Object.defineProperty(a,r,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[r]=c,a));var a,r,c}))}))},submitMarkedAnswers:function(){var a=Object.keys(d).map((function(e){return d[e]}));if(a.length){var r=0,s=0;a.forEach((function(n){var a=n.id,r=n.resultId,s=n.questionId,u=n.status;c.a.fetch(v,o.a.mark(e,t,a,{id:a,resultId:r,questionId:s,status:u},i,null,l))}))}function i(){s++}function l(){++r===a.length&&function(){var e="",t=!1;0===s&&(e=m("error",{smartCount:a.length}),t=!0);s<r&&(e=m("success",{smartCount:s})+" ".concat(m("partialError",{smartCount:r-s})));s===r&&(e=m("success",{smartCount:s}));t?b.error(e):b.success(e),f({}),n&&n()}()}}}}},1152:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1153:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1154:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1159:function(e,t,n){"use strict";var a=n(0),r=n.n(a),c=n(180),s=n(129),i=n(1070),o=n(1086),l=n(119),u=n(1085);var d=n(17),m=n(18),f=n(1152),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 r.a.createElement(r.a.Fragment,null,e.interaction.actionableItems.map((function(a,s){var i=e.getSelectedAnswer(a.id);if(e.onlyShowSelectedAnswer&&!i)return r.a.createElement(r.a.Fragment,{key:s});var o=i?"bg-info text-white":e.unCheckedBackground,l=function(){return r.a.createElement(r.a.Fragment,null,b[s])};e.showFeedback&&(o=a.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(l=function(){return r.a.createElement(r.a.Fragment,null,a.isCorrect?r.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):r.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(a,!i)}};return r.a.createElement(r.a.Fragment,{key:s},r.a.createElement("input",{id:a.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!i,onChange:function(){return n(a,!i)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),r.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(v.a.answer,"\n                ").concat(o),key:s,htmlFor:a.id},u),r.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},r.a.createElement(l,null)),r.a.createElement("span",{className:"flex-grow-1 pr-4"},a.name),!e.onlyShowSelectedAnswer&&r.a.createElement("span",{className:v.a.avatarContainer},i&&r.a.createElement(c.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}g.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(1133),h=n.n(p);var y=n(51);var w,k=n(1153),E=n.n(k);function S(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return r.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,a){var s=e.getSelectedAnswer(n.id),i=s?"bg-info text-white":e.unCheckedBackground,o=function(){return r.a.createElement(r.a.Fragment,null)};e.showFeedback&&(i=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(E.a.incorrect),e.hideFeedbackIcons||(o=function(){return r.a.createElement(r.a.Fragment,null,n.isCorrect?r.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):r.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return r.a.createElement("label",Object.assign({key:a,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(i)},l),r.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!s,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,r.a.createElement("span",{className:"position-absolute p-2 ".concat(E.a.feedback)},r.a.createElement(o,null)),r.a.createElement("span",{className:"".concat(E.a.avatarContainer).concat("sm"===e.size?" ".concat(E.a.avatarContainerSmall):"")},s&&r.a.createElement(c.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}S.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var A=function(){return r.a.createElement(r.a.Fragment,null)},N=(C(w={},l.InteractionTypeId.Annotation,A),C(w,l.InteractionTypeId.Image,A),C(w,l.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),r.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var a=t.replace("cv-missing-word-",""),c=e.interaction.actionableItems.find((function(e){return e.order.toString()===a}));if(c){var s=e.answers.find((function(e){return e.id==c.id}));if(s){if(!e.showFeedback)return r.a.createElement("strong",{key:n,className:"text-info"},s.text);var i=s.status===u.a.Correct;return r.a.createElement(r.a.Fragment,{key:n},!i&&r.a.createElement(r.a.Fragment,null,r.a.createElement("del",{className:"text-danger"},r.a.createElement("strong",null,s.text))," "),r.a.createElement("strong",{className:"text-success"},c.name))}}})))})),C(w,l.InteractionTypeId.MultipleChoice,(function(e){var t,n,a,c,i="my-2";return e.reportsStyling&&(i+=" mx-2"),r.a.createElement("div",{className:i},r.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?s.a.getInitialsFromFullName(e.anonymisedUserName):s.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(c=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===c?void 0:c.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),C(w,l.InteractionTypeId.TrueOrFalse,(function(e){var t,n,a,c,i="justify-content-start";return e.reportsStyling&&(i="justify-content-center"),r.a.createElement("div",{className:"my-2"},r.a.createElement(S,{className:i,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?s.a.getInitialsFromFullName(e.anonymisedUserName):s.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(c=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===c?void 0:c.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),C(w,l.InteractionTypeId.ShortAnswer,(function(e){var t=y.a.first(e.answers);if(!t)return r.a.createElement(r.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),r.a.createElement("div",{className:n},t.text)})),w),I=n(9).a.encloseNamespace("interactives.responseTypes");function j(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,I("noResponse")))}var O=n(1069);function x(e){return r.a.createElement(r.a.Fragment,null,e.correctness===O.a.Correct&&r.a.createElement("div",{className:"ml-2 text-success"},r.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===O.a.Incorrect&&r.a.createElement("div",{className:"ml-2 text-danger"},r.a.createElement(d.a,{svgName:m.b.Close})))}function F(e){return r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,e.anonymisedUserName||s.a.getFullName(e.studentResults.user)),r.a.createElement(x,{correctness:e.correctness}))}function U(e){return e.correctness!==O.a.AwaitingMarking?r.a.createElement(r.a.Fragment,null):r.a.createElement("div",{className:"d-flex justify-content-end mt-1"},r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Correct?"text-success":"")},r.a.createElement(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)}})),r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},r.a.createElement(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(1154),R=n.n(M);function T(e){var t,n,a,l,u,d=N[e.interaction.typeId];if(!d)return r.a.createElement(r.a.Fragment,null);var m=Object(i.d)(e.studentResults),f=Object(i.c)(e.interaction.id,m),v=o.a.isInteractionCorrect(e.interaction,m);return r.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&r.a.createElement("div",{className:"mr-2"},r.a.createElement("div",{className:R.a.avatarContainer},r.a.createElement(c.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?s.a.getInitialsFromFullName(e.anonymisedUserName):s.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(a=e.studentResults.user)||void 0===a?void 0:a.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(l=e.studentResults.user)||void 0===l?void 0:l.avatar)||void 0===u?void 0:u.url}))),r.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&r.a.createElement(F,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),r.a.createElement("div",{className:"d-flex justify-content-between"},r.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?r.a.createElement(d,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):r.a.createElement(j,null)),!e.showStudentDetails&&r.a.createElement(x,{correctness:v})))),r.a.createElement(U,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},1274:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),c=n(13),s=n(9),i=n(34),o=n(96),l=n(197),u=n(1054),d=n(1151),m=n(35),f=n(1043),v=n(1071),b=n(1069),g=n(1065),p=n(1086),h=n(1070),y=n(1159),w=n(1052),k=n(294),E=s.a.encloseNamespace("interactives.studentResponseList");function S(e){var t=Object.keys(e.markedAnswers).length;return r.a.createElement("div",{className:"d-flex justify-content-between pb-3"},r.a.createElement("div",{className:"d-flex"},!!e.summary.unanswered&&r.a.createElement("div",{className:"bg-light rounded p-2 mr-2"},r.a.createElement("strong",{className:"mr-2"},E("unanswered")),e.summary.unanswered),r.a.createElement("div",{className:"bg-light rounded p-2 mr-2"},r.a.createElement("strong",{className:"mr-2"},E("score")),e.summary.awaitingMarking?r.a.createElement("em",null,E("pending")):"".concat(Math.round(100*e.summary.percentCorrect),"%"))),r.a.createElement("div",null,!!e.interactionsToMark.length&&r.a.createElement(k.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},E("submitAnswers"))))}var C=s.a.encloseNamespace("interactives.studentResponseList");function A(e){var t=Object.keys(e.markedAnswers).length;return r.a.createElement("div",{className:"d-flex justify-content-end pt-3"},r.a.createElement("div",null,!e.showSubmitButtonSpinner&&r.a.createElement("button",{className:"btn btn-link",onClick:e.onClickClose},C("close")),!!e.interactionsToMark.length&&r.a.createElement(k.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},C("submitAnswers"))))}function N(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,c=void 0;try{for(var s,i=e[Symbol.iterator]();!(a=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}return n}(e,t)||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,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 n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function j(e){var t,n,a,c,s=N(r.a.useState(!1),2),o=s[0],l=s[1],u=(t=r.a.useRef(),n=N(r.a.useState(!1),2),a=n[0],c=n[1],r.a.useEffect((function(){t.current&&!a&&(c(!0),t.current.scrollIntoView({behavior:"smooth",block:"center"}))}),[t.current,a]),t),d=N(Object(i.a)(m.a.ANONYMISE_USERS),1)[0],v=Object(w.e)(e.interactive,e.studentResults),k=Object(h.b)(e.interactive),E=function(e,t){return e.filter((function(e){return p.a.isInteractionCorrect(e,Object(h.d)(t))===b.a.AwaitingMarking}))}(k,e.studentResults);function C(){l(!0),e.submitMarkedAnswers()}return r.a.createElement(r.a.Fragment,null,r.a.createElement(S,{summary:v,interactionsToMark:E,markedAnswers:e.markedAnswers,onClickSubmit:C,showSubmitButtonSpinner:o}),r.a.createElement("ul",{className:"list-unstyled"},k.map((function(t,n){var a,c=t.id.toString()===(null===(a=e.selectedInteractionId)||void 0===a?void 0:a.toString()),s="p-2 mb-3 border rounded";return c&&(s+=" border-info shadow"),r.a.createElement("li",{key:n,className:s,ref:c?u:null},r.a.createElement("div",{className:"d-flex mb-2"},r.a.createElement(g.a,{interaction:t,iconClassName:"flex-shrink-0"})),r.a.createElement(y.a,{interaction:t,studentResults:e.studentResults,markedStatus:Object(w.d)(t.id,e.studentResults,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymisedUserName:d?Object(f.a)(e.studentResults.user,!0):null,className:"bg-light",showFeedback:!0,reportsStyling:!0}))}))),r.a.createElement(A,{interactionsToMark:E,markedAnswers:e.markedAnswers,onClickSubmit:C,onClickClose:e.onClickClose,showSubmitButtonSpinner:o}))}function O(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,c=void 0;try{for(var s,i=e[Symbol.iterator]();!(a=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return x(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 x(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 x(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,"InteractiveStudentResultsView",(function(){return U}));var F=s.a.encloseNamespace("interactives.interactiveStudentResults");function U(e){var t,n,a,s,b=O(Object(i.a)(m.a.DATE_RANGE_QUERY_PARAMS),1)[0],g=O(Object(i.a)(m.a.ANONYMISE_USERS),1)[0],p=c.a.useBasicFetch(u.a.interactiveMetadata(e.interactiveMetadataId)),h=c.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)?u.a.interactive(p.data.interactiveId):null),y=Object(v.a)(e.interactiveMetadataId,Object.assign(Object.assign({},b),{users:[e.userId]})),w=c.a.useBasicFetch(o.a.config()),k=Object(d.a)(null===(n=h.data)||void 0===n?void 0:n.id,null===(a=p.data)||void 0===a?void 0:a.id,e.closePopup),E=k.markedAnswers,S=k.addMarkedAnswers,C=k.submitMarkedAnswers,A=null===(s=y.data)||void 0===s?void 0:s.students.find((function(t){return t.user.id.toString()===e.userId.toString()})),N=A?F("heading",{studentName:Object(f.a)(A.user,g)}):"",I=!!h.data&&!!y.data&&!!w.data;return r.a.createElement(l.a,{title:N,showLoadingSpinner:!I,closePopup:e.closePopup,size:"lg"},I&&r.a.createElement(j,{interactive:h.data,studentResults:A,markedAnswers:E,addMarkedAnswers:S,submitMarkedAnswers:C,imageCdnUrl:w.data.imageCdnUrl,selectedInteractionId:e.interactionId,onClickClose:e.closePopup}))}}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[19],{1038: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}))},1041:function(e,t,n){"use strict";n.d(t,"b",(function(){return l})),n.d(t,"c",(function(){return u})),n.d(t,"a",(function(){return d}));var a=n(49),r=n(1048),c=n(100),s=n(1038);function i(e){return function(e){if(Array.isArray(e))return o(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 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)||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 o(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 l(e,t,n){var a=Object(s.a)(t),r=e;return a&&(r+=":".concat(a)),n&&(r+=":".concat(n)),r}function u(e){var t=function(e){return Object(r.a)(a.a.startOf(e,"day"))},n=function(e){return Object(r.a)(a.a.endOf(e,"day"))},s=Object(c.g)(e.rangeName);if(s)return{start:t(Object(c.a)(s.startDate)),end:n(Object(c.a)(s.endDate))};if(e.from&&e.to)return{start:t(e.from),end:n(e.to)};var i=Object(c.c)();return{start:t(Object(c.a)(i.startDate)),end:n(Object(c.a)(i.endDate))}}function d(e,t){var n,r,c=t?a.a.getTimezoneOffset():null;return Object.assign({userId:e.users,groupId:[].concat(i(null!==(n=e.classrooms)&&void 0!==n?n:[]),i(null!==(r=e.classroomGroups)&&void 0!==r?r:[])),timeOffset:c},u(e))}},1043:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return l}));var a=n(1083),r=n(9),c=n(129),s=n(272),i=r.a.encloseNamespace("reportsShared.utils");function o(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)):c.a.getFullName(e)}function l(e){switch(e.toLowerCase()){case s.a.Learner:return i("student");case s.a.Staff:return i("staff");default:return e}}},1048:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(49);function r(e){var t=a.a.convertDateToUTC(e);return a.a.format(t,"YYYY-MM-DDTHH:mm:ss")}},1088:function(e,t,n){"use strict";var a=n(0),r=n(54);function c(e){var t,n;return t=e,n=r.a.getInstance(t),a.useEffect((function(){return function(){r.a.releaseInstance(t)}})),n}var s=n(85),i=n(115);function o(){var e=c(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:s.a.Warning,heading:s.c.Warning,message:t})}}}n.d(t,"a",(function(){return o}))},1133:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1151:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(84),c=n(13),s=n(9),i=n(1088),o=n(1054),l=n(1052);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=[],a=!0,r=!1,c=void 0;try{for(var s,i=e[Symbol.iterator]();!(a=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var m=s.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var s=u(Object(a.useState)({}),2),d=s[0],f=s[1],v=Object(r.useDispatch)(),b=Object(i.a)();return{markedAnswers:d,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(a={},r=Object(l.c)(e),c=Object.assign(Object.assign({},e),{status:t}),r in a?Object.defineProperty(a,r,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[r]=c,a));var a,r,c}))}))},submitMarkedAnswers:function(){var a=Object.keys(d).map((function(e){return d[e]}));if(a.length){var r=0,s=0;a.forEach((function(n){var a=n.id,r=n.resultId,s=n.questionId,u=n.status;c.a.fetch(v,o.a.mark(e,t,a,{id:a,resultId:r,questionId:s,status:u},i,null,l))}))}function i(){s++}function l(){++r===a.length&&function(){var e="",t=!1;0===s&&(e=m("error",{smartCount:a.length}),t=!0);s<r&&(e=m("success",{smartCount:s})+" ".concat(m("partialError",{smartCount:r-s})));s===r&&(e=m("success",{smartCount:s}));t?b.error(e):b.success(e),f({}),n&&n()}()}}}}},1152:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1153:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1154:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1159:function(e,t,n){"use strict";var a=n(0),r=n.n(a),c=n(179),s=n(129),i=n(1070),o=n(1086),l=n(119),u=n(1085);var d=n(17),m=n(18),f=n(1152),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 r.a.createElement(r.a.Fragment,null,e.interaction.actionableItems.map((function(a,s){var i=e.getSelectedAnswer(a.id);if(e.onlyShowSelectedAnswer&&!i)return r.a.createElement(r.a.Fragment,{key:s});var o=i?"bg-info text-white":e.unCheckedBackground,l=function(){return r.a.createElement(r.a.Fragment,null,b[s])};e.showFeedback&&(o=a.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(l=function(){return r.a.createElement(r.a.Fragment,null,a.isCorrect?r.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):r.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(a,!i)}};return r.a.createElement(r.a.Fragment,{key:s},r.a.createElement("input",{id:a.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!i,onChange:function(){return n(a,!i)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),r.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(v.a.answer,"\n                ").concat(o),key:s,htmlFor:a.id},u),r.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},r.a.createElement(l,null)),r.a.createElement("span",{className:"flex-grow-1 pr-4"},a.name),!e.onlyShowSelectedAnswer&&r.a.createElement("span",{className:v.a.avatarContainer},i&&r.a.createElement(c.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}g.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(1133),h=n.n(p);var y=n(51);var w,k=n(1153),E=n.n(k);function S(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return r.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,a){var s=e.getSelectedAnswer(n.id),i=s?"bg-info text-white":e.unCheckedBackground,o=function(){return r.a.createElement(r.a.Fragment,null)};e.showFeedback&&(i=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(E.a.incorrect),e.hideFeedbackIcons||(o=function(){return r.a.createElement(r.a.Fragment,null,n.isCorrect?r.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):r.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return r.a.createElement("label",Object.assign({key:a,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(i)},l),r.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!s,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,r.a.createElement("span",{className:"position-absolute p-2 ".concat(E.a.feedback)},r.a.createElement(o,null)),r.a.createElement("span",{className:"".concat(E.a.avatarContainer).concat("sm"===e.size?" ".concat(E.a.avatarContainerSmall):"")},s&&r.a.createElement(c.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}S.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var A=function(){return r.a.createElement(r.a.Fragment,null)},N=(C(w={},l.InteractionTypeId.Annotation,A),C(w,l.InteractionTypeId.Image,A),C(w,l.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),r.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var a=t.replace("cv-missing-word-",""),c=e.interaction.actionableItems.find((function(e){return e.order.toString()===a}));if(c){var s=e.answers.find((function(e){return e.id==c.id}));if(s){if(!e.showFeedback)return r.a.createElement("strong",{key:n,className:"text-info"},s.text);var i=s.status===u.a.Correct;return r.a.createElement(r.a.Fragment,{key:n},!i&&r.a.createElement(r.a.Fragment,null,r.a.createElement("del",{className:"text-danger"},r.a.createElement("strong",null,s.text))," "),r.a.createElement("strong",{className:"text-success"},c.name))}}})))})),C(w,l.InteractionTypeId.MultipleChoice,(function(e){var t,n,a,c,i="my-2";return e.reportsStyling&&(i+=" mx-2"),r.a.createElement("div",{className:i},r.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?s.a.getInitialsFromFullName(e.anonymisedUserName):s.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(c=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===c?void 0:c.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),C(w,l.InteractionTypeId.TrueOrFalse,(function(e){var t,n,a,c,i="justify-content-start";return e.reportsStyling&&(i="justify-content-center"),r.a.createElement("div",{className:"my-2"},r.a.createElement(S,{className:i,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?s.a.getInitialsFromFullName(e.anonymisedUserName):s.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(c=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===c?void 0:c.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),C(w,l.InteractionTypeId.ShortAnswer,(function(e){var t=y.a.first(e.answers);if(!t)return r.a.createElement(r.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),r.a.createElement("div",{className:n},t.text)})),w),I=n(9).a.encloseNamespace("interactives.responseTypes");function j(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,I("noResponse")))}var O=n(1069);function x(e){return r.a.createElement(r.a.Fragment,null,e.correctness===O.a.Correct&&r.a.createElement("div",{className:"ml-2 text-success"},r.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===O.a.Incorrect&&r.a.createElement("div",{className:"ml-2 text-danger"},r.a.createElement(d.a,{svgName:m.b.Close})))}function F(e){return r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,e.anonymisedUserName||s.a.getFullName(e.studentResults.user)),r.a.createElement(x,{correctness:e.correctness}))}function U(e){return e.correctness!==O.a.AwaitingMarking?r.a.createElement(r.a.Fragment,null):r.a.createElement("div",{className:"d-flex justify-content-end mt-1"},r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Correct?"text-success":"")},r.a.createElement(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)}})),r.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},r.a.createElement(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(1154),R=n.n(M);function T(e){var t,n,a,l,u,d=N[e.interaction.typeId];if(!d)return r.a.createElement(r.a.Fragment,null);var m=Object(i.d)(e.studentResults),f=Object(i.c)(e.interaction.id,m),v=o.a.isInteractionCorrect(e.interaction,m);return r.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&r.a.createElement("div",{className:"mr-2"},r.a.createElement("div",{className:R.a.avatarContainer},r.a.createElement(c.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?s.a.getInitialsFromFullName(e.anonymisedUserName):s.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(a=e.studentResults.user)||void 0===a?void 0:a.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(l=e.studentResults.user)||void 0===l?void 0:l.avatar)||void 0===u?void 0:u.url}))),r.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&r.a.createElement(F,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),r.a.createElement("div",{className:"d-flex justify-content-between"},r.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?r.a.createElement(d,{interaction:e.interaction,answers:f.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):r.a.createElement(j,null)),!e.showStudentDetails&&r.a.createElement(x,{correctness:v})))),r.a.createElement(U,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},1274:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),c=n(13),s=n(9),i=n(34),o=n(96),l=n(196),u=n(1054),d=n(1151),m=n(35),f=n(1043),v=n(1071),b=n(1069),g=n(1065),p=n(1086),h=n(1070),y=n(1159),w=n(1052),k=n(294),E=s.a.encloseNamespace("interactives.studentResponseList");function S(e){var t=Object.keys(e.markedAnswers).length;return r.a.createElement("div",{className:"d-flex justify-content-between pb-3"},r.a.createElement("div",{className:"d-flex"},!!e.summary.unanswered&&r.a.createElement("div",{className:"bg-light rounded p-2 mr-2"},r.a.createElement("strong",{className:"mr-2"},E("unanswered")),e.summary.unanswered),r.a.createElement("div",{className:"bg-light rounded p-2 mr-2"},r.a.createElement("strong",{className:"mr-2"},E("score")),e.summary.awaitingMarking?r.a.createElement("em",null,E("pending")):"".concat(Math.round(100*e.summary.percentCorrect),"%"))),r.a.createElement("div",null,!!e.interactionsToMark.length&&r.a.createElement(k.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},E("submitAnswers"))))}var C=s.a.encloseNamespace("interactives.studentResponseList");function A(e){var t=Object.keys(e.markedAnswers).length;return r.a.createElement("div",{className:"d-flex justify-content-end pt-3"},r.a.createElement("div",null,!e.showSubmitButtonSpinner&&r.a.createElement("button",{className:"btn btn-link",onClick:e.onClickClose},C("close")),!!e.interactionsToMark.length&&r.a.createElement(k.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},C("submitAnswers"))))}function N(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,c=void 0;try{for(var s,i=e[Symbol.iterator]();!(a=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}return n}(e,t)||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,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 n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function j(e){var t,n,a,c,s=N(r.a.useState(!1),2),o=s[0],l=s[1],u=(t=r.a.useRef(),n=N(r.a.useState(!1),2),a=n[0],c=n[1],r.a.useEffect((function(){t.current&&!a&&(c(!0),t.current.scrollIntoView({behavior:"smooth",block:"center"}))}),[t.current,a]),t),d=N(Object(i.a)(m.a.ANONYMISE_USERS),1)[0],v=Object(w.e)(e.interactive,e.studentResults),k=Object(h.b)(e.interactive),E=function(e,t){return e.filter((function(e){return p.a.isInteractionCorrect(e,Object(h.d)(t))===b.a.AwaitingMarking}))}(k,e.studentResults);function C(){l(!0),e.submitMarkedAnswers()}return r.a.createElement(r.a.Fragment,null,r.a.createElement(S,{summary:v,interactionsToMark:E,markedAnswers:e.markedAnswers,onClickSubmit:C,showSubmitButtonSpinner:o}),r.a.createElement("ul",{className:"list-unstyled"},k.map((function(t,n){var a,c=t.id.toString()===(null===(a=e.selectedInteractionId)||void 0===a?void 0:a.toString()),s="p-2 mb-3 border rounded";return c&&(s+=" border-info shadow"),r.a.createElement("li",{key:n,className:s,ref:c?u:null},r.a.createElement("div",{className:"d-flex mb-2"},r.a.createElement(g.a,{interaction:t,iconClassName:"flex-shrink-0"})),r.a.createElement(y.a,{interaction:t,studentResults:e.studentResults,markedStatus:Object(w.d)(t.id,e.studentResults,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymisedUserName:d?Object(f.a)(e.studentResults.user,!0):null,className:"bg-light",showFeedback:!0,reportsStyling:!0}))}))),r.a.createElement(A,{interactionsToMark:E,markedAnswers:e.markedAnswers,onClickSubmit:C,onClickClose:e.onClickClose,showSubmitButtonSpinner:o}))}function O(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,c=void 0;try{for(var s,i=e[Symbol.iterator]();!(a=(s=i.next()).done)&&(n.push(s.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return x(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 x(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 x(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,"InteractiveStudentResultsView",(function(){return U}));var F=s.a.encloseNamespace("interactives.interactiveStudentResults");function U(e){var t,n,a,s,b=O(Object(i.a)(m.a.DATE_RANGE_QUERY_PARAMS),1)[0],g=O(Object(i.a)(m.a.ANONYMISE_USERS),1)[0],p=c.a.useBasicFetch(u.a.interactiveMetadata(e.interactiveMetadataId)),h=c.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)?u.a.interactive(p.data.interactiveId):null),y=Object(v.a)(e.interactiveMetadataId,Object.assign(Object.assign({},b),{users:[e.userId]})),w=c.a.useBasicFetch(o.a.config()),k=Object(d.a)(null===(n=h.data)||void 0===n?void 0:n.id,null===(a=p.data)||void 0===a?void 0:a.id,e.closePopup),E=k.markedAnswers,S=k.addMarkedAnswers,C=k.submitMarkedAnswers,A=null===(s=y.data)||void 0===s?void 0:s.students.find((function(t){return t.user.id.toString()===e.userId.toString()})),N=A?F("heading",{studentName:Object(f.a)(A.user,g)}):"",I=!!h.data&&!!y.data&&!!w.data;return r.a.createElement(l.a,{title:N,showLoadingSpinner:!I,closePopup:e.closePopup,size:"lg"},I&&r.a.createElement(j,{interactive:h.data,studentResults:A,markedAnswers:E,addMarkedAnswers:S,submitMarkedAnswers:C,imageCdnUrl:w.data.imageCdnUrl,selectedInteractionId:e.interactionId,onClickClose:e.closePopup}))}}}]);

package/dist/scripts/24-99d22c6488-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[24],{1074:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),r=t.n(n),c=t(1080),o=t.n(c);function l(e){return r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:o.a.emoji},e.emoji),e.children)}},1080:function(e,a,t){e.exports={emoji:"IvePv"}},1081:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),r=t(9),c=t(31),o=n.createContext(""),l=n.memo((function(e){var a=e.phrase,t=e.namespace,c=e.options,l=n.useContext(o),i=t||l,s=Object.assign({escapeText:!0},c),u=r.a.getPhrase(i,a,s);return n.createElement("span",{dangerouslySetInnerHTML:{__html:u}})}),(function(e,a){return e.namespace===a.namespace&&e.phrase===a.phrase&&c.a.isEqual(e.options,a.options)}))},1248:function(e,a,t){e.exports={image:"_3Y-Vb"}},1249:function(e,a,t){e.exports={alert:"SPg-5"}},1250:function(e,a,t){e.exports={column1:"_1937C",column2:"_3g-so"}},1273:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),c=t(9),o=t(1034),l=t(1037),i=t(13),s=t(95),u=t(1041),m=function(e,a,t,n){return{url:s.a.urlBuilder("{gateway}/v1/analytics/logins",Object.assign({},Object(u.a)(e,!0))),key:Object(u.b)("logins",e),normalize:!1,success:a,error:t,always:n}},d=t(178),p=t(1036),v=t(1082),f=t(1077),g=c.a.encloseNamespace("shared.loginCountBarChartCard");function h(e){var a,t=Object(d.a)(),n=i.a.useBasicFetch(m(t));return Object(p.a)(n),r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},n.data?r.a.createElement(v.a,{events:n.data.data,getEventDate:function(e){return e.groupedLoggedOn},title:g("loginActivity")}):r.a.createElement(f.a,null))}var y=t(1053),E=t(1051),b=t(1032),w=t(1035),S=t(1248),j=t.n(S),O=c.a.encloseNamespace("shared.loginCountPieChartEmptyState");function N(){return r.a.createElement(b.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(b.a.Image,{src:w.a.EmptyStates.Shared.LoginCount,className:"w-50 ".concat(j.a.image)}),r.a.createElement(b.a.Heading,null,O("heading")),r.a.createElement(b.a.Info,{className:"w-100"},O("description")))}var x=t(1045);function C(e){var a,t=Object(d.a)(),n=i.a.useBasicFetch(m(t));return Object(p.a)(n),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:"")},n.data?r.a.createElement(y.a,{eventType:x.a.Login,events:n.data,emptyStateComponent:r.a.createElement(N,null)}):r.a.createElement(E.a,null))}var A=t(92),_=t(78),I=t(14),B=t(1249),F=t.n(B);function P(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(t.push(o.value),!a||t.length!==a);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return k(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return k(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function k(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}function L(e){var a=e.children,t=P(n.useState(!localStorage.getItem(e.localStorageKey)),2),r=t[0],c=t[1];return r?n.createElement(I.Alert,{className:F.a.alert,variant:e.variant,onClose:function(){localStorage.setItem(e.localStorageKey,"1"),c(!1)},dismissible:!0},a):n.createElement(n.Fragment,null)}L.defaultProps={variant:"info"};var T=t(96),U=t(661),K=t(42),H=t(1081),J=t(1074);function M(){var e,a=i.a.useBasicFetch(A.a.userProducts()),t=i.a.useBasicFetch(T.a.config()),n=i.a.useBasicFetch(K.a.currentUser()),c=null===(e=a.data)||void 0===e?void 0:e.some((function(e){return e.id===_.a.OnlineAnalytics}));if(!(a.data&&t.data&&n.data&&c))return r.a.createElement(r.a.Fragment,null);var o=U.a.getArticle(t.data.supportSiteUrl,null,n.data.countryCode);return r.a.createElement(L,{localStorageKey:"analytics_welcome",variant:"light"},r.a.createElement("span",{className:"text-body"},r.a.createElement(J.a,{emoji:"✨"}),r.a.createElement(H.a,{namespace:"reportsShared.welcomeBanner",phrase:"welcome",options:{helpArticleUrl:o}})))}var V=t(1250),q=t.n(V);t.d(a,"LoginOverviewView",(function(){return D}));var z=c.a.encloseNamespace("logins.loginOverview");function D(){return Object(o.a)(z("loginOverview")),Object(l.a)(z("loginOverview")),r.a.createElement("div",null,r.a.createElement(M,null),r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"pr-2 ".concat(q.a.column1)},r.a.createElement(C,{className:"h-100"})),r.a.createElement("div",{className:"pl-2 ".concat(q.a.column2)},r.a.createElement(h,{className:"h-100"}))))}}}]);

package/dist/scripts/{28-a15f5bf53d-reports.chunk.js → 28-2fafc284f5-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[28],{1260:function(e,t,n){"use strict";n.r(t),n.d(t,"DialogView",(function(){return l}));var o=n(0),c=n(21),s=n(51),a=n(179),i=n(197);function l(e){var t=e.buttons.map((function(t){return{buttonText:t.text,className:t.className,onClick:function(){t.success?c.a.isFunction(e.onDone)&&e.onDone():c.a.isFunction(e.onFail)&&e.onFail(),e.closePopup()},type:t.type,close:t.close}}));return t=s.a.sortBy(t,"close"),o.createElement(i.a,{title:e.title,closePopup:e.closePopup},o.createElement("p",{dangerouslySetInnerHTML:{__html:a.a.sanitize(e.text)}}),o.createElement("div",{className:"d-flex justify-content-end border-top pt-3 px-3 mx-n3"},t.map((function(e,t){return o.createElement("button",{key:t,className:e.className,onClick:e.onClick,type:e.type},e.buttonText)}))))}}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[28],{1260:function(e,t,n){"use strict";n.r(t),n.d(t,"DialogView",(function(){return l}));var o=n(0),c=n(21),s=n(51),a=n(226),i=n(196);function l(e){var t=e.buttons.map((function(t){return{buttonText:t.text,className:t.className,onClick:function(){t.success?c.a.isFunction(e.onDone)&&e.onDone():c.a.isFunction(e.onFail)&&e.onFail(),e.closePopup()},type:t.type,close:t.close}}));return t=s.a.sortBy(t,"close"),o.createElement(i.a,{title:e.title,closePopup:e.closePopup},o.createElement("p",{dangerouslySetInnerHTML:{__html:a.a.sanitize(e.text)}}),o.createElement("div",{className:"d-flex justify-content-end border-top pt-3 px-3 mx-n3"},t.map((function(e,t){return o.createElement("button",{key:t,className:e.className,onClick:e.onClick,type:e.type},e.buttonText)}))))}}}]);