@clickview/reports 0.67.0-rc.0 → 0.67.0-rc.2

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.
Files changed (12) hide show
  1. package/dist/bundles.json +1 -1
  2. package/dist/languages/en.json +1 -1
  3. package/dist/scripts/{6007-b0e4f1bffb-reports.chunk.js → 6007-6d5add355e-reports.chunk.js} +1 -1
  4. package/dist/scripts/{5989-2988c377c9-reports.chunk.js → 6546-eb5d3095d6-reports.chunk.js} +2 -2
  5. package/dist/scripts/{6724-f2411f418d-reports.chunk.js → 6724-1ef45fea30-reports.chunk.js} +1 -1
  6. package/dist/scripts/{8622-15284ad802-reports.chunk.js → 8622-4fc5ac5ea3-reports.chunk.js} +1 -1
  7. package/dist/scripts/{9822-016fe088fa-reports.chunk.js → 9822-1d14c7ee14-reports.chunk.js} +1 -1
  8. package/dist/scripts/{bundle-28a0141d42.min.js → bundle-9ffe5eaa74.min.js} +2 -2
  9. package/package.json +1 -1
  10. /package/dist/css/{5989-reports-523a36d09d.chunk.css → 6546-reports-523a36d09d.chunk.css} +0 -0
  11. /package/dist/scripts/{5989-2988c377c9-reports.chunk.js.LICENSE.txt → 6546-eb5d3095d6-reports.chunk.js.LICENSE.txt} +0 -0
  12. /package/dist/scripts/{bundle-28a0141d42.min.js.LICENSE.txt → bundle-9ffe5eaa74.min.js.LICENSE.txt} +0 -0
