@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

package/dist/scripts/{5-8cac703d8e.chunk.js → 6-081f3686a7.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[5],{1017:function(e,t,a){"use strict";var n=a(0),r=a(88),c=a(42),i=a(52),l=a(81),o=a(809),s=a(815),m=a(236);function u(e){var t=e.video;return t.resources&&t.resources.data&&t.resources.data.length?n.createElement("div",{className:e.className},n.createElement("h2",{className:"h4"},"Resources"),t.resources.data.map((function(e,t){return n.createElement("div",{key:t},e.name)}))):n.createElement(n.Fragment,null)}var d=a(178),v=a.n(d),p=a(9),E=a(3),f=a(782),g=a(14),b=a(233),h=a(47),N=a(1181),y=a.n(N);function L(e){var t=g.a.useBasicFetch(b.a.config),a=g.a.useBasicFetch({url:"/api/integrations/token/immersive-reader",key:"immersive:reader:token"});if(!t.data||!a.data)return n.createElement(n.Fragment,null);return e.title||(e.title=p.a.getPhrase("shared.immersiveReader","titleFallback")),n.createElement("div",{className:"".concat(y.a.button," ").concat(e.className||""),onClick:function(){h.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text}]},n=a.data,r=n.subdomain,c=n.token;f.launchAsync(c,r,t,{uiZIndex:5e3})}},n.createElement("svg",{viewBox:"0 0 40 37"},n.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),n.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),n.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),n.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}var k=a(1182),w=a.n(k);function x(e){var t=e.tags,a=e.className;return t&&t.data&&t.data.length?n.createElement("div",{className:a},n.createElement(l.b,{phrase:"tags"})," ",t.data.map((function(e,t){return n.createElement("span",{className:"badge mr-1 p-1 badge-light",key:t},e.name)}))):n.createElement(n.Fragment,null)}function P(e){var t=e.label,a=e.items,r=e.className;if(!(a&&a.data&&a.data.length))return n.createElement(n.Fragment,null);var c=a.data.map((function(e){return e.name})).join(", ");return n.createElement("div",{className:r},t,": ",c)}function O(e){var t=e.video,a=t.tags,r=t.rating,c=t.productionYear,i=t.productionCompanies,o=t.distributors,s=r&&r.code;return n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"details"})),n.createElement("div",{className:"row no-gutters"},n.createElement("div",{className:"col-3"},s&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"rating",options:{code:s}})),c&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"productionYear",options:{year:c}}))),n.createElement("div",{className:"col-9"},n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","productionCompanies"),items:i,className:"pb-2"}),n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","distributors"),items:o,className:"pb-2"}),n.createElement(x,{tags:a,className:"pb-2"}))))}function C(e){var t,a=e.video;return(null===(t=a)||void 0===t?void 0:t.description)?n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"description"}),n.createElement(L,{text:a.description,title:a.name,className:"pl-2",analyticsOptions:{location:E.j.PlayPage,entity:E.d.Video,actionType:E.n.Click,descriptor:E.b.LaunchImmersiveReader,workflowPhase:E.o.Complete},analyticsData:{id:a.id,type:"description"}})),n.createElement("p",null,a.description)):n.createElement(n.Fragment,null)}function F(e){var t=e.video;return n.createElement(l.a.Provider,{value:"shared.videoDetails"},n.createElement("div",{className:"rounded border px-3 mb-3"},n.createElement(v.a,{autoHeight:!0,autoHeightMax:368},n.createElement("div",{className:"py-3"},n.createElement(O,{video:t}),n.createElement(C,{video:t}),n.createElement("span",{className:"".concat(w.a.showGlance," cursor-pointer"),onClick:e.onClickShowSynopsis,role:"button",tabIndex:0},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.videoDetails",phrase:"showGlance"})))))))}var D=a(12),A=a(50),T=a(226),S=a(1183),_=a.n(S);function j(e){var t=e.interactive,a=function(e){var t=e.owner;return t&&t.name&&t.surname?t.name.substring(0,1)+". "+t.surname:""}(t),r=function(e){var t,a,n,r,c;return null===(c=null===(r=null===(n=null===(a=null===(t=e.owner)||void 0===t?void 0:t.customers)||void 0===a?void 0:a.data)||void 0===n?void 0:n[0])||void 0===r?void 0:r.organisation)||void 0===c?void 0:c.name}(t);return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3"},n.createElement("div",{className:"d-flex align-items-center w-100"},n.createElement(A.a,{className:"svg-container",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:_.a.content},r&&n.createElement("small",null,a&&n.createElement(n.Fragment,null,a,", "),n.createElement("em",null,r)),n.createElement("h3",{className:"h6 mb-0 clamp-2 ".concat(_.a.clamped),title:t.name},t.name),n.createElement(A.a,{className:"svg-container align-middle mr-1",svgName:D.b.Preview}),n.createElement("span",{className:"text-info"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"preview"}))),n.createElement(A.a,{className:"svg-container",svgName:D.b.More,size:A.b.ExtraLarge})))}function I(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.interactives)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"interactives"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.interactives",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.interactives.data.map((function(e){return n.createElement(j,{interactive:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.interactives",phrase:"empty"}))))}var R=a(43),M=a(239),B=a(804),V=a(1184),Y=a.n(V);function H(e){var t=e.clip,a=t.endTime-t.startTime,r=M.a.ToDisplayDuration(1e3*a),c=e.duration/1e3,i=t.startTime/c*100,l=a/c*100,o=n.createElement(R.Tooltip,{id:"tooltip-top"},r);return n.createElement("div",{className:"".concat(Y.a.bar," rounded mt-2")},n.createElement(R.OverlayTrigger,{overlay:o},n.createElement("div",{className:"".concat(Y.a.subBar," bg-primary rounded"),style:{width:"".concat(l,"%"),marginLeft:"".concat(i,"%")}})))}function U(e){var t=e.clip,a=t.endTime-t.startTime;return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3 flex-wrap"},n.createElement("div",{className:"d-flex align-self-center w-100"},n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:Y.a.content},n.createElement("div",{className:"d-flex"},n.createElement("h3",{className:"h6 mb-0 d-inline-block text-truncate",title:t.name},t.name),n.createElement("div",{className:"flex-shrink-0"},n.createElement(B.a,{type:B.b.Duration,data:1e3*a}))),t.description&&n.createElement("p",{className:"".concat(Y.a.clampedDescription," mb-0 clamp-2"),title:t.description},t.description),n.createElement(H,Object.assign({},e))),n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.More,size:A.b.ExtraLarge})))}function Z(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.clips)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.clips",phrase:"clips"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.clips",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.clips.data.map((function(e){return n.createElement(U,{duration:c.duration,clip:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.clips",phrase:"empty"}))))}function K(e){return function(t){var a=n.useCallback(t,[]);n.useEffect((function(){return window.addEventListener(e,a),function(){return window.removeEventListener(e,a)}}),[])}}var z=K("scroll"),G=K("resize"),q=a(879),J=a(13),X=a(6),Q=a(89),W=a(235),$=a(819);function ee(e){var t=e.video,a={application:X.a.DEFAULT,action:J.a.Default.SERIES,args:t.series?[t.series.id,i.a.slugify(t.series.name)]:[]};return n.createElement("div",{className:"mb-2"},n.createElement("h1",{className:"h3 d-inline-block m-0"},!!t.series&&n.createElement(W.a,{video:t,appLink:a}),t.name),!!c.a.isFunction(e.setFavourite)&&n.createElement($.a,{setFavourite:e.setFavourite,video:t,className:"d-inline-block ml-2 align-text-bottom"}))}function te(e){var t=e.video,a=t.rating,r=t.productionYear;return n.createElement("div",null,a&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},a.code),r&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},r))}var ae=a(121);function ne(e){var t="btn btn-light float-right ml-2",a=n.useContext(m.a).getActionAppLink;return n.createElement(l.a.Provider,{value:"shared.playPage"},n.createElement("div",{className:"mt-3 clearfix"},n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createInteractive"})),n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createClip"})),n.createElement(T.a,{svgName:D.b.More,className:t},n.createElement(l.b,{phrase:"more"})),n.createElement(T.a,{svgName:D.b.Share,className:t,appLink:a(e.video,ae.a.Share)},n.createElement(l.b,{phrase:"share"})),n.createElement(T.a,{svgName:D.b.AddToPlaylists,className:t},n.createElement(l.b,{phrase:"addToPlaylist"})),n.createElement(T.a,{svgName:D.b.Plus,className:t},n.createElement(l.b,{phrase:"favourite"}))))}var re=a(783),ce=a(787),ie=a(1185),le=a.n(ie);function oe(e){var t=e.video,a=e.onClickFullDescription;if(!t.glance||!t.glance.content||"text/markdown"!==t.glance.format)return a(),n.createElement(n.Fragment,null);var r=[{className:le.a.topLeft,url:"https://i.imgur.com/3GafOwO.png"},{className:le.a.topRight,url:"https://i.imgur.com/wcNZVth.png"},{className:le.a.bottomLeft,url:"https://i.imgur.com/vUEo7H2.png"},{className:le.a.bottomRight,url:"https://i.imgur.com/R3gcyGY.png"}];return n.createElement("div",{className:"rounded border px-3 position-relative d-flex align-items-center justify-content-center ".concat(le.a.container)},n.createElement("div",{className:"".concat(le.a.content," py-5")},n.createElement("h2",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"videoAtAGlance"})),n.createElement("div",{dangerouslySetInnerHTML:{__html:re(t.glance.content)}}),n.createElement(ce.a,{onClick:e.onClickFullDescription,className:"cursor-pointer d-inline-block"},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"showFullDescription"})))),r.map((function(e,t){return n.createElement("div",{key:t,className:"".concat(e.className," ").concat(le.a.background),style:{backgroundImage:"url('".concat(e.url,"')")}})})))}function se(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return me(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return ve}));var ue=function(e){return{application:X.a.DEFAULT,action:J.a.Default.PLAY_VIDEO,args:[e.id,i.a.slugify(e.name)]}},de=function(e){return{application:X.a.DEFAULT,action:J.a.Default.SERIES,args:[e.id,i.a.slugify(e.name)]}};function ve(e){var t=e.video,a=e.relatedVideos,i=se(Object(r.a)(Q.a.WEB_PLAYER_DATA),2)[1],d=se(n.useState(!0),2),v=d[0],p=d[1],E=n.useRef(null),f=n.useCallback((function(e){e&&(E.current=e,g())}),[]),g=n.useMemo((function(){return c.a.throttle(function(e,t){return function(){if(e.current){var a=e.current.getBoundingClientRect(),n=window.pageXOffset||document.documentElement.scrollLeft,r=window.pageYOffset||document.documentElement.scrollTop;a.top<-a.height?t("viewportPosition",null):t("viewportPosition",{top:r+a.top,left:n+a.left,width:a.width})}}}(E,i),100,{leading:!0,trailing:!0})}),[]);return z(g),G(g),n.useEffect((function(){return i("isOnPlayPage",!0),function(){i("viewportPosition",null),i("isOnPlayPage",!1)}}),[]),n.createElement(m.a.Provider,{value:{getActionAppLink:q.a}},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement(o.a,{appLink:{application:X.a.DASHBOARD,action:J.a.Dashboard.HOME},backToName:"Home"}),n.createElement("button",{className:"btn btn-light"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"classroomMode"}))),n.createElement("div",{className:"embed-responsive embed-responsive-16by9 my-3",ref:f}),n.createElement(ee,{video:t,setFavourite:e.setFavourite}),n.createElement(te,{video:t}),n.createElement(ne,{video:t}),n.createElement("hr",null),v?n.createElement(oe,{video:t,onClickFullDescription:function(){return p(!1)}}):n.createElement(F,{video:t,onClickShowSynopsis:function(){return p(!0)}}),n.createElement(u,{video:t,className:"my-3"}),n.createElement(I,{video:t}),n.createElement(Z,{video:t}),!!a&&n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4 mt-3"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"relatedVideos"})),n.createElement(s.c,{videos:a,getSeriesAppLink:de,getVideoAppLink:ue,setFavourite:e.setFavourite})))}},1181:function(e,t,a){e.exports={button:"_10_KK"}},1182:function(e,t,a){e.exports={showGlance:"_2fhqC"}},1183:function(e,t,a){e.exports={content:"_1D6Hx",clamped:"_2sHZC"}},1184:function(e,t,a){e.exports={content:"_22tRu",clamped:"_LK8Q",clampedDescription:"_18yOL",bar:"_3-kb8",subBar:"_1ROlV"}},1185:function(e,t,a){e.exports={container:"_1XOYA",content:"UcxNO",background:"_3gpaY",topLeft:"_2s7I6",bottomLeft:"_23UKL",topRight:"ec_-l",bottomRight:"_1xMKp"}},795:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(21),r=a(41),c=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function i(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function l(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var o={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?i:l)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=c(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},809:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(9),c=a(50),i=a(51),l=a(12);function o(e){var t=e.backToName,a=e.appLink,o=e.color,s=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),m="black"===o?"":"text-light";return n.createElement(i.a,{appLink:a,className:"d-inline-flex align-items-center h5 mb-0 ".concat(m)},n.createElement(c.a,{svgName:l.b.ChevronLeft,size:c.b.Medium}),n.createElement("span",{className:"ml-1"},s))}o.defaultProps={color:"black"}},879:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(121),r=a(6),c=a(13);function i(e,t){switch(t){case n.a.AddToPlaylist:return{application:r.a.PLAYLISTS,action:c.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case n.a.Share:return{application:r.a.DEFAULT,action:c.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[6],{1023:function(e,t,a){"use strict";var n=a(0),r=a(88),c=a(42),i=a(52),l=a(81),o=a(816),s=a(822),m=a(236);function u(e){var t=e.video;return t.resources&&t.resources.data&&t.resources.data.length?n.createElement("div",{className:e.className},n.createElement("h2",{className:"h4"},"Resources"),t.resources.data.map((function(e,t){return n.createElement("div",{key:t},e.name)}))):n.createElement(n.Fragment,null)}var d=a(180),v=a.n(d),p=a(9),E=a(3),f=a(787),g=a(14),b=a(150),h=a(37),N=a(1187),y=a.n(N);function L(e){var t=g.a.useBasicFetch(b.a.config),a=g.a.useBasicFetch({url:"/api/integrations/token/immersive-reader",key:"immersive:reader:token"});if(!t.data||!a.data)return n.createElement(n.Fragment,null);return e.title||(e.title=p.a.getPhrase("shared.immersiveReader","titleFallback")),n.createElement("div",{className:"".concat(y.a.button," ").concat(e.className||""),onClick:function(){h.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text}]},n=a.data,r=n.subdomain,c=n.token;f.launchAsync(c,r,t,{uiZIndex:5e3})}},n.createElement("svg",{viewBox:"0 0 40 37"},n.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),n.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),n.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),n.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}var k=a(1188),w=a.n(k);function x(e){var t=e.tags,a=e.className;return t&&t.data&&t.data.length?n.createElement("div",{className:a},n.createElement(l.b,{phrase:"tags"})," ",t.data.map((function(e,t){return n.createElement("span",{className:"badge mr-1 p-1 badge-light",key:t},e.name)}))):n.createElement(n.Fragment,null)}function P(e){var t=e.label,a=e.items,r=e.className;if(!(a&&a.data&&a.data.length))return n.createElement(n.Fragment,null);var c=a.data.map((function(e){return e.name})).join(", ");return n.createElement("div",{className:r},t,": ",c)}function O(e){var t=e.video,a=t.tags,r=t.rating,c=t.productionYear,i=t.productionCompanies,o=t.distributors,s=r&&r.code;return n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"details"})),n.createElement("div",{className:"row no-gutters"},n.createElement("div",{className:"col-3"},s&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"rating",options:{code:s}})),c&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"productionYear",options:{year:c}}))),n.createElement("div",{className:"col-9"},n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","productionCompanies"),items:i,className:"pb-2"}),n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","distributors"),items:o,className:"pb-2"}),n.createElement(x,{tags:a,className:"pb-2"}))))}function C(e){var t,a=e.video;return(null===(t=a)||void 0===t?void 0:t.description)?n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"description"}),n.createElement(L,{text:a.description,title:a.name,className:"pl-2",analyticsOptions:{location:E.j.PlayPage,entity:E.d.Video,actionType:E.n.Click,descriptor:E.b.LaunchImmersiveReader,workflowPhase:E.o.Complete},analyticsData:{id:a.id,type:"description"}})),n.createElement("p",null,a.description)):n.createElement(n.Fragment,null)}function F(e){var t=e.video;return n.createElement(l.a.Provider,{value:"shared.videoDetails"},n.createElement("div",{className:"rounded border px-3 mb-3"},n.createElement(v.a,{autoHeight:!0,autoHeightMax:368},n.createElement("div",{className:"py-3"},n.createElement(O,{video:t}),n.createElement(C,{video:t}),n.createElement("span",{className:"".concat(w.a.showGlance," cursor-pointer"),onClick:e.onClickShowSynopsis,role:"button",tabIndex:0},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.videoDetails",phrase:"showGlance"})))))))}var D=a(12),A=a(50),T=a(228),S=a(1189),_=a.n(S);function j(e){var t=e.interactive,a=function(e){var t=e.owner;return t&&t.name&&t.surname?t.name.substring(0,1)+". "+t.surname:""}(t),r=function(e){var t,a,n,r,c;return null===(c=null===(r=null===(n=null===(a=null===(t=e.owner)||void 0===t?void 0:t.customers)||void 0===a?void 0:a.data)||void 0===n?void 0:n[0])||void 0===r?void 0:r.organisation)||void 0===c?void 0:c.name}(t);return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3"},n.createElement("div",{className:"d-flex align-items-center w-100"},n.createElement(A.a,{className:"svg-container",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:_.a.content},r&&n.createElement("small",null,a&&n.createElement(n.Fragment,null,a,", "),n.createElement("em",null,r)),n.createElement("h3",{className:"h6 mb-0 clamp-2 ".concat(_.a.clamped),title:t.name},t.name),n.createElement(A.a,{className:"svg-container align-middle mr-1",svgName:D.b.Preview}),n.createElement("span",{className:"text-info"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"preview"}))),n.createElement(A.a,{className:"svg-container",svgName:D.b.More,size:A.b.ExtraLarge})))}function I(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.interactives)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"interactives"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.interactives",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.interactives.data.map((function(e){return n.createElement(j,{interactive:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.interactives",phrase:"empty"}))))}var R=a(44),M=a(239),B=a(810),V=a(1190),Y=a.n(V);function H(e){var t=e.clip,a=t.endTime-t.startTime,r=M.a.ToDisplayDuration(1e3*a),c=e.duration/1e3,i=t.startTime/c*100,l=a/c*100,o=n.createElement(R.Tooltip,{id:"tooltip-top"},r);return n.createElement("div",{className:"".concat(Y.a.bar," rounded mt-2")},n.createElement(R.OverlayTrigger,{overlay:o},n.createElement("div",{className:"".concat(Y.a.subBar," bg-primary rounded"),style:{width:"".concat(l,"%"),marginLeft:"".concat(i,"%")}})))}function U(e){var t=e.clip,a=t.endTime-t.startTime;return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3 flex-wrap"},n.createElement("div",{className:"d-flex align-self-center w-100"},n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:Y.a.content},n.createElement("div",{className:"d-flex"},n.createElement("h3",{className:"h6 mb-0 d-inline-block text-truncate",title:t.name},t.name),n.createElement("div",{className:"flex-shrink-0"},n.createElement(B.a,{type:B.b.Duration,data:1e3*a}))),t.description&&n.createElement("p",{className:"".concat(Y.a.clampedDescription," mb-0 clamp-2"),title:t.description},t.description),n.createElement(H,Object.assign({},e))),n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.More,size:A.b.ExtraLarge})))}function Z(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.clips)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.clips",phrase:"clips"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.clips",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.clips.data.map((function(e){return n.createElement(U,{duration:c.duration,clip:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.clips",phrase:"empty"}))))}function K(e){return function(t){var a=n.useCallback(t,[]);n.useEffect((function(){return window.addEventListener(e,a),function(){return window.removeEventListener(e,a)}}),[])}}var z=K("scroll"),G=K("resize"),q=a(887),J=a(13),X=a(6),Q=a(90),W=a(235),$=a(826);function ee(e){var t=e.video,a={application:X.a.DEFAULT,action:J.a.Default.SERIES,args:t.series?[t.series.id,i.a.slugify(t.series.name)]:[]};return n.createElement("div",{className:"mb-2"},n.createElement("h1",{className:"h3 d-inline-block m-0"},!!t.series&&n.createElement(W.a,{video:t,appLink:a}),t.name),!!c.a.isFunction(e.setFavourite)&&n.createElement($.a,{setFavourite:e.setFavourite,video:t,className:"d-inline-block ml-2 align-text-bottom"}))}function te(e){var t=e.video,a=t.rating,r=t.productionYear;return n.createElement("div",null,a&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},a.code),r&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},r))}var ae=a(123);function ne(e){var t="btn btn-light float-right ml-2",a=n.useContext(m.a).getActionAppLink;return n.createElement(l.a.Provider,{value:"shared.playPage"},n.createElement("div",{className:"mt-3 clearfix"},n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createInteractive"})),n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createClip"})),n.createElement(T.a,{svgName:D.b.More,className:t},n.createElement(l.b,{phrase:"more"})),n.createElement(T.a,{svgName:D.b.Share,className:t,appLink:a(e.video,ae.a.Share)},n.createElement(l.b,{phrase:"share"})),n.createElement(T.a,{svgName:D.b.AddToPlaylists,className:t},n.createElement(l.b,{phrase:"addToPlaylist"})),n.createElement(T.a,{svgName:D.b.Plus,className:t},n.createElement(l.b,{phrase:"favourite"}))))}var re=a(788),ce=a(792),ie=a(1191),le=a.n(ie);function oe(e){var t=e.video,a=e.onClickFullDescription;if(!t.glance||!t.glance.content||"text/markdown"!==t.glance.format)return a(),n.createElement(n.Fragment,null);var r=[{className:le.a.topLeft,url:"https://i.imgur.com/3GafOwO.png"},{className:le.a.topRight,url:"https://i.imgur.com/wcNZVth.png"},{className:le.a.bottomLeft,url:"https://i.imgur.com/vUEo7H2.png"},{className:le.a.bottomRight,url:"https://i.imgur.com/R3gcyGY.png"}];return n.createElement("div",{className:"rounded border px-3 position-relative d-flex align-items-center justify-content-center ".concat(le.a.container)},n.createElement("div",{className:"".concat(le.a.content," py-5")},n.createElement("h2",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"videoAtAGlance"})),n.createElement("div",{dangerouslySetInnerHTML:{__html:re(t.glance.content)}}),n.createElement(ce.a,{onClick:e.onClickFullDescription,className:"cursor-pointer d-inline-block"},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"showFullDescription"})))),r.map((function(e,t){return n.createElement("div",{key:t,className:"".concat(e.className," ").concat(le.a.background),style:{backgroundImage:"url('".concat(e.url,"')")}})})))}function se(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return me(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return ve}));var ue=function(e){return{application:X.a.DEFAULT,action:J.a.Default.PLAY_VIDEO,args:[e.id,i.a.slugify(e.name)]}},de=function(e){return{application:X.a.DEFAULT,action:J.a.Default.SERIES,args:[e.id,i.a.slugify(e.name)]}};function ve(e){var t=e.video,a=e.relatedVideos,i=se(Object(r.a)(Q.a.WEB_PLAYER_DATA),2)[1],d=se(n.useState(!0),2),v=d[0],p=d[1],E=n.useRef(null),f=n.useCallback((function(e){e&&(E.current=e,g())}),[]),g=n.useMemo((function(){return c.a.throttle(function(e,t){return function(){if(e.current){var a=e.current.getBoundingClientRect(),n=window.pageXOffset||document.documentElement.scrollLeft,r=window.pageYOffset||document.documentElement.scrollTop;a.top<-a.height?t("viewportPosition",null):t("viewportPosition",{top:r+a.top,left:n+a.left,width:a.width})}}}(E,i),100,{leading:!0,trailing:!0})}),[]);return z(g),G(g),n.useEffect((function(){return i("isOnPlayPage",!0),function(){i("viewportPosition",null),i("isOnPlayPage",!1)}}),[]),n.createElement(m.a.Provider,{value:{getActionAppLink:q.a}},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement(o.a,{appLink:{application:X.a.DASHBOARD,action:J.a.Dashboard.HOME},backToName:"Home"}),n.createElement("button",{className:"btn btn-light"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"classroomMode"}))),n.createElement("div",{className:"embed-responsive embed-responsive-16by9 my-3",ref:f}),n.createElement(ee,{video:t,setFavourite:e.setFavourite}),n.createElement(te,{video:t}),n.createElement(ne,{video:t}),n.createElement("hr",null),v?n.createElement(oe,{video:t,onClickFullDescription:function(){return p(!1)}}):n.createElement(F,{video:t,onClickShowSynopsis:function(){return p(!0)}}),n.createElement(u,{video:t,className:"my-3"}),n.createElement(I,{video:t}),n.createElement(Z,{video:t}),!!a&&n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4 mt-3"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"relatedVideos"})),n.createElement(s.c,{videos:a,getSeriesAppLink:de,getVideoAppLink:ue,setFavourite:e.setFavourite})))}},1187:function(e,t,a){e.exports={button:"_10_KK"}},1188:function(e,t,a){e.exports={showGlance:"_2fhqC"}},1189:function(e,t,a){e.exports={content:"_1D6Hx",clamped:"_2sHZC"}},1190:function(e,t,a){e.exports={content:"_22tRu",clamped:"_LK8Q",clampedDescription:"_18yOL",bar:"_3-kb8",subBar:"_1ROlV"}},1191:function(e,t,a){e.exports={container:"_1XOYA",content:"UcxNO",background:"_3gpaY",topLeft:"_2s7I6",bottomLeft:"_23UKL",topRight:"ec_-l",bottomRight:"_1xMKp"}},800:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(21),r=a(43),c=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function i(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function l(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var o={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?i:l)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=c(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},816:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(9),c=a(50),i=a(51),l=a(12);function o(e){var t=e.backToName,a=e.appLink,o=e.color,s=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),m="black"===o?"":"text-light";return n.createElement(i.a,{appLink:a,className:"d-inline-flex align-items-center h5 mb-0 ".concat(m)},n.createElement(c.a,{svgName:l.b.ChevronLeft,size:c.b.Medium}),n.createElement("span",{className:"ml-1"},s))}o.defaultProps={color:"black"}},887:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(123),r=a(6),c=a(13);function i(e,t){switch(t){case n.a.AddToPlaylist:return{application:r.a.PLAYLISTS,action:c.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case n.a.Share:return{application:r.a.DEFAULT,action:c.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}}}]);

package/dist/scripts/6-19163a3d76.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[6],{1023:function(e,t,a){"use strict";var n=a(0),r=a(88),c=a(42),i=a(52),l=a(81),o=a(816),s=a(822),m=a(236);function u(e){var t=e.video;return t.resources&&t.resources.data&&t.resources.data.length?n.createElement("div",{className:e.className},n.createElement("h2",{className:"h4"},"Resources"),t.resources.data.map((function(e,t){return n.createElement("div",{key:t},e.name)}))):n.createElement(n.Fragment,null)}var d=a(180),v=a.n(d),p=a(9),E=a(3),f=a(787),g=a(14),b=a(150),h=a(37),N=a(1187),y=a.n(N);function L(e){var t=g.a.useBasicFetch(b.a.config),a=g.a.useBasicFetch({url:"/api/integrations/token/immersive-reader",key:"immersive:reader:token"});if(!t.data||!a.data)return n.createElement(n.Fragment,null);return e.title||(e.title=p.a.getPhrase("shared.immersiveReader","titleFallback")),n.createElement("div",{className:"".concat(y.a.button," ").concat(e.className||""),onClick:function(){h.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text}]},n=a.data,r=n.subdomain,c=n.token;f.launchAsync(c,r,t,{uiZIndex:5e3})}},n.createElement("svg",{viewBox:"0 0 40 37"},n.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),n.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),n.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),n.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}var k=a(1188),w=a.n(k);function x(e){var t=e.tags,a=e.className;return t&&t.data&&t.data.length?n.createElement("div",{className:a},n.createElement(l.b,{phrase:"tags"})," ",t.data.map((function(e,t){return n.createElement("span",{className:"badge mr-1 p-1 badge-light",key:t},e.name)}))):n.createElement(n.Fragment,null)}function P(e){var t=e.label,a=e.items,r=e.className;if(!(a&&a.data&&a.data.length))return n.createElement(n.Fragment,null);var c=a.data.map((function(e){return e.name})).join(", ");return n.createElement("div",{className:r},t,": ",c)}function O(e){var t=e.video,a=t.tags,r=t.rating,c=t.productionYear,i=t.productionCompanies,o=t.distributors,s=r&&r.code;return n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"details"})),n.createElement("div",{className:"row no-gutters"},n.createElement("div",{className:"col-3"},s&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"rating",options:{code:s}})),c&&n.createElement("div",{className:"pb-2"},n.createElement(l.b,{phrase:"productionYear",options:{year:c}}))),n.createElement("div",{className:"col-9"},n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","productionCompanies"),items:i,className:"pb-2"}),n.createElement(P,{label:p.a.getPhrase("shared.videoDetails","distributors"),items:o,className:"pb-2"}),n.createElement(x,{tags:a,className:"pb-2"}))))}function C(e){var t,a=e.video;return(null===(t=a)||void 0===t?void 0:t.description)?n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(l.b,{phrase:"description"}),n.createElement(L,{text:a.description,title:a.name,className:"pl-2",analyticsOptions:{location:E.j.PlayPage,entity:E.d.Video,actionType:E.n.Click,descriptor:E.b.LaunchImmersiveReader,workflowPhase:E.o.Complete},analyticsData:{id:a.id,type:"description"}})),n.createElement("p",null,a.description)):n.createElement(n.Fragment,null)}function F(e){var t=e.video;return n.createElement(l.a.Provider,{value:"shared.videoDetails"},n.createElement("div",{className:"rounded border px-3 mb-3"},n.createElement(v.a,{autoHeight:!0,autoHeightMax:368},n.createElement("div",{className:"py-3"},n.createElement(O,{video:t}),n.createElement(C,{video:t}),n.createElement("span",{className:"".concat(w.a.showGlance," cursor-pointer"),onClick:e.onClickShowSynopsis,role:"button",tabIndex:0},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.videoDetails",phrase:"showGlance"})))))))}var D=a(12),A=a(50),T=a(228),S=a(1189),_=a.n(S);function j(e){var t=e.interactive,a=function(e){var t=e.owner;return t&&t.name&&t.surname?t.name.substring(0,1)+". "+t.surname:""}(t),r=function(e){var t,a,n,r,c;return null===(c=null===(r=null===(n=null===(a=null===(t=e.owner)||void 0===t?void 0:t.customers)||void 0===a?void 0:a.data)||void 0===n?void 0:n[0])||void 0===r?void 0:r.organisation)||void 0===c?void 0:c.name}(t);return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3"},n.createElement("div",{className:"d-flex align-items-center w-100"},n.createElement(A.a,{className:"svg-container",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:_.a.content},r&&n.createElement("small",null,a&&n.createElement(n.Fragment,null,a,", "),n.createElement("em",null,r)),n.createElement("h3",{className:"h6 mb-0 clamp-2 ".concat(_.a.clamped),title:t.name},t.name),n.createElement(A.a,{className:"svg-container align-middle mr-1",svgName:D.b.Preview}),n.createElement("span",{className:"text-info"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"preview"}))),n.createElement(A.a,{className:"svg-container",svgName:D.b.More,size:A.b.ExtraLarge})))}function I(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.interactives)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.interactives",phrase:"interactives"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.interactives",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.interactives.data.map((function(e){return n.createElement(j,{interactive:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.interactives",phrase:"empty"}))))}var R=a(44),M=a(239),B=a(810),V=a(1190),Y=a.n(V);function H(e){var t=e.clip,a=t.endTime-t.startTime,r=M.a.ToDisplayDuration(1e3*a),c=e.duration/1e3,i=t.startTime/c*100,l=a/c*100,o=n.createElement(R.Tooltip,{id:"tooltip-top"},r);return n.createElement("div",{className:"".concat(Y.a.bar," rounded mt-2")},n.createElement(R.OverlayTrigger,{overlay:o},n.createElement("div",{className:"".concat(Y.a.subBar," bg-primary rounded"),style:{width:"".concat(l,"%"),marginLeft:"".concat(i,"%")}})))}function U(e){var t=e.clip,a=t.endTime-t.startTime;return n.createElement("div",{className:"border rounded w-33 py-3 px-1 d-flex align-items-center mr-3 flex-wrap"},n.createElement("div",{className:"d-flex align-self-center w-100"},n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.Play,size:A.b.ExtraLarge}),n.createElement("span",{className:Y.a.content},n.createElement("div",{className:"d-flex"},n.createElement("h3",{className:"h6 mb-0 d-inline-block text-truncate",title:t.name},t.name),n.createElement("div",{className:"flex-shrink-0"},n.createElement(B.a,{type:B.b.Duration,data:1e3*a}))),t.description&&n.createElement("p",{className:"".concat(Y.a.clampedDescription," mb-0 clamp-2"),title:t.description},t.description),n.createElement(H,Object.assign({},e))),n.createElement(A.a,{className:"svg-container align-self-center",svgName:D.b.More,size:A.b.ExtraLarge})))}function Z(e){var t,a,r,c=e.video,i=null===(r=null===(a=null===(t=c)||void 0===t?void 0:t.clips)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length;return n.createElement("div",{className:"pb-3"},n.createElement("h2",{className:"h4"},n.createElement(l.b,{namespace:"shared.clips",phrase:"clips"}),n.createElement(T.a,{className:"btn btn-outline-dark ml-3 align-middle",svgName:D.b.Plus},n.createElement(l.b,{namespace:"shared.clips",phrase:"create"}))),n.createElement("div",{className:"d-flex align-items-stretch"},i?c.clips.data.map((function(e){return n.createElement(U,{duration:c.duration,clip:e,key:e.id})})):n.createElement("div",null,n.createElement(A.a,{className:"svg-container mr-2 align-top",svgName:D.b.Star}),n.createElement(l.b,{namespace:"shared.clips",phrase:"empty"}))))}function K(e){return function(t){var a=n.useCallback(t,[]);n.useEffect((function(){return window.addEventListener(e,a),function(){return window.removeEventListener(e,a)}}),[])}}var z=K("scroll"),G=K("resize"),q=a(887),J=a(13),X=a(6),Q=a(90),W=a(235),$=a(826);function ee(e){var t=e.video,a={application:X.a.DEFAULT,action:J.a.Default.SERIES,args:t.series?[t.series.id,i.a.slugify(t.series.name)]:[]};return n.createElement("div",{className:"mb-2"},n.createElement("h1",{className:"h3 d-inline-block m-0"},!!t.series&&n.createElement(W.a,{video:t,appLink:a}),t.name),!!c.a.isFunction(e.setFavourite)&&n.createElement($.a,{setFavourite:e.setFavourite,video:t,className:"d-inline-block ml-2 align-text-bottom"}))}function te(e){var t=e.video,a=t.rating,r=t.productionYear;return n.createElement("div",null,a&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},a.code),r&&n.createElement("span",{className:"badge badge-light p-1 mr-1"},r))}var ae=a(123);function ne(e){var t="btn btn-light float-right ml-2",a=n.useContext(m.a).getActionAppLink;return n.createElement(l.a.Provider,{value:"shared.playPage"},n.createElement("div",{className:"mt-3 clearfix"},n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createInteractive"})),n.createElement(T.a,{svgName:D.b.Plus,className:"btn btn-outline-secondary mr-2"},n.createElement(l.b,{phrase:"createClip"})),n.createElement(T.a,{svgName:D.b.More,className:t},n.createElement(l.b,{phrase:"more"})),n.createElement(T.a,{svgName:D.b.Share,className:t,appLink:a(e.video,ae.a.Share)},n.createElement(l.b,{phrase:"share"})),n.createElement(T.a,{svgName:D.b.AddToPlaylists,className:t},n.createElement(l.b,{phrase:"addToPlaylist"})),n.createElement(T.a,{svgName:D.b.Plus,className:t},n.createElement(l.b,{phrase:"favourite"}))))}var re=a(788),ce=a(792),ie=a(1191),le=a.n(ie);function oe(e){var t=e.video,a=e.onClickFullDescription;if(!t.glance||!t.glance.content||"text/markdown"!==t.glance.format)return a(),n.createElement(n.Fragment,null);var r=[{className:le.a.topLeft,url:"https://i.imgur.com/3GafOwO.png"},{className:le.a.topRight,url:"https://i.imgur.com/wcNZVth.png"},{className:le.a.bottomLeft,url:"https://i.imgur.com/vUEo7H2.png"},{className:le.a.bottomRight,url:"https://i.imgur.com/R3gcyGY.png"}];return n.createElement("div",{className:"rounded border px-3 position-relative d-flex align-items-center justify-content-center ".concat(le.a.container)},n.createElement("div",{className:"".concat(le.a.content," py-5")},n.createElement("h2",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"videoAtAGlance"})),n.createElement("div",{dangerouslySetInnerHTML:{__html:re(t.glance.content)}}),n.createElement(ce.a,{onClick:e.onClickFullDescription,className:"cursor-pointer d-inline-block"},n.createElement("strong",null,n.createElement(l.b,{namespace:"shared.synopsis",phrase:"showFullDescription"})))),r.map((function(e,t){return n.createElement("div",{key:t,className:"".concat(e.className," ").concat(le.a.background),style:{backgroundImage:"url('".concat(e.url,"')")}})})))}function se(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return me(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return me(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return ve}));var ue=function(e){return{application:X.a.DEFAULT,action:J.a.Default.PLAY_VIDEO,args:[e.id,i.a.slugify(e.name)]}},de=function(e){return{application:X.a.DEFAULT,action:J.a.Default.SERIES,args:[e.id,i.a.slugify(e.name)]}};function ve(e){var t=e.video,a=e.relatedVideos,i=se(Object(r.a)(Q.a.WEB_PLAYER_DATA),2)[1],d=se(n.useState(!0),2),v=d[0],p=d[1],E=n.useRef(null),f=n.useCallback((function(e){e&&(E.current=e,g())}),[]),g=n.useMemo((function(){return c.a.throttle(function(e,t){return function(){if(e.current){var a=e.current.getBoundingClientRect(),n=window.pageXOffset||document.documentElement.scrollLeft,r=window.pageYOffset||document.documentElement.scrollTop;a.top<-a.height?t("viewportPosition",null):t("viewportPosition",{top:r+a.top,left:n+a.left,width:a.width})}}}(E,i),100,{leading:!0,trailing:!0})}),[]);return z(g),G(g),n.useEffect((function(){return i("isOnPlayPage",!0),function(){i("viewportPosition",null),i("isOnPlayPage",!1)}}),[]),n.createElement(m.a.Provider,{value:{getActionAppLink:q.a}},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement(o.a,{appLink:{application:X.a.DASHBOARD,action:J.a.Dashboard.HOME},backToName:"Home"}),n.createElement("button",{className:"btn btn-light"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"classroomMode"}))),n.createElement("div",{className:"embed-responsive embed-responsive-16by9 my-3",ref:f}),n.createElement(ee,{video:t,setFavourite:e.setFavourite}),n.createElement(te,{video:t}),n.createElement(ne,{video:t}),n.createElement("hr",null),v?n.createElement(oe,{video:t,onClickFullDescription:function(){return p(!1)}}):n.createElement(F,{video:t,onClickShowSynopsis:function(){return p(!0)}}),n.createElement(u,{video:t,className:"my-3"}),n.createElement(I,{video:t}),n.createElement(Z,{video:t}),!!a&&n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4 mt-3"},n.createElement(l.b,{namespace:"shared.playPage",phrase:"relatedVideos"})),n.createElement(s.c,{videos:a,getSeriesAppLink:de,getVideoAppLink:ue,setFavourite:e.setFavourite})))}},1187:function(e,t,a){e.exports={button:"_10_KK"}},1188:function(e,t,a){e.exports={showGlance:"_2fhqC"}},1189:function(e,t,a){e.exports={content:"_1D6Hx",clamped:"_2sHZC"}},1190:function(e,t,a){e.exports={content:"_22tRu",clamped:"_LK8Q",clampedDescription:"_18yOL",bar:"_3-kb8",subBar:"_1ROlV"}},1191:function(e,t,a){e.exports={container:"_1XOYA",content:"UcxNO",background:"_3gpaY",topLeft:"_2s7I6",bottomLeft:"_23UKL",topRight:"ec_-l",bottomRight:"_1xMKp"}},800:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(21),r=a(43),c=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function i(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function l(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var o={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?i:l)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=c(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},816:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(9),c=a(50),i=a(51),l=a(12);function o(e){var t=e.backToName,a=e.appLink,o=e.color,s=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),m="black"===o?"":"text-light";return n.createElement(i.a,{appLink:a,className:"d-inline-flex align-items-center h5 mb-0 ".concat(m)},n.createElement(c.a,{svgName:l.b.ChevronLeft,size:c.b.Medium}),n.createElement("span",{className:"ml-1"},s))}o.defaultProps={color:"black"}},887:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(123),r=a(6),c=a(13);function i(e,t){switch(t){case n.a.AddToPlaylist:return{application:r.a.PLAYLISTS,action:c.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case n.a.Share:return{application:r.a.DEFAULT,action:c.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}}}]);

package/dist/scripts/6.chunk.js

@@ -0,0 +1,406 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[6],{
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx":
+/*!*************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx ***!
+  \*************************************************************************************************************************/
+/*! exports provided: PlaylistItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistItem", function() { return PlaylistItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ "moment");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../components/thumbnails/base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
+/* harmony import */ var _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../components/thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
+/* harmony import */ var _components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../components/audience-label/AudienceLabel */ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx");
+/* harmony import */ var _PlaylistOwnerAvatar__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PlaylistOwnerAvatar */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./playlist.scss */ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_playlist_scss__WEBPACK_IMPORTED_MODULE_11__);
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'playlists.playlistItem';
+
+function getBgColourClassName(playlist, classNames) {
+  var bgClassName = classNames[playlist.name.charCodeAt(0) % classNames.length];
+  return "".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.playlistItem, " ").concat(bgClassName);
+}
+
+function PlaylistItem(props) {
+  var imageUrl = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createUrl(props.data.cover && props.data.cover.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageSize"].Medium,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_4__["ResizeType"].Cover
+  });
+  var audiences = props.data.subjectPresentationAudiences && props.data.subjectPresentationAudiences.data;
+  var filteredAudiences = audiences && props.presentationAudiences && _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__["AudienceHelper"].getSortedPresentationAudiences(audiences, props.presentationAudiences);
+  var mergedAudience = filteredAudiences && _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__["AudienceHelper"].getMergedPresentationAudienceString(filteredAudiences);
+  var count = !!props.showCount && !!props.data.videos && props.data.videos.count;
+  var lastUpdated = !!props.showLastUpdated && props.data.contentModifiedDate && moment__WEBPACK_IMPORTED_MODULE_1__["utc"](props.data.contentModifiedDate).fromNow();
+  var className = _playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.playlistItem;
+  var showImage = !!imageUrl || !!props.showFallbackImage;
+  if (showImage) className += " ".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.playlistItemGradient);
+  if (!showImage && props.bgColourClassNames) className += " ".concat(getBgColourClassName(props.data, props.bgColourClassNames));
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_6__["AppLink"], {
+    appLink: props.appLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_7__["BaseThumbnail"], {
+    data: imageUrl,
+    className: className
+  }, !!props.showFallbackImage && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_8__["ThumbnailFallback"], {
+    type: _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_8__["ThumbnailFallbackType"].Playlist
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "text-white ".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.playlistMetadata)
+  }, Number.isInteger(count) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'videos',
+    options: {
+      smartCount: count
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h5", {
+    className: 'text-shadow mb-0'
+  }, props.data.name), !!lastUpdated && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'lastUpdated',
+    options: {
+      timeAgo: lastUpdated
+    }
+  }), !!audiences && !!audiences.length && !!mergedAudience && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_9__["AudienceLabel"], {
+    audience: mergedAudience,
+    border: 'white'
+  })), !!props.showOwner && !!props.imageCdnUrl && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.ownerAvatarContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_PlaylistOwnerAvatar__WEBPACK_IMPORTED_MODULE_10__["PlaylistOwnerAvatar"], {
+    playlist: props.data,
+    currentUser: props.currentUser,
+    imageCdnUrl: props.imageCdnUrl
+  })))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx":
+/*!********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx ***!
+  \********************************************************************************************************************************/
+/*! exports provided: PlaylistOwnerAvatar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistOwnerAvatar", function() { return PlaylistOwnerAvatar; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../components/avatar/Avatar */ "../../libs/shared/src/components/avatar/Avatar.tsx");
+/* harmony import */ var _utils_UserHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/UserHelper */ "../../libs/shared/src/utils/UserHelper.ts");
+/* harmony import */ var _components_clickview_avatar_ClickViewAvatar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/clickview-avatar/ClickViewAvatar */ "../../libs/shared/src/components/clickview-avatar/ClickViewAvatar.tsx");
+
+
+
+
+function PlaylistOwnerAvatar(props) {
+  var _a, _b;
+
+  var owner = props.playlist.owner;
+  if (!owner || !props.currentUser) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var currentUserIsOwner = props.playlist.owner.id === props.currentUser.id; // TODO: Replace this with actual property.
+
+  var isClickViewPlaylist = !!((_a = props.playlist.cover) === null || _a === void 0 ? void 0 : _a.url);
+  if (isClickViewPlaylist) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_clickview_avatar_ClickViewAvatar__WEBPACK_IMPORTED_MODULE_3__["ClickViewAvatar"], null);
+  if (currentUserIsOwner) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__["Avatar"], {
+    imageUrl: (_b = owner.avatar) === null || _b === void 0 ? void 0 : _b.url,
+    imageCdnUrl: props.imageCdnUrl,
+    initials: _utils_UserHelper__WEBPACK_IMPORTED_MODULE_2__["UserHelper"].getInitials(owner.name, owner.surname)
+  });
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss":
+/*!**********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss ***!
+  \**********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"playlistItem":"cv--playlistItem--6o0Z2","playlistItemGradient":"cv--playlistItemGradient--2JLPt","playlistMetadata":"cv--playlistMetadata--3MCKL","partialHeading":"cv--partialHeading--13tO6","ownerAvatarContainer":"cv--ownerAvatarContainer--CwjTl"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx":
+/*!************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx ***!
+  \************************************************************************************************************/
+/*! exports provided: AudienceLabel, AudienceLabelList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceLabel", function() { return AudienceLabel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceLabelList", function() { return AudienceLabelList; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _audience_label_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./audience-label.scss */ "../../libs/shared/src/components/audience-label/audience-label.scss");
+/* harmony import */ var _audience_label_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_audience_label_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function AudienceLabel(props) {
+  if (!props.audience) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "border rounded-pill d-inline-block px-2 mt-1 ".concat('border-' + props.border)
+  }, props.audience.name);
+}
+function AudienceLabelList(props) {
+  if (!props.audiences || !props.audiences.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.audiences.map(function (a, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+      key: idx,
+      className: _audience_label_scss__WEBPACK_IMPORTED_MODULE_1___default.a.audienceLabelListItem
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](AudienceLabel, {
+      audience: a,
+      border: props.border
+    }));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/audience-label/audience-label.scss":
+/*!**************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/audience-label/audience-label.scss ***!
+  \**************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"audienceLabelListItem":"cv--audienceLabelListItem--2YGVO"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/clickview-avatar/ClickViewAvatar.tsx":
+/*!****************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/clickview-avatar/ClickViewAvatar.tsx ***!
+  \****************************************************************************************************************/
+/*! exports provided: ClickViewAvatar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClickViewAvatar", function() { return ClickViewAvatar; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _svgs_clickview_logo_ClickViewLogo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../svgs/clickview-logo/ClickViewLogo */ "../../libs/shared/src/components/svgs/clickview-logo/ClickViewLogo.tsx");
+/* harmony import */ var _clickview_avatar_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./clickview-avatar.scss */ "../../libs/shared/src/components/clickview-avatar/clickview-avatar.scss");
+/* harmony import */ var _clickview_avatar_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_clickview_avatar_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function ClickViewAvatar() {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _clickview_avatar_scss__WEBPACK_IMPORTED_MODULE_2__["avatar"]
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svgs_clickview_logo_ClickViewLogo__WEBPACK_IMPORTED_MODULE_1__["ClickViewPlayLogo"], null));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/clickview-avatar/clickview-avatar.scss":
+/*!******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/clickview-avatar/clickview-avatar.scss ***!
+  \******************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"avatar":"cv--avatar--1IfFN"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/AudienceHelper.ts":
+/*!****************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/utils/AudienceHelper.ts ***!
+  \****************************************************************************************/
+/*! exports provided: AudienceHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceHelper", function() { return AudienceHelper; });
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+
+var DIGIT_REGEX = /([0-9]+)/ig;
+var NAME_REGEX = /(^\w+)/ig;
+var COUNT_OFFSET = 1;
+
+function processAudienceRanges(audienceValues) {
+  /**
+   * Lookahead by increments of offset
+   */
+  var offset = COUNT_OFFSET;
+  var initialVal, nextVal;
+  var isContinguous = false;
+  var ranges = []; // Audience values need to be in ascending order
+
+  audienceValues = audienceValues.sort(function (a, b) {
+    return a - b;
+  });
+  var i, j;
+
+  for (i = 0; i < audienceValues.length; i++) {
+    j = i + 1; // Set our lower boundary to compare against
+
+    if (!isContinguous) initialVal = audienceValues[i];
+    nextVal = audienceValues[j];
+    /**
+     * Where the next number is also the next incremental value
+     * we're going to continue iterating until the next value
+     * is no longer contiguos.
+     */
+
+    if (audienceValues[i] + offset === nextVal) {
+      isContinguous = true;
+    } else if (isContinguous) {
+      /**
+       * Where we were tracking a contiguous set, format appropriately
+       * and store the vals
+       */
+      ranges.push("".concat(initialVal, " - ").concat(audienceValues[i]));
+      isContinguous = false;
+    } else {
+      /**
+       * Where the values arent contiguous, just store the current value
+       */
+      ranges.push("".concat(audienceValues[i]));
+      isContinguous = false;
+    }
+  }
+
+  return ranges;
+}
+
+var AudienceHelper = {
+  /**
+   * This is needed to sort an object's audiences, as they are not sorted by the backend.
+   * To do this, we take the presentation audiences (sorted) and filter them by the object's
+   * audiences, leaving behind a sorted array of object audiences.
+   */
+  getSortedPresentationAudiences: function getSortedPresentationAudiences(objectAudiences, presentationAudiences) {
+    var objectAudienceIds = objectAudiences.map(function (audience) {
+      return audience.id.toString();
+    });
+    /**
+     * Remove audiences that aren't relevant for the user's current presentation
+     */
+
+    var filteredAudiences = presentationAudiences.filter(function (presAudience) {
+      return objectAudienceIds.includes(presAudience.masterId.toString());
+    });
+    return filteredAudiences;
+  },
+  getMergedPresentationAudienceString: function getMergedPresentationAudienceString(presentationAudiences) {
+    if (presentationAudiences.length === 1) return presentationAudiences[0];
+    /**
+     * Create a string with all of the audiences
+     */
+
+    var valuesStr = presentationAudiences.map(function (a) {
+      return a.name;
+    }).join(',');
+    /**
+     * Extract all the numbers and  matches from the string
+     * Where there aren't matches, just return the first Audience.
+     */
+
+    var valMatches = valuesStr.match(DIGIT_REGEX);
+    var nameMatches = valuesStr.match(NAME_REGEX);
+    if (!valMatches || !nameMatches) return presentationAudiences[0];
+    var audienceValues = valMatches.map(function (l) {
+      return +l;
+    }) || [];
+    /**
+     * Build set of logical audience ranges
+     */
+
+    var audienceRange = processAudienceRanges(audienceValues);
+    /**
+     * Get matches name
+     */
+
+    var audienceName = nameMatches[0];
+    return {
+      name: "".concat(audienceName, " ").concat(audienceRange.join(' , '))
+    };
+  },
+
+  /**
+   * This function assumes the members array passed in is ordered by `name`.
+   */
+  sortMembersWithDuplicateNamesByAudience: function sortMembersWithDuplicateNamesByAudience(members) {
+    // Returns the lowest level audience out of an array of audience objects by looking at the name
+    var getLowestAudience = function getLowestAudience(audiences) {
+      if (!audiences.length) return null;
+      var lowestAudience;
+      var lowestAudienceDigit;
+      audiences.forEach(function (audience) {
+        var digit = +_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].first(audience.name.match(DIGIT_REGEX));
+
+        if (!lowestAudience) {
+          lowestAudience = audience;
+          lowestAudienceDigit = digit;
+          return;
+        }
+
+        if (digit > lowestAudienceDigit) lowestAudience = audience;
+      });
+      return lowestAudience;
+    }; // This is used to track how many times a member's name appears in the collection
+
+
+    var nameCountMap = {};
+    var sorted = [];
+    members.forEach(function (member) {
+      if (!nameCountMap[member.name]) {
+        nameCountMap[member.name] = 1;
+        sorted.push(member);
+        return;
+      }
+
+      sorted.push(member);
+      nameCountMap[member.name]++; // Take the slice of duplicates that we want to sort by audience
+
+      var slice = sorted.splice(sorted.length - nameCountMap[member.name]); // Sort the slice by lowest audience
+
+      var sortedSlice = slice.sort(function (a, b) {
+        var firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);
+        var secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);
+        if (!firstObjLowestAudience && secondObjLowestAudience) return 1;
+        if (!secondObjLowestAudience) return -1;
+        return firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);
+      });
+      sorted = sorted.concat(sortedSlice);
+    });
+    return sorted;
+  }
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=6.chunk.js.map

