@clickview/reports 0.0.2 → 0.0.3-rc.1

package/dist/scripts/6-687ac1a2b0-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[6],{1138:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(21),i=a(777),l=a(744),o=a(749),s=a(752),u=a(741),d=a(761),m=a(795),f=a(796),v=a(9),p=a(60),b=a(742),g=a(53),E=a(106),y=a(755),h=a(80),O=a(753),j=a(987),N=a.n(j);function x(e){var t,a,n=h.a.sortBy(e.students,(function(e){return e.summary.percentCorrect}));return r.a.createElement("div",{className:"bg-light rounded p-2 mb-2"},r.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},r.a.createElement("h6",{className:"m-0"},e.heading),!!n.length&&r.a.createElement("div",{className:"\n              text-white text-center rounded-circle\n              ".concat(N.a.numberCircle," ").concat((t=n,a=h.a.first(t),a.summary.awaitingMarking?"bg-info":a.summary.percentCorrect>=y.a.HIGH?"bg-success":"bg-danger"))},n.length)),r.a.createElement("div",{className:N.a.studentsContainer},n.length?r.a.createElement("ul",{className:"list-unstyled m-0"},n.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(N.a.studentRow)},r.a.createElement("span",{className:"d-flex align-items-center text-truncate"},r.a.createElement("div",{className:N.a.indicatorRing},r.a.createElement("svg",null,r.a.createElement("circle",{r:"0.3rem",className:(a=e,a.summary.awaitingMarking?N.a.ringInfo:a.summary.percentCorrect>=y.a.HIGH?N.a.ringSuccess:N.a.ringDanger)}))),r.a.createElement("span",{className:"text-truncate"},"".concat(e.user.name," ").concat(e.user.surname))),!e.summary.awaitingMarking&&r.a.createElement("span",{className:N.a.percentageIndicator},r.a.createElement(O.a,{percentage:e.summary.percentCorrect,layout:O.b.LabelBefore})));var a}))):r.a.createElement("p",{className:"mt-1 mb-0"},e.emptyStateText)))}x.defaultProps={displayLimit:3};var S=v.a.encloseNamespace("reports.studentResultInsightsCard");function I(e){var t,a=Object(u.a)(),n=c.a.useBasicFetch(l.a.interactiveMetadata(e.interactiveMetadataId)),i=c.a.useBasicFetch((null===(t=n.data)||void 0===t?void 0:t.interactiveId)?l.a.interactive(n.data.interactiveId):null),o=c.a.useBasicFetch(i.data?l.a.interactiveResultSet(n.data.interactiveId,n.data.id,a):null),s=!!i.data&&!!o.data,d=s&&function(e,t){var a={markingRequired:[],lowScore:[],highScore:[]};return t.students.forEach((function(t){var n=Object.assign(Object.assign({},t),{summary:Object(b.i)(e,t)});n.summary.awaitingMarking?a.markingRequired.push(n):(n.summary.percentCorrect>=y.a.HIGH&&a.highScore.push(n),n.summary.percentCorrect<=y.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-light rounded p-2 mb-2"},r.a.createElement("h6",{className:"m-0"},S("heading"))),!!s&&r.a.createElement(r.a.Fragment,null,r.a.createElement(x,{heading:S("markingRequired"),students:d.markingRequired,emptyStateText:S("markingRequiredEmpty")}),r.a.createElement(x,{heading:S("needHelp"),students:d.lowScore,emptyStateText:S("needHelpEmpty")}),r.a.createElement(x,{heading:S("topAchievers"),students:d.highScore,emptyStateText:S("topAchieversEmpty")})),r.a.createElement(p.a,{className:"btn btn-outline-dark",appLink:{application:g.a.REPORTS,action:E.a.Reports.RESULTS,args:[e.interactiveMetadataId],params:a}},S("seeAll")))}var w=a(776),C=v.a.encloseNamespace("reports.hardestQuestionCard");function R(e){var t,a=Object(u.a)(),n=c.a.useBasicFetch(l.a.interactiveMetadata(e.interactiveMetadataId)),i=c.a.useBasicFetch((null===(t=n.data)||void 0===t?void 0:t.interactiveId)?l.a.interactive(n.data.interactiveId):null),o=c.a.useBasicFetch(i.data?l.a.interactiveResultSet(n.data.interactiveId,n.data.id,a):null),s=!!i.data&&!!o.data&&function(e,t){var a=Object(b.d)(e).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(b.c)(e,t)})})),n=h.a.sortBy(a.filter((function(e){return!e.resultsSummary.awaitingMarking})),(function(e){return e.resultsSummary.percentCorrect}));return h.a.first(n)}(i.data,o.data);return r.a.createElement("div",{className:"rounded bg-light p-2"},r.a.createElement("p",null,r.a.createElement("strong",null,C("heading"))),!!s&&r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement(O.a,{percentage:s.resultsSummary.percentCorrect,layout:O.b.LabelInside}),r.a.createElement("div",{className:"d-flex ml-2"},r.a.createElement(w.a,{interaction:s,iconClassName:"flex-shrink-0"}))))}var k=a(988),A=a.n(k),M=v.a.encloseNamespace("reports.averageScoreCard");function T(e){var t,a,n=Object(u.a)(),i=c.a.useBasicFetch(l.a.interactiveMetadata(e.interactiveMetadataId)),o=c.a.useBasicFetch((null===(t=i.data)||void 0===t?void 0:t.interactiveId)?l.a.interactive(i.data.interactiveId):null),s=c.a.useBasicFetch(o.data?l.a.interactiveResultSet(i.data.interactiveId,i.data.id,n):null),d=!!o.data&&!!s.data&&function(e,t){var a=[];return t.students.forEach((function(t){var n=Object(b.i)(e,t);n.awaitingMarking||a.push(n.percentCorrect)})),a.length?a.reduce((function(e,t){return e+t}),0)/a.length:null}(o.data,s.data),m=function(e){return"number"!=typeof e?{subheading:"noScoresSubheading",description:"noScoresDescription"}:e>=y.a.HIGH?{subheading:"highScoreSubheading",description:"highScoreDescription"}:e>=y.a.MODERATE?{subheading:"moderateScoreSubheading",description:"moderateScoreDescription"}:{subheading:"lowScoreSubheading",description:"lowScoreDescription"}}(d),f=m.subheading,v=m.description;return r.a.createElement("div",{className:"rounded bg-light p-2"},r.a.createElement("p",null,r.a.createElement("strong",null,M("heading"))),!!o.data&&!!s.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"".concat(A.a.percentage," text-center py-2")},"number"==typeof d?r.a.createElement("span",{className:(a=d,a>=y.a.HIGH?"text-success":a>=y.a.MODERATE?"text-warning":"text-danger")},function(e){return"".concat(Math.round(100*e),"%")}(d)):r.a.createElement("span",{className:"text-info"},"--%")),r.a.createElement("div",{className:"text-center"},r.a.createElement("p",{className:"m-0"},r.a.createElement("strong",null,M(f))),r.a.createElement("p",{className:"m-0"},M(v)))))}var P=a(783);function L(e){var t,a,n=Object(u.a)(),v=c.a.useBasicFetch(l.a.interactiveMetadata(e.interactiveMetadataId)),p=c.a.useBasicFetch((null===(t=v.data)||void 0===t?void 0:t.interactiveId)?l.a.interactive(v.data.interactiveId):null),b=c.a.useBasicFetch(p.data?l.a.interactiveResultSet(v.data.interactiveId,v.data.id,n):null);return Object(o.a)(null===(a=v.data)||void 0===a?void 0:a.name),Object(s.a)(v),Object(P.a)(e.interactiveMetadataId),r.a.createElement("div",null,r.a.createElement(d.a,{interactiveMetadataId:e.interactiveMetadataId}),!!p.data&&!!b.data&&r.a.createElement(m.a,{interactive:p.data,results:b.data,interactiveMetadataId:e.interactiveMetadataId}),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-4"},r.a.createElement(T,{interactiveMetadataId:e.interactiveMetadataId})),r.a.createElement("div",{className:"col-5"},!!v.data&&r.a.createElement(f.a,{objectId:Object(i.a)(v.data),layout:"horizontal"}),r.a.createElement("div",{className:"mt-2"},r.a.createElement(R,{interactiveMetadataId:e.interactiveMetadataId}))),r.a.createElement("div",{className:"col-3"},r.a.createElement(I,{interactiveMetadataId:e.interactiveMetadataId}))))}a.d(t,"InteractiveOverviewView",(function(){return L}))},741:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(37),r=a(38);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(){var e=c(Object(n.a)(r.a.DATE_RANGE_QUERY_PARAMS),1)[0],t=c(Object(n.a)(r.a.AUDIENCE_QUERY_PARAMS,{}),1)[0];return Object.assign(Object.assign({},e),t)}},749:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(37),c=a(38);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,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.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 o(e){var t=i(Object(r.a)(c.a.HEADER_TITLE),2)[1];Object(n.useEffect)((function(){return t(e),function(){t(null)}}),[e])}},752:function(e,t,a){"use strict";var n=a(0),r=a(181);var c=a(123);a.d(t,"a",(function(){return l}));var i={notFound:c.a};function l(e){var t,a;t=e,a=i,Object(n.useEffect)((function(){Object(r.a)(t.statusCode,a)}),[t.statusCode,a])}},753:function(e,t,a){"use strict";var n,r,c=a(0),i=a.n(c),l=a(755),o=a(756),s=a.n(o);function u(e){var t=e===n.Large?6:2,a=e===n.Large?.36:.18;return"".concat(t/2-2*a,"rem")}function d(e){var t="d-inline-block ".concat(s.a.circleContainer);return e===n.Large&&(t+=" ".concat(s.a.lgCircleContainer)),t}function m(e){return"".concat(Math.round(100*e),"%")}function f(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}),i.a.createElement("circle",{ref:a,r:u(e.size),className:(t=e.percentage,t>=l.a.HIGH?s.a.circleSuccess:t>=l.a.MODERATE?s.a.circleWarning:s.a.circleDanger)}))}function v(e){var t,a,c=e.layout===r.LabelInside?n.Large:n.Small;return e.layout===r.LabelOnly?i.a.createElement("span",{className:(a=e.percentage,a>=l.a.HIGH?"text-success":a>=l.a.MODERATE?"text-warning":"text-danger")},m(e.percentage)):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"},m(e.percentage)),i.a.createElement("div",{className:d(c)},i.a.createElement(f,{percentage:e.percentage,size:c}),e.layout===r.LabelInside&&i.a.createElement("span",{className:s.a.centredPercentageText},m(e.percentage))))}!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}},755:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={HIGH:.8,MODERATE:.6}},756:function(e,t,a){e.exports={circleContainer:"Y716k",backgroundCircle:"_6Jufz",circleSuccess:"_2WUq2",circleWarning:"_2ds-p",circleDanger:"_18x_W",lgCircleContainer:"_10oNt",centredPercentageText:"_3losr"}},758:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),c=a(984),i=a(983),l=a(6),o=a(60);function s(e,t){return e.appLink.action===t.action}function u(e){var t=l.a.AppLinkHelper.getCurrentAppLink();return r.a.createElement(c.a,{className:"p-0 pb-2"},r.a.createElement(i.a,null,e.items.map((function(e,a){return r.a.createElement(i.a.Item,{key:a},r.a.createElement(o.a,{appLink:e.appLink,className:"nav-link pl-0 pt-0 pr-2".concat(s(e,t)?" active":"")},e.label))}))))}},761:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(9),i=a(53),l=a(106),o=a(758),s=a(741),u=c.a.encloseNamespace("reports.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.REPORTS,action:l.a.Reports.OVERVIEW,args:n,params:a}},{label:u("engagement"),appLink:{application:i.a.REPORTS,action:l.a.Reports.ENGAGEMENT,args:n,params:a}},{label:u("results"),appLink:{application:i.a.REPORTS,action:l.a.Reports.RESULTS,args:n,params:a}},{label:u("questionList"),appLink:{application:i.a.REPORTS,action:l.a.Reports.QUESTION_LIST,args:n,params:a}}]);return r.a.createElement(o.a,{items:d})}},771:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];function n(){for(var e=arguments.length,a=Array(e),n=0;n<e;n++)a[n]=arguments[n];var r=null;return t.forEach((function(e){if(null==r){var t=e.apply(void 0,a);null!=t&&(r=t)}})),r}return(0,c.default)(n)};var n,r=a(182),c=(n=r)&&n.__esModule?n:{default:n};e.exports=t.default},772:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(69),r=a(759);function c(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e){var t,a;return{userId:e.users,groupId:[].concat(c(null!==(t=e.classrooms)&&void 0!==t?t:[]),c(null!==(a=e.classroomGroups)&&void 0!==a?a:[])),start:e.from,end:e.to}}var o={individualEngagement:function(e,t,a,c,i){var o="engagement:".concat(e),s=Object(r.a)(t);return s&&(o+=":".concat(s)),{url:n.a.urlBuilder("{gateway}/v1/heat-map",Object.assign({objectId:e},l(t))),key:o,normalize:!1,success:a,error:c,always:i}},aggregateEngagement:function(e,t,a,c,i){var o="aggregate:engagement:".concat(e),s=Object(r.a)(t);return s&&(o+=":".concat(s)),{url:n.a.urlBuilder("{gateway}/v1/heat-map/aggregate",Object.assign({objectId:e},l(t))),key:o,normalize:!1,success:a,error:c,always:i}}}},777:function(e,t,a){"use strict";function n(e){var t,a,n;return e?(null===(t=null==e?void 0:e.video)||void 0===t?void 0:t.id)||(null===(n=null===(a=null==e?void 0:e.clip)||void 0===a?void 0:a.video)||void 0===n?void 0:n.id):null}a.d(t,"a",(function(){return n}))},783:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a(21),c=a(37),i=a(744),l=a(38);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,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return s(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 s(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 s(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 u(e){var t,a=o(Object(c.a)(l.a.DATE_RANGE_QUERY_PARAMS),1)[0],s=r.a.useBasicFetch(i.a.interactiveMetadata(e)),u=r.a.useBasicFetch((null===(t=s.data)||void 0===t?void 0:t.interactiveId)?i.a.interactive(s.data.interactiveId):null),d=r.a.useBasicFetch(u.data?i.a.interactiveResultSet(s.data.interactiveId,s.data.id,a):null),m=o(Object(c.a)(l.a.AUDIENCE_FILTER_SUGGESTIONS),2)[1];Object(n.useEffect)((function(){var e,t;d.isComplete&&m("users",null===(t=null===(e=d.data)||void 0===e?void 0:e.students)||void 0===t?void 0:t.map((function(e){return e.user.id})))}),[d.isComplete])}},795:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a.n(n),c=a(9),i=a(60),l=a(53),o=a(106),s=a(742),u=a(741),d=c.a.encloseNamespace("reports.markingRequiredAlert");function m(e){var t=Object(u.a)(),a=function(e,t){var a=0;return t.students.forEach((function(t){var n=Object(s.i)(e,t);a+=n.awaitingMarking})),a}(e.interactive,e.results);return a?r.a.createElement("div",{className:"alert alert-secondary",role:"alert"},"".concat(d("markingRequired",{smartCount:a})," "),r.a.createElement(i.a,{className:"text-info",appLink:{application:l.a.REPORTS,action:o.a.Reports.QUESTION_LIST,args:[e.interactiveMetadataId],params:t}},d("seeQuestions"))):r.a.createElement(r.a.Fragment,null)}},796:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),c=a(21),i=a(9),l=a(741),o=a(772),s=a(753),u=i.a.encloseNamespace("reports.engagementOverviewCard");function d(e){var t,a=Object(l.a)(),n=!a.users&&!a.classrooms&&!a.classroomGroups,i=c.a.useBasicFetch(o.a.aggregateEngagement(e.objectId,a));return r.a.createElement("div",{className:"d-flex flex-column rounded bg-light p-2 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("p",null,r.a.createElement("strong",null,u("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":"")},!!i.data&&r.a.createElement(r.a.Fragment,null,r.a.createElement(s.a,{percentage:i.data.engagementRate,layout:s.b.LabelInside}),r.a.createElement("p",{className:"horizontal"===e.layout?"ml-2":""},u(n?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*i.data.engagementRate)})))))}},983:function(e,t,a){"use strict";var n=a(4),r=a(10),c=a(15),i=a.n(c),l=(a(771),a(0)),o=a.n(l),s=a(177),u=a(24),d=a(176),m=o.a.createContext(null),f=a(63),v=a.n(f);var p=function(e){return e&&"function"!=typeof e?function(t){e.current=t}:e};var b=function(e,t){return Object(l.useMemo)((function(){return function(e,t){var a=p(e),n=p(t);return function(e){a&&a(e),n&&n(e)}}(e,t)}),[e,t])},g=a(179),E=a(81),y=o.a.createContext(null),h=function(){},O=o.a.forwardRef((function(e,t){var a,c,i=e.as,s=void 0===i?"ul":i,u=e.onSelect,d=e.activeKey,m=e.role,f=e.onKeyDown,p=Object(r.a)(e,["as","onSelect","activeKey","role","onKeyDown"]),O=Object(l.useReducer)((function(e){return!e}),!1)[1],j=Object(l.useRef)(!1),N=Object(l.useContext)(E.a),x=Object(l.useContext)(y);x&&(m=m||"tablist",d=x.activeKey,a=x.getControlledId,c=x.getControllerId);var S=Object(l.useRef)(null),I=function(e){if(!S.current)return null;var t=v()(S.current,"[data-rb-event-key]:not(.disabled)"),a=S.current.querySelector(".active"),n=t.indexOf(a);if(-1===n)return null;var r=n+e;return r>=t.length&&(r=0),r<0&&(r=t.length-1),t[r]},w=function(e,t){null!=e&&(u&&u(e,t),N&&N(e,t))};Object(l.useEffect)((function(){if(S.current&&j.current){var e=S.current.querySelector("[data-rb-event-key].active");e&&e.focus()}j.current=!1}));var C=b(t,S);return o.a.createElement(E.a.Provider,{value:w},o.a.createElement(g.a.Provider,{value:{role:m,activeKey:Object(E.b)(d),getControlledId:a||h,getControllerId:c||h}},o.a.createElement(s,Object(n.a)({},p,{onKeyDown:function(e){var t;switch(f&&f(e),e.key){case"ArrowLeft":case"ArrowUp":t=I(-1);break;case"ArrowRight":case"ArrowDown":t=I(1);break;default:return}t&&(e.preventDefault(),w(t.dataset.rbEventKey,e),j.current=!0,O())},ref:C,role:m}))))})),j=o.a.forwardRef((function(e,t){var a=e.bsPrefix,c=e.className,l=e.children,s=e.as,d=void 0===s?"div":s,m=Object(r.a)(e,["bsPrefix","className","children","as"]);return a=Object(u.b)(a,"nav-item"),o.a.createElement(d,Object(n.a)({},m,{ref:t,className:i()(c,a)}),l)}));j.displayName="NavItem";var N=j,x=a(124),S=a(82),I=o.a.forwardRef((function(e,t){var a=e.active,c=e.className,s=e.tabIndex,u=e.eventKey,d=e.onSelect,m=e.onClick,f=e.as,v=Object(r.a)(e,["active","className","tabIndex","eventKey","onSelect","onClick","as"]),p=Object(E.b)(u,v.href),b=Object(l.useContext)(E.a),y=Object(l.useContext)(g.a),h=a;y&&(v.role||"tablist"!==y.role||(v.role="tab"),v["data-rb-event-key"]=p,v.id=y.getControllerId(p),v["aria-controls"]=y.getControlledId(p),h=null==a&&null!=p?y.activeKey===p:a),"tab"===v.role&&(v.tabIndex=h?s:-1,v["aria-selected"]=h);var O=Object(S.a)((function(e){m&&m(e),null!=p&&(d&&d(p,e),b&&b(p,e))}));return o.a.createElement(f,Object(n.a)({},v,{ref:t,onClick:O,className:i()(c,h&&"active")}))}));I.defaultProps={disabled:!1};var w=I,C={disabled:!1,as:x.a},R=o.a.forwardRef((function(e,t){var a=e.bsPrefix,c=e.disabled,l=e.className,s=e.href,d=e.eventKey,m=e.onSelect,f=e.as,v=Object(r.a)(e,["bsPrefix","disabled","className","href","eventKey","onSelect","as"]);return a=Object(u.b)(a,"nav-link"),o.a.createElement(w,Object(n.a)({},v,{href:s,ref:t,eventKey:d,as:f,disabled:c,onSelect:m,className:i()(l,a,c&&"disabled")}))}));R.displayName="NavLink",R.defaultProps=C;var k=R,A=o.a.forwardRef((function(e,t){var a,c,f,v=Object(s.a)(e,{activeKey:"onSelect"}),p=v.as,b=void 0===p?"div":p,g=v.bsPrefix,E=v.variant,y=v.fill,h=v.justify,j=v.navbar,N=v.className,x=v.children,S=v.activeKey,I=Object(r.a)(v,["as","bsPrefix","variant","fill","justify","navbar","className","children","activeKey"]);g=Object(u.b)(g,"nav");var w=Object(l.useContext)(d.a),C=Object(l.useContext)(m);return w?(c=w.bsPrefix,j=null==j||j):C&&(f=C.cardHeaderBsPrefix),o.a.createElement(O,Object(n.a)({as:b,ref:t,activeKey:S,className:i()(N,(a={},a[g]=!j,a[c+"-nav"]=j,a[f+"-"+E]=!!f,a[g+"-"+E]=!!E,a[g+"-fill"]=y,a[g+"-justified"]=h,a))},I),x)}));A.displayName="Nav",A.defaultProps={justify:!1,fill:!1},A.Item=N,A.Link=k;t.a=A},984:function(e,t,a){"use strict";var n=a(4),r=a(10),c=a(15),i=a.n(c),l=a(0),o=a.n(l),s=a(177),u=a(68),d=a(24),m=o.a.forwardRef((function(e,t){var a=e.bsPrefix,c=e.className,l=e.as,s=Object(r.a)(e,["bsPrefix","className","as"]);a=Object(d.b)(a,"navbar-brand");var u=l||(s.href?"a":"span");return o.a.createElement(u,Object(n.a)({},s,{ref:t,className:i()(c,a)}))}));m.displayName="NavbarBrand";var f,v=m,p=a(33),b=a(90),g=a.n(b),E=a(183),y=a.n(E),h=a(98),O=a(184),j=a(185),N={height:["marginTop","marginBottom"],width:["marginLeft","marginRight"]};var x=((f={})[h.c]="collapse",f[h.d]="collapsing",f[h.b]="collapsing",f[h.a]="collapse show",f),S={in:!1,timeout:300,mountOnEnter:!1,unmountOnExit:!1,appear:!1,dimension:"height",getDimensionValue:function(e,t){var a=t["offset"+e[0].toUpperCase()+e.slice(1)],n=N[e];return a+parseInt(g()(t,n[0]),10)+parseInt(g()(t,n[1]),10)}},I=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).handleEnter=function(e){e.style[t.getDimension()]="0"},t.handleEntering=function(e){var a=t.getDimension();e.style[a]=t._getScrollDimensionValue(e,a)},t.handleEntered=function(e){e.style[t.getDimension()]=null},t.handleExit=function(e){var a=t.getDimension();e.style[a]=t.props.getDimensionValue(a,e)+"px",Object(O.a)(e)},t.handleExiting=function(e){e.style[t.getDimension()]=null},t}Object(p.a)(t,e);var a=t.prototype;return a.getDimension=function(){return"function"==typeof this.props.dimension?this.props.dimension():this.props.dimension},a._getScrollDimensionValue=function(e,t){return e["scroll"+t[0].toUpperCase()+t.slice(1)]+"px"},a.render=function(){var e=this,t=this.props,a=t.onEnter,c=t.onEntering,l=t.onEntered,s=t.onExit,u=t.onExiting,d=t.className,m=t.children,f=Object(r.a)(t,["onEnter","onEntering","onEntered","onExit","onExiting","className","children"]);delete f.dimension,delete f.getDimensionValue;var v=Object(j.a)(this.handleEnter,a),p=Object(j.a)(this.handleEntering,c),b=Object(j.a)(this.handleEntered,l),g=Object(j.a)(this.handleExit,s),E=Object(j.a)(this.handleExiting,u);return o.a.createElement(h.e,Object(n.a)({addEndListener:y.a},f,{"aria-expanded":f.role?f.in:null,onEnter:v,onEntering:p,onEntered:b,onExit:g,onExiting:E}),(function(t,a){return o.a.cloneElement(m,Object(n.a)({},a,{className:i()(d,m.props.className,x[t],"width"===e.getDimension()&&"width")}))}))},t}(o.a.Component);I.defaultProps=S;var w=I,C=a(176),R=o.a.forwardRef((function(e,t){var a=e.children,c=e.bsPrefix,i=Object(r.a)(e,["children","bsPrefix"]);return c=Object(d.b)(c,"navbar-collapse"),o.a.createElement(C.a.Consumer,null,(function(e){return o.a.createElement(w,Object(n.a)({in:!(!e||!e.expanded)},i),o.a.createElement("div",{ref:t,className:c},a))}))}));R.displayName="NavbarCollapse";var k=R,A=a(82),M=o.a.forwardRef((function(e,t){var a=e.bsPrefix,c=e.className,s=e.children,u=e.label,m=e.as,f=void 0===m?"button":m,v=e.onClick,p=Object(r.a)(e,["bsPrefix","className","children","label","as","onClick"]);a=Object(d.b)(a,"navbar-toggler");var b=Object(l.useContext)(C.a)||{},g=b.onToggle,E=b.expanded,y=Object(A.a)((function(e){v&&v(e),g&&g()}));return"button"===f&&(p.type="button"),o.a.createElement(f,Object(n.a)({},p,{ref:t,onClick:y,"aria-label":u,className:i()(c,a,!E&&"collapsed")}),s||o.a.createElement("span",{className:a+"-icon"}))}));M.displayName="NavbarToggle",M.defaultProps={label:"Toggle navigation"};var T=M,P=a(81),L=o.a.forwardRef((function(e,t){var a=Object(s.a)(e,{expanded:"onToggle"}),c=a.bsPrefix,u=a.expand,m=a.variant,f=a.bg,v=a.fixed,p=a.sticky,b=a.className,g=a.children,E=a.as,y=void 0===E?"nav":E,h=a.expanded,O=a.onToggle,j=a.onSelect,N=a.collapseOnSelect,x=Object(r.a)(a,["bsPrefix","expand","variant","bg","fixed","sticky","className","children","as","expanded","onToggle","onSelect","collapseOnSelect"]);c=Object(d.b)(c,"navbar");var S=Object(l.useCallback)((function(){j&&j.apply(void 0,arguments),N&&h&&O(!1)}),[j,N,h,O]);void 0===x.role&&"nav"!==y&&(x.role="navigation");var I=c+"-expand";"string"==typeof u&&(I=I+"-"+u);var w=Object(l.useMemo)((function(){return{onToggle:function(){return O(!h)},bsPrefix:c,expanded:h}}),[c,h,O]);return o.a.createElement(C.a.Provider,{value:w},o.a.createElement(P.a.Provider,{value:S},o.a.createElement(y,Object(n.a)({ref:t},x,{className:i()(b,c,u&&I,m&&c+"-"+m,f&&"bg-"+f,p&&"sticky-"+p,v&&"fixed-"+v)}),g)))}));L.defaultProps={expand:!0,variant:"light",collapseOnSelect:!1},L.displayName="Navbar",L.Brand=v,L.Toggle=T,L.Collapse=k,L.Text=Object(u.a)("navbar-text",{Component:"span"});t.a=L},987:function(e,t,a){e.exports={numberCircle:"Uv9Ep",studentsContainer:"MIm5t",studentRow:"D3_1v",indicatorRing:"_37Hvf",ringSuccess:"KH4fO",ringDanger:"_1dqKF",ringInfo:"Km0pu",percentageIndicator:"_3mGP2"}},988:function(e,t,a){e.exports={percentage:"_1fJ7f"}}}]);

package/dist/scripts/7-0e9ab45794-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[7],{1132:function(e,t,n){e.exports={row:"_2ZvqQ"}},1137:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),i=n(21),c=n(9),s=n(125),l=n(126),o=n(141);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 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("shared.confirmationPopup");function f(e){var t=u(a.useState(!1),2),n=t[0],r=t[1],i=[{variant:e.cancelButtonVariant,onClick:e.closePopup,buttonText:e.cancelButtonText||m("cancel")},{variant:e.confirmButtonVariant,onClick:function(){r(!0),e.onClickConfirm()},buttonText:e.confirmButtonText||m("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(o.a,{buttons:i})))}f.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var v=n(744),b=n(749),g=n(814),p=n(752),w=n(741),E=n(761),h=n(979),y=n(783),k=n(980),I=n(77),A=n(742),C=n(793),S=n(754),N=n(769),x=n(813),j=c.a.encloseNamespace("reports.submitMarkedAnswers");function O(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},j("submitAnswers")))}var F=n(776),M=n(982),T=n.n(M),U=c.a.encloseNamespace("reports.interactionResponseListHeader");function B(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return r.a.createElement("div",{className:"border rounded"},r.a.createElement("div",{className:"p-2 position-relative"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(F.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),e.awaitingMarking&&r.a.createElement("div",{className:T.a.awaitingMarking}),!!n&&r.a.createElement("div",{className:"mt-2"},r.a.createElement("strong",null,U("suggestedResponse")),r.a.createElement("p",{className:"m-0"},n))))}function R(e){var t,n,a=(n=e.interaction,e.results.students.filter((function(e){return Object(N.a)(n,Object(A.h)(e))===S.a.AwaitingMarking}))),i=Object.keys(e.markedAnswers).length;return r.a.createElement("div",{className:"pb-3"},r.a.createElement(B,{interaction:e.interaction,awaitingMarking:!!a.length}),!!a.length&&r.a.createElement(O,{submit:e.submitMarkedAnswers,disabled:!i}),!!(null===(t=e.results.students)||void 0===t?void 0:t.length)&&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(x.a,{interaction:e.interaction,studentResults:t,markedStatus:Object(A.f)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0}),i&&r.a.createElement("div",{className:T.a.awaitingMarking}))}))),!!a.length&&r.a.createElement(O,{submit:e.submitMarkedAnswers,disabled:!i}))}var _=c.a.encloseNamespace("reports.selectedInteractionEmptyState");function P(){return r.a.createElement("div",{className:"d-flex align-items-center justify-content-center border rounded h-100"},_("emptyStateText"))}var z=n(753),D=n(981),H=c.a.encloseNamespace("reports.questionTable");function V(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 q(e){return r.a.createElement("div",{className:"d-flex align-items-center h-100"},e.children)}var L=n(1132),W={header:"border rounded font-weight-bold",headerCell:"p-2 d-flex align-items-center",cell:"p-2",row:"my-1 rounded ".concat(n.n(L).a.row),selectedRow:"bg-light",sortIndicator:"text-muted"};function J(e){var t,n,a,i=(t=e.interactive,n=e.results,a=e.refreshTable,r.a.useMemo((function(){return Object(A.d)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(A.c)(e,n)})}))}),[a])),c=e.selectedInteractionId&&Object(A.b)(e.interactive,e.selectedInteractionId);return r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6"},r.a.createElement(C.a,{key:e.selectedInteractionId,columns:[{Header:H("#"),accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return r.a.createElement(q,null,t+1)},width:25,disableSortBy:!0},{Header:H("question"),accessor:"data",Cell:function(e){var t=e.row.original;return r.a.createElement(q,null,r.a.createElement("div",{className:"clamp-1"},r.a.createElement(F.a,{interaction:t})))},disableSortBy:!0},{Header:H("correctlyAnswered"),accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?r.a.createElement("div",{className:"pr-3"},r.a.createElement(D.a,null)):r.a.createElement("div",{className:"pr-3"},r.a.createElement(z.a,{percentage:n,layout:z.b.LabelBefore}))},width:80,sortDescFirst:!0,sortType:V}],data:i,theme:W,onSelectRow:function(e){var t=e.original;I.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(R,{interaction:c,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!c&&r.a.createElement(P,null)))}function K(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,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 Q(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 Q(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 Q(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 $}));var Z=c.a.encloseNamespace("reports.interactiveQuestionList");function $(e){var t,n,a,c,l,o=K(r.a.useState(!1),2),u=o[0],d=o[1],m=Object(w.a)(),I=i.a.useBasicFetch(v.a.interactiveMetadata(e.interactiveMetadataId)),A=i.a.useBasicFetch((null===(t=I.data)||void 0===t?void 0:t.interactiveId)?v.a.interactive(I.data.interactiveId):null),C=i.a.useBasicFetch(A.data?v.a.interactiveResultSet(I.data.interactiveId,I.data.id,m):null),S=i.a.useBasicFetch(s.a.config());Object(b.a)(null===(n=I.data)||void 0===n?void 0:n.name),Object(y.a)(e.interactiveMetadataId),Object(k.a)(C),Object(p.a)(I);var N=Object(h.a)(C),x=Object(g.a)(null===(a=A.data)||void 0===a?void 0:a.id,null===(c=I.data)||void 0===c?void 0:c.id,(function(){return d(!1)})),j=x.markedAnswers,O=x.addMarkedAnswers,F=x.submitMarkedAnswers,M=!!A.data&&!!C.data&&!!S.data;return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement(E.a,{interactiveMetadataId:e.interactiveMetadataId}),M&&r.a.createElement(J,{interactive:A.data,results:C.data,markedAnswers:j,addMarkedAnswers:O,submitMarkedAnswers:function(){return d(!0)},imageCdnUrl:S.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:N})),u&&r.a.createElement(f,{title:Z("markPopupTitle",{smartCount:null!==(l=Object.keys(j).length)&&void 0!==l?l:0}),closePopup:function(){return d(!1)},confirmButtonText:Z("submit"),confirmButtonVariant:"dark",onClickConfirm:F},r.a.createElement("p",null,Z("markPopupBody"))))}},810:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},811:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},812:function(e,t,n){e.exports={response:"_1HmXg",avatarContainer:"_1IZwJ"}},813:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(180),c=n(178),s=n(742),l=n(769),o=n(763),u=n(762);var d=n(20),m=n(22),f=n(810),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 s=e.getSelectedAnswer(a.id);if(e.onlyShowSelectedAnswer&&!s)return r.a.createElement(r.a.Fragment,{key:c});var l=s?"bg-info text-white":"bg-white",o=function(){return r.a.createElement(r.a.Fragment,null,b[c])};e.showFeedback&&(l=a.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(o=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,!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(l),key:c,htmlFor:a.id},u),r.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},r.a.createElement(o,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}))))})))}g.defaultProps={size:"lg"};var p=n(80);var w,E=n(811),h=n.n(E);function y(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return r.a.createElement("div",{className:"d-flex justify-content-center"},e.interaction.actionableItems.map((function(n,a){var c=e.getSelectedAnswer(n.id),s=c?"bg-info text-white":"bg-white",l=function(){return r.a.createElement(r.a.Fragment,null)};e.showFeedback&&(s=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(h.a.incorrect),e.hideFeedbackIcons||(l=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 o=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)},o),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(h.a.feedback)},r.a.createElement(l,null)),r.a.createElement("span",{className:"".concat(h.a.avatarContainer).concat("sm"===e.size?" ".concat(h.a.avatarContainerSmall):"")},c&&r.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}y.defaultProps={size:"lg"};var I=function(){return r.a.createElement(r.a.Fragment,null)},A=(k(w={},o.InteractionTypeId.Annotation,I),k(w,o.InteractionTypeId.Image,I),k(w,o.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g);return r.a.createElement("div",null,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){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"},c.text)," "),r.a.createElement("span",{className:"text-success"},i.name))}}})))})),k(w,o.InteractionTypeId.MultipleChoice,(function(e){var t,n,a,i;return r.a.createElement("div",{className:"my-2"},r.a.createElement(g,{interaction:e.interaction,showFeedback:!0,hideFeedbackIcons:!0,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: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:null===(i=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!0,size:"sm"}))})),k(w,o.InteractionTypeId.TrueOrFalse,(function(e){var t,n,a,i;return r.a.createElement("div",{className:"my-2"},r.a.createElement(y,{interaction:e.interaction,showFeedback:!0,hideFeedbackIcons:!0,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: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:null===(i=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===i?void 0:i.url,size:"sm"}))})),k(w,o.InteractionTypeId.ShortAnswer,(function(e){var t=p.a.first(e.answers);return t?r.a.createElement("div",null,t.text):r.a.createElement(r.a.Fragment,null)})),w),C=n(9).a.encloseNamespace("reports.responseTypes");function S(){return r.a.createElement("p",null,r.a.createElement("em",null,C("noResponse")))}var N=n(754);function x(e){return r.a.createElement(r.a.Fragment,null,e.correctness===N.a.Correct&&r.a.createElement("div",{className:"ml-2 text-success"},r.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===N.a.Incorrect&&r.a.createElement("div",{className:"ml-2 text-danger"},r.a.createElement(d.a,{svgName:m.b.Close})))}function j(e){return r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,Object(s.a)(e.studentResults)),r.a.createElement(x,{correctness:e.correctness}))}function O(e){return e.correctness!==N.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: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:m.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Incorrect)}})))}var F=n(812),M=n.n(F);function T(e){var t,n,a,o,u=A[e.interaction.typeId];if(!u)return r.a.createElement(r.a.Fragment,null);var d=Object(s.h)(e.studentResults),m=Object(s.g)(e.interaction.id,d),f=Object(l.a)(e.interaction,d);return r.a.createElement("div",{className:"p-2 rounded ".concat(M.a.response)},r.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&r.a.createElement("div",{className:"mr-2"},r.a.createElement("div",{className:M.a.avatarContainer},r.a.createElement(i.a,{imageCdnUrl:e.imageCdnUrl,initials:c.a.getInitials(null===(t=e.studentResults.user)||void 0===t?void 0:t.name,null===(n=e.studentResults.user)||void 0===n?void 0:n.surname),imageUrl:null===(o=null===(a=e.studentResults.user)||void 0===a?void 0:a.avatar)||void 0===o?void 0:o.url}))),r.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&r.a.createElement(j,{studentResults:e.studentResults,correctness:f}),r.a.createElement("div",{className:"d-flex justify-content-between"},r.a.createElement("div",{className:"flex-grow-1"},m?r.a.createElement(u,{interaction:e.interaction,answers:m.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user}):r.a.createElement(S,null)),!e.showStudentDetails&&r.a.createElement(x,{correctness:f})))),r.a.createElement(O,{studentAttempt:m,correctness:f,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},814:function(e,t,n){"use strict";var a=n(0),r=n(55),i=n(21),c=n(9),s=n(48);function l(e){var t,n;return t=e,n=s.a.getInstance(t),a.useEffect((function(){return function(){return s.a.releaseInstance(t)}})),n}var o=n(57),u=n(74);var d=n(744),m=n(742);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],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 v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"a",(function(){return g}));var b=c.a.encloseNamespace("reportsShared.dataHooks"),g=function(e,t,n){var c,s=f(Object(a.useState)({}),2),v=s[0],g=s[1],p=Object(r.b)(),w=(c=l(u.a.ALERT),{success:function(e){c.success(e)()},error:function(e){c.error(e)()},warning:function(e){c.createAlert({type:o.a.Warning,heading:o.c.Warning,message:e})}});return{markedAnswers:v,addMarkedAnswers:function(e,t){e.forEach((function(e){g((function(n){return Object.assign(Object.assign({},n),(a={},r=Object(m.e)(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(v).map((function(e){return v[e]}));if(a.length){var r=0,c=0;a.forEach((function(n){var a=n.id,r=n.resultId,c=n.questionId,o=n.status;i.a.fetch(p,d.a.mark(e,t,a,{id:a,resultId:r,questionId:c,status:o},s,null,l))}))}function s(){c++}function l(){++r===a.length&&function(){var e="",t=!1;0===c&&(e=b("error",{smartCount:a.length}),t=!0);c<r&&(e=b("success",{smartCount:c})+" ".concat(b("partialError",{smartCount:r-c})));c===r&&(e=b("success",{smartCount:c}));t?w.error(e):w.success(e),g({}),n&&n()}()}}}}},982:function(e,t,n){e.exports={awaitingMarking:"_3EhsZ"}}}]);

package/dist/scripts/8-7f04f03332-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[8],{1141:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),i=n(21),c=n(9),s=n(37),o=n(125),l=n(126),u=n(744),d=n(814),m=n(742),f=n(38),v=n(353),b=n(754),g=n(776),p=n(769),h=n(813);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 y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(e,t)}(e,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 y(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 E=c.a.encloseNamespace("reports.studentResponseList");function k(e){var t,n,a,i,c,s,o=w(r.a.useState(!1),2),l=o[0],u=o[1],d=(t=r.a.useRef(),n=w(r.a.useState(!1),2),a=n[0],i=n[1],r.a.useEffect((function(){t.current&&!a&&(i(!0),t.current.scrollIntoView({behavior:"smooth",block:"center"}))}),[t.current,a]),t),f=(c=e.interactions,s=e.studentResults,c.filter((function(e){return Object(p.a)(e,Object(m.h)(s))===b.a.AwaitingMarking}))),y=Object.keys(e.markedAnswers).length;function k(){u(!0),e.submitMarkedAnswers()}return r.a.createElement(r.a.Fragment,null,!!f.length&&r.a.createElement("div",{className:"d-flex justify-content-end pb-2"},r.a.createElement(v.a,{variant:"outline-dark",onClick:k,disabled:!y,showSpinner:l},E("submitAnswers"))),r.a.createElement("ul",{className:"list-unstyled"},e.interactions.map((function(t,n){var a,i=t.id.toString()===(null===(a=e.selectedInteractionId)||void 0===a?void 0:a.toString()),c="p-2 mb-2";return i&&(c+=" border rounded border-info shadow"),r.a.createElement("li",{key:n,className:c,ref:i?d:null},r.a.createElement("div",{className:"d-flex mb-2"},r.a.createElement(g.a,{interaction:t,iconClassName:"flex-shrink-0"})),r.a.createElement(h.a,{interaction:t,studentResults:e.studentResults,markedStatus:Object(m.f)(t.id,e.studentResults,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl}))}))),r.a.createElement("div",{className:"d-flex justify-content-end pt-2"},!l&&r.a.createElement("button",{className:"btn btn-link",onClick:e.onClickClose},E("close")),!!f.length&&r.a.createElement(v.a,{variant:"outline-dark",className:"ml-2",onClick:k,disabled:!y,showSpinner:l},E("submitAnswers"))))}function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,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 A(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 A(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"InteractiveStudentResultsView",(function(){return C}));var S=c.a.encloseNamespace("reports.interactiveStudentResults");function C(e){var t,n,a,c,v=I(Object(s.a)(f.a.DATE_RANGE_QUERY_PARAMS),1)[0],b=i.a.useBasicFetch(u.a.interactiveMetadata(e.interactiveMetadataId)),g=i.a.useBasicFetch((null===(t=b.data)||void 0===t?void 0:t.interactiveId)?u.a.interactive(b.data.interactiveId):null),p=i.a.useBasicFetch(g.data?u.a.userInteractiveResultSet(b.data.interactiveId,b.data.id,e.userId,v):null),h=i.a.useBasicFetch(o.a.config()),w=Object(d.a)(null===(n=g.data)||void 0===n?void 0:n.id,null===(a=b.data)||void 0===a?void 0:a.id,e.closePopup),y=w.markedAnswers,E=w.addMarkedAnswers,A=w.submitMarkedAnswers,C=null===(c=p.data)||void 0===c?void 0:c.students.find((function(t){return t.user.id.toString()===e.userId.toString()})),x=!!g.data&&!!p.data&&!!h.data;return r.a.createElement(l.a,{title:C?S("heading",{studentName:Object(m.a)(C)}):"",showLoadingSpinner:!x,closePopup:e.closePopup,size:"lg"},x&&r.a.createElement(k,{studentResults:C,interactions:Object(m.d)(g.data),markedAnswers:y,addMarkedAnswers:E,submitMarkedAnswers:A,imageCdnUrl:h.data.imageCdnUrl,selectedInteractionId:e.interactionId,onClickClose:e.closePopup}))}},810:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},811:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},812:function(e,t,n){e.exports={response:"_1HmXg",avatarContainer:"_1IZwJ"}},813:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(180),c=n(178),s=n(742),o=n(769),l=n(763),u=n(762);var d=n(20),m=n(22),f=n(810),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 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":"bg-white",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,!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}))))})))}g.defaultProps={size:"lg"};var p=n(80);var h,w=n(811),y=n.n(w);function E(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return r.a.createElement("div",{className:"d-flex justify-content-center"},e.interaction.actionableItems.map((function(n,a){var c=e.getSelectedAnswer(n.id),s=c?"bg-info text-white":"bg-white",o=function(){return r.a.createElement(r.a.Fragment,null)};e.showFeedback&&(s=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(y.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(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(y.a.feedback)},r.a.createElement(o,null)),r.a.createElement("span",{className:"".concat(y.a.avatarContainer).concat("sm"===e.size?" ".concat(y.a.avatarContainerSmall):"")},c&&r.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}E.defaultProps={size:"lg"};var I=function(){return r.a.createElement(r.a.Fragment,null)},A=(k(h={},l.InteractionTypeId.Annotation,I),k(h,l.InteractionTypeId.Image,I),k(h,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);return r.a.createElement("div",null,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){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"},c.text)," "),r.a.createElement("span",{className:"text-success"},i.name))}}})))})),k(h,l.InteractionTypeId.MultipleChoice,(function(e){var t,n,a,i;return r.a.createElement("div",{className:"my-2"},r.a.createElement(g,{interaction:e.interaction,showFeedback:!0,hideFeedbackIcons:!0,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: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:null===(i=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!0,size:"sm"}))})),k(h,l.InteractionTypeId.TrueOrFalse,(function(e){var t,n,a,i;return r.a.createElement("div",{className:"my-2"},r.a.createElement(E,{interaction:e.interaction,showFeedback:!0,hideFeedbackIcons:!0,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: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:null===(i=null===(a=e.user)||void 0===a?void 0:a.avatar)||void 0===i?void 0:i.url,size:"sm"}))})),k(h,l.InteractionTypeId.ShortAnswer,(function(e){var t=p.a.first(e.answers);return t?r.a.createElement("div",null,t.text):r.a.createElement(r.a.Fragment,null)})),h),S=n(9).a.encloseNamespace("reports.responseTypes");function C(){return r.a.createElement("p",null,r.a.createElement("em",null,S("noResponse")))}var x=n(754);function N(e){return r.a.createElement(r.a.Fragment,null,e.correctness===x.a.Correct&&r.a.createElement("div",{className:"ml-2 text-success"},r.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===x.a.Incorrect&&r.a.createElement("div",{className:"ml-2 text-danger"},r.a.createElement(d.a,{svgName:m.b.Close})))}function j(e){return r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,Object(s.a)(e.studentResults)),r.a.createElement(N,{correctness:e.correctness}))}function F(e){return e.correctness!==x.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: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:m.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,u.a.Incorrect)}})))}var O=n(812),R=n.n(O);function U(e){var t,n,a,l,u=A[e.interaction.typeId];if(!u)return r.a.createElement(r.a.Fragment,null);var d=Object(s.h)(e.studentResults),m=Object(s.g)(e.interaction.id,d),f=Object(o.a)(e.interaction,d);return r.a.createElement("div",{className:"p-2 rounded ".concat(R.a.response)},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(i.a,{imageCdnUrl:e.imageCdnUrl,initials:c.a.getInitials(null===(t=e.studentResults.user)||void 0===t?void 0:t.name,null===(n=e.studentResults.user)||void 0===n?void 0:n.surname),imageUrl:null===(l=null===(a=e.studentResults.user)||void 0===a?void 0:a.avatar)||void 0===l?void 0:l.url}))),r.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&r.a.createElement(j,{studentResults:e.studentResults,correctness:f}),r.a.createElement("div",{className:"d-flex justify-content-between"},r.a.createElement("div",{className:"flex-grow-1"},m?r.a.createElement(u,{interaction:e.interaction,answers:m.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user}):r.a.createElement(C,null)),!e.showStudentDetails&&r.a.createElement(N,{correctness:f})))),r.a.createElement(F,{studentAttempt:m,correctness:f,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return U}))},814:function(e,t,n){"use strict";var a=n(0),r=n(55),i=n(21),c=n(9),s=n(48);function o(e){var t,n;return t=e,n=s.a.getInstance(t),a.useEffect((function(){return function(){return s.a.releaseInstance(t)}})),n}var l=n(57),u=n(74);var d=n(744),m=n(742);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],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 v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"a",(function(){return g}));var b=c.a.encloseNamespace("reportsShared.dataHooks"),g=function(e,t,n){var c,s=f(Object(a.useState)({}),2),v=s[0],g=s[1],p=Object(r.b)(),h=(c=o(u.a.ALERT),{success:function(e){c.success(e)()},error:function(e){c.error(e)()},warning:function(e){c.createAlert({type:l.a.Warning,heading:l.c.Warning,message:e})}});return{markedAnswers:v,addMarkedAnswers:function(e,t){e.forEach((function(e){g((function(n){return Object.assign(Object.assign({},n),(a={},r=Object(m.e)(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(v).map((function(e){return v[e]}));if(a.length){var r=0,c=0;a.forEach((function(n){var a=n.id,r=n.resultId,c=n.questionId,l=n.status;i.a.fetch(p,d.a.mark(e,t,a,{id:a,resultId:r,questionId:c,status:l},s,null,o))}))}function s(){c++}function o(){++r===a.length&&function(){var e="",t=!1;0===c&&(e=b("error",{smartCount:a.length}),t=!0);c<r&&(e=b("success",{smartCount:c})+" ".concat(b("partialError",{smartCount:r-c})));c===r&&(e=b("success",{smartCount:c}));t?h.error(e):h.success(e),g({}),n&&n()}()}}}}}}]);

package/dist/scripts/9-ddf5e0bbc1-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[9],{1130:function(e,t,a){e.exports={container:"_2sB_4",interaction:"Z2JLO"}},1131:function(e,t,a){e.exports={bar:"_1W9nw"}},1136:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(21),i=a(744),o=a(749),l=a(741),s=a(752),u=a(761),d=a(979),m=a(783),f=a(980),v=a(795),p=a(6),b=a(80),g=a(53),h=a(106),E=a(793),w=a(9),y=a(742),O=a(753),N=a(981),M=a(739),j=a(4),x=a(10),R=a(15),C=a.n(R),I=(a(187),a(24)),S=r.a.forwardRef((function(e,t){var a=e.as,n=void 0===a?"div":a,c=e.bsPrefix,i=e.className,o=e.children,l=Object(x.a)(e,["as","bsPrefix","className","children"]);return c=Object(I.b)(c,"popover-header"),r.a.createElement(n,Object(j.a)({ref:t},l,{className:C()(c,i)}),o)})),T=r.a.forwardRef((function(e,t){var a=e.as,n=void 0===a?"div":a,c=e.bsPrefix,i=e.className,o=e.children,l=Object(x.a)(e,["as","bsPrefix","className","children"]);return c=Object(I.b)(c,"popover-body"),r.a.createElement(n,Object(j.a)({ref:t},l,{className:C()(i,c)}),o)}));function _(e){var t=e.bsPrefix,a=e.innerRef,n=e.placement,c=e.className,i=e.style,o=e.children,l=e.content,s=e.arrowProps,u=(e.scheduleUpdate,e.outOfBoundaries,Object(x.a)(e,["bsPrefix","innerRef","placement","className","style","children","content","arrowProps","scheduleUpdate","outOfBoundaries"]));return r.a.createElement("div",Object(j.a)({role:"tooltip",ref:a,style:i,"x-placement":n,className:C()(c,t,"bs-popover-"+n)},u),r.a.createElement("div",Object(j.a)({className:"arrow"},s)),l?r.a.createElement(T,null,o):o)}_.defaultProps={placement:"right"};var k=Object(I.a)(_,"popover");k.Title=S,k.Content=T;var A=k,L=a(776),P=a(2),F=function(e,t,a){var n=t-(e=e.toString()).length;return n<=0?e:new Array(n+1).join(a)+e},H=function(e){if(!P.isNumber(e))return"";var t=new Date(e),a=t.getUTCHours(),n=F(t.getUTCMinutes(),2,"0"),r=F(t.getUTCSeconds(),2,"0");return a>0?"".concat(a,":").concat(n,":").concat(r):"".concat(n,":").concat(r)},U=a(986),B=a(1130),D=a.n(B);function q(e){return e.duration?r.a.createElement(r.a.Fragment,null,e.interactive.timepoints.map((function(t,a){if(!t.interactions.length)return r.a.createElement(r.a.Fragment,null);var n,c,i=(n=t,c=e.selectedInteraction,n.interactions.find((function(e){return e.id===c.id}))||n.interactions[0]),o=i.id===e.selectedInteraction.id,l=o?U.a.getTypeInfo(i.typeId).bgClassName:"bg-secondary",s=t.visibleAt/1e3/e.duration*100;return r.a.createElement("div",{key:a,className:"".concat(D.a.container," text-center"),style:{left:"".concat(s,"%")}},r.a.createElement("div",{className:"".concat(D.a.interaction," ").concat(l)}),!!o&&r.a.createElement("div",null,H(t.visibleAt)))}))):r.a.createElement(r.a.Fragment,null)}var V=a(1131),J=a.n(V),K=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a},Q=w.a.encloseNamespace("reports.interactionResultsSummary");function W(e){var t,a=r.a.useMemo((function(){return Object(y.c)(e.interaction,e.results)}),[e.interaction,e.results]);return r.a.createElement("div",{className:"px-1 pt-1"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(L.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),r.a.createElement("div",{className:"my-4 ".concat(J.a.bar)},r.a.createElement(q,{interactive:e.interactive,duration:(t=e.interactiveMetadata,t.clip?t.clip.endTime-t.clip.startTime:t.video.duration?t.video.duration/1e3:0),selectedInteraction:e.interaction})),r.a.createElement("div",{className:"row pt-1 pb-2"},r.a.createElement("div",{className:"col-6 pr-1"},r.a.createElement("div",{className:"bg-light rounded p-2 h-100"},!a.awaitingMarking&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,Q("correctlyAnswered")),r.a.createElement(O.a,{percentage:a.percentCorrect,layout:O.b.LabelOnly})),!!a.awaitingMarking&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center"},r.a.createElement("strong",null,r.a.createElement("em",null,Q("pending")))))),r.a.createElement("div",{className:"col-6 pl-1"},r.a.createElement("div",{className:"bg-light rounded h-100 p-2 d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,Q("unanswered")),r.a.createElement("span",null,a.unanswered)))))}var G=r.a.forwardRef((function(e,t){var a=e.interaction,n=e.interactive,c=e.interactiveMetadata,i=e.results,o=K(e,["interaction","interactive","interactiveMetadata","results"]);return r.a.createElement("div",{className:"popover-lg"},r.a.createElement(A,Object.assign({id:"interaction-results-summary-".concat(a.id),ref:t},o),r.a.createElement(A.Content,null,r.a.createElement(W,{interaction:a,interactive:n,interactiveMetadata:c,results:i}))))})),Z=a(792),$=a.n(Z);function z(e){return r.a.createElement(M.a,{trigger:"click",placement:"bottom",overlay:r.a.createElement(G,{interaction:e.interaction,interactive:e.interactive,interactiveMetadata:e.interactiveMetadata,results:e.results}),rootClose:!0},r.a.createElement("div",{className:"text-center h-100 cursor-pointer\n          d-flex align-items-center justify-content-center\n          ".concat($.a.interactionHeaderCellInner),onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave},r.a.createElement("div",{className:"p-1 position-relative"},e.interactionNumber)))}var X=a(754),Y=a(22),ee=a(20),te=a(769);function ae(e){var t="".concat($.a.resultsCellInner," h-100 position-relative");return e===X.a.Correct&&(t+=" ".concat($.a.correct," text-success")),e===X.a.Incorrect&&(t+=" ".concat($.a.incorrect," text-danger")),e===X.a.AwaitingMarking&&(t+=" ".concat($.a.awaitingMarking)),e===X.a.UnAnswered&&(t+=" ".concat($.a.unanswered," text-muted")),t}function ne(e){var t=Object(te.a)(e.interaction,Object(y.h)(e.studentResults)),a=function(e){return e===X.a.Correct?Y.b.Check:e===X.a.Incorrect?Y.b.Close:e===X.a.UnAnswered?Y.b.Minus:void 0}(t);return r.a.createElement("div",{className:ae(t)},!!a&&r.a.createElement(ee.a,{svgName:a}))}var re=w.a.encloseNamespace("reports.studentResultsTable");function ce(e){return r.a.createElement("div",{className:"d-flex align-items-center p-2 text-truncate h-100"},e.children)}function ie(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 oe(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 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 a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var le={table:$.a.fixedTable,header:"".concat($.a.header," border-top border-bottom border-left rounded-left font-weight-bold"),headerRow:"h-100",headerCell:"d-flex align-items-center justify-content-start",sortIndicator:"text-muted",row:$.a.row},se={header:"".concat($.a.header," font-weight-bold"),headerRow:"h-100",headerCell:"".concat($.a.interactionHeaderCellOuter," border-left border-top border-bottom"),row:"".concat($.a.row," ").concat($.a.resultsRow),cell:$.a.resultsCellOuter};function ue(e,t,a){p.a.AppLinkHelper.trigger({application:g.a.REPORTS,action:h.a.Reports.STUDENT_RESULTS,args:[e,t],params:a?{interactionId:a}:{}})}function de(e){var t=ie(r.a.useState(),2),a=t[0],n=t[1],c=r.a.useRef(),i=[{Header:function(){return r.a.createElement(ce,null,re("name"))},accessor:"user",sortDescFirst:!0,Cell:function(e){var t=e.value;return r.a.createElement(ce,null,r.a.createElement("span",{className:"text-truncate"},"".concat(t.name," ").concat(t.surname)))}},{Header:function(){return r.a.createElement(ce,null,re("unanswered"))},accessor:"summary.unanswered",sortType:"basic",sortDescFirst:!0,Cell:function(e){var t=e.value;return r.a.createElement(ce,null,t)}},{Header:function(){return r.a.createElement(ce,null,re("score"))},accessor:"summary",id:"score",Cell:function(e){var t=e.value;return t.awaitingMarking?r.a.createElement(ce,null,r.a.createElement(N.a,{className:"flex-grow-1"})):r.a.createElement(ce,null,r.a.createElement(O.a,{percentage:t.percentCorrect,layout:O.b.LabelBefore,className:"flex-grow-1"}))},width:125,sortDescFirst:!0}],o=function(e,t,a,n,c){return r.a.useMemo((function(){return Object(y.d)(e).map((function(c,i){return{Header:function(){return r.a.createElement(z,{interaction:c,results:a,interactive:e,interactiveMetadata:t,interactionNumber:i+1,onMouseEnter:function(){return n(i)},onMouseLeave:function(){return n(null)}})},accessor:"results",id:c.id,disableSortBy:!0,width:60,Cell:function(e){var t=e.row.original;return r.a.createElement(ne,{interaction:c,studentResults:t})}}}))}),[c])}(e.interactive,e.interactiveMetadata,e.results,(function(e){!function(e,t){if(e){var a=e.querySelectorAll(".".concat($.a.resultsRow));null==a||a.forEach((function(e){e.childNodes.forEach((function(e,a){e.classList.remove($.a.highlightColumn),a===t&&e.classList.add($.a.highlightColumn)}))}))}}(c.current,e)}),e.refreshTable),l=function(e,t,a,n){return r.a.useMemo((function(){var a=[];if(t.students.forEach((function(t){a.push(Object.assign(Object.assign({},t),{summary:Object(y.i)(e,t)}))})),"summary.unanswered"===(null==n?void 0:n.id)){var r=b.a.sortBy(a,(function(e){return e.summary.unanswered}));return n.desc?r.reverse():r}if("score"===(null==n?void 0:n.id)){var c=b.a.sortBy(a,(function(e){return e.summary.awaitingMarking?-1:e.summary.percentCorrect}));return n.desc?c.reverse():c}return a}),[a,n])}(e.interactive,e.results,e.refreshTable,b.a.first(a));function s(e){!function(e,t){if(e){var a=e.querySelectorAll(".".concat($.a.resultsRow));null==a||a.forEach((function(e,a){e.classList.remove($.a.highlightResultsRow),a===t&&e.classList.add($.a.highlightResultsRow)}))}}(c.current,e)}return r.a.createElement("div",{ref:c,className:"d-inline-flex mw-100"},r.a.createElement(E.a,{columns:i,data:l,theme:le,onSelectRow:function(t){ue(t.original.user.id,e.interactiveMetadata.id)},onRowMouseEnter:function(e){return s(e.index)},onRowMouseLeave:function(){return s()},enableSort:!0,manualSort:!0,onSort:n}),r.a.createElement(E.a,{columns:o,data:l,theme:se,enableSlider:!0,scrollIncrement:480,onSelectCell:function(t){ue(t.row.original.user.id,e.interactiveMetadata.id,t.column.id)}}))}function me(e){var t,a,n=Object(l.a)(),p=c.a.useBasicFetch(i.a.interactiveMetadata(e.interactiveMetadataId)),b=c.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)?i.a.interactive(p.data.interactiveId):null),g=c.a.useBasicFetch(b.data?i.a.interactiveResultSet(p.data.interactiveId,p.data.id,n):null);Object(o.a)(null===(a=p.data)||void 0===a?void 0:a.name),Object(m.a)(e.interactiveMetadataId),Object(f.a)(g),Object(s.a)(p);var h=Object(d.a)(g);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement(u.a,{interactiveMetadataId:e.interactiveMetadataId}),!!b.data&&!!g.data&&r.a.createElement(v.a,{interactive:b.data,results:g.data,interactiveMetadataId:e.interactiveMetadataId}),!!p.data&&!!b.data&&!!g.data&&r.a.createElement(de,{interactive:b.data,interactiveMetadata:p.data,results:g.data,refreshTable:h})))}a.d(t,"InteractiveStudentResultsListView",(function(){return me}))},792:function(e,t,a){e.exports={header:"_1LnF5",row:"_3ad9E",fixedTable:"ecx7o",interactionHeaderCellOuter:"DIADy",interactionHeaderCellInner:"_1ml6_",resultsCellOuter:"DeEKd",correct:"_36VBK",incorrect:"_2GRW5",awaitingMarking:"_36pfe",unanswered:"_2bH6o",highlightColumn:"_1AISR",resultsCellInner:"_1VExq",highlightResultsRow:"_2USH7",resultsRow:"_34Vya"}},795:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a.n(n),c=a(9),i=a(60),o=a(53),l=a(106),s=a(742),u=a(741),d=c.a.encloseNamespace("reports.markingRequiredAlert");function m(e){var t=Object(u.a)(),a=function(e,t){var a=0;return t.students.forEach((function(t){var n=Object(s.i)(e,t);a+=n.awaitingMarking})),a}(e.interactive,e.results);return a?r.a.createElement("div",{className:"alert alert-secondary",role:"alert"},"".concat(d("markingRequired",{smartCount:a})," "),r.a.createElement(i.a,{className:"text-info",appLink:{application:o.a.REPORTS,action:l.a.Reports.QUESTION_LIST,args:[e.interactiveMetadataId],params:t}},d("seeQuestions"))):r.a.createElement(r.a.Fragment,null)}}}]);