package/dist/scripts/{6724-f2411f418d-reports.chunk.js → 6724-1ef45fea30-reports.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[6724],{32119:(e,t,n)=>{n.d(t,{G:()=>i});var r=n(32735),a=n(71365);function i(e){var t,n;return t=e,n=a.u.getInstance(t),r.useEffect(function(){return function(){a.u.releaseInstance(t)}}),n}},31453:(e,t,n)=>{function r(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];if(!t.length)return"";var r=t.filter(function(e){return!!e});return r.length?r.join(" "):""}n.d(t,{A:()=>r})},93618:(e,t,n)=>{n.d(t,{_:()=>s});var r=n(32735),a=n(80247),i=n(34152),o=n(83914),l=n(35223);const c={container:"VwD1b",spinner:"eJ85e"};function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t,n,s=(t=(0,i.YD)(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=s[0],f=s[1];return r.useEffect(function(){var t;e.fetchOnScroll&&f&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))},[f,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat(c.container)},e.isFetching?r.createElement(a.Z,{as:"span",animation:"border",role:"status",className:c.spinner}):r.createElement("div",{ref:d},r.createElement(o.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:o.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}})))}s.defaultProps={fetchOnScroll:!1}},52641:(e,t,n)=>{n.d(t,{_:()=>r});var r={MULTI_PRESENTATION_THRESHOLD:2}},69883:(e,t,n)=>{n.d(t,{Z:()=>o});var r=n(79976),a=n(60139),i=n(32119);function o(){var e=(0,i.G)(r.P.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:a.NK.Warning,heading:a.R6.Warning,message:t})},info:function(t,n){e.createAlert({heading:t,message:n,type:a.NK.Info})}}}},39902:(e,t,n)=>{n.d(t,{FN:()=>v,fh:()=>m});var r=n(32735),a=n(20354),i=n(75896);function o(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||l(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 l(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t,n){return(t=function(e){var t=function(e){if("object"!=u(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=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},f=50;function m(e,t){var n=i.m.chunk(e,f).map(function(e){return t(i.m.uniq(e))}),r=a.a.useBasicFetchAll(n),o=i.m.flatten(r.data),l=r.data.length?o.reduce(function(e,t){return Object.assign(Object.assign({},e),s({},t.id,t))},{}):null;return{itemsArr:o,items:l,isFetching:r.isFetching,hasCompleted:r.hasCompleted}}function v(e,t,n){var c=null!=n?n:function(e){return"object"===u(e)?e.id:e},m=function(e){var t,n,c,d,m,v=null!==(t=e._getKey)&&void 0!==t?t:function(e){return"object"===u(e)?e.id:e},y=r.useRef(new Set),h=(d=r.useState([]),m=2,function(e){if(Array.isArray(e))return e}(d)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(d,m)||l(d,m)||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.")}()),g=h[0],b=h[1];var p=a.a.useBasicFetchAll(g),E=i.m.flatten(p.data),w=p.data.length?E.reduce(function(e,t){return Object.assign(Object.assign({},e),s({},v(t),t))},{}):null;return{hasFirstRequestCompleted:!!(null===(c=null===(n=p.responses)||void 0===n?void 0:n[0])||void 0===c?void 0:c.hasCompleted),itemsArr:E,items:w,isFetching:p.isFetching,fetchItems:function(t){if(null==t?void 0:t.length){var n=[];t.forEach(function(e){var t=v(e);y.current.has(t)||(n.push(e),y.current.add(t))}),n.length&&b(function(t){return[].concat(o(t),o(i.m.chunk(n,f).map(e.getRequest)))})}}}}({getRequest:t,_getKey:n}),v=m.fetchItems,y=d(m,["fetchItems"]);return r.useEffect(function(){(null==e?void 0:e.length)&&v(e)},[null==e?void 0:e.map(c).join(",")]),y}},60115:(e,t,n)=>{n.d(t,{K:()=>u});var r=n(32735),a=n(50242),i=n(79014),o=400,l=n(45719);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t,n,u,s,d){var f,m,v,y,h=(f=(0,r.useState)(0),m=2,function(e){if(Array.isArray(e))return e}(f)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(f,m)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(f,m)||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.")}()),g=h[0],b=h[1],p=t,E=(0,l.P)(function(t){if(!e)return null;var n=e(t);return n?n.key:null},u,s);return v={fetchNextPage:function(){if(t&&e&&E)return b(function(e){return e+1}),p(E.nextCursor)},hasMore:!!(null==E?void 0:E.nextCursor),isFetching:null==E?void 0:E.isFetching,scrollContainer:d},y=function(){if(!v.isFetching){if(v.scrollContainer){var e=v.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-o)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-o)return;v.fetchNextPage()}},(0,r.useEffect)(function(){var e=i.q.throttle(y,200),t=v.scrollContainer||window;return v.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}},[v.hasMore,v.fetchNextPage,v.scrollContainer]),(0,r.useEffect)(function(){E&&E.shouldInitialFetch&&t&&(p(),b(function(e){return e+1}))},[null==E?void 0:E.shouldInitialFetch,t]),(0,r.useEffect)(function(){var e,t;if((null==E?void 0:E.statusCode)&&i.q.isFunction(n)){var r=+(null===(t=null===(e=E.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));r!==a.k.ClientError&&r!==a.k.ServerError||n(g,E.statusCode)}},[null==E?void 0:E.statusCode]),{items:null==E?void 0:E.items,hasMore:!!(null==E?void 0:E.nextCursor),nextCursor:null==E?void 0:E.nextCursor,isFetching:null==E?void 0:E.isFetching,totalItems:null==E?void 0:E.totalItems,hasFirstPageCompleted:null==E?void 0:E.hasFirstPageCompleted}}},93264:(e,t,n)=>{n.d(t,{T:()=>i});var r=n(21161),a=function(e,t,n){var r=t-(e=e.toString()).length;return r<=0?e:new Array(r+1).join(n)+e},i={ToDisplayDuration:function(e,t){if(!r.isNumber(e))return"";var n=new Date(e),i=n.getUTCHours(),o=a(n.getUTCMinutes(),2,"0"),l=a(n.getUTCSeconds(),2,"0");return t||i>0?"".concat(i,":").concat(o,":").concat(l):"".concat(o,":").concat(l)},ToDisplayDurationNewStyle:function(e,t){if(!r.isNumber(e))return"";var n=new Date(e),a=n.getUTCHours(),i=n.getUTCMinutes(),o=n.getUTCSeconds();if((a>0||i>0)&&o>=30&&(i+=1),a>0){var l=a>1?"hrs":"hr";return i>0?t&&o>0?"".concat(a).concat(l," ").concat(i,"m ").concat(o,"s"):"".concat(a).concat(l," ").concat(i,"m "):"".concat(a," ").concat(l)}return i>0?t&&o>0?"".concat(i,"m ").concat(o,"s"):"".concat(i,"m"):"".concat(o,"s")}}},45778:(e,t,n)=>{n.d(t,{G:()=>a});var r=n(4594),a={isType:function(e,t){var n;return(null==e?void 0:e.typeId)?e.typeId===t:(null===(n=null==e?void 0:e.type)||void 0===n?void 0:n.toLowerCase())===r.E[t].toLowerCase()},isResource:function(e){return a.isType(e,r.E.Resource)},isClassification:function(e){return"Subject"===e.type}}},24926:(e,t,n)=>{n.r(t),n.d(t,{SchoolVideoViewsView:()=>Z});var r=n(32735),a=n(39202),i=n(23481),o=n(2948),l=n(20354),c=n(54316),u=n(49475),s=n(28825),d=n(86764),f=n(3747);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var v={numItems:5,minWidth:50,maxWidth:100},y=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},v),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map(function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}})},h=n(35223),g=n(83914);function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var E=i.T.encloseNamespace("shared.breadcrumbComponent"),w=r.forwardRef(function(e,t){var n=e.breadcrumb,a=n.name,i=n.appLink,o=n.active,l=e.withBackIcon,c=a,u=null;return c.length>48&&(c=a.slice(0,48)+"...",u=a),r.createElement("li",{className:"breadcrumb-item".concat(o?" active":""),title:u},o?r.createElement("strong",null,c):r.createElement(s.F,{appLink:i,ref:t},l&&r.createElement(g.x,{svgName:h.vn.ChevronLeft,size:g.S.Small}),r.createElement("span",{className:l?"ms-2":""},c)))}),S=function(e){var t=e.breadcrumbs,n=(0,f.a)(d.r.XS),a=(null==t?void 0:t.length)||0,i=b(r.useState(!1),2),o=i[0],l=i[1],c=b(r.useState(!1),2),u=c[0],s=c[1],m=r.useRef(null);if(r.useEffect(function(){var e,n=null!==(e=null==t?void 0:t.reduce(function(e,t){return e+t.name.length},0))&&void 0!==e?e:0;a>4&&n>64&&l(!0)},[null==t?void 0:t.length]),r.useLayoutEffect(function(){var e;u&&(null===(e=m.current)||void 0===e||e.focus())},[m.current,u]),!a||n&&a<2)return r.createElement(r.Fragment,null);if(n)return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(w,{breadcrumb:t[a-2],withBackIcon:!0})));var v=r.createElement(w,{breadcrumb:t[0]}),y=a>2?r.createElement(w,{breadcrumb:t[1]}):r.createElement(r.Fragment,null),h=a>3?r.createElement(w,{breadcrumb:t[a-2]}):r.createElement(r.Fragment,null),g=a>1?r.createElement(w,{breadcrumb:t[a-1]}):r.createElement(r.Fragment,null),p=t.slice(2,a-2);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},v,y,o?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){l(!1),s(!0)},"aria-label":E("expand")},"...")):p.map(function(e,t){return r.createElement(w,{key:t,breadcrumb:e,ref:0===t?m:null})}),h,g))},A=r.memo(function(e){var t=e.numItems,n=void 0===t?3:t;return(0,f.a)(d.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},y({numItems:n}).map(function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))})))}),I=n(93618),C=n(4594),O=n(60051),j=n(39151),N=n(47812),x=n(31949),F=n(39902),k=n(60115),T=n(52748),M=n(31908),R=n(17285),V=n(74332),U=n(92209),_=n(28512),L=n(79489),P=n(92337),B=n(99827),D=n(36630),H=n(55554),$=n(87480),W=n(21295),K=n(48490),q=n(6042),z=n(62264);const G={rowA:"Xi018",videoEngagement:"Ubub9"};function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var Y=i.T.encloseNamespace("reportsVideos.schoolVideoViews");function Z(e){var t,n,i,s,d,f=l.a.useGetFetchAsync(),m=(s=(0,o.D)(L.y.ANONYMISE_USERS),d=1,function(e){if(Array.isArray(e))return e}(s)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(s,d)||function(e,t){if(e){if("string"==typeof e)return X(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}(s,d)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],v=(0,B.R)(),y=(0,B.b)(),h=M.M.getVideoRequest(e.id,e.typeId),g=l.a.useBasicFetch(h),b=l.a.useBasicFetch(j.L.config()),p=l.a.useBasicFetch(P.p.videoHeatMapAggregation(e.id,v)),E=l.a.useBasicFetch(N.k.createViewKey(e.id,O.f.MasterObject)),w=function(t){return P.p.videoHeatMap(e.id,v,t)},Z=function(e){return f(w(e))},J=(0,k.K)(w,Z),Q=J.items,ee=J.hasMore,te=J.isFetching,ne=J.nextCursor,re=J.hasFirstPageCompleted,ae=null==Q?void 0:Q.map(function(e){return e.userId}).filter(function(e){return!!e}),ie=(0,F.FN)(ae,x.N.getById),oe=ie.items,le=ie.hasFirstRequestCompleted;(0,D.M)(g),(0,T.M)({title:Y("title",{video:null===(t=g.data)||void 0===t?void 0:t.name})}),(0,$.U)(null===(n=g.data)||void 0===n?void 0:n.name),(0,H._)((0,W.yH)(g.data,function(){var t,n=a.C$.getCurrentAppLink(),r="";return(null===(t=null==n?void 0:n.args)||void 0===t?void 0:t[0])?(e.typeId===C.E.Interactive&&(r="/interactives/".concat(null==n?void 0:n.args[0])),e.typeId===C.E.Video&&(r="/videos/".concat(null==n?void 0:n.args[0])),e.typeId===C.E.Clip&&(r="/clips/".concat(null==n?void 0:n.args[0])),r):r}));var ce=null==Q?void 0:Q.map(function(e){return Object.assign(Object.assign({},function(e){return e.userId?(null==oe?void 0:oe[e.userId])||{id:e.userId,deleted:!0}:{sessionId:e.sessionId}}(e)),{percentage:e.engagementRate})}),ue=g.hasCompleted&&b.data&&E.data&&p.hasCompleted,se=!!g.hasCompleted&&re&&(le||!(null==ae?void 0:ae.length));return r.createElement("div",null,r.createElement("div",{className:"mb-3"},g.data?r.createElement(S,{breadcrumbs:[{name:Y("videoViews"),appLink:{application:_.O.VIDEOS,action:U.e.Videos.HOME}},{name:g.data.name,active:!0}]}):r.createElement(A,null)),r.createElement("div",{className:"d-flex flex-column gap-3"},r.createElement("div",{className:"".concat(G.rowA," w-100")},r.createElement(q.m,{videoId:e.id,type:"user_type"})),r.createElement("div",{className:"w-100"},r.createElement("div",{className:"row"},r.createElement("div",{className:"".concat(G.rowB," col row")},r.createElement("div",{className:"col-6"},r.createElement(K.T,{videoId:e.id,type:"year_group"})),r.createElement("div",{className:"col-6"},r.createElement(z.M,{videoId:e.id}))),r.createElement("div",{className:G.videoEngagement},ue?r.createElement(V.p,{heading:Y("totalEngagement"),className:"p-3 h-auto",engagement:p.data,viewKey:E.data.viewKey,playerApiUrl:b.data.playerApiUrl,imageCdnUrl:b.data.imageCdnUrl}):r.createElement(R.O,{hasHeading:!0})))),se&&r.createElement(r.Fragment,null,r.createElement(c.z,{key:(0,u.u)(y),engagement:Q,users:ce,imageCdnUrl:null===(i=b.data)||void 0===i?void 0:i.imageCdnUrl,anonymiseUsers:m}),(ee||te)&&r.createElement(I._,{isFetching:te,fetchNext:Z,nextCursor:ne}))))}},94513:(e,t,n)=>{n.d(t,{C:()=>d});var r=n(32735),a=n(72306),i=n.n(a),o=n(70312),l=n.n(o),c=n(37851),u={chart:{spacing:[4,0,4,0]},title:{text:null},tooltip:{enabled:!1},credits:{enabled:!1},yAxis:{gridLineWidth:0,labels:{enabled:!1},title:{text:null},endOnTick:!0,tickAmount:10},xAxis:{lineWidth:0,labels:{style:Object.assign({},c.d)}},legend:{enabled:!1},plotOptions:{column:{borderRadius:4,dataLabels:{enabled:!0,style:c.d,inside:!1,crop:!1,overflow:"allow"},groupPadding:0,minPointLength:8}},series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}}}]},s=function(e,t){return Object.assign(Object.assign({},u),{xAxis:Object.assign(Object.assign({},u.xAxis),{categories:e}),series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}},data:t}]})};function d(e){var t=s(e.data.map(function(e){return e.name}),e.data);return r.createElement(r.Fragment,null,r.createElement(l(),{highcharts:i(),options:t,containerProps:{className:"h-100"}}))}},87480:(e,t,n)=>{n.d(t,{U:()=>l});var r=n(32735),a=n(2948),i=n(79489);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t,n,l=(t=(0,a.D)(i.y.HEADER_TITLE),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)(function(){return l(e),function(){l(null)}},[e])}},62264:(e,t,n)=>{n.d(t,{M:()=>b});var r=n(32735),a=n(20354),i=n(83345),o=n(94513),l=n(92337),c=n(99827),u=n(39709),s=n(23481),d=n(90383),f=n(55884);const m={image:"wMBEp"};var v=s.T.encloseNamespace("reportsShared.totalViewsByRoleCardEmptyState");function y(){return r.createElement(d.u,{className:"flex-grow-1 justify-content-center"},r.createElement(d.u.Image,{src:f.W.EmptyStates.Shared.Ticket,className:m.image}),r.createElement(d.u.Heading,{className:"h6"},v("heading")),r.createElement(d.u.Info,{className:"w-100"},v("description")))}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var g="reportsShared.videoViewsByRoleCard";function b(e){var t=(0,c.R)(),n=function(e){if(!e)return null;var t,n,r=e.map(function(e){return{name:(0,u.jt)(e.name),y:e.count,color:(0,u.$v)(e.name)}}),a=r.findIndex(function(e){return"Staff"===e.name});if(a>-1){var i=(t=r.splice(a,1),n=1,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return h(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];r.push(i)}return r}(a.a.useBasicFetch(e.videoId?l.p.videoAggregation(e.videoId,"user_type",t):l.p.aggregation("user_type",t)).data);return r.createElement("div",{className:"d-flex flex-column h-100 bg-white rounded p-3"},n?r.createElement(r.Fragment,null,r.createElement("h2",{className:"h6 mb-3"},r.createElement(i.x,{namespace:g,phrase:"videoViews"})),n.length?r.createElement("div",{className:"flex-grow-1 position-relative"},r.createElement("div",{className:"position-absolute w-100 h-100"},r.createElement(o.C,{data:n}))):r.createElement(y,null)):r.createElement("div",{className:"partial-loading-background w-25"}," "))}},34152:(e,t,n)=>{n.d(t,{YD:()=>u});var r=n(32735),a=(Object.defineProperty,new Map),i=new WeakMap,o=0,l=void 0;function c(e,t,n={},r=l){if(void 0===window.IntersectionObserver&&void 0!==r){const a=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:a,intersectionRect:a,rootBounds:a}),()=>{}}const{id:c,observer:u,elements:s}=function(e){const t=function(e){return Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{return`${t}_${"root"===t?(n=e.root,n?(i.has(n)||(o+=1,i.set(n,o.toString())),i.get(n)):"0"):e[t]}`;var n}).toString()}(e);let n=a.get(t);if(!n){const r=new Map;let i;const o=new IntersectionObserver(t=>{t.forEach(t=>{var n;const a=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=a),null==(n=r.get(t.target))||n.forEach(e=>{e(a,t)})})},e);i=o.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:o,elements:r},a.set(t,n)}return n}(n),d=s.get(e)||[];return s.has(e)||s.set(e,d),d.push(t),u.observe(e),function(){d.splice(d.indexOf(t),1),0===d.length&&(s.delete(e),u.unobserve(e)),0===s.size&&(u.disconnect(),a.delete(c))}}function u({threshold:e,delay:t,trackVisibility:n,rootMargin:a,root:i,triggerOnce:o,skip:l,initialInView:u,fallbackInView:s,onChange:d}={}){var f;const[m,v]=r.useState(null),y=r.useRef(),[h,g]=r.useState({inView:!!u,entry:void 0});y.current=d,r.useEffect(()=>{if(l||!m)return;let r;return r=c(m,(e,t)=>{g({inView:e,entry:t}),y.current&&y.current(e,t),t.isIntersecting&&o&&r&&(r(),r=void 0)},{root:i,rootMargin:a,threshold:e,trackVisibility:n,delay:t},s),()=>{r&&r()}},[Array.isArray(e)?e.toString():e,m,i,a,o,l,n,s,t]);const b=null==(f=h.entry)?void 0:f.target,p=r.useRef();m||!b||o||l||p.current===b||(p.current=b,g({inView:!!u,entry:void 0}));const E=[v,h.inView,h.entry];return E.ref=E[0],E.inView=E[1],E.entry=E[2],E}r.Component}}]);
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[6724],{32119:(e,t,n)=>{n.d(t,{G:()=>i});var r=n(32735),a=n(71365);function i(e){var t,n;return t=e,n=a.u.getInstance(t),r.useEffect(function(){return function(){a.u.releaseInstance(t)}}),n}},31453:(e,t,n)=>{function r(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];if(!t.length)return"";var r=t.filter(function(e){return!!e});return r.length?r.join(" "):""}n.d(t,{A:()=>r})},93618:(e,t,n)=>{n.d(t,{_:()=>s});var r=n(32735),a=n(80247),i=n(34152),o=n(83914),l=n(35223);const c={container:"VwD1b",spinner:"eJ85e"};function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t,n,s=(t=(0,i.YD)(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=s[0],f=s[1];return r.useEffect(function(){var t;e.fetchOnScroll&&f&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))},[f,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat(c.container)},e.isFetching?r.createElement(a.Z,{as:"span",animation:"border",role:"status",className:c.spinner}):r.createElement("div",{ref:d},r.createElement(o.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:o.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}})))}s.defaultProps={fetchOnScroll:!1}},52641:(e,t,n)=>{n.d(t,{_:()=>r});var r={MULTI_PRESENTATION_THRESHOLD:2}},69883:(e,t,n)=>{n.d(t,{Z:()=>o});var r=n(79976),a=n(60139),i=n(32119);function o(){var e=(0,i.G)(r.P.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:a.NK.Warning,heading:a.R6.Warning,message:t})},info:function(t,n){e.createAlert({heading:t,message:n,type:a.NK.Info})}}}},39902:(e,t,n)=>{n.d(t,{FN:()=>v,fh:()=>m});var r=n(32735),a=n(20354),i=n(75896);function o(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||l(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 l(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t,n){return(t=function(e){var t=function(e){if("object"!=u(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=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},f=50;function m(e,t){var n=i.m.chunk(e,f).map(function(e){return t(i.m.uniq(e))}),r=a.a.useBasicFetchAll(n),o=i.m.flatten(r.data),l=r.data.length?o.reduce(function(e,t){return Object.assign(Object.assign({},e),s({},t.id,t))},{}):null;return{itemsArr:o,items:l,isFetching:r.isFetching,hasCompleted:r.hasCompleted}}function v(e,t,n){var c=null!=n?n:function(e){return"object"===u(e)?e.id:e},m=function(e){var t,n,c,d,m,v=null!==(t=e._getKey)&&void 0!==t?t:function(e){return"object"===u(e)?e.id:e},y=r.useRef(new Set),h=(d=r.useState([]),m=2,function(e){if(Array.isArray(e))return e}(d)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(d,m)||l(d,m)||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.")}()),g=h[0],b=h[1];var p=a.a.useBasicFetchAll(g),E=i.m.flatten(p.data),w=p.data.length?E.reduce(function(e,t){return Object.assign(Object.assign({},e),s({},v(t),t))},{}):null;return{hasFirstRequestCompleted:!!(null===(c=null===(n=p.responses)||void 0===n?void 0:n[0])||void 0===c?void 0:c.hasCompleted),itemsArr:E,items:w,isFetching:p.isFetching,fetchItems:function(t){if(null==t?void 0:t.length){var n=[];t.forEach(function(e){var t=v(e);y.current.has(t)||(n.push(e),y.current.add(t))}),n.length&&b(function(t){return[].concat(o(t),o(i.m.chunk(n,f).map(e.getRequest)))})}}}}({getRequest:t,_getKey:n}),v=m.fetchItems,y=d(m,["fetchItems"]);return r.useEffect(function(){(null==e?void 0:e.length)&&v(e)},[null==e?void 0:e.map(c).join(",")]),y}},60115:(e,t,n)=>{n.d(t,{K:()=>u});var r=n(32735),a=n(50242),i=n(79014),o=400,l=n(45719);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t,n,u,s,d){var f,m,v,y,h=(f=(0,r.useState)(0),m=2,function(e){if(Array.isArray(e))return e}(f)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(f,m)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(f,m)||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.")}()),g=h[0],b=h[1],p=t,E=(0,l.P)(function(t){if(!e)return null;var n=e(t);return n?n.key:null},u,s);return v={fetchNextPage:function(){if(t&&e&&E)return b(function(e){return e+1}),p(E.nextCursor)},hasMore:!!(null==E?void 0:E.nextCursor),isFetching:null==E?void 0:E.isFetching,scrollContainer:d},y=function(){if(!v.isFetching){if(v.scrollContainer){var e=v.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-o)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-o)return;v.fetchNextPage()}},(0,r.useEffect)(function(){var e=i.q.throttle(y,200),t=v.scrollContainer||window;return v.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}},[v.hasMore,v.fetchNextPage,v.scrollContainer]),(0,r.useEffect)(function(){E&&E.shouldInitialFetch&&t&&(p(),b(function(e){return e+1}))},[null==E?void 0:E.shouldInitialFetch,t]),(0,r.useEffect)(function(){var e,t;if((null==E?void 0:E.statusCode)&&i.q.isFunction(n)){var r=+(null===(t=null===(e=E.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));r!==a.k.ClientError&&r!==a.k.ServerError||n(g,E.statusCode)}},[null==E?void 0:E.statusCode]),{items:null==E?void 0:E.items,hasMore:!!(null==E?void 0:E.nextCursor),nextCursor:null==E?void 0:E.nextCursor,isFetching:null==E?void 0:E.isFetching,totalItems:null==E?void 0:E.totalItems,hasFirstPageCompleted:null==E?void 0:E.hasFirstPageCompleted}}},93264:(e,t,n)=>{n.d(t,{T:()=>i});var r=n(21161),a=function(e,t,n){var r=t-(e=e.toString()).length;return r<=0?e:new Array(r+1).join(n)+e},i={ToDisplayDuration:function(e,t){if(!r.isNumber(e))return"";var n=new Date(e),i=n.getUTCHours(),o=a(n.getUTCMinutes(),2,"0"),l=a(n.getUTCSeconds(),2,"0");return t||i>0?"".concat(i,":").concat(o,":").concat(l):"".concat(o,":").concat(l)},ToDisplayDurationNewStyle:function(e,t){if(!r.isNumber(e))return"";var n=new Date(e),a=n.getUTCHours(),i=n.getUTCMinutes(),o=n.getUTCSeconds();if((a>0||i>0)&&o>=30&&(i+=1),a>0){var l=a>1?"hrs":"hr";return i>0?t&&o>0?"".concat(a).concat(l," ").concat(i,"m ").concat(o,"s"):"".concat(a).concat(l," ").concat(i,"m "):"".concat(a," ").concat(l)}return i>0?t&&o>0?"".concat(i,"m ").concat(o,"s"):"".concat(i,"m"):"".concat(o,"s")}}},45778:(e,t,n)=>{n.d(t,{G:()=>a});var r=n(4594),a={isType:function(e,t){var n;return(null==e?void 0:e.typeId)?e.typeId===t:(null===(n=null==e?void 0:e.type)||void 0===n?void 0:n.toLowerCase())===r.E[t].toLowerCase()},isResource:function(e){return a.isType(e,r.E.Resource)},isClassification:function(e){return"Subject"===e.type}}},24926:(e,t,n)=>{n.r(t),n.d(t,{SchoolVideoViewsView:()=>Z});var r=n(32735),a=n(39202),i=n(23481),o=n(2948),l=n(20354),c=n(54316),u=n(49475),s=n(28825),d=n(86764),f=n(3747);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var v={numItems:5,minWidth:50,maxWidth:100},y=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},v),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map(function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}})},h=n(35223),g=n(83914);function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var E=i.T.encloseNamespace("shared.breadcrumbComponent"),w=r.forwardRef(function(e,t){var n=e.breadcrumb,a=n.name,i=n.appLink,o=n.active,l=e.withBackIcon,c=a,u=null;return c.length>48&&(c=a.slice(0,48)+"...",u=a),r.createElement("li",{className:"breadcrumb-item".concat(o?" active":""),title:u},o?r.createElement("strong",null,c):r.createElement(s.F,{appLink:i,ref:t},l&&r.createElement(g.x,{svgName:h.vn.ChevronLeft,size:g.S.Small}),r.createElement("span",{className:l?"ms-2":""},c)))}),S=function(e){var t=e.breadcrumbs,n=(0,f.a)(d.r.XS),a=(null==t?void 0:t.length)||0,i=b(r.useState(!1),2),o=i[0],l=i[1],c=b(r.useState(!1),2),u=c[0],s=c[1],m=r.useRef(null);if(r.useEffect(function(){var e,n=null!==(e=null==t?void 0:t.reduce(function(e,t){return e+t.name.length},0))&&void 0!==e?e:0;a>4&&n>64&&l(!0)},[null==t?void 0:t.length]),r.useLayoutEffect(function(){var e;u&&(null===(e=m.current)||void 0===e||e.focus())},[m.current,u]),!a||n&&a<2)return r.createElement(r.Fragment,null);if(n)return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(w,{breadcrumb:t[a-2],withBackIcon:!0})));var v=r.createElement(w,{breadcrumb:t[0]}),y=a>2?r.createElement(w,{breadcrumb:t[1]}):r.createElement(r.Fragment,null),h=a>3?r.createElement(w,{breadcrumb:t[a-2]}):r.createElement(r.Fragment,null),g=a>1?r.createElement(w,{breadcrumb:t[a-1]}):r.createElement(r.Fragment,null),p=t.slice(2,a-2);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},v,y,o?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){l(!1),s(!0)},"aria-label":E("expand")},"...")):p.map(function(e,t){return r.createElement(w,{key:t,breadcrumb:e,ref:0===t?m:null})}),h,g))},A=r.memo(function(e){var t=e.numItems,n=void 0===t?3:t;return(0,f.a)(d.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},y({numItems:n}).map(function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))})))}),I=n(93618),C=n(4594),O=n(60051),j=n(39151),N=n(47812),x=n(31949),F=n(39902),k=n(60115),T=n(52748),M=n(31908),R=n(17285),V=n(10423),U=n(92209),_=n(28512),L=n(79489),P=n(92337),B=n(99827),D=n(36630),H=n(55554),$=n(87480),W=n(21295),K=n(48490),q=n(6042),z=n(62264);const G={rowA:"Xi018",videoEngagement:"Ubub9"};function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var Y=i.T.encloseNamespace("reportsVideos.schoolVideoViews");function Z(e){var t,n,i,s,d,f=l.a.useGetFetchAsync(),m=(s=(0,o.D)(L.y.ANONYMISE_USERS),d=1,function(e){if(Array.isArray(e))return e}(s)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(s,d)||function(e,t){if(e){if("string"==typeof e)return X(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}(s,d)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],v=(0,B.R)(),y=(0,B.b)(),h=M.M.getVideoRequest(e.id,e.typeId),g=l.a.useBasicFetch(h),b=l.a.useBasicFetch(j.L.config()),p=l.a.useBasicFetch(P.p.videoHeatMapAggregation(e.id,v)),E=l.a.useBasicFetch(N.k.createViewKey(e.id,O.f.MasterObject)),w=function(t){return P.p.videoHeatMap(e.id,v,t)},Z=function(e){return f(w(e))},J=(0,k.K)(w,Z),Q=J.items,ee=J.hasMore,te=J.isFetching,ne=J.nextCursor,re=J.hasFirstPageCompleted,ae=null==Q?void 0:Q.map(function(e){return e.userId}).filter(function(e){return!!e}),ie=(0,F.FN)(ae,x.N.getById),oe=ie.items,le=ie.hasFirstRequestCompleted;(0,D.M)(g),(0,T.M)({title:Y("title",{video:null===(t=g.data)||void 0===t?void 0:t.name})}),(0,$.U)(null===(n=g.data)||void 0===n?void 0:n.name),(0,H._)((0,W.yH)(g.data,function(){var t,n=a.C$.getCurrentAppLink(),r="";return(null===(t=null==n?void 0:n.args)||void 0===t?void 0:t[0])?(e.typeId===C.E.Interactive&&(r="/interactives/".concat(null==n?void 0:n.args[0])),e.typeId===C.E.Video&&(r="/videos/".concat(null==n?void 0:n.args[0])),e.typeId===C.E.Clip&&(r="/clips/".concat(null==n?void 0:n.args[0])),r):r}));var ce=null==Q?void 0:Q.map(function(e){return Object.assign(Object.assign({},function(e){return e.userId?(null==oe?void 0:oe[e.userId])||{id:e.userId,deleted:!0}:{sessionId:e.sessionId}}(e)),{percentage:e.engagementRate})}),ue=g.hasCompleted&&b.data&&E.data&&p.hasCompleted,se=!!g.hasCompleted&&re&&(le||!(null==ae?void 0:ae.length));return r.createElement("div",null,r.createElement("div",{className:"mb-3"},g.data?r.createElement(S,{breadcrumbs:[{name:Y("videoViews"),appLink:{application:_.O.VIDEOS,action:U.e.Videos.HOME}},{name:g.data.name,active:!0}]}):r.createElement(A,null)),r.createElement("div",{className:"d-flex flex-column gap-3"},r.createElement("div",{className:"".concat(G.rowA," w-100")},r.createElement(q.m,{videoId:e.id,type:"user_type"})),r.createElement("div",{className:"w-100"},r.createElement("div",{className:"row"},r.createElement("div",{className:"".concat(G.rowB," col row")},r.createElement("div",{className:"col-6"},r.createElement(K.T,{videoId:e.id,type:"year_group"})),r.createElement("div",{className:"col-6"},r.createElement(z.M,{videoId:e.id}))),r.createElement("div",{className:G.videoEngagement},ue?r.createElement(V.p,{heading:Y("totalEngagement"),className:"p-3 h-auto",engagement:p.data,viewKey:E.data.viewKey,playerApiUrl:b.data.playerApiUrl,imageCdnUrl:b.data.imageCdnUrl}):r.createElement(R.O,{hasHeading:!0})))),se&&r.createElement(r.Fragment,null,r.createElement(c.z,{key:(0,u.u)(y),engagement:Q,users:ce,imageCdnUrl:null===(i=b.data)||void 0===i?void 0:i.imageCdnUrl,anonymiseUsers:m}),(ee||te)&&r.createElement(I._,{isFetching:te,fetchNext:Z,nextCursor:ne}))))}},94513:(e,t,n)=>{n.d(t,{C:()=>d});var r=n(32735),a=n(72306),i=n.n(a),o=n(70312),l=n.n(o),c=n(37851),u={chart:{spacing:[4,0,4,0]},title:{text:null},tooltip:{enabled:!1},credits:{enabled:!1},yAxis:{gridLineWidth:0,labels:{enabled:!1},title:{text:null},endOnTick:!0,tickAmount:10},xAxis:{lineWidth:0,labels:{style:Object.assign({},c.d)}},legend:{enabled:!1},plotOptions:{column:{borderRadius:4,dataLabels:{enabled:!0,style:c.d,inside:!1,crop:!1,overflow:"allow"},groupPadding:0,minPointLength:8}},series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}}}]},s=function(e,t){return Object.assign(Object.assign({},u),{xAxis:Object.assign(Object.assign({},u.xAxis),{categories:e}),series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}},data:t}]})};function d(e){var t=s(e.data.map(function(e){return e.name}),e.data);return r.createElement(r.Fragment,null,r.createElement(l(),{highcharts:i(),options:t,containerProps:{className:"h-100"}}))}},87480:(e,t,n)=>{n.d(t,{U:()=>l});var r=n(32735),a=n(2948),i=n(79489);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function l(e){var t,n,l=(t=(0,a.D)(i.y.HEADER_TITLE),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)(function(){return l(e),function(){l(null)}},[e])}},62264:(e,t,n)=>{n.d(t,{M:()=>b});var r=n(32735),a=n(20354),i=n(83345),o=n(94513),l=n(92337),c=n(99827),u=n(39709),s=n(23481),d=n(90383),f=n(55884);const m={image:"wMBEp"};var v=s.T.encloseNamespace("reportsShared.totalViewsByRoleCardEmptyState");function y(){return r.createElement(d.u,{className:"flex-grow-1 justify-content-center"},r.createElement(d.u.Image,{src:f.W.EmptyStates.Shared.Ticket,className:m.image}),r.createElement(d.u.Heading,{className:"h6"},v("heading")),r.createElement(d.u.Info,{className:"w-100"},v("description")))}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var g="reportsShared.videoViewsByRoleCard";function b(e){var t=(0,c.R)(),n=function(e){if(!e)return null;var t,n,r=e.map(function(e){return{name:(0,u.jt)(e.name),y:e.count,color:(0,u.$v)(e.name)}}),a=r.findIndex(function(e){return"Staff"===e.name});if(a>-1){var i=(t=r.splice(a,1),n=1,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return h(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];r.push(i)}return r}(a.a.useBasicFetch(e.videoId?l.p.videoAggregation(e.videoId,"user_type",t):l.p.aggregation("user_type",t)).data);return r.createElement("div",{className:"d-flex flex-column h-100 bg-white rounded p-3"},n?r.createElement(r.Fragment,null,r.createElement("h2",{className:"h6 mb-3"},r.createElement(i.x,{namespace:g,phrase:"videoViews"})),n.length?r.createElement("div",{className:"flex-grow-1 position-relative"},r.createElement("div",{className:"position-absolute w-100 h-100"},r.createElement(o.C,{data:n}))):r.createElement(y,null)):r.createElement("div",{className:"partial-loading-background w-25"}," "))}},34152:(e,t,n)=>{n.d(t,{YD:()=>u});var r=n(32735),a=(Object.defineProperty,new Map),i=new WeakMap,o=0,l=void 0;function c(e,t,n={},r=l){if(void 0===window.IntersectionObserver&&void 0!==r){const a=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:a,intersectionRect:a,rootBounds:a}),()=>{}}const{id:c,observer:u,elements:s}=function(e){const t=function(e){return Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{return`${t}_${"root"===t?(n=e.root,n?(i.has(n)||(o+=1,i.set(n,o.toString())),i.get(n)):"0"):e[t]}`;var n}).toString()}(e);let n=a.get(t);if(!n){const r=new Map;let i;const o=new IntersectionObserver(t=>{t.forEach(t=>{var n;const a=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=a),null==(n=r.get(t.target))||n.forEach(e=>{e(a,t)})})},e);i=o.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:o,elements:r},a.set(t,n)}return n}(n),d=s.get(e)||[];return s.has(e)||s.set(e,d),d.push(t),u.observe(e),function(){d.splice(d.indexOf(t),1),0===d.length&&(s.delete(e),u.unobserve(e)),0===s.size&&(u.disconnect(),a.delete(c))}}function u({threshold:e,delay:t,trackVisibility:n,rootMargin:a,root:i,triggerOnce:o,skip:l,initialInView:u,fallbackInView:s,onChange:d}={}){var f;const[m,v]=r.useState(null),y=r.useRef(),[h,g]=r.useState({inView:!!u,entry:void 0});y.current=d,r.useEffect(()=>{if(l||!m)return;let r;return r=c(m,(e,t)=>{g({inView:e,entry:t}),y.current&&y.current(e,t),t.isIntersecting&&o&&r&&(r(),r=void 0)},{root:i,rootMargin:a,threshold:e,trackVisibility:n,delay:t},s),()=>{r&&r()}},[Array.isArray(e)?e.toString():e,m,i,a,o,l,n,s,t]);const b=null==(f=h.entry)?void 0:f.target,p=r.useRef();m||!b||o||l||p.current===b||(p.current=b,g({inView:!!u,entry:void 0}));const E=[v,h.inView,h.entry];return E.ref=E[0],E.inView=E[1],E.entry=E[2],E}r.Component}}]);
package/dist/scripts/{8622-15284ad802-reports.chunk.js → 8622-4fc5ac5ea3-reports.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[8622],{51825:(e,a,t)=>{t.d(a,{n:()=>l});var n=t(32735),r=t(40782);function l(e){return n.createElement(r.O,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},4143:(e,a,t)=>{t.d(a,{$:()=>m});var n=t(32735),r=t(23481),l=t(48605),c=t(92209),i=t(28512),s=t(99827),o=r.T.encloseNamespace("reportsVideos.videoNav");function m(e){var a,t,r=(a=(0,s.b)(),t=[e.id],[{label:o("overview"),appLink:{application:i.O.VIDEOS,action:c.e.Videos.OVERVIEW,args:t,params:a}},{label:o("engagement"),appLink:{application:i.O.VIDEOS,action:c.e.Videos.ENGAGEMENT,args:t,params:a}}]);return n.createElement(l.m,{items:r})}},26733:(e,a,t)=>{t.r(a),t.d(a,{VideoEngagementView:()=>D});var n=t(32735),r=t(23481),l=t(20354),c=t(2948),i=t(54316),s=t(4606),o=t(49475),m=t(60051),d=t(16714),u=t(39151),g=t(47812),p=t(31949),v=t(17913),b=t(16562),f=t(22902),E=t(52748),N=t(91470),x=t(38477),y=t(17285),h=t(74332),k=t(79489),Z=t(87594),S=t(99827),T=t(36630),C=t(9977),I=t(97615),w=t(55554),j=t(87480),A=t(21295),O=t(44422),F=t(28393),L=t(4143);const R={viewCountContainer:"vzkV9",engagementPercentageContainer:"gERbM",engagementGraphContainer:"VFlAz",partialTable:"sWK4q"};function M(e,a){if(e){if("string"==typeof e)return U(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?U(e,a):void 0}}function U(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}var V=r.T.encloseNamespace("reportsVideos.videoEngagement");function D(e){var a,t,r,D,G,B,$,_=(B=(0,c.D)(k.y.ANONYMISE_USERS),$=1,function(e){if(Array.isArray(e))return e}(B)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,l,c,i=[],s=!0,o=!1;try{if(l=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=l.call(t)).done)&&(i.push(n.value),i.length!==a);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(o)throw r}}return i}}(B,$)||M(B,$)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],z=(0,S.b)(),P=(0,S.R)(),W=!(0,(0,f.T)().hasPermissions)(d.C.ViewCustomerAnalytics),H=l.a.useBasicFetch(W&&p.N.currentUser()),K=l.a.useBasicFetch(Z.R.video(e.id)),q=l.a.useBasicFetch(!!P&&(W?!!H.data&&v.u.aggregateEngagement(e.id,P,H.data.id):v.u.aggregateEngagement(e.id,P))),J=l.a.useBasicFetch(!!P&&(W?!!H.data&&v.u.individualEngagement(e.id,P,H.data.id):v.u.individualEngagement(e.id,P))),Q=(0,s.U)(null===(t=null===(a=J.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.map(function(e){return e.userId})),X=Q.users,Y=Q.isLoading,ee=Q.usersResponse,ae=l.a.useBasicFetch(g.k.createViewKey(e.id,m.f.MasterObject)),te=l.a.useBasicFetch(u.L.config());(0,E.M)({title:V("pageTitle",{video:null===(r=K.data)||void 0===r?void 0:r.name})}),(0,j.U)(null===(D=K.data)||void 0===D?void 0:D.name),(0,w._)((0,A.yH)(K.data)),(0,I.s)(e.id),(0,C.n)(J),(0,T.M)(K),(0,b.v)([q,J].concat(function(e){return function(e){if(Array.isArray(e))return U(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||M(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.")}()}(ee.responses),[ae]));var ne=!!(K.data&&q.data&&ae.data&&te.data),re=!(!J.data||J.data.data.length&&Y);return n.createElement("div",{className:"pb-3"},n.createElement(L.$,{id:e.id}),n.createElement("div",{className:"d-flex pb-3"},n.createElement("div",{className:"pe-2 ".concat(R.viewCountContainer)},n.createElement(F.m,{objectId:e.id,useSharerId:W,className:"h-100"})),n.createElement("div",{className:"px-2 ".concat(R.engagementPercentageContainer)},n.createElement(O.D,{objectId:e.id,useSharerId:W,className:"h-100",layout:"vertical"})),n.createElement("div",{className:"ps-2 ".concat(R.engagementGraphContainer)},ne?n.createElement(h.p,{key:(0,o.u)(z),engagement:q.data,viewKey:ae.data.viewKey,imageCdnUrl:te.data.imageCdnUrl,playerApiUrl:te.data.playerApiUrl}):n.createElement(y.O,null))),re?n.createElement(i.z,{key:(0,o.u)(z),engagement:J.data.data,users:X,imageCdnUrl:null===(G=te.data)||void 0===G?void 0:G.imageCdnUrl,anonymiseUsers:_,enableSort:!0}):n.createElement(N.I,{variant:"engagement-users"},n.createElement(x.W,{variant:"engagement-users",itemCount:3})))}},91470:(e,a,t)=>{t.d(a,{I:()=>m});var n=t(32735),r=t(68050),l=t(69111),c=t(755),i=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:1,className:"d-flex align-items-center justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),n.createElement(l.Z,{xs:5,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:4,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)}))),s=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:5,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:3,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)}))),o=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:2,className:"d-flex"},n.createElement("div",{className:"partial-loading-background mx-3 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center"},n.createElement("div",{className:"partial-loading-background mx-2 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:6,className:"d-flex justify-content-between"},n.createElement("div",{className:"d-block partial-loading-background ".concat(c.Z.heatMapItemContainer," ").concat(c.Z.partialShortText)})));function m(e){var a,t,r=function(e){switch(e){case"video-views":return{headerComponent:i,tableStyle:c.Z.videoTable};case"interactives":return{headerComponent:s,tableStyle:c.Z.interactiveTable};case"engagement-users":return{headerComponent:o,tableStyle:c.Z.userTable};default:return{headerComponent:n.createElement(n.Fragment,null),tableStyle:""}}}(e.variant),l=r.headerComponent,m=r.tableStyle;return n.createElement("div",{className:"bg-white rounded ".concat(m," ").concat(null!==(a=e.className)&&void 0!==a?a:"")},n.createElement("div",{className:"border-bottom ".concat(c.Z.header," ").concat(null!==(t=e.headerClassName)&&void 0!==t?t:"")},l),e.children)}},38477:(e,a,t)=>{t.d(a,{W:()=>m});var n=t(32735),r=t(68050),l=t(69111),c=t(755);function i(){return n.createElement(r.Z,{className:"py-1 ".concat(c.Z.videoItemContainer)},n.createElement(l.Z,{xs:1,className:"d-flex align-items-center justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block"},n.createElement("div",{className:"partial-loading-background rounded ".concat(c.Z.partialThumbnail)}))),n.createElement(l.Z,{xs:3,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background ms-n2 ".concat(c.Z.partialLongText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:4,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialNumber)})))}function s(){return n.createElement(r.Z,{className:"py-1 ".concat(c.Z.interactiveItemContainer)},n.createElement(l.Z,{xs:1,className:"d-flex align-items-center justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block"},n.createElement("div",{className:"partial-loading-background rounded ".concat(c.Z.partialThumbnail)}))),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background ms-n2 ".concat(c.Z.partialMediumText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialAvatar)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialMediumText)})),n.createElement(l.Z,{xs:3,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialNumber)})))}function o(){return n.createElement(r.Z,{className:"my-2 ".concat(c.Z.userItemContainer)},n.createElement(l.Z,{xs:2,className:"d-flex align-items-center "},n.createElement("div",{className:"partial-loading-background ms-3 ".concat(c.Z.partialAvatar)}),n.createElement("div",{className:"partial-loading-background mx-2 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center align-items-center"},n.createElement("div",{className:"d-block partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center align-items-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:6,className:"d-flex justify-content-between align-items-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.heatMapItemContainer," ").concat(c.Z.partialHeatMap)})))}function m(e){return n.createElement("div",{className:"my-1"},Array(e.itemCount).fill(null).map(function(a,t){return function(e,a){switch(e){case"video-views":return n.createElement(i,{key:a});case"interactives":return n.createElement(s,{key:a});case"engagement-users":return n.createElement(o,{key:a});default:return n.createElement(n.Fragment,null)}}(e.variant,t)}))}m.defaultProps={itemCount:7}},48605:(e,a,t)=>{t.d(a,{m:()=>p});var n=t(32735),r=t(81886),l=t(92582),c=t(28825),i=t(77369),s=t(11607),o=t(83914);const m={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"};function d(e){return n.createElement(n.Fragment,null,!!e.tab.svgName&&n.createElement("div",{className:e.tab.name?"pe-1":""},n.createElement(o.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&n.createElement("div",{className:"ps-2"},n.createElement(i.C,{type:i.g.Count,data:e.tab.count})))}function u(e){var a;return n.createElement("nav",{className:null!==(a=e.className)&&void 0!==a?a:"",ref:e.containerRef},n.createElement("ul",{className:"\n list-unstyled d-inline-block m-0 ".concat(m.pillTabSelector,"\n ").concat(e.borderRadius?m.radiusSmall:"","\n ").concat(e.listClassName,"\n ")},e.tabs.map(function(e,a){return n.createElement("li",{className:"\n p-0 ".concat(m.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n ").concat(e.name?m.minWidth:""," ").concat(e.className,"\n "),key:a},e.appLink?n.createElement(c.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ".concat(m.tabLink,"\n ")},n.createElement(d,{tab:e})):n.createElement(s.L,{className:"\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ".concat(m.tabLink,"\n "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&l.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},n.createElement(d,{tab:e})))})))}u.defaultProps={borderRadius:"lg"};var g=t(75795);function p(e){var a=e.items.map(function(e){var a,t;return{name:e.label,onSelect:function(){return r.Q.C$.trigger(e.appLink)},active:e.appLink.action===(null===(t=null===(a=g.O.getCurrentRoute())||void 0===a?void 0:a.appLink)||void 0===t?void 0:t.action)}});return n.createElement(u,{className:"pb-3",tabs:a})}},87594:(e,a,t)=>{t.d(a,{R:()=>n});var n={video:function(e,a,t,n){return{url:"{gateway}/v1/objects/".concat(e),key:"video:".concat(e),success:a,error:t,always:n}}}},97615:(e,a,t)=>{t.d(a,{s:()=>g});var n=t(32735),r=t(20354),l=t(2948),c=t(16714),i=t(31949),s=t(17913),o=t(22902),m=t(79489),d=t(99827);function u(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}function g(e){var a,t,g=(0,(0,o.T)().hasPermissions)(c.C.ViewCustomerAnalytics),p=(0,d.R)(),v=r.a.useBasicFetch(i.N.currentUser()),b=g&&!!v.data&&!!p,f=r.a.useBasicFetch(b&&s.u.individualEngagement(e,{start:null==p?void 0:p.start,end:null==p?void 0:p.end},v.data.id)),E=(a=(0,l.D)(m.y.AUDIENCE_FILTER_SUGGESTIONS),t=2,function(e){if(Array.isArray(e))return e}(a)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,l,c,i=[],s=!0,o=!1;try{if(l=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=l.call(t)).done)&&(i.push(n.value),i.length!==a);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(o)throw r}}return i}}(a,t)||function(e,a){if(e){if("string"==typeof e)return u(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,a):void 0}}(a,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.")}())[1];(0,n.useEffect)(function(){var e;f.data&&E("users",null===(e=f.data)||void 0===e?void 0:e.data.map(function(e){return e.userId}))},[f.isFetching])}},44422:(e,a,t)=>{t.d(a,{D:()=>g});var n=t(32735),r=t(23481),l=t(20354),c=t(51825),i=t(40782),s=t(31949),o=t(17913),m=t(16562),d=t(99827),u=r.T.encloseNamespace("shared.engagementOverviewCard");function g(e){var a,t,r=(0,d.b)(),g=(0,d.R)(),p=!r.users&&!r.classrooms&&!r.classroomGroups,v=l.a.useBasicFetch(!!e.useSharerId&&s.N.currentUser()),b=l.a.useBasicFetch(!!g&&(e.useSharerId?!!v.data&&o.u.aggregateEngagement(e.objectId,g,v.data.id):o.u.aggregateEngagement(e.objectId,g)));(0,m.v)(b);var f=(null===(a=b.data)||void 0===a?void 0:a.engagementRate)>0?b.data.engagementRate:null;return n.createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},n.createElement("h3",{className:"h6 mb-2"},u("heading")),n.createElement("div",{className:"d-flex align-items-center flex-grow-1\n ".concat("vertical"===e.layout?" flex-column justify-content-center text-center":"")},!!b.data&&n.createElement(n.Fragment,null,n.createElement(i.O,{percentage:f,layout:i.I.LabelInside}),n.createElement("p",{className:"horizontal"===e.layout?"ms-2":""},"number"==typeof f?u(p?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*b.data.engagementRate)}):u("descriptionNoData"))),!b.data&&n.createElement(n.Fragment,null,n.createElement(c.n,{layout:i.I.LabelInside}),"vertical"===e.layout&&n.createElement("p",null," "))))}},755:(e,a,t)=>{t.d(a,{Z:()=>n});const n={videoTable:"PT_It",interactiveTable:"GHe8q",userTable:"nbjsx",header:"iXtL9",itemHeader:"m8bTu",videoItemContainer:"z4_as",interactiveItemContainer:"GFx4k",userItemContainer:"zc5wl",heatMapItemContainer:"L0FuZ",partialAvatar:"RG2PB",partialNumber:"bjOQq",partialLongText:"b3oVS",partialMediumText:"pb1z8",partialShortText:"Mm5Da",partialThumbnail:"fXWEe",partialHeatMap:"WcStG"}},68050:(e,a,t)=>{t.d(a,{Z:()=>o});var n=t(95685),r=t.n(n),l=t(32735),c=t(46304),i=t(74512);const s=l.forwardRef(({bsPrefix:e,className:a,as:t="div",...n},l)=>{const s=(0,c.vE)(e,"row"),o=(0,c.pi)(),m=(0,c.zG)(),d=`${s}-cols`,u=[];return o.forEach(e=>{const a=n[e];let t;delete n[e],null!=a&&"object"==typeof a?({cols:t}=a):t=a;const r=e!==m?`-${e}`:"";null!=t&&u.push(`${d}${r}-${t}`)}),(0,i.jsx)(t,{ref:l,...n,className:r()(a,s,...u)})});s.displayName="Row";const o=s}}]);
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[8622],{51825:(e,a,t)=>{t.d(a,{n:()=>l});var n=t(32735),r=t(40782);function l(e){return n.createElement(r.O,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},4143:(e,a,t)=>{t.d(a,{$:()=>m});var n=t(32735),r=t(23481),l=t(48605),c=t(92209),i=t(28512),s=t(99827),o=r.T.encloseNamespace("reportsVideos.videoNav");function m(e){var a,t,r=(a=(0,s.b)(),t=[e.id],[{label:o("overview"),appLink:{application:i.O.VIDEOS,action:c.e.Videos.OVERVIEW,args:t,params:a}},{label:o("engagement"),appLink:{application:i.O.VIDEOS,action:c.e.Videos.ENGAGEMENT,args:t,params:a}}]);return n.createElement(l.m,{items:r})}},26733:(e,a,t)=>{t.r(a),t.d(a,{VideoEngagementView:()=>D});var n=t(32735),r=t(23481),l=t(20354),c=t(2948),i=t(54316),s=t(4606),o=t(49475),m=t(60051),d=t(16714),u=t(39151),g=t(47812),p=t(31949),v=t(17913),b=t(16562),f=t(22902),E=t(52748),N=t(91470),x=t(38477),y=t(17285),h=t(10423),k=t(79489),Z=t(87594),S=t(99827),T=t(36630),C=t(9977),I=t(97615),w=t(55554),j=t(87480),A=t(21295),O=t(44422),F=t(28393),L=t(4143);const R={viewCountContainer:"vzkV9",engagementPercentageContainer:"gERbM",engagementGraphContainer:"VFlAz",partialTable:"sWK4q"};function M(e,a){if(e){if("string"==typeof e)return U(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?U(e,a):void 0}}function U(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}var V=r.T.encloseNamespace("reportsVideos.videoEngagement");function D(e){var a,t,r,D,G,B,$,_=(B=(0,c.D)(k.y.ANONYMISE_USERS),$=1,function(e){if(Array.isArray(e))return e}(B)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,l,c,i=[],s=!0,o=!1;try{if(l=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=l.call(t)).done)&&(i.push(n.value),i.length!==a);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(o)throw r}}return i}}(B,$)||M(B,$)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],z=(0,S.b)(),P=(0,S.R)(),W=!(0,(0,f.T)().hasPermissions)(d.C.ViewCustomerAnalytics),H=l.a.useBasicFetch(W&&p.N.currentUser()),K=l.a.useBasicFetch(Z.R.video(e.id)),q=l.a.useBasicFetch(!!P&&(W?!!H.data&&v.u.aggregateEngagement(e.id,P,H.data.id):v.u.aggregateEngagement(e.id,P))),J=l.a.useBasicFetch(!!P&&(W?!!H.data&&v.u.individualEngagement(e.id,P,H.data.id):v.u.individualEngagement(e.id,P))),Q=(0,s.U)(null===(t=null===(a=J.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.map(function(e){return e.userId})),X=Q.users,Y=Q.isLoading,ee=Q.usersResponse,ae=l.a.useBasicFetch(g.k.createViewKey(e.id,m.f.MasterObject)),te=l.a.useBasicFetch(u.L.config());(0,E.M)({title:V("pageTitle",{video:null===(r=K.data)||void 0===r?void 0:r.name})}),(0,j.U)(null===(D=K.data)||void 0===D?void 0:D.name),(0,w._)((0,A.yH)(K.data)),(0,I.s)(e.id),(0,C.n)(J),(0,T.M)(K),(0,b.v)([q,J].concat(function(e){return function(e){if(Array.isArray(e))return U(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||M(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.")}()}(ee.responses),[ae]));var ne=!!(K.data&&q.data&&ae.data&&te.data),re=!(!J.data||J.data.data.length&&Y);return n.createElement("div",{className:"pb-3"},n.createElement(L.$,{id:e.id}),n.createElement("div",{className:"d-flex pb-3"},n.createElement("div",{className:"pe-2 ".concat(R.viewCountContainer)},n.createElement(F.m,{objectId:e.id,useSharerId:W,className:"h-100"})),n.createElement("div",{className:"px-2 ".concat(R.engagementPercentageContainer)},n.createElement(O.D,{objectId:e.id,useSharerId:W,className:"h-100",layout:"vertical"})),n.createElement("div",{className:"ps-2 ".concat(R.engagementGraphContainer)},ne?n.createElement(h.p,{key:(0,o.u)(z),engagement:q.data,viewKey:ae.data.viewKey,imageCdnUrl:te.data.imageCdnUrl,playerApiUrl:te.data.playerApiUrl}):n.createElement(y.O,null))),re?n.createElement(i.z,{key:(0,o.u)(z),engagement:J.data.data,users:X,imageCdnUrl:null===(G=te.data)||void 0===G?void 0:G.imageCdnUrl,anonymiseUsers:_,enableSort:!0}):n.createElement(N.I,{variant:"engagement-users"},n.createElement(x.W,{variant:"engagement-users",itemCount:3})))}},91470:(e,a,t)=>{t.d(a,{I:()=>m});var n=t(32735),r=t(68050),l=t(69111),c=t(755),i=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:1,className:"d-flex align-items-center justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),n.createElement(l.Z,{xs:5,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:4,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)}))),s=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:5,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:3,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)}))),o=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:2,className:"d-flex"},n.createElement("div",{className:"partial-loading-background mx-3 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center"},n.createElement("div",{className:"partial-loading-background mx-2 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:6,className:"d-flex justify-content-between"},n.createElement("div",{className:"d-block partial-loading-background ".concat(c.Z.heatMapItemContainer," ").concat(c.Z.partialShortText)})));function m(e){var a,t,r=function(e){switch(e){case"video-views":return{headerComponent:i,tableStyle:c.Z.videoTable};case"interactives":return{headerComponent:s,tableStyle:c.Z.interactiveTable};case"engagement-users":return{headerComponent:o,tableStyle:c.Z.userTable};default:return{headerComponent:n.createElement(n.Fragment,null),tableStyle:""}}}(e.variant),l=r.headerComponent,m=r.tableStyle;return n.createElement("div",{className:"bg-white rounded ".concat(m," ").concat(null!==(a=e.className)&&void 0!==a?a:"")},n.createElement("div",{className:"border-bottom ".concat(c.Z.header," ").concat(null!==(t=e.headerClassName)&&void 0!==t?t:"")},l),e.children)}},38477:(e,a,t)=>{t.d(a,{W:()=>m});var n=t(32735),r=t(68050),l=t(69111),c=t(755);function i(){return n.createElement(r.Z,{className:"py-1 ".concat(c.Z.videoItemContainer)},n.createElement(l.Z,{xs:1,className:"d-flex align-items-center justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block"},n.createElement("div",{className:"partial-loading-background rounded ".concat(c.Z.partialThumbnail)}))),n.createElement(l.Z,{xs:3,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background ms-n2 ".concat(c.Z.partialLongText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:4,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialNumber)})))}function s(){return n.createElement(r.Z,{className:"py-1 ".concat(c.Z.interactiveItemContainer)},n.createElement(l.Z,{xs:1,className:"d-flex align-items-center justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block"},n.createElement("div",{className:"partial-loading-background rounded ".concat(c.Z.partialThumbnail)}))),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background ms-n2 ".concat(c.Z.partialMediumText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialAvatar)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialMediumText)})),n.createElement(l.Z,{xs:3,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialNumber)})))}function o(){return n.createElement(r.Z,{className:"my-2 ".concat(c.Z.userItemContainer)},n.createElement(l.Z,{xs:2,className:"d-flex align-items-center "},n.createElement("div",{className:"partial-loading-background ms-3 ".concat(c.Z.partialAvatar)}),n.createElement("div",{className:"partial-loading-background mx-2 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center align-items-center"},n.createElement("div",{className:"d-block partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center align-items-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:6,className:"d-flex justify-content-between align-items-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.heatMapItemContainer," ").concat(c.Z.partialHeatMap)})))}function m(e){return n.createElement("div",{className:"my-1"},Array(e.itemCount).fill(null).map(function(a,t){return function(e,a){switch(e){case"video-views":return n.createElement(i,{key:a});case"interactives":return n.createElement(s,{key:a});case"engagement-users":return n.createElement(o,{key:a});default:return n.createElement(n.Fragment,null)}}(e.variant,t)}))}m.defaultProps={itemCount:7}},48605:(e,a,t)=>{t.d(a,{m:()=>p});var n=t(32735),r=t(81886),l=t(92582),c=t(28825),i=t(77369),s=t(11607),o=t(83914);const m={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"};function d(e){return n.createElement(n.Fragment,null,!!e.tab.svgName&&n.createElement("div",{className:e.tab.name?"pe-1":""},n.createElement(o.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&n.createElement("div",{className:"ps-2"},n.createElement(i.C,{type:i.g.Count,data:e.tab.count})))}function u(e){var a;return n.createElement("nav",{className:null!==(a=e.className)&&void 0!==a?a:"",ref:e.containerRef},n.createElement("ul",{className:"\n list-unstyled d-inline-block m-0 ".concat(m.pillTabSelector,"\n ").concat(e.borderRadius?m.radiusSmall:"","\n ").concat(e.listClassName,"\n ")},e.tabs.map(function(e,a){return n.createElement("li",{className:"\n p-0 ".concat(m.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n ").concat(e.name?m.minWidth:""," ").concat(e.className,"\n "),key:a},e.appLink?n.createElement(c.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ".concat(m.tabLink,"\n ")},n.createElement(d,{tab:e})):n.createElement(s.L,{className:"\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ".concat(m.tabLink,"\n "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&l.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},n.createElement(d,{tab:e})))})))}u.defaultProps={borderRadius:"lg"};var g=t(75795);function p(e){var a=e.items.map(function(e){var a,t;return{name:e.label,onSelect:function(){return r.Q.C$.trigger(e.appLink)},active:e.appLink.action===(null===(t=null===(a=g.O.getCurrentRoute())||void 0===a?void 0:a.appLink)||void 0===t?void 0:t.action)}});return n.createElement(u,{className:"pb-3",tabs:a})}},87594:(e,a,t)=>{t.d(a,{R:()=>n});var n={video:function(e,a,t,n){return{url:"{gateway}/v1/objects/".concat(e),key:"video:".concat(e),success:a,error:t,always:n}}}},97615:(e,a,t)=>{t.d(a,{s:()=>g});var n=t(32735),r=t(20354),l=t(2948),c=t(16714),i=t(31949),s=t(17913),o=t(22902),m=t(79489),d=t(99827);function u(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}function g(e){var a,t,g=(0,(0,o.T)().hasPermissions)(c.C.ViewCustomerAnalytics),p=(0,d.R)(),v=r.a.useBasicFetch(i.N.currentUser()),b=g&&!!v.data&&!!p,f=r.a.useBasicFetch(b&&s.u.individualEngagement(e,{start:null==p?void 0:p.start,end:null==p?void 0:p.end},v.data.id)),E=(a=(0,l.D)(m.y.AUDIENCE_FILTER_SUGGESTIONS),t=2,function(e){if(Array.isArray(e))return e}(a)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,l,c,i=[],s=!0,o=!1;try{if(l=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=l.call(t)).done)&&(i.push(n.value),i.length!==a);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(o)throw r}}return i}}(a,t)||function(e,a){if(e){if("string"==typeof e)return u(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,a):void 0}}(a,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.")}())[1];(0,n.useEffect)(function(){var e;f.data&&E("users",null===(e=f.data)||void 0===e?void 0:e.data.map(function(e){return e.userId}))},[f.isFetching])}},44422:(e,a,t)=>{t.d(a,{D:()=>g});var n=t(32735),r=t(23481),l=t(20354),c=t(51825),i=t(40782),s=t(31949),o=t(17913),m=t(16562),d=t(99827),u=r.T.encloseNamespace("shared.engagementOverviewCard");function g(e){var a,t,r=(0,d.b)(),g=(0,d.R)(),p=!r.users&&!r.classrooms&&!r.classroomGroups,v=l.a.useBasicFetch(!!e.useSharerId&&s.N.currentUser()),b=l.a.useBasicFetch(!!g&&(e.useSharerId?!!v.data&&o.u.aggregateEngagement(e.objectId,g,v.data.id):o.u.aggregateEngagement(e.objectId,g)));(0,m.v)(b);var f=(null===(a=b.data)||void 0===a?void 0:a.engagementRate)>0?b.data.engagementRate:null;return n.createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},n.createElement("h3",{className:"h6 mb-2"},u("heading")),n.createElement("div",{className:"d-flex align-items-center flex-grow-1\n ".concat("vertical"===e.layout?" flex-column justify-content-center text-center":"")},!!b.data&&n.createElement(n.Fragment,null,n.createElement(i.O,{percentage:f,layout:i.I.LabelInside}),n.createElement("p",{className:"horizontal"===e.layout?"ms-2":""},"number"==typeof f?u(p?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*b.data.engagementRate)}):u("descriptionNoData"))),!b.data&&n.createElement(n.Fragment,null,n.createElement(c.n,{layout:i.I.LabelInside}),"vertical"===e.layout&&n.createElement("p",null," "))))}},755:(e,a,t)=>{t.d(a,{Z:()=>n});const n={videoTable:"PT_It",interactiveTable:"GHe8q",userTable:"nbjsx",header:"iXtL9",itemHeader:"m8bTu",videoItemContainer:"z4_as",interactiveItemContainer:"GFx4k",userItemContainer:"zc5wl",heatMapItemContainer:"L0FuZ",partialAvatar:"RG2PB",partialNumber:"bjOQq",partialLongText:"b3oVS",partialMediumText:"pb1z8",partialShortText:"Mm5Da",partialThumbnail:"fXWEe",partialHeatMap:"WcStG"}},68050:(e,a,t)=>{t.d(a,{Z:()=>o});var n=t(95685),r=t.n(n),l=t(32735),c=t(46304),i=t(74512);const s=l.forwardRef(({bsPrefix:e,className:a,as:t="div",...n},l)=>{const s=(0,c.vE)(e,"row"),o=(0,c.pi)(),m=(0,c.zG)(),d=`${s}-cols`,u=[];return o.forEach(e=>{const a=n[e];let t;delete n[e],null!=a&&"object"==typeof a?({cols:t}=a):t=a;const r=e!==m?`-${e}`:"";null!=t&&u.push(`${d}${r}-${t}`)}),(0,i.jsx)(t,{ref:l,...n,className:r()(a,s,...u)})});s.displayName="Row";const o=s}}]);
package/dist/scripts/{9822-016fe088fa-reports.chunk.js → 9822-1d14c7ee14-reports.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[9822],{51825:(e,a,t)=>{t.d(a,{n:()=>l});var n=t(32735),r=t(40782);function l(e){return n.createElement(r.O,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},32653:(e,a,t)=>{t.d(a,{i:()=>s});var n=t(32735),r=t(83914),l=t(83345),c=t(35223),i="interactives.onlineDataWarning";function s(){return n.createElement("div",{className:"rounded p-2 bg-light-blue text-info fw-semibold",role:"alert"},n.createElement(r.x,{svgName:c.vn.Warning})," ",n.createElement(l.x,{namespace:i,phrase:"message"}))}},87587:(e,a,t)=>{t.r(a),t.d(a,{InteractiveEngagementView:()=>P});var n=t(32735),r=t(23481),l=t(20354),c=t(2948),i=t(54316),s=t(4606),o=t(41196),d=t(49475),m=t(60051),u=t(16714),v=t(39151),g=t(20768),p=t(47812),f=t(31949),b=t(17913),h=t(30321),y=t(16562),E=t(22902),N=t(52748),x=t(37802),I=t(91470),S=t(17285),T=t(74332),Z=t(79489),w=t(99827),C=t(36630),k=t(9977),M=t(97615),j=t(55554),A=t(87480),F=t(21295),U=t(44422),O=t(28393),B=t(71270),R=t(32653),G=t(23178);const L={viewCountContainer:"pw9QU",engagementPercentageContainer:"ugOZz",engagementGraphContainer:"MLGHz",partialTable:"TfiqW"};function _(e,a){if(e){if("string"==typeof e)return z(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?z(e,a):void 0}}function z(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}var D=r.T.encloseNamespace("reportsInteractives.interactiveEngagement");function P(e){var a,t,r,P,W,$,V,H,q=(0,E.T)().hasPermissions,K=(0,x.r)(null).hasShareFlowV2,Q=(V=(0,c.D)(Z.y.ANONYMISE_USERS),H=1,function(e){if(Array.isArray(e))return e}(V)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,l,c,i=[],s=!0,o=!1;try{if(l=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=l.call(t)).done)&&(i.push(n.value),i.length!==a);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(o)throw r}}return i}}(V,H)||_(V,H)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],X=(0,w.b)(),Y=(0,w.R)(),J=l.a.useBasicFetch(f.N.currentUser()),ee=l.a.useBasicFetch(g.b.interactiveMetadata(e.interactiveMetadataId)),ae=l.a.useBasicFetch(!!ee.data&&g.b.interactive(ee.data.interactiveId)),te=l.a.useBasicFetch(!!J.data&&!!Y&&b.u.aggregateEngagement(e.interactiveMetadataId,Y,J.data.id)),ne=l.a.useBasicFetch(!!J.data&&!!Y&&b.u.individualEngagement(e.interactiveMetadataId,Y,J.data.id)),re=(0,s.U)(null===(t=null===(a=ne.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.map(function(e){return e.userId})),le=re.users,ce=re.isLoading,ie=re.usersResponse,se=l.a.useBasicFetch(p.k.createViewKey(e.interactiveMetadataId,m.f.MasterObject)),oe=l.a.useBasicFetch(v.L.config()),de=(0,o.W)(e.interactiveMetadataId,Y);(0,N.M)({title:D("pageTitle",{interactive:null===(r=ee.data)||void 0===r?void 0:r.name})}),(0,A.U)(null===(P=ee.data)||void 0===P?void 0:P.name),(0,j._)((0,F.yH)(ee.data)),(0,M.s)(e.interactiveMetadataId),(0,k.n)(ne),(0,G.m)(e.interactiveMetadataId),(0,C.M)(ee),(0,y.v)([ae,te,ne].concat(function(e){return function(e){if(Array.isArray(e))return z(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_(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.")}()}(ie.responses),[se])),(0,h.b)(ee);var me=K&&q(u.C.ViewMyShares),ue=!!(ae.data&&ee.data&&te.data&&se.data&&oe.data),ve=!(!ne.data||ne.data.data.length&&ce);return n.createElement("div",{className:"pb-3"},n.createElement(B.l,{interactiveMetadataId:e.interactiveMetadataId,hasInsights:me}),!1===(null===(W=de.data)||void 0===W?void 0:W.hasWatchedInLite)&&n.createElement("div",{className:"mb-3"},n.createElement(R.i,null)),n.createElement("div",{className:"d-flex pb-3"},n.createElement("div",{className:"pe-2 ".concat(L.viewCountContainer)},n.createElement(O.m,{objectId:e.interactiveMetadataId,useSharerId:!0,className:"h-100"})),n.createElement("div",{className:"px-2 ".concat(L.engagementPercentageContainer)},n.createElement(U.D,{objectId:e.interactiveMetadataId,useSharerId:!0,className:"h-100",layout:"vertical"})),n.createElement("div",{className:"ps-2 ".concat(L.engagementGraphContainer)},ue?n.createElement(T.p,{key:(0,d.u)(X),engagement:te.data,viewKey:se.data.viewKey,imageCdnUrl:oe.data.imageCdnUrl,playerApiUrl:oe.data.playerApiUrl}):n.createElement(S.O,null))),ve?n.createElement(i.z,{key:(0,d.u)(X),engagement:ne.data.data,users:le,imageCdnUrl:null===($=oe.data)||void 0===$?void 0:$.imageCdnUrl,anonymiseUsers:Q,enableSort:!0}):n.createElement(I.I,{className:L.partialTable}))}},91470:(e,a,t)=>{t.d(a,{I:()=>d});var n=t(32735),r=t(68050),l=t(69111),c=t(755),i=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:1,className:"d-flex align-items-center justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),n.createElement(l.Z,{xs:5,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:4,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)}))),s=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:5,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:3,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)}))),o=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:2,className:"d-flex"},n.createElement("div",{className:"partial-loading-background mx-3 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center"},n.createElement("div",{className:"partial-loading-background mx-2 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:6,className:"d-flex justify-content-between"},n.createElement("div",{className:"d-block partial-loading-background ".concat(c.Z.heatMapItemContainer," ").concat(c.Z.partialShortText)})));function d(e){var a,t,r=function(e){switch(e){case"video-views":return{headerComponent:i,tableStyle:c.Z.videoTable};case"interactives":return{headerComponent:s,tableStyle:c.Z.interactiveTable};case"engagement-users":return{headerComponent:o,tableStyle:c.Z.userTable};default:return{headerComponent:n.createElement(n.Fragment,null),tableStyle:""}}}(e.variant),l=r.headerComponent,d=r.tableStyle;return n.createElement("div",{className:"bg-white rounded ".concat(d," ").concat(null!==(a=e.className)&&void 0!==a?a:"")},n.createElement("div",{className:"border-bottom ".concat(c.Z.header," ").concat(null!==(t=e.headerClassName)&&void 0!==t?t:"")},l),e.children)}},97615:(e,a,t)=>{t.d(a,{s:()=>v});var n=t(32735),r=t(20354),l=t(2948),c=t(16714),i=t(31949),s=t(17913),o=t(22902),d=t(79489),m=t(99827);function u(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}function v(e){var a,t,v=(0,(0,o.T)().hasPermissions)(c.C.ViewCustomerAnalytics),g=(0,m.R)(),p=r.a.useBasicFetch(i.N.currentUser()),f=v&&!!p.data&&!!g,b=r.a.useBasicFetch(f&&s.u.individualEngagement(e,{start:null==g?void 0:g.start,end:null==g?void 0:g.end},p.data.id)),h=(a=(0,l.D)(d.y.AUDIENCE_FILTER_SUGGESTIONS),t=2,function(e){if(Array.isArray(e))return e}(a)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,l,c,i=[],s=!0,o=!1;try{if(l=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=l.call(t)).done)&&(i.push(n.value),i.length!==a);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(o)throw r}}return i}}(a,t)||function(e,a){if(e){if("string"==typeof e)return u(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,a):void 0}}(a,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.")}())[1];(0,n.useEffect)(function(){var e;b.data&&h("users",null===(e=b.data)||void 0===e?void 0:e.data.map(function(e){return e.userId}))},[b.isFetching])}},44422:(e,a,t)=>{t.d(a,{D:()=>v});var n=t(32735),r=t(23481),l=t(20354),c=t(51825),i=t(40782),s=t(31949),o=t(17913),d=t(16562),m=t(99827),u=r.T.encloseNamespace("shared.engagementOverviewCard");function v(e){var a,t,r=(0,m.b)(),v=(0,m.R)(),g=!r.users&&!r.classrooms&&!r.classroomGroups,p=l.a.useBasicFetch(!!e.useSharerId&&s.N.currentUser()),f=l.a.useBasicFetch(!!v&&(e.useSharerId?!!p.data&&o.u.aggregateEngagement(e.objectId,v,p.data.id):o.u.aggregateEngagement(e.objectId,v)));(0,d.v)(f);var b=(null===(a=f.data)||void 0===a?void 0:a.engagementRate)>0?f.data.engagementRate:null;return n.createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},n.createElement("h3",{className:"h6 mb-2"},u("heading")),n.createElement("div",{className:"d-flex align-items-center flex-grow-1\n ".concat("vertical"===e.layout?" flex-column justify-content-center text-center":"")},!!f.data&&n.createElement(n.Fragment,null,n.createElement(i.O,{percentage:b,layout:i.I.LabelInside}),n.createElement("p",{className:"horizontal"===e.layout?"ms-2":""},"number"==typeof b?u(g?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*f.data.engagementRate)}):u("descriptionNoData"))),!f.data&&n.createElement(n.Fragment,null,n.createElement(c.n,{layout:i.I.LabelInside}),"vertical"===e.layout&&n.createElement("p",null," "))))}},755:(e,a,t)=>{t.d(a,{Z:()=>n});const n={videoTable:"PT_It",interactiveTable:"GHe8q",userTable:"nbjsx",header:"iXtL9",itemHeader:"m8bTu",videoItemContainer:"z4_as",interactiveItemContainer:"GFx4k",userItemContainer:"zc5wl",heatMapItemContainer:"L0FuZ",partialAvatar:"RG2PB",partialNumber:"bjOQq",partialLongText:"b3oVS",partialMediumText:"pb1z8",partialShortText:"Mm5Da",partialThumbnail:"fXWEe",partialHeatMap:"WcStG"}},68050:(e,a,t)=>{t.d(a,{Z:()=>o});var n=t(95685),r=t.n(n),l=t(32735),c=t(46304),i=t(74512);const s=l.forwardRef(({bsPrefix:e,className:a,as:t="div",...n},l)=>{const s=(0,c.vE)(e,"row"),o=(0,c.pi)(),d=(0,c.zG)(),m=`${s}-cols`,u=[];return o.forEach(e=>{const a=n[e];let t;delete n[e],null!=a&&"object"==typeof a?({cols:t}=a):t=a;const r=e!==d?`-${e}`:"";null!=t&&u.push(`${m}${r}-${t}`)}),(0,i.jsx)(t,{ref:l,...n,className:r()(a,s,...u)})});s.displayName="Row";const o=s}}]);
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[9822],{51825:(e,a,t)=>{t.d(a,{n:()=>l});var n=t(32735),r=t(40782);function l(e){return n.createElement(r.O,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},32653:(e,a,t)=>{t.d(a,{i:()=>s});var n=t(32735),r=t(83914),l=t(83345),c=t(35223),i="interactives.onlineDataWarning";function s(){return n.createElement("div",{className:"rounded p-2 bg-light-blue text-info fw-semibold",role:"alert"},n.createElement(r.x,{svgName:c.vn.Warning})," ",n.createElement(l.x,{namespace:i,phrase:"message"}))}},87587:(e,a,t)=>{t.r(a),t.d(a,{InteractiveEngagementView:()=>P});var n=t(32735),r=t(23481),l=t(20354),c=t(2948),i=t(54316),s=t(4606),o=t(41196),d=t(49475),m=t(60051),u=t(16714),v=t(39151),g=t(20768),p=t(47812),f=t(31949),b=t(17913),h=t(30321),y=t(16562),E=t(22902),N=t(52748),x=t(37802),I=t(91470),S=t(17285),T=t(10423),Z=t(79489),w=t(99827),C=t(36630),k=t(9977),M=t(97615),j=t(55554),A=t(87480),F=t(21295),U=t(44422),O=t(28393),B=t(71270),R=t(32653),G=t(23178);const L={viewCountContainer:"pw9QU",engagementPercentageContainer:"ugOZz",engagementGraphContainer:"MLGHz",partialTable:"TfiqW"};function _(e,a){if(e){if("string"==typeof e)return z(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?z(e,a):void 0}}function z(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}var D=r.T.encloseNamespace("reportsInteractives.interactiveEngagement");function P(e){var a,t,r,P,W,$,V,H,q=(0,E.T)().hasPermissions,K=(0,x.r)(null).hasShareFlowV2,Q=(V=(0,c.D)(Z.y.ANONYMISE_USERS),H=1,function(e){if(Array.isArray(e))return e}(V)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,l,c,i=[],s=!0,o=!1;try{if(l=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=l.call(t)).done)&&(i.push(n.value),i.length!==a);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(o)throw r}}return i}}(V,H)||_(V,H)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],X=(0,w.b)(),Y=(0,w.R)(),J=l.a.useBasicFetch(f.N.currentUser()),ee=l.a.useBasicFetch(g.b.interactiveMetadata(e.interactiveMetadataId)),ae=l.a.useBasicFetch(!!ee.data&&g.b.interactive(ee.data.interactiveId)),te=l.a.useBasicFetch(!!J.data&&!!Y&&b.u.aggregateEngagement(e.interactiveMetadataId,Y,J.data.id)),ne=l.a.useBasicFetch(!!J.data&&!!Y&&b.u.individualEngagement(e.interactiveMetadataId,Y,J.data.id)),re=(0,s.U)(null===(t=null===(a=ne.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.map(function(e){return e.userId})),le=re.users,ce=re.isLoading,ie=re.usersResponse,se=l.a.useBasicFetch(p.k.createViewKey(e.interactiveMetadataId,m.f.MasterObject)),oe=l.a.useBasicFetch(v.L.config()),de=(0,o.W)(e.interactiveMetadataId,Y);(0,N.M)({title:D("pageTitle",{interactive:null===(r=ee.data)||void 0===r?void 0:r.name})}),(0,A.U)(null===(P=ee.data)||void 0===P?void 0:P.name),(0,j._)((0,F.yH)(ee.data)),(0,M.s)(e.interactiveMetadataId),(0,k.n)(ne),(0,G.m)(e.interactiveMetadataId),(0,C.M)(ee),(0,y.v)([ae,te,ne].concat(function(e){return function(e){if(Array.isArray(e))return z(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_(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.")}()}(ie.responses),[se])),(0,h.b)(ee);var me=K&&q(u.C.ViewMyShares),ue=!!(ae.data&&ee.data&&te.data&&se.data&&oe.data),ve=!(!ne.data||ne.data.data.length&&ce);return n.createElement("div",{className:"pb-3"},n.createElement(B.l,{interactiveMetadataId:e.interactiveMetadataId,hasInsights:me}),!1===(null===(W=de.data)||void 0===W?void 0:W.hasWatchedInLite)&&n.createElement("div",{className:"mb-3"},n.createElement(R.i,null)),n.createElement("div",{className:"d-flex pb-3"},n.createElement("div",{className:"pe-2 ".concat(L.viewCountContainer)},n.createElement(O.m,{objectId:e.interactiveMetadataId,useSharerId:!0,className:"h-100"})),n.createElement("div",{className:"px-2 ".concat(L.engagementPercentageContainer)},n.createElement(U.D,{objectId:e.interactiveMetadataId,useSharerId:!0,className:"h-100",layout:"vertical"})),n.createElement("div",{className:"ps-2 ".concat(L.engagementGraphContainer)},ue?n.createElement(T.p,{key:(0,d.u)(X),engagement:te.data,viewKey:se.data.viewKey,imageCdnUrl:oe.data.imageCdnUrl,playerApiUrl:oe.data.playerApiUrl}):n.createElement(S.O,null))),ve?n.createElement(i.z,{key:(0,d.u)(X),engagement:ne.data.data,users:le,imageCdnUrl:null===($=oe.data)||void 0===$?void 0:$.imageCdnUrl,anonymiseUsers:Q,enableSort:!0}):n.createElement(I.I,{className:L.partialTable}))}},91470:(e,a,t)=>{t.d(a,{I:()=>d});var n=t(32735),r=t(68050),l=t(69111),c=t(755),i=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:1,className:"d-flex align-items-center justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),n.createElement(l.Z,{xs:5,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:4,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)}))),s=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:5,className:"d-flex align-items-center"},n.createElement("div",{className:"partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:3,className:"d-flex align-items-center"},n.createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)}))),o=n.createElement(r.Z,{className:"py-3"},n.createElement(l.Z,{xs:2,className:"d-flex"},n.createElement("div",{className:"partial-loading-background mx-3 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center"},n.createElement("div",{className:"partial-loading-background mx-2 ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:2,className:"d-flex justify-content-center"},n.createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),n.createElement(l.Z,{xs:6,className:"d-flex justify-content-between"},n.createElement("div",{className:"d-block partial-loading-background ".concat(c.Z.heatMapItemContainer," ").concat(c.Z.partialShortText)})));function d(e){var a,t,r=function(e){switch(e){case"video-views":return{headerComponent:i,tableStyle:c.Z.videoTable};case"interactives":return{headerComponent:s,tableStyle:c.Z.interactiveTable};case"engagement-users":return{headerComponent:o,tableStyle:c.Z.userTable};default:return{headerComponent:n.createElement(n.Fragment,null),tableStyle:""}}}(e.variant),l=r.headerComponent,d=r.tableStyle;return n.createElement("div",{className:"bg-white rounded ".concat(d," ").concat(null!==(a=e.className)&&void 0!==a?a:"")},n.createElement("div",{className:"border-bottom ".concat(c.Z.header," ").concat(null!==(t=e.headerClassName)&&void 0!==t?t:"")},l),e.children)}},97615:(e,a,t)=>{t.d(a,{s:()=>v});var n=t(32735),r=t(20354),l=t(2948),c=t(16714),i=t(31949),s=t(17913),o=t(22902),d=t(79489),m=t(99827);function u(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}function v(e){var a,t,v=(0,(0,o.T)().hasPermissions)(c.C.ViewCustomerAnalytics),g=(0,m.R)(),p=r.a.useBasicFetch(i.N.currentUser()),f=v&&!!p.data&&!!g,b=r.a.useBasicFetch(f&&s.u.individualEngagement(e,{start:null==g?void 0:g.start,end:null==g?void 0:g.end},p.data.id)),h=(a=(0,l.D)(d.y.AUDIENCE_FILTER_SUGGESTIONS),t=2,function(e){if(Array.isArray(e))return e}(a)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,l,c,i=[],s=!0,o=!1;try{if(l=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=l.call(t)).done)&&(i.push(n.value),i.length!==a);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(o)throw r}}return i}}(a,t)||function(e,a){if(e){if("string"==typeof e)return u(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,a):void 0}}(a,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.")}())[1];(0,n.useEffect)(function(){var e;b.data&&h("users",null===(e=b.data)||void 0===e?void 0:e.data.map(function(e){return e.userId}))},[b.isFetching])}},44422:(e,a,t)=>{t.d(a,{D:()=>v});var n=t(32735),r=t(23481),l=t(20354),c=t(51825),i=t(40782),s=t(31949),o=t(17913),d=t(16562),m=t(99827),u=r.T.encloseNamespace("shared.engagementOverviewCard");function v(e){var a,t,r=(0,m.b)(),v=(0,m.R)(),g=!r.users&&!r.classrooms&&!r.classroomGroups,p=l.a.useBasicFetch(!!e.useSharerId&&s.N.currentUser()),f=l.a.useBasicFetch(!!v&&(e.useSharerId?!!p.data&&o.u.aggregateEngagement(e.objectId,v,p.data.id):o.u.aggregateEngagement(e.objectId,v)));(0,d.v)(f);var b=(null===(a=f.data)||void 0===a?void 0:a.engagementRate)>0?f.data.engagementRate:null;return n.createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},n.createElement("h3",{className:"h6 mb-2"},u("heading")),n.createElement("div",{className:"d-flex align-items-center flex-grow-1\n ".concat("vertical"===e.layout?" flex-column justify-content-center text-center":"")},!!f.data&&n.createElement(n.Fragment,null,n.createElement(i.O,{percentage:b,layout:i.I.LabelInside}),n.createElement("p",{className:"horizontal"===e.layout?"ms-2":""},"number"==typeof b?u(g?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*f.data.engagementRate)}):u("descriptionNoData"))),!f.data&&n.createElement(n.Fragment,null,n.createElement(c.n,{layout:i.I.LabelInside}),"vertical"===e.layout&&n.createElement("p",null," "))))}},755:(e,a,t)=>{t.d(a,{Z:()=>n});const n={videoTable:"PT_It",interactiveTable:"GHe8q",userTable:"nbjsx",header:"iXtL9",itemHeader:"m8bTu",videoItemContainer:"z4_as",interactiveItemContainer:"GFx4k",userItemContainer:"zc5wl",heatMapItemContainer:"L0FuZ",partialAvatar:"RG2PB",partialNumber:"bjOQq",partialLongText:"b3oVS",partialMediumText:"pb1z8",partialShortText:"Mm5Da",partialThumbnail:"fXWEe",partialHeatMap:"WcStG"}},68050:(e,a,t)=>{t.d(a,{Z:()=>o});var n=t(95685),r=t.n(n),l=t(32735),c=t(46304),i=t(74512);const s=l.forwardRef(({bsPrefix:e,className:a,as:t="div",...n},l)=>{const s=(0,c.vE)(e,"row"),o=(0,c.pi)(),d=(0,c.zG)(),m=`${s}-cols`,u=[];return o.forEach(e=>{const a=n[e];let t;delete n[e],null!=a&&"object"==typeof a?({cols:t}=a):t=a;const r=e!==d?`-${e}`:"";null!=t&&u.push(`${m}${r}-${t}`)}),(0,i.jsx)(t,{ref:l,...n,className:r()(a,s,...u)})});s.displayName="Row";const o=s}}]);