@clickview/reports 0.0.19-rc.0 → 0.0.20-rc.0

package/dist/scripts/18-0da69c39e8-reports.chunk.js

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

package/dist/scripts/18-reports.chunk.js

@@ -0,0 +1,34 @@
+(window["webpackJsonp_clickview_reports"] = window["webpackJsonp_clickview_reports"] || []).push([[18],{
+
+/***/ "./src/apps/videos/components/video-nav/VideoNav.tsx":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VideoNav\", function() { return VideoNav; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var shared_constants_ReportsRadioChannels__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"./src/shared/constants/ReportsRadioChannels.ts\");\n/* harmony import */ var shared_constants_ReportsActions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/shared/constants/ReportsActions.ts\");\n/* harmony import */ var shared_components_sub_nav_SubNav__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"./src/shared/components/sub-nav/SubNav.tsx\");\n/* harmony import */ var shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"./src/shared/hooks/UseGetFilterQueryParams.ts\");\n\n\n\n\n\n\nvar namespace = 'reportsVideos.videoNav';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].encloseNamespace(namespace);\n\nfunction getNavItems(id, params) {\n  var args = [id];\n  return [{\n    label: getPhrase('overview'),\n    appLink: {\n      application: shared_constants_ReportsRadioChannels__WEBPACK_IMPORTED_MODULE_2__[\"AppChannels\"].VIDEOS,\n      action: shared_constants_ReportsActions__WEBPACK_IMPORTED_MODULE_3__[\"Actions\"].Videos.OVERVIEW,\n      args: args,\n      params: params\n    }\n  }, {\n    label: getPhrase('engagement'),\n    appLink: {\n      application: shared_constants_ReportsRadioChannels__WEBPACK_IMPORTED_MODULE_2__[\"AppChannels\"].VIDEOS,\n      action: shared_constants_ReportsActions__WEBPACK_IMPORTED_MODULE_3__[\"Actions\"].Videos.ENGAGEMENT,\n      args: args,\n      params: params\n    }\n  }];\n}\n\nfunction VideoNav(props) {\n  var filterQueryParams = Object(shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_5__[\"useGetFilterQueryParams\"])();\n  var navItems = getNavItems(props.id, filterQueryParams);\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_sub_nav_SubNav__WEBPACK_IMPORTED_MODULE_4__[\"SubNav\"], {\n    items: navItems\n  });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy92aWRlb3MvY29tcG9uZW50cy92aWRlby1uYXYvVmlkZW9OYXYudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9yZXBvcnRzL3NyYy9hcHBzL3ZpZGVvcy9jb21wb25lbnRzL3ZpZGVvLW5hdi9WaWRlb05hdi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuXHJcbmltcG9ydCB7IExhbmd1YWdlU2VydmljZSB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3NlcnZpY2VzL0xhbmd1YWdlU2VydmljZSc7XHJcblxyXG5pbXBvcnQgeyBBcHBDaGFubmVscyB9IGZyb20gJ3NoYXJlZC9jb25zdGFudHMvUmVwb3J0c1JhZGlvQ2hhbm5lbHMnO1xyXG5pbXBvcnQgeyBBY3Rpb25zIH0gZnJvbSAnc2hhcmVkL2NvbnN0YW50cy9SZXBvcnRzQWN0aW9ucyc7XHJcbmltcG9ydCB7IFN1Yk5hdiwgU3ViTmF2SXRlbSB9IGZyb20gJ3NoYXJlZC9jb21wb25lbnRzL3N1Yi1uYXYvU3ViTmF2JztcclxuaW1wb3J0IHsgdXNlR2V0RmlsdGVyUXVlcnlQYXJhbXMgfSBmcm9tICdzaGFyZWQvaG9va3MvVXNlR2V0RmlsdGVyUXVlcnlQYXJhbXMnO1xyXG5pbXBvcnQgeyBGaWx0ZXJRdWVyeVBhcmFtcyB9IGZyb20gJ3NoYXJlZC9pbnRlcmZhY2VzJztcclxuXHJcbmNvbnN0IG5hbWVzcGFjZSA9ICdyZXBvcnRzVmlkZW9zLnZpZGVvTmF2JztcclxuY29uc3QgZ2V0UGhyYXNlID0gTGFuZ3VhZ2VTZXJ2aWNlLmVuY2xvc2VOYW1lc3BhY2UobmFtZXNwYWNlKTtcclxuXHJcbmZ1bmN0aW9uIGdldE5hdkl0ZW1zKGlkOiBzdHJpbmcsIHBhcmFtczogRmlsdGVyUXVlcnlQYXJhbXMpOiBTdWJOYXZJdGVtW10ge1xyXG4gIGNvbnN0IGFyZ3MgPSBbaWRdO1xyXG5cclxuICByZXR1cm4gW1xyXG4gICAge1xyXG4gICAgICBsYWJlbDogZ2V0UGhyYXNlKCdvdmVydmlldycpLFxyXG4gICAgICBhcHBMaW5rOiB7IGFwcGxpY2F0aW9uOiBBcHBDaGFubmVscy5WSURFT1MsIGFjdGlvbjogQWN0aW9ucy5WaWRlb3MuT1ZFUlZJRVcsIGFyZ3MsIHBhcmFtcyB9XHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBsYWJlbDogZ2V0UGhyYXNlKCdlbmdhZ2VtZW50JyksXHJcbiAgICAgIGFwcExpbms6IHsgYXBwbGljYXRpb246IEFwcENoYW5uZWxzLlZJREVPUywgYWN0aW9uOiBBY3Rpb25zLlZpZGVvcy5FTkdBR0VNRU5ULCBhcmdzLCBwYXJhbXMgfVxyXG4gICAgfVxyXG4gIF07XHJcbn1cclxuXHJcbmludGVyZmFjZSBWaWRlb05hdlByb3BzIHtcclxuICBpZDogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gVmlkZW9OYXYocHJvcHM6IFZpZGVvTmF2UHJvcHMpOiBKU1guRWxlbWVudCB7XHJcbiAgY29uc3QgZmlsdGVyUXVlcnlQYXJhbXMgPSB1c2VHZXRGaWx0ZXJRdWVyeVBhcmFtcygpO1xyXG5cclxuICBjb25zdCBuYXZJdGVtcyA9IGdldE5hdkl0ZW1zKHByb3BzLmlkLCBmaWx0ZXJRdWVyeVBhcmFtcyk7XHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8U3ViTmF2IGl0ZW1zPXtuYXZJdGVtc30gLz5cclxuICApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFFQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUZBO0FBS0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFGQTtBQUtBO0FBQ0E7QUFLQTtBQUNBO0FBRUE7QUFFQTtBQUNBO0FBQUE7QUFFQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/apps/videos/components/video-nav/VideoNav.tsx\n");
+
+/***/ }),
+
+/***/ "./src/apps/videos/views/video-engagement/VideoEngagementView.tsx":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VideoEngagementView\", function() { return VideoEngagementView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_common_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/common/src/react/hooks/UseSetPageTitle.ts\");\n/* harmony import */ var libs_shared_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/shared/src/flight-requests/PlayerRequests.ts\");\n/* harmony import */ var libs_shared_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/flight-requests/ConfigRequests.ts\");\n/* harmony import */ var libs_shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/flight-requests/UserRequests.ts\");\n/* harmony import */ var libs_shared_enums_MediaIdType__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"../../libs/shared/src/enums/MediaIdType.ts\");\n/* harmony import */ var libs_shared_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"../../libs/shared/src/hooks/usePermissions.ts\");\n/* harmony import */ var libs_shared_enums_PermissionName__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(\"../../libs/shared/src/enums/PermissionName.ts\");\n/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(\"./src/shared/flight-requests/VideoRequests.ts\");\n/* harmony import */ var shared_hooks_UseSetHeaderTitle__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(\"./src/shared/hooks/UseSetHeaderTitle.ts\");\n/* harmony import */ var shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(\"./src/shared/flight-requests/UserRequests.ts\");\n/* harmony import */ var shared_hooks_UseHandleVideoError__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(\"./src/shared/hooks/UseHandleVideoError.ts\");\n/* harmony import */ var shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(\"./src/shared/flight-requests/VideoViewRequests.ts\");\n/* harmony import */ var shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(\"./src/shared/hooks/UseGetFilterQueryParams.ts\");\n/* harmony import */ var shared_utils_FilterParamUtils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(\"./src/shared/utils/FilterParamUtils.ts\");\n/* harmony import */ var shared_views_overview_cards_view_count_pie_chart_card_ViewCountPieChartCardView__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(\"./src/shared/views/overview-cards/view-count-pie-chart-card/ViewCountPieChartCardView.tsx\");\n/* harmony import */ var shared_hooks_UseSetAudienceFilterCount__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(\"./src/shared/hooks/UseSetAudienceFilterCount.ts\");\n/* harmony import */ var shared_hooks_UseSetHeaderActions__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(\"./src/shared/hooks/UseSetHeaderActions.ts\");\n/* harmony import */ var shared_components_partial_loading_partial_table_PartialTable__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(\"./src/shared/components/partial-loading/partial-table/PartialTable.tsx\");\n/* harmony import */ var shared_views_overview_cards_engagement_overview_card_EngagementOverviewCardView__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(\"./src/shared/views/overview-cards/engagement-overview-card/EngagementOverviewCardView.tsx\");\n/* harmony import */ var shared_components_video_engagement_overlay_VideoEngagementOverlay__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(\"./src/shared/components/video-engagement-overlay/VideoEngagementOverlay.tsx\");\n/* harmony import */ var shared_components_video_engagement_overlay_PartialVideoEngagementOverlay__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(\"./src/shared/components/video-engagement-overlay/PartialVideoEngagementOverlay.tsx\");\n/* harmony import */ var shared_components_engagement_table_EngagementTable__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(\"./src/shared/components/engagement-table/EngagementTable.tsx\");\n/* harmony import */ var shared_utils_HeaderActionUtils__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(\"./src/shared/utils/HeaderActionUtils.tsx\");\n/* harmony import */ var shared_hooks_UseSetEngagementAudienceSuggestions__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(\"./src/shared/hooks/UseSetEngagementAudienceSuggestions.ts\");\n/* harmony import */ var apps_videos_components_video_nav_VideoNav__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(\"./src/apps/videos/components/video-nav/VideoNav.tsx\");\n/* harmony import */ var _video_engagement_scss__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(\"./src/apps/videos/views/video-engagement/video-engagement.scss\");\n/* harmony import */ var _video_engagement_scss__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(_video_engagement_scss__WEBPACK_IMPORTED_MODULE_28__);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar namespace = 'reportsVideos.videoEngagement';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].encloseNamespace(namespace);\nfunction VideoEngagementView(props) {\n  var _a, _b;\n\n  var filterQueryParams = Object(shared_hooks_UseGetFilterQueryParams__WEBPACK_IMPORTED_MODULE_15__[\"useGetFilterQueryParams\"])();\n\n  var _usePermissions = Object(libs_shared_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_8__[\"usePermissions\"])(),\n      hasPermissions = _usePermissions.hasPermissions;\n\n  var scopeBySharerId = !hasPermissions(libs_shared_enums_PermissionName__WEBPACK_IMPORTED_MODULE_9__[\"PermissionName\"].ViewCustomerAnalytics);\n  var currentUser = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(scopeBySharerId && libs_shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_6__[\"UserRequests\"].currentUser());\n  var video = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_10__[\"VideoRequests\"].video(props.id));\n  var aggregateEngagement = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(scopeBySharerId ? !!currentUser.data && shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_14__[\"VideoViewRequests\"].aggregateEngagement(props.id, filterQueryParams, currentUser.data.id) : shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_14__[\"VideoViewRequests\"].aggregateEngagement(props.id, filterQueryParams));\n  var individualEngagement = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(scopeBySharerId ? !!currentUser.data && shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_14__[\"VideoViewRequests\"].individualEngagement(props.id, filterQueryParams, currentUser.data.id) : shared_flight_requests_VideoViewRequests__WEBPACK_IMPORTED_MODULE_14__[\"VideoViewRequests\"].individualEngagement(props.id, filterQueryParams));\n  var users = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(((_a = individualEngagement.data) === null || _a === void 0 ? void 0 : _a.data.length) && shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_12__[\"UserRequests\"].getById(individualEngagement.data.data.map(function (e) {\n    return e.userId;\n  })));\n  var viewKey = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(libs_shared_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_4__[\"PlayerRequests\"].createViewKey(props.id, libs_shared_enums_MediaIdType__WEBPACK_IMPORTED_MODULE_7__[\"MediaIdType\"].MasterObject));\n  var config = libs_common_flight__WEBPACK_IMPORTED_MODULE_1__[\"Flight\"].useBasicFetch(libs_shared_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__[\"ConfigRequests\"].config());\n  Object(libs_common_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__[\"useSetPageTitle\"])(video.data ? getPhrase('pageTitle', {\n    video: video.data.name\n  }) : '');\n  Object(shared_hooks_UseSetHeaderTitle__WEBPACK_IMPORTED_MODULE_11__[\"useSetHeaderTitle\"])((_b = video.data) === null || _b === void 0 ? void 0 : _b.name);\n  Object(shared_hooks_UseSetHeaderActions__WEBPACK_IMPORTED_MODULE_19__[\"useSetHeaderActions\"])(Object(shared_utils_HeaderActionUtils__WEBPACK_IMPORTED_MODULE_25__[\"getHeaderActions\"])(config.data, video.data));\n  Object(shared_hooks_UseSetEngagementAudienceSuggestions__WEBPACK_IMPORTED_MODULE_26__[\"useSetEngagementAudienceSuggestions\"])(props.id);\n  Object(shared_hooks_UseSetAudienceFilterCount__WEBPACK_IMPORTED_MODULE_18__[\"useSetAudienceFilterCount\"])(individualEngagement);\n  Object(shared_hooks_UseHandleVideoError__WEBPACK_IMPORTED_MODULE_13__[\"useHandleVideoError\"])(video);\n  var engagementOverlayDataLoaded = !!video.data && !!aggregateEngagement.data && !!viewKey.data && !!config.data;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_videos_components_video_nav_VideoNav__WEBPACK_IMPORTED_MODULE_27__[\"VideoNav\"], {\n    id: props.id\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'd-flex pb-3'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"pr-2 \".concat(_video_engagement_scss__WEBPACK_IMPORTED_MODULE_28___default.a.viewCountContainer)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_views_overview_cards_view_count_pie_chart_card_ViewCountPieChartCardView__WEBPACK_IMPORTED_MODULE_17__[\"ViewCountPieChartCardView\"], {\n    objectId: props.id,\n    useSharerId: scopeBySharerId,\n    className: 'h-100'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"px-2 \".concat(_video_engagement_scss__WEBPACK_IMPORTED_MODULE_28___default.a.engagementPercentageContainer)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_views_overview_cards_engagement_overview_card_EngagementOverviewCardView__WEBPACK_IMPORTED_MODULE_21__[\"EngagementOverviewCardView\"], {\n    objectId: props.id,\n    useSharerId: scopeBySharerId,\n    className: 'h-100',\n    layout: 'vertical'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"pl-2 \".concat(_video_engagement_scss__WEBPACK_IMPORTED_MODULE_28___default.a.engagementGraphContainer)\n  }, engagementOverlayDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_video_engagement_overlay_VideoEngagementOverlay__WEBPACK_IMPORTED_MODULE_22__[\"VideoEngagementOverlay\"] // key is used to trigger player re-render\n  , {\n    // key is used to trigger player re-render\n    key: Object(shared_utils_FilterParamUtils__WEBPACK_IMPORTED_MODULE_16__[\"getFilterParamsKey\"])(filterQueryParams),\n    engagement: aggregateEngagement.data,\n    viewKey: viewKey.data.viewKey,\n    imageCdnUrl: config.data.imageCdnUrl,\n    playerApiUrl: config.data.playerApiUrl\n  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_video_engagement_overlay_PartialVideoEngagementOverlay__WEBPACK_IMPORTED_MODULE_23__[\"PartialVideoEngagementOverlay\"], null))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'pb-3'\n  }, !!individualEngagement.data && !!users.data ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_engagement_table_EngagementTable__WEBPACK_IMPORTED_MODULE_24__[\"EngagementTable\"], {\n    key: Object(shared_utils_FilterParamUtils__WEBPACK_IMPORTED_MODULE_16__[\"getFilterParamsKey\"])(filterQueryParams),\n    engagement: individualEngagement.data.data,\n    users: users.data\n  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_partial_loading_partial_table_PartialTable__WEBPACK_IMPORTED_MODULE_20__[\"PartialTable\"], {\n    className: _video_engagement_scss__WEBPACK_IMPORTED_MODULE_28___default.a.partialTable\n  })));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy92aWRlb3Mvdmlld3MvdmlkZW8tZW5nYWdlbWVudC9WaWRlb0VuZ2FnZW1lbnRWaWV3LnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9jbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvcmVwb3J0cy9zcmMvYXBwcy92aWRlb3Mvdmlld3MvdmlkZW8tZW5nYWdlbWVudC9WaWRlb0VuZ2FnZW1lbnRWaWV3LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5cclxuaW1wb3J0IHsgRmxpZ2h0IH0gZnJvbSAnbGlicy9jb21tb24vZmxpZ2h0JztcclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvc2VydmljZXMvTGFuZ3VhZ2VTZXJ2aWNlJztcclxuaW1wb3J0IHsgdXNlU2V0UGFnZVRpdGxlIH0gZnJvbSAnbGlicy9jb21tb24vcmVhY3QvaG9va3MvVXNlU2V0UGFnZVRpdGxlJztcclxuXHJcbmltcG9ydCB7IENvbmZpZywgQ3VycmVudFVzZXIsIFBsYXllclZpZXdLZXksIFVzZXIsIFZpZGVvIH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IFBsYXllclJlcXVlc3RzIH0gZnJvbSAnbGlicy9zaGFyZWQvZmxpZ2h0LXJlcXVlc3RzL1BsYXllclJlcXVlc3RzJztcclxuaW1wb3J0IHsgQ29uZmlnUmVxdWVzdHMgfSBmcm9tICdsaWJzL3NoYXJlZC9mbGlnaHQtcmVxdWVzdHMvQ29uZmlnUmVxdWVzdHMnO1xyXG5pbXBvcnQgeyBVc2VyUmVxdWVzdHMgYXMgU2hhcmVkVXNlclJlcXVlc3RzIH0gZnJvbSAnbGlicy9zaGFyZWQvZmxpZ2h0LXJlcXVlc3RzL1VzZXJSZXF1ZXN0cyc7XHJcbmltcG9ydCB7IE1lZGlhSWRUeXBlIH0gZnJvbSAnbGlicy9zaGFyZWQvZW51bXMvTWVkaWFJZFR5cGUnO1xyXG5pbXBvcnQgeyB1c2VQZXJtaXNzaW9ucyB9IGZyb20gJ2xpYnMvc2hhcmVkL2hvb2tzL3VzZVBlcm1pc3Npb25zJztcclxuaW1wb3J0IHsgUGVybWlzc2lvbk5hbWUgfSBmcm9tICdsaWJzL3NoYXJlZC9lbnVtcy9QZXJtaXNzaW9uTmFtZSc7XHJcblxyXG5pbXBvcnQgeyBWaWRlb1JlcXVlc3RzIH0gZnJvbSAnc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9WaWRlb1JlcXVlc3RzJztcclxuaW1wb3J0IHsgdXNlU2V0SGVhZGVyVGl0bGUgfSBmcm9tICdzaGFyZWQvaG9va3MvVXNlU2V0SGVhZGVyVGl0bGUnO1xyXG5pbXBvcnQgeyBFbmdhZ2VtZW50LCBJbmRpdmlkdWFsRW5nYWdlbWVudFJlc3BvbnNlIH0gZnJvbSAnc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBVc2VyUmVxdWVzdHMgfSBmcm9tICdzaGFyZWQvZmxpZ2h0LXJlcXVlc3RzL1VzZXJSZXF1ZXN0cyc7XHJcbmltcG9ydCB7IHVzZUhhbmRsZVZpZGVvRXJyb3IgfSBmcm9tICdzaGFyZWQvaG9va3MvVXNlSGFuZGxlVmlkZW9FcnJvcic7XHJcbmltcG9ydCB7IFZpZGVvVmlld1JlcXVlc3RzIH0gZnJvbSAnc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9WaWRlb1ZpZXdSZXF1ZXN0cyc7XHJcbmltcG9ydCB7IHVzZUdldEZpbHRlclF1ZXJ5UGFyYW1zIH0gZnJvbSAnc2hhcmVkL2hvb2tzL1VzZUdldEZpbHRlclF1ZXJ5UGFyYW1zJztcclxuaW1wb3J0IHsgZ2V0RmlsdGVyUGFyYW1zS2V5IH0gZnJvbSAnc2hhcmVkL3V0aWxzL0ZpbHRlclBhcmFtVXRpbHMnO1xyXG5pbXBvcnQgeyBWaWV3Q291bnRQaWVDaGFydENhcmRWaWV3IH0gZnJvbSAnc2hhcmVkL3ZpZXdzL292ZXJ2aWV3LWNhcmRzL3ZpZXctY291bnQtcGllLWNoYXJ0LWNhcmQvVmlld0NvdW50UGllQ2hhcnRDYXJkVmlldyc7XHJcbmltcG9ydCB7IHVzZVNldEF1ZGllbmNlRmlsdGVyQ291bnQgfSBmcm9tICdzaGFyZWQvaG9va3MvVXNlU2V0QXVkaWVuY2VGaWx0ZXJDb3VudCc7XHJcbmltcG9ydCB7IHVzZVNldEhlYWRlckFjdGlvbnMgfSBmcm9tICdzaGFyZWQvaG9va3MvVXNlU2V0SGVhZGVyQWN0aW9ucyc7XHJcbmltcG9ydCB7IFBhcnRpYWxUYWJsZSB9IGZyb20gJ3NoYXJlZC9jb21wb25lbnRzL3BhcnRpYWwtbG9hZGluZy9wYXJ0aWFsLXRhYmxlL1BhcnRpYWxUYWJsZSc7XHJcbmltcG9ydCB7IEVuZ2FnZW1lbnRPdmVydmlld0NhcmRWaWV3IH0gZnJvbSAnc2hhcmVkL3ZpZXdzL292ZXJ2aWV3LWNhcmRzL2VuZ2FnZW1lbnQtb3ZlcnZpZXctY2FyZC9FbmdhZ2VtZW50T3ZlcnZpZXdDYXJkVmlldyc7XHJcbmltcG9ydCB7IFZpZGVvRW5nYWdlbWVudE92ZXJsYXkgfSBmcm9tICdzaGFyZWQvY29tcG9uZW50cy92aWRlby1lbmdhZ2VtZW50LW92ZXJsYXkvVmlkZW9FbmdhZ2VtZW50T3ZlcmxheSc7XHJcbmltcG9ydCB7IFBhcnRpYWxWaWRlb0VuZ2FnZW1lbnRPdmVybGF5IH0gZnJvbSAnc2hhcmVkL2NvbXBvbmVudHMvdmlkZW8tZW5nYWdlbWVudC1vdmVybGF5L1BhcnRpYWxWaWRlb0VuZ2FnZW1lbnRPdmVybGF5JztcclxuaW1wb3J0IHsgRW5nYWdlbWVudFRhYmxlIH0gZnJvbSAnc2hhcmVkL2NvbXBvbmVudHMvZW5nYWdlbWVudC10YWJsZS9FbmdhZ2VtZW50VGFibGUnO1xyXG5pbXBvcnQgeyBnZXRIZWFkZXJBY3Rpb25zIH0gZnJvbSAnc2hhcmVkL3V0aWxzL0hlYWRlckFjdGlvblV0aWxzJztcclxuaW1wb3J0IHsgdXNlU2V0RW5nYWdlbWVudEF1ZGllbmNlU3VnZ2VzdGlvbnMgfSBmcm9tICdzaGFyZWQvaG9va3MvVXNlU2V0RW5nYWdlbWVudEF1ZGllbmNlU3VnZ2VzdGlvbnMnO1xyXG5cclxuaW1wb3J0IHsgVmlkZW9OYXYgfSBmcm9tICdhcHBzL3ZpZGVvcy9jb21wb25lbnRzL3ZpZGVvLW5hdi9WaWRlb05hdic7XHJcblxyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vdmlkZW8tZW5nYWdlbWVudC5zY3NzJztcclxuXHJcbmNvbnN0IG5hbWVzcGFjZSA9ICdyZXBvcnRzVmlkZW9zLnZpZGVvRW5nYWdlbWVudCc7XHJcbmNvbnN0IGdldFBocmFzZSA9IExhbmd1YWdlU2VydmljZS5lbmNsb3NlTmFtZXNwYWNlKG5hbWVzcGFjZSk7XHJcblxyXG5pbnRlcmZhY2UgVmlkZW9FbmdhZ2VtZW50Vmlld1Byb3BzIHtcclxuICBpZDogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gVmlkZW9FbmdhZ2VtZW50Vmlldyhwcm9wczogVmlkZW9FbmdhZ2VtZW50Vmlld1Byb3BzKTogSlNYLkVsZW1lbnQge1xyXG4gIGNvbnN0IGZpbHRlclF1ZXJ5UGFyYW1zID0gdXNlR2V0RmlsdGVyUXVlcnlQYXJhbXMoKTtcclxuXHJcbiAgY29uc3QgeyBoYXNQZXJtaXNzaW9ucyB9ID0gdXNlUGVybWlzc2lvbnMoKTtcclxuXHJcbiAgY29uc3Qgc2NvcGVCeVNoYXJlcklkID0gIWhhc1Blcm1pc3Npb25zKFBlcm1pc3Npb25OYW1lLlZpZXdDdXN0b21lckFuYWx5dGljcyk7XHJcblxyXG4gIGNvbnN0IGN1cnJlbnRVc2VyID0gRmxpZ2h0LnVzZUJhc2ljRmV0Y2g8Q3VycmVudFVzZXI+KHNjb3BlQnlTaGFyZXJJZCAmJiBTaGFyZWRVc2VyUmVxdWVzdHMuY3VycmVudFVzZXIoKSk7XHJcblxyXG4gIGNvbnN0IHZpZGVvID0gRmxpZ2h0LnVzZUJhc2ljRmV0Y2g8VmlkZW8+KFZpZGVvUmVxdWVzdHMudmlkZW8ocHJvcHMuaWQpKTtcclxuXHJcbiAgY29uc3QgYWdncmVnYXRlRW5nYWdlbWVudCA9IEZsaWdodC51c2VCYXNpY0ZldGNoPEVuZ2FnZW1lbnQ+KHNjb3BlQnlTaGFyZXJJZFxyXG4gICAgPyAhIWN1cnJlbnRVc2VyLmRhdGEgJiYgVmlkZW9WaWV3UmVxdWVzdHMuYWdncmVnYXRlRW5nYWdlbWVudChwcm9wcy5pZCwgZmlsdGVyUXVlcnlQYXJhbXMsIGN1cnJlbnRVc2VyLmRhdGEuaWQpXHJcbiAgICA6IFZpZGVvVmlld1JlcXVlc3RzLmFnZ3JlZ2F0ZUVuZ2FnZW1lbnQocHJvcHMuaWQsIGZpbHRlclF1ZXJ5UGFyYW1zKVxyXG4gICk7XHJcblxyXG4gIGNvbnN0IGluZGl2aWR1YWxFbmdhZ2VtZW50ID0gRmxpZ2h0LnVzZUJhc2ljRmV0Y2g8SW5kaXZpZHVhbEVuZ2FnZW1lbnRSZXNwb25zZT4oc2NvcGVCeVNoYXJlcklkXHJcbiAgICA/ICEhY3VycmVudFVzZXIuZGF0YSAmJiBWaWRlb1ZpZXdSZXF1ZXN0cy5pbmRpdmlkdWFsRW5nYWdlbWVudChwcm9wcy5pZCwgZmlsdGVyUXVlcnlQYXJhbXMsIGN1cnJlbnRVc2VyLmRhdGEuaWQpXHJcbiAgICA6IFZpZGVvVmlld1JlcXVlc3RzLmluZGl2aWR1YWxFbmdhZ2VtZW50KHByb3BzLmlkLCBmaWx0ZXJRdWVyeVBhcmFtcylcclxuICApO1xyXG5cclxuICBjb25zdCB1c2VycyA9IEZsaWdodC51c2VCYXNpY0ZldGNoPFVzZXJbXT4oaW5kaXZpZHVhbEVuZ2FnZW1lbnQuZGF0YT8uZGF0YS5sZW5ndGggJiZcclxuICAgIFVzZXJSZXF1ZXN0cy5nZXRCeUlkKGluZGl2aWR1YWxFbmdhZ2VtZW50LmRhdGEuZGF0YS5tYXAoZSA9PiBlLnVzZXJJZCkpXHJcbiAgKTtcclxuXHJcbiAgY29uc3Qgdmlld0tleSA9IEZsaWdodC51c2VCYXNpY0ZldGNoPFBsYXllclZpZXdLZXk+KFxyXG4gICAgUGxheWVyUmVxdWVzdHMuY3JlYXRlVmlld0tleShwcm9wcy5pZCwgTWVkaWFJZFR5cGUuTWFzdGVyT2JqZWN0KVxyXG4gICk7XHJcblxyXG4gIGNvbnN0IGNvbmZpZyA9IEZsaWdodC51c2VCYXNpY0ZldGNoPENvbmZpZz4oQ29uZmlnUmVxdWVzdHMuY29uZmlnKCkpO1xyXG5cclxuICB1c2VTZXRQYWdlVGl0bGUodmlkZW8uZGF0YSA/IGdldFBocmFzZSgncGFnZVRpdGxlJywgeyB2aWRlbzogdmlkZW8uZGF0YS5uYW1lIH0pIDogJycpO1xyXG4gIHVzZVNldEhlYWRlclRpdGxlKHZpZGVvLmRhdGE/Lm5hbWUpO1xyXG4gIHVzZVNldEhlYWRlckFjdGlvbnMoZ2V0SGVhZGVyQWN0aW9ucyhjb25maWcuZGF0YSwgdmlkZW8uZGF0YSkpO1xyXG4gIHVzZVNldEVuZ2FnZW1lbnRBdWRpZW5jZVN1Z2dlc3Rpb25zKHByb3BzLmlkKTtcclxuICB1c2VTZXRBdWRpZW5jZUZpbHRlckNvdW50KGluZGl2aWR1YWxFbmdhZ2VtZW50KTtcclxuICB1c2VIYW5kbGVWaWRlb0Vycm9yKHZpZGVvKTtcclxuXHJcbiAgY29uc3QgZW5nYWdlbWVudE92ZXJsYXlEYXRhTG9hZGVkID0gISF2aWRlby5kYXRhXHJcbiAgICAmJiAhIWFnZ3JlZ2F0ZUVuZ2FnZW1lbnQuZGF0YVxyXG4gICAgJiYgISF2aWV3S2V5LmRhdGFcclxuICAgICYmICEhY29uZmlnLmRhdGE7XHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8ZGl2PlxyXG4gICAgICA8VmlkZW9OYXYgaWQ9e3Byb3BzLmlkfSAvPlxyXG4gICAgICA8ZGl2IGNsYXNzTmFtZT0nZC1mbGV4IHBiLTMnPlxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgcHItMiAke3N0eWxlcy52aWV3Q291bnRDb250YWluZXJ9YH0+XHJcbiAgICAgICAgICA8Vmlld0NvdW50UGllQ2hhcnRDYXJkVmlld1xyXG4gICAgICAgICAgICBvYmplY3RJZD17cHJvcHMuaWR9XHJcbiAgICAgICAgICAgIHVzZVNoYXJlcklkPXtzY29wZUJ5U2hhcmVySWR9XHJcbiAgICAgICAgICAgIGNsYXNzTmFtZT0naC0xMDAnXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgcHgtMiAke3N0eWxlcy5lbmdhZ2VtZW50UGVyY2VudGFnZUNvbnRhaW5lcn1gfT5cclxuICAgICAgICAgIDxFbmdhZ2VtZW50T3ZlcnZpZXdDYXJkVmlld1xyXG4gICAgICAgICAgICBvYmplY3RJZD17cHJvcHMuaWR9XHJcbiAgICAgICAgICAgIHVzZVNoYXJlcklkPXtzY29wZUJ5U2hhcmVySWR9XHJcbiAgICAgICAgICAgIGNsYXNzTmFtZT0naC0xMDAnXHJcbiAgICAgICAgICAgIGxheW91dD0ndmVydGljYWwnXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgcGwtMiAke3N0eWxlcy5lbmdhZ2VtZW50R3JhcGhDb250YWluZXJ9YH0+XHJcbiAgICAgICAgICB7ZW5nYWdlbWVudE92ZXJsYXlEYXRhTG9hZGVkXHJcbiAgICAgICAgICAgID8gPFZpZGVvRW5nYWdlbWVudE92ZXJsYXlcclxuICAgICAgICAgICAgICAvLyBrZXkgaXMgdXNlZCB0byB0cmlnZ2VyIHBsYXllciByZS1yZW5kZXJcclxuICAgICAgICAgICAgICBrZXk9e2dldEZpbHRlclBhcmFtc0tleShmaWx0ZXJRdWVyeVBhcmFtcyl9XHJcbiAgICAgICAgICAgICAgZW5nYWdlbWVudD17YWdncmVnYXRlRW5nYWdlbWVudC5kYXRhfVxyXG4gICAgICAgICAgICAgIHZpZXdLZXk9e3ZpZXdLZXkuZGF0YS52aWV3S2V5fVxyXG4gICAgICAgICAgICAgIGltYWdlQ2RuVXJsPXtjb25maWcuZGF0YS5pbWFnZUNkblVybH1cclxuICAgICAgICAgICAgICBwbGF5ZXJBcGlVcmw9e2NvbmZpZy5kYXRhLnBsYXllckFwaVVybH1cclxuICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgOiA8UGFydGlhbFZpZGVvRW5nYWdlbWVudE92ZXJsYXkgLz5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdwYi0zJz5cclxuICAgICAgICB7KCEhaW5kaXZpZHVhbEVuZ2FnZW1lbnQuZGF0YSAmJiAhIXVzZXJzLmRhdGEpXHJcbiAgICAgICAgICA/IDxFbmdhZ2VtZW50VGFibGVcclxuICAgICAgICAgICAga2V5PXtnZXRGaWx0ZXJQYXJhbXNLZXkoZmlsdGVyUXVlcnlQYXJhbXMpfVxyXG4gICAgICAgICAgICBlbmdhZ2VtZW50PXtpbmRpdmlkdWFsRW5nYWdlbWVudC5kYXRhLmRhdGF9XHJcbiAgICAgICAgICAgIHVzZXJzPXt1c2Vycy5kYXRhfVxyXG4gICAgICAgICAgLz5cclxuICAgICAgICAgIDogPFBhcnRpYWxUYWJsZSBjbGFzc05hbWU9e3N0eWxlcy5wYXJ0aWFsVGFibGV9IC8+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICk7XHJcbn0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBRUE7QUFFQTtBQUNBO0FBTUE7OztBQUNBO0FBQ0E7QUFGQTtBQUFBO0FBQ0E7QUFJQTtBQUVBO0FBRUE7QUFFQTtBQUtBO0FBS0E7QUFDQTtBQUFBO0FBR0E7QUFJQTtBQUVBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUtBO0FBRUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBSEE7QUFNQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQU9BO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQU5BO0FBWUE7QUFBQTtBQUdBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFBQTtBQUtBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/videos/views/video-engagement/VideoEngagementView.tsx\n");
+
+/***/ }),
+
+/***/ "./src/apps/videos/views/video-engagement/video-engagement.scss":
+/***/ (function(module, exports, __webpack_require__) {
+
+eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"viewCountContainer\":\"cv--viewCountContainer--2Zg9j\",\"engagementPercentageContainer\":\"cv--engagementPercentageContainer--1rMYQ\",\"engagementGraphContainer\":\"cv--engagementGraphContainer--2C1c5\",\"partialTable\":\"cv--partialTable--2R4lj\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy92aWRlb3Mvdmlld3MvdmlkZW8tZW5nYWdlbWVudC92aWRlby1lbmdhZ2VtZW50LnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL3JlcG9ydHMvc3JjL2FwcHMvdmlkZW9zL3ZpZXdzL3ZpZGVvLWVuZ2FnZW1lbnQvdmlkZW8tZW5nYWdlbWVudC5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4dHJhY3RlZCBieSBtaW5pLWNzcy1leHRyYWN0LXBsdWdpblxubW9kdWxlLmV4cG9ydHMgPSB7XCJ2aWV3Q291bnRDb250YWluZXJcIjpcImN2LS12aWV3Q291bnRDb250YWluZXItLTJaZzlqXCIsXCJlbmdhZ2VtZW50UGVyY2VudGFnZUNvbnRhaW5lclwiOlwiY3YtLWVuZ2FnZW1lbnRQZXJjZW50YWdlQ29udGFpbmVyLS0xck1ZUVwiLFwiZW5nYWdlbWVudEdyYXBoQ29udGFpbmVyXCI6XCJjdi0tZW5nYWdlbWVudEdyYXBoQ29udGFpbmVyLS0yQzFjNVwiLFwicGFydGlhbFRhYmxlXCI6XCJjdi0tcGFydGlhbFRhYmxlLS0yUjRsalwifTsiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/videos/views/video-engagement/video-engagement.scss\n");
+
+/***/ }),
+
+/***/ "./src/shared/flight-requests/VideoRequests.ts":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VideoRequests\", function() { return VideoRequests; });\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nvar VideoTypeQueries = {\n  video: 'thumbnail',\n  clip: 'video[thumbnail]',\n  interactive: 'video[thumbnail],thumbnail,clip[video[thumbnail]]'\n};\nvar VideoRequests = {\n  video: function video(id, success, error, always) {\n    return {\n      url: \"{gateway}/v1/objects/\".concat(id),\n      key: \"video:\".concat(id),\n      success: success,\n      error: error,\n      always: always\n    };\n  },\n  videoTypesById: function videoTypesById(ids, success, error, always) {\n    ids.sort();\n    var idsQueries = ids.map(function (id) {\n      return \"id=\".concat(id);\n    });\n    var assocQueries = Object.keys(VideoTypeQueries).map(function (key) {\n      return \"query.\".concat(key, \"=\").concat(VideoTypeQueries[key]);\n    });\n    return {\n      url: \"{gateway}/v1/objects?\".concat([].concat(_toConsumableArray(idsQueries), _toConsumableArray(assocQueries)).join('&')),\n      key: \"video:types:\".concat(ids.join(',')),\n      success: success,\n      error: error,\n      always: always\n    };\n  }\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9WaWRlb1JlcXVlc3RzLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL2NsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9yZXBvcnRzL3NyYy9zaGFyZWQvZmxpZ2h0LXJlcXVlc3RzL1ZpZGVvUmVxdWVzdHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxpZ2h0IH0gZnJvbSAnbGlicy9jb21tb24vZmxpZ2h0JztcclxuXHJcbmltcG9ydCB7IFZpZGVvIH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcblxyXG5jb25zdCBWaWRlb1R5cGVRdWVyaWVzOiB7IFtpbmRleDogc3RyaW5nXTogc3RyaW5nfSA9IHtcclxuICB2aWRlbzogJ3RodW1ibmFpbCcsXHJcbiAgY2xpcDogJ3ZpZGVvW3RodW1ibmFpbF0nLFxyXG4gIGludGVyYWN0aXZlOiAndmlkZW9bdGh1bWJuYWlsXSx0aHVtYm5haWwsY2xpcFt2aWRlb1t0aHVtYm5haWxdXSdcclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCBWaWRlb1JlcXVlc3RzID0ge1xyXG4gIHZpZGVvKFxyXG4gICAgaWQ6IHN0cmluZywgc3VjY2Vzcz86IChkYXRhOiBWaWRlbykgPT4gdm9pZCwgZXJyb3I/OiAoZGF0YTogYW55KSA9PiB2b2lkLCBhbHdheXM/OiAoKSA9PiB2b2lkXHJcbiAgKTogRmxpZ2h0LlJlcXVlc3Qge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdXJsOiBge2dhdGV3YXl9L3YxL29iamVjdHMvJHtpZH1gLFxyXG4gICAgICBrZXk6IGB2aWRlbzoke2lkfWAsXHJcbiAgICAgIHN1Y2Nlc3MsXHJcbiAgICAgIGVycm9yLFxyXG4gICAgICBhbHdheXNcclxuICAgIH07XHJcbiAgfSxcclxuXHJcbiAgdmlkZW9UeXBlc0J5SWQoXHJcbiAgICBpZHM6IHN0cmluZ1tdLFxyXG4gICAgc3VjY2Vzcz86IChkYXRhOiBWaWRlbykgPT4gdm9pZCxcclxuICAgIGVycm9yPzogKGRhdGE6IGFueSkgPT4gdm9pZCxcclxuICAgIGFsd2F5cz86ICgpID0+IHZvaWRcclxuICApOiBGbGlnaHQuUmVxdWVzdCB7XHJcbiAgICBpZHMuc29ydCgpO1xyXG4gICAgXHJcbiAgICBjb25zdCBpZHNRdWVyaWVzID0gaWRzLm1hcChpZCA9PiBgaWQ9JHtpZH1gKTtcclxuICAgIGNvbnN0IGFzc29jUXVlcmllcyA9IE9iamVjdC5rZXlzKFZpZGVvVHlwZVF1ZXJpZXMpLm1hcChrZXkgPT4gYHF1ZXJ5LiR7a2V5fT0ke1ZpZGVvVHlwZVF1ZXJpZXNba2V5XX1gKTtcclxuXHJcbiAgICByZXR1cm4ge1xyXG4gICAgICB1cmw6IGB7Z2F0ZXdheX0vdjEvb2JqZWN0cz8ke1sgLi4uaWRzUXVlcmllcywgLi4uYXNzb2NRdWVyaWVzIF0uam9pbignJicpfWAsXHJcbiAgICAgIGtleTogYHZpZGVvOnR5cGVzOiR7aWRzLmpvaW4oJywnKX1gLFxyXG4gICAgICBzdWNjZXNzLFxyXG4gICAgICBlcnJvcixcclxuICAgICAgYWx3YXlzXHJcbiAgICB9O1xyXG4gIH1cclxufTsiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQU1BO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFMQTtBQU9BO0FBRUE7QUFNQTtBQUVBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBT0E7QUEvQkEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/shared/flight-requests/VideoRequests.ts\n");
+
+/***/ })
+
+}]);

package/dist/scripts/19-bd32ddc053-reports.chunk.js

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