@clickview/reports 0.20.1-rc.0 → 0.20.1-rc.1

package/dist/scripts/{465-838ada21a5-reports.chunk.js → 465-069e5a9b7b-reports.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[465],{5465:(e,t,n)=>{n.d(t,{oy:()=>d,mS:()=>c});var a=n(1024),r=n(83914),i=n(58130);const l={baseFallbackContainer:"ZvbeV",svgFallbackContainer:"atIHN",subjectFallbackContainer:"m20L7",subjectFallbackContainerSmall:"QIbxu",subjectFallbackContainerLarge:"z_sHT",seriesItemFallback:"epoLB",playlistItemFallback:"h1S5T",playlistFallback:"ZbKBN",posterFallback:"I1mTo",subjectFallback:"kNG8Z",fallbackThumbnailImage:"nKsWZ",videoFallback:"LolCW",folderFallback:"mdrT5"};var c,o,s,u=n(9085),m=n(7733);function d(e){var t,n=e.type,d=e.mediaType,f=e.extraClasses,p=e.containerClassSize;if(n===c.Video)return a.createElement("div",{className:"".concat(l.videoFallback," ").concat(e.extraClasses," bg-light-blue")});if(n===c.Folder)return a.createElement("div",{className:"".concat(l.folderFallback," ").concat(e.extraClasses," ").concat((0,u.x)(e.name,m.o))});var v=function(e){return e===c.SeriesThumbnail?l.seriesItemFallback:e===c.PlaylistThumbnail?l.playlistItemFallback:e===c.Playlist?l.playlistFallback:e===c.Series||e===c.TallSubject?l.posterFallback:e===c.Subject?"".concat(l.subjectFallback," svg-container d-inline-block"):""}(n),g=function(e){return e===c.SeriesThumbnail||e===c.PlaylistThumbnail?i.vn.Play:e===c.Playlist?i.vn.Image:e===c.Series?i.vn.Series:e===c.Subject||e===c.TallSubject?i.vn.Subject:""}(n),h=function(e){return e===c.Subject?r.S.ExtraLarge:r.S.Standard}(n),b="".concat(function(e,t,n){if(t===c.Subject){var a=n===s.Large?l.subjectFallbackContainerLarge:l.subjectFallbackContainerSmall;return"".concat(l.subjectFallbackContainer," ").concat(a)}return e===o.Svg?t===c.SeriesThumbnail||t===c.PlaylistThumbnail?"".concat(l.svgFallbackContainer," rounded-lg"):l.svgFallbackContainer:l.baseFallbackContainer}(d,n,p));return f&&(b+=" ".concat(e.extraClasses)),a.createElement("div",{className:b},d===o.Svg?a.createElement(r.x,{svgName:g,className:"".concat(v," ").concat(null!==(t=e.svgContainerClassName)&&void 0!==t?t:""),tagName:"div",size:h}):a.createElement("div",{className:l.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(g,"')")}}))}!function(e){e[e.Playlist=0]="Playlist",e[e.PlaylistThumbnail=1]="PlaylistThumbnail",e[e.Series=2]="Series",e[e.SeriesThumbnail=3]="SeriesThumbnail",e[e.Subject=4]="Subject",e[e.TallSubject=5]="TallSubject",e[e.Video=6]="Video",e[e.Folder=7]="Folder"}(c||(c={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(o||(o={})),function(e){e[e.Large=0]="Large",e[e.Small=1]="Small"}(s||(s={})),d.defaultProps={mediaType:o.Svg,containerClassSize:s.Large}},7733:(e,t,n)=>{n.d(t,{o:()=>a});var a=["bg-pink","bg-orange"].concat(["bg-green","bg-cyan","bg-teal","bg-blue","bg-indigo","bg-purple"])},9085:(e,t,n)=>{function a(e,t){return t[e.charCodeAt(0)%t.length]}n.d(t,{x:()=>a})},22250:(e,t,n)=>{n.r(t),n.d(t,{SharedInteractivesView:()=>Je});var a=n(1024),r=n.n(a),i=n(58566),l=n(20354),c=n(23481),o=n(75896),s=n(23049),u=n(39151),m=n(19390),d=["second","minute","hour","day","week","month","year"],f=["秒","分钟","小时","天","周","个月","年"],p={},v=function(e,t){p[e]=t},g=[60,60,24,7,365/7/12,12];function h(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var b=function(e,t,n){var a=function(e,t){return(+(t?h(t):new Date)-+h(e))/1e3}(e,n&&n.relativeDate);return function(e,t){for(var n=e<0?1:0,a=e=Math.abs(e),r=0;e>=g[r]&&r<g.length;r++)e/=g[r];return(e=Math.floor(e))>(0==(r*=2)?9:1)&&(r+=1),t(e,r,a)[n].replace("%s",e.toString())}(a,function(e){return p[e]||p.en_US}(t))};v("en_US",(function(e,t){if(0===t)return["just now","right now"];var n=d[Math.floor(t/2)];return e>1&&(n+="s"),[e+" "+n+" ago","in "+e+" "+n]})),v("zh_CN",(function(e,t){if(0===t)return["刚刚","片刻后"];var n=f[~~(t/2)];return[e+" "+n+"前",e+" "+n+"后"]}));var y,E=n(110),C=n(65858),k=n(79014),S=n(10874),N=n(36532),x=n(86509),w=n(42735);function j(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],r=[];t.forEach((function(e){e.button?n.push(e):r.push(e)}));var i="d-flex";return e.className&&(i+=" ".concat(e.className)),n.length||r.length?a.createElement("div",{className:i},a.createElement(a.Fragment,null,a.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return a.createElement(a.Fragment,{key:t},function(){if(e.label){var t=k.q.isFunction(e.label)?e.label:function(){return a.createElement(a.Fragment,null,e.label)};return a.createElement(w.K,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var n=a.createElement(S.h,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?a.createElement(N.u,{title:e.tooltip,spanHack:!0},n):n}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,r.length?a.createElement(x.m,{actions:r,dropdownToggleClassName:e.actionsDropdownClassName}):a.createElement(a.Fragment,null)))):a.createElement(a.Fragment,null)}!function(e){e.DirectShare="DirectShare",e.ShareLink="ShareLink"}(y||(y={}));var I=n(88252),T=n(68626),F=n(54610),A=n(11025),O=n(4594),L=n(98236),H=n(5465),U=n(67453),M=n(7733),P=n(9085);const D={thumbnailFallbackSvg:"D4JFs",posterFallbackSvg:"bjUWl",coverFallbackSvg:"kdLpt"};var Z="rounded overflow-hidden";function R(e){var t=r().useCallback((function(t){var n;t&&e.fixedHeight&&(t.style.width="".concat(t.offsetHeight*(n=e.object,A.M.isVideoType(n)?16/9:n.typeId===O.E.Playlist?1:n.typeId===O.E.Series?9/16:void 0),"px"))}),[]),n={size:F.h2.Small},a=function(e){var t=U.j.getDisplayImageFromObject(e);if(A.M.isVideoType(e))return{image:t,imageType:F.__.Thumbnails,imageClassName:Z,imageFallbackComponent:r().createElement(H.oy,{type:H.mS.Video})};switch(e.typeId){case O.E.Series:return{image:t,imageType:F.__.TallPosters,imageClassName:Z,imageFallbackComponent:r().createElement(H.oy,{type:H.mS.Series,svgContainerClassName:D.posterFallbackSvg})};case O.E.Playlist:return{image:t,imageType:F.__.Covers,imageClassName:(null==t?void 0:t.url)?Z:"".concat(Z," ").concat((0,P.x)(e.name,M.o)),imageFallbackComponent:r().createElement(H.oy,{type:H.mS.Playlist,svgContainerClassName:(null==t?void 0:t.url)?D.coverFallbackSvg:"d-none",extraClasses:!(null==t?void 0:t.url)&&"bg-transparent"})}}}(e.object),i=a.image,l=a.imageType,c=a.imageClassName,o=a.imageFallbackComponent,s=A.M.isVideoType(e.object)&&!!e.showVideoMetadata;return r().createElement("div",{className:"d-flex align-items-center justify-content-center w-100 h-100"},r().createElement("div",{ref:t,className:e.fixedHeight?"h-100":"w-100"},s&&r().createElement(I.u,{video:e.object,imageOptions:n,textPosition:T.z.Independent,type:"cosmetic",appLink:e.appLink,analyticsOptions:{location:e.locationContext},hideDuration:!0,hideMask:!0,size:"sm"}),!s&&r().createElement(L.Z,{data:null==i?void 0:i.url,imageType:l,imageOptions:n,appLink:e.appLink,className:c},o)))}var V=n(55452),B=n(20789),_=n(83914),z=n(58130),$=n(60376),W=n(36511);const G={avatarContainer:"ByxQa",avatarWrapper:"qrp9b"};var q=5,K=c.T.encloseNamespace("reportsShare.sharedToAvatarList");function J(e){var t,n,a,i,l,c,s,u,m,d,f=(null===(t=e.recipient)||void 0===t?void 0:t.typeId)===O.E.User&&e.recipient,p=(null===(n=e.recipient)||void 0===n?void 0:n.typeId)===O.E.Classroom&&e.recipient,v=(null===(a=e.recipient)||void 0===a?void 0:a.typeId)===O.E.ClassroomGroup&&e.recipient,g="d-flex justify-content-center align-items-center text-white rounded-circle h-100 w-100";return r().createElement("div",{className:"".concat(G.avatarContainer," position-relative d-inline-block")},r().createElement("div",{className:"".concat(G.avatarWrapper," position-absolute w-100 h-100 bg-white rounded-circle"),style:{left:"".concat(-15*e.index,"%"),zIndex:q-e.index}},!!f&&r().createElement(N.u,{title:"".concat(f.name," ").concat(f.surname),spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement(B.q,{imageUrl:null===(i=f.avatar)||void 0===i?void 0:i.url,imageCdnUrl:e.imageCdnUrl,initials:V.l.getInitials(f.name,f.surname)})),!!p&&r().createElement(N.u,{title:p.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:g},r().createElement($.f,{svgName:z.vn.Classrooms,svgSize:_.S.Large,variant:"teal"}))),!!v&&r().createElement(N.u,{title:v.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:g},r().createElement($.f,{svgName:z.vn.Group,variant:(0,W.I)(null===(l=v.metadata)||void 0===l?void 0:l.colour)}))),!!e.hiddenRecipients&&r().createElement(N.u,{title:(c=e.hiddenRecipients,s=o.m.countBy(c,"typeId"),u=s[O.E.User],m=s[O.E.Classroom],d=s[O.E.ClassroomGroup],u&&m&&d?K("classroomsGroupsAndUsers",{userCount:u,classroomCount:m,groupCount:d}):u&&m?K("classroomsAndUsers",{userCount:u,classroomCount:m}):u&&d?K("groupsAndUsers",{userCount:u,groupCount:d}):m&&d?K("classroomsAndGroups",{classroomCount:m,groupCount:d}):u?K("users",{userCount:u}):m?K("classrooms",{classroomCount:m}):d?K("groups",{groupCount:d}):void 0),spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:"d-flex justify-content-center align-items-center border border-dark rounded-circle h-100 w-100"},"+".concat(e.hiddenRecipients.length)))))}function Q(){return r().createElement("div",{className:G.avatarContainer},r().createElement(N.u,{title:K("anonymous"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r().createElement(_.x,{svgName:z.vn.Anonymous})))}function Y(){return r().createElement("div",{className:G.avatarContainer},r().createElement(N.u,{title:K("sharedLink"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r().createElement(_.x,{svgName:z.vn.Link})))}function X(e){var t=e.recipients.length>q?e.recipients.slice(0,q-1):e.recipients,n=e.recipients.length>t.length?e.recipients.slice(q-1):[];return r().createElement("div",null,t.map((function(t,n){return r().createElement(J,{key:n,index:n,recipient:t,imageCdnUrl:e.imageCdnUrl})})),!!n.length&&r().createElement(J,{index:t.length,imageCdnUrl:e.imageCdnUrl,hiddenRecipients:n}))}var ee={groupByDateShared:function(e){var t=o.m.groupBy(e,"dateShared");return Object.keys(t).sort().reverse().reduce((function(e,n){var a=b(n);return e[a]||(e[a]=[]),e[a]=e[a].concat(t[n]),e}),{})}},te=n(8493),ne=n(49080);const ae={indicatorContainer:"T6YAv",indicator:"_MRHG"};var re=c.T.encloseNamespace("share.shareStatusIndicator");function ie(e){if(e.type===y.DirectShare)return re("active");switch(e.status){case ne.F.Active:return re("active");case ne.F.Expired:return re("expired")}}function le(e){if(e.type===y.DirectShare)return"bg-success";switch(e.status){case ne.F.Active:return"bg-success";case ne.F.Expired:return"bg-secondary"}}function ce(e){var t;return e.share.type!==y.DirectShare||(null===(t=e.share.recipients)||void 0===t?void 0:t.length)?e.share.type===y.ShareLink&&e.share.isPasswordProtected?r().createElement(N.u,{title:re("passwordProtected"),spanHack:!0},r().createElement(_.x,{svgName:z.vn.Lock,size:_.S.Small})):r().createElement(N.u,{title:ie(e.share),spanHack:!0,spanHackClassName:ae.indicatorContainer},r().createElement("div",{className:"".concat(ae.indicator," ").concat(le(e.share))})):r().createElement(r().Fragment,null)}var oe=n(83345);function se(e){return se="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},se(e)}var ue="share.sharedByMeTable",me=c.T.encloseNamespace(ue);function de(e){var t;if(e.type===y.ShareLink||!(null===(t=null==e?void 0:e.recipients)||void 0===t?void 0:t.length))return e.dateCreated;var n=e.recipients.map((function(e){return e.dateShared}));return n.sort((function(e,t){return E.O.isSame(e,t)?0:E.O.isAfter(e,t)?1:-2})),n.length?o.m.last(n):""}function fe(e,t,n,a,i,l,c){var o=[{Header:l?"":t,accessor:"sharedObject",id:"image",Cell:function(e){var t=e.value;return r().createElement("div",{className:"w-100"},r().createElement(R,{object:t,appLink:n(t),showVideoMetadata:!0,locationContext:C.LocationContext.SharedByMe}))},width:30},{accessor:"sharedObject",id:"name",Cell:function(e){var t,a=e.value;return a.name?A.M.isVideoType(a)&&!(null===(t=A.M.getCanBeConsumed(a))||void 0===t?void 0:t.canNavigate)?r().createElement("span",{className:"text-truncate"},a.name):r().createElement(te.F,{appLink:n(a),className:"text-truncate"},a.name):r().createElement("span",null,r().createElement(oe.x,{namespace:ue,phrase:"videoUnavailable"}))},width:60},{Header:0===e?me("sharedTo"):"",accessor:"shareRecipients",Cell:function(e){var t=e.value;return t?t.length?r().createElement(X,{recipients:t,imageCdnUrl:i}):r().createElement(Q,null):r().createElement(Y,null)},width:40},{Header:0===e?me("shared"):"",id:"dateShared",accessor:function(e){return b(e.dateShared)},width:40},{accessor:"sharedObject",id:"actions",Cell:function(e){var t=e.value;return r().createElement(j,{actions:a(t),className:"w-100 justify-content-end pr-2"})},width:20}],s={Header:t,accessor:"share",id:"status",Cell:function(e){var t=e.value;return r().createElement(ce,{share:t})},width:5},u={Header:me("views"),accessor:"viewCount",width:30};return l&&o.splice(0,0,s),c&&o.splice(o.length-1,0,u),o}function pe(e){var t,n,a,i,l,c=(t=e.sentShares,n=e.sharedObjects,a=e.shareRecipients,i=!!e.groupByDateShared,l=!!e.refreshTable,r().useMemo((function(){var e,r,l,c=[];return t.forEach((function(e){var t,r,i=n.find((function(t){return t.id===e.objectId})),l=null;e.type===y.DirectShare&&(l=[],null===(t=e.recipients)||void 0===t||t.forEach((function(e){var t=a.find((function(t){return t.id===e.id}));t&&l.push(t)}))),i&&c.push({share:e,sharedObject:i,shareRecipients:l,dateShared:de(e),viewCount:null!==(r=e.viewCount)&&void 0!==r?r:0})})),i?ee.groupByDateShared(c):(e={},r=me("title"),l=c,(r=function(e){var t=function(e,t){if("object"!==se(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!==se(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===se(t)?t:String(t)}(r))in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e)}),[l]));return r().createElement(r().Fragment,null,Object.keys(c).map((function(t,n){return r().createElement(m.i,{key:n,columns:fe(n,t,e.getObjectAppLink,e.getObjectActions,e.imageCdnUrl,e.showStatus,e.showViewCount),data:c[t],theme:e.theme})})))}var ve=n(23232),ge=c.T.encloseNamespace("share.sharedByMeEmptyState");function he(e){return r().createElement(ve.u,null,r().createElement(ve.u.Image,{src:e.imageUrl}),r().createElement(ve.u.Heading,null,ge(e.useInteractiveCopy?"interactivesHeading":"genericHeading")),r().createElement(ve.u.Info,null,ge(e.useInteractiveCopy?"interactivesInfo":"genericInfo")),!!e.appLink&&r().createElement(ve.u.Cta,{appLink:e.appLink,text:ge("cta")}))}var be=n(30439),ye=n(50242),Ee=n(45719),Ce=400;function ke(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Se(e,t,n,r,i,l){var c,o,s,u,m=(c=(0,a.useState)(0),o=2,function(e){if(Array.isArray(e))return e}(c)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(c,o)||function(e,t){if(e){if("string"==typeof e)return ke(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ke(e,t):void 0}}(c,o)||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=m[0],f=m[1],p=t,v=(0,Ee.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),r,i);return s={fetchNextPage:function(){if(t&&e&&v)return f((function(e){return e+1})),p(v.nextCursor)},hasMore:!!(null==v?void 0:v.nextCursor),isFetching:null==v?void 0:v.isFetching,scrollContainer:l},u=function(){if(!s.isFetching){if(s.scrollContainer){var e=s.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-Ce)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-Ce)return;s.fetchNextPage()}},(0,a.useEffect)((function(){var e=k.q.throttle(u,200),t=s.scrollContainer||window;return s.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[s.hasMore,s.fetchNextPage,s.scrollContainer]),(0,a.useEffect)((function(){v&&v.shouldInitialFetch&&t&&(p(),f((function(e){return e+1})))}),[null==v?void 0:v.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==v?void 0:v.statusCode)&&k.q.isFunction(n)){var a=+(null===(t=null===(e=v.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==ye.k.ClientError&&a!==ye.k.ServerError||n(d,v.statusCode)}}),[null==v?void 0:v.statusCode]),{items:null==v?void 0:v.items,hasMore:!!(null==v?void 0:v.nextCursor),nextCursor:null==v?void 0:v.nextCursor,isFetching:null==v?void 0:v.isFetching,totalItems:null==v?void 0:v.totalItems}}var Ne=n(99910),xe=n(64038);const we={container:"VwD1b",spinner:"eJ85e"};function je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Ie(e){var t,n,r=(t=xe.useInView(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return je(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?je(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=r[0],l=r[1];return a.useEffect((function(){var t;e.fetchOnScroll&&l&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[l,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat(we.container),ref:i},e.isFetching?a.createElement(Ne.Spinner,{as:"span",animation:"border",role:"status",className:we.spinner}):a.createElement(_.x,{svgName:z.vn.ChevronDown,className:"svg-container cursor-pointer",size:_.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}function Te(e,t){if(e){if("string"==typeof e)return Fe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Fe(e,t):void 0}}function Fe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Ae(e,t){var n,a,c=(n=r().useState([]),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(n,a)||Te(n,a)||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.")}()),o=c[0],s=c[1];r().useEffect((function(){if(null==e?void 0:e.length){var t=function(e){return function(e){if(Array.isArray(e))return Fe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Te(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.")}()}(o);t.push([]),e.forEach((function(e){t.find((function(t){return t.find((function(t){return t===e}))}))||t[t.length-1].push(e)})),s(t.filter((function(e){return e.length})))}}),[e.join(",")]);var u=(0,i.useDispatch)(),m=(0,i.useSelector)((function(e){return e}));if(r().useEffect((function(){o.forEach((function(e){var n=t(e);l.a.getResponse(m,n.key).shouldFetch&&l.a.fetch(u,n)}))}),[null==o?void 0:o.length]),!(null==o?void 0:o.length))return{items:null,isFetching:!1};var d={},f={};return o.forEach((function(e,n){var a=t(e),r=l.a.getResponse(m,a.key);f[n]=r,r.data&&r.data.forEach((function(e){return d[e.id]=e}))})),{items:Object.keys(f).some((function(e){return!!f[e].data}))?d:null,isFetching:!!Object.keys(f).some((function(e){return f[e].isFetching}))}}Ie.defaultProps={fetchOnScroll:!1};var Oe=n(87480),Le=n(91470),He=n(38477),Ue=n(55884),Me=n(99827),Pe=n(28512),De=n(92209),Ze=n(83850),Re=n(80763),Ve=n(51644);function Be(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 a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return _e(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_e(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 _e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ze=c.T.encloseNamespace("reportsInteractives.sharedInteractives");function $e(e){return e.items?Object.values(e.items):[]}function We(){var e=(0,Me.b)();return function(t){return{application:Pe.O.INTERACTIVES,action:De.e.Interactives.OVERVIEW,args:[t.id],params:e}}}function Ge(){var e=(0,Me.b)();return"shared:interactives:table:".concat((0,Ze.u)(e))}var qe=c.T.encloseNamespace("reportsInteractives.sharedInteractives"),Ke={table:"bg-white rounded mb-4",header:"border-bottom font-weight-500 pl-3",headerCell:"p-3",row:"pl-3",cell:"d-flex align-items-center p-3"};function Je(){var e,t=(0,i.useDispatch)();(0,s.o)(qe("interactives")),(0,Oe.U)(qe("interactives"));var n,a=Ge(),c=We(),m=function(){var e=We(),t=(0,Re.L)(Ve.P.getPrimaryObjectUrl);return function(n){if(!A.M.getCanBeConsumed(n).canConsume)return[];var a=[{tooltip:ze("viewResults"),svgName:z.vn.Chart,appLink:e(n),className:"mr-2",button:!0},{label:ze("editShareSettings"),appLink:{application:Pe.O.DEFAULT,action:De.e.Default.SHARE,args:[n.id],params:{entityType:"interactive"}}}];return t&&a.push({label:ze("viewOriginal"),href:t(n),openInNewTab:!0}),a}}(),d=!!(n=(0,Me.R)())&&function(e){var t=n.start,a=n.end,r=n.userId,i=n.groupId;return be.o.sentShare({start:t,end:a,recipientUserId:r,recipientGroupId:i,objectTypeId:O.E.Interactive,cursor:e})};function f(e){d&&l.a.getFetch(t)(d(e))}var p=Se(d,f),v=p.items,g=p.hasMore,h=p.isFetching,b=p.nextCursor,E=Ae(o.m.uniq(null!==(e=null==v?void 0:v.map((function(e){return e.objectId})))&&void 0!==e?e:[]),(function(e){return be.o.sharedObjectsById(e)})),C=function(e){var t=o.m.flatten(function(e){var t;return null!==(t=null==e?void 0:e.filter((function(e){return e.type===y.DirectShare})))&&void 0!==t?t:[]}(e).map((function(e){var t;return null!==(t=e.recipients)&&void 0!==t?t:[]})));return o.m.uniq(t,"id").map((function(e){return e.id}))}(v),k=Ae(C,(function(e){return be.o.getRecipientsById(e)})),S=l.a.useBasicFetch(u.L.config()),N=function(e,t,n,a,i){var l=Ge(),c=Be(r().useState(t),2),o=c[0],s=c[1],u=Be(r().useState(a),2),m=u[0],d=u[1];return r().useEffect((function(){s(t),d(a)}),[l]),r().useEffect((function(){t&&s(!0)}),[t]),r().useEffect((function(){a&&d(!0)}),[a]),!(e&&!e.length)&&(!e||!o||n.length&&!m||!i.data)}(v,!!E.items,C,!!k.items,S),x=h||E.isFetching||k.isFetching;return N?r().createElement(Le.I,{variant:"interactives"},r().createElement(He.W,{variant:"interactives"})):v.length?r().createElement(r().Fragment,null,r().createElement(pe,{key:a,sentShares:v,sharedObjects:$e(E),shareRecipients:$e(k),getObjectAppLink:c,getObjectActions:m,imageCdnUrl:S.data.imageCdnUrl,theme:Ke,showStatus:!0,showViewCount:!0,refreshTable:x}),(g||x)&&r().createElement(Ie,{isFetching:x,fetchNext:f,nextCursor:b})):r().createElement("div",{className:"bg-white rounded my-3 py-5"},r().createElement("div",{className:"pb-5"},r().createElement(he,{imageUrl:Ue.W.EmptyStates.Interactives.SharedInteractives,useInteractiveCopy:!0})))}},38477:(e,t,n)=>{n.d(t,{W:()=>m});var a=n(1024),r=n.n(a),i=n(99910),l=n(95602);function c(){return r().createElement(i.Row,{className:"py-1 ".concat(l.Z.videoItemContainer)},r().createElement(i.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialNumber)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(l.Z.partialThumbnail)}))),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialLongText)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:4,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialNumber)})))}function o(){return r().createElement(i.Row,{className:"py-1 ".concat(l.Z.interactiveItemContainer)},r().createElement(i.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialNumber)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(l.Z.partialThumbnail)}))),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialMediumText)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialAvatar)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialMediumText)})),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialNumber)})))}function s(){return r().createElement(i.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(i.Col,{xs:9,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(l.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(l.Z.partialLongText)})),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(l.Z.partialNumber," ").concat(l.Z.onlineUserContainer)})))}function u(){return r().createElement(i.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(i.Col,{xs:2,className:"d-flex align-items-center "},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(l.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:6,className:"d-flex justify-content-between align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.heatMapItemContainer," ").concat(l.Z.partialHeatMap)})))}function m(e){return r().createElement("div",{className:"my-1"},Array(e.itemCount).fill(null).map((function(t,n){return function(e,t){switch(e){case"video-views":return r().createElement(c,{key:t});case"interactives":return r().createElement(o,{key:t});case"online-users":return r().createElement(s,{key:t});case"engagement-users":return r().createElement(u,{key:t});default:return r().createElement(r().Fragment,null)}}(e.variant,n)})))}m.defaultProps={itemCount:7}},80763:(e,t,n)=>{n.d(t,{L:()=>l});var a=n(20354),r=n(12754),i=n(70145);function l(e){var t,n=null===(t=a.a.useBasicFetch(i.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===r.x.Primary}));if(n)return function(t){return e(n,t)}}},87480:(e,t,n)=>{n.d(t,{U:()=>c});var a=n(1024),r=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e){var t,n,c=(t=(0,r.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 a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,a.useEffect)((function(){return c(e),function(){c(null)}}),[e])}},83850:(e,t,n)=>{function a(e){var t=[];return Object.keys(e).forEach((function(n){var a=e[n];a&&t.push("".concat(n,":").concat(Array.isArray(a)?a.join(","):a))})),t.join(":")}n.d(t,{u:()=>a})}}]);
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[465],{5465:(e,t,n)=>{n.d(t,{oy:()=>d,mS:()=>c});var a=n(1024),r=n(83914),i=n(58130);const l={baseFallbackContainer:"ZvbeV",svgFallbackContainer:"atIHN",subjectFallbackContainer:"m20L7",subjectFallbackContainerSmall:"QIbxu",subjectFallbackContainerLarge:"z_sHT",seriesItemFallback:"epoLB",playlistItemFallback:"h1S5T",playlistFallback:"ZbKBN",posterFallback:"I1mTo",subjectFallback:"kNG8Z",fallbackThumbnailImage:"nKsWZ",videoFallback:"LolCW",folderFallback:"mdrT5"};var c,o,s,u=n(9085),m=n(7733);function d(e){var t,n=e.type,d=e.mediaType,f=e.extraClasses,p=e.containerClassSize;if(n===c.Video)return a.createElement("div",{className:"".concat(l.videoFallback," ").concat(e.extraClasses," bg-light-blue")});if(n===c.Folder)return a.createElement("div",{className:"".concat(l.folderFallback," ").concat(e.extraClasses," ").concat((0,u.x)(e.name,m.o))});var v=function(e){return e===c.SeriesThumbnail?l.seriesItemFallback:e===c.PlaylistThumbnail?l.playlistItemFallback:e===c.Playlist?l.playlistFallback:e===c.Series||e===c.TallSubject?l.posterFallback:e===c.Subject?"".concat(l.subjectFallback," svg-container d-inline-block"):""}(n),g=function(e){return e===c.SeriesThumbnail||e===c.PlaylistThumbnail?i.vn.Play:e===c.Playlist?i.vn.Image:e===c.Series?i.vn.Series:e===c.Subject||e===c.TallSubject?i.vn.Subject:""}(n),h=function(e){return e===c.Subject?r.S.ExtraLarge:r.S.Standard}(n),b="".concat(function(e,t,n){if(t===c.Subject){var a=n===s.Large?l.subjectFallbackContainerLarge:l.subjectFallbackContainerSmall;return"".concat(l.subjectFallbackContainer," ").concat(a)}return e===o.Svg?t===c.SeriesThumbnail||t===c.PlaylistThumbnail?"".concat(l.svgFallbackContainer," rounded-lg"):l.svgFallbackContainer:l.baseFallbackContainer}(d,n,p));return f&&(b+=" ".concat(e.extraClasses)),a.createElement("div",{className:b},d===o.Svg?a.createElement(r.x,{svgName:g,className:"".concat(v," ").concat(null!==(t=e.svgContainerClassName)&&void 0!==t?t:""),tagName:"div",size:h}):a.createElement("div",{className:l.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(g,"')")}}))}!function(e){e[e.Playlist=0]="Playlist",e[e.PlaylistThumbnail=1]="PlaylistThumbnail",e[e.Series=2]="Series",e[e.SeriesThumbnail=3]="SeriesThumbnail",e[e.Subject=4]="Subject",e[e.TallSubject=5]="TallSubject",e[e.Video=6]="Video",e[e.Folder=7]="Folder"}(c||(c={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(o||(o={})),function(e){e[e.Large=0]="Large",e[e.Small=1]="Small"}(s||(s={})),d.defaultProps={mediaType:o.Svg,containerClassSize:s.Large}},7733:(e,t,n)=>{n.d(t,{o:()=>a});var a=["bg-pink","bg-orange"].concat(["bg-green","bg-cyan","bg-teal","bg-blue","bg-indigo","bg-purple"])},9085:(e,t,n)=>{function a(e,t){return t[e.charCodeAt(0)%t.length]}n.d(t,{x:()=>a})},22250:(e,t,n)=>{n.r(t),n.d(t,{SharedInteractivesView:()=>Je});var a=n(1024),r=n.n(a),i=n(58566),l=n(20354),c=n(23481),o=n(75896),s=n(23049),u=n(39151),m=n(19390),d=["second","minute","hour","day","week","month","year"],f=["秒","分钟","小时","天","周","个月","年"],p={},v=function(e,t){p[e]=t},g=[60,60,24,7,365/7/12,12];function h(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var b=function(e,t,n){var a=function(e,t){return(+(t?h(t):new Date)-+h(e))/1e3}(e,n&&n.relativeDate);return function(e,t){for(var n=e<0?1:0,a=e=Math.abs(e),r=0;e>=g[r]&&r<g.length;r++)e/=g[r];return(e=Math.floor(e))>(0==(r*=2)?9:1)&&(r+=1),t(e,r,a)[n].replace("%s",e.toString())}(a,function(e){return p[e]||p.en_US}(t))};v("en_US",(function(e,t){if(0===t)return["just now","right now"];var n=d[Math.floor(t/2)];return e>1&&(n+="s"),[e+" "+n+" ago","in "+e+" "+n]})),v("zh_CN",(function(e,t){if(0===t)return["刚刚","片刻后"];var n=f[~~(t/2)];return[e+" "+n+"前",e+" "+n+"后"]}));var y,E=n(110),C=n(65858),k=n(79014),S=n(10874),N=n(36532),x=n(86509),w=n(42735);function j(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],r=[];t.forEach((function(e){e.button?n.push(e):r.push(e)}));var i="d-flex";return e.className&&(i+=" ".concat(e.className)),n.length||r.length?a.createElement("div",{className:i},a.createElement(a.Fragment,null,a.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return a.createElement(a.Fragment,{key:t},function(){if(e.label){var t=k.q.isFunction(e.label)?e.label:function(){return a.createElement(a.Fragment,null,e.label)};return a.createElement(w.K,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var n=a.createElement(S.h,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?a.createElement(N.u,{title:e.tooltip,spanHack:!0},n):n}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,r.length?a.createElement(x.m,{actions:r,dropdownToggleClassName:e.actionsDropdownClassName}):a.createElement(a.Fragment,null)))):a.createElement(a.Fragment,null)}!function(e){e.DirectShare="DirectShare",e.ShareLink="ShareLink"}(y||(y={}));var I=n(88252),T=n(68626),F=n(54610),A=n(11025),O=n(4594),L=n(98236),H=n(5465),U=n(67453),M=n(7733),P=n(9085);const D={thumbnailFallbackSvg:"D4JFs",posterFallbackSvg:"bjUWl",coverFallbackSvg:"kdLpt"};var Z="rounded overflow-hidden";function R(e){var t=r().useCallback((function(t){var n;t&&e.fixedHeight&&(t.style.width="".concat(t.offsetHeight*(n=e.object,A.M.isVideoType(n)?16/9:n.typeId===O.E.Playlist?1:n.typeId===O.E.Series?9/16:void 0),"px"))}),[]),n={size:F.h2.Small},a=function(e){var t=U.j.getDisplayImageFromObject(e);if(A.M.isVideoType(e))return{image:t,imageType:F.__.Thumbnails,imageClassName:Z,imageFallbackComponent:r().createElement(H.oy,{type:H.mS.Video})};switch(e.typeId){case O.E.Series:return{image:t,imageType:F.__.TallPosters,imageClassName:Z,imageFallbackComponent:r().createElement(H.oy,{type:H.mS.Series,svgContainerClassName:D.posterFallbackSvg})};case O.E.Playlist:return{image:t,imageType:F.__.Covers,imageClassName:(null==t?void 0:t.url)?Z:"".concat(Z," ").concat((0,P.x)(e.name,M.o)),imageFallbackComponent:r().createElement(H.oy,{type:H.mS.Playlist,svgContainerClassName:(null==t?void 0:t.url)?D.coverFallbackSvg:"d-none",extraClasses:!(null==t?void 0:t.url)&&"bg-transparent"})}}}(e.object),i=a.image,l=a.imageType,c=a.imageClassName,o=a.imageFallbackComponent,s=A.M.isVideoType(e.object)&&!!e.showVideoMetadata;return r().createElement("div",{className:"d-flex align-items-center justify-content-center w-100 h-100"},r().createElement("div",{ref:t,className:e.fixedHeight?"h-100":"w-100"},s&&r().createElement(I.u,{video:e.object,imageOptions:n,textPosition:T.z.Independent,type:"cosmetic",appLink:e.appLink,analyticsOptions:{location:e.locationContext},hideDuration:!0,hideMask:!0,size:"sm"}),!s&&r().createElement(L.Z,{data:null==i?void 0:i.url,imageType:l,imageOptions:n,appLink:e.appLink,className:c},o)))}var V=n(55452),B=n(20789),_=n(83914),z=n(58130),$=n(60376),W=n(36511);const G={avatarContainer:"ByxQa",avatarWrapper:"qrp9b"};var q=5,K=c.T.encloseNamespace("reportsShare.sharedToAvatarList");function J(e){var t,n,a,i,l,c,s,u,m,d,f=(null===(t=e.recipient)||void 0===t?void 0:t.typeId)===O.E.User&&e.recipient,p=(null===(n=e.recipient)||void 0===n?void 0:n.typeId)===O.E.Classroom&&e.recipient,v=(null===(a=e.recipient)||void 0===a?void 0:a.typeId)===O.E.ClassroomGroup&&e.recipient,g="d-flex justify-content-center align-items-center text-white rounded-circle h-100 w-100";return r().createElement("div",{className:"".concat(G.avatarContainer," position-relative d-inline-block")},r().createElement("div",{className:"".concat(G.avatarWrapper," position-absolute w-100 h-100 bg-white rounded-circle"),style:{left:"".concat(-15*e.index,"%"),zIndex:q-e.index}},!!f&&r().createElement(N.u,{title:"".concat(f.name," ").concat(f.surname),spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement(B.q,{imageUrl:null===(i=f.avatar)||void 0===i?void 0:i.url,imageCdnUrl:e.imageCdnUrl,initials:V.l.getInitials(f.name,f.surname)})),!!p&&r().createElement(N.u,{title:p.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:g},r().createElement($.f,{svgName:z.vn.Classrooms,svgSize:_.S.Large,variant:"teal"}))),!!v&&r().createElement(N.u,{title:v.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:g},r().createElement($.f,{svgName:z.vn.Group,variant:(0,W.I)(null===(l=v.metadata)||void 0===l?void 0:l.colour)}))),!!e.hiddenRecipients&&r().createElement(N.u,{title:(c=e.hiddenRecipients,s=o.m.countBy(c,"typeId"),u=s[O.E.User],m=s[O.E.Classroom],d=s[O.E.ClassroomGroup],u&&m&&d?K("classroomsGroupsAndUsers",{userCount:u,classroomCount:m,groupCount:d}):u&&m?K("classroomsAndUsers",{userCount:u,classroomCount:m}):u&&d?K("groupsAndUsers",{userCount:u,groupCount:d}):m&&d?K("classroomsAndGroups",{classroomCount:m,groupCount:d}):u?K("users",{userCount:u}):m?K("classrooms",{classroomCount:m}):d?K("groups",{groupCount:d}):void 0),spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:"d-flex justify-content-center align-items-center border border-dark rounded-circle h-100 w-100"},"+".concat(e.hiddenRecipients.length)))))}function Q(){return r().createElement("div",{className:G.avatarContainer},r().createElement(N.u,{title:K("anonymous"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r().createElement(_.x,{svgName:z.vn.Anonymous})))}function Y(){return r().createElement("div",{className:G.avatarContainer},r().createElement(N.u,{title:K("sharedLink"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r().createElement(_.x,{svgName:z.vn.Link})))}function X(e){var t=e.recipients.length>q?e.recipients.slice(0,q-1):e.recipients,n=e.recipients.length>t.length?e.recipients.slice(q-1):[];return r().createElement("div",null,t.map((function(t,n){return r().createElement(J,{key:n,index:n,recipient:t,imageCdnUrl:e.imageCdnUrl})})),!!n.length&&r().createElement(J,{index:t.length,imageCdnUrl:e.imageCdnUrl,hiddenRecipients:n}))}var ee={groupByDateShared:function(e){var t=o.m.groupBy(e,"dateShared");return Object.keys(t).sort().reverse().reduce((function(e,n){var a=b(n);return e[a]||(e[a]=[]),e[a]=e[a].concat(t[n]),e}),{})}},te=n(8493),ne=n(49080);const ae={indicatorContainer:"T6YAv",indicator:"_MRHG"};var re=c.T.encloseNamespace("share.shareStatusIndicator");function ie(e){if(e.type===y.DirectShare)return re("active");switch(e.status){case ne.F.Active:return re("active");case ne.F.Expired:return re("expired")}}function le(e){if(e.type===y.DirectShare)return"bg-success";switch(e.status){case ne.F.Active:return"bg-success";case ne.F.Expired:return"bg-secondary"}}function ce(e){var t;return e.share.type!==y.DirectShare||(null===(t=e.share.recipients)||void 0===t?void 0:t.length)?e.share.type===y.ShareLink&&e.share.isPasswordProtected?r().createElement(N.u,{title:re("passwordProtected"),spanHack:!0},r().createElement(_.x,{svgName:z.vn.Lock,size:_.S.Small})):r().createElement(N.u,{title:ie(e.share),spanHack:!0,spanHackClassName:ae.indicatorContainer},r().createElement("div",{className:"".concat(ae.indicator," ").concat(le(e.share))})):r().createElement(r().Fragment,null)}var oe=n(83345);function se(e){return se="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},se(e)}var ue="share.sharedByMeTable",me=c.T.encloseNamespace(ue);function de(e){var t;if(e.type===y.ShareLink||!(null===(t=null==e?void 0:e.recipients)||void 0===t?void 0:t.length))return e.dateCreated;var n=e.recipients.map((function(e){return e.dateShared}));return n.sort((function(e,t){return E.O.isSame(e,t)?0:E.O.isAfter(e,t)?1:-2})),n.length?o.m.last(n):""}function fe(e,t,n,a,i,l,c){var o=[{Header:l?"":t,accessor:"sharedObject",id:"image",Cell:function(e){var t=e.value;return r().createElement("div",{className:"w-100"},r().createElement(R,{object:t,appLink:n(t),showVideoMetadata:!0,locationContext:C.LocationContext.SharedByMe}))},width:30},{accessor:"sharedObject",id:"name",Cell:function(e){var t,a=e.value;return a.name?A.M.isVideoType(a)&&!(null===(t=A.M.getCanBeConsumed(a))||void 0===t?void 0:t.canNavigate)?r().createElement("span",{className:"text-truncate"},a.name):r().createElement(te.F,{appLink:n(a),className:"text-truncate"},a.name):r().createElement("span",null,r().createElement(oe.x,{namespace:ue,phrase:"videoUnavailable"}))},width:60},{Header:0===e?me("sharedTo"):"",accessor:"shareRecipients",Cell:function(e){var t=e.value;return t?t.length?r().createElement(X,{recipients:t,imageCdnUrl:i}):r().createElement(Q,null):r().createElement(Y,null)},width:40},{Header:0===e?me("shared"):"",id:"dateShared",accessor:function(e){return b(e.dateShared)},width:40},{accessor:"sharedObject",id:"actions",Cell:function(e){var t=e.value;return r().createElement(j,{actions:a(t),className:"w-100 justify-content-end pr-2"})},width:20}],s={Header:t,accessor:"share",id:"status",Cell:function(e){var t=e.value;return r().createElement(ce,{share:t})},width:5},u={Header:me("views"),accessor:"viewCount",width:30};return l&&o.splice(0,0,s),c&&o.splice(o.length-1,0,u),o}function pe(e){var t,n,a,i,l,c=(t=e.sentShares,n=e.sharedObjects,a=e.shareRecipients,i=!!e.groupByDateShared,l=!!e.refreshTable,r().useMemo((function(){var e,r,l,c=[];return t.forEach((function(e){var t,r,i=n.find((function(t){return t.id===e.objectId})),l=null;e.type===y.DirectShare&&(l=[],null===(t=e.recipients)||void 0===t||t.forEach((function(e){var t=a.find((function(t){return t.id===e.id}));t&&l.push(t)}))),i&&c.push({share:e,sharedObject:i,shareRecipients:l,dateShared:de(e),viewCount:null!==(r=e.viewCount)&&void 0!==r?r:0})})),i?ee.groupByDateShared(c):(e={},r=me("title"),l=c,(r=function(e){var t=function(e,t){if("object"!==se(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!==se(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===se(t)?t:String(t)}(r))in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e)}),[l]));return r().createElement(r().Fragment,null,Object.keys(c).map((function(t,n){return r().createElement(m.i,{key:n,columns:fe(n,t,e.getObjectAppLink,e.getObjectActions,e.imageCdnUrl,e.showStatus,e.showViewCount),data:c[t],theme:e.theme})})))}var ve=n(23232),ge=c.T.encloseNamespace("share.sharedByMeEmptyState");function he(e){return r().createElement(ve.u,null,r().createElement(ve.u.Image,{src:e.imageUrl}),r().createElement(ve.u.Heading,null,ge(e.useInteractiveCopy?"interactivesHeading":"genericHeading")),r().createElement(ve.u.Info,null,ge(e.useInteractiveCopy?"interactivesInfo":"genericInfo")),!!e.appLink&&r().createElement(ve.u.Cta,{appLink:e.appLink,text:ge("cta")}))}var be=n(30439),ye=n(50242),Ee=n(45719),Ce=400;function ke(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Se(e,t,n,r,i,l){var c,o,s,u,m=(c=(0,a.useState)(0),o=2,function(e){if(Array.isArray(e))return e}(c)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(c,o)||function(e,t){if(e){if("string"==typeof e)return ke(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ke(e,t):void 0}}(c,o)||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=m[0],f=m[1],p=t,v=(0,Ee.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),r,i);return s={fetchNextPage:function(){if(t&&e&&v)return f((function(e){return e+1})),p(v.nextCursor)},hasMore:!!(null==v?void 0:v.nextCursor),isFetching:null==v?void 0:v.isFetching,scrollContainer:l},u=function(){if(!s.isFetching){if(s.scrollContainer){var e=s.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-Ce)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-Ce)return;s.fetchNextPage()}},(0,a.useEffect)((function(){var e=k.q.throttle(u,200),t=s.scrollContainer||window;return s.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[s.hasMore,s.fetchNextPage,s.scrollContainer]),(0,a.useEffect)((function(){v&&v.shouldInitialFetch&&t&&(p(),f((function(e){return e+1})))}),[null==v?void 0:v.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==v?void 0:v.statusCode)&&k.q.isFunction(n)){var a=+(null===(t=null===(e=v.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==ye.k.ClientError&&a!==ye.k.ServerError||n(d,v.statusCode)}}),[null==v?void 0:v.statusCode]),{items:null==v?void 0:v.items,hasMore:!!(null==v?void 0:v.nextCursor),nextCursor:null==v?void 0:v.nextCursor,isFetching:null==v?void 0:v.isFetching,totalItems:null==v?void 0:v.totalItems}}var Ne=n(99910),xe=n(64038);const we={container:"VwD1b",spinner:"eJ85e"};function je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Ie(e){var t,n,r=(t=xe.useInView(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return je(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?je(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=r[0],l=r[1];return a.useEffect((function(){var t;e.fetchOnScroll&&l&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[l,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat(we.container),ref:i},e.isFetching?a.createElement(Ne.Spinner,{as:"span",animation:"border",role:"status",className:we.spinner}):a.createElement(_.x,{svgName:z.vn.ChevronDown,className:"svg-container cursor-pointer",size:_.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}function Te(e,t){if(e){if("string"==typeof e)return Fe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Fe(e,t):void 0}}function Fe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Ae(e,t){var n,a,c=(n=r().useState([]),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(n,a)||Te(n,a)||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.")}()),o=c[0],s=c[1];r().useEffect((function(){if(null==e?void 0:e.length){var t=function(e){return function(e){if(Array.isArray(e))return Fe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Te(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.")}()}(o);t.push([]),e.forEach((function(e){t.find((function(t){return t.find((function(t){return t===e}))}))||t[t.length-1].push(e)})),s(t.filter((function(e){return e.length})))}}),[e?e.join(","):null]);var u=(0,i.useDispatch)(),m=(0,i.useSelector)((function(e){return e}));if(r().useEffect((function(){o.forEach((function(e){var n=t(e);l.a.getResponse(m,n.key).shouldFetch&&l.a.fetch(u,n)}))}),[null==o?void 0:o.length]),!(null==o?void 0:o.length))return{items:null,isFetching:!1};var d={},f={};return o.forEach((function(e,n){var a=t(e),r=l.a.getResponse(m,a.key);f[n]=r,r.data&&r.data.forEach((function(e){return d[e.id]=e}))})),{items:Object.keys(f).some((function(e){return!!f[e].data}))?d:null,isFetching:!!Object.keys(f).some((function(e){return f[e].isFetching}))}}Ie.defaultProps={fetchOnScroll:!1};var Oe=n(87480),Le=n(91470),He=n(38477),Ue=n(55884),Me=n(99827),Pe=n(28512),De=n(92209),Ze=n(83850),Re=n(80763),Ve=n(51644);function Be(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 a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return _e(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_e(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 _e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ze=c.T.encloseNamespace("reportsInteractives.sharedInteractives");function $e(e){return e.items?Object.values(e.items):[]}function We(){var e=(0,Me.b)();return function(t){return{application:Pe.O.INTERACTIVES,action:De.e.Interactives.OVERVIEW,args:[t.id],params:e}}}function Ge(){var e=(0,Me.b)();return"shared:interactives:table:".concat((0,Ze.u)(e))}var qe=c.T.encloseNamespace("reportsInteractives.sharedInteractives"),Ke={table:"bg-white rounded mb-4",header:"border-bottom font-weight-500 pl-3",headerCell:"p-3",row:"pl-3",cell:"d-flex align-items-center p-3"};function Je(){var e,t=(0,i.useDispatch)();(0,s.o)(qe("interactives")),(0,Oe.U)(qe("interactives"));var n,a=Ge(),c=We(),m=function(){var e=We(),t=(0,Re.L)(Ve.P.getPrimaryObjectUrl);return function(n){if(!A.M.getCanBeConsumed(n).canConsume)return[];var a=[{tooltip:ze("viewResults"),svgName:z.vn.Chart,appLink:e(n),className:"mr-2",button:!0},{label:ze("editShareSettings"),appLink:{application:Pe.O.DEFAULT,action:De.e.Default.SHARE,args:[n.id],params:{entityType:"interactive"}}}];return t&&a.push({label:ze("viewOriginal"),href:t(n),openInNewTab:!0}),a}}(),d=!!(n=(0,Me.R)())&&function(e){var t=n.start,a=n.end,r=n.userId,i=n.groupId;return be.o.sentShare({start:t,end:a,recipientUserId:r,recipientGroupId:i,objectTypeId:O.E.Interactive,cursor:e})};function f(e){d&&l.a.getFetch(t)(d(e))}var p=Se(d,f),v=p.items,g=p.hasMore,h=p.isFetching,b=p.nextCursor,E=Ae(o.m.uniq(null!==(e=null==v?void 0:v.map((function(e){return e.objectId})))&&void 0!==e?e:[]),(function(e){return be.o.sharedObjectsById(e)})),C=function(e){var t=o.m.flatten(function(e){var t;return null!==(t=null==e?void 0:e.filter((function(e){return e.type===y.DirectShare})))&&void 0!==t?t:[]}(e).map((function(e){var t;return null!==(t=e.recipients)&&void 0!==t?t:[]})));return o.m.uniq(t,"id").map((function(e){return e.id}))}(v),k=Ae(C,(function(e){return be.o.getRecipientsById(e)})),S=l.a.useBasicFetch(u.L.config()),N=function(e,t,n,a,i){var l=Ge(),c=Be(r().useState(t),2),o=c[0],s=c[1],u=Be(r().useState(a),2),m=u[0],d=u[1];return r().useEffect((function(){s(t),d(a)}),[l]),r().useEffect((function(){t&&s(!0)}),[t]),r().useEffect((function(){a&&d(!0)}),[a]),!(e&&!e.length)&&(!e||!o||n.length&&!m||!i.data)}(v,!!E.items,C,!!k.items,S),x=h||E.isFetching||k.isFetching;return N?r().createElement(Le.I,{variant:"interactives"},r().createElement(He.W,{variant:"interactives"})):v.length?r().createElement(r().Fragment,null,r().createElement(pe,{key:a,sentShares:v,sharedObjects:$e(E),shareRecipients:$e(k),getObjectAppLink:c,getObjectActions:m,imageCdnUrl:S.data.imageCdnUrl,theme:Ke,showStatus:!0,showViewCount:!0,refreshTable:x}),(g||x)&&r().createElement(Ie,{isFetching:x,fetchNext:f,nextCursor:b})):r().createElement("div",{className:"bg-white rounded my-3 py-5"},r().createElement("div",{className:"pb-5"},r().createElement(he,{imageUrl:Ue.W.EmptyStates.Interactives.SharedInteractives,useInteractiveCopy:!0})))}},38477:(e,t,n)=>{n.d(t,{W:()=>m});var a=n(1024),r=n.n(a),i=n(99910),l=n(95602);function c(){return r().createElement(i.Row,{className:"py-1 ".concat(l.Z.videoItemContainer)},r().createElement(i.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialNumber)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(l.Z.partialThumbnail)}))),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialLongText)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:4,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialNumber)})))}function o(){return r().createElement(i.Row,{className:"py-1 ".concat(l.Z.interactiveItemContainer)},r().createElement(i.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialNumber)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(l.Z.partialThumbnail)}))),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialMediumText)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialAvatar)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialMediumText)})),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialNumber)})))}function s(){return r().createElement(i.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(i.Col,{xs:9,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(l.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(l.Z.partialLongText)})),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(l.Z.partialNumber," ").concat(l.Z.onlineUserContainer)})))}function u(){return r().createElement(i.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(i.Col,{xs:2,className:"d-flex align-items-center "},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(l.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:6,className:"d-flex justify-content-between align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.heatMapItemContainer," ").concat(l.Z.partialHeatMap)})))}function m(e){return r().createElement("div",{className:"my-1"},Array(e.itemCount).fill(null).map((function(t,n){return function(e,t){switch(e){case"video-views":return r().createElement(c,{key:t});case"interactives":return r().createElement(o,{key:t});case"online-users":return r().createElement(s,{key:t});case"engagement-users":return r().createElement(u,{key:t});default:return r().createElement(r().Fragment,null)}}(e.variant,n)})))}m.defaultProps={itemCount:7}},80763:(e,t,n)=>{n.d(t,{L:()=>l});var a=n(20354),r=n(12754),i=n(70145);function l(e){var t,n=null===(t=a.a.useBasicFetch(i.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===r.x.Primary}));if(n)return function(t){return e(n,t)}}},87480:(e,t,n)=>{n.d(t,{U:()=>c});var a=n(1024),r=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e){var t,n,c=(t=(0,r.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 a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,a.useEffect)((function(){return c(e),function(){c(null)}}),[e])}},83850:(e,t,n)=>{function a(e){var t=[];return Object.keys(e).forEach((function(n){var a=e[n];a&&t.push("".concat(n,":").concat(Array.isArray(a)?a.join(","):a))})),t.join(":")}n.d(t,{u:()=>a})}}]);