@clickview/reports 0.0.18 → 0.0.19-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles.json +2 -2
- package/dist/scripts/{10-4d45581396-reports.chunk.js → 10-0b796e90de-reports.chunk.js} +1 -1
- package/dist/scripts/{11-25511b17ee-reports.chunk.js → 11-84d11547a4-reports.chunk.js} +1 -1
- package/dist/scripts/14-d61c67830d-reports.chunk.js +1 -0
- package/dist/scripts/15-2966787342-reports.chunk.js +1 -0
- package/dist/scripts/{16-54b3d26c0d-reports.chunk.js → 16-d8ef5c8769-reports.chunk.js} +1 -1
- package/dist/scripts/{17-d9cc346542-reports.chunk.js → 17-b33fed571d-reports.chunk.js} +1 -1
- package/dist/scripts/{18-2516a5c250-reports.chunk.js → 18-0b3b65e64c-reports.chunk.js} +1 -1
- package/dist/scripts/{19-a565104a79-reports.chunk.js → 19-b6ab372424-reports.chunk.js} +1 -1
- package/dist/scripts/{2-9545ff9f97-reports.chunk.js → 2-3fb952be2f-reports.chunk.js} +1 -1
- package/dist/scripts/{20-95a37d16c6-reports.chunk.js → 20-2586c1fc9e-reports.chunk.js} +1 -1
- package/dist/scripts/{21-ed503c9254-reports.chunk.js → 21-3dcf8ce1a3-reports.chunk.js} +1 -1
- package/dist/scripts/{22-1e3375a566-reports.chunk.js → 22-81d231fd2c-reports.chunk.js} +1 -1
- package/dist/scripts/{23-ff268678a0-reports.chunk.js → 23-e4ae427cf5-reports.chunk.js} +1 -1
- package/dist/scripts/{24-0a55ef8d9e-reports.chunk.js → 24-d3d168776d-reports.chunk.js} +1 -1
- package/dist/scripts/{25-446633c24f-reports.chunk.js → 25-51559627ac-reports.chunk.js} +1 -1
- package/dist/scripts/{26-6c468e2ad3-reports.chunk.js → 26-7bc76cb7dc-reports.chunk.js} +1 -1
- package/dist/scripts/{5-6fd78cbb74-reports.chunk.js → 5-92c5fdd6cd-reports.chunk.js} +1 -1
- package/dist/scripts/{6-5fd7cef585-reports.chunk.js → 6-a4d0b788d9-reports.chunk.js} +1 -1
- package/dist/scripts/7-db647d3635-reports.chunk.js +1 -0
- package/dist/scripts/8-9df78d960e-reports.chunk.js +1 -0
- package/dist/scripts/9-7cb1670342-reports.chunk.js +1 -0
- package/dist/scripts/{bundle-9c46a439c8.min.js → bundle-a22181a92b.min.js} +3 -3
- package/dist/scripts/{polyfills-62a32b62fd.min.js → polyfills-04d37cc388.min.js} +1 -1
- package/package.json +1 -1
- package/dist/scripts/14-4aefe05f5c-reports.chunk.js +0 -1
- package/dist/scripts/15-362d3fe1dc-reports.chunk.js +0 -1
- package/dist/scripts/7-dd840538b5-reports.chunk.js +0 -1
- package/dist/scripts/8-2a94b5402a-reports.chunk.js +0 -1
- package/dist/scripts/9-e87d1e4e43-reports.chunk.js +0 -1
- /package/dist/css/{18-reports-1ff948ce90.chunk.css → 18-reports-1b564b1b5c.chunk.css} +0 -0
- /package/dist/css/{20-reports-82ce367dfd.chunk.css → 20-reports-0bfc7eb65b.chunk.css} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[16],{1056:function(e,t,a){"use strict";var n=a(0),r=a(3),c=a(126),i=a(177),o=a(127),l=a(8),s=a(84);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(257);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])}},1063:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a.n(n),c=a(1069),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)}},1069:function(e,t,a){e.exports={emoji:"IvePv"}},1073:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(8),i=a(6),o=a(18),l=a(878),s=a(171),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})}},1127: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(1060);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])}},1134:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a.n(n),c=a(8),i=a(40),o=a(6),l=a(18),s=a(898),u=a(171),d=a(1063),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)}},1184:function(e,t,a){e.exports={numberCircle:"_2ap3G",studentsContainer:"_3P1mJ",studentRow:"_1KyDU",indicatorRing:"_3NqFL",ringSuccess:"_1Fa4p",ringDanger:"_2mRUa",ringInfo:"_2EDx8",percentageIndicator:"_3l4uh"}},1185:function(e,t,a){e.exports={emptyState:"_1Mw_3"}},1186:function(e,t,a){e.exports={container:"_3wqtz"}},1187:function(e,t,a){e.exports={container:"_1LBQH"}},1188:function(e,t,a){e.exports={percentage:"_3xS2-"}},1189:function(e,t,a){e.exports={pieChart:"_2T8j0",barChart:"_3ZZei"}},1261:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(15),i=a(8),o=a(874),l=a(123),s=a(900),u=a(877),d=a(1056),m=a(890),f=a(905),p=a(894),v=a(906),g=a(895),b=a(1073),y=a(1134),h=a(40),E=a(171),I=a(898),N=a(6),S=a(18),w=a(891),j=a(1060),O=a(51),k=a(34),C=a(35),R=a(887),x=a(873),M=a(1063),_=a(1184),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(872),D=a(875),P=a(1185),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(1186),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(1054),$=a(1059),J=a(901),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(1187),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(1188),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(1127),oe=a(1189),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}))))}},871:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(92),r=a(51),c=a(892),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}}}},873:function(e,t,a){"use strict";var n,r,c=a(0),i=a.n(c),o=a(891),l=a(879),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}},878:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(12),i=a(40),o=a(93),l=a(880),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)}))}))))}},879:function(e,t,a){e.exports={circleContainer:"_3uMQG",backgroundCircle:"_29byp",circleSuccess:"_1leSx",circleWarning:"_1yreR",circleDanger:"_13evQ",lgCircleContainer:"_2gBnl",pendingCircle:"NTTU7",centredPercentageText:"_1wF3E"}},880:function(e,t,a){e.exports={underline:"_1eU3d"}},890:function(e,t,a){"use strict";var n=a(0),r=a.n(n),c=a(15),i=a(47),o=a(871),l=a(171),s=a(876),u=a(899),d=a(897),m=a(889),f=a(872),p=a(8),v=a(875),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}))},891:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={HIGH:.75,MODERATE:.5}},894: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])}},895:function(e,t,a){"use strict";var n=a(0),r=a.n(n),c=a(8),i=a(17),o=a(16),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(86);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(92),y=a(173),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}}},901:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a.n(n),c=a(873);function i(e){return r.a.createElement(c.a,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},905:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(0),r=a.n(n),c=a(15),i=a(8),o=a(47),l=a(871),s=a(171),u=a(876),d=a(1071),m=a(1066),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))}},906:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a.n(n),c=a(15),i=a(8),o=a(47),l=a(171),s=a(871),u=a(873),d=a(901),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," "))))}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[16],{1056:function(e,t,a){"use strict";var n=a(0),r=a(3),c=a(126),i=a(177),o=a(127),l=a(8),s=a(84);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(257);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])}},1063:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a.n(n),c=a(1069),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)}},1069:function(e,t,a){e.exports={emoji:"IvePv"}},1073:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(8),i=a(6),o=a(18),l=a(879),s=a(171),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})}},1127: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(1060);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])}},1134:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a.n(n),c=a(8),i=a(40),o=a(6),l=a(18),s=a(898),u=a(171),d=a(1063),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)}},1184:function(e,t,a){e.exports={numberCircle:"_2ap3G",studentsContainer:"_3P1mJ",studentRow:"_1KyDU",indicatorRing:"_3NqFL",ringSuccess:"_1Fa4p",ringDanger:"_2mRUa",ringInfo:"_2EDx8",percentageIndicator:"_3l4uh"}},1185:function(e,t,a){e.exports={emptyState:"_1Mw_3"}},1186:function(e,t,a){e.exports={container:"_3wqtz"}},1187:function(e,t,a){e.exports={container:"_1LBQH"}},1188:function(e,t,a){e.exports={percentage:"_3xS2-"}},1189:function(e,t,a){e.exports={pieChart:"_2T8j0",barChart:"_3ZZei"}},1261:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(15),i=a(8),o=a(874),l=a(123),s=a(900),u=a(877),d=a(1056),m=a(891),f=a(905),p=a(895),v=a(906),g=a(896),b=a(1073),y=a(1134),h=a(40),E=a(171),I=a(898),N=a(6),S=a(18),w=a(892),j=a(1060),O=a(51),k=a(34),C=a(35),R=a(888),x=a(873),M=a(1063),_=a(1184),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(872),D=a(875),P=a(1185),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(1186),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(1054),$=a(1059),J=a(901),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(1187),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(1188),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(1127),oe=a(1189),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}))))}},871:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(92),r=a(51),c=a(881),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}}}},873:function(e,t,a){"use strict";var n,r,c=a(0),i=a.n(c),o=a(892),l=a(880),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}},879:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(12),i=a(40),o=a(93),l=a(882),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)}))}))))}},880:function(e,t,a){e.exports={circleContainer:"_3uMQG",backgroundCircle:"_29byp",circleSuccess:"_1leSx",circleWarning:"_1yreR",circleDanger:"_13evQ",lgCircleContainer:"_2gBnl",pendingCircle:"NTTU7",centredPercentageText:"_1wF3E"}},882:function(e,t,a){e.exports={underline:"_1eU3d"}},891:function(e,t,a){"use strict";var n=a(0),r=a.n(n),c=a(15),i=a(47),o=a(871),l=a(171),s=a(876),u=a(899),d=a(897),m=a(890),f=a(872),p=a(8),v=a(875),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}))},892:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={HIGH:.75,MODERATE:.5}},895: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])}},896:function(e,t,a){"use strict";var n=a(0),r=a.n(n),c=a(8),i=a(17),o=a(16),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(86);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(92),y=a(173),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}}},901:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a.n(n),c=a(873);function i(e){return r.a.createElement(c.a,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},905:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(0),r=a.n(n),c=a(15),i=a(8),o=a(47),l=a(871),s=a(171),u=a(876),d=a(1071),m=a(1066),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))}},906:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a.n(n),c=a(15),i=a(8),o=a(47),l=a(171),s=a(871),u=a(873),d=a(901),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," "))))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[17],{1149: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}}}},1150:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t.n(n),c=t(8),i=t(6),l=t(18),o=t(878),s=t(171),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})}},1249:function(e,a,t){e.exports={column1:"_21Sb7",column2:"HQyM4",barChart:"_10XJC"}},1259: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(15),i=t(8),l=t(874),o=t(123),s=t(184),u=t(129),d=t(877),m=t(905),f=t(890),v=t(906),p=t(1149),b=t(894),g=t(895),y=t(1150),h=t(1249),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"})))))}},871:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(92),r=t(51),c=t(892),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}}}},873:function(e,a,t){"use strict";var n,r,c=t(0),i=t.n(c),l=t(891),o=t(879),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}},878:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t.n(n),c=t(12),i=t(40),l=t(93),o=t(880),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)}))}))))}},879:function(e,a,t){e.exports={circleContainer:"_3uMQG",backgroundCircle:"_29byp",circleSuccess:"_1leSx",circleWarning:"_1yreR",circleDanger:"_13evQ",lgCircleContainer:"_2gBnl",pendingCircle:"NTTU7",centredPercentageText:"_1wF3E"}},880:function(e,a,t){e.exports={underline:"_1eU3d"}},890:function(e,a,t){"use strict";var n=t(0),r=t.n(n),c=t(15),i=t(47),l=t(871),o=t(171),s=t(876),u=t(899),d=t(897),m=t(889),f=t(872),v=t(8),p=t(875),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}))},891:function(e,a,t){"use strict";t.d(a,"a",(function(){return n}));var n={HIGH:.75,MODERATE:.5}},894: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])}},895:function(e,a,t){"use strict";var n=t(0),r=t.n(n),c=t(8),i=t(17),l=t(16),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(86);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(92),y=t(173),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}}},901:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(0),r=t.n(n),c=t(873);function i(e){return r.a.createElement(c.a,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},905:function(e,a,t){"use strict";t.d(a,"a",(function(){return v}));var n=t(0),r=t.n(n),c=t(15),i=t(8),l=t(47),o=t(871),s=t(171),u=t(876),d=t(1071),m=t(1066),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))}},906:function(e,a,t){"use strict";t.d(a,"a",(function(){return f}));var n=t(0),r=t.n(n),c=t(15),i=t(8),l=t(47),o=t(171),s=t(871),u=t(873),d=t(901),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," "))))}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[17],{1149: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}}}},1150:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t.n(n),c=t(8),i=t(6),l=t(18),o=t(879),s=t(171),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})}},1249:function(e,a,t){e.exports={column1:"_21Sb7",column2:"HQyM4",barChart:"_10XJC"}},1259: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(15),i=t(8),l=t(874),o=t(123),s=t(184),u=t(129),d=t(877),m=t(905),f=t(891),v=t(906),p=t(1149),b=t(895),g=t(896),y=t(1150),h=t(1249),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"})))))}},871:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(92),r=t(51),c=t(881),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}}}},873:function(e,a,t){"use strict";var n,r,c=t(0),i=t.n(c),l=t(892),o=t(880),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}},879:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t.n(n),c=t(12),i=t(40),l=t(93),o=t(882),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)}))}))))}},880:function(e,a,t){e.exports={circleContainer:"_3uMQG",backgroundCircle:"_29byp",circleSuccess:"_1leSx",circleWarning:"_1yreR",circleDanger:"_13evQ",lgCircleContainer:"_2gBnl",pendingCircle:"NTTU7",centredPercentageText:"_1wF3E"}},882:function(e,a,t){e.exports={underline:"_1eU3d"}},891:function(e,a,t){"use strict";var n=t(0),r=t.n(n),c=t(15),i=t(47),l=t(871),o=t(171),s=t(876),u=t(899),d=t(897),m=t(890),f=t(872),v=t(8),p=t(875),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}))},892:function(e,a,t){"use strict";t.d(a,"a",(function(){return n}));var n={HIGH:.75,MODERATE:.5}},895: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])}},896:function(e,a,t){"use strict";var n=t(0),r=t.n(n),c=t(8),i=t(17),l=t(16),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(86);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(92),y=t(173),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}}},901:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(0),r=t.n(n),c=t(873);function i(e){return r.a.createElement(c.a,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},905:function(e,a,t){"use strict";t.d(a,"a",(function(){return v}));var n=t(0),r=t.n(n),c=t(15),i=t(8),l=t(47),o=t(871),s=t(171),u=t(876),d=t(1071),m=t(1066),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))}},906:function(e,a,t){"use strict";t.d(a,"a",(function(){return f}));var n=t(0),r=t.n(n),c=t(15),i=t(8),l=t(47),o=t(171),s=t(871),u=t(873),d=t(901),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," "))))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[18],{1077:function(e,t,n){"use strict";var a=n(0),r=n(67);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(81),s=n(111);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}))},1123:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1143:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(80),i=n(15),c=n(8),s=n(1077),o=n(900),l=n(898);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()}()}}}}},1144:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1145:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1146:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1151:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(174),c=n(172),s=n(1059),o=n(1075),l=n(893),u=n(1074);var m=n(17),d=n(16),f=n(1144),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(1123),w=n.n(p);var h=n(51);var y,E=n(1145),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(8).a.encloseNamespace("interactives.responseTypes");function x(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,A("noResponse")))}var j=n(1058);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(1146),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}))},1164:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},1239:function(e,t,n){e.exports={row:"nfUpJ"}},1263:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),i=n(15),c=n(8),s=n(874),o=n(123),l=n(191),u=n(208);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(900),b=n(877),p=n(1143),w=n(1056),h=n(894),y=n(895),E=n(902),k=n(1073),N=n(1161),I=n(1127),C=n(1162),S=n(1060),A=n(113),x=n(904),j=n(898),F=n(34),O=n(1058),M=n(872),U=n(1075),B=n(1059),T=n(1151),R=n(875),_=n(35),D=n(887),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(1054),K=n(1164),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(873),Z=n(1163),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(1239),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"))))}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[18],{1077:function(e,t,n){"use strict";var a=n(0),r=n(67);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(81),s=n(111);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}))},1123:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1143:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(80),i=n(15),c=n(8),s=n(1077),o=n(900),l=n(898);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()}()}}}}},1144:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1145:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1146:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1151:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(174),c=n(172),s=n(1059),o=n(1075),l=n(894),u=n(1074);var m=n(17),d=n(16),f=n(1144),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(1123),w=n.n(p);var h=n(51);var y,E=n(1145),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(8).a.encloseNamespace("interactives.responseTypes");function x(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,A("noResponse")))}var j=n(1058);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(1146),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}))},1164:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},1239:function(e,t,n){e.exports={row:"nfUpJ"}},1263:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),i=n(15),c=n(8),s=n(874),o=n(123),l=n(191),u=n(208);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(900),b=n(877),p=n(1143),w=n(1056),h=n(895),y=n(896),E=n(902),k=n(1073),N=n(1161),I=n(1127),C=n(1162),S=n(1060),A=n(113),x=n(904),j=n(898),F=n(34),O=n(1058),M=n(872),U=n(1075),B=n(1059),T=n(1151),R=n(875),_=n(35),D=n(888),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(1054),K=n(1164),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(873),Z=n(1163),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(1239),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"))))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[19],{1077:function(e,t,n){"use strict";var a=n(0),r=n(67);function s(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(81),i=n(111);function o(){var e=s(i.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}))},1123:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1143:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(80),s=n(15),c=n(8),i=n(1077),o=n(900),l=n(898);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,s=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,s=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw s}}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=c.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var c=u(Object(a.useState)({}),2),d=c[0],f=c[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),s=Object.assign(Object.assign({},e),{status:t}),r in a?Object.defineProperty(a,r,{value:s,enumerable:!0,configurable:!0,writable:!0}):a[r]=s,a));var a,r,s}))}))},submitMarkedAnswers:function(){var a=Object.keys(d).map((function(e){return d[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;s.a.fetch(v,o.a.mark(e,t,a,{id:a,resultId:r,questionId:c,status:u},i,null,l))}))}function i(){c++}function l(){++r===a.length&&function(){var e="",t=!1;0===c&&(e=m("error",{smartCount:a.length}),t=!0);c<r&&(e=m("success",{smartCount:c})+" ".concat(m("partialError",{smartCount:r-c})));c===r&&(e=m("success",{smartCount:c}));t?b.error(e):b.success(e),f({}),n&&n()}()}}}}},1144:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1145:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1146:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1151:function(e,t,n){"use strict";var a=n(0),r=n.n(a),s=n(174),c=n(172),i=n(1059),o=n(1075),l=n(893),u=n(1074);var d=n(17),m=n(16),f=n(1144),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,c){var i=e.getSelectedAnswer(a.id);if(e.onlyShowSelectedAnswer&&!i)return r.a.createElement(r.a.Fragment,{key:c});var o=i?"bg-info text-white":e.unCheckedBackground,l=function(){return r.a.createElement(r.a.Fragment,null,b[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(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:c},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: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},i&&r.a.createElement(s.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}g.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(1123),h=n.n(p);var w=n(51);var k,y=n(1145),E=n.n(y);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 c=e.getSelectedAnswer(n.id),i=c?"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:!!c,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):"")},c&&r.a.createElement(s.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 N=function(){return r.a.createElement(r.a.Fragment,null)},A=(C(k={},l.InteractionTypeId.Annotation,N),C(k,l.InteractionTypeId.Image,N),C(k,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-",""),s=e.interaction.actionableItems.find((function(e){return e.order.toString()===a}));if(s){var c=e.answers.find((function(e){return e.id==s.id}));if(c){if(!e.showFeedback)return r.a.createElement("strong",{key:n,className:"text-info"},c.text);var i=c.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,c.text))," "),r.a.createElement("strong",{className:"text-success"},s.name))}}})))})),C(k,l.InteractionTypeId.MultipleChoice,(function(e){var t,n,a,s,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?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===(s=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===s?void 0:s.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),C(k,l.InteractionTypeId.TrueOrFalse,(function(e){var t,n,a,s,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?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===(s=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===s?void 0:s.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),C(k,l.InteractionTypeId.ShortAnswer,(function(e){var t=w.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)})),k),I=n(8).a.encloseNamespace("interactives.responseTypes");function x(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,I("noResponse")))}var j=n(1058);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(d.a,{svgName:m.b.Check})),e.correctness===j.a.Incorrect&&r.a.createElement("div",{className:"ml-2 text-danger"},r.a.createElement(d.a,{svgName:m.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 U(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(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(1146),R=n.n(M);function T(e){var t,n,a,l,u,d=A[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(s.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(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(x,null)),!e.showStudentDetails&&r.a.createElement(F,{correctness:v})))),r.a.createElement(U,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},1266:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),s=n(15),c=n(8),i=n(34),o=n(123),l=n(191),u=n(900),d=n(1143),m=n(35),f=n(887),v=n(1060),b=n(1058),g=n(1054),p=n(1075),h=n(1059),w=n(1151),k=n(898),y=n(279),E=c.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(y.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},E("submitAnswers"))))}var C=c.a.encloseNamespace("interactives.studentResponseList");function N(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(y.a,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},C("submitAnswers"))))}function A(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,s=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,s=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw s}}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 x(e){var t,n,a,s,c=A(r.a.useState(!1),2),o=c[0],l=c[1],u=(t=r.a.useRef(),n=A(r.a.useState(!1),2),a=n[0],s=n[1],r.a.useEffect((function(){t.current&&!a&&(s(!0),t.current.scrollIntoView({behavior:"smooth",block:"center"}))}),[t.current,a]),t),d=A(Object(i.a)(m.a.ANONYMISE_USERS),1)[0],v=Object(k.e)(e.interactive,e.studentResults),y=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}))}(y,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"},y.map((function(t,n){var a,s=t.id.toString()===(null===(a=e.selectedInteractionId)||void 0===a?void 0:a.toString()),c="p-2 mb-3 border rounded";return s&&(c+=" border-info shadow"),r.a.createElement("li",{key:n,className:c,ref:s?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(w.a,{interaction:t,studentResults:e.studentResults,markedStatus:Object(k.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(N,{interactionsToMark:E,markedAnswers:e.markedAnswers,onClickSubmit:C,onClickClose:e.onClickClose,showSubmitButtonSpinner:o}))}function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,s=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,s=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw s}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return F(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 F(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 F(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 O=c.a.encloseNamespace("interactives.interactiveStudentResults");function U(e){var t,n,a,c,b=j(Object(i.a)(m.a.DATE_RANGE_QUERY_PARAMS),1)[0],g=j(Object(i.a)(m.a.ANONYMISE_USERS),1)[0],p=s.a.useBasicFetch(u.a.interactiveMetadata(e.interactiveMetadataId)),h=s.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)?u.a.interactive(p.data.interactiveId):null),w=Object(v.a)(e.interactiveMetadataId,Object.assign(Object.assign({},b),{users:[e.userId]})),k=s.a.useBasicFetch(o.a.config()),y=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=y.markedAnswers,S=y.addMarkedAnswers,C=y.submitMarkedAnswers,N=null===(c=w.data)||void 0===c?void 0:c.students.find((function(t){return t.user.id.toString()===e.userId.toString()})),A=N?O("heading",{studentName:Object(f.a)(N.user,g)}):"",I=!!h.data&&!!w.data&&!!k.data;return r.a.createElement(l.a,{title:A,showLoadingSpinner:!I,closePopup:e.closePopup,size:"lg"},I&&r.a.createElement(x,{interactive:h.data,studentResults:N,markedAnswers:E,addMarkedAnswers:S,submitMarkedAnswers:C,imageCdnUrl:k.data.imageCdnUrl,selectedInteractionId:e.interactionId,onClickClose:e.closePopup}))}},886: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}))},887:function(e,t,n){"use strict";var a,r=n(1072),s=n(8),c=n(172);!function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(a||(a={})),n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return l}));var i=s.a.encloseNamespace("reportsShared.utils");function o(e,t){return t?Object(r.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[r.b,r.a],separator:" ",length:2,style:"capital",seed:t}}(e)):c.a.getFullName(e)}function l(e){switch(e.toLowerCase()){case a.Learner:return i("student");case a.Staff:return i("staff");default:return e}}},896: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")}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[19],{1077:function(e,t,n){"use strict";var a=n(0),r=n(67);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(81),i=n(111);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}))},1123:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1143:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(80),c=n(15),s=n(8),i=n(1077),o=n(900),l=n(898);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()}()}}}}},1144:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1145:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1146:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1151:function(e,t,n){"use strict";var a=n(0),r=n.n(a),c=n(174),s=n(172),i=n(1059),o=n(1075),l=n(894),u=n(1074);var d=n(17),m=n(16),f=n(1144),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(1123),h=n.n(p);var w=n(51);var y,k=n(1145),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(y={},l.InteractionTypeId.Annotation,A),C(y,l.InteractionTypeId.Image,A),C(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-",""),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(y,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(y,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(y,l.InteractionTypeId.ShortAnswer,(function(e){var t=w.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),I=n(8).a.encloseNamespace("interactives.responseTypes");function j(){return r.a.createElement("p",{className:"p-2"},r.a.createElement("em",null,I("noResponse")))}var O=n(1058);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(1146),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}))},1266:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),c=n(15),s=n(8),i=n(34),o=n(123),l=n(191),u=n(900),d=n(1143),m=n(35),f=n(888),v=n(1060),b=n(1058),g=n(1054),p=n(1075),h=n(1059),w=n(1151),y=n(898),k=n(279),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(y.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(w.a,{interaction:t,studentResults:e.studentResults,markedStatus:Object(y.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),w=Object(v.a)(e.interactiveMetadataId,Object.assign(Object.assign({},b),{users:[e.userId]})),y=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=w.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&&!!w.data&&!!y.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:y.data.imageCdnUrl,selectedInteractionId:e.interactionId,onClickClose:e.closePopup}))}},878: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}))},881: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(893),c=n(96),s=n(878);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))}},888:function(e,t,n){"use strict";var a,r=n(1072),c=n(8),s=n(172);!function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(a||(a={})),n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return l}));var i=c.a.encloseNamespace("reportsShared.utils");function o(e,t){return t?Object(r.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[r.b,r.a],separator:" ",length:2,style:"capital",seed:t}}(e)):s.a.getFullName(e)}function l(e){switch(e.toLowerCase()){case a.Learner:return i("student");case a.Staff:return i("staff");default:return e}}},893: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")}}}]);
|