package/dist/scripts/6.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx","file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx","webpack://@clickview/lite/C:/ClickView Projects/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss?92e3","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx","webpack://@clickview/lite/C:/ClickView Projects/clickview/packages/libs/shared/src/components/audience-label/audience-label.scss?4cc2","file://C:/ClickView Projects/clickview/packages/libs/shared/src/components/clickview-avatar/ClickViewAvatar.tsx","webpack://@clickview/lite/C:/ClickView Projects/clickview/packages/libs/shared/src/components/clickview-avatar/clickview-avatar.scss?009c","file://C:/ClickView Projects/clickview/packages/libs/shared/src/utils/AudienceHelper.ts"],"names":[],"mappings":"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","file":"scripts/6.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport * as moment from 'moment';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { CurrentUser, Playlist, PresentationAudience } from 'libs/shared/interfaces';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { AudienceHelper } from 'libs/shared/utils/AudienceHelper';\r\nimport { ImageSize, ResizeType } from 'libs/shared/enums/Images';\r\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { BaseThumbnail } from 'libs/shared/components/thumbnails/base/BaseThumbnail';\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\r\n\r\nimport { PlaylistOwnerAvatar } from 'libs/shared/apps/playlists/components/playlist-list/PlaylistOwnerAvatar';\r\n\r\nimport styles from './playlist.scss';\r\n\r\nconst namespace = 'playlists.playlistItem';\r\n\r\nfunction getBgColourClassName(playlist: Playlist, classNames: string[]): string {\r\n  const bgClassName = classNames[playlist.name.charCodeAt(0) % classNames.length];\r\n\r\n  return `${styles.playlistItem} ${bgClassName}`;\r\n}\r\n\r\ninterface PlaylistItemProps {\r\n  data: Playlist;\r\n  appLink: Core.AppLink;\r\n  currentUser?: CurrentUser;\r\n  presentationAudiences?: PresentationAudience[];\r\n  bgColourClassNames?: string[];\r\n  imageCdnUrl?: string;\r\n  showCount?: boolean;\r\n  showOwner?: boolean;\r\n  showLastUpdated?: boolean;\r\n  showFallbackImage?: boolean;\r\n}\r\n\r\nexport function PlaylistItem(props: PlaylistItemProps): JSX.Element {\r\n  const imageUrl = ImageHelper.createUrl(props.data.cover && props.data.cover.url, {\r\n    size: ImageSize.Medium,\r\n    resizeType: ResizeType.Cover\r\n  });\r\n\r\n  const audiences = props.data.subjectPresentationAudiences &&\r\n    props.data.subjectPresentationAudiences.data;\r\n\r\n  const filteredAudiences = audiences && props.presentationAudiences &&\r\n    AudienceHelper.getSortedPresentationAudiences(audiences, props.presentationAudiences);\r\n  const mergedAudience = filteredAudiences && AudienceHelper.getMergedPresentationAudienceString(filteredAudiences);\r\n\r\n  const count = !!props.showCount && !!props.data.videos && props.data.videos.count;\r\n\r\n  const lastUpdated = !!props.showLastUpdated && props.data.contentModifiedDate &&\r\n    moment.utc(props.data.contentModifiedDate).fromNow();\r\n\r\n  let className = styles.playlistItem;\r\n\r\n  const showImage = !!imageUrl || !!props.showFallbackImage;\r\n\r\n  if (showImage)\r\n    className += ` ${styles.playlistItemGradient}`;\r\n\r\n  if (!showImage && props.bgColourClassNames)\r\n    className += ` ${getBgColourClassName(props.data, props.bgColourClassNames)}`;\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <AppLink appLink={props.appLink}>\r\n        <BaseThumbnail data={imageUrl} className={className}>\r\n          {!!props.showFallbackImage && <ThumbnailFallback type={ThumbnailFallbackType.Playlist} />}\r\n          <div className={`text-white ${styles.playlistMetadata}`}>\r\n            {Number.isInteger(count) &&\r\n              <Text phrase='videos' options={{ smartCount: count }} />\r\n            }\r\n            <h5 className='text-shadow mb-0'>{props.data.name}</h5>\r\n            {!!lastUpdated &&\r\n              <Text phrase='lastUpdated' options={{ timeAgo: lastUpdated }} />\r\n            }\r\n            {!!audiences && !!audiences.length && !!mergedAudience &&\r\n              <AudienceLabel\r\n                audience={mergedAudience}\r\n                border='white'\r\n              />\r\n            }\r\n          </div>\r\n          {!!props.showOwner && !!props.imageCdnUrl &&\r\n            <div className={styles.ownerAvatarContainer}>\r\n              <PlaylistOwnerAvatar\r\n                playlist={props.data}\r\n                currentUser={props.currentUser}\r\n                imageCdnUrl={props.imageCdnUrl}\r\n              />\r\n            </div>\r\n            }\r\n        </BaseThumbnail>\r\n      </AppLink>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Playlist, CurrentUser } from 'libs/shared/interfaces';\r\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\r\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\r\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\r\n\r\ninterface PlaylistOwnerAvatarProps {\r\n  playlist: Playlist;\r\n  imageCdnUrl: string;\r\n  currentUser?: CurrentUser;\r\n}\r\n\r\nexport function PlaylistOwnerAvatar(props: PlaylistOwnerAvatarProps): JSX.Element {\r\n  const { owner } = props.playlist;\r\n\r\n  if (!owner || !props.currentUser)\r\n    return <></>;\r\n\r\n  const currentUserIsOwner = props.playlist.owner.id === props.currentUser.id;\r\n\r\n  // TODO: Replace this with actual property.\r\n  const isClickViewPlaylist = !!props.playlist.cover?.url;\r\n\r\n  if (isClickViewPlaylist)\r\n    return (\r\n      <ClickViewAvatar />\r\n    );\r\n\r\n  if (currentUserIsOwner)\r\n    return <></>;\r\n\r\n  return (\r\n    <Avatar\r\n      imageUrl={owner.avatar?.url}\r\n      imageCdnUrl={props.imageCdnUrl}\r\n      initials={UserHelper.getInitials(owner.name, owner.surname)}\r\n    />\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"playlistItem\":\"cv--playlistItem--6o0Z2\",\"playlistItemGradient\":\"cv--playlistItemGradient--2JLPt\",\"playlistMetadata\":\"cv--playlistMetadata--3MCKL\",\"partialHeading\":\"cv--partialHeading--13tO6\",\"ownerAvatarContainer\":\"cv--ownerAvatarContainer--CwjTl\"};","import * as React from 'react';\r\nimport { Audience } from 'libs/shared/interfaces';\r\n\r\nimport styles from './audience-label.scss';\r\n\r\ntype AudienceBorderColour = 'dark' | 'white';\r\n\r\ninterface AudienceLabelProps {\r\n  audience: Audience;\r\n  border: AudienceBorderColour;\r\n}\r\n\r\nexport function AudienceLabel(props: AudienceLabelProps): JSX.Element {\r\n  if (!props.audience)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className={`border rounded-pill d-inline-block px-2 mt-1 ${'border-' + props.border}`}>\r\n      {props.audience.name}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface AudienceLabelListProps {\r\n  audiences: Audience[];\r\n  border: AudienceBorderColour;\r\n}\r\n\r\nexport function AudienceLabelList(props: AudienceLabelListProps): JSX.Element {\r\n  if (!props.audiences || !props.audiences.length)\r\n    return <></>;\r\n\r\n  return (\r\n    <>\r\n      {props.audiences.map((a, idx) => (\r\n        <span key={idx} className={styles.audienceLabelListItem}>\r\n          <AudienceLabel audience={a} border={props.border} />\r\n        </span>\r\n      ))}\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"audienceLabelListItem\":\"cv--audienceLabelListItem--2YGVO\"};","import * as React from 'react';\r\n\r\nimport { ClickViewPlayLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\r\n\r\nimport * as styles from './clickview-avatar.scss';\r\n\r\nexport function ClickViewAvatar(): JSX.Element {\r\n  return (\r\n    <div className={styles.avatar}>\r\n      <ClickViewPlayLogo />\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"avatar\":\"cv--avatar--1IfFN\"};","import { HashObject } from 'libs/common/react/interfaces';\r\nimport { Audience, PresentationAudience, BaseObject } from 'libs/shared/interfaces';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nconst DIGIT_REGEX = /([0-9]+)/ig;\r\nconst NAME_REGEX = /(^\\w+)/ig;\r\nconst COUNT_OFFSET = 1;\r\n\r\nfunction processAudienceRanges(audienceValues: number[]): string[] {\r\n  /**\r\n   * Lookahead by increments of offset\r\n   */\r\n  let offset = COUNT_OFFSET;\r\n\r\n  let initialVal, nextVal;\r\n  let isContinguous: boolean = false;\r\n\r\n  const ranges: string[] = [];\r\n\r\n  // Audience values need to be in ascending order\r\n  audienceValues = audienceValues.sort((a, b) => a - b);\r\n\r\n  let i, j;\r\n\r\n  for (i = 0; i < audienceValues.length; i++) {\r\n    j = i + 1;\r\n\r\n    // Set our lower boundary to compare against\r\n    if (!isContinguous)\r\n      initialVal = audienceValues[i];\r\n\r\n    nextVal = audienceValues[j];\r\n\r\n    /**\r\n     * Where the next number is also the next incremental value\r\n     * we're going to continue iterating until the next value\r\n     * is no longer contiguos.\r\n     */\r\n    if (audienceValues[i] + offset === nextVal) {\r\n      isContinguous = true;\r\n\r\n    } else if (isContinguous) {\r\n\r\n      /**\r\n       * Where we were tracking a contiguous set, format appropriately \r\n       * and store the vals\r\n       */\r\n\r\n      ranges.push(`${initialVal} - ${audienceValues[i]}`);\r\n      isContinguous = false;\r\n\r\n    } else {\r\n\r\n      /**\r\n       * Where the values arent contiguous, just store the current value\r\n       */\r\n\r\n      ranges.push(`${audienceValues[i]}`);\r\n      isContinguous = false;\r\n    }\r\n\r\n  }\r\n\r\n  return ranges;\r\n}\r\n\r\nexport const AudienceHelper = {\r\n  /**\r\n   * This is needed to sort an object's audiences, as they are not sorted by the backend.\r\n   * To do this, we take the presentation audiences (sorted) and filter them by the object's\r\n   * audiences, leaving behind a sorted array of object audiences.\r\n   */\r\n  getSortedPresentationAudiences(\r\n    objectAudiences: Audience[],\r\n    presentationAudiences: PresentationAudience[]\r\n  ): PresentationAudience[] {\r\n    const objectAudienceIds = objectAudiences.map(audience => audience.id.toString());\r\n\r\n    /**\r\n     * Remove audiences that aren't relevant for the user's current presentation\r\n     */\r\n    const filteredAudiences = presentationAudiences.filter(presAudience => {\r\n      return objectAudienceIds.includes(presAudience.masterId.toString());\r\n    });\r\n\r\n    return filteredAudiences;\r\n  },\r\n\r\n  getMergedPresentationAudienceString(presentationAudiences: PresentationAudience[]): PresentationAudience {\r\n    if (presentationAudiences.length === 1)\r\n      return presentationAudiences[0];\r\n\r\n    /**\r\n     * Create a string with all of the audiences\r\n     */\r\n    const valuesStr = presentationAudiences.map(a => a.name).join(',');\r\n\r\n    /**\r\n     * Extract all the numbers and  matches from the string\r\n     * Where there aren't matches, just return the first Audience.\r\n     */\r\n    const valMatches = valuesStr.match(DIGIT_REGEX);\r\n    const nameMatches = valuesStr.match(NAME_REGEX);\r\n\r\n    if (!valMatches || !nameMatches) return presentationAudiences[0];\r\n\r\n    const audienceValues = valMatches\r\n      .map(l => +l) || [];\r\n\r\n    /**\r\n     * Build set of logical audience ranges\r\n     */\r\n    const audienceRange = processAudienceRanges(audienceValues);\r\n\r\n    /**\r\n     * Get matches name\r\n     */\r\n    const audienceName = nameMatches[0];\r\n\r\n    return {\r\n      name: `${audienceName} ${audienceRange.join(' , ')}`\r\n    } as PresentationAudience;\r\n  },\r\n\r\n  /**\r\n   * This function assumes the members array passed in is ordered by `name`.\r\n   */\r\n  sortMembersWithDuplicateNamesByAudience(members: BaseObject[]): BaseObject[] {\r\n    // Returns the lowest level audience out of an array of audience objects by looking at the name\r\n    const getLowestAudience = (audiences: Audience[]) => {\r\n      if (!audiences.length)\r\n        return null;\r\n\r\n      let lowestAudience: Audience;\r\n      let lowestAudienceDigit: number;\r\n\r\n      audiences.forEach(audience => {\r\n        const digit = +ArrayHelper.first(audience.name.match(DIGIT_REGEX));\r\n\r\n        if (!lowestAudience) {\r\n          lowestAudience = audience;\r\n          lowestAudienceDigit = digit;\r\n          return;\r\n        }\r\n\r\n        if (digit > lowestAudienceDigit)\r\n          lowestAudience = audience;\r\n      });\r\n\r\n      return lowestAudience;\r\n    };\r\n\r\n    // This is used to track how many times a member's name appears in the collection\r\n    const nameCountMap: HashObject<number> = {};\r\n\r\n    let sorted: BaseObject[] = [];\r\n\r\n    members.forEach(member => {\r\n      if (!nameCountMap[member.name]) {\r\n        nameCountMap[member.name] = 1;\r\n        sorted.push(member);\r\n        return;\r\n      }\r\n\r\n      sorted.push(member);\r\n      nameCountMap[member.name]++;\r\n\r\n      // Take the slice of duplicates that we want to sort by audience\r\n      const slice = sorted.splice(sorted.length - nameCountMap[member.name]);\r\n\r\n      // Sort the slice by lowest audience\r\n      const sortedSlice = slice.sort((a: any, b: any) => {\r\n        const firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);\r\n        const secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);\r\n\r\n        if (!firstObjLowestAudience && secondObjLowestAudience)\r\n          return 1;\r\n\r\n        if (!secondObjLowestAudience)\r\n          return -1;\r\n\r\n        return firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);\r\n      });\r\n\r\n      sorted = sorted.concat(sortedSlice);\r\n    });\r\n\r\n    return sorted;\r\n  }\r\n};"],"sourceRoot":""}