@clickview/reports 0.0.7-rc.6 → 0.0.7-rc.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles.json +2 -2
- package/dist/scripts/10-6ce479c6ac-reports.chunk.js +1 -0
- package/dist/scripts/{11-616bcbdcb2-reports.chunk.js → 11-bd3fa8b15e-reports.chunk.js} +1 -1
- package/dist/scripts/{12-6182a1124c-reports.chunk.js → 12-b582bacd31-reports.chunk.js} +1 -1
- package/dist/scripts/{14-8c9c97bc89-reports.chunk.js → 14-ee0343ed33-reports.chunk.js} +1 -1
- package/dist/scripts/{15-ae6f3bc946-reports.chunk.js → 15-ec63adbc3e-reports.chunk.js} +1 -1
- package/dist/scripts/{16-0fa5cfcff5-reports.chunk.js → 16-6a28f9902c-reports.chunk.js} +1 -1
- package/dist/scripts/{17-7dd4aba902-reports.chunk.js → 17-ce9636a7ab-reports.chunk.js} +1 -1
- package/dist/scripts/{18-3763efb96f-reports.chunk.js → 18-0ab772e44a-reports.chunk.js} +1 -1
- package/dist/scripts/{19-ab016ff8fd-reports.chunk.js → 19-7c211a4ad9-reports.chunk.js} +1 -1
- package/dist/scripts/{21-f4bf0d7b63-reports.chunk.js → 21-5b8483bc2d-reports.chunk.js} +1 -1
- package/dist/scripts/{22-402407eb3b-reports.chunk.js → 22-09d74de8c1-reports.chunk.js} +1 -1
- package/dist/scripts/{23-8b8b4b7731-reports.chunk.js → 23-da3026e912-reports.chunk.js} +1 -1
- package/dist/scripts/{24-4a6d25a198-reports.chunk.js → 24-a23040e0b3-reports.chunk.js} +1 -1
- package/dist/scripts/{4-ed113a542b-reports.chunk.js → 4-5e1e629b39-reports.chunk.js} +1 -1
- package/dist/scripts/{7-4ddd1f1784-reports.chunk.js → 7-30e7f05646-reports.chunk.js} +1 -1
- package/dist/scripts/{9-0ea1a91317-reports.chunk.js → 9-8e784902c1-reports.chunk.js} +3 -3
- package/dist/scripts/bundle-9cb9dd561d.min.js +19 -0
- package/dist/scripts/polyfills-da39d8334e.min.js +1 -0
- package/package.json +3 -3
- package/dist/scripts/10-0667eb41fa-reports.chunk.js +0 -1
- package/dist/scripts/bundle-3403f44dcb.min.js +0 -19
- package/dist/scripts/polyfills-70ca71a309.min.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[12],{1096:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a.n(n),o=a(7),c=a(12),i=a(30),l=a(904),u=a(251),s=o.a.encloseNamespace("reportsDashboard.dashboardNav");function m(){var e,t=Object(u.a)(),a=(e=t,[{label:s("mySchool"),appLink:{application:c.a.DASHBOARD,action:i.a.Dashboard.HOME,params:e}},{label:s("marking"),appLink:{application:c.a.DASHBOARD,action:i.a.Dashboard.MARKING,params:e}}]);return r.a.createElement(l.a,{items:a})}},1196:function(e,t,a){e.exports={column1:"Hl7eK",column2:"_1hcs7",column3:"_1unv-",pieChart:"_13CLW",barChart:"_1GvRc"}},1484:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),o=a(7),c=a(865),i=a(869),l=a(926),u=a(916),s=a(1096),m=a(867),d=o.a.encloseNamespace("reportsDashboard.topVideosOverviewCard");function f(e){return r.a.createElement("div",{className:"d-flex flex-column bg-white rounded p-3 h-100"},r.a.createElement("h6",{className:"m-0"},d("topVideos",{smartCount:e.limit})),r.a.createElement(m.a,{className:"py-4 flex-grow-1 justify-content-center"},r.a.createElement(m.a.Heading,{className:"font-size-normal font-weight-bold mb-1"},d("comingSoon")),r.a.createElement(m.a.Info,{className:"w-100"},d("comingSoonDescription"))))}f.defaultProps={limit:10};var p=o.a.encloseNamespace("reportsDashboard.topSearchesOverviewCard");function v(e){var t;return r.a.createElement("div",{className:"d-flex flex-column bg-white rounded p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("h6",{className:"m-0"},p("topSearches",{smartCount:e.limit})),r.a.createElement(m.a,{className:"py-3 flex-grow-1 justify-content-center"},r.a.createElement(m.a.Heading,{className:"font-size-normal font-weight-bold mb-1"},p("comingSoon")),r.a.createElement(m.a.Info,{className:"w-100"},p("comingSoonDescription"))))}v.defaultProps={limit:4};var b=o.a.encloseNamespace("reportsDashboard.topPlaylistsOverviewCard");function y(e){var t;return r.a.createElement("div",{className:"d-flex flex-column bg-white rounded p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("h6",{className:"m-0"},b("topPlaylists",{smartCount:e.limit})),r.a.createElement(m.a,{className:"py-3 flex-grow-1 justify-content-center"},r.a.createElement(m.a.Heading,{className:"font-size-normal font-weight-bold mb-1"},b("comingSoon")),r.a.createElement(m.a.Info,{className:"w-100"},b("comingSoonDescription"))))}y.defaultProps={limit:4};var g=a(1196),h=a.n(g);a.d(t,"CustomerOverviewDashboardView",(function(){return j}));var E=o.a.encloseNamespace("reportsDashboard.customerOverviewDashboard");function j(){return Object(c.a)(E("dashboard")),Object(i.a)(E("dashboard")),r.a.createElement("div",null,r.a.createElement(s.a,null),r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"d-flex flex-column ".concat(h.a.column1)},r.a.createElement("div",{className:"pb-3"},r.a.createElement(u.a,{className:h.a.pieChart})),r.a.createElement(v,{className:"flex-grow-1"})),r.a.createElement("div",{className:"".concat(h.a.column2," px-3")},r.a.createElement(f,null)),r.a.createElement("div",{className:"d-flex flex-column ".concat(h.a.column3)},r.a.createElement("div",{className:"pb-3"},r.a.createElement(l.a,{className:h.a.barChart})),r.a.createElement(y,{className:"flex-grow-1"}))))}},865:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(28),o=a(253);function c(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],a=n.useContext(o.a),i=a.setPageTitle;n.useEffect((function(){"boolean"!=typeof e&&r.a.isFunction(i)&&(e||(e=""),i(e))}),[e].concat(c(t)))}},866:function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(927),r=a(7),o=a(168),c=a(873),i=r.a.encloseNamespace("reportsShared.utils");function l(e,t){return t?Object(n.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[n.b,n.a],separator:" ",length:2,style:"capital",seed:t}}(e)):o.a.getFullName(e)}function u(e){switch(e.toLowerCase()){case c.a.Learner:return i("student");case c.a.Staff:return i("staff");default:return e}}},867:function(e,t,a){"use strict";var n=a(0),r=a.n(n),o=a(883),c=a.n(o);function i(e){var t;return r.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:"".concat(c.a.image," ").concat(null!==(t=e.className)&&void 0!==t?t:"")})}var l=a(3),u=a(28),s=a(211),m=a(41);function d(e){var t=e.className||"btn btn-dark";if(!e.icon){if(e.appLink&&!u.a.isFunction(e.onClick))return r.a.createElement(m.a,{appLink:e.appLink,className:t},e.text);return r.a.createElement("button",{onClick:function(){u.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&l.a.AppLinkHelper.trigger(e.appLink)},className:t},e.text)}return r.a.createElement(s.a,{className:t,onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}function f(e){var t;return r.a.createElement("div",{className:"text-center d-flex flex-column align-items-center ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}a.d(t,"a",(function(){return f})),f.defaultProps={className:"pt-5"},f.Image=function(e){return r.a.createElement(i,Object.assign({},e))},f.Cta=function(e){return r.a.createElement(d,Object.assign({},e))},f.Heading=function(e){return r.a.createElement("h2",{className:e.className||"h6"},e.children)},f.Info=function(e){return r.a.createElement("p",{className:e.className||"mb-3 w-50"},e.children)}},869:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(33),o=a(34);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e){var t=c(Object(r.a)(o.a.HEADER_TITLE),2)[1];Object(n.useEffect)((function(){return t(e),function(){t(null)}}),[e])}},870:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(89),r=a(888),o={views:function(e,t,a,o,c){var i="video:views";return t&&(i+=":".concat(t)),{url:n.a.urlBuilder("{gateway}/v1/analytics/views",Object.assign({objectId:t},Object(r.a)(e))),key:Object(r.b)(i,e),normalize:!1,success:a,error:o,always:c}},individualEngagement:function(e,t,a,o,c){return{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{data:null===(t=e.data)||void 0===t?void 0:t.map((function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})}))})},normalize:!1,success:a,error:o,always:c}},aggregateEngagement:function(e,t,a,o,c){return{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregations",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("aggregate:engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})},normalize:!1,success:a,error:o,always:c}}}},871:function(e,t,a){"use strict";function n(e){var t=[];return Object.keys(e).forEach((function(a){var n=e[a];n&&t.push("".concat(a,":").concat(Array.isArray(n)?n.join(","):n))})),t.join(":")}a.d(t,"a",(function(){return n}))},872:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(33),o=a(34);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e){var t,a=c(Object(r.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(n.useEffect)((function(){e.data?a(e.data.count):a(null)}),[null===(t=e.data)||void 0===t?void 0:t.count])}},873:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(n||(n={}))},874:function(e,t,a){e.exports={totalCount:"_3a-8G",chartContainer:"_1QY5r",partialHeading:"l-ees",partialSelector:"_1Jzj5",partialCount:"_2mo-l"}},875:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(33),r=a(34);function o(){Object(n.a)(r.a.LEFT_NAV_STATE)}},876:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function r(e){return e.map((function(e,t){return Object.assign(Object.assign({},e),{color:n[t%n.length]})}))}},880:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(45);function r(e){var t=n.a.convertDateToUTC(e);return n.a.format(t,"YYYY-MM-DDTHH:mm:ss")}},882:function(e,t,a){e.exports={chartContainer:"_1iuz3",heading:"_1lJg9",partialHeading:"_2Z6oG"}},883:function(e,t,a){e.exports={image:"_3T3Ux"}},888:function(e,t,a){"use strict";a.d(t,"b",(function(){return l})),a.d(t,"a",(function(){return u}));var n=a(45),r=a(880),o=a(871);function c(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e,t){var a=Object(o.a)(t);return a?e+":".concat(a):e}function u(e){var t,a,o=Object(r.a)(n.a.startOf(e.from,"day")),i=Object(r.a)(n.a.endOf(e.to,"day"));return{userId:e.users,groupId:[].concat(c(null!==(t=e.classrooms)&&void 0!==t?t:[]),c(null!==(a=e.classroomGroups)&&void 0!==a?a:[])),start:o,end:i}}},890:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a.n(n),o=a(874),c=a.n(o);function i(){return r.a.createElement("div",{className:"d-flex align-items-start justify-content-between"},r.a.createElement("div",null,r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(c.a.partialHeading)}),r.a.createElement("div",{className:"partial-loading-background ".concat(c.a.partialCount)})),r.a.createElement("div",{className:"partial-loading-background rounded ".concat(c.a.partialSelector)}))}},900:function(e,t,a){"use strict";var n=a(0),r=a.n(n),o=a(881),c=a.n(o),i=a(889),l=a.n(i),u=a(11),s=a(7),m=a(875),d=a(49),f=a(873),p=a(168),v=a(866),b=a(876),y={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0}}},g=s.a.encloseNamespace("shared.userActivityPieChart");function h(e,t){return Object.assign(Object.assign({},y),{series:[{type:"pie",name:t,data:e}]})}var E=a(874),j=a.n(E);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 a=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return O(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return k}));var N=s.a.encloseNamespace("shared.userActivityPieChart"),S=["yearGroup","userType"],A={yearGroup:"yearGroups",userType:"userType"};function C(e){return r.a.createElement(u.Dropdown,{alignRight:!0},r.a.createElement(u.Dropdown.Toggle,{id:"group-by-dropdown",variant:"outline-dark",className:"no-caret"},N("yearGroup"===e.selectedOption?"yearGroups":"userType")),r.a.createElement(u.Dropdown.Menu,null,S.map((function(t,a){return e.selectedOption!==t&&r.a.createElement(u.Dropdown.Item,{key:a,onSelect:function(){return e.onSelect(t)}},N(A[t]))}))))}function k(e){var t=w(r.a.useState("yearGroup"),2),a=t[0],n=t[1];Object(m.a)();var o,i,u,s,y="yearGroup"===a?(o=e.events,i=e.users,u=d.a.toObject(i,"id"),s={},o.forEach((function(e){var t,a,n,r,o=u[e.userId];if(p.a.getUserTypeString(o)===f.a.Learner){var c=null!==(n=null===(a=null===(t=null==o?void 0:o._yearGroup)||void 0===t?void 0:t.value)||void 0===a?void 0:a.name)&&void 0!==n?n:g("unknown");c&&(s[c]=null!==(r=s[c])&&void 0!==r?r:0,s[c]++)}})),Object(b.a)(d.a.sortBy(Object.keys(s).map((function(e){return{name:e,y:s[e],type:"pie"}})),"name"))):function(e,t){var a=d.a.toObject(t,"id"),n={};return e.forEach((function(e){var t,r,o=a[e.userId],c=null!==(t=p.a.getUserTypeString(o))&&void 0!==t?t:g("unknown");n[c]=null!==(r=n[c])&&void 0!==r?r:0,n[c]++})),Object(b.a)(d.a.sortBy(Object.keys(n).map((function(e){return{name:Object(v.b)(e),y:n[e],type:"pie"}})),"name"))}(e.events,e.users);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-start justify-content-between w-100"},r.a.createElement("div",null,r.a.createElement("h6",{className:"m-0"},"yearGroup"===a?e.yearGroupTitle:e.userTypeTitle),r.a.createElement("strong",{className:j.a.totalCount},function(e){return e.reduce((function(e,t){return e+t.y}),0)}(y))),r.a.createElement(C,{selectedOption:a,onSelect:n})),y.length?r.a.createElement(l.a,{highcharts:c.a,options:h(y,e.seriesName),containerProps:{className:"".concat(j.a.chartContainer," position-absolute w-100 h-75 flex-grow-1")}}):e.emptyStateComponent)}},903:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a.n(n),o=a(882),c=a.n(o);function i(){return r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(c.a.partialHeading)})}},904:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a.n(n),o=a(11),c=a(41),i=a(95),l=a(905),u=a.n(l);function s(e){var t,a,n="nav-link pl-0 pt-0 pr-2 text-dark";return e.appLink.action===(null===(a=null===(t=i.a.getCurrentRoute())||void 0===t?void 0:t.appLink)||void 0===a?void 0:a.action)?"".concat(n," active font-weight-bold ").concat(u.a.active):n}function m(e){return r.a.createElement(o.Navbar,{className:"p-0 pb-2"},r.a.createElement(o.Nav,null,e.items.map((function(e,t){return r.a.createElement(o.Nav.Item,{key:t},r.a.createElement(c.a,{appLink:e.appLink,className:s(e)},e.label))}))))}},905:function(e,t,a){e.exports={active:"_3Qdep"}},914:function(e,t,a){"use strict";var n=a(0),r=a.n(n),o=a(881),c=a.n(o),i=a(889),l=a.n(i),u=a(33),s=a(34),m=a(875),d=a(7),f=a(49),p=a(45),v=a(168),b=a(866),y=a(876),g=35,h=365,E={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},j={day:"D MMM",month:"MMM",year:"YYYY"},w={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},O={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"}}},N=d.a.encloseNamespace("shared.userActivityBarChart");function S(e,t,a,n){var r=f.a.toObject(t,"id"),o=function(e){var t=p.a.timeBetween(e.from,e.to,"day");return t>h?"year":t>g?"month":"day"}(n),c=function(e,t){var a=[],n=p.a.format(e.from,E[t]);do{a.push(n),n=p.a.format(p.a.add(n,1,t),E[t])}while(!p.a.isAfter(n,e.to,t));return a}(n,o),i={};e.forEach((function(e){var t,n,c,l=p.a.format(p.a.convertUTCToLocal(a(e)),E[o]),u=r[e.userId],s=null!==(t=v.a.getUserTypeString(u))&&void 0!==t?t:N("unknown");i[s]=null!==(n=i[s])&&void 0!==n?n:{},i[s][l]=null!==(c=i[s][l])&&void 0!==c?c:0,i[s][l]++}));var l=Object.keys(i),u=l.length?l.map((function(e){return{name:Object(b.b)(e),type:"column",data:c.map((function(t){var a;return null!==(a=i[e][t])&&void 0!==a?a:0}))}})):[{type:"column",data:c.map((function(){return 0}))}],s=Object.assign({},w);return l.length||(s.enabled=!1),{categories:c.map((function(e){return p.a.format(e,j[o])})),legendOptions:s,seriesData:Object(y.a)(u)}}function A(e,t,a,n){var r=S(e,t,a,n);return Object.assign(Object.assign({},O),{xAxis:{categories:r.categories},legend:r.legendOptions,series:r.seriesData})}var C=a(882),k=a.n(C);function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return x(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return 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 a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function D(e){var t=I(Object(u.a)(s.a.DATE_RANGE_QUERY_PARAMS),1)[0];return Object(m.a)(),r.a.createElement("div",{className:"position-relative h-100"},r.a.createElement("h6",{className:k.a.heading},e.title),r.a.createElement(l.a,{highcharts:c.a,options:A(e.events,e.users,e.getEventDate,t),containerProps:{className:"".concat(k.a.chartContainer," position-absolute w-100 h-100")}}))}a.d(t,"a",(function(){return D}))},916:function(e,t,a){"use strict";var n=a(0),r=a.n(n),o=a(23),c=a(7),i=a(870),l=a(251),u=a(209),s=a(872),m=a(900),d=a(890),f=a(867),p=a(208),v=c.a.encloseNamespace("shared.viewCountPieChartEmptyState");function b(e){return r.a.createElement(f.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(f.a.Image,{src:p.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(f.a.Heading,null,v("heading")),r.a.createElement(f.a.Info,{className:"w-100"},v(e.singular?"descriptionSingular":"descriptionMultiple")))}a.d(t,"a",(function(){return g}));var y=c.a.encloseNamespace("shared.viewCountPieChartCard");function g(e){var t,a,n,c,f=Object(l.a)(),p=o.a.useBasicFetch(i.a.views(f,e.objectId)),v=o.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.data.length)&&u.a.getById(p.data.data.map((function(e){return e.userId}))));Object(s.a)(p);var g=(null===(a=p.data)||void 0===a?void 0:a.data.length)?!!v.data:!!p.data;return r.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(n=e.className)&&void 0!==n?n:"")},g?r.a.createElement(m.a,{events:p.data.data,users:null!==(c=v.data)&&void 0!==c?c:[],objectId:e.objectId,yearGroupTitle:y("totalStudentPlays"),userTypeTitle:y("totalPlays"),seriesName:y("plays"),emptyStateComponent:r.a.createElement(b,{singular:!!e.objectId})}):r.a.createElement(d.a,null))}},926:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(0),r=a.n(n),o=a(23),c=a(7),i=a(870),l=a(251),u=a(209),s=a(872),m=a(914),d=a(903),f=c.a.encloseNamespace("shared.viewCountBarChartCard");function p(e){var t,a,n,c,p=Object(l.a)(),v=o.a.useBasicFetch(i.a.views(p,e.objectId)),b=o.a.useBasicFetch((null===(t=v.data)||void 0===t?void 0:t.data.length)&&u.a.getById(v.data.data.map((function(e){return e.userId}))));Object(s.a)(v);var y=(null===(a=v.data)||void 0===a?void 0:a.data.length)?!!b.data:!!v.data;return r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(n=e.className)&&void 0!==n?n:"")},y?r.a.createElement(m.a,{events:v.data.data,users:null!==(c=b.data)&&void 0!==c?c:[],getEventDate:function(e){return e.dateWatched},title:f("videoViews")}):r.a.createElement(d.a,null))}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[12],{1096:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a.n(n),o=a(7),c=a(12),i=a(30),l=a(904),u=a(251),s=o.a.encloseNamespace("reportsDashboard.dashboardNav");function m(){var e,t=Object(u.a)(),a=(e=t,[{label:s("mySchool"),appLink:{application:c.a.DASHBOARD,action:i.a.Dashboard.HOME,params:e}},{label:s("marking"),appLink:{application:c.a.DASHBOARD,action:i.a.Dashboard.MARKING,params:e}}]);return r.a.createElement(l.a,{items:a})}},1196:function(e,t,a){e.exports={column1:"Hl7eK",column2:"_1hcs7",column3:"_1unv-",pieChart:"_13CLW",barChart:"_1GvRc"}},1484:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),o=a(7),c=a(865),i=a(869),l=a(926),u=a(916),s=a(1096),m=a(867),d=o.a.encloseNamespace("reportsDashboard.topVideosOverviewCard");function f(e){return r.a.createElement("div",{className:"d-flex flex-column bg-white rounded p-3 h-100"},r.a.createElement("h6",{className:"m-0"},d("topVideos",{smartCount:e.limit})),r.a.createElement(m.a,{className:"py-4 flex-grow-1 justify-content-center"},r.a.createElement(m.a.Heading,{className:"font-size-normal font-weight-bold mb-1"},d("comingSoon")),r.a.createElement(m.a.Info,{className:"w-100"},d("comingSoonDescription"))))}f.defaultProps={limit:10};var p=o.a.encloseNamespace("reportsDashboard.topSearchesOverviewCard");function v(e){var t;return r.a.createElement("div",{className:"d-flex flex-column bg-white rounded p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("h6",{className:"m-0"},p("topSearches",{smartCount:e.limit})),r.a.createElement(m.a,{className:"py-3 flex-grow-1 justify-content-center"},r.a.createElement(m.a.Heading,{className:"font-size-normal font-weight-bold mb-1"},p("comingSoon")),r.a.createElement(m.a.Info,{className:"w-100"},p("comingSoonDescription"))))}v.defaultProps={limit:4};var b=o.a.encloseNamespace("reportsDashboard.topPlaylistsOverviewCard");function y(e){var t;return r.a.createElement("div",{className:"d-flex flex-column bg-white rounded p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r.a.createElement("h6",{className:"m-0"},b("topPlaylists",{smartCount:e.limit})),r.a.createElement(m.a,{className:"py-3 flex-grow-1 justify-content-center"},r.a.createElement(m.a.Heading,{className:"font-size-normal font-weight-bold mb-1"},b("comingSoon")),r.a.createElement(m.a.Info,{className:"w-100"},b("comingSoonDescription"))))}y.defaultProps={limit:4};var g=a(1196),h=a.n(g);a.d(t,"CustomerOverviewDashboardView",(function(){return j}));var E=o.a.encloseNamespace("reportsDashboard.customerOverviewDashboard");function j(){return Object(c.a)(E("dashboard")),Object(i.a)(E("dashboard")),r.a.createElement("div",null,r.a.createElement(s.a,null),r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"d-flex flex-column ".concat(h.a.column1)},r.a.createElement("div",{className:"pb-3"},r.a.createElement(u.a,{className:h.a.pieChart})),r.a.createElement(v,{className:"flex-grow-1"})),r.a.createElement("div",{className:"".concat(h.a.column2," px-3")},r.a.createElement(f,null)),r.a.createElement("div",{className:"d-flex flex-column ".concat(h.a.column3)},r.a.createElement("div",{className:"pb-3"},r.a.createElement(l.a,{className:h.a.barChart})),r.a.createElement(y,{className:"flex-grow-1"}))))}},865:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(26),o=a(253);function c(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],a=n.useContext(o.a),i=a.setPageTitle;n.useEffect((function(){"boolean"!=typeof e&&r.a.isFunction(i)&&(e||(e=""),i(e))}),[e].concat(c(t)))}},866:function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(927),r=a(7),o=a(168),c=a(873),i=r.a.encloseNamespace("reportsShared.utils");function l(e,t){return t?Object(n.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[n.b,n.a],separator:" ",length:2,style:"capital",seed:t}}(e)):o.a.getFullName(e)}function u(e){switch(e.toLowerCase()){case c.a.Learner:return i("student");case c.a.Staff:return i("staff");default:return e}}},867:function(e,t,a){"use strict";var n=a(0),r=a.n(n),o=a(883),c=a.n(o);function i(e){var t;return r.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:"".concat(c.a.image," ").concat(null!==(t=e.className)&&void 0!==t?t:"")})}var l=a(3),u=a(26),s=a(211),m=a(41);function d(e){var t=e.className||"btn btn-dark";if(!e.icon){if(e.appLink&&!u.a.isFunction(e.onClick))return r.a.createElement(m.a,{appLink:e.appLink,className:t},e.text);return r.a.createElement("button",{onClick:function(){u.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&l.a.AppLinkHelper.trigger(e.appLink)},className:t},e.text)}return r.a.createElement(s.a,{className:t,onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}function f(e){var t;return r.a.createElement("div",{className:"text-center d-flex flex-column align-items-center ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}a.d(t,"a",(function(){return f})),f.defaultProps={className:"pt-5"},f.Image=function(e){return r.a.createElement(i,Object.assign({},e))},f.Cta=function(e){return r.a.createElement(d,Object.assign({},e))},f.Heading=function(e){return r.a.createElement("h2",{className:e.className||"h6"},e.children)},f.Info=function(e){return r.a.createElement("p",{className:e.className||"mb-3 w-50"},e.children)}},869:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(33),o=a(34);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e){var t=c(Object(r.a)(o.a.HEADER_TITLE),2)[1];Object(n.useEffect)((function(){return t(e),function(){t(null)}}),[e])}},870:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(89),r=a(888),o={views:function(e,t,a,o,c){var i="video:views";return t&&(i+=":".concat(t)),{url:n.a.urlBuilder("{gateway}/v1/analytics/views",Object.assign({objectId:t},Object(r.a)(e))),key:Object(r.b)(i,e),normalize:!1,success:a,error:o,always:c}},individualEngagement:function(e,t,a,o,c){return{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{data:null===(t=e.data)||void 0===t?void 0:t.map((function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})}))})},normalize:!1,success:a,error:o,always:c}},aggregateEngagement:function(e,t,a,o,c){return{url:n.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregations",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("aggregate:engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})},normalize:!1,success:a,error:o,always:c}}}},871:function(e,t,a){"use strict";function n(e){var t=[];return Object.keys(e).forEach((function(a){var n=e[a];n&&t.push("".concat(a,":").concat(Array.isArray(n)?n.join(","):n))})),t.join(":")}a.d(t,"a",(function(){return n}))},872:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(33),o=a(34);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e){var t,a=c(Object(r.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(n.useEffect)((function(){e.data?a(e.data.count):a(null)}),[null===(t=e.data)||void 0===t?void 0:t.count])}},873:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(n||(n={}))},874:function(e,t,a){e.exports={totalCount:"_3a-8G",chartContainer:"_1QY5r",partialHeading:"l-ees",partialSelector:"_1Jzj5",partialCount:"_2mo-l"}},875:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(33),r=a(34);function o(){Object(n.a)(r.a.LEFT_NAV_STATE)}},876:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function r(e){return e.map((function(e,t){return Object.assign(Object.assign({},e),{color:n[t%n.length]})}))}},880:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(45);function r(e){var t=n.a.convertDateToUTC(e);return n.a.format(t,"YYYY-MM-DDTHH:mm:ss")}},882:function(e,t,a){e.exports={chartContainer:"_1iuz3",heading:"_1lJg9",partialHeading:"_2Z6oG"}},883:function(e,t,a){e.exports={image:"_3T3Ux"}},888:function(e,t,a){"use strict";a.d(t,"b",(function(){return l})),a.d(t,"a",(function(){return u}));var n=a(45),r=a(880),o=a(871);function c(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function l(e,t){var a=Object(o.a)(t);return a?e+":".concat(a):e}function u(e){var t,a,o=Object(r.a)(n.a.startOf(e.from,"day")),i=Object(r.a)(n.a.endOf(e.to,"day"));return{userId:e.users,groupId:[].concat(c(null!==(t=e.classrooms)&&void 0!==t?t:[]),c(null!==(a=e.classroomGroups)&&void 0!==a?a:[])),start:o,end:i}}},890:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a.n(n),o=a(874),c=a.n(o);function i(){return r.a.createElement("div",{className:"d-flex align-items-start justify-content-between"},r.a.createElement("div",null,r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(c.a.partialHeading)}),r.a.createElement("div",{className:"partial-loading-background ".concat(c.a.partialCount)})),r.a.createElement("div",{className:"partial-loading-background rounded ".concat(c.a.partialSelector)}))}},900:function(e,t,a){"use strict";var n=a(0),r=a.n(n),o=a(881),c=a.n(o),i=a(889),l=a.n(i),u=a(11),s=a(7),m=a(875),d=a(49),f=a(873),p=a(168),v=a(866),b=a(876),y={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0}}},g=s.a.encloseNamespace("shared.userActivityPieChart");function h(e,t){return Object.assign(Object.assign({},y),{series:[{type:"pie",name:t,data:e}]})}var E=a(874),j=a.n(E);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 a=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return O(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return k}));var N=s.a.encloseNamespace("shared.userActivityPieChart"),S=["yearGroup","userType"],A={yearGroup:"yearGroups",userType:"userType"};function C(e){return r.a.createElement(u.Dropdown,{alignRight:!0},r.a.createElement(u.Dropdown.Toggle,{id:"group-by-dropdown",variant:"outline-dark",className:"no-caret"},N("yearGroup"===e.selectedOption?"yearGroups":"userType")),r.a.createElement(u.Dropdown.Menu,null,S.map((function(t,a){return e.selectedOption!==t&&r.a.createElement(u.Dropdown.Item,{key:a,onSelect:function(){return e.onSelect(t)}},N(A[t]))}))))}function k(e){var t=w(r.a.useState("yearGroup"),2),a=t[0],n=t[1];Object(m.a)();var o,i,u,s,y="yearGroup"===a?(o=e.events,i=e.users,u=d.a.toObject(i,"id"),s={},o.forEach((function(e){var t,a,n,r,o=u[e.userId];if(p.a.getUserTypeString(o)===f.a.Learner){var c=null!==(n=null===(a=null===(t=null==o?void 0:o._yearGroup)||void 0===t?void 0:t.value)||void 0===a?void 0:a.name)&&void 0!==n?n:g("unknown");c&&(s[c]=null!==(r=s[c])&&void 0!==r?r:0,s[c]++)}})),Object(b.a)(d.a.sortBy(Object.keys(s).map((function(e){return{name:e,y:s[e],type:"pie"}})),"name"))):function(e,t){var a=d.a.toObject(t,"id"),n={};return e.forEach((function(e){var t,r,o=a[e.userId],c=null!==(t=p.a.getUserTypeString(o))&&void 0!==t?t:g("unknown");n[c]=null!==(r=n[c])&&void 0!==r?r:0,n[c]++})),Object(b.a)(d.a.sortBy(Object.keys(n).map((function(e){return{name:Object(v.b)(e),y:n[e],type:"pie"}})),"name"))}(e.events,e.users);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-start justify-content-between w-100"},r.a.createElement("div",null,r.a.createElement("h6",{className:"m-0"},"yearGroup"===a?e.yearGroupTitle:e.userTypeTitle),r.a.createElement("strong",{className:j.a.totalCount},function(e){return e.reduce((function(e,t){return e+t.y}),0)}(y))),r.a.createElement(C,{selectedOption:a,onSelect:n})),y.length?r.a.createElement(l.a,{highcharts:c.a,options:h(y,e.seriesName),containerProps:{className:"".concat(j.a.chartContainer," position-absolute w-100 h-75 flex-grow-1")}}):e.emptyStateComponent)}},903:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a.n(n),o=a(882),c=a.n(o);function i(){return r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(c.a.partialHeading)})}},904:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a.n(n),o=a(11),c=a(41),i=a(95),l=a(905),u=a.n(l);function s(e){var t,a,n="nav-link pl-0 pt-0 pr-2 text-dark";return e.appLink.action===(null===(a=null===(t=i.a.getCurrentRoute())||void 0===t?void 0:t.appLink)||void 0===a?void 0:a.action)?"".concat(n," active font-weight-bold ").concat(u.a.active):n}function m(e){return r.a.createElement(o.Navbar,{className:"p-0 pb-2"},r.a.createElement(o.Nav,null,e.items.map((function(e,t){return r.a.createElement(o.Nav.Item,{key:t},r.a.createElement(c.a,{appLink:e.appLink,className:s(e)},e.label))}))))}},905:function(e,t,a){e.exports={active:"_3Qdep"}},914:function(e,t,a){"use strict";var n=a(0),r=a.n(n),o=a(881),c=a.n(o),i=a(889),l=a.n(i),u=a(33),s=a(34),m=a(875),d=a(7),f=a(49),p=a(45),v=a(168),b=a(866),y=a(876),g=35,h=365,E={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},j={day:"D MMM",month:"MMM",year:"YYYY"},w={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},O={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"}}},N=d.a.encloseNamespace("shared.userActivityBarChart");function S(e,t,a,n){var r=f.a.toObject(t,"id"),o=function(e){var t=p.a.timeBetween(e.from,e.to,"day");return t>h?"year":t>g?"month":"day"}(n),c=function(e,t){var a=[],n=p.a.format(e.from,E[t]);do{a.push(n),n=p.a.format(p.a.add(n,1,t),E[t])}while(!p.a.isAfter(n,e.to,t));return a}(n,o),i={};e.forEach((function(e){var t,n,c,l=p.a.format(p.a.convertUTCToLocal(a(e)),E[o]),u=r[e.userId],s=null!==(t=v.a.getUserTypeString(u))&&void 0!==t?t:N("unknown");i[s]=null!==(n=i[s])&&void 0!==n?n:{},i[s][l]=null!==(c=i[s][l])&&void 0!==c?c:0,i[s][l]++}));var l=Object.keys(i),u=l.length?l.map((function(e){return{name:Object(b.b)(e),type:"column",data:c.map((function(t){var a;return null!==(a=i[e][t])&&void 0!==a?a:0}))}})):[{type:"column",data:c.map((function(){return 0}))}],s=Object.assign({},w);return l.length||(s.enabled=!1),{categories:c.map((function(e){return p.a.format(e,j[o])})),legendOptions:s,seriesData:Object(y.a)(u)}}function A(e,t,a,n){var r=S(e,t,a,n);return Object.assign(Object.assign({},O),{xAxis:{categories:r.categories},legend:r.legendOptions,series:r.seriesData})}var C=a(882),k=a.n(C);function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return x(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return 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 a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function D(e){var t=I(Object(u.a)(s.a.DATE_RANGE_QUERY_PARAMS),1)[0];return Object(m.a)(),r.a.createElement("div",{className:"position-relative h-100"},r.a.createElement("h6",{className:k.a.heading},e.title),r.a.createElement(l.a,{highcharts:c.a,options:A(e.events,e.users,e.getEventDate,t),containerProps:{className:"".concat(k.a.chartContainer," position-absolute w-100 h-100")}}))}a.d(t,"a",(function(){return D}))},916:function(e,t,a){"use strict";var n=a(0),r=a.n(n),o=a(23),c=a(7),i=a(870),l=a(251),u=a(209),s=a(872),m=a(900),d=a(890),f=a(867),p=a(208),v=c.a.encloseNamespace("shared.viewCountPieChartEmptyState");function b(e){return r.a.createElement(f.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(f.a.Image,{src:p.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(f.a.Heading,null,v("heading")),r.a.createElement(f.a.Info,{className:"w-100"},v(e.singular?"descriptionSingular":"descriptionMultiple")))}a.d(t,"a",(function(){return g}));var y=c.a.encloseNamespace("shared.viewCountPieChartCard");function g(e){var t,a,n,c,f=Object(l.a)(),p=o.a.useBasicFetch(i.a.views(f,e.objectId)),v=o.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.data.length)&&u.a.getById(p.data.data.map((function(e){return e.userId}))));Object(s.a)(p);var g=(null===(a=p.data)||void 0===a?void 0:a.data.length)?!!v.data:!!p.data;return r.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(n=e.className)&&void 0!==n?n:"")},g?r.a.createElement(m.a,{events:p.data.data,users:null!==(c=v.data)&&void 0!==c?c:[],objectId:e.objectId,yearGroupTitle:y("totalStudentPlays"),userTypeTitle:y("totalPlays"),seriesName:y("plays"),emptyStateComponent:r.a.createElement(b,{singular:!!e.objectId})}):r.a.createElement(d.a,null))}},926:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(0),r=a.n(n),o=a(23),c=a(7),i=a(870),l=a(251),u=a(209),s=a(872),m=a(914),d=a(903),f=c.a.encloseNamespace("shared.viewCountBarChartCard");function p(e){var t,a,n,c,p=Object(l.a)(),v=o.a.useBasicFetch(i.a.views(p,e.objectId)),b=o.a.useBasicFetch((null===(t=v.data)||void 0===t?void 0:t.data.length)&&u.a.getById(v.data.data.map((function(e){return e.userId}))));Object(s.a)(v);var y=(null===(a=v.data)||void 0===a?void 0:a.data.length)?!!b.data:!!v.data;return r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(n=e.className)&&void 0!==n?n:"")},y?r.a.createElement(m.a,{events:v.data.data,users:null!==(c=b.data)&&void 0!==c?c:[],getEventDate:function(e){return e.dateWatched},title:f("videoViews")}):r.a.createElement(d.a,null))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[14],{1471:function(e,t,n){e.exports={column1:"_2UeuV",column2:"_2UKH6"}},1476:function(e,t,n){"use strict";n.r(t),n.d(t,"CustomerVideoOverviewView",(function(){return m}));var a=n(0),r=n.n(a),o=n(7),i=n(865),c=n(869),u=n(926),l=n(916),s=n(1471),d=n.n(s),f=o.a.encloseNamespace("videos.customerVideoOverview");function m(){return Object(i.a)(f("videoOverview")),Object(c.a)(f("videoOverview")),r.a.createElement("div",null,r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"pr-2 ".concat(d.a.column1)},r.a.createElement(l.a,{className:"h-100"})),r.a.createElement("div",{className:"pl-2 ".concat(d.a.column2)},r.a.createElement(u.a,{className:"h-100"}))))}},865:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(28),o=n(253);function i(e){return function(e){if(Array.isArray(e))return c(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 c(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 c(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 c(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 u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=a.useContext(o.a),c=n.setPageTitle;a.useEffect((function(){"boolean"!=typeof e&&r.a.isFunction(c)&&(e||(e=""),c(e))}),[e].concat(i(t)))}},866:function(e,t,n){"use strict";n.d(t,"a",(function(){return u})),n.d(t,"b",(function(){return l}));var a=n(927),r=n(7),o=n(168),i=n(873),c=r.a.encloseNamespace("reportsShared.utils");function u(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)):o.a.getFullName(e)}function l(e){switch(e.toLowerCase()){case i.a.Learner:return c("student");case i.a.Staff:return c("staff");default:return e}}},867:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(883),i=n.n(o);function c(e){var t;return r.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:"".concat(i.a.image," ").concat(null!==(t=e.className)&&void 0!==t?t:"")})}var u=n(3),l=n(28),s=n(211),d=n(41);function f(e){var t=e.className||"btn btn-dark";if(!e.icon){if(e.appLink&&!l.a.isFunction(e.onClick))return r.a.createElement(d.a,{appLink:e.appLink,className:t},e.text);return r.a.createElement("button",{onClick:function(){l.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&u.a.AppLinkHelper.trigger(e.appLink)},className:t},e.text)}return r.a.createElement(s.a,{className:t,onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}function m(e){var t;return r.a.createElement("div",{className:"text-center d-flex flex-column align-items-center ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}n.d(t,"a",(function(){return m})),m.defaultProps={className:"pt-5"},m.Image=function(e){return r.a.createElement(c,Object.assign({},e))},m.Cta=function(e){return r.a.createElement(f,Object.assign({},e))},m.Heading=function(e){return r.a.createElement("h2",{className:e.className||"h6"},e.children)},m.Info=function(e){return r.a.createElement("p",{className:e.className||"mb-3 w-50"},e.children)}},869:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(33),o=n(34);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(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 c(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 c(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 u(e){var t=i(Object(r.a)(o.a.HEADER_TITLE),2)[1];Object(a.useEffect)((function(){return t(e),function(){t(null)}}),[e])}},870:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(89),r=n(888),o={views:function(e,t,n,o,i){var c="video:views";return t&&(c+=":".concat(t)),{url:a.a.urlBuilder("{gateway}/v1/analytics/views",Object.assign({objectId:t},Object(r.a)(e))),key:Object(r.b)(c,e),normalize:!1,success:n,error:o,always:i}},individualEngagement:function(e,t,n,o,i){return{url:a.a.urlBuilder("{gateway}/v1/analytics/heat-map",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{data:null===(t=e.data)||void 0===t?void 0:t.map((function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})}))})},normalize:!1,success:n,error:o,always:i}},aggregateEngagement:function(e,t,n,o,i){return{url:a.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregations",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("aggregate:engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})},normalize:!1,success:n,error:o,always:i}}}},871: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}))},872:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(33),o=n(34);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(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 c(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 c(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 u(e){var t,n=i(Object(r.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(a.useEffect)((function(){e.data?n(e.data.count):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.count])}},873:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(a||(a={}))},874:function(e,t,n){e.exports={totalCount:"_3a-8G",chartContainer:"_1QY5r",partialHeading:"l-ees",partialSelector:"_1Jzj5",partialCount:"_2mo-l"}},875:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(33),r=n(34);function o(){Object(a.a)(r.a.LEFT_NAV_STATE)}},876:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function r(e){return e.map((function(e,t){return Object.assign(Object.assign({},e),{color:a[t%a.length]})}))}},880:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(45);function r(e){var t=a.a.convertDateToUTC(e);return a.a.format(t,"YYYY-MM-DDTHH:mm:ss")}},882:function(e,t,n){e.exports={chartContainer:"_1iuz3",heading:"_1lJg9",partialHeading:"_2Z6oG"}},883:function(e,t,n){e.exports={image:"_3T3Ux"}},888:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return l}));var a=n(45),r=n(880),o=n(871);function i(e){return function(e){if(Array.isArray(e))return c(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 c(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 c(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 c(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 u(e,t){var n=Object(o.a)(t);return n?e+":".concat(n):e}function l(e){var t,n,o=Object(r.a)(a.a.startOf(e.from,"day")),c=Object(r.a)(a.a.endOf(e.to,"day"));return{userId:e.users,groupId:[].concat(i(null!==(t=e.classrooms)&&void 0!==t?t:[]),i(null!==(n=e.classroomGroups)&&void 0!==n?n:[])),start:o,end:c}}},890:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),r=n.n(a),o=n(874),i=n.n(o);function c(){return r.a.createElement("div",{className:"d-flex align-items-start justify-content-between"},r.a.createElement("div",null,r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)}),r.a.createElement("div",{className:"partial-loading-background ".concat(i.a.partialCount)})),r.a.createElement("div",{className:"partial-loading-background rounded ".concat(i.a.partialSelector)}))}},900:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(881),i=n.n(o),c=n(889),u=n.n(c),l=n(11),s=n(7),d=n(875),f=n(49),m=n(873),p=n(168),v=n(866),y=n(876),b={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0}}},g=s.a.encloseNamespace("shared.userActivityPieChart");function h(e,t){return Object.assign(Object.assign({},b),{series:[{type:"pie",name:t,data:e}]})}var j=n(874),O=n.n(j);function E(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return w(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 w(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 w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"a",(function(){return I}));var A=s.a.encloseNamespace("shared.userActivityPieChart"),S=["yearGroup","userType"],N={yearGroup:"yearGroups",userType:"userType"};function C(e){return r.a.createElement(l.Dropdown,{alignRight:!0},r.a.createElement(l.Dropdown.Toggle,{id:"group-by-dropdown",variant:"outline-dark",className:"no-caret"},A("yearGroup"===e.selectedOption?"yearGroups":"userType")),r.a.createElement(l.Dropdown.Menu,null,S.map((function(t,n){return e.selectedOption!==t&&r.a.createElement(l.Dropdown.Item,{key:n,onSelect:function(){return e.onSelect(t)}},A(N[t]))}))))}function I(e){var t=E(r.a.useState("yearGroup"),2),n=t[0],a=t[1];Object(d.a)();var o,c,l,s,b="yearGroup"===n?(o=e.events,c=e.users,l=f.a.toObject(c,"id"),s={},o.forEach((function(e){var t,n,a,r,o=l[e.userId];if(p.a.getUserTypeString(o)===m.a.Learner){var i=null!==(a=null===(n=null===(t=null==o?void 0:o._yearGroup)||void 0===t?void 0:t.value)||void 0===n?void 0:n.name)&&void 0!==a?a:g("unknown");i&&(s[i]=null!==(r=s[i])&&void 0!==r?r:0,s[i]++)}})),Object(y.a)(f.a.sortBy(Object.keys(s).map((function(e){return{name:e,y:s[e],type:"pie"}})),"name"))):function(e,t){var n=f.a.toObject(t,"id"),a={};return e.forEach((function(e){var t,r,o=n[e.userId],i=null!==(t=p.a.getUserTypeString(o))&&void 0!==t?t:g("unknown");a[i]=null!==(r=a[i])&&void 0!==r?r:0,a[i]++})),Object(y.a)(f.a.sortBy(Object.keys(a).map((function(e){return{name:Object(v.b)(e),y:a[e],type:"pie"}})),"name"))}(e.events,e.users);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-start justify-content-between w-100"},r.a.createElement("div",null,r.a.createElement("h6",{className:"m-0"},"yearGroup"===n?e.yearGroupTitle:e.userTypeTitle),r.a.createElement("strong",{className:O.a.totalCount},function(e){return e.reduce((function(e,t){return e+t.y}),0)}(b))),r.a.createElement(C,{selectedOption:n,onSelect:a})),b.length?r.a.createElement(u.a,{highcharts:i.a,options:h(b,e.seriesName),containerProps:{className:"".concat(O.a.chartContainer," position-absolute w-100 h-75 flex-grow-1")}}):e.emptyStateComponent)}},903:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),r=n.n(a),o=n(882),i=n.n(o);function c(){return r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)})}},914:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(881),i=n.n(o),c=n(889),u=n.n(c),l=n(33),s=n(34),d=n(875),f=n(7),m=n(49),p=n(45),v=n(168),y=n(866),b=n(876),g=35,h=365,j={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},O={day:"D MMM",month:"MMM",year:"YYYY"},E={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},w={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"}}},A=f.a.encloseNamespace("shared.userActivityBarChart");function S(e,t,n,a){var r=m.a.toObject(t,"id"),o=function(e){var t=p.a.timeBetween(e.from,e.to,"day");return t>h?"year":t>g?"month":"day"}(a),i=function(e,t){var n=[],a=p.a.format(e.from,j[t]);do{n.push(a),a=p.a.format(p.a.add(a,1,t),j[t])}while(!p.a.isAfter(a,e.to,t));return n}(a,o),c={};e.forEach((function(e){var t,a,i,u=p.a.format(p.a.convertUTCToLocal(n(e)),j[o]),l=r[e.userId],s=null!==(t=v.a.getUserTypeString(l))&&void 0!==t?t:A("unknown");c[s]=null!==(a=c[s])&&void 0!==a?a:{},c[s][u]=null!==(i=c[s][u])&&void 0!==i?i:0,c[s][u]++}));var u=Object.keys(c),l=u.length?u.map((function(e){return{name:Object(y.b)(e),type:"column",data:i.map((function(t){var n;return null!==(n=c[e][t])&&void 0!==n?n:0}))}})):[{type:"column",data:i.map((function(){return 0}))}],s=Object.assign({},E);return u.length||(s.enabled=!1),{categories:i.map((function(e){return p.a.format(e,O[o])})),legendOptions:s,seriesData:Object(b.a)(l)}}function N(e,t,n,a){var r=S(e,t,n,a);return Object.assign(Object.assign({},w),{xAxis:{categories:r.categories},legend:r.legendOptions,series:r.seriesData})}var C=n(882),I=n.n(C);function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return T(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 T(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 T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function x(e){var t=k(Object(l.a)(s.a.DATE_RANGE_QUERY_PARAMS),1)[0];return Object(d.a)(),r.a.createElement("div",{className:"position-relative h-100"},r.a.createElement("h6",{className:I.a.heading},e.title),r.a.createElement(u.a,{highcharts:i.a,options:N(e.events,e.users,e.getEventDate,t),containerProps:{className:"".concat(I.a.chartContainer," position-absolute w-100 h-100")}}))}n.d(t,"a",(function(){return x}))},916:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(23),i=n(7),c=n(870),u=n(251),l=n(209),s=n(872),d=n(900),f=n(890),m=n(867),p=n(208),v=i.a.encloseNamespace("shared.viewCountPieChartEmptyState");function y(e){return r.a.createElement(m.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(m.a.Image,{src:p.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(m.a.Heading,null,v("heading")),r.a.createElement(m.a.Info,{className:"w-100"},v(e.singular?"descriptionSingular":"descriptionMultiple")))}n.d(t,"a",(function(){return g}));var b=i.a.encloseNamespace("shared.viewCountPieChartCard");function g(e){var t,n,a,i,m=Object(u.a)(),p=o.a.useBasicFetch(c.a.views(m,e.objectId)),v=o.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.data.length)&&l.a.getById(p.data.data.map((function(e){return e.userId}))));Object(s.a)(p);var g=(null===(n=p.data)||void 0===n?void 0:n.data.length)?!!v.data:!!p.data;return r.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(a=e.className)&&void 0!==a?a:"")},g?r.a.createElement(d.a,{events:p.data.data,users:null!==(i=v.data)&&void 0!==i?i:[],objectId:e.objectId,yearGroupTitle:b("totalStudentPlays"),userTypeTitle:b("totalPlays"),seriesName:b("plays"),emptyStateComponent:r.a.createElement(y,{singular:!!e.objectId})}):r.a.createElement(f.a,null))}},926:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var a=n(0),r=n.n(a),o=n(23),i=n(7),c=n(870),u=n(251),l=n(209),s=n(872),d=n(914),f=n(903),m=i.a.encloseNamespace("shared.viewCountBarChartCard");function p(e){var t,n,a,i,p=Object(u.a)(),v=o.a.useBasicFetch(c.a.views(p,e.objectId)),y=o.a.useBasicFetch((null===(t=v.data)||void 0===t?void 0:t.data.length)&&l.a.getById(v.data.data.map((function(e){return e.userId}))));Object(s.a)(v);var b=(null===(n=v.data)||void 0===n?void 0:n.data.length)?!!y.data:!!v.data;return r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},b?r.a.createElement(d.a,{events:v.data.data,users:null!==(i=y.data)&&void 0!==i?i:[],getEventDate:function(e){return e.dateWatched},title:m("videoViews")}):r.a.createElement(f.a,null))}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[14],{1471:function(e,t,n){e.exports={column1:"_2UeuV",column2:"_2UKH6"}},1476:function(e,t,n){"use strict";n.r(t),n.d(t,"CustomerVideoOverviewView",(function(){return m}));var a=n(0),r=n.n(a),o=n(7),i=n(865),c=n(869),u=n(926),l=n(916),s=n(1471),d=n.n(s),f=o.a.encloseNamespace("videos.customerVideoOverview");function m(){return Object(i.a)(f("videoOverview")),Object(c.a)(f("videoOverview")),r.a.createElement("div",null,r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"pr-2 ".concat(d.a.column1)},r.a.createElement(l.a,{className:"h-100"})),r.a.createElement("div",{className:"pl-2 ".concat(d.a.column2)},r.a.createElement(u.a,{className:"h-100"}))))}},865:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(26),o=n(253);function i(e){return function(e){if(Array.isArray(e))return c(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 c(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 c(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 c(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 u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=a.useContext(o.a),c=n.setPageTitle;a.useEffect((function(){"boolean"!=typeof e&&r.a.isFunction(c)&&(e||(e=""),c(e))}),[e].concat(i(t)))}},866:function(e,t,n){"use strict";n.d(t,"a",(function(){return u})),n.d(t,"b",(function(){return l}));var a=n(927),r=n(7),o=n(168),i=n(873),c=r.a.encloseNamespace("reportsShared.utils");function u(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)):o.a.getFullName(e)}function l(e){switch(e.toLowerCase()){case i.a.Learner:return c("student");case i.a.Staff:return c("staff");default:return e}}},867:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(883),i=n.n(o);function c(e){var t;return r.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:"".concat(i.a.image," ").concat(null!==(t=e.className)&&void 0!==t?t:"")})}var u=n(3),l=n(26),s=n(211),d=n(41);function f(e){var t=e.className||"btn btn-dark";if(!e.icon){if(e.appLink&&!l.a.isFunction(e.onClick))return r.a.createElement(d.a,{appLink:e.appLink,className:t},e.text);return r.a.createElement("button",{onClick:function(){l.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&u.a.AppLinkHelper.trigger(e.appLink)},className:t},e.text)}return r.a.createElement(s.a,{className:t,onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}function m(e){var t;return r.a.createElement("div",{className:"text-center d-flex flex-column align-items-center ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}n.d(t,"a",(function(){return m})),m.defaultProps={className:"pt-5"},m.Image=function(e){return r.a.createElement(c,Object.assign({},e))},m.Cta=function(e){return r.a.createElement(f,Object.assign({},e))},m.Heading=function(e){return r.a.createElement("h2",{className:e.className||"h6"},e.children)},m.Info=function(e){return r.a.createElement("p",{className:e.className||"mb-3 w-50"},e.children)}},869:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(33),o=n(34);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(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 c(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 c(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 u(e){var t=i(Object(r.a)(o.a.HEADER_TITLE),2)[1];Object(a.useEffect)((function(){return t(e),function(){t(null)}}),[e])}},870:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(89),r=n(888),o={views:function(e,t,n,o,i){var c="video:views";return t&&(c+=":".concat(t)),{url:a.a.urlBuilder("{gateway}/v1/analytics/views",Object.assign({objectId:t},Object(r.a)(e))),key:Object(r.b)(c,e),normalize:!1,success:n,error:o,always:i}},individualEngagement:function(e,t,n,o,i){return{url:a.a.urlBuilder("{gateway}/v1/analytics/heat-map",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{data:null===(t=e.data)||void 0===t?void 0:t.map((function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})}))})},normalize:!1,success:n,error:o,always:i}},aggregateEngagement:function(e,t,n,o,i){return{url:a.a.urlBuilder("{gateway}/v1/analytics/heat-map/aggregations",Object.assign({objectId:e},Object(r.a)(t))),key:Object(r.b)("aggregate:engagement:".concat(e),t),formatData:function(e){var t;return Object.assign(Object.assign({},e),{heatMap:null!==(t=e.heatMap)&&void 0!==t?t:[]})},normalize:!1,success:n,error:o,always:i}}}},871: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}))},872:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(33),o=n(34);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(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 c(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 c(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 u(e){var t,n=i(Object(r.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(a.useEffect)((function(){e.data?n(e.data.count):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.count])}},873:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(a||(a={}))},874:function(e,t,n){e.exports={totalCount:"_3a-8G",chartContainer:"_1QY5r",partialHeading:"l-ees",partialSelector:"_1Jzj5",partialCount:"_2mo-l"}},875:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(33),r=n(34);function o(){Object(a.a)(r.a.LEFT_NAV_STATE)}},876:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function r(e){return e.map((function(e,t){return Object.assign(Object.assign({},e),{color:a[t%a.length]})}))}},880:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(45);function r(e){var t=a.a.convertDateToUTC(e);return a.a.format(t,"YYYY-MM-DDTHH:mm:ss")}},882:function(e,t,n){e.exports={chartContainer:"_1iuz3",heading:"_1lJg9",partialHeading:"_2Z6oG"}},883:function(e,t,n){e.exports={image:"_3T3Ux"}},888:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return l}));var a=n(45),r=n(880),o=n(871);function i(e){return function(e){if(Array.isArray(e))return c(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 c(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 c(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 c(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 u(e,t){var n=Object(o.a)(t);return n?e+":".concat(n):e}function l(e){var t,n,o=Object(r.a)(a.a.startOf(e.from,"day")),c=Object(r.a)(a.a.endOf(e.to,"day"));return{userId:e.users,groupId:[].concat(i(null!==(t=e.classrooms)&&void 0!==t?t:[]),i(null!==(n=e.classroomGroups)&&void 0!==n?n:[])),start:o,end:c}}},890:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),r=n.n(a),o=n(874),i=n.n(o);function c(){return r.a.createElement("div",{className:"d-flex align-items-start justify-content-between"},r.a.createElement("div",null,r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)}),r.a.createElement("div",{className:"partial-loading-background ".concat(i.a.partialCount)})),r.a.createElement("div",{className:"partial-loading-background rounded ".concat(i.a.partialSelector)}))}},900:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(881),i=n.n(o),c=n(889),u=n.n(c),l=n(11),s=n(7),d=n(875),f=n(49),m=n(873),p=n(168),v=n(866),y=n(876),b={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0}}},g=s.a.encloseNamespace("shared.userActivityPieChart");function h(e,t){return Object.assign(Object.assign({},b),{series:[{type:"pie",name:t,data:e}]})}var j=n(874),O=n.n(j);function E(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return w(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 w(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 w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"a",(function(){return I}));var A=s.a.encloseNamespace("shared.userActivityPieChart"),S=["yearGroup","userType"],N={yearGroup:"yearGroups",userType:"userType"};function C(e){return r.a.createElement(l.Dropdown,{alignRight:!0},r.a.createElement(l.Dropdown.Toggle,{id:"group-by-dropdown",variant:"outline-dark",className:"no-caret"},A("yearGroup"===e.selectedOption?"yearGroups":"userType")),r.a.createElement(l.Dropdown.Menu,null,S.map((function(t,n){return e.selectedOption!==t&&r.a.createElement(l.Dropdown.Item,{key:n,onSelect:function(){return e.onSelect(t)}},A(N[t]))}))))}function I(e){var t=E(r.a.useState("yearGroup"),2),n=t[0],a=t[1];Object(d.a)();var o,c,l,s,b="yearGroup"===n?(o=e.events,c=e.users,l=f.a.toObject(c,"id"),s={},o.forEach((function(e){var t,n,a,r,o=l[e.userId];if(p.a.getUserTypeString(o)===m.a.Learner){var i=null!==(a=null===(n=null===(t=null==o?void 0:o._yearGroup)||void 0===t?void 0:t.value)||void 0===n?void 0:n.name)&&void 0!==a?a:g("unknown");i&&(s[i]=null!==(r=s[i])&&void 0!==r?r:0,s[i]++)}})),Object(y.a)(f.a.sortBy(Object.keys(s).map((function(e){return{name:e,y:s[e],type:"pie"}})),"name"))):function(e,t){var n=f.a.toObject(t,"id"),a={};return e.forEach((function(e){var t,r,o=n[e.userId],i=null!==(t=p.a.getUserTypeString(o))&&void 0!==t?t:g("unknown");a[i]=null!==(r=a[i])&&void 0!==r?r:0,a[i]++})),Object(y.a)(f.a.sortBy(Object.keys(a).map((function(e){return{name:Object(v.b)(e),y:a[e],type:"pie"}})),"name"))}(e.events,e.users);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-start justify-content-between w-100"},r.a.createElement("div",null,r.a.createElement("h6",{className:"m-0"},"yearGroup"===n?e.yearGroupTitle:e.userTypeTitle),r.a.createElement("strong",{className:O.a.totalCount},function(e){return e.reduce((function(e,t){return e+t.y}),0)}(b))),r.a.createElement(C,{selectedOption:n,onSelect:a})),b.length?r.a.createElement(u.a,{highcharts:i.a,options:h(b,e.seriesName),containerProps:{className:"".concat(O.a.chartContainer," position-absolute w-100 h-75 flex-grow-1")}}):e.emptyStateComponent)}},903:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),r=n.n(a),o=n(882),i=n.n(o);function c(){return r.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)})}},914:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(881),i=n.n(o),c=n(889),u=n.n(c),l=n(33),s=n(34),d=n(875),f=n(7),m=n(49),p=n(45),v=n(168),y=n(866),b=n(876),g=35,h=365,j={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},O={day:"D MMM",month:"MMM",year:"YYYY"},E={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},w={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"}}},A=f.a.encloseNamespace("shared.userActivityBarChart");function S(e,t,n,a){var r=m.a.toObject(t,"id"),o=function(e){var t=p.a.timeBetween(e.from,e.to,"day");return t>h?"year":t>g?"month":"day"}(a),i=function(e,t){var n=[],a=p.a.format(e.from,j[t]);do{n.push(a),a=p.a.format(p.a.add(a,1,t),j[t])}while(!p.a.isAfter(a,e.to,t));return n}(a,o),c={};e.forEach((function(e){var t,a,i,u=p.a.format(p.a.convertUTCToLocal(n(e)),j[o]),l=r[e.userId],s=null!==(t=v.a.getUserTypeString(l))&&void 0!==t?t:A("unknown");c[s]=null!==(a=c[s])&&void 0!==a?a:{},c[s][u]=null!==(i=c[s][u])&&void 0!==i?i:0,c[s][u]++}));var u=Object.keys(c),l=u.length?u.map((function(e){return{name:Object(y.b)(e),type:"column",data:i.map((function(t){var n;return null!==(n=c[e][t])&&void 0!==n?n:0}))}})):[{type:"column",data:i.map((function(){return 0}))}],s=Object.assign({},E);return u.length||(s.enabled=!1),{categories:i.map((function(e){return p.a.format(e,O[o])})),legendOptions:s,seriesData:Object(b.a)(l)}}function N(e,t,n,a){var r=S(e,t,n,a);return Object.assign(Object.assign({},w),{xAxis:{categories:r.categories},legend:r.legendOptions,series:r.seriesData})}var C=n(882),I=n.n(C);function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return T(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 T(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 T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function x(e){var t=k(Object(l.a)(s.a.DATE_RANGE_QUERY_PARAMS),1)[0];return Object(d.a)(),r.a.createElement("div",{className:"position-relative h-100"},r.a.createElement("h6",{className:I.a.heading},e.title),r.a.createElement(u.a,{highcharts:i.a,options:N(e.events,e.users,e.getEventDate,t),containerProps:{className:"".concat(I.a.chartContainer," position-absolute w-100 h-100")}}))}n.d(t,"a",(function(){return x}))},916:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(23),i=n(7),c=n(870),u=n(251),l=n(209),s=n(872),d=n(900),f=n(890),m=n(867),p=n(208),v=i.a.encloseNamespace("shared.viewCountPieChartEmptyState");function y(e){return r.a.createElement(m.a,{className:"flex-grow-1 justify-content-center"},r.a.createElement(m.a.Image,{src:p.a.EmptyStates.Shared.ViewCount,className:"w-75 pb-0"}),r.a.createElement(m.a.Heading,null,v("heading")),r.a.createElement(m.a.Info,{className:"w-100"},v(e.singular?"descriptionSingular":"descriptionMultiple")))}n.d(t,"a",(function(){return g}));var b=i.a.encloseNamespace("shared.viewCountPieChartCard");function g(e){var t,n,a,i,m=Object(u.a)(),p=o.a.useBasicFetch(c.a.views(m,e.objectId)),v=o.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.data.length)&&l.a.getById(p.data.data.map((function(e){return e.userId}))));Object(s.a)(p);var g=(null===(n=p.data)||void 0===n?void 0:n.data.length)?!!v.data:!!p.data;return r.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(a=e.className)&&void 0!==a?a:"")},g?r.a.createElement(d.a,{events:p.data.data,users:null!==(i=v.data)&&void 0!==i?i:[],objectId:e.objectId,yearGroupTitle:b("totalStudentPlays"),userTypeTitle:b("totalPlays"),seriesName:b("plays"),emptyStateComponent:r.a.createElement(y,{singular:!!e.objectId})}):r.a.createElement(f.a,null))}},926:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var a=n(0),r=n.n(a),o=n(23),i=n(7),c=n(870),u=n(251),l=n(209),s=n(872),d=n(914),f=n(903),m=i.a.encloseNamespace("shared.viewCountBarChartCard");function p(e){var t,n,a,i,p=Object(u.a)(),v=o.a.useBasicFetch(c.a.views(p,e.objectId)),y=o.a.useBasicFetch((null===(t=v.data)||void 0===t?void 0:t.data.length)&&l.a.getById(v.data.data.map((function(e){return e.userId}))));Object(s.a)(v);var b=(null===(n=v.data)||void 0===n?void 0:n.data.length)?!!y.data:!!v.data;return r.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},b?r.a.createElement(d.a,{events:v.data.data,users:null!==(i=y.data)&&void 0!==i?i:[],getEventDate:function(e){return e.dateWatched},title:m("videoViews")}):r.a.createElement(f.a,null))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[15],{1073:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1100:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(871),i=n(251);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||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,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t=c(Object(r.useState)(!1),2),n=t[0],o=t[1],l=Object(a.a)(Object(i.a)());return Object(r.useEffect)((function(){o((function(e){return!e}))}),[e.isFetching]),Object(r.useEffect)((function(){o((function(e){return!e}))}),[l]),n}},1101:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(33),i=n(34);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||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,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t,n=c(Object(a.a)(i.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(r.useEffect)((function(){e.data?n(e.data.studentCount):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},1102:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),i=n(7),c=n(100),o=n(878),l=i.a.encloseNamespace("interactives.pendingIndicator");function s(e){var t=function(){var t;return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("em",null,l("pending")),a.a.createElement(o.a,null))};return e.title?a.a.createElement(c.a,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100"},a.a.createElement(t,null)):a.a.createElement(t,null)}},1104:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var r=n(0),a=n(79),i=n(23),c=n(7),o=n(902),l=n(879),s=n(877);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=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)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,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=c.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var c=u(Object(r.useState)({}),2),d=c[0],f=c[1],v=Object(a.useDispatch)(),b=Object(o.a)();return{markedAnswers:d,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(r={},a=Object(s.c)(e),i=Object.assign(Object.assign({},e),{status:t}),a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r));var r,a,i}))}))},submitMarkedAnswers:function(){var r=Object.keys(d).map((function(e){return d[e]}));if(r.length){var a=0,c=0;r.forEach((function(n){var r=n.id,a=n.resultId,c=n.questionId,u=n.status;i.a.fetch(v,l.a.mark(e,t,r,{id:r,resultId:a,questionId:c,status:u},o,null,s))}))}function o(){c++}function s(){++a===r.length&&function(){var e="",t=!1;0===c&&(e=m("error",{smartCount:r.length}),t=!0);c<a&&(e=m("success",{smartCount:c})+" ".concat(m("partialError",{smartCount:a-c})));c===a&&(e=m("success",{smartCount:c}));t?b.error(e):b.success(e),f({}),n&&n()}()}}}}},1105:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1106:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1107:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1128:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(169),c=n(168),o=n(892),l=n(919),s=n(893),u=n(918);var d=n(15),m=n(16),f=n(1105),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 a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,c){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:c});var l=o?"bg-info text-white":e.unCheckedBackground,s=function(){return a.a.createElement(a.a.Fragment,null,b[c])};e.showFeedback&&(l=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.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(r,!o)}};return a.a.createElement(a.a.Fragment,{key:c},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n d-block\n rounded-lg\n shadow-sm\n mb-2\n ".concat("sm"===e.size?"p-2":"p-3","\n d-flex\n justify-content-between\n position-relative\n ").concat(e.showFeedback?"":"cursor-pointer","\n ").concat(v.a.answer,"\n ").concat(l),key:c,htmlFor:r.id},u),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(s,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:v.a.avatarContainer},o&&a.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}g.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(1073),h=n.n(p);var y=n(49);var w,E=n(1106),S=n.n(E);function k(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.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,r){var c=e.getSelectedAnswer(n.id),o=c?"bg-info text-white":e.unCheckedBackground,l=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(S.a.incorrect),e.hideFeedbackIcons||(l=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,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(o)},s),a.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,a.a.createElement("span",{className:"position-absolute p-2 ".concat(S.a.feedback)},a.a.createElement(l,null)),a.a.createElement("span",{className:"".concat(S.a.avatarContainer).concat("sm"===e.size?" ".concat(S.a.avatarContainerSmall):"")},c&&a.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function N(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}k.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var C=function(){return a.a.createElement(a.a.Fragment,null)},I=(N(w={},s.InteractionTypeId.Annotation,C),N(w,s.InteractionTypeId.Image,C),N(w,s.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"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(i){var c=e.answers.find((function(e){return e.id==i.id}));if(c){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},c.text);var o=c.status===u.a.Correct;return a.a.createElement(a.a.Fragment,{key:n},!o&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,c.text))," "),a.a.createElement("strong",{className:"text-success"},i.name))}}})))})),N(w,s.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,i,o="my-2";return e.reportsStyling&&(o+=" mx-2"),a.a.createElement("div",{className:o},a.a.createElement(g,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),N(w,s.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,i,o="justify-content-start";return e.reportsStyling&&(o="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(k,{className:o,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===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),N(w,s.InteractionTypeId.ShortAnswer,(function(e){var t=y.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),w),A=n(7).a.encloseNamespace("interactives.responseTypes");function j(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,A("noResponse")))}var x=n(891);function O(e){return a.a.createElement(a.a.Fragment,null,e.correctness===x.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===x.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(d.a,{svgName:m.b.Close})))}function F(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||c.a.getFullName(e.studentResults.user)),a.a.createElement(O,{correctness:e.correctness}))}function R(e){return e.correctness!==x.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n ".concat(e.markedStatus===u.a.Correct?"text-success":"")},a.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)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},a.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(1107),U=n.n(M);function T(e){var t,n,r,s,u,d=I[e.interaction.typeId];if(!d)return a.a.createElement(a.a.Fragment,null);var m=Object(o.d)(e.studentResults),f=Object(o.c)(e.interaction.id,m),v=l.a.isInteractionCorrect(e.interaction,m);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:U.a.avatarContainer},a.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===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(s=e.studentResults.user)||void 0===s?void 0:s.avatar)||void 0===u?void 0:u.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(F,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?a.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}):a.a.createElement(j,null)),!e.showStudentDetails&&a.a.createElement(O,{correctness:v})))),a.a.createElement(R,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},1139:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},1301:function(e,t,n){e.exports={row:"nfUpJ"}},1481:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),i=n(23),c=n(7),o=n(865),l=n(124),s=n(184),u=n(201);function d(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=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)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,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=c.a.encloseNamespace("shared.confirmationPopup");function v(e){var t=d(r.useState(!1),2),n=t[0],a=t[1],i=[{variant:e.cancelButtonVariant,onClick:e.closePopup,buttonText:e.cancelButtonText||f("cancel")},{variant:e.confirmButtonVariant,onClick:function(){a(!0),e.onClickConfirm()},buttonText:e.confirmButtonText||f("confirm"),isSpinnerButton:!0,showSpinner:n}];return r.createElement(s.a,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(u.a,{buttons:i})))}v.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var b=n(879),g=n(869),p=n(1104),h=n(1077),y=n(251),w=n(928),E=n(906),S=n(929),k=n(1100),N=n(1099),C=n(1101),I=n(1079),A=n(119),j=n(877),x=n(915),O=n(33),F=n(891),R=n(867),M=n(919),U=n(892),T=n(1128),B=n(208),_=n(34),L=n(866),P=c.a.encloseNamespace("interactives.submitMarkedAnswers");function D(e){return a.a.createElement("div",{className:"d-flex justify-content-end pt-2"},a.a.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},P("submitAnswers")))}var z=n(917),H=n(1139),K=n.n(H),$=c.a.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a.a.createElement("div",{className:"rounded bg-white"},a.a.createElement("div",{className:"p-2 position-relative"},a.a.createElement("div",{className:"d-flex"},a.a.createElement(z.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),e.awaitingMarking&&a.a.createElement("div",{className:K.a.awaitingMarking}),!!n&&a.a.createElement("div",{className:"mt-2"},a.a.createElement("strong",null,$("suggestedResponse")),a.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=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return V(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return V(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var J=c.a.encloseNamespace("interactives.interactionResponseList");function G(e){var t,n,r=(n=e.interaction,e.results.students.filter((function(e){return M.a.isInteractionCorrect(n,Object(U.d)(e))===F.a.AwaitingMarking}))),i=Object.keys(e.markedAnswers).length,c=W(Object(O.a)(_.a.ANONYMISE_USERS),1)[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?a.a.createElement(a.a.Fragment,null,a.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!r.length}),!!r.length&&a.a.createElement(D,{submit:e.submitMarkedAnswers,disabled:!i}),a.a.createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var i=r.some((function(e){return e.user.id===t.user.id}));return a.a.createElement("li",{key:n,className:"position-relative mt-2"},a.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(L.a)(t.user,!0):null,className:"bg-white p-2",showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}),i&&a.a.createElement("div",{className:K.a.awaitingMarking}))}))),!!r.length&&a.a.createElement(D,{submit:e.submitMarkedAnswers,disabled:!i})):a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!r.length}),a.a.createElement(R.a,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},a.a.createElement(R.a.Image,{src:B.a.EmptyStates.Interactives.NoResponses}),a.a.createElement(R.a.Heading,null,J("emptyStateHeading")),a.a.createElement(R.a.Info,null,J("emptyStateDescription"))))}var Q=c.a.encloseNamespace("interactives.selectedInteractionEmptyState");function X(){return a.a.createElement(R.a,{className:"rounded h-100 bg-white justify-content-center py-4"},a.a.createElement(R.a.Image,{src:B.a.EmptyStates.Interactives.SelectQuestion}),a.a.createElement(R.a.Heading,null,Q("emptyStateText")))}var Y=n(878),Z=n(1102),ee=c.a.encloseNamespace("interactives.questionTable");function te(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 ne(e){var t;return a.a.createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function re(e){return a.a.createElement(ne,{className:e.column.isSorted&&"font-weight-bold"},ee(e.phraseKey))}var ae=n(1301),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(ae).a.row),selectedRow:"bg-light",sortIndicator:"ml-2"};function ce(e){var t,n,r,i=(t=e.interactive,n=e.results,r=e.refreshTable,a.a.useMemo((function(){return Object(U.b)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(j.b)(e,n)})}))}),[r])),c=e.selectedInteractionId&&Object(j.a)(e.interactive,e.selectedInteractionId);return a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-6"},a.a.createElement(x.a,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return a.a.createElement(ne,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return a.a.createElement(ne,null,a.a.createElement("div",{className:"clamp-1"},a.a.createElement(z.a,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?a.a.createElement("div",{className:"d-flex w-75"},a.a.createElement(Z.a,{title:ee("markingRequired"),className:"flex-grow-1"})):a.a.createElement("div",{className:"w-75"},a.a.createElement(Y.a,{percentage:n,layout:Y.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})),a.a.createElement("div",{className:"col-6"},!!c&&a.a.createElement(G,{interaction:c,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!c&&a.a.createElement(X,null)))}function oe(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=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return le(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 le(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 le(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}n.d(t,"InteractiveQuestionListView",(function(){return ue}));var se=c.a.encloseNamespace("interactives.interactiveQuestionList");function ue(e){var t,n,r,c,s,u=oe(a.a.useState(!1),2),d=u[0],m=u[1],f=Object(y.a)(),A=i.a.useBasicFetch(b.a.interactiveMetadata(e.interactiveMetadataId)),j=i.a.useBasicFetch((null===(t=A.data)||void 0===t?void 0:t.interactiveId)?b.a.interactive(A.data.interactiveId):null),x=i.a.useBasicFetch(j.data?b.a.interactiveResultSet(A.data.interactiveId,A.data.id,f):null),O=i.a.useBasicFetch(l.a.config());Object(o.a)(A.data?se("pageTitle",{interactive:A.data.name}):""),Object(g.a)(null===(n=A.data)||void 0===n?void 0:n.name),Object(w.a)(Object(I.a)()),Object(N.a)(e.interactiveMetadataId),Object(C.a)(x),Object(h.a)(A);var F=Object(k.a)(x),R=Object(p.a)(null===(r=j.data)||void 0===r?void 0:r.id,null===(c=A.data)||void 0===c?void 0:c.id,(function(){return m(!1)})),M=R.markedAnswers,U=R.addMarkedAnswers,T=R.submitMarkedAnswers,B=!!j.data&&!!x.data&&!!O.data;return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",null,a.a.createElement(S.a,{interactiveMetadataId:e.interactiveMetadataId}),B?a.a.createElement(ce,{interactive:j.data,results:x.data,markedAnswers:M,addMarkedAnswers:U,submitMarkedAnswers:function(){return m(!0)},imageCdnUrl:O.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:F}):a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-6"},a.a.createElement(E.a,null)))),d&&a.a.createElement(v,{title:se("markPopupTitle",{smartCount:null!==(s=Object.keys(M).length)&&void 0!==s?s:0}),closePopup:function(){return m(!1)},confirmButtonText:se("submit"),confirmButtonVariant:"dark",onClickConfirm:T},a.a.createElement("p",null,se("markPopupBody"))))}},902:function(e,t,n){"use strict";var r=n(0),a=n(66);function i(e){var t,n;return t=e,n=a.a.getInstance(t),r.useEffect((function(){return function(){a.a.releaseInstance(t)}})),n}var c=n(80),o=n(106);function l(){var e=i(o.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 l}))},906:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(907),c=n.n(i);function o(e){var t,n;return a.a.createElement("div",{className:"bg-white rounded ".concat(c.a.table," ").concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"border-bottom ".concat(c.a.header," ").concat(null!==(n=e.headerClassName)&&void 0!==n?n:"")}),e.children)}},907:function(e,t,n){e.exports={table:"_3XPjZ",header:"_1hiMB"}},908:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",hoverText:"p-vNG",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},909:function(e,t,n){e.exports={sortIndicator:"_3ac-N",scrollContainer:"i_8jB"}},915:function(e,t,n){"use strict";var r,a=n(0),i=n.n(a),c=n(901),o=n(15),l=n(16),s=n(908),u=n.n(s);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var d=a.memo((function(e){var t,n,i=e.direction===r.Left,c=i?l.b.ChevronLeft:l.b.ChevronRight,s=(e.contents,t=i,n=u.a.topPos,n+=t?" "+u.a.left:" "+u.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(s," ").concat(u.a.button," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"pl-3 pr-2 ".concat(u.a.hoverText)},e.hoverText),a.createElement(o.a,{svgName:c,size:o.b.Medium,className:"svg-container d-inline-block ".concat(u.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:i?u.a.gradientLeft:u.a.gradientRight}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:i?u.a.extendedClickableAreaLeft:u.a.extendedClickableAreaRight}))})),m=n(28);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){var t,n,r,a;return{canScrollLeft:(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0,canScrollRight:(null===(n=e.current)||void 0===n?void 0:n.scrollLeft)<(null===(r=e.current)||void 0===r?void 0:r.scrollWidth)-(null===(a=e.current)||void 0===a?void 0:a.clientWidth)}}var g=n(909),p=n.n(g);function h(e){return function(e){if(Array.isArray(e))return y(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 y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(e,t)}(e)||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 y(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}n.d(t,"a",(function(){return S}));var w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function E(e){var t,n,r,a,s,u,d,m,f={columns:e.columns,data:e.data,disableSortBy:!e.enableSort,manualSortBy:e.manualSort};e.initialSelectedRowIds&&(f.initialState={selectedRowIds:(d=e.initialSelectedRowIds,m={},d.forEach((function(e){return m[e]=!0})),m)}),e.getRowId&&(f.getRowId=e.getRowId);var v=c.useTable.apply(void 0,[f].concat(h([c.useFlexLayout,c.useSortBy,c.useRowSelect]))),b=v.getTableProps,g=v.getTableBodyProps,y=v.headerGroups,w=v.rows,E=v.prepareRow,S=v.toggleAllRowsSelected,k=v.state.sortBy;return i.a.useEffect((function(){e.onSort&&e.onSort(k)}),[k]),i.a.createElement("div",Object.assign({},b(),{className:null!==(n=null===(t=e.theme)||void 0===t?void 0:t.table)&&void 0!==n?n:""}),i.a.createElement("div",{className:null!==(a=null===(r=e.theme)||void 0===r?void 0:r.header)&&void 0!==a?a:""},y.map((function(t){var n,r;return i.a.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerRow)&&void 0!==r?r:""}),t.headers.map((function(t){var n,r,a,c;return i.a.createElement("div",Object.assign({},t.getHeaderProps(t.getSortByToggleProps()),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerCell)&&void 0!==r?r:""}),t.render("Header"),!!t.canSort&&i.a.createElement("span",{className:"".concat(p.a.sortIndicator,"\n ").concat(t.isSorted?"":"text-muted","\n ").concat(null!==(c=null===(a=e.theme)||void 0===a?void 0:a.sortIndicator)&&void 0!==c?c:"")},i.a.createElement(o.a,{svgName:t.isSortedDesc||!t.isSorted?l.b.ArrowRight:l.b.ArrowLeft,size:o.b.Small})))})))}))),i.a.createElement("div",Object.assign({},g(),{className:null!==(u=null===(s=e.theme)||void 0===s?void 0:s.body)&&void 0!==u?u:""}),w.map((function(t){var n,r,a,c;E(t);var o=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.row)&&void 0!==r?r:"";return t.isSelected&&(null===(a=e.theme)||void 0===a?void 0:a.selectedRow)&&(o+=" ".concat(null===(c=e.theme)||void 0===c?void 0:c.selectedRow)),e.onSelectRow&&(o+=" cursor-pointer"),i.a.createElement("div",Object.assign({},t.getRowProps(),{className:o,onClick:function(){e.onSelectRow&&(e.allowSelectMultipleRows||S(!1),e.onSelectRow(t),t.toggleRowSelected(!0))},onMouseOver:e.onRowMouseOver&&function(){return e.onRowMouseOver(t)},onMouseLeave:e.onRowMouseLeave&&function(){return e.onRowMouseLeave(t)}}),t.cells.map((function(t){var n,r,a=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.cell)&&void 0!==r?r:"";return e.onSelectCell&&(a+=" cursor-pointer"),i.a.createElement("div",Object.assign({},t.getCellProps(),{className:a,onClick:function(){e.onSelectCell&&e.onSelectCell(t)}}),t.render("Cell"))})))}))))}function S(e){var t=e.enableSlider,n=e.scrollIncrement,a=w(e,["enableSlider","scrollIncrement"]),c=function(){var e=i.a.useRef(),t=f(i.a.useState(b(e)),2),n=t[0],r=t[1];function a(){r(b(e))}return i.a.useEffect((function(){if(e.current){var t=m.a.throttle(a,200);return r(b(e)),e.current.addEventListener("scroll",t),function(){e.current.removeEventListener("scroll",t)}}}),[e.current]),{ref:e,scrollState:n,scroll:function(t){var n;null===(n=e.current)||void 0===n||n.scrollBy({left:t,top:0,behavior:"smooth"})}}}(),o=c.ref,l=c.scrollState,s=c.scroll;if(!t)return i.a.createElement(E,Object.assign({},a));function u(e){o.current&&s(n*("right"===e?1:-1))}return i.a.createElement("div",{className:"mx-n3 overflow-hidden-x"},i.a.createElement("div",{className:"px-3"},i.a.createElement("div",{className:"position-relative"},i.a.createElement(d,{direction:r.Left,onClick:function(){return u("left")},hide:!l.canScrollLeft}),i.a.createElement("div",{className:p.a.scrollContainer,ref:o},i.a.createElement(E,Object.assign({},a))),i.a.createElement(d,{direction:r.Right,onClick:function(){return u("right")},hide:!l.canScrollRight}))))}S.defaultProps={scrollIncrement:250}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[15],{1073:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1100:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(871),i=n(251);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||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,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t=c(Object(r.useState)(!1),2),n=t[0],o=t[1],l=Object(a.a)(Object(i.a)());return Object(r.useEffect)((function(){o((function(e){return!e}))}),[e.isFetching]),Object(r.useEffect)((function(){o((function(e){return!e}))}),[l]),n}},1101:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(33),i=n(34);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||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,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t,n=c(Object(a.a)(i.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(r.useEffect)((function(){e.data?n(e.data.studentCount):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},1102:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),i=n(7),c=n(101),o=n(878),l=i.a.encloseNamespace("interactives.pendingIndicator");function s(e){var t=function(){var t;return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("em",null,l("pending")),a.a.createElement(o.a,null))};return e.title?a.a.createElement(c.a,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100"},a.a.createElement(t,null)):a.a.createElement(t,null)}},1104:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var r=n(0),a=n(79),i=n(23),c=n(7),o=n(902),l=n(879),s=n(877);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=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)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,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=c.a.encloseNamespace("reportsShared.dataHooks"),f=function(e,t,n){var c=u(Object(r.useState)({}),2),d=c[0],f=c[1],v=Object(a.useDispatch)(),b=Object(o.a)();return{markedAnswers:d,addMarkedAnswers:function(e,t){e.forEach((function(e){f((function(n){return Object.assign(Object.assign({},n),(r={},a=Object(s.c)(e),i=Object.assign(Object.assign({},e),{status:t}),a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r));var r,a,i}))}))},submitMarkedAnswers:function(){var r=Object.keys(d).map((function(e){return d[e]}));if(r.length){var a=0,c=0;r.forEach((function(n){var r=n.id,a=n.resultId,c=n.questionId,u=n.status;i.a.fetch(v,l.a.mark(e,t,r,{id:r,resultId:a,questionId:c,status:u},o,null,s))}))}function o(){c++}function s(){++a===r.length&&function(){var e="",t=!1;0===c&&(e=m("error",{smartCount:r.length}),t=!0);c<a&&(e=m("success",{smartCount:c})+" ".concat(m("partialError",{smartCount:a-c})));c===a&&(e=m("success",{smartCount:c}));t?b.error(e):b.success(e),f({}),n&&n()}()}}}}},1105:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1106:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1107:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1128:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(169),c=n(168),o=n(892),l=n(919),s=n(893),u=n(918);var d=n(15),m=n(16),f=n(1105),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 a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,c){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:c});var l=o?"bg-info text-white":e.unCheckedBackground,s=function(){return a.a.createElement(a.a.Fragment,null,b[c])};e.showFeedback&&(l=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(v.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.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(r,!o)}};return a.a.createElement(a.a.Fragment,{key:c},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n d-block\n rounded-lg\n shadow-sm\n mb-2\n ".concat("sm"===e.size?"p-2":"p-3","\n d-flex\n justify-content-between\n position-relative\n ").concat(e.showFeedback?"":"cursor-pointer","\n ").concat(v.a.answer,"\n ").concat(l),key:c,htmlFor:r.id},u),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(s,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:v.a.avatarContainer},o&&a.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}g.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var p=n(1073),h=n.n(p);var y=n(49);var w,E=n(1106),S=n.n(E);function k(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.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,r){var c=e.getSelectedAnswer(n.id),o=c?"bg-info text-white":e.unCheckedBackground,l=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(S.a.incorrect),e.hideFeedbackIcons||(l=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Check}):a.a.createElement(d.a,{size:d.b.Small,svgName:m.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,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(o)},s),a.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,a.a.createElement("span",{className:"position-absolute p-2 ".concat(S.a.feedback)},a.a.createElement(l,null)),a.a.createElement("span",{className:"".concat(S.a.avatarContainer).concat("sm"===e.size?" ".concat(S.a.avatarContainerSmall):"")},c&&a.a.createElement(i.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}function N(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}k.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var C=function(){return a.a.createElement(a.a.Fragment,null)},I=(N(w={},s.InteractionTypeId.Annotation,C),N(w,s.InteractionTypeId.Image,C),N(w,s.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"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(i){var c=e.answers.find((function(e){return e.id==i.id}));if(c){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},c.text);var o=c.status===u.a.Correct;return a.a.createElement(a.a.Fragment,{key:n},!o&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,c.text))," "),a.a.createElement("strong",{className:"text-success"},i.name))}}})))})),N(w,s.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,i,o="my-2";return e.reportsStyling&&(o+=" mx-2"),a.a.createElement("div",{className:o},a.a.createElement(g,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?c.a.getInitialsFromFullName(e.anonymisedUserName):c.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),N(w,s.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,i,o="justify-content-start";return e.reportsStyling&&(o="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(k,{className:o,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===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(h.a.uncheckedBackground," text-white")}))})),N(w,s.InteractionTypeId.ShortAnswer,(function(e){var t=y.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),w),A=n(7).a.encloseNamespace("interactives.responseTypes");function j(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,A("noResponse")))}var x=n(891);function O(e){return a.a.createElement(a.a.Fragment,null,e.correctness===x.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(d.a,{svgName:m.b.Check})),e.correctness===x.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(d.a,{svgName:m.b.Close})))}function F(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||c.a.getFullName(e.studentResults.user)),a.a.createElement(O,{correctness:e.correctness}))}function R(e){return e.correctness!==x.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n ".concat(e.markedStatus===u.a.Correct?"text-success":"")},a.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)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n ".concat(e.markedStatus===u.a.Incorrect?" text-danger":"")},a.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(1107),U=n.n(M);function T(e){var t,n,r,s,u,d=I[e.interaction.typeId];if(!d)return a.a.createElement(a.a.Fragment,null);var m=Object(o.d)(e.studentResults),f=Object(o.c)(e.interaction.id,m),v=l.a.isInteractionCorrect(e.interaction,m);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:U.a.avatarContainer},a.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===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(u=null===(s=e.studentResults.user)||void 0===s?void 0:s.avatar)||void 0===u?void 0:u.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(F,{studentResults:e.studentResults,correctness:v,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},f?a.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}):a.a.createElement(j,null)),!e.showStudentDetails&&a.a.createElement(O,{correctness:v})))),a.a.createElement(R,{studentAttempt:f,correctness:v,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}n.d(t,"a",(function(){return T}))},1139:function(e,t,n){e.exports={awaitingMarking:"_1SbLD"}},1301:function(e,t,n){e.exports={row:"nfUpJ"}},1481:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),i=n(23),c=n(7),o=n(865),l=n(124),s=n(184),u=n(201);function d(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=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)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,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=c.a.encloseNamespace("shared.confirmationPopup");function v(e){var t=d(r.useState(!1),2),n=t[0],a=t[1],i=[{variant:e.cancelButtonVariant,onClick:e.closePopup,buttonText:e.cancelButtonText||f("cancel")},{variant:e.confirmButtonVariant,onClick:function(){a(!0),e.onClickConfirm()},buttonText:e.confirmButtonText||f("confirm"),isSpinnerButton:!0,showSpinner:n}];return r.createElement(s.a,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(u.a,{buttons:i})))}v.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var b=n(879),g=n(869),p=n(1104),h=n(1077),y=n(251),w=n(928),E=n(906),S=n(929),k=n(1100),N=n(1099),C=n(1101),I=n(1079),A=n(119),j=n(877),x=n(915),O=n(33),F=n(891),R=n(867),M=n(919),U=n(892),T=n(1128),B=n(208),_=n(34),L=n(866),P=c.a.encloseNamespace("interactives.submitMarkedAnswers");function D(e){return a.a.createElement("div",{className:"d-flex justify-content-end pt-2"},a.a.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},P("submitAnswers")))}var z=n(917),H=n(1139),K=n.n(H),$=c.a.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a.a.createElement("div",{className:"rounded bg-white"},a.a.createElement("div",{className:"p-2 position-relative"},a.a.createElement("div",{className:"d-flex"},a.a.createElement(z.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),e.awaitingMarking&&a.a.createElement("div",{className:K.a.awaitingMarking}),!!n&&a.a.createElement("div",{className:"mt-2"},a.a.createElement("strong",null,$("suggestedResponse")),a.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=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return V(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return V(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var J=c.a.encloseNamespace("interactives.interactionResponseList");function G(e){var t,n,r=(n=e.interaction,e.results.students.filter((function(e){return M.a.isInteractionCorrect(n,Object(U.d)(e))===F.a.AwaitingMarking}))),i=Object.keys(e.markedAnswers).length,c=W(Object(O.a)(_.a.ANONYMISE_USERS),1)[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?a.a.createElement(a.a.Fragment,null,a.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!r.length}),!!r.length&&a.a.createElement(D,{submit:e.submitMarkedAnswers,disabled:!i}),a.a.createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var i=r.some((function(e){return e.user.id===t.user.id}));return a.a.createElement("li",{key:n,className:"position-relative mt-2"},a.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(L.a)(t.user,!0):null,className:"bg-white p-2",showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}),i&&a.a.createElement("div",{className:K.a.awaitingMarking}))}))),!!r.length&&a.a.createElement(D,{submit:e.submitMarkedAnswers,disabled:!i})):a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(q,{interaction:e.interaction,awaitingMarking:!!r.length}),a.a.createElement(R.a,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},a.a.createElement(R.a.Image,{src:B.a.EmptyStates.Interactives.NoResponses}),a.a.createElement(R.a.Heading,null,J("emptyStateHeading")),a.a.createElement(R.a.Info,null,J("emptyStateDescription"))))}var Q=c.a.encloseNamespace("interactives.selectedInteractionEmptyState");function X(){return a.a.createElement(R.a,{className:"rounded h-100 bg-white justify-content-center py-4"},a.a.createElement(R.a.Image,{src:B.a.EmptyStates.Interactives.SelectQuestion}),a.a.createElement(R.a.Heading,null,Q("emptyStateText")))}var Y=n(878),Z=n(1102),ee=c.a.encloseNamespace("interactives.questionTable");function te(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 ne(e){var t;return a.a.createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function re(e){return a.a.createElement(ne,{className:e.column.isSorted&&"font-weight-bold"},ee(e.phraseKey))}var ae=n(1301),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(ae).a.row),selectedRow:"bg-light",sortIndicator:"ml-2"};function ce(e){var t,n,r,i=(t=e.interactive,n=e.results,r=e.refreshTable,a.a.useMemo((function(){return Object(U.b)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:Object(j.b)(e,n)})}))}),[r])),c=e.selectedInteractionId&&Object(j.a)(e.interactive,e.selectedInteractionId);return a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-6"},a.a.createElement(x.a,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return a.a.createElement(ne,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return a.a.createElement(ne,null,a.a.createElement("div",{className:"clamp-1"},a.a.createElement(z.a,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return a.a.createElement(re,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?a.a.createElement("div",{className:"d-flex w-75"},a.a.createElement(Z.a,{title:ee("markingRequired"),className:"flex-grow-1"})):a.a.createElement("div",{className:"w-75"},a.a.createElement(Y.a,{percentage:n,layout:Y.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})),a.a.createElement("div",{className:"col-6"},!!c&&a.a.createElement(G,{interaction:c,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!c&&a.a.createElement(X,null)))}function oe(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=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return le(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 le(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 le(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}n.d(t,"InteractiveQuestionListView",(function(){return ue}));var se=c.a.encloseNamespace("interactives.interactiveQuestionList");function ue(e){var t,n,r,c,s,u=oe(a.a.useState(!1),2),d=u[0],m=u[1],f=Object(y.a)(),A=i.a.useBasicFetch(b.a.interactiveMetadata(e.interactiveMetadataId)),j=i.a.useBasicFetch((null===(t=A.data)||void 0===t?void 0:t.interactiveId)?b.a.interactive(A.data.interactiveId):null),x=i.a.useBasicFetch(j.data?b.a.interactiveResultSet(A.data.interactiveId,A.data.id,f):null),O=i.a.useBasicFetch(l.a.config());Object(o.a)(A.data?se("pageTitle",{interactive:A.data.name}):""),Object(g.a)(null===(n=A.data)||void 0===n?void 0:n.name),Object(w.a)(Object(I.a)()),Object(N.a)(e.interactiveMetadataId),Object(C.a)(x),Object(h.a)(A);var F=Object(k.a)(x),R=Object(p.a)(null===(r=j.data)||void 0===r?void 0:r.id,null===(c=A.data)||void 0===c?void 0:c.id,(function(){return m(!1)})),M=R.markedAnswers,U=R.addMarkedAnswers,T=R.submitMarkedAnswers,B=!!j.data&&!!x.data&&!!O.data;return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",null,a.a.createElement(S.a,{interactiveMetadataId:e.interactiveMetadataId}),B?a.a.createElement(ce,{interactive:j.data,results:x.data,markedAnswers:M,addMarkedAnswers:U,submitMarkedAnswers:function(){return m(!0)},imageCdnUrl:O.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:F}):a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-6"},a.a.createElement(E.a,null)))),d&&a.a.createElement(v,{title:se("markPopupTitle",{smartCount:null!==(s=Object.keys(M).length)&&void 0!==s?s:0}),closePopup:function(){return m(!1)},confirmButtonText:se("submit"),confirmButtonVariant:"dark",onClickConfirm:T},a.a.createElement("p",null,se("markPopupBody"))))}},902:function(e,t,n){"use strict";var r=n(0),a=n(66);function i(e){var t,n;return t=e,n=a.a.getInstance(t),r.useEffect((function(){return function(){a.a.releaseInstance(t)}})),n}var c=n(80),o=n(107);function l(){var e=i(o.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 l}))},906:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(907),c=n.n(i);function o(e){var t,n;return a.a.createElement("div",{className:"bg-white rounded ".concat(c.a.table," ").concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"border-bottom ".concat(c.a.header," ").concat(null!==(n=e.headerClassName)&&void 0!==n?n:"")}),e.children)}},907:function(e,t,n){e.exports={table:"_3XPjZ",header:"_1hiMB"}},908:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",hoverText:"p-vNG",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},909:function(e,t,n){e.exports={sortIndicator:"_3ac-N",scrollContainer:"i_8jB"}},915:function(e,t,n){"use strict";var r,a=n(0),i=n.n(a),c=n(901),o=n(15),l=n(16),s=n(908),u=n.n(s);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var d=a.memo((function(e){var t,n,i=e.direction===r.Left,c=i?l.b.ChevronLeft:l.b.ChevronRight,s=(e.contents,t=i,n=u.a.topPos,n+=t?" "+u.a.left:" "+u.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(s," ").concat(u.a.button," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"pl-3 pr-2 ".concat(u.a.hoverText)},e.hoverText),a.createElement(o.a,{svgName:c,size:o.b.Medium,className:"svg-container d-inline-block ".concat(u.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:i?u.a.gradientLeft:u.a.gradientRight}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:i?u.a.extendedClickableAreaLeft:u.a.extendedClickableAreaRight}))})),m=n(26);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(r=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==o.return||o.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){var t,n,r,a;return{canScrollLeft:(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0,canScrollRight:(null===(n=e.current)||void 0===n?void 0:n.scrollLeft)<(null===(r=e.current)||void 0===r?void 0:r.scrollWidth)-(null===(a=e.current)||void 0===a?void 0:a.clientWidth)}}var g=n(909),p=n.n(g);function h(e){return function(e){if(Array.isArray(e))return y(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 y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(e,t)}(e)||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 y(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}n.d(t,"a",(function(){return S}));var w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function E(e){var t,n,r,a,s,u,d,m,f={columns:e.columns,data:e.data,disableSortBy:!e.enableSort,manualSortBy:e.manualSort};e.initialSelectedRowIds&&(f.initialState={selectedRowIds:(d=e.initialSelectedRowIds,m={},d.forEach((function(e){return m[e]=!0})),m)}),e.getRowId&&(f.getRowId=e.getRowId);var v=c.useTable.apply(void 0,[f].concat(h([c.useFlexLayout,c.useSortBy,c.useRowSelect]))),b=v.getTableProps,g=v.getTableBodyProps,y=v.headerGroups,w=v.rows,E=v.prepareRow,S=v.toggleAllRowsSelected,k=v.state.sortBy;return i.a.useEffect((function(){e.onSort&&e.onSort(k)}),[k]),i.a.createElement("div",Object.assign({},b(),{className:null!==(n=null===(t=e.theme)||void 0===t?void 0:t.table)&&void 0!==n?n:""}),i.a.createElement("div",{className:null!==(a=null===(r=e.theme)||void 0===r?void 0:r.header)&&void 0!==a?a:""},y.map((function(t){var n,r;return i.a.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerRow)&&void 0!==r?r:""}),t.headers.map((function(t){var n,r,a,c;return i.a.createElement("div",Object.assign({},t.getHeaderProps(t.getSortByToggleProps()),{className:null!==(r=null===(n=e.theme)||void 0===n?void 0:n.headerCell)&&void 0!==r?r:""}),t.render("Header"),!!t.canSort&&i.a.createElement("span",{className:"".concat(p.a.sortIndicator,"\n ").concat(t.isSorted?"":"text-muted","\n ").concat(null!==(c=null===(a=e.theme)||void 0===a?void 0:a.sortIndicator)&&void 0!==c?c:"")},i.a.createElement(o.a,{svgName:t.isSortedDesc||!t.isSorted?l.b.ArrowRight:l.b.ArrowLeft,size:o.b.Small})))})))}))),i.a.createElement("div",Object.assign({},g(),{className:null!==(u=null===(s=e.theme)||void 0===s?void 0:s.body)&&void 0!==u?u:""}),w.map((function(t){var n,r,a,c;E(t);var o=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.row)&&void 0!==r?r:"";return t.isSelected&&(null===(a=e.theme)||void 0===a?void 0:a.selectedRow)&&(o+=" ".concat(null===(c=e.theme)||void 0===c?void 0:c.selectedRow)),e.onSelectRow&&(o+=" cursor-pointer"),i.a.createElement("div",Object.assign({},t.getRowProps(),{className:o,onClick:function(){e.onSelectRow&&(e.allowSelectMultipleRows||S(!1),e.onSelectRow(t),t.toggleRowSelected(!0))},onMouseOver:e.onRowMouseOver&&function(){return e.onRowMouseOver(t)},onMouseLeave:e.onRowMouseLeave&&function(){return e.onRowMouseLeave(t)}}),t.cells.map((function(t){var n,r,a=null!==(r=null===(n=e.theme)||void 0===n?void 0:n.cell)&&void 0!==r?r:"";return e.onSelectCell&&(a+=" cursor-pointer"),i.a.createElement("div",Object.assign({},t.getCellProps(),{className:a,onClick:function(){e.onSelectCell&&e.onSelectCell(t)}}),t.render("Cell"))})))}))))}function S(e){var t=e.enableSlider,n=e.scrollIncrement,a=w(e,["enableSlider","scrollIncrement"]),c=function(){var e=i.a.useRef(),t=f(i.a.useState(b(e)),2),n=t[0],r=t[1];function a(){r(b(e))}return i.a.useEffect((function(){if(e.current){var t=m.a.throttle(a,200);return r(b(e)),e.current.addEventListener("scroll",t),function(){e.current.removeEventListener("scroll",t)}}}),[e.current]),{ref:e,scrollState:n,scroll:function(t){var n;null===(n=e.current)||void 0===n||n.scrollBy({left:t,top:0,behavior:"smooth"})}}}(),o=c.ref,l=c.scrollState,s=c.scroll;if(!t)return i.a.createElement(E,Object.assign({},a));function u(e){o.current&&s(n*("right"===e?1:-1))}return i.a.createElement("div",{className:"mx-n3 overflow-hidden-x"},i.a.createElement("div",{className:"px-3"},i.a.createElement("div",{className:"position-relative"},i.a.createElement(d,{direction:r.Left,onClick:function(){return u("left")},hide:!l.canScrollLeft}),i.a.createElement("div",{className:p.a.scrollContainer,ref:o},i.a.createElement(E,Object.assign({},a))),i.a.createElement(d,{direction:r.Right,onClick:function(){return u("right")},hide:!l.canScrollRight}))))}S.defaultProps={scrollIncrement:250}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[16],{1469:function(e,t,n){e.exports={image:"_3Y-Vb"}},1470:function(e,t,n){e.exports={column1:"_2aRgX",column2:"D0-u8"}},1483:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),o=n(7),i=n(865),c=n(869),u=n(23),l=n(89),s=n(888),f=function(e,t,n,r){return{url:l.a.urlBuilder("{gateway}/v1/analytics/logins",Object.assign({},Object(s.a)(e))),key:Object(s.b)("logins",e),normalize:!1,success:t,error:n,always:r}},d=n(251),m=n(209),p=n(872),v=n(914),y=n(903),g=o.a.encloseNamespace("shared.loginCountBarChartCard");function b(e){var t,n,r,o,i=Object(d.a)(),c=u.a.useBasicFetch(f(i)),l=u.a.useBasicFetch((null===(t=c.data)||void 0===t?void 0:t.data.length)&&m.a.getById(c.data.data.map((function(e){return e.userId}))));Object(p.a)(c);var s=(null===(n=c.data)||void 0===n?void 0:n.data.length)?!!l.data:!!c.data;return a.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(r=e.className)&&void 0!==r?r:"")},s?a.a.createElement(v.a,{events:c.data.data,users:null!==(o=l.data)&&void 0!==o?o:[],getEventDate:function(e){return e.loggedOn},title:g("loginActivity")}):a.a.createElement(y.a,null))}var h=n(900),E=n(890),O=n(867),j=n(208),w=n(1469),A=n.n(w),S=o.a.encloseNamespace("shared.loginCountPieChartEmptyState");function N(){return a.a.createElement(O.a,{className:"flex-grow-1 justify-content-center"},a.a.createElement(O.a.Image,{src:j.a.EmptyStates.Shared.LoginCount,className:"w-50 ".concat(A.a.image)}),a.a.createElement(O.a.Heading,null,S("heading")),a.a.createElement(O.a.Info,{className:"w-100"},S("description")))}var C=o.a.encloseNamespace("shared.loginCountPieChartCard");function k(e){var t,n,r,o,i=Object(d.a)(),c=u.a.useBasicFetch(f(i)),l=u.a.useBasicFetch((null===(t=c.data)||void 0===t?void 0:t.data.length)&&m.a.getById(c.data.data.map((function(e){return e.userId}))));Object(p.a)(c);var s=(null===(n=c.data)||void 0===n?void 0:n.data.length)?!!l.data:!!c.data;return a.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(r=e.className)&&void 0!==r?r:"")},s?a.a.createElement(h.a,{events:c.data.data,users:null!==(o=l.data)&&void 0!==o?o:[],yearGroupTitle:C("totalStudentLogins"),userTypeTitle:C("totalLogins"),seriesName:C("logins"),emptyStateComponent:a.a.createElement(N,null)}):a.a.createElement(E.a,null))}var T=n(1470),I=n.n(T);n.d(t,"CustomerUserOverviewView",(function(){return _}));var x=o.a.encloseNamespace("users.customerUserOverview");function _(){return Object(i.a)(x("loginOverview")),Object(c.a)(x("loginOverview")),a.a.createElement("div",null,a.a.createElement("div",{className:"d-flex"},a.a.createElement("div",{className:"pr-2 ".concat(I.a.column1)},a.a.createElement(k,{className:"h-100"})),a.a.createElement("div",{className:"pl-2 ".concat(I.a.column2)},a.a.createElement(b,{className:"h-100"}))))}},865:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n(28),o=n(253);function i(e){return function(e){if(Array.isArray(e))return c(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 c(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 c(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 c(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}function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=r.useContext(o.a),c=n.setPageTitle;r.useEffect((function(){"boolean"!=typeof e&&a.a.isFunction(c)&&(e||(e=""),c(e))}),[e].concat(i(t)))}},866:function(e,t,n){"use strict";n.d(t,"a",(function(){return u})),n.d(t,"b",(function(){return l}));var r=n(927),a=n(7),o=n(168),i=n(873),c=a.a.encloseNamespace("reportsShared.utils");function u(e,t){return t?Object(r.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[r.b,r.a],separator:" ",length:2,style:"capital",seed:t}}(e)):o.a.getFullName(e)}function l(e){switch(e.toLowerCase()){case i.a.Learner:return c("student");case i.a.Staff:return c("staff");default:return e}}},867:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(883),i=n.n(o);function c(e){var t;return a.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:"".concat(i.a.image," ").concat(null!==(t=e.className)&&void 0!==t?t:"")})}var u=n(3),l=n(28),s=n(211),f=n(41);function d(e){var t=e.className||"btn btn-dark";if(!e.icon){if(e.appLink&&!l.a.isFunction(e.onClick))return a.a.createElement(f.a,{appLink:e.appLink,className:t},e.text);return a.a.createElement("button",{onClick:function(){l.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&u.a.AppLinkHelper.trigger(e.appLink)},className:t},e.text)}return a.a.createElement(s.a,{className:t,onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}function m(e){var t;return a.a.createElement("div",{className:"text-center d-flex flex-column align-items-center ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}n.d(t,"a",(function(){return m})),m.defaultProps={className:"pt-5"},m.Image=function(e){return a.a.createElement(c,Object.assign({},e))},m.Cta=function(e){return a.a.createElement(d,Object.assign({},e))},m.Heading=function(e){return a.a.createElement("h2",{className:e.className||"h6"},e.children)},m.Info=function(e){return a.a.createElement("p",{className:e.className||"mb-3 w-50"},e.children)}},869:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n(33),o=n(34);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(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 c(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 c(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}function u(e){var t=i(Object(a.a)(o.a.HEADER_TITLE),2)[1];Object(r.useEffect)((function(){return t(e),function(){t(null)}}),[e])}},871:function(e,t,n){"use strict";function r(e){var t=[];return Object.keys(e).forEach((function(n){var r=e[n];r&&t.push("".concat(n,":").concat(Array.isArray(r)?r.join(","):r))})),t.join(":")}n.d(t,"a",(function(){return r}))},872:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n(33),o=n(34);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(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 c(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 c(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}function u(e){var t,n=i(Object(a.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(r.useEffect)((function(){e.data?n(e.data.count):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.count])}},873:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(r||(r={}))},874:function(e,t,n){e.exports={totalCount:"_3a-8G",chartContainer:"_1QY5r",partialHeading:"l-ees",partialSelector:"_1Jzj5",partialCount:"_2mo-l"}},875:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(33),a=n(34);function o(){Object(r.a)(a.a.LEFT_NAV_STATE)}},876:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function a(e){return e.map((function(e,t){return Object.assign(Object.assign({},e),{color:r[t%r.length]})}))}},880:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(45);function a(e){var t=r.a.convertDateToUTC(e);return r.a.format(t,"YYYY-MM-DDTHH:mm:ss")}},882:function(e,t,n){e.exports={chartContainer:"_1iuz3",heading:"_1lJg9",partialHeading:"_2Z6oG"}},883:function(e,t,n){e.exports={image:"_3T3Ux"}},888:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return l}));var r=n(45),a=n(880),o=n(871);function i(e){return function(e){if(Array.isArray(e))return c(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 c(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 c(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 c(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}function u(e,t){var n=Object(o.a)(t);return n?e+":".concat(n):e}function l(e){var t,n,o=Object(a.a)(r.a.startOf(e.from,"day")),c=Object(a.a)(r.a.endOf(e.to,"day"));return{userId:e.users,groupId:[].concat(i(null!==(t=e.classrooms)&&void 0!==t?t:[]),i(null!==(n=e.classroomGroups)&&void 0!==n?n:[])),start:o,end:c}}},890:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),o=n(874),i=n.n(o);function c(){return a.a.createElement("div",{className:"d-flex align-items-start justify-content-between"},a.a.createElement("div",null,a.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)}),a.a.createElement("div",{className:"partial-loading-background ".concat(i.a.partialCount)})),a.a.createElement("div",{className:"partial-loading-background rounded ".concat(i.a.partialSelector)}))}},900:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(881),i=n.n(o),c=n(889),u=n.n(c),l=n(11),s=n(7),f=n(875),d=n(49),m=n(873),p=n(168),v=n(866),y=n(876),g={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0}}},b=s.a.encloseNamespace("shared.userActivityPieChart");function h(e,t){return Object.assign(Object.assign({},g),{series:[{type:"pie",name:t,data:e}]})}var E=n(874),O=n.n(E);function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return w(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 w(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 w(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}n.d(t,"a",(function(){return k}));var A=s.a.encloseNamespace("shared.userActivityPieChart"),S=["yearGroup","userType"],N={yearGroup:"yearGroups",userType:"userType"};function C(e){return a.a.createElement(l.Dropdown,{alignRight:!0},a.a.createElement(l.Dropdown.Toggle,{id:"group-by-dropdown",variant:"outline-dark",className:"no-caret"},A("yearGroup"===e.selectedOption?"yearGroups":"userType")),a.a.createElement(l.Dropdown.Menu,null,S.map((function(t,n){return e.selectedOption!==t&&a.a.createElement(l.Dropdown.Item,{key:n,onSelect:function(){return e.onSelect(t)}},A(N[t]))}))))}function k(e){var t=j(a.a.useState("yearGroup"),2),n=t[0],r=t[1];Object(f.a)();var o,c,l,s,g="yearGroup"===n?(o=e.events,c=e.users,l=d.a.toObject(c,"id"),s={},o.forEach((function(e){var t,n,r,a,o=l[e.userId];if(p.a.getUserTypeString(o)===m.a.Learner){var i=null!==(r=null===(n=null===(t=null==o?void 0:o._yearGroup)||void 0===t?void 0:t.value)||void 0===n?void 0:n.name)&&void 0!==r?r:b("unknown");i&&(s[i]=null!==(a=s[i])&&void 0!==a?a:0,s[i]++)}})),Object(y.a)(d.a.sortBy(Object.keys(s).map((function(e){return{name:e,y:s[e],type:"pie"}})),"name"))):function(e,t){var n=d.a.toObject(t,"id"),r={};return e.forEach((function(e){var t,a,o=n[e.userId],i=null!==(t=p.a.getUserTypeString(o))&&void 0!==t?t:b("unknown");r[i]=null!==(a=r[i])&&void 0!==a?a:0,r[i]++})),Object(y.a)(d.a.sortBy(Object.keys(r).map((function(e){return{name:Object(v.b)(e),y:r[e],type:"pie"}})),"name"))}(e.events,e.users);return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"d-flex align-items-start justify-content-between w-100"},a.a.createElement("div",null,a.a.createElement("h6",{className:"m-0"},"yearGroup"===n?e.yearGroupTitle:e.userTypeTitle),a.a.createElement("strong",{className:O.a.totalCount},function(e){return e.reduce((function(e,t){return e+t.y}),0)}(g))),a.a.createElement(C,{selectedOption:n,onSelect:r})),g.length?a.a.createElement(u.a,{highcharts:i.a,options:h(g,e.seriesName),containerProps:{className:"".concat(O.a.chartContainer," position-absolute w-100 h-75 flex-grow-1")}}):e.emptyStateComponent)}},903:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),o=n(882),i=n.n(o);function c(){return a.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)})}},914:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(881),i=n.n(o),c=n(889),u=n.n(c),l=n(33),s=n(34),f=n(875),d=n(7),m=n(49),p=n(45),v=n(168),y=n(866),g=n(876),b=35,h=365,E={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},O={day:"D MMM",month:"MMM",year:"YYYY"},j={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},w={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"}}},A=d.a.encloseNamespace("shared.userActivityBarChart");function S(e,t,n,r){var a=m.a.toObject(t,"id"),o=function(e){var t=p.a.timeBetween(e.from,e.to,"day");return t>h?"year":t>b?"month":"day"}(r),i=function(e,t){var n=[],r=p.a.format(e.from,E[t]);do{n.push(r),r=p.a.format(p.a.add(r,1,t),E[t])}while(!p.a.isAfter(r,e.to,t));return n}(r,o),c={};e.forEach((function(e){var t,r,i,u=p.a.format(p.a.convertUTCToLocal(n(e)),E[o]),l=a[e.userId],s=null!==(t=v.a.getUserTypeString(l))&&void 0!==t?t:A("unknown");c[s]=null!==(r=c[s])&&void 0!==r?r:{},c[s][u]=null!==(i=c[s][u])&&void 0!==i?i:0,c[s][u]++}));var u=Object.keys(c),l=u.length?u.map((function(e){return{name:Object(y.b)(e),type:"column",data:i.map((function(t){var n;return null!==(n=c[e][t])&&void 0!==n?n:0}))}})):[{type:"column",data:i.map((function(){return 0}))}],s=Object.assign({},j);return u.length||(s.enabled=!1),{categories:i.map((function(e){return p.a.format(e,O[o])})),legendOptions:s,seriesData:Object(g.a)(l)}}function N(e,t,n,r){var a=S(e,t,n,r);return Object.assign(Object.assign({},w),{xAxis:{categories:a.categories},legend:a.legendOptions,series:a.seriesData})}var C=n(882),k=n.n(C);function T(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}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,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){var t=T(Object(l.a)(s.a.DATE_RANGE_QUERY_PARAMS),1)[0];return Object(f.a)(),a.a.createElement("div",{className:"position-relative h-100"},a.a.createElement("h6",{className:k.a.heading},e.title),a.a.createElement(u.a,{highcharts:i.a,options:N(e.events,e.users,e.getEventDate,t),containerProps:{className:"".concat(k.a.chartContainer," position-absolute w-100 h-100")}}))}n.d(t,"a",(function(){return x}))}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[16],{1469:function(e,t,n){e.exports={image:"_3Y-Vb"}},1470:function(e,t,n){e.exports={column1:"_2aRgX",column2:"D0-u8"}},1483:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),o=n(7),i=n(865),c=n(869),u=n(23),l=n(89),s=n(888),f=function(e,t,n,r){return{url:l.a.urlBuilder("{gateway}/v1/analytics/logins",Object.assign({},Object(s.a)(e))),key:Object(s.b)("logins",e),normalize:!1,success:t,error:n,always:r}},d=n(251),m=n(209),p=n(872),v=n(914),y=n(903),g=o.a.encloseNamespace("shared.loginCountBarChartCard");function b(e){var t,n,r,o,i=Object(d.a)(),c=u.a.useBasicFetch(f(i)),l=u.a.useBasicFetch((null===(t=c.data)||void 0===t?void 0:t.data.length)&&m.a.getById(c.data.data.map((function(e){return e.userId}))));Object(p.a)(c);var s=(null===(n=c.data)||void 0===n?void 0:n.data.length)?!!l.data:!!c.data;return a.a.createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(r=e.className)&&void 0!==r?r:"")},s?a.a.createElement(v.a,{events:c.data.data,users:null!==(o=l.data)&&void 0!==o?o:[],getEventDate:function(e){return e.loggedOn},title:g("loginActivity")}):a.a.createElement(y.a,null))}var h=n(900),E=n(890),O=n(867),j=n(208),w=n(1469),A=n.n(w),S=o.a.encloseNamespace("shared.loginCountPieChartEmptyState");function N(){return a.a.createElement(O.a,{className:"flex-grow-1 justify-content-center"},a.a.createElement(O.a.Image,{src:j.a.EmptyStates.Shared.LoginCount,className:"w-50 ".concat(A.a.image)}),a.a.createElement(O.a.Heading,null,S("heading")),a.a.createElement(O.a.Info,{className:"w-100"},S("description")))}var C=o.a.encloseNamespace("shared.loginCountPieChartCard");function k(e){var t,n,r,o,i=Object(d.a)(),c=u.a.useBasicFetch(f(i)),l=u.a.useBasicFetch((null===(t=c.data)||void 0===t?void 0:t.data.length)&&m.a.getById(c.data.data.map((function(e){return e.userId}))));Object(p.a)(c);var s=(null===(n=c.data)||void 0===n?void 0:n.data.length)?!!l.data:!!c.data;return a.a.createElement("div",{className:"bg-white rounded p-3 position-relative d-flex flex-column ".concat(null!==(r=e.className)&&void 0!==r?r:"")},s?a.a.createElement(h.a,{events:c.data.data,users:null!==(o=l.data)&&void 0!==o?o:[],yearGroupTitle:C("totalStudentLogins"),userTypeTitle:C("totalLogins"),seriesName:C("logins"),emptyStateComponent:a.a.createElement(N,null)}):a.a.createElement(E.a,null))}var T=n(1470),I=n.n(T);n.d(t,"CustomerUserOverviewView",(function(){return _}));var x=o.a.encloseNamespace("users.customerUserOverview");function _(){return Object(i.a)(x("loginOverview")),Object(c.a)(x("loginOverview")),a.a.createElement("div",null,a.a.createElement("div",{className:"d-flex"},a.a.createElement("div",{className:"pr-2 ".concat(I.a.column1)},a.a.createElement(k,{className:"h-100"})),a.a.createElement("div",{className:"pl-2 ".concat(I.a.column2)},a.a.createElement(b,{className:"h-100"}))))}},865:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n(26),o=n(253);function i(e){return function(e){if(Array.isArray(e))return c(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 c(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 c(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 c(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}function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=r.useContext(o.a),c=n.setPageTitle;r.useEffect((function(){"boolean"!=typeof e&&a.a.isFunction(c)&&(e||(e=""),c(e))}),[e].concat(i(t)))}},866:function(e,t,n){"use strict";n.d(t,"a",(function(){return u})),n.d(t,"b",(function(){return l}));var r=n(927),a=n(7),o=n(168),i=n(873),c=a.a.encloseNamespace("reportsShared.utils");function u(e,t){return t?Object(r.c)(function(e){var t=+"".concat(e.id).concat(Math.floor((new Date).getMinutes()/5));return{dictionaries:[r.b,r.a],separator:" ",length:2,style:"capital",seed:t}}(e)):o.a.getFullName(e)}function l(e){switch(e.toLowerCase()){case i.a.Learner:return c("student");case i.a.Staff:return c("staff");default:return e}}},867:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(883),i=n.n(o);function c(e){var t;return a.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:"".concat(i.a.image," ").concat(null!==(t=e.className)&&void 0!==t?t:"")})}var u=n(3),l=n(26),s=n(211),f=n(41);function d(e){var t=e.className||"btn btn-dark";if(!e.icon){if(e.appLink&&!l.a.isFunction(e.onClick))return a.a.createElement(f.a,{appLink:e.appLink,className:t},e.text);return a.a.createElement("button",{onClick:function(){l.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&u.a.AppLinkHelper.trigger(e.appLink)},className:t},e.text)}return a.a.createElement(s.a,{className:t,onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}function m(e){var t;return a.a.createElement("div",{className:"text-center d-flex flex-column align-items-center ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}n.d(t,"a",(function(){return m})),m.defaultProps={className:"pt-5"},m.Image=function(e){return a.a.createElement(c,Object.assign({},e))},m.Cta=function(e){return a.a.createElement(d,Object.assign({},e))},m.Heading=function(e){return a.a.createElement("h2",{className:e.className||"h6"},e.children)},m.Info=function(e){return a.a.createElement("p",{className:e.className||"mb-3 w-50"},e.children)}},869:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n(33),o=n(34);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(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 c(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 c(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}function u(e){var t=i(Object(a.a)(o.a.HEADER_TITLE),2)[1];Object(r.useEffect)((function(){return t(e),function(){t(null)}}),[e])}},871:function(e,t,n){"use strict";function r(e){var t=[];return Object.keys(e).forEach((function(n){var r=e[n];r&&t.push("".concat(n,":").concat(Array.isArray(r)?r.join(","):r))})),t.join(":")}n.d(t,"a",(function(){return r}))},872:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n(33),o=n(34);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(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 c(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 c(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}function u(e){var t,n=i(Object(a.a)(o.a.AUDIENCE_FILTER_SELECTED_COUNT),2)[1];Object(r.useEffect)((function(){e.data?n(e.data.count):n(null)}),[null===(t=e.data)||void 0===t?void 0:t.count])}},873:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Unknown="unknown",e.Staff="staff",e.Learner="learner"}(r||(r={}))},874:function(e,t,n){e.exports={totalCount:"_3a-8G",chartContainer:"_1QY5r",partialHeading:"l-ees",partialSelector:"_1Jzj5",partialCount:"_2mo-l"}},875:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(33),a=n(34);function o(){Object(r.a)(a.a.LEFT_NAV_STATE)}},876:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function a(e){return e.map((function(e,t){return Object.assign(Object.assign({},e),{color:r[t%r.length]})}))}},880:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(45);function a(e){var t=r.a.convertDateToUTC(e);return r.a.format(t,"YYYY-MM-DDTHH:mm:ss")}},882:function(e,t,n){e.exports={chartContainer:"_1iuz3",heading:"_1lJg9",partialHeading:"_2Z6oG"}},883:function(e,t,n){e.exports={image:"_3T3Ux"}},888:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return l}));var r=n(45),a=n(880),o=n(871);function i(e){return function(e){if(Array.isArray(e))return c(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 c(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 c(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 c(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}function u(e,t){var n=Object(o.a)(t);return n?e+":".concat(n):e}function l(e){var t,n,o=Object(a.a)(r.a.startOf(e.from,"day")),c=Object(a.a)(r.a.endOf(e.to,"day"));return{userId:e.users,groupId:[].concat(i(null!==(t=e.classrooms)&&void 0!==t?t:[]),i(null!==(n=e.classroomGroups)&&void 0!==n?n:[])),start:o,end:c}}},890:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),o=n(874),i=n.n(o);function c(){return a.a.createElement("div",{className:"d-flex align-items-start justify-content-between"},a.a.createElement("div",null,a.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)}),a.a.createElement("div",{className:"partial-loading-background ".concat(i.a.partialCount)})),a.a.createElement("div",{className:"partial-loading-background rounded ".concat(i.a.partialSelector)}))}},900:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(881),i=n.n(o),c=n(889),u=n.n(c),l=n(11),s=n(7),f=n(875),d=n(49),m=n(873),p=n(168),v=n(866),y=n(876),g={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0}}},b=s.a.encloseNamespace("shared.userActivityPieChart");function h(e,t){return Object.assign(Object.assign({},g),{series:[{type:"pie",name:t,data:e}]})}var E=n(874),O=n.n(E);function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return w(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 w(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 w(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}n.d(t,"a",(function(){return k}));var A=s.a.encloseNamespace("shared.userActivityPieChart"),S=["yearGroup","userType"],N={yearGroup:"yearGroups",userType:"userType"};function C(e){return a.a.createElement(l.Dropdown,{alignRight:!0},a.a.createElement(l.Dropdown.Toggle,{id:"group-by-dropdown",variant:"outline-dark",className:"no-caret"},A("yearGroup"===e.selectedOption?"yearGroups":"userType")),a.a.createElement(l.Dropdown.Menu,null,S.map((function(t,n){return e.selectedOption!==t&&a.a.createElement(l.Dropdown.Item,{key:n,onSelect:function(){return e.onSelect(t)}},A(N[t]))}))))}function k(e){var t=j(a.a.useState("yearGroup"),2),n=t[0],r=t[1];Object(f.a)();var o,c,l,s,g="yearGroup"===n?(o=e.events,c=e.users,l=d.a.toObject(c,"id"),s={},o.forEach((function(e){var t,n,r,a,o=l[e.userId];if(p.a.getUserTypeString(o)===m.a.Learner){var i=null!==(r=null===(n=null===(t=null==o?void 0:o._yearGroup)||void 0===t?void 0:t.value)||void 0===n?void 0:n.name)&&void 0!==r?r:b("unknown");i&&(s[i]=null!==(a=s[i])&&void 0!==a?a:0,s[i]++)}})),Object(y.a)(d.a.sortBy(Object.keys(s).map((function(e){return{name:e,y:s[e],type:"pie"}})),"name"))):function(e,t){var n=d.a.toObject(t,"id"),r={};return e.forEach((function(e){var t,a,o=n[e.userId],i=null!==(t=p.a.getUserTypeString(o))&&void 0!==t?t:b("unknown");r[i]=null!==(a=r[i])&&void 0!==a?a:0,r[i]++})),Object(y.a)(d.a.sortBy(Object.keys(r).map((function(e){return{name:Object(v.b)(e),y:r[e],type:"pie"}})),"name"))}(e.events,e.users);return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"d-flex align-items-start justify-content-between w-100"},a.a.createElement("div",null,a.a.createElement("h6",{className:"m-0"},"yearGroup"===n?e.yearGroupTitle:e.userTypeTitle),a.a.createElement("strong",{className:O.a.totalCount},function(e){return e.reduce((function(e,t){return e+t.y}),0)}(g))),a.a.createElement(C,{selectedOption:n,onSelect:r})),g.length?a.a.createElement(u.a,{highcharts:i.a,options:h(g,e.seriesName),containerProps:{className:"".concat(O.a.chartContainer," position-absolute w-100 h-75 flex-grow-1")}}):e.emptyStateComponent)}},903:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),o=n(882),i=n.n(o);function c(){return a.a.createElement("div",{className:"partial-loading-background mb-2 ".concat(i.a.partialHeading)})}},914:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(881),i=n.n(o),c=n(889),u=n.n(c),l=n(33),s=n(34),f=n(875),d=n(7),m=n(49),p=n(45),v=n(168),y=n(866),g=n(876),b=35,h=365,E={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},O={day:"D MMM",month:"MMM",year:"YYYY"},j={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},w={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"}}},A=d.a.encloseNamespace("shared.userActivityBarChart");function S(e,t,n,r){var a=m.a.toObject(t,"id"),o=function(e){var t=p.a.timeBetween(e.from,e.to,"day");return t>h?"year":t>b?"month":"day"}(r),i=function(e,t){var n=[],r=p.a.format(e.from,E[t]);do{n.push(r),r=p.a.format(p.a.add(r,1,t),E[t])}while(!p.a.isAfter(r,e.to,t));return n}(r,o),c={};e.forEach((function(e){var t,r,i,u=p.a.format(p.a.convertUTCToLocal(n(e)),E[o]),l=a[e.userId],s=null!==(t=v.a.getUserTypeString(l))&&void 0!==t?t:A("unknown");c[s]=null!==(r=c[s])&&void 0!==r?r:{},c[s][u]=null!==(i=c[s][u])&&void 0!==i?i:0,c[s][u]++}));var u=Object.keys(c),l=u.length?u.map((function(e){return{name:Object(y.b)(e),type:"column",data:i.map((function(t){var n;return null!==(n=c[e][t])&&void 0!==n?n:0}))}})):[{type:"column",data:i.map((function(){return 0}))}],s=Object.assign({},j);return u.length||(s.enabled=!1),{categories:i.map((function(e){return p.a.format(e,O[o])})),legendOptions:s,seriesData:Object(g.a)(l)}}function N(e,t,n,r){var a=S(e,t,n,r);return Object.assign(Object.assign({},w),{xAxis:{categories:a.categories},legend:a.legendOptions,series:a.seriesData})}var C=n(882),k=n.n(C);function T(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}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,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){var t=T(Object(l.a)(s.a.DATE_RANGE_QUERY_PARAMS),1)[0];return Object(f.a)(),a.a.createElement("div",{className:"position-relative h-100"},a.a.createElement("h6",{className:k.a.heading},e.title),a.a.createElement(u.a,{highcharts:i.a,options:N(e.events,e.users,e.getEventDate,t),containerProps:{className:"".concat(k.a.chartContainer," position-absolute w-100 h-100")}}))}n.d(t,"a",(function(){return x}))}}]);
|