@clickview/reports 0.7.0 → 0.7.1-dev.0

package/dist/scripts/{909-efac41d5bf-reports.chunk.js → 909-cada27271b-reports.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[909],{73408:(e,t,n)=>{n.d(t,{X:()=>a});var a={HIGH:.75,MODERATE:.5}},4143:(e,t,n)=>{n.d(t,{$:()=>d});var a=n(1024),r=n.n(a),c=n(23481),o=n(28512),l=n(92209),i=n(44528),s=n(99827),u=c.T.encloseNamespace("reportsVideos.videoNav");function d(e){var t,n,a=(t=(0,s.b)(),n=[e.id],[{label:u("overview"),appLink:{application:o.O.VIDEOS,action:l.e.Videos.OVERVIEW,args:n,params:t}},{label:u("engagement"),appLink:{application:o.O.VIDEOS,action:l.e.Videos.ENGAGEMENT,args:n,params:t}}]);return r().createElement(i.m,{items:a})}},26553:(e,t,n)=>{n.r(t),n.d(t,{VideoOverviewView:()=>E});var a=n(1024),r=n.n(a),c=n(20354),o=n(23481),l=n(23049),i=n(22902),s=n(16714),u=n(87480),d=n(59699),m=n(67772),v=n(44422),f=n(87594),p=n(55554),y=n(21295),g=n(36630),b=n(4143);var h=o.T.encloseNamespace("reportsVideos.videoOverview");function E(e){var t,n=c.a.useBasicFetch(f.R.video(e.id));(0,l.o)(n.data?h("pageTitle",{video:n.data.name}):""),(0,u.U)(null===(t=n.data)||void 0===t?void 0:t.name),(0,p._)((0,y.y)(n.data)),(0,g.M)(n);var a=!(0,(0,i.T)().hasPermissions)(s.C.ViewCustomerAnalytics);return r().createElement("div",null,r().createElement(b.$,{id:e.id}),r().createElement("div",{className:"d-flex"},r().createElement("div",{className:"pr-2 ".concat("pXdGj")},r().createElement(m.m,{objectId:e.id,useSharerId:a,className:"h-100"})),r().createElement("div",{className:"pl-2 ".concat("tUGpc")},r().createElement(d.Y,{objectId:e.id,useSharerId:a,className:"n6ktR"}),r().createElement("div",{className:"mt-3"},r().createElement(v.D,{objectId:e.id,useSharerId:a,layout:"horizontal"})))))}},78371:(e,t,n)=>{n.d(t,{n:()=>o});var a=n(1024),r=n.n(a),c=n(37772);function o(e){return r().createElement(c.O,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},37772:(e,t,n)=>{n.d(t,{O:()=>v,I:()=>l});var a=n(1024),r=n.n(a),c=n(73408);var o,l;function i(e){var t=e===o.Large?5.8:2,n=e===o.Large?.36:.2;return"".concat(t/2-2*n,"rem")}function s(e){return e>=c.X.HIGH?"text-success":e>=c.X.MODERATE?"text-warning":"text-danger"}function u(e,t){var n="d-inline-block ".concat("RNXy0");return e===o.Large&&(n+=" ".concat("KeM30")),d(t)&&(n+=" ".concat("wxYGf")),n}function d(e){return"number"!=typeof e}function m(e){var t,n=r().useCallback((function(t){if(t){var n=t.r.baseVal.value,a=2*Math.PI*n,r=a-e.percentage*a;t.style.strokeDasharray="".concat(a," ").concat(a),t.style.strokeDashoffset=r.toString()}}),[]);return r().createElement("svg",null,r().createElement("circle",{r:i(e.size),className:"otPox"}),!d(e.percentage)&&r().createElement("circle",{ref:n,r:i(e.size),className:(t=e.percentage,t>=c.X.HIGH?"Oy8AJ":t>=c.X.MODERATE?"RD_iK":"PdC44")}))}function v(e){var t,n,a=function(e){if(!d(e))return+e.toFixed(2)}(e.percentage),c=e.layout===l.LabelInside?o.Large:o.Small,i=e.customLabel||(d(n=a)?"--%":"".concat(Math.round(100*n),"%"));return e.layout===l.LabelOnly?r().createElement("span",{className:s(a)},i):r().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.layout===l.LabelBefore&&r().createElement("span",{className:"mr-2"},i),r().createElement("div",{className:u(c,a)},r().createElement(m,{percentage:a,size:c}),e.layout===l.LabelInside&&r().createElement("span",{className:"xWrSC"},i)))}!function(e){e.Small="small",e.Large="large"}(o||(o={})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(l||(l={})),v.defaultProps={layout:l.CircleOnly}},44528:(e,t,n)=>{n.d(t,{m:()=>d});var a=n(1024),r=n.n(a),c=n(81886),o=n(75795),l=n(11607),i=n(8493);const s="hUJx1";function u(e){var t;return r().createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:""},r().createElement("ul",{className:"list-unstyled d-inline-block m-0 ".concat("Hdi6o")},e.tabs.map((function(e){return e.appLink||e.onSelect?r().createElement("li",{className:"p-0 ".concat(e.active?"btn btn-dark":"btn btn-outline-dark"),key:e.name},e.appLink?r().createElement(i.F,{appLink:e.appLink,className:"cursor-pointer d-block text-decoration-none text-reset px-2 ".concat(s)},e.name):r().createElement(l.L,{className:"".concat(s," px-2"),onClick:function(){return function(e){e.active||e.onSelect()}(e)}},e.name)):r().createElement(r().Fragment,{key:e.name})}))))}function d(e){var t=e.items.map((function(e){var t,n;return{name:e.label,onSelect:function(){return c.Q.AppLinkHelper.trigger(e.appLink)},active:e.appLink.action===(null===(n=null===(t=o.O.getCurrentRoute())||void 0===t?void 0:t.appLink)||void 0===n?void 0:n.action)}}));return r().createElement(u,{className:"pb-3",tabs:t})}},79939:(e,t,n)=>{n.d(t,{M:()=>o});var a=n(1024),r=n.n(a),c=n(5853);function o(){return r().createElement("div",{className:"partial-loading-background mb-2 ".concat(c.Z.partialHeading)})}},15184:(e,t,n)=>{n.d(t,{P:()=>N});var a=n(1024),r=n.n(a),c=n(72306),o=n.n(c),l=n(70312),i=n.n(l),s=n(99183),u=n(99827),d=n(75896),m=n(110),v=n(39709),f=n(85408),p={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},y={day:"D MMM",month:"MMM",year:"YYYY"},g={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},b={title:{text:null},credits:{enabled:!1},yAxis:{title:{text:null},min:0,minRange:10,minPadding:0,maxPadding:.02,endOnTick:!1},chart:{backgroundColor:"transparent",spacing:[45,0,0,0]},plotOptions:{series:{stacking:"normal"}}};function h(e,t,n){var a=function(e,t,n){var a=function(e){var t=m.O.timeBetween(e.start,e.end,"day");return t>365?"year":t>35?"month":"day"}(n),r=function(e,t){var n=[],a=m.O.format(e.start,p[t]);do{n.push(a),a=m.O.format(m.O.add(a,1,t),p[t])}while(!m.O.isAfter(a,e.end,t));return n}(n,a),c={};e.forEach((function(e){var n,r;if(e.userType){var o=m.O.format(m.O.convertUTCToLocal(t(e)),p[a]);c[e.userType]=null!==(n=c[e.userType])&&void 0!==n?n:{},c[e.userType][o]=null!==(r=c[e.userType][o])&&void 0!==r?r:0,c[e.userType][o]+=e.count}}));var o=Object.keys(c),l=o.length?d.m.sortBy(o.map((function(e){return{name:(0,v.j)(e),type:"column",data:r.map((function(t){var n;return null!==(n=c[e][t])&&void 0!==n?n:0}))}})),"name"):[{type:"column",data:r.map((function(){return 0}))}],i=Object.assign({},g);return o.length||(i.enabled=!1),{categories:r.map((function(e){return m.O.format(e,y[a])})),legendOptions:i,seriesData:(0,f.n)(l)}}(e,t,n);return Object.assign(Object.assign({},b),{xAxis:{categories:a.categories},legend:a.legendOptions,series:a.seriesData})}var E=n(5853);function N(e){var t=(0,u.R)();return(0,s.I)(),r().createElement("div",{className:"position-relative h-100"},r().createElement("h3",{className:"h6 ".concat(E.Z.heading)},e.title),!!t&&r().createElement(i(),{highcharts:o(),options:h(e.events,e.getEventDate,t),containerProps:{className:"".concat(E.Z.chartContainer," position-absolute w-100 h-100")}}))}},87594:(e,t,n)=>{function a(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(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 r(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,{R:()=>o});var c={video:"thumbnail",clip:"video[thumbnail]",interactive:"video[thumbnail],thumbnail,clip[video[thumbnail]]"},o={video:function(e,t,n,a){return{url:"{gateway}/v1/objects/".concat(e),key:"video:".concat(e),success:t,error:n,always:a}},videoTypesById:function(e,t,n,r){e.sort();var o=e.map((function(e){return"id=".concat(e)})),l=Object.keys(c).map((function(e){return"query.".concat(e,"=").concat(c[e])}));return{url:"{gateway}/v1/objects?".concat([].concat(a(o),a(l)).join("&")),key:"video:types:".concat(e.join(",")),success:t,error:n,always:r}}}},80763:(e,t,n)=>{n.d(t,{L:()=>o});var a=n(20354),r=n(12754),c=n(70145);function o(e){var t,n=null===(t=a.a.useBasicFetch(c.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===r.x.Primary}));if(n)return function(t){return e(n,t)}}},36630:(e,t,n)=>{n.d(t,{M:()=>c});var a=n(52622),r={notFound:n(61990).l};function c(e){(0,a.v)(e,r)}},55554:(e,t,n)=>{n.d(t,{_:()=>l});var a=n(1024),r=n(2948),c=n(6663);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){var t,n,l=(t=(0,r.D)(c.y.HEADER_ACTIONS),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,c=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(t,n)||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.")}())[1];(0,a.useEffect)((function(){return l(e),function(){l(null)}}),[!!e])}},21295:(e,t,n)=>{n.d(t,{y:()=>g});var a=n(1024),r=n.n(a),c=n(23481),o=n(83914),l=n(61252),i=n(2948),s=n(83523),u=n(6663);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.T.encloseNamespace("reportsShared.anonymiseAction");function v(){var e,t,n=(e=(0,i.D)(u.y.ANONYMISE_USERS,!1),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,c=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(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.")}()),a=n[0],c=n[1];return r().createElement("div",{className:"d-flex align-items center justify-content-between",onClick:function(){return c(!a)}},r().createElement("span",{className:"mr-3"},m("hideNames")),r().createElement(s.Z,{on:a,onClick:function(){}}))}var f=n(80763),p=n(51644),y=c.T.encloseNamespace("reportsShared.utils");function g(e){var t=(0,f.L)(p.P.getPrimaryObjectUrl);if(e){var n=[];return t&&n.push({label:function(){return r().createElement("span",{className:"d-flex justify-content-between align-items-center"},r().createElement("span",{className:"mr-2"},y("seeVideo")),r().createElement(o.x,{svgName:l.vn.NewWindow}))},href:t(e),openInNewTab:!0}),n.push({label:function(){return r().createElement(v,null)}}),n}}},44422:(e,t,n)=>{n.d(t,{D:()=>f});var a=n(1024),r=n.n(a),c=n(20354),o=n(23481),l=n(31949),i=n(99827),s=n(9537),u=n(37772),d=n(78371),m=n(52622),v=o.T.encloseNamespace("shared.engagementOverviewCard");function f(e){var t,n,a=(0,i.b)(),o=(0,i.R)(),f=!a.users&&!a.classrooms&&!a.classroomGroups,p=c.a.useBasicFetch(!!e.useSharerId&&l.N.currentUser()),y=c.a.useBasicFetch(!!o&&(e.useSharerId?!!p.data&&s.u.aggregateEngagement(e.objectId,o,p.data.id):s.u.aggregateEngagement(e.objectId,o)));(0,m.v)(y);var g=(null===(t=y.data)||void 0===t?void 0:t.engagementRate)>0?y.data.engagementRate:null;return r().createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(n=e.className)&&void 0!==n?n:"")},r().createElement("h3",{className:"h6 mb-2"},v("heading")),r().createElement("div",{className:"d-flex align-items-center flex-grow-1\n          ".concat("vertical"===e.layout?" flex-column justify-content-center text-center":"")},!!y.data&&r().createElement(r().Fragment,null,r().createElement(u.O,{percentage:g,layout:u.I.LabelInside}),r().createElement("p",{className:"horizontal"===e.layout?"ml-2":""},"number"==typeof g?v(f?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*y.data.engagementRate)}):v("descriptionNoData"))),!y.data&&r().createElement(r().Fragment,null,r().createElement(d.n,{layout:u.I.LabelInside}),"vertical"===e.layout&&r().createElement("p",null," "))))}},59699:(e,t,n)=>{n.d(t,{Y:()=>p});var a=n(1024),r=n.n(a),c=n(20354),o=n(23481),l=n(31949),i=n(52622),s=n(9537),u=n(99827),d=n(9977),m=n(15184),v=n(79939),f=o.T.encloseNamespace("shared.viewCountBarChartCard");function p(e){var t,n=(0,u.R)(),a=c.a.useBasicFetch(!!e.useSharerId&&l.N.currentUser()),o=c.a.useBasicFetch(!!n&&(e.useSharerId?!!a.data&&s.u.views(n,e.objectId,a.data.id):s.u.views(n,e.objectId)));return(0,i.v)(o),(0,d.n)(o),r().createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},o.data?r().createElement(m.P,{events:o.data.data,getEventDate:function(e){return e.groupedDateWatched},title:f("videoViews")}):r().createElement(v.M,null))}},5853:(e,t,n)=>{n.d(t,{Z:()=>a});const a={chartContainer:"_KT3q",heading:"Cfb8d",partialHeading:"Ydnic"}}}]);
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[909],{51825:(e,t,n)=>{n.d(t,{n:()=>o});var a=n(1024),r=n.n(a),c=n(19765);function o(e){return r().createElement(c.O,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},19765:(e,t,n)=>{n.d(t,{O:()=>v,I:()=>l});var a=n(1024),r=n.n(a),c=n(94892);var o,l;function i(e){var t=e===o.Large?5.8:2,n=e===o.Large?.36:.2;return"".concat(t/2-2*n,"rem")}function s(e){return e>=c.X.HIGH?"text-success":e>=c.X.MODERATE?"text-warning":"text-danger"}function u(e,t){var n="d-inline-block ".concat("p8Vgz");return e===o.Large&&(n+=" ".concat("N8KCI")),d(t)&&(n+=" ".concat("DKrcq")),n}function d(e){return"number"!=typeof e}function m(e){var t,n=r().useCallback((function(t){if(t){var n=t.r.baseVal.value,a=2*Math.PI*n,r=a-e.percentage*a;t.style.strokeDasharray="".concat(a," ").concat(a),t.style.strokeDashoffset=r.toString()}}),[]);return r().createElement("svg",null,r().createElement("circle",{r:i(e.size),className:"asGGE"}),!d(e.percentage)&&r().createElement("circle",{ref:n,r:i(e.size),className:(t=e.percentage,t>=c.X.HIGH?"PXLNj":t>=c.X.MODERATE?"ZckRN":"slBRg")}))}function v(e){var t,n,a=function(e){if(!d(e))return+e.toFixed(2)}(e.percentage),c=e.layout===l.LabelInside?o.Large:o.Small,i=e.customLabel||(d(n=a)?"--%":"".concat(Math.round(100*n),"%"));return e.layout===l.LabelOnly?r().createElement("span",{className:s(a)},i):r().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.layout===l.LabelBefore&&r().createElement("span",{className:"mr-2"},i),r().createElement("div",{className:u(c,a)},r().createElement(m,{percentage:a,size:c}),e.layout===l.LabelInside&&r().createElement("span",{className:"tpmLR"},i)))}!function(e){e.Small="small",e.Large="large"}(o||(o={})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(l||(l={})),v.defaultProps={layout:l.CircleOnly}},94892:(e,t,n)=>{n.d(t,{X:()=>a});var a={HIGH:.75,MODERATE:.5}},4143:(e,t,n)=>{n.d(t,{$:()=>d});var a=n(1024),r=n.n(a),c=n(23481),o=n(28512),l=n(92209),i=n(44528),s=n(99827),u=c.T.encloseNamespace("reportsVideos.videoNav");function d(e){var t,n,a=(t=(0,s.b)(),n=[e.id],[{label:u("overview"),appLink:{application:o.O.VIDEOS,action:l.e.Videos.OVERVIEW,args:n,params:t}},{label:u("engagement"),appLink:{application:o.O.VIDEOS,action:l.e.Videos.ENGAGEMENT,args:n,params:t}}]);return r().createElement(i.m,{items:a})}},26553:(e,t,n)=>{n.r(t),n.d(t,{VideoOverviewView:()=>E});var a=n(1024),r=n.n(a),c=n(20354),o=n(23481),l=n(23049),i=n(22902),s=n(16714),u=n(87480),d=n(59699),m=n(67772),v=n(44422),p=n(87594),f=n(55554),y=n(21295),g=n(36630),b=n(4143);var h=o.T.encloseNamespace("reportsVideos.videoOverview");function E(e){var t,n=c.a.useBasicFetch(p.R.video(e.id));(0,l.o)(n.data?h("pageTitle",{video:n.data.name}):""),(0,u.U)(null===(t=n.data)||void 0===t?void 0:t.name),(0,f._)((0,y.y)(n.data)),(0,g.M)(n);var a=!(0,(0,i.T)().hasPermissions)(s.C.ViewCustomerAnalytics);return r().createElement("div",null,r().createElement(b.$,{id:e.id}),r().createElement("div",{className:"d-flex"},r().createElement("div",{className:"pr-2 ".concat("pXdGj")},r().createElement(m.m,{objectId:e.id,useSharerId:a,className:"h-100"})),r().createElement("div",{className:"pl-2 ".concat("tUGpc")},r().createElement(d.Y,{objectId:e.id,useSharerId:a,className:"n6ktR"}),r().createElement("div",{className:"mt-3"},r().createElement(v.D,{objectId:e.id,useSharerId:a,layout:"horizontal"})))))}},44528:(e,t,n)=>{n.d(t,{m:()=>d});var a=n(1024),r=n.n(a),c=n(81886),o=n(75795),l=n(11607),i=n(8493);const s="hUJx1";function u(e){var t;return r().createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:""},r().createElement("ul",{className:"list-unstyled d-inline-block m-0 ".concat("Hdi6o")},e.tabs.map((function(e){return e.appLink||e.onSelect?r().createElement("li",{className:"p-0 ".concat(e.active?"btn btn-dark":"btn btn-outline-dark"),key:e.name},e.appLink?r().createElement(i.F,{appLink:e.appLink,className:"cursor-pointer d-block text-decoration-none text-reset px-2 ".concat(s)},e.name):r().createElement(l.L,{className:"".concat(s," px-2"),onClick:function(){return function(e){e.active||e.onSelect()}(e)}},e.name)):r().createElement(r().Fragment,{key:e.name})}))))}function d(e){var t=e.items.map((function(e){var t,n;return{name:e.label,onSelect:function(){return c.Q.AppLinkHelper.trigger(e.appLink)},active:e.appLink.action===(null===(n=null===(t=o.O.getCurrentRoute())||void 0===t?void 0:t.appLink)||void 0===n?void 0:n.action)}}));return r().createElement(u,{className:"pb-3",tabs:t})}},79939:(e,t,n)=>{n.d(t,{M:()=>o});var a=n(1024),r=n.n(a),c=n(5853);function o(){return r().createElement("div",{className:"partial-loading-background mb-2 ".concat(c.Z.partialHeading)})}},15184:(e,t,n)=>{n.d(t,{P:()=>N});var a=n(1024),r=n.n(a),c=n(72306),o=n.n(c),l=n(70312),i=n.n(l),s=n(99183),u=n(99827),d=n(75896),m=n(110),v=n(39709),p=n(85408),f={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},y={day:"D MMM",month:"MMM",year:"YYYY"},g={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},b={title:{text:null},credits:{enabled:!1},yAxis:{title:{text:null},min:0,minRange:10,minPadding:0,maxPadding:.02,endOnTick:!1},chart:{backgroundColor:"transparent",spacing:[45,0,0,0]},plotOptions:{series:{stacking:"normal"}}};function h(e,t,n){var a=function(e,t,n){var a=function(e){var t=m.O.timeBetween(e.start,e.end,"day");return t>365?"year":t>35?"month":"day"}(n),r=function(e,t){var n=[],a=m.O.format(e.start,f[t]);do{n.push(a),a=m.O.format(m.O.add(a,1,t),f[t])}while(!m.O.isAfter(a,e.end,t));return n}(n,a),c={};e.forEach((function(e){var n,r;if(e.userType){var o=m.O.format(m.O.convertUTCToLocal(t(e)),f[a]);c[e.userType]=null!==(n=c[e.userType])&&void 0!==n?n:{},c[e.userType][o]=null!==(r=c[e.userType][o])&&void 0!==r?r:0,c[e.userType][o]+=e.count}}));var o=Object.keys(c),l=o.length?d.m.sortBy(o.map((function(e){return{name:(0,v.j)(e),type:"column",data:r.map((function(t){var n;return null!==(n=c[e][t])&&void 0!==n?n:0}))}})),"name"):[{type:"column",data:r.map((function(){return 0}))}],i=Object.assign({},g);return o.length||(i.enabled=!1),{categories:r.map((function(e){return m.O.format(e,y[a])})),legendOptions:i,seriesData:(0,p.n)(l)}}(e,t,n);return Object.assign(Object.assign({},b),{xAxis:{categories:a.categories},legend:a.legendOptions,series:a.seriesData})}var E=n(5853);function N(e){var t=(0,u.R)();return(0,s.I)(),r().createElement("div",{className:"position-relative h-100"},r().createElement("h3",{className:"h6 ".concat(E.Z.heading)},e.title),!!t&&r().createElement(i(),{highcharts:o(),options:h(e.events,e.getEventDate,t),containerProps:{className:"".concat(E.Z.chartContainer," position-absolute w-100 h-100")}}))}},87594:(e,t,n)=>{function a(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(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 r(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,{R:()=>o});var c={video:"thumbnail",clip:"video[thumbnail]",interactive:"video[thumbnail],thumbnail,clip[video[thumbnail]]"},o={video:function(e,t,n,a){return{url:"{gateway}/v1/objects/".concat(e),key:"video:".concat(e),success:t,error:n,always:a}},videoTypesById:function(e,t,n,r){e.sort();var o=e.map((function(e){return"id=".concat(e)})),l=Object.keys(c).map((function(e){return"query.".concat(e,"=").concat(c[e])}));return{url:"{gateway}/v1/objects?".concat([].concat(a(o),a(l)).join("&")),key:"video:types:".concat(e.join(",")),success:t,error:n,always:r}}}},80763:(e,t,n)=>{n.d(t,{L:()=>o});var a=n(20354),r=n(12754),c=n(70145);function o(e){var t,n=null===(t=a.a.useBasicFetch(c.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===r.x.Primary}));if(n)return function(t){return e(n,t)}}},36630:(e,t,n)=>{n.d(t,{M:()=>c});var a=n(52622),r={notFound:n(61990).l};function c(e){(0,a.v)(e,r)}},55554:(e,t,n)=>{n.d(t,{_:()=>l});var a=n(1024),r=n(2948),c=n(6663);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){var t,n,l=(t=(0,r.D)(c.y.HEADER_ACTIONS),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,c=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(t,n)||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.")}())[1];(0,a.useEffect)((function(){return l(e),function(){l(null)}}),[!!e])}},21295:(e,t,n)=>{n.d(t,{y:()=>g});var a=n(1024),r=n.n(a),c=n(23481),o=n(83914),l=n(61252),i=n(2948),s=n(83523),u=n(6663);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.T.encloseNamespace("reportsShared.anonymiseAction");function v(){var e,t,n=(e=(0,i.D)(u.y.ANONYMISE_USERS,!1),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,c=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(c.push(a.value),!t||c.length!==t);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(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.")}()),a=n[0],c=n[1];return r().createElement("div",{className:"d-flex align-items center justify-content-between",onClick:function(){return c(!a)}},r().createElement("span",{className:"mr-3"},m("hideNames")),r().createElement(s.Z,{on:a,onClick:function(){}}))}var p=n(80763),f=n(51644),y=c.T.encloseNamespace("reportsShared.utils");function g(e){var t=(0,p.L)(f.P.getPrimaryObjectUrl);if(e){var n=[];return t&&n.push({label:function(){return r().createElement("span",{className:"d-flex justify-content-between align-items-center"},r().createElement("span",{className:"mr-2"},y("seeVideo")),r().createElement(o.x,{svgName:l.vn.NewWindow}))},href:t(e),openInNewTab:!0}),n.push({label:function(){return r().createElement(v,null)}}),n}}},44422:(e,t,n)=>{n.d(t,{D:()=>p});var a=n(1024),r=n.n(a),c=n(20354),o=n(23481),l=n(31949),i=n(19765),s=n(51825),u=n(99827),d=n(9537),m=n(52622),v=o.T.encloseNamespace("shared.engagementOverviewCard");function p(e){var t,n,a=(0,u.b)(),o=(0,u.R)(),p=!a.users&&!a.classrooms&&!a.classroomGroups,f=c.a.useBasicFetch(!!e.useSharerId&&l.N.currentUser()),y=c.a.useBasicFetch(!!o&&(e.useSharerId?!!f.data&&d.u.aggregateEngagement(e.objectId,o,f.data.id):d.u.aggregateEngagement(e.objectId,o)));(0,m.v)(y);var g=(null===(t=y.data)||void 0===t?void 0:t.engagementRate)>0?y.data.engagementRate:null;return r().createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(n=e.className)&&void 0!==n?n:"")},r().createElement("h3",{className:"h6 mb-2"},v("heading")),r().createElement("div",{className:"d-flex align-items-center flex-grow-1\n          ".concat("vertical"===e.layout?" flex-column justify-content-center text-center":"")},!!y.data&&r().createElement(r().Fragment,null,r().createElement(i.O,{percentage:g,layout:i.I.LabelInside}),r().createElement("p",{className:"horizontal"===e.layout?"ml-2":""},"number"==typeof g?v(p?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*y.data.engagementRate)}):v("descriptionNoData"))),!y.data&&r().createElement(r().Fragment,null,r().createElement(s.n,{layout:i.I.LabelInside}),"vertical"===e.layout&&r().createElement("p",null," "))))}},59699:(e,t,n)=>{n.d(t,{Y:()=>f});var a=n(1024),r=n.n(a),c=n(20354),o=n(23481),l=n(31949),i=n(52622),s=n(9537),u=n(99827),d=n(9977),m=n(15184),v=n(79939),p=o.T.encloseNamespace("shared.viewCountBarChartCard");function f(e){var t,n=(0,u.R)(),a=c.a.useBasicFetch(!!e.useSharerId&&l.N.currentUser()),o=c.a.useBasicFetch(!!n&&(e.useSharerId?!!a.data&&s.u.views(n,e.objectId,a.data.id):s.u.views(n,e.objectId)));return(0,i.v)(o),(0,d.n)(o),r().createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},o.data?r().createElement(m.P,{events:o.data.data,getEventDate:function(e){return e.groupedDateWatched},title:p("videoViews")}):r().createElement(v.M,null))}},5853:(e,t,n)=>{n.d(t,{Z:()=>a});const a={chartContainer:"_KT3q",heading:"Cfb8d",partialHeading:"Ydnic"}}}]);

package/dist/scripts/{356-6e3bcfb8b6-reports.chunk.js → 990-e61fe0e49b-reports.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[356],{35802:(e,t,n)=>{n.r(t),n.d(t,{InteractiveQuestionListView:()=>ce});var r=n(1024),a=n.n(r),i=n(20354),l=n(23481),c=n(23049),o=n(39151),s=n(639),u=n(25691);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=l.T.encloseNamespace("shared.confirmationPopup");function f(e){var t,n,a=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,c=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(c)throw a}}return i}}(t,n)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(t,n)||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.")}()),i=a[0],l=a[1];return r.createElement(s.G,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(u.u,null,r.createElement(u.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||m("cancel")}),r.createElement(u.u.Submit,{onClick:function(){l(!0),e.onClickConfirm()},text:e.confirmButtonText||m("confirm"),variant:e.confirmButtonVariant,showSpinner:i}))))}f.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var v=n(69775),p=n(94884),y=n(87480),b=n(95601),g=n(36630),h=n(55554),w=n(21295),E=n(92002),k=n(71270),I=n(99943),A=n(84049),S=n(54679),N=n(39553),C=n(23178),M=n(57266),x=n(22065),T=n(22628),j=n(2948),B=n(28972),O=n(23232),R=n(83140),U=n(80845),P=n(20650),F=n(55884),H=n(6663),L=n(39709),_=l.T.encloseNamespace("interactives.submitMarkedAnswers");function V(e){return a().createElement("div",{className:"d-flex justify-content-end pt-2"},a().createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},_("submitAnswers")))}var D=n(86572),q=l.T.encloseNamespace("interactives.interactionResponseListHeader");function K(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a().createElement("div",{className:"rounded bg-white"},a().createElement("div",{className:"p-2 position-relative"},a().createElement("div",{className:"d-flex"},a().createElement(D.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!n&&a().createElement("div",{className:"mt-2"},a().createElement("strong",null,q("suggestedResponse")),a().createElement("p",{className:"m-0"},n))))}function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var W=l.T.encloseNamespace("interactives.interactionResponseList");function $(e){var t,n,r,i,l=(n=e.interaction,e.results.students.filter((function(e){return R.A.isInteractionCorrect(n,(0,U.j_)(e))===B.w.AwaitingMarking}))),c=Object.keys(e.markedAnswers).length,o=(r=(0,j.D)(H.y.ANONYMISE_USERS),i=1,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,c=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(c)throw a}}return i}}(r,i)||function(e,t){if(e){if("string"==typeof e)return Q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Q(e,t):void 0}}(r,i)||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.")}())[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?a().createElement(a().Fragment,null,a().createElement(K,{interaction:e.interaction}),!!l.length&&a().createElement(V,{submit:e.submitMarkedAnswers,disabled:!c}),a().createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var r="bg-white p-2";return l.some((function(e){return e.user.id===t.user.id}))&&(r+=" ".concat("TXRuo")),a().createElement("li",{key:n,className:"position-relative mt-2"},a().createElement(P.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,T.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:o?(0,L.B)(t.user,!0):null,className:r,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}))}))),!!l.length&&a().createElement(V,{submit:e.submitMarkedAnswers,disabled:!c})):a().createElement("div",{className:"d-flex flex-column h-100"},a().createElement(K,{interaction:e.interaction}),a().createElement(O.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},a().createElement(O.u.Image,{src:F.W.EmptyStates.Interactives.NoResponses}),a().createElement(O.u.Heading,null,W("emptyStateHeading")),a().createElement(O.u.Info,null,W("emptyStateDescription"))))}var Y=l.T.encloseNamespace("interactives.selectedInteractionEmptyState");function G(){return a().createElement(O.u,{className:"rounded h-100 bg-white justify-content-center py-4"},a().createElement(O.u.Image,{src:F.W.EmptyStates.Interactives.SelectQuestion}),a().createElement(O.u.Heading,null,Y("emptyStateText")))}var X=n(37772),Z=n(76264),z=l.T.encloseNamespace("interactives.questionTable");function J(e,t,n){var r=e.cells.find((function(e){return e.column.id===n})).value,a=t.cells.find((function(e){return e.column.id===n})).value;return r.awaitingMarking?-1:a.awaitingMarking||r.percentCorrect>=a.percentCorrect?1:-1}function ee(e){var t;return a().createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function te(e){return a().createElement(ee,{className:e.column.isSorted&&"font-weight-bold"},z(e.phraseKey))}var ne={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("OTAmb"),selectedRow:"bg-light",sortIndicator:"ml-2"};function re(e){var t,n,r,i=(t=e.interactive,n=e.results,r=e.refreshTable,a().useMemo((function(){return(0,U.Q)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:(0,T.nq)(e,n)})}))}),[r])),l=e.selectedInteractionId&&(0,T.Zs)(e.interactive,e.selectedInteractionId);return a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(x.i,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return a().createElement(te,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return a().createElement(ee,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(te,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return a().createElement(ee,null,a().createElement("div",{className:"clamp-1"},a().createElement(D.y,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(te,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?a().createElement("div",{className:"d-flex w-75"},a().createElement(Z.O,{title:z("markingRequired"),className:"flex-grow-1",showLabel:!0})):a().createElement("div",{className:"w-75"},a().createElement(X.O,{percentage:n,layout:X.I.LabelBefore}))},width:80,sortDescFirst:!0,sortType:J}],data:i,theme:ne,onSelectRow:function(e){var t=e.original;M.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:l?[l.id]:null,getRowId:function(e){return e.id},enableSort:!0})),a().createElement("div",{className:"col-6"},!!l&&a().createElement($,{interaction:l,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!l&&a().createElement(G,null)))}var ae=n(52622);function ie(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var le=l.T.encloseNamespace("interactives.interactiveQuestionList");function ce(e){var t,n,r,l,s,u,d,m=(u=a().useState(!1),d=2,function(e){if(Array.isArray(e))return e}(u)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,c=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(c)throw a}}return i}}(u,d)||function(e,t){if(e){if("string"==typeof e)return ie(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ie(e,t):void 0}}(u,d)||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.")}()),M=m[0],x=m[1],T=i.a.useBasicFetch(p.b.interactiveMetadata(e.interactiveMetadataId)),j=i.a.useBasicFetch((null===(t=T.data)||void 0===t?void 0:t.interactiveId)?p.b.interactive(T.data.interactiveId):null),B=(0,N.W)(e.interactiveMetadataId),O=i.a.useBasicFetch(o.L.config());(0,c.o)(T.data?le("pageTitle",{interactive:T.data.name}):""),(0,y.U)(null===(n=T.data)||void 0===n?void 0:n.name),(0,h._)((0,w.y)(T.data)),(0,A.P)(e.interactiveMetadataId),(0,S.Y)(B),(0,C.m)(e.interactiveMetadataId),(0,v.b)(T),(0,g.M)(T),(0,ae.v)([j,B,O]);var R=(0,I.b)(B),U=(0,b.D)(null===(r=j.data)||void 0===r?void 0:r.id,null===(l=T.data)||void 0===l?void 0:l.id,(function(){return x(!1)})),P=U.markedAnswers,F=U.addMarkedAnswers,H=U.submitMarkedAnswers,L=!!j.data&&!!B.data&&!!O.data;return a().createElement(a().Fragment,null,a().createElement("div",null,a().createElement(k.l,{interactiveMetadataId:e.interactiveMetadataId}),L?a().createElement(re,{interactive:j.data,results:B.data,markedAnswers:P,addMarkedAnswers:F,submitMarkedAnswers:function(){return x(!0)},imageCdnUrl:O.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:R}):a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(E.I,null)))),M&&a().createElement(f,{title:le("markPopupTitle",{smartCount:null!==(s=Object.keys(P).length)&&void 0!==s?s:0}),closePopup:function(){return x(!1)},confirmButtonText:le("submit"),confirmButtonVariant:"dark",onClickConfirm:H},a().createElement("p",null,le("markPopupBody"))))}}}]);
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[990],{35802:(e,t,n)=>{n.r(t),n.d(t,{InteractiveQuestionListView:()=>ce});var r=n(1024),a=n.n(r),i=n(20354),l=n(23481),c=n(23049),o=n(39151),s=n(639),u=n(25691);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=l.T.encloseNamespace("shared.confirmationPopup");function f(e){var t,n,a=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,c=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(c)throw a}}return i}}(t,n)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(t,n)||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.")}()),i=a[0],l=a[1];return r.createElement(s.G,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(u.u,null,r.createElement(u.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||m("cancel")}),r.createElement(u.u.Submit,{onClick:function(){l(!0),e.onClickConfirm()},text:e.confirmButtonText||m("confirm"),variant:e.confirmButtonVariant,showSpinner:i}))))}f.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var v=n(69775),p=n(94884),y=n(87480),b=n(95601),g=n(36630),h=n(55554),w=n(21295),E=n(92002),k=n(71270),I=n(99943),A=n(84049),S=n(54679),N=n(39553),C=n(23178),M=n(57266),x=n(22065),T=n(22628),j=n(2948),B=n(28972),O=n(23232),R=n(83140),U=n(80845),P=n(20650),F=n(55884),H=n(6663),L=n(39709),_=l.T.encloseNamespace("interactives.submitMarkedAnswers");function V(e){return a().createElement("div",{className:"d-flex justify-content-end pt-2"},a().createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},_("submitAnswers")))}var D=n(86572),q=l.T.encloseNamespace("interactives.interactionResponseListHeader");function K(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a().createElement("div",{className:"rounded bg-white"},a().createElement("div",{className:"p-2 position-relative"},a().createElement("div",{className:"d-flex"},a().createElement(D.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!n&&a().createElement("div",{className:"mt-2"},a().createElement("strong",null,q("suggestedResponse")),a().createElement("p",{className:"m-0"},n))))}function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var W=l.T.encloseNamespace("interactives.interactionResponseList");function $(e){var t,n,r,i,l=(n=e.interaction,e.results.students.filter((function(e){return R.A.isInteractionCorrect(n,(0,U.j_)(e))===B.w.AwaitingMarking}))),c=Object.keys(e.markedAnswers).length,o=(r=(0,j.D)(H.y.ANONYMISE_USERS),i=1,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,c=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(c)throw a}}return i}}(r,i)||function(e,t){if(e){if("string"==typeof e)return Q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Q(e,t):void 0}}(r,i)||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.")}())[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?a().createElement(a().Fragment,null,a().createElement(K,{interaction:e.interaction}),!!l.length&&a().createElement(V,{submit:e.submitMarkedAnswers,disabled:!c}),a().createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var r="bg-white p-2";return l.some((function(e){return e.user.id===t.user.id}))&&(r+=" ".concat("TXRuo")),a().createElement("li",{key:n,className:"position-relative mt-2"},a().createElement(P.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,T.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:o?(0,L.B)(t.user,!0):null,className:r,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}))}))),!!l.length&&a().createElement(V,{submit:e.submitMarkedAnswers,disabled:!c})):a().createElement("div",{className:"d-flex flex-column h-100"},a().createElement(K,{interaction:e.interaction}),a().createElement(O.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},a().createElement(O.u.Image,{src:F.W.EmptyStates.Interactives.NoResponses}),a().createElement(O.u.Heading,null,W("emptyStateHeading")),a().createElement(O.u.Info,null,W("emptyStateDescription"))))}var Y=l.T.encloseNamespace("interactives.selectedInteractionEmptyState");function G(){return a().createElement(O.u,{className:"rounded h-100 bg-white justify-content-center py-4"},a().createElement(O.u.Image,{src:F.W.EmptyStates.Interactives.SelectQuestion}),a().createElement(O.u.Heading,null,Y("emptyStateText")))}var X=n(19765),Z=n(76264),z=l.T.encloseNamespace("interactives.questionTable");function J(e,t,n){var r=e.cells.find((function(e){return e.column.id===n})).value,a=t.cells.find((function(e){return e.column.id===n})).value;return r.awaitingMarking?-1:a.awaitingMarking||r.percentCorrect>=a.percentCorrect?1:-1}function ee(e){var t;return a().createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function te(e){return a().createElement(ee,{className:e.column.isSorted&&"font-weight-bold"},z(e.phraseKey))}var ne={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("OTAmb"),selectedRow:"bg-light",sortIndicator:"ml-2"};function re(e){var t,n,r,i=(t=e.interactive,n=e.results,r=e.refreshTable,a().useMemo((function(){return(0,U.Q)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:(0,T.nq)(e,n)})}))}),[r])),l=e.selectedInteractionId&&(0,T.Zs)(e.interactive,e.selectedInteractionId);return a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(x.i,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return a().createElement(te,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return a().createElement(ee,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(te,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return a().createElement(ee,null,a().createElement("div",{className:"clamp-1"},a().createElement(D.y,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(te,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?a().createElement("div",{className:"d-flex w-75"},a().createElement(Z.O,{title:z("markingRequired"),className:"flex-grow-1",showLabel:!0})):a().createElement("div",{className:"w-75"},a().createElement(X.O,{percentage:n,layout:X.I.LabelBefore}))},width:80,sortDescFirst:!0,sortType:J}],data:i,theme:ne,onSelectRow:function(e){var t=e.original;M.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:l?[l.id]:null,getRowId:function(e){return e.id},enableSort:!0})),a().createElement("div",{className:"col-6"},!!l&&a().createElement($,{interaction:l,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!l&&a().createElement(G,null)))}var ae=n(52622);function ie(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var le=l.T.encloseNamespace("interactives.interactiveQuestionList");function ce(e){var t,n,r,l,s,u,d,m=(u=a().useState(!1),d=2,function(e){if(Array.isArray(e))return e}(u)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,c=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(c)throw a}}return i}}(u,d)||function(e,t){if(e){if("string"==typeof e)return ie(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ie(e,t):void 0}}(u,d)||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.")}()),M=m[0],x=m[1],T=i.a.useBasicFetch(p.b.interactiveMetadata(e.interactiveMetadataId)),j=i.a.useBasicFetch((null===(t=T.data)||void 0===t?void 0:t.interactiveId)?p.b.interactive(T.data.interactiveId):null),B=(0,N.W)(e.interactiveMetadataId),O=i.a.useBasicFetch(o.L.config());(0,c.o)(T.data?le("pageTitle",{interactive:T.data.name}):""),(0,y.U)(null===(n=T.data)||void 0===n?void 0:n.name),(0,h._)((0,w.y)(T.data)),(0,A.P)(e.interactiveMetadataId),(0,S.Y)(B),(0,C.m)(e.interactiveMetadataId),(0,v.b)(T),(0,g.M)(T),(0,ae.v)([j,B,O]);var R=(0,I.b)(B),U=(0,b.D)(null===(r=j.data)||void 0===r?void 0:r.id,null===(l=T.data)||void 0===l?void 0:l.id,(function(){return x(!1)})),P=U.markedAnswers,F=U.addMarkedAnswers,H=U.submitMarkedAnswers,L=!!j.data&&!!B.data&&!!O.data;return a().createElement(a().Fragment,null,a().createElement("div",null,a().createElement(k.l,{interactiveMetadataId:e.interactiveMetadataId}),L?a().createElement(re,{interactive:j.data,results:B.data,markedAnswers:P,addMarkedAnswers:F,submitMarkedAnswers:function(){return x(!0)},imageCdnUrl:O.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:R}):a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(E.I,null)))),M&&a().createElement(f,{title:le("markPopupTitle",{smartCount:null!==(s=Object.keys(P).length)&&void 0!==s?s:0}),closePopup:function(){return x(!1)},confirmButtonText:le("submit"),confirmButtonVariant:"dark",onClickConfirm:H},a().createElement("p",null,le("markPopupBody"))))}}}